@sendbird/uikit-react 3.5.0 → 3.5.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 (513) hide show
  1. package/App.js +63 -55
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +12 -0
  4. package/Channel/components/ChannelHeader.js +19 -19
  5. package/Channel/components/ChannelUI.js +41 -41
  6. package/Channel/components/FileViewer.js +15 -15
  7. package/Channel/components/FrozenNotification.js +4 -4
  8. package/Channel/components/Message.js +36 -36
  9. package/Channel/components/MessageInput.js +29 -29
  10. package/Channel/components/MessageList.js +50 -40
  11. package/Channel/components/MessageList.js.map +1 -1
  12. package/Channel/components/RemoveMessageModal.js +17 -17
  13. package/Channel/components/SuggestedMentionList.js +17 -17
  14. package/Channel/components/TypingIndicator.js +15 -15
  15. package/Channel/components/UnreadCount.js +4 -4
  16. package/Channel/context.js +12 -12
  17. package/Channel.js +41 -41
  18. package/ChannelList/components/AddChannel.js +14 -14
  19. package/ChannelList/components/ChannelListHeader.js +6 -6
  20. package/ChannelList/components/ChannelListUI.js +30 -30
  21. package/ChannelList/components/ChannelPreview.js +26 -26
  22. package/ChannelList/components/ChannelPreviewAction.js +13 -13
  23. package/ChannelList/context.js +7 -7
  24. package/ChannelList.js +30 -30
  25. package/{ChannelListProvider-4cf5c0f5.js → ChannelListProvider-643a2b47.js} +8 -8
  26. package/ChannelListProvider-643a2b47.js.map +1 -0
  27. package/{ChannelProvider-6e8e99df.js → ChannelProvider-33559192.js} +15 -14
  28. package/ChannelProvider-33559192.js.map +1 -0
  29. package/ChannelSettings/components/ChannelProfile.js +11 -11
  30. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  31. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  32. package/ChannelSettings/components/LeaveChannel.js +11 -11
  33. package/ChannelSettings/components/ModerationPanel.js +14 -14
  34. package/ChannelSettings/components/UserListItem.js +10 -10
  35. package/ChannelSettings/components/UserPanel.js +13 -13
  36. package/ChannelSettings/context.js +5 -4
  37. package/ChannelSettings/context.js.map +1 -1
  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-34603fa5.js → CreateChannelProvider-5b006b58.js} +1 -1
  45. package/{CreateChannelProvider-34603fa5.js.map → CreateChannelProvider-5b006b58.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 -12
  50. package/EditUserProfile.js +12 -12
  51. package/{LocalizationContext-04c0c9dc.js → LocalizationContext-25d6694d.js} +3 -3
  52. package/{LocalizationContext-04c0c9dc.js.map → LocalizationContext-25d6694d.js.map} +1 -1
  53. package/{MediaQueryContext-ff9dca2b.js → MediaQueryContext-94c9086a.js} +1 -1
  54. package/{MediaQueryContext-ff9dca2b.js.map → MediaQueryContext-94c9086a.js.map} +1 -1
  55. package/{MemberList-9bf26111.js → MemberList-9f8950db.js} +5 -5
  56. package/{MemberList-9bf26111.js.map → MemberList-9f8950db.js.map} +1 -1
  57. package/MessageSearch/components/MessageSearchUI.js +11 -11
  58. package/MessageSearch/context.js +1 -1
  59. package/MessageSearch.js +11 -11
  60. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  61. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  62. package/OpenChannel/components/OpenChannelInput.js +19 -19
  63. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  64. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  65. package/OpenChannel/components/OpenChannelUI.js +31 -31
  66. package/OpenChannel/context.js +8 -8
  67. package/OpenChannel.js +31 -31
  68. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  69. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  70. package/OpenChannelList/context.js +3 -3
  71. package/OpenChannelList.js +13 -13
  72. package/{OpenChannelListProvider-d7372692.js → OpenChannelListProvider-7c6b2f84.js} +3 -3
  73. package/{OpenChannelListProvider-d7372692.js.map → OpenChannelListProvider-7c6b2f84.js.map} +1 -1
  74. package/{OpenChannelProvider-24cd68b9.js → OpenChannelProvider-18fa6128.js} +9 -9
  75. package/{OpenChannelProvider-24cd68b9.js.map → OpenChannelProvider-18fa6128.js.map} +1 -1
  76. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  77. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  78. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  79. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  80. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  81. package/OpenChannelSettings/context.js +5 -5
  82. package/OpenChannelSettings/context.js.map +1 -1
  83. package/OpenChannelSettings.js +17 -17
  84. package/{RemoveMessageModal-94e2bf9e.js → RemoveMessageModal-9c0350c0.js} +3 -3
  85. package/{RemoveMessageModal-94e2bf9e.js.map → RemoveMessageModal-9c0350c0.js.map} +1 -1
  86. package/SendbirdProvider.js +15 -15
  87. package/Thread/components/ParentMessageInfo.js +33 -33
  88. package/Thread/components/ParentMessageInfoItem.js +21 -21
  89. package/Thread/components/ThreadHeader.js +6 -6
  90. package/Thread/components/ThreadList.js +36 -36
  91. package/Thread/components/ThreadListItem.js +36 -36
  92. package/Thread/components/ThreadMessageInput.js +30 -30
  93. package/Thread/components/ThreadUI.js +40 -40
  94. package/Thread/context.js +8 -8
  95. package/Thread.js +40 -40
  96. package/{ThreadProvider-203b94f3.js → ThreadProvider-6ae0b041.js} +8 -8
  97. package/{ThreadProvider-203b94f3.js.map → ThreadProvider-6ae0b041.js.map} +1 -1
  98. package/{UserProfileContext-c776d522.js → UserProfileContext-a56cc682.js} +1 -1
  99. package/{UserProfileContext-c776d522.js.map → UserProfileContext-a56cc682.js.map} +1 -1
  100. package/{VoiceMessageInputWrapper-77d8f487.js → VoiceMessageInputWrapper-69ac1f5a.js} +7 -7
  101. package/{VoiceMessageInputWrapper-77d8f487.js.map → VoiceMessageInputWrapper-69ac1f5a.js.map} +1 -1
  102. package/VoicePlayer/context.js +3 -3
  103. package/VoicePlayer/useVoicePlayer.js +9 -9
  104. package/VoiceRecorder/context.js +9 -9
  105. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  106. package/{WebAudioUtils-62e6d3a7.js → WebAudioUtils-16540f03.js} +1 -1
  107. package/{WebAudioUtils-62e6d3a7.js.map → WebAudioUtils-16540f03.js.map} +1 -1
  108. package/{_rollupPluginBabelHelpers-fb0e05a4.js → _rollupPluginBabelHelpers-1be219c2.js} +1 -1
  109. package/_rollupPluginBabelHelpers-1be219c2.js.map +1 -0
  110. package/{actionTypes-1db5749d.js → actionTypes-a8140d53.js} +1 -1
  111. package/{actionTypes-1db5749d.js.map → actionTypes-a8140d53.js.map} +1 -1
  112. package/cjs/App.js +63 -55
  113. package/cjs/App.js.map +1 -1
  114. package/cjs/Channel/components/ChannelHeader.js +19 -19
  115. package/cjs/Channel/components/ChannelUI.js +41 -41
  116. package/cjs/Channel/components/FileViewer.js +15 -15
  117. package/cjs/Channel/components/FrozenNotification.js +4 -4
  118. package/cjs/Channel/components/Message.js +36 -36
  119. package/cjs/Channel/components/MessageInput.js +29 -29
  120. package/cjs/Channel/components/MessageList.js +49 -39
  121. package/cjs/Channel/components/MessageList.js.map +1 -1
  122. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  123. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  124. package/cjs/Channel/components/TypingIndicator.js +15 -15
  125. package/cjs/Channel/components/UnreadCount.js +4 -4
  126. package/cjs/Channel/context.js +12 -12
  127. package/cjs/Channel.js +41 -41
  128. package/cjs/ChannelList/components/AddChannel.js +14 -14
  129. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  130. package/cjs/ChannelList/components/ChannelListUI.js +30 -30
  131. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  132. package/cjs/ChannelList/components/ChannelPreviewAction.js +13 -13
  133. package/cjs/ChannelList/context.js +7 -7
  134. package/cjs/ChannelList.js +30 -30
  135. package/cjs/{ChannelListProvider-e0ce316a.js → ChannelListProvider-1d4a8060.js} +8 -8
  136. package/cjs/ChannelListProvider-1d4a8060.js.map +1 -0
  137. package/cjs/{ChannelProvider-0df75472.js → ChannelProvider-2c7ec64b.js} +15 -14
  138. package/cjs/ChannelProvider-2c7ec64b.js.map +1 -0
  139. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  140. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  141. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  142. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  143. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  144. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  145. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  146. package/cjs/ChannelSettings/context.js +5 -4
  147. package/cjs/ChannelSettings/context.js.map +1 -1
  148. package/cjs/ChannelSettings.js +17 -17
  149. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  150. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  151. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  152. package/cjs/CreateChannel/context.js +4 -4
  153. package/cjs/CreateChannel.js +13 -13
  154. package/cjs/{CreateChannelProvider-c0fca0a5.js → CreateChannelProvider-f7d36126.js} +1 -1
  155. package/cjs/{CreateChannelProvider-c0fca0a5.js.map → CreateChannelProvider-f7d36126.js.map} +1 -1
  156. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  157. package/cjs/CreateOpenChannel/context.js +1 -1
  158. package/cjs/CreateOpenChannel.js +9 -9
  159. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  160. package/cjs/EditUserProfile.js +12 -12
  161. package/cjs/{LocalizationContext-0e429c3d.js → LocalizationContext-bd54275c.js} +3 -3
  162. package/cjs/{LocalizationContext-0e429c3d.js.map → LocalizationContext-bd54275c.js.map} +1 -1
  163. package/cjs/{MediaQueryContext-33fc3b17.js → MediaQueryContext-ebcb159a.js} +1 -1
  164. package/cjs/{MediaQueryContext-33fc3b17.js.map → MediaQueryContext-ebcb159a.js.map} +1 -1
  165. package/cjs/{MemberList-a45a51c4.js → MemberList-2204c0b1.js} +5 -5
  166. package/cjs/{MemberList-a45a51c4.js.map → MemberList-2204c0b1.js.map} +1 -1
  167. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  168. package/cjs/MessageSearch/context.js +1 -1
  169. package/cjs/MessageSearch.js +11 -11
  170. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  171. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  172. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  173. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  174. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  175. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  176. package/cjs/OpenChannel/context.js +8 -8
  177. package/cjs/OpenChannel.js +31 -31
  178. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  179. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  180. package/cjs/OpenChannelList/context.js +3 -3
  181. package/cjs/OpenChannelList.js +13 -13
  182. package/cjs/{OpenChannelListProvider-fc8b53ee.js → OpenChannelListProvider-865700d5.js} +3 -3
  183. package/cjs/{OpenChannelListProvider-fc8b53ee.js.map → OpenChannelListProvider-865700d5.js.map} +1 -1
  184. package/cjs/{OpenChannelProvider-217a8ac2.js → OpenChannelProvider-083e5628.js} +9 -9
  185. package/cjs/{OpenChannelProvider-217a8ac2.js.map → OpenChannelProvider-083e5628.js.map} +1 -1
  186. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  187. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  188. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  189. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  190. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  191. package/cjs/OpenChannelSettings/context.js +5 -5
  192. package/cjs/OpenChannelSettings/context.js.map +1 -1
  193. package/cjs/OpenChannelSettings.js +17 -17
  194. package/cjs/{RemoveMessageModal-5903f232.js → RemoveMessageModal-822e0fac.js} +3 -3
  195. package/cjs/{RemoveMessageModal-5903f232.js.map → RemoveMessageModal-822e0fac.js.map} +1 -1
  196. package/cjs/SendbirdProvider.js +15 -15
  197. package/cjs/Thread/components/ParentMessageInfo.js +33 -33
  198. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  199. package/cjs/Thread/components/ThreadHeader.js +6 -6
  200. package/cjs/Thread/components/ThreadList.js +36 -36
  201. package/cjs/Thread/components/ThreadListItem.js +36 -36
  202. package/cjs/Thread/components/ThreadMessageInput.js +30 -30
  203. package/cjs/Thread/components/ThreadUI.js +40 -40
  204. package/cjs/Thread/context.js +8 -8
  205. package/cjs/Thread.js +40 -40
  206. package/cjs/{ThreadProvider-8ee179c2.js → ThreadProvider-09392c06.js} +8 -8
  207. package/cjs/{ThreadProvider-8ee179c2.js.map → ThreadProvider-09392c06.js.map} +1 -1
  208. package/cjs/{UserProfileContext-87580795.js → UserProfileContext-10e1ac24.js} +1 -1
  209. package/cjs/{UserProfileContext-87580795.js.map → UserProfileContext-10e1ac24.js.map} +1 -1
  210. package/cjs/{VoiceMessageInputWrapper-4fdc8ef1.js → VoiceMessageInputWrapper-fee2ede6.js} +7 -7
  211. package/cjs/{VoiceMessageInputWrapper-4fdc8ef1.js.map → VoiceMessageInputWrapper-fee2ede6.js.map} +1 -1
  212. package/cjs/VoicePlayer/context.js +3 -3
  213. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  214. package/cjs/VoiceRecorder/context.js +9 -9
  215. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  216. package/cjs/{WebAudioUtils-e226789c.js → WebAudioUtils-9dfbd5a9.js} +1 -1
  217. package/cjs/{WebAudioUtils-e226789c.js.map → WebAudioUtils-9dfbd5a9.js.map} +1 -1
  218. package/cjs/{_rollupPluginBabelHelpers-c89f311a.js → _rollupPluginBabelHelpers-53e83515.js} +1 -1
  219. package/cjs/_rollupPluginBabelHelpers-53e83515.js.map +1 -0
  220. package/cjs/{actionTypes-0fa2943d.js → actionTypes-b1275c7f.js} +1 -1
  221. package/cjs/{actionTypes-0fa2943d.js.map → actionTypes-b1275c7f.js.map} +1 -1
  222. package/cjs/{color-bada0fc7.js → color-e7fbb496.js} +1 -1
  223. package/cjs/{color-bada0fc7.js.map → color-e7fbb496.js.map} +1 -1
  224. package/cjs/{compareIds-ccccfe86.js → compareIds-03cd7437.js} +1 -1
  225. package/cjs/{compareIds-ccccfe86.js.map → compareIds-03cd7437.js.map} +1 -1
  226. package/cjs/{const-d8cece19.js → const-8728e4b6.js} +1 -1
  227. package/cjs/{const-d8cece19.js.map → const-8728e4b6.js.map} +1 -1
  228. package/cjs/{const-a85f3364.js → const-b3585ae0.js} +1 -1
  229. package/cjs/{const-a85f3364.js.map → const-b3585ae0.js.map} +1 -1
  230. package/cjs/{consts-1c3020ad.js → consts-6bd1cfe3.js} +1 -1
  231. package/cjs/{consts-1c3020ad.js.map → consts-6bd1cfe3.js.map} +1 -1
  232. package/cjs/{consts-740f60b8.js → consts-a006bc78.js} +1 -1
  233. package/cjs/{consts-740f60b8.js.map → consts-a006bc78.js.map} +1 -1
  234. package/cjs/{consts-1d94dc61.js → consts-a0e35044.js} +1 -1
  235. package/cjs/{consts-1d94dc61.js.map → consts-a0e35044.js.map} +1 -1
  236. package/cjs/{consts-5e0f96b3.js → consts-aa056322.js} +1 -1
  237. package/cjs/{consts-5e0f96b3.js.map → consts-aa056322.js.map} +1 -1
  238. package/cjs/{context-8e7e8457.js → context-ad45a982.js} +2 -2
  239. package/cjs/{context-8e7e8457.js.map → context-ad45a982.js.map} +1 -1
  240. package/cjs/dist/index.css +127 -127
  241. package/cjs/dist/index.css.map +1 -1
  242. package/cjs/{index-7d125728.js → index-165d52b7.js} +2 -2
  243. package/cjs/{index-7d125728.js.map → index-165d52b7.js.map} +1 -1
  244. package/cjs/{index-c9d348b6.js → index-288afd10.js} +6 -6
  245. package/cjs/{index-c9d348b6.js.map → index-288afd10.js.map} +1 -1
  246. package/cjs/{index-1613ae03.js → index-2f206bb6.js} +3 -3
  247. package/cjs/{index-1613ae03.js.map → index-2f206bb6.js.map} +1 -1
  248. package/cjs/{index-5231fde8.js → index-32244c73.js} +8 -8
  249. package/cjs/index-32244c73.js.map +1 -0
  250. package/cjs/{index-99f16473.js → index-35d641f7.js} +2 -2
  251. package/cjs/{index-99f16473.js.map → index-35d641f7.js.map} +1 -1
  252. package/cjs/{index-71fdaa1b.js → index-3e924a85.js} +5 -5
  253. package/cjs/{index-71fdaa1b.js.map → index-3e924a85.js.map} +1 -1
  254. package/cjs/{index-89d81dad.js → index-4a2ec2ae.js} +4 -4
  255. package/cjs/{index-89d81dad.js.map → index-4a2ec2ae.js.map} +1 -1
  256. package/cjs/{index-016f7106.js → index-745c9ce1.js} +1 -1
  257. package/cjs/{index-016f7106.js.map → index-745c9ce1.js.map} +1 -1
  258. package/cjs/{index-3b30939e.js → index-7bd7f678.js} +2 -2
  259. package/cjs/{index-3b30939e.js.map → index-7bd7f678.js.map} +1 -1
  260. package/cjs/{index-648c06ed.js → index-7d2d89a2.js} +3 -3
  261. package/cjs/{index-648c06ed.js.map → index-7d2d89a2.js.map} +1 -1
  262. package/cjs/{index-f570d25c.js → index-8ada6055.js} +1 -1
  263. package/cjs/{index-f570d25c.js.map → index-8ada6055.js.map} +1 -1
  264. package/cjs/{index-7f6bbe0c.js → index-9a94e768.js} +6 -6
  265. package/cjs/{index-7f6bbe0c.js.map → index-9a94e768.js.map} +1 -1
  266. package/cjs/{index-e8c0080f.js → index-9f2a1c52.js} +4 -4
  267. package/cjs/{index-e8c0080f.js.map → index-9f2a1c52.js.map} +1 -1
  268. package/cjs/{index-8affdde5.js → index-9feae73e.js} +3 -3
  269. package/cjs/{index-8affdde5.js.map → index-9feae73e.js.map} +1 -1
  270. package/cjs/{index-869e9a94.js → index-a01673e9.js} +2 -2
  271. package/cjs/{index-869e9a94.js.map → index-a01673e9.js.map} +1 -1
  272. package/cjs/{index-2be14d85.js → index-d0b4f3c0.js} +4 -4
  273. package/cjs/{index-2be14d85.js.map → index-d0b4f3c0.js.map} +1 -1
  274. package/cjs/{index-6cb0d040.js → index-f6621210.js} +2 -2
  275. package/cjs/{index-6cb0d040.js.map → index-f6621210.js.map} +1 -1
  276. package/cjs/index.js +52 -52
  277. package/cjs/{index.module-0585715f.js → index.module-02ae6df9.js} +1 -1
  278. package/cjs/{index.module-0585715f.js.map → index.module-02ae6df9.js.map} +1 -1
  279. package/cjs/{resolvedReplyType-67e78c63.js → resolvedReplyType-da86056c.js} +1 -1
  280. package/cjs/{resolvedReplyType-67e78c63.js.map → resolvedReplyType-da86056c.js.map} +1 -1
  281. package/cjs/sendbirdSelectors.js +3 -3
  282. package/cjs/{stringSet-106da549.js → stringSet-d212a015.js} +1 -1
  283. package/cjs/{stringSet-106da549.js.map → stringSet-d212a015.js.map} +1 -1
  284. package/cjs/{tokenize-2aa0f876.js → tokenize-b019fb84.js} +2 -2
  285. package/cjs/{tokenize-2aa0f876.js.map → tokenize-b019fb84.js.map} +1 -1
  286. package/cjs/{topics-b384e6b3.js → topics-77576a9c.js} +1 -1
  287. package/cjs/{topics-b384e6b3.js.map → topics-77576a9c.js.map} +1 -1
  288. package/cjs/{types-e0b77c8c.js → types-36ee2d00.js} +1 -1
  289. package/cjs/{types-e0b77c8c.js.map → types-36ee2d00.js.map} +1 -1
  290. package/cjs/ui/Accordion.js +2 -2
  291. package/cjs/ui/AccordionGroup.js +2 -2
  292. package/cjs/ui/AdminMessage.js +2 -2
  293. package/cjs/ui/Avatar.js +1 -1
  294. package/cjs/ui/Badge.js +4 -4
  295. package/cjs/ui/BottomSheet.js +1 -1
  296. package/cjs/ui/Button.js +2 -2
  297. package/cjs/ui/ChannelAvatar.js +2 -2
  298. package/cjs/ui/ConnectionStatus.js +4 -4
  299. package/cjs/ui/ContextMenu.js +5 -5
  300. package/cjs/ui/DateSeparator.js +3 -3
  301. package/cjs/ui/EmojiReactions.js +13 -13
  302. package/cjs/ui/FileMessageItemBody.js +6 -6
  303. package/cjs/ui/FileViewer.js +8 -8
  304. package/cjs/ui/IconButton.js +1 -1
  305. package/cjs/ui/Input.js +2 -2
  306. package/cjs/ui/Label.js +2 -2
  307. package/cjs/ui/LinkLabel.js +2 -2
  308. package/cjs/ui/MentionLabel.js +10 -10
  309. package/cjs/ui/MentionUserLabel.js +1 -1
  310. package/cjs/ui/MessageContent.js +38 -36
  311. package/cjs/ui/MessageContent.js.map +1 -1
  312. package/cjs/ui/MessageInput.js +13 -13
  313. package/cjs/ui/MessageItemMenu.js +8 -8
  314. package/cjs/ui/MessageItemReactionMenu.js +8 -8
  315. package/cjs/ui/MessageSearchFileItem.js +10 -10
  316. package/cjs/ui/MessageSearchItem.js +8 -8
  317. package/cjs/ui/MessageStatus.js +10 -10
  318. package/cjs/ui/Modal.js +7 -7
  319. package/cjs/ui/OGMessageItemBody.js +14 -14
  320. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  321. package/cjs/ui/OpenChannelAvatar.js +5 -5
  322. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  323. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  324. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  325. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  326. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  327. package/cjs/ui/PlaceHolder.js +5 -5
  328. package/cjs/ui/PlaybackTime.js +2 -2
  329. package/cjs/ui/QuoteMessage.js +6 -6
  330. package/cjs/ui/QuoteMessageInput.js +6 -6
  331. package/cjs/ui/ReactionBadge.js +2 -2
  332. package/cjs/ui/ReactionButton.js +4 -4
  333. package/cjs/ui/SortByRow.js +1 -1
  334. package/cjs/ui/TextButton.js +1 -1
  335. package/cjs/ui/TextMessageItemBody.js +14 -14
  336. package/cjs/ui/ThreadReplies.js +5 -5
  337. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  338. package/cjs/ui/Toggle.js +1 -1
  339. package/cjs/ui/Tooltip.js +2 -2
  340. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  341. package/cjs/ui/UserListItem.js +10 -10
  342. package/cjs/ui/UserProfile.js +9 -9
  343. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  344. package/cjs/ui/VoiceMessgeInput.js +7 -7
  345. package/cjs/ui/Word.js +10 -10
  346. package/cjs/{useDirtyGetMentions-b8ca5675.js → useDirtyGetMentions-792a65af.js} +1 -1
  347. package/cjs/{useDirtyGetMentions-b8ca5675.js.map → useDirtyGetMentions-792a65af.js.map} +1 -1
  348. package/cjs/{useLongPress-8037894e.js → useLongPress-50d2028a.js} +3 -3
  349. package/cjs/{useLongPress-8037894e.js.map → useLongPress-50d2028a.js.map} +1 -1
  350. package/cjs/useSendbirdStateContext.js +1 -1
  351. package/cjs/utils/message/isVoiceMessage.js +2 -2
  352. package/cjs/{utils-ad7b5b82.js → utils-85ff9137.js} +1 -1
  353. package/cjs/{utils-ad7b5b82.js.map → utils-85ff9137.js.map} +1 -1
  354. package/cjs/{utils-01ff5332.js → utils-8ce3a247.js} +1 -1
  355. package/cjs/{utils-01ff5332.js.map → utils-8ce3a247.js.map} +1 -1
  356. package/cjs/{utils-5ac3db44.js → utils-c2543c4d.js} +2 -2
  357. package/cjs/{utils-5ac3db44.js.map → utils-c2543c4d.js.map} +1 -1
  358. package/cjs/{utils-2edcddc8.js → utils-d2648e7d.js} +1 -1
  359. package/cjs/{utils-2edcddc8.js.map → utils-d2648e7d.js.map} +1 -1
  360. package/cjs/{uuid-12b01f73.js → uuid-97ce2508.js} +1 -1
  361. package/cjs/{uuid-12b01f73.js.map → uuid-97ce2508.js.map} +1 -1
  362. package/cjs/withSendbird.js +1 -1
  363. package/{color-347926b6.js → color-04427a41.js} +1 -1
  364. package/{color-347926b6.js.map → color-04427a41.js.map} +1 -1
  365. package/{compareIds-3a43c11b.js → compareIds-e75af4f9.js} +1 -1
  366. package/{compareIds-3a43c11b.js.map → compareIds-e75af4f9.js.map} +1 -1
  367. package/{const-c608f749.js → const-8d418b81.js} +1 -1
  368. package/{const-c608f749.js.map → const-8d418b81.js.map} +1 -1
  369. package/{const-18dba7a4.js → const-ec18f7f8.js} +1 -1
  370. package/{const-18dba7a4.js.map → const-ec18f7f8.js.map} +1 -1
  371. package/{consts-6bca01c7.js → consts-01a1e3c0.js} +1 -1
  372. package/{consts-6bca01c7.js.map → consts-01a1e3c0.js.map} +1 -1
  373. package/{consts-fb4d475a.js → consts-4d93ce13.js} +1 -1
  374. package/{consts-fb4d475a.js.map → consts-4d93ce13.js.map} +1 -1
  375. package/{consts-7a169a0f.js → consts-a5106683.js} +1 -1
  376. package/{consts-7a169a0f.js.map → consts-a5106683.js.map} +1 -1
  377. package/{consts-c1baf70a.js → consts-e6fdc559.js} +1 -1
  378. package/{consts-c1baf70a.js.map → consts-e6fdc559.js.map} +1 -1
  379. package/{context-786ef1a2.js → context-6272efa3.js} +2 -2
  380. package/{context-786ef1a2.js.map → context-6272efa3.js.map} +1 -1
  381. package/dist/index.css +127 -127
  382. package/dist/index.css.map +1 -1
  383. package/{index-06b854f7.js → index-19daf00f.js} +5 -5
  384. package/{index-06b854f7.js.map → index-19daf00f.js.map} +1 -1
  385. package/{index-6663ce18.js → index-24f4354d.js} +4 -4
  386. package/{index-6663ce18.js.map → index-24f4354d.js.map} +1 -1
  387. package/{index-c149ea48.js → index-2d858f6d.js} +2 -2
  388. package/{index-c149ea48.js.map → index-2d858f6d.js.map} +1 -1
  389. package/{index-9cd77b08.js → index-32a56033.js} +3 -3
  390. package/{index-9cd77b08.js.map → index-32a56033.js.map} +1 -1
  391. package/{index-7d71b26c.js → index-36d49e08.js} +4 -4
  392. package/{index-7d71b26c.js.map → index-36d49e08.js.map} +1 -1
  393. package/{index-9a4e0846.js → index-5819e39d.js} +1 -1
  394. package/{index-9a4e0846.js.map → index-5819e39d.js.map} +1 -1
  395. package/{index-2673effb.js → index-7ff2c073.js} +6 -6
  396. package/{index-2673effb.js.map → index-7ff2c073.js.map} +1 -1
  397. package/{index-ebb62af1.js → index-9a62272f.js} +4 -4
  398. package/{index-ebb62af1.js.map → index-9a62272f.js.map} +1 -1
  399. package/{index-319984d0.js → index-a4552c13.js} +1 -1
  400. package/{index-319984d0.js.map → index-a4552c13.js.map} +1 -1
  401. package/{index-cf3939c6.js → index-b3c3e1aa.js} +2 -2
  402. package/{index-cf3939c6.js.map → index-b3c3e1aa.js.map} +1 -1
  403. package/{index-cf859f03.js → index-c589f349.js} +8 -8
  404. package/index-c589f349.js.map +1 -0
  405. package/{index-e33f7f55.js → index-d88e3ef9.js} +2 -2
  406. package/{index-e33f7f55.js.map → index-d88e3ef9.js.map} +1 -1
  407. package/{index-edf844f0.js → index-dcaf3cb8.js} +3 -3
  408. package/{index-edf844f0.js.map → index-dcaf3cb8.js.map} +1 -1
  409. package/{index-6c252d25.js → index-dd8e8ea1.js} +2 -2
  410. package/{index-6c252d25.js.map → index-dd8e8ea1.js.map} +1 -1
  411. package/{index-71a20863.js → index-f4374646.js} +3 -3
  412. package/{index-71a20863.js.map → index-f4374646.js.map} +1 -1
  413. package/{index-eabd1e7e.js → index-fe7ed4c0.js} +6 -6
  414. package/{index-eabd1e7e.js.map → index-fe7ed4c0.js.map} +1 -1
  415. package/{index-4455855e.js → index-fea4f7d3.js} +2 -2
  416. package/{index-4455855e.js.map → index-fea4f7d3.js.map} +1 -1
  417. package/index.d.ts +1 -1
  418. package/index.js +52 -52
  419. package/{index.module-6b7ed635.js → index.module-1ba8586e.js} +1 -1
  420. package/{index.module-6b7ed635.js.map → index.module-1ba8586e.js.map} +1 -1
  421. package/package.json +2 -2
  422. package/{resolvedReplyType-8776d777.js → resolvedReplyType-94a089b3.js} +1 -1
  423. package/{resolvedReplyType-8776d777.js.map → resolvedReplyType-94a089b3.js.map} +1 -1
  424. package/sendbirdSelectors.js +3 -3
  425. package/{stringSet-e0ee1265.js → stringSet-3649b375.js} +1 -1
  426. package/{stringSet-e0ee1265.js.map → stringSet-3649b375.js.map} +1 -1
  427. package/{tokenize-1b053c86.js → tokenize-053e921e.js} +2 -2
  428. package/{tokenize-1b053c86.js.map → tokenize-053e921e.js.map} +1 -1
  429. package/{topics-70f569e9.js → topics-d0dcd2f2.js} +1 -1
  430. package/{topics-70f569e9.js.map → topics-d0dcd2f2.js.map} +1 -1
  431. package/{types-77bbdda6.js → types-54edb45d.js} +1 -1
  432. package/{types-77bbdda6.js.map → types-54edb45d.js.map} +1 -1
  433. package/ui/Accordion.js +2 -2
  434. package/ui/AccordionGroup.js +2 -2
  435. package/ui/AdminMessage.js +2 -2
  436. package/ui/Avatar.js +1 -1
  437. package/ui/Badge.js +4 -4
  438. package/ui/BottomSheet.js +1 -1
  439. package/ui/Button.js +2 -2
  440. package/ui/ChannelAvatar.js +2 -2
  441. package/ui/ConnectionStatus.js +4 -4
  442. package/ui/ContextMenu.js +5 -5
  443. package/ui/DateSeparator.js +3 -3
  444. package/ui/EmojiReactions.js +13 -13
  445. package/ui/FileMessageItemBody.js +6 -6
  446. package/ui/FileViewer.js +8 -8
  447. package/ui/IconButton.js +1 -1
  448. package/ui/Input.js +2 -2
  449. package/ui/Label.js +2 -2
  450. package/ui/LinkLabel.js +2 -2
  451. package/ui/MentionLabel.js +10 -10
  452. package/ui/MentionUserLabel.js +1 -1
  453. package/ui/MessageContent.js +38 -36
  454. package/ui/MessageContent.js.map +1 -1
  455. package/ui/MessageInput.js +13 -13
  456. package/ui/MessageItemMenu.js +8 -8
  457. package/ui/MessageItemReactionMenu.js +8 -8
  458. package/ui/MessageSearchFileItem.js +10 -10
  459. package/ui/MessageSearchItem.js +8 -8
  460. package/ui/MessageStatus.js +10 -10
  461. package/ui/Modal.js +7 -7
  462. package/ui/OGMessageItemBody.js +14 -14
  463. package/ui/OpenChannelAdminMessage.js +2 -2
  464. package/ui/OpenChannelAvatar.js +5 -5
  465. package/ui/OpenchannelConversationHeader.js +6 -6
  466. package/ui/OpenchannelFileMessage.js +15 -15
  467. package/ui/OpenchannelOGMessage.js +18 -18
  468. package/ui/OpenchannelThumbnailMessage.js +14 -14
  469. package/ui/OpenchannelUserMessage.js +15 -15
  470. package/ui/PlaceHolder.js +5 -5
  471. package/ui/PlaybackTime.js +2 -2
  472. package/ui/QuoteMessage.js +6 -6
  473. package/ui/QuoteMessageInput.js +6 -6
  474. package/ui/ReactionBadge.js +2 -2
  475. package/ui/ReactionButton.js +4 -4
  476. package/ui/SortByRow.js +1 -1
  477. package/ui/TextButton.js +1 -1
  478. package/ui/TextMessageItemBody.js +14 -14
  479. package/ui/ThreadReplies.js +5 -5
  480. package/ui/ThumbnailMessageItemBody.js +5 -5
  481. package/ui/Toggle.js +1 -1
  482. package/ui/Tooltip.js +2 -2
  483. package/ui/UnknownMessageItemBody.js +6 -6
  484. package/ui/UserListItem.js +10 -10
  485. package/ui/UserProfile.js +9 -9
  486. package/ui/VoiceMessageItemBody.js +9 -9
  487. package/ui/VoiceMessgeInput.js +7 -7
  488. package/ui/Word.js +10 -10
  489. package/{useDirtyGetMentions-f00f1f94.js → useDirtyGetMentions-b9a9c21b.js} +1 -1
  490. package/{useDirtyGetMentions-f00f1f94.js.map → useDirtyGetMentions-b9a9c21b.js.map} +1 -1
  491. package/{useLongPress-1ab49410.js → useLongPress-5e28b292.js} +3 -3
  492. package/{useLongPress-1ab49410.js.map → useLongPress-5e28b292.js.map} +1 -1
  493. package/useSendbirdStateContext.js +1 -1
  494. package/utils/message/isVoiceMessage.js +2 -2
  495. package/{utils-77f7e8b2.js → utils-1f5c8b6c.js} +2 -2
  496. package/{utils-77f7e8b2.js.map → utils-1f5c8b6c.js.map} +1 -1
  497. package/{utils-7f3d0d8c.js → utils-712b81f7.js} +1 -1
  498. package/{utils-7f3d0d8c.js.map → utils-712b81f7.js.map} +1 -1
  499. package/{utils-56cb7de5.js → utils-a1f2aa01.js} +1 -1
  500. package/{utils-56cb7de5.js.map → utils-a1f2aa01.js.map} +1 -1
  501. package/{utils-af9b1c06.js → utils-cbae9afc.js} +1 -1
  502. package/{utils-af9b1c06.js.map → utils-cbae9afc.js.map} +1 -1
  503. package/{uuid-92d22300.js → uuid-8c96bee0.js} +1 -1
  504. package/{uuid-92d22300.js.map → uuid-8c96bee0.js.map} +1 -1
  505. package/withSendbird.js +1 -1
  506. package/ChannelListProvider-4cf5c0f5.js.map +0 -1
  507. package/ChannelProvider-6e8e99df.js.map +0 -1
  508. package/_rollupPluginBabelHelpers-fb0e05a4.js.map +0 -1
  509. package/cjs/ChannelListProvider-e0ce316a.js.map +0 -1
  510. package/cjs/ChannelProvider-0df75472.js.map +0 -1
  511. package/cjs/_rollupPluginBabelHelpers-c89f311a.js.map +0 -1
  512. package/cjs/index-5231fde8.js.map +0 -1
  513. package/index-cf859f03.js.map +0 -1
package/dist/index.css CHANGED
@@ -70,6 +70,133 @@
70
70
  color: inherit;
71
71
  word-break: break-all;
72
72
  }
73
+ .sendbird-open-channel-preview {
74
+ position: relative;
75
+ display: inline-flex;
76
+ flex-direction: row;
77
+ width: 264px;
78
+ height: 58px;
79
+ min-width: 264px;
80
+ min-height: 58px;
81
+ box-sizing: border-box;
82
+ }
83
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
84
+ width: 100%;
85
+ }
86
+ .sendbird-theme--light .sendbird-open-channel-preview {
87
+ background-color: var(--sendbird-light-background-50);
88
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
89
+ }
90
+ .sendbird-theme--dark .sendbird-open-channel-preview {
91
+ background-color: var(--sendbird-dark-background-600);
92
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
93
+ }
94
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
95
+ background-color: var(--sendbird-light-background-100);
96
+ }
97
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
98
+ background-color: var(--sendbird-dark-background-500);
99
+ }
100
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
101
+ background-color: var(--sendbird-light-primary-100);
102
+ border-left: solid 4px var(--sendbird-light-primary-300);
103
+ }
104
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
105
+ background-color: var(--sendbird-dark-primary-300);
106
+ border-left: solid 4px var(--sendbird-dark-primary-200);
107
+ }
108
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
109
+ position: relative;
110
+ margin-top: 8px;
111
+ margin-left: 16px;
112
+ display: inline-flex;
113
+ align-items: center;
114
+ justify-content: center;
115
+ width: 42px;
116
+ height: 42px;
117
+ box-sizing: border-box;
118
+ }
119
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
120
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
121
+ position: relative;
122
+ display: inline-flex;
123
+ align-items: center;
124
+ justify-content: center;
125
+ box-sizing: border-box;
126
+ }
127
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
128
+ position: relative;
129
+ margin-top: 8px;
130
+ margin-left: 16px;
131
+ display: inline-flex;
132
+ flex-direction: column;
133
+ width: calc(100% - 100px);
134
+ box-sizing: border-box;
135
+ }
136
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
137
+ position: relative;
138
+ display: inline-flex;
139
+ flex-direction: row;
140
+ align-items: center;
141
+ width: 100%;
142
+ height: 16px;
143
+ box-sizing: border-box;
144
+ }
145
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
146
+ position: relative;
147
+ display: inline-block;
148
+ width: 100%;
149
+ white-space: nowrap;
150
+ overflow: hidden;
151
+ text-overflow: ellipsis;
152
+ box-sizing: border-box;
153
+ overflow-x: hidden;
154
+ text-overflow: ellipsis;
155
+ word-break: keep-all;
156
+ }
157
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
158
+ max-width: calc(100% - 20px);
159
+ }
160
+ .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
161
+ overflow-y: hidden;
162
+ }
163
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
164
+ position: relative;
165
+ margin-left: 4px;
166
+ display: inline-flex;
167
+ }
168
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
169
+ position: relative;
170
+ margin-top: 8px;
171
+ display: inline-flex;
172
+ flex-direction: row;
173
+ align-items: center;
174
+ width: 100%;
175
+ height: 14px;
176
+ box-sizing: border-box;
177
+ }
178
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
179
+ position: relative;
180
+ display: inline-flex;
181
+ width: 14px;
182
+ height: 14px;
183
+ box-sizing: border-box;
184
+ }
185
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
186
+ position: relative;
187
+ margin-left: 4px;
188
+ display: inline-flex;
189
+ width: 160px;
190
+ max-width: 160px;
191
+ height: 12px;
192
+ box-sizing: border-box;
193
+ overflow-x: hidden;
194
+ text-overflow: ellipsis;
195
+ word-break: keep-all;
196
+ }
197
+ .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
198
+ overflow-y: hidden;
199
+ }
73
200
  .sendbird-open-channel-list,
74
201
  .sendbird-open-channel-list-ui {
75
202
  position: relative;
@@ -219,133 +346,6 @@
219
346
  display: inline-flex;
220
347
  flex-direction: row;
221
348
  }
222
- .sendbird-open-channel-preview {
223
- position: relative;
224
- display: inline-flex;
225
- flex-direction: row;
226
- width: 264px;
227
- height: 58px;
228
- min-width: 264px;
229
- min-height: 58px;
230
- box-sizing: border-box;
231
- }
232
- .sendbird--mobile-mode .sendbird-open-channel-preview {
233
- width: 100%;
234
- }
235
- .sendbird-theme--light .sendbird-open-channel-preview {
236
- background-color: var(--sendbird-light-background-50);
237
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
238
- }
239
- .sendbird-theme--dark .sendbird-open-channel-preview {
240
- background-color: var(--sendbird-dark-background-600);
241
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
242
- }
243
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
244
- background-color: var(--sendbird-light-background-100);
245
- }
246
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
247
- background-color: var(--sendbird-dark-background-500);
248
- }
249
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
250
- background-color: var(--sendbird-light-primary-100);
251
- border-left: solid 4px var(--sendbird-light-primary-300);
252
- }
253
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
254
- background-color: var(--sendbird-dark-primary-300);
255
- border-left: solid 4px var(--sendbird-dark-primary-200);
256
- }
257
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
258
- position: relative;
259
- margin-top: 8px;
260
- margin-left: 16px;
261
- display: inline-flex;
262
- align-items: center;
263
- justify-content: center;
264
- width: 42px;
265
- height: 42px;
266
- box-sizing: border-box;
267
- }
268
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
269
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
270
- position: relative;
271
- display: inline-flex;
272
- align-items: center;
273
- justify-content: center;
274
- box-sizing: border-box;
275
- }
276
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
277
- position: relative;
278
- margin-top: 8px;
279
- margin-left: 16px;
280
- display: inline-flex;
281
- flex-direction: column;
282
- width: calc(100% - 100px);
283
- box-sizing: border-box;
284
- }
285
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
286
- position: relative;
287
- display: inline-flex;
288
- flex-direction: row;
289
- align-items: center;
290
- width: 100%;
291
- height: 16px;
292
- box-sizing: border-box;
293
- }
294
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
295
- position: relative;
296
- display: inline-block;
297
- width: 100%;
298
- white-space: nowrap;
299
- overflow: hidden;
300
- text-overflow: ellipsis;
301
- box-sizing: border-box;
302
- overflow-x: hidden;
303
- text-overflow: ellipsis;
304
- word-break: keep-all;
305
- }
306
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
307
- max-width: calc(100% - 20px);
308
- }
309
- .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
310
- overflow-y: hidden;
311
- }
312
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
313
- position: relative;
314
- margin-left: 4px;
315
- display: inline-flex;
316
- }
317
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
318
- position: relative;
319
- margin-top: 8px;
320
- display: inline-flex;
321
- flex-direction: row;
322
- align-items: center;
323
- width: 100%;
324
- height: 14px;
325
- box-sizing: border-box;
326
- }
327
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
328
- position: relative;
329
- display: inline-flex;
330
- width: 14px;
331
- height: 14px;
332
- box-sizing: border-box;
333
- }
334
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
335
- position: relative;
336
- margin-left: 4px;
337
- display: inline-flex;
338
- width: 160px;
339
- max-width: 160px;
340
- height: 12px;
341
- box-sizing: border-box;
342
- overflow-x: hidden;
343
- text-overflow: ellipsis;
344
- word-break: keep-all;
345
- }
346
- .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
347
- overflow-y: hidden;
348
- }
349
349
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
350
350
  :root {
351
351
  --sendbird-light-primary-500: #491389;