@sendbird/uikit-react 3.4.8-rc.1 → 3.4.8

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 (484) hide show
  1. package/App.js +45 -45
  2. package/Channel/components/ChannelHeader.js +18 -18
  3. package/Channel/components/ChannelUI.js +38 -38
  4. package/Channel/components/FileViewer.js +14 -14
  5. package/Channel/components/FrozenNotification.js +4 -4
  6. package/Channel/components/Message.js +33 -33
  7. package/Channel/components/MessageInput.js +26 -26
  8. package/Channel/components/MessageList.js +34 -34
  9. package/Channel/components/RemoveMessageModal.js +16 -16
  10. package/Channel/components/SuggestedMentionList.js +16 -16
  11. package/Channel/components/TypingIndicator.js +14 -14
  12. package/Channel/components/UnreadCount.js +4 -4
  13. package/Channel/context.js +11 -11
  14. package/Channel.js +38 -38
  15. package/ChannelList/components/AddChannel.js +14 -14
  16. package/ChannelList/components/ChannelListHeader.js +6 -6
  17. package/ChannelList/components/ChannelListUI.js +29 -29
  18. package/ChannelList/components/ChannelPreview.js +25 -25
  19. package/ChannelList/components/ChannelPreviewAction.js +13 -13
  20. package/ChannelList/context.js +7 -7
  21. package/ChannelList.js +29 -29
  22. package/{ChannelListProvider-e8ad86b6.js → ChannelListProvider-1d8f4d94.js} +7 -7
  23. package/{ChannelListProvider-e8ad86b6.js.map → ChannelListProvider-1d8f4d94.js.map} +1 -1
  24. package/{ChannelProvider-6de56b36.js → ChannelProvider-bba4a095.js} +10 -10
  25. package/{ChannelProvider-6de56b36.js.map → ChannelProvider-bba4a095.js.map} +1 -1
  26. package/ChannelSettings/components/ChannelProfile.js +11 -11
  27. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  28. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  29. package/ChannelSettings/components/LeaveChannel.js +11 -11
  30. package/ChannelSettings/components/ModerationPanel.js +14 -14
  31. package/ChannelSettings/components/UserListItem.js +10 -10
  32. package/ChannelSettings/components/UserPanel.js +13 -13
  33. package/ChannelSettings/context.js +3 -3
  34. package/ChannelSettings.js +17 -17
  35. package/CreateChannel/components/CreateChannelUI.js +13 -13
  36. package/CreateChannel/components/InviteUsers.js +13 -13
  37. package/CreateChannel/components/SelectChannelType.js +10 -10
  38. package/CreateChannel/context.js +4 -4
  39. package/CreateChannel.js +13 -13
  40. package/{CreateChannelProvider-64578d2a.js → CreateChannelProvider-1ba7a571.js} +1 -1
  41. package/{CreateChannelProvider-64578d2a.js.map → CreateChannelProvider-1ba7a571.js.map} +1 -1
  42. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  43. package/CreateOpenChannel/context.js +1 -1
  44. package/CreateOpenChannel.js +9 -9
  45. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  46. package/EditUserProfile.js +12 -12
  47. package/{LocalizationContext-7ae12588.js → LocalizationContext-ae38446a.js} +3 -3
  48. package/{LocalizationContext-7ae12588.js.map → LocalizationContext-ae38446a.js.map} +1 -1
  49. package/{MediaQueryContext-05d4db73.js → MediaQueryContext-8d283dc2.js} +1 -1
  50. package/{MediaQueryContext-05d4db73.js.map → MediaQueryContext-8d283dc2.js.map} +1 -1
  51. package/{MemberList-9634fee8.js → MemberList-38971d43.js} +5 -5
  52. package/{MemberList-9634fee8.js.map → MemberList-38971d43.js.map} +1 -1
  53. package/MessageSearch/components/MessageSearchUI.js +11 -11
  54. package/MessageSearch/context.js +1 -1
  55. package/MessageSearch.js +11 -11
  56. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  57. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  58. package/OpenChannel/components/OpenChannelInput.js +18 -18
  59. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  60. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  61. package/OpenChannel/components/OpenChannelUI.js +31 -31
  62. package/OpenChannel/context.js +8 -8
  63. package/OpenChannel.js +31 -31
  64. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  65. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  66. package/OpenChannelList/context.js +3 -3
  67. package/OpenChannelList.js +13 -13
  68. package/{OpenChannelListProvider-f6a88782.js → OpenChannelListProvider-e0add710.js} +3 -3
  69. package/{OpenChannelListProvider-f6a88782.js.map → OpenChannelListProvider-e0add710.js.map} +1 -1
  70. package/{OpenChannelProvider-f1a4b4fa.js → OpenChannelProvider-49db4c6c.js} +7 -7
  71. package/{OpenChannelProvider-f1a4b4fa.js.map → OpenChannelProvider-49db4c6c.js.map} +1 -1
  72. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  73. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  74. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  75. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  76. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  77. package/OpenChannelSettings/context.js +3 -3
  78. package/OpenChannelSettings.js +17 -17
  79. package/{RemoveMessageModal-2b9bdeed.js → RemoveMessageModal-10f50eae.js} +3 -3
  80. package/{RemoveMessageModal-2b9bdeed.js.map → RemoveMessageModal-10f50eae.js.map} +1 -1
  81. package/SendbirdProvider.js +12 -12
  82. package/SendbirdProvider.js.map +1 -1
  83. package/Thread/components/ParentMessageInfo.js +29 -29
  84. package/Thread/components/ParentMessageInfoItem.js +18 -18
  85. package/Thread/components/ThreadHeader.js +6 -6
  86. package/Thread/components/ThreadList.js +32 -32
  87. package/Thread/components/ThreadListItem.js +32 -32
  88. package/Thread/components/ThreadMessageInput.js +27 -27
  89. package/Thread/components/ThreadUI.js +36 -36
  90. package/Thread/context.js +8 -8
  91. package/Thread.js +36 -36
  92. package/{ThreadProvider-5a216f9d.js → ThreadProvider-128d5041.js} +7 -7
  93. package/{ThreadProvider-5a216f9d.js.map → ThreadProvider-128d5041.js.map} +1 -1
  94. package/{UserProfileContext-e8124c47.js → UserProfileContext-91e3b3f2.js} +1 -1
  95. package/{UserProfileContext-e8124c47.js.map → UserProfileContext-91e3b3f2.js.map} +1 -1
  96. package/{VoiceMessageInputWrapper-ce56172a.js → VoiceMessageInputWrapper-cbfa4f2b.js} +7 -7
  97. package/{VoiceMessageInputWrapper-ce56172a.js.map → VoiceMessageInputWrapper-cbfa4f2b.js.map} +1 -1
  98. package/VoicePlayer/context.js +3 -3
  99. package/VoicePlayer/useVoicePlayer.js +3 -3
  100. package/VoiceRecorder/context.js +3 -3
  101. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  102. package/{WebAudioUtils-6229e96a.js → WebAudioUtils-5f47139c.js} +1 -1
  103. package/{WebAudioUtils-6229e96a.js.map → WebAudioUtils-5f47139c.js.map} +1 -1
  104. package/{_rollupPluginBabelHelpers-96062e23.js → _rollupPluginBabelHelpers-eaf55eff.js} +1 -1
  105. package/_rollupPluginBabelHelpers-eaf55eff.js.map +1 -0
  106. package/{actionTypes-423a1fac.js → actionTypes-98eee9f4.js} +1 -1
  107. package/{actionTypes-423a1fac.js.map → actionTypes-98eee9f4.js.map} +1 -1
  108. package/cjs/App.js +45 -45
  109. package/cjs/Channel/components/ChannelHeader.js +18 -18
  110. package/cjs/Channel/components/ChannelUI.js +38 -38
  111. package/cjs/Channel/components/FileViewer.js +14 -14
  112. package/cjs/Channel/components/FrozenNotification.js +4 -4
  113. package/cjs/Channel/components/Message.js +33 -33
  114. package/cjs/Channel/components/MessageInput.js +26 -26
  115. package/cjs/Channel/components/MessageList.js +34 -34
  116. package/cjs/Channel/components/RemoveMessageModal.js +16 -16
  117. package/cjs/Channel/components/SuggestedMentionList.js +16 -16
  118. package/cjs/Channel/components/TypingIndicator.js +14 -14
  119. package/cjs/Channel/components/UnreadCount.js +4 -4
  120. package/cjs/Channel/context.js +11 -11
  121. package/cjs/Channel.js +38 -38
  122. package/cjs/ChannelList/components/AddChannel.js +14 -14
  123. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  124. package/cjs/ChannelList/components/ChannelListUI.js +29 -29
  125. package/cjs/ChannelList/components/ChannelPreview.js +25 -25
  126. package/cjs/ChannelList/components/ChannelPreviewAction.js +13 -13
  127. package/cjs/ChannelList/context.js +7 -7
  128. package/cjs/ChannelList.js +29 -29
  129. package/cjs/{ChannelListProvider-2bcdc671.js → ChannelListProvider-634b78f3.js} +7 -7
  130. package/cjs/{ChannelListProvider-2bcdc671.js.map → ChannelListProvider-634b78f3.js.map} +1 -1
  131. package/cjs/{ChannelProvider-2a01302b.js → ChannelProvider-5366f030.js} +10 -10
  132. package/cjs/{ChannelProvider-2a01302b.js.map → ChannelProvider-5366f030.js.map} +1 -1
  133. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  134. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  135. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  136. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  137. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  138. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  139. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  140. package/cjs/ChannelSettings/context.js +3 -3
  141. package/cjs/ChannelSettings.js +17 -17
  142. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  143. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  144. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  145. package/cjs/CreateChannel/context.js +4 -4
  146. package/cjs/CreateChannel.js +13 -13
  147. package/cjs/{CreateChannelProvider-8f7d9505.js → CreateChannelProvider-65dcc450.js} +1 -1
  148. package/cjs/{CreateChannelProvider-8f7d9505.js.map → CreateChannelProvider-65dcc450.js.map} +1 -1
  149. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  150. package/cjs/CreateOpenChannel/context.js +1 -1
  151. package/cjs/CreateOpenChannel.js +9 -9
  152. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  153. package/cjs/EditUserProfile.js +12 -12
  154. package/cjs/{LocalizationContext-975ffc10.js → LocalizationContext-4fa55e6b.js} +3 -3
  155. package/cjs/{LocalizationContext-975ffc10.js.map → LocalizationContext-4fa55e6b.js.map} +1 -1
  156. package/cjs/{MediaQueryContext-302f1c4f.js → MediaQueryContext-e443379e.js} +1 -1
  157. package/cjs/{MediaQueryContext-302f1c4f.js.map → MediaQueryContext-e443379e.js.map} +1 -1
  158. package/cjs/{MemberList-0c0c303c.js → MemberList-3736f22c.js} +5 -5
  159. package/cjs/{MemberList-0c0c303c.js.map → MemberList-3736f22c.js.map} +1 -1
  160. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  161. package/cjs/MessageSearch/context.js +1 -1
  162. package/cjs/MessageSearch.js +11 -11
  163. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  164. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  165. package/cjs/OpenChannel/components/OpenChannelInput.js +18 -18
  166. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  167. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  168. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  169. package/cjs/OpenChannel/context.js +8 -8
  170. package/cjs/OpenChannel.js +31 -31
  171. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  172. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  173. package/cjs/OpenChannelList/context.js +3 -3
  174. package/cjs/OpenChannelList.js +13 -13
  175. package/cjs/{OpenChannelListProvider-ef3655ce.js → OpenChannelListProvider-458abc0e.js} +3 -3
  176. package/cjs/{OpenChannelListProvider-ef3655ce.js.map → OpenChannelListProvider-458abc0e.js.map} +1 -1
  177. package/cjs/{OpenChannelProvider-c500275a.js → OpenChannelProvider-84f42ba8.js} +7 -7
  178. package/cjs/{OpenChannelProvider-c500275a.js.map → OpenChannelProvider-84f42ba8.js.map} +1 -1
  179. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  180. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  181. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  182. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  183. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  184. package/cjs/OpenChannelSettings/context.js +3 -3
  185. package/cjs/OpenChannelSettings.js +17 -17
  186. package/cjs/{RemoveMessageModal-f8277edf.js → RemoveMessageModal-3535563a.js} +3 -3
  187. package/cjs/{RemoveMessageModal-f8277edf.js.map → RemoveMessageModal-3535563a.js.map} +1 -1
  188. package/cjs/SendbirdProvider.js +12 -12
  189. package/cjs/SendbirdProvider.js.map +1 -1
  190. package/cjs/Thread/components/ParentMessageInfo.js +29 -29
  191. package/cjs/Thread/components/ParentMessageInfoItem.js +18 -18
  192. package/cjs/Thread/components/ThreadHeader.js +6 -6
  193. package/cjs/Thread/components/ThreadList.js +32 -32
  194. package/cjs/Thread/components/ThreadListItem.js +32 -32
  195. package/cjs/Thread/components/ThreadMessageInput.js +27 -27
  196. package/cjs/Thread/components/ThreadUI.js +36 -36
  197. package/cjs/Thread/context.js +8 -8
  198. package/cjs/Thread.js +36 -36
  199. package/cjs/{ThreadProvider-e8f49239.js → ThreadProvider-d38505b4.js} +7 -7
  200. package/cjs/{ThreadProvider-e8f49239.js.map → ThreadProvider-d38505b4.js.map} +1 -1
  201. package/cjs/{UserProfileContext-8b19c6c3.js → UserProfileContext-83eaf6e8.js} +1 -1
  202. package/cjs/{UserProfileContext-8b19c6c3.js.map → UserProfileContext-83eaf6e8.js.map} +1 -1
  203. package/cjs/{VoiceMessageInputWrapper-5dfaba8f.js → VoiceMessageInputWrapper-68c8b8cb.js} +7 -7
  204. package/cjs/{VoiceMessageInputWrapper-5dfaba8f.js.map → VoiceMessageInputWrapper-68c8b8cb.js.map} +1 -1
  205. package/cjs/VoicePlayer/context.js +3 -3
  206. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  207. package/cjs/VoiceRecorder/context.js +3 -3
  208. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  209. package/cjs/{WebAudioUtils-2bd92ed1.js → WebAudioUtils-00b9890d.js} +1 -1
  210. package/cjs/{WebAudioUtils-2bd92ed1.js.map → WebAudioUtils-00b9890d.js.map} +1 -1
  211. package/cjs/{_rollupPluginBabelHelpers-596e2aef.js → _rollupPluginBabelHelpers-2c0fc9c3.js} +1 -1
  212. package/cjs/_rollupPluginBabelHelpers-2c0fc9c3.js.map +1 -0
  213. package/cjs/{actionTypes-29997777.js → actionTypes-fb3f6a66.js} +1 -1
  214. package/cjs/{actionTypes-29997777.js.map → actionTypes-fb3f6a66.js.map} +1 -1
  215. package/cjs/{color-ac868fc0.js → color-83cbca20.js} +1 -1
  216. package/cjs/{color-ac868fc0.js.map → color-83cbca20.js.map} +1 -1
  217. package/cjs/{compareIds-3c9472b4.js → compareIds-c2907ec8.js} +1 -1
  218. package/cjs/{compareIds-3c9472b4.js.map → compareIds-c2907ec8.js.map} +1 -1
  219. package/cjs/{const-7d011d30.js → const-17970c49.js} +1 -1
  220. package/cjs/{const-7d011d30.js.map → const-17970c49.js.map} +1 -1
  221. package/cjs/{const-7b049118.js → const-75153738.js} +1 -1
  222. package/cjs/{const-7b049118.js.map → const-75153738.js.map} +1 -1
  223. package/cjs/{consts-9cbf147c.js → consts-0db2bedc.js} +1 -1
  224. package/cjs/{consts-9cbf147c.js.map → consts-0db2bedc.js.map} +1 -1
  225. package/cjs/{consts-6cf0ec85.js → consts-5ead6f3b.js} +1 -1
  226. package/cjs/{consts-6cf0ec85.js.map → consts-5ead6f3b.js.map} +1 -1
  227. package/cjs/{consts-d9ff7fec.js → consts-aaf1208c.js} +1 -1
  228. package/cjs/{consts-d9ff7fec.js.map → consts-aaf1208c.js.map} +1 -1
  229. package/cjs/{consts-df222988.js → consts-d2103ed5.js} +1 -1
  230. package/cjs/{consts-df222988.js.map → consts-d2103ed5.js.map} +1 -1
  231. package/cjs/{context-1d31dbec.js → context-d9a84cb9.js} +2 -2
  232. package/cjs/{context-1d31dbec.js.map → context-d9a84cb9.js.map} +1 -1
  233. package/cjs/dist/index.css +118 -118
  234. package/cjs/dist/index.css.map +1 -1
  235. package/cjs/{index-0d2fba98.js → index-01768a5e.js} +6 -6
  236. package/cjs/{index-0d2fba98.js.map → index-01768a5e.js.map} +1 -1
  237. package/cjs/{index-8fc4c8ed.js → index-09f8f2a4.js} +3 -3
  238. package/cjs/{index-8fc4c8ed.js.map → index-09f8f2a4.js.map} +1 -1
  239. package/cjs/{index-e36db682.js → index-10d8f30f.js} +1 -1
  240. package/cjs/{index-e36db682.js.map → index-10d8f30f.js.map} +1 -1
  241. package/cjs/{index-263d9317.js → index-1737cbae.js} +4 -4
  242. package/cjs/{index-263d9317.js.map → index-1737cbae.js.map} +1 -1
  243. package/cjs/{index-bb91f996.js → index-22bdf04e.js} +2 -2
  244. package/cjs/{index-bb91f996.js.map → index-22bdf04e.js.map} +1 -1
  245. package/cjs/{index-551be60f.js → index-265937df.js} +2 -2
  246. package/cjs/{index-551be60f.js.map → index-265937df.js.map} +1 -1
  247. package/cjs/{index-8d2c0bda.js → index-41ce4c44.js} +2 -2
  248. package/cjs/{index-8d2c0bda.js.map → index-41ce4c44.js.map} +1 -1
  249. package/cjs/{index-f0938824.js → index-47e4bdbc.js} +1 -1
  250. package/cjs/{index-f0938824.js.map → index-47e4bdbc.js.map} +1 -1
  251. package/cjs/{index-334b239a.js → index-5307f6c1.js} +2 -2
  252. package/cjs/{index-334b239a.js.map → index-5307f6c1.js.map} +1 -1
  253. package/cjs/{index-f4cf9eb5.js → index-552eb819.js} +3 -3
  254. package/cjs/{index-f4cf9eb5.js.map → index-552eb819.js.map} +1 -1
  255. package/cjs/{index-0b24e87b.js → index-56735815.js} +5 -5
  256. package/cjs/{index-0b24e87b.js.map → index-56735815.js.map} +1 -1
  257. package/cjs/{index-1a324d07.js → index-61c3208b.js} +4 -4
  258. package/cjs/{index-1a324d07.js.map → index-61c3208b.js.map} +1 -1
  259. package/cjs/{index-50655872.js → index-6ac703ea.js} +6 -6
  260. package/cjs/{index-50655872.js.map → index-6ac703ea.js.map} +1 -1
  261. package/cjs/{index-9dd778ed.js → index-be9c5a7d.js} +2 -2
  262. package/cjs/{index-9dd778ed.js.map → index-be9c5a7d.js.map} +1 -1
  263. package/cjs/{index-7ffe6f27.js → index-c8c25288.js} +3 -3
  264. package/cjs/{index-7ffe6f27.js.map → index-c8c25288.js.map} +1 -1
  265. package/cjs/{index-46b412dc.js → index-fcd2f4ff.js} +2 -2
  266. package/cjs/{index-46b412dc.js.map → index-fcd2f4ff.js.map} +1 -1
  267. package/cjs/index.js +49 -49
  268. package/cjs/{index.module-2d344ee2.js → index.module-3e7701ca.js} +1 -1
  269. package/cjs/{index.module-2d344ee2.js.map → index.module-3e7701ca.js.map} +1 -1
  270. package/cjs/sendbirdSelectors.js +3 -3
  271. package/cjs/{stringSet-ac04b7c1.js → stringSet-c24927d9.js} +1 -1
  272. package/cjs/{stringSet-ac04b7c1.js.map → stringSet-c24927d9.js.map} +1 -1
  273. package/cjs/{tokenize-10b9c2ca.js → tokenize-1441f448.js} +2 -2
  274. package/cjs/{tokenize-10b9c2ca.js.map → tokenize-1441f448.js.map} +1 -1
  275. package/cjs/{topics-89c25bd7.js → topics-0df2f6f9.js} +1 -1
  276. package/cjs/{topics-89c25bd7.js.map → topics-0df2f6f9.js.map} +1 -1
  277. package/cjs/{types-53455550.js → types-df20b895.js} +1 -1
  278. package/cjs/{types-53455550.js.map → types-df20b895.js.map} +1 -1
  279. package/cjs/ui/Accordion.js +2 -2
  280. package/cjs/ui/AccordionGroup.js +2 -2
  281. package/cjs/ui/AdminMessage.js +2 -2
  282. package/cjs/ui/Avatar.js +1 -1
  283. package/cjs/ui/Badge.js +4 -4
  284. package/cjs/ui/BottomSheet.js +1 -1
  285. package/cjs/ui/Button.js +2 -2
  286. package/cjs/ui/ChannelAvatar.js +2 -2
  287. package/cjs/ui/ConnectionStatus.js +4 -4
  288. package/cjs/ui/ContextMenu.js +5 -5
  289. package/cjs/ui/DateSeparator.js +3 -3
  290. package/cjs/ui/EmojiReactions.js +7 -7
  291. package/cjs/ui/FileMessageItemBody.js +6 -6
  292. package/cjs/ui/FileViewer.js +8 -8
  293. package/cjs/ui/IconButton.js +1 -1
  294. package/cjs/ui/Input.js +2 -2
  295. package/cjs/ui/Label.js +2 -2
  296. package/cjs/ui/LinkLabel.js +2 -2
  297. package/cjs/ui/MentionLabel.js +10 -10
  298. package/cjs/ui/MentionUserLabel.js +1 -1
  299. package/cjs/ui/MessageContent.js +27 -27
  300. package/cjs/ui/MessageInput.js +12 -12
  301. package/cjs/ui/MessageItemMenu.js +8 -8
  302. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  303. package/cjs/ui/MessageSearchFileItem.js +10 -10
  304. package/cjs/ui/MessageSearchItem.js +8 -8
  305. package/cjs/ui/MessageStatus.js +10 -10
  306. package/cjs/ui/Modal.js +7 -7
  307. package/cjs/ui/OGMessageItemBody.js +14 -14
  308. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  309. package/cjs/ui/OpenChannelAvatar.js +5 -5
  310. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  311. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  312. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  313. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  314. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  315. package/cjs/ui/PlaceHolder.js +5 -5
  316. package/cjs/ui/PlaybackTime.js +2 -2
  317. package/cjs/ui/QuoteMessage.js +6 -6
  318. package/cjs/ui/QuoteMessageInput.js +6 -6
  319. package/cjs/ui/ReactionBadge.js +2 -2
  320. package/cjs/ui/SortByRow.js +1 -1
  321. package/cjs/ui/TextButton.js +1 -1
  322. package/cjs/ui/TextMessageItemBody.js +14 -14
  323. package/cjs/ui/ThreadReplies.js +5 -5
  324. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  325. package/cjs/ui/Toggle.js +1 -1
  326. package/cjs/ui/Tooltip.js +2 -2
  327. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  328. package/cjs/ui/UserListItem.js +10 -10
  329. package/cjs/ui/UserProfile.js +9 -9
  330. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  331. package/cjs/ui/VoiceMessgeInput.js +7 -7
  332. package/cjs/ui/Word.js +10 -10
  333. package/cjs/{useLongPress-472493f7.js → useLongPress-8aa00a28.js} +3 -3
  334. package/cjs/{useLongPress-472493f7.js.map → useLongPress-8aa00a28.js.map} +1 -1
  335. package/cjs/useSendbirdStateContext.js +1 -1
  336. package/cjs/utils/message/isVoiceMessage.js +2 -2
  337. package/cjs/{utils-fdce7855.js → utils-111f523c.js} +1 -1
  338. package/cjs/{utils-fdce7855.js.map → utils-111f523c.js.map} +1 -1
  339. package/cjs/{utils-76562fb5.js → utils-4717b83e.js} +2 -2
  340. package/cjs/{utils-76562fb5.js.map → utils-4717b83e.js.map} +1 -1
  341. package/cjs/{utils-40b8c201.js → utils-93abfb7c.js} +1 -1
  342. package/cjs/{utils-40b8c201.js.map → utils-93abfb7c.js.map} +1 -1
  343. package/cjs/{utils-eadc245c.js → utils-a1fead2f.js} +1 -1
  344. package/cjs/{utils-eadc245c.js.map → utils-a1fead2f.js.map} +1 -1
  345. package/cjs/{uuid-d5eb7040.js → uuid-c854e2a9.js} +1 -1
  346. package/cjs/{uuid-d5eb7040.js.map → uuid-c854e2a9.js.map} +1 -1
  347. package/cjs/withSendbird.js +1 -1
  348. package/{color-d6b38e25.js → color-c1b95a91.js} +1 -1
  349. package/{color-d6b38e25.js.map → color-c1b95a91.js.map} +1 -1
  350. package/{compareIds-f38c2ef0.js → compareIds-74cf4016.js} +1 -1
  351. package/{compareIds-f38c2ef0.js.map → compareIds-74cf4016.js.map} +1 -1
  352. package/{const-f6d56818.js → const-3af04f0a.js} +1 -1
  353. package/{const-f6d56818.js.map → const-3af04f0a.js.map} +1 -1
  354. package/{const-051188d1.js → const-befef81d.js} +1 -1
  355. package/{const-051188d1.js.map → const-befef81d.js.map} +1 -1
  356. package/{consts-a6286ca6.js → consts-354db0d9.js} +1 -1
  357. package/{consts-a6286ca6.js.map → consts-354db0d9.js.map} +1 -1
  358. package/{consts-da8a20c9.js → consts-9ece4263.js} +1 -1
  359. package/{consts-da8a20c9.js.map → consts-9ece4263.js.map} +1 -1
  360. package/{consts-dd1513d3.js → consts-a8bc28bd.js} +1 -1
  361. package/{consts-dd1513d3.js.map → consts-a8bc28bd.js.map} +1 -1
  362. package/{consts-04eece0c.js → consts-bb6cbaee.js} +1 -1
  363. package/{consts-04eece0c.js.map → consts-bb6cbaee.js.map} +1 -1
  364. package/{context-0e43d2e6.js → context-38bde7ff.js} +2 -2
  365. package/{context-0e43d2e6.js.map → context-38bde7ff.js.map} +1 -1
  366. package/dist/index.css +118 -118
  367. package/dist/index.css.map +1 -1
  368. package/{index-06784b87.js → index-14bb6832.js} +1 -1
  369. package/{index-06784b87.js.map → index-14bb6832.js.map} +1 -1
  370. package/{index-46f6d854.js → index-1556dc4a.js} +2 -2
  371. package/{index-46f6d854.js.map → index-1556dc4a.js.map} +1 -1
  372. package/{index-64473ea3.js → index-1be3f6d7.js} +3 -3
  373. package/{index-64473ea3.js.map → index-1be3f6d7.js.map} +1 -1
  374. package/{index-82009149.js → index-321e838f.js} +1 -1
  375. package/{index-82009149.js.map → index-321e838f.js.map} +1 -1
  376. package/{index-f23e2550.js → index-4554e20e.js} +4 -4
  377. package/{index-f23e2550.js.map → index-4554e20e.js.map} +1 -1
  378. package/{index-feffd01d.js → index-67dd0c26.js} +2 -2
  379. package/{index-feffd01d.js.map → index-67dd0c26.js.map} +1 -1
  380. package/{index-63631dc4.js → index-88ab67cc.js} +4 -4
  381. package/{index-63631dc4.js.map → index-88ab67cc.js.map} +1 -1
  382. package/{index-74a99dc5.js → index-8a4d2b6e.js} +2 -2
  383. package/{index-74a99dc5.js.map → index-8a4d2b6e.js.map} +1 -1
  384. package/{index-f78cd01e.js → index-8bf82e3b.js} +6 -6
  385. package/{index-f78cd01e.js.map → index-8bf82e3b.js.map} +1 -1
  386. package/{index-01ac0ba4.js → index-96f6e11b.js} +6 -6
  387. package/{index-01ac0ba4.js.map → index-96f6e11b.js.map} +1 -1
  388. package/{index-3f4521c1.js → index-a900bd78.js} +2 -2
  389. package/{index-3f4521c1.js.map → index-a900bd78.js.map} +1 -1
  390. package/{index-8abe5fb2.js → index-aa215b1c.js} +3 -3
  391. package/{index-8abe5fb2.js.map → index-aa215b1c.js.map} +1 -1
  392. package/{index-2857db82.js → index-ae8e6fc3.js} +3 -3
  393. package/{index-2857db82.js.map → index-ae8e6fc3.js.map} +1 -1
  394. package/{index-5807e969.js → index-d8fdbe6f.js} +2 -2
  395. package/{index-5807e969.js.map → index-d8fdbe6f.js.map} +1 -1
  396. package/{index-7f172012.js → index-db801708.js} +5 -5
  397. package/{index-7f172012.js.map → index-db801708.js.map} +1 -1
  398. package/{index-0533e5e9.js → index-ecf3a793.js} +2 -2
  399. package/{index-0533e5e9.js.map → index-ecf3a793.js.map} +1 -1
  400. package/index.d.ts +1 -1
  401. package/index.js +49 -49
  402. package/{index.module-6a96cbff.js → index.module-1c75b4f5.js} +1 -1
  403. package/{index.module-6a96cbff.js.map → index.module-1c75b4f5.js.map} +1 -1
  404. package/package.json +1 -1
  405. package/sendbirdSelectors.js +3 -3
  406. package/{stringSet-6c589018.js → stringSet-6d89212b.js} +1 -1
  407. package/{stringSet-6c589018.js.map → stringSet-6d89212b.js.map} +1 -1
  408. package/{tokenize-b7be6252.js → tokenize-2e969273.js} +2 -2
  409. package/{tokenize-b7be6252.js.map → tokenize-2e969273.js.map} +1 -1
  410. package/{topics-969deff5.js → topics-8f4016e9.js} +1 -1
  411. package/{topics-969deff5.js.map → topics-8f4016e9.js.map} +1 -1
  412. package/{types-230dc5c2.js → types-ebbbec62.js} +1 -1
  413. package/{types-230dc5c2.js.map → types-ebbbec62.js.map} +1 -1
  414. package/ui/Accordion.js +2 -2
  415. package/ui/AccordionGroup.js +2 -2
  416. package/ui/AdminMessage.js +2 -2
  417. package/ui/Avatar.js +1 -1
  418. package/ui/Badge.js +4 -4
  419. package/ui/BottomSheet.js +1 -1
  420. package/ui/Button.js +2 -2
  421. package/ui/ChannelAvatar.js +2 -2
  422. package/ui/ConnectionStatus.js +4 -4
  423. package/ui/ContextMenu.js +5 -5
  424. package/ui/DateSeparator.js +3 -3
  425. package/ui/EmojiReactions.js +7 -7
  426. package/ui/FileMessageItemBody.js +6 -6
  427. package/ui/FileViewer.js +8 -8
  428. package/ui/IconButton.js +1 -1
  429. package/ui/Input.js +2 -2
  430. package/ui/Label.js +2 -2
  431. package/ui/LinkLabel.js +2 -2
  432. package/ui/MentionLabel.js +10 -10
  433. package/ui/MentionUserLabel.js +1 -1
  434. package/ui/MessageContent.js +27 -27
  435. package/ui/MessageInput.js +12 -12
  436. package/ui/MessageItemMenu.js +8 -8
  437. package/ui/MessageItemReactionMenu.js +5 -5
  438. package/ui/MessageSearchFileItem.js +10 -10
  439. package/ui/MessageSearchItem.js +8 -8
  440. package/ui/MessageStatus.js +10 -10
  441. package/ui/Modal.js +7 -7
  442. package/ui/OGMessageItemBody.js +14 -14
  443. package/ui/OpenChannelAdminMessage.js +2 -2
  444. package/ui/OpenChannelAvatar.js +5 -5
  445. package/ui/OpenchannelConversationHeader.js +6 -6
  446. package/ui/OpenchannelFileMessage.js +15 -15
  447. package/ui/OpenchannelOGMessage.js +18 -18
  448. package/ui/OpenchannelThumbnailMessage.js +14 -14
  449. package/ui/OpenchannelUserMessage.js +15 -15
  450. package/ui/PlaceHolder.js +5 -5
  451. package/ui/PlaybackTime.js +2 -2
  452. package/ui/QuoteMessage.js +6 -6
  453. package/ui/QuoteMessageInput.js +6 -6
  454. package/ui/ReactionBadge.js +2 -2
  455. package/ui/SortByRow.js +1 -1
  456. package/ui/TextButton.js +1 -1
  457. package/ui/TextMessageItemBody.js +14 -14
  458. package/ui/ThreadReplies.js +5 -5
  459. package/ui/ThumbnailMessageItemBody.js +2 -2
  460. package/ui/Toggle.js +1 -1
  461. package/ui/Tooltip.js +2 -2
  462. package/ui/UnknownMessageItemBody.js +6 -6
  463. package/ui/UserListItem.js +10 -10
  464. package/ui/UserProfile.js +9 -9
  465. package/ui/VoiceMessageItemBody.js +5 -5
  466. package/ui/VoiceMessgeInput.js +7 -7
  467. package/ui/Word.js +10 -10
  468. package/{useLongPress-b678c2b7.js → useLongPress-8d44d259.js} +3 -3
  469. package/{useLongPress-b678c2b7.js.map → useLongPress-8d44d259.js.map} +1 -1
  470. package/useSendbirdStateContext.js +1 -1
  471. package/utils/message/isVoiceMessage.js +2 -2
  472. package/{utils-f57a5756.js → utils-7d781542.js} +1 -1
  473. package/{utils-f57a5756.js.map → utils-7d781542.js.map} +1 -1
  474. package/{utils-3245985d.js → utils-8e039c1b.js} +1 -1
  475. package/{utils-3245985d.js.map → utils-8e039c1b.js.map} +1 -1
  476. package/{utils-c29e587a.js → utils-b42f4fab.js} +2 -2
  477. package/{utils-c29e587a.js.map → utils-b42f4fab.js.map} +1 -1
  478. package/{utils-d8dfc953.js → utils-c8b489c4.js} +1 -1
  479. package/{utils-d8dfc953.js.map → utils-c8b489c4.js.map} +1 -1
  480. package/{uuid-abddae2d.js → uuid-c94bd88b.js} +1 -1
  481. package/{uuid-abddae2d.js.map → uuid-c94bd88b.js.map} +1 -1
  482. package/withSendbird.js +1 -1
  483. package/_rollupPluginBabelHelpers-96062e23.js.map +0 -1
  484. package/cjs/_rollupPluginBabelHelpers-596e2aef.js.map +0 -1
package/dist/index.css CHANGED
@@ -70,60 +70,124 @@
70
70
  color: inherit;
71
71
  word-break: break-all;
72
72
  }
73
- .sendbird-create-open-channel-ui {
73
+ .sendbird-open-channel-preview {
74
74
  position: relative;
75
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;
76
82
  }
77
-
78
- .sendbird-create-open-channel-ui__profile-input {
79
- position: relative;
80
- display: inline-flex;
81
- flex-direction: column;
82
- justify-content: flex-start;
83
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
83
84
  width: 100%;
84
- height: 100%;
85
- box-sizing: border-box;
86
85
  }
87
- .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
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 {
88
109
  position: relative;
89
- margin-top: 16px;
110
+ margin-top: 8px;
111
+ margin-left: 16px;
90
112
  display: inline-flex;
91
- flex-direction: row;
92
113
  align-items: center;
114
+ justify-content: center;
115
+ width: 42px;
116
+ height: 42px;
117
+ box-sizing: border-box;
93
118
  }
94
- .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
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 {
95
121
  position: relative;
96
122
  display: inline-flex;
97
123
  align-items: center;
98
124
  justify-content: center;
99
- width: 80px;
100
- height: 80px;
125
+ box-sizing: border-box;
101
126
  }
102
- .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
127
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
128
+ position: relative;
129
+ margin-top: 8px;
130
+ margin-left: 16px;
131
+ display: inline-flex;
132
+ flex-direction: column;
133
+ max-width: 178px;
134
+ box-sizing: border-box;
135
+ }
136
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
103
137
  position: relative;
104
138
  display: inline-flex;
139
+ flex-direction: row;
105
140
  align-items: center;
106
- justify-content: center;
107
- width: 80px;
108
- height: 80px;
109
- border-radius: 50%;
141
+ width: 100%;
142
+ height: 16px;
143
+ box-sizing: border-box;
110
144
  }
111
- .sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
112
- background-color: var(--sendbird-light-background-200);
145
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
146
+ position: relative;
147
+ display: inline-block;
148
+ max-width: 100%;
149
+ height: 100%;
150
+ box-sizing: border-box;
151
+ overflow-x: hidden;
152
+ text-overflow: ellipsis;
153
+ word-break: keep-all;
113
154
  }
114
- .sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
115
- background-color: var(--sendbird-dark-background-400);
155
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
156
+ max-width: calc(100% - 20px);
116
157
  }
117
- .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
158
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
118
159
  position: relative;
119
- margin-left: 18px;
160
+ margin-left: 4px;
120
161
  display: inline-flex;
121
162
  }
122
- .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
163
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
123
164
  position: relative;
124
165
  margin-top: 8px;
125
166
  display: inline-flex;
126
167
  flex-direction: row;
168
+ align-items: center;
169
+ width: 100%;
170
+ height: 14px;
171
+ box-sizing: border-box;
172
+ }
173
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
174
+ position: relative;
175
+ display: inline-flex;
176
+ width: 14px;
177
+ height: 14px;
178
+ box-sizing: border-box;
179
+ }
180
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
181
+ position: relative;
182
+ margin-left: 4px;
183
+ display: inline-flex;
184
+ width: 160px;
185
+ max-width: 160px;
186
+ height: 12px;
187
+ box-sizing: border-box;
188
+ overflow-x: hidden;
189
+ text-overflow: ellipsis;
190
+ word-break: keep-all;
127
191
  }
128
192
  .sendbird-open-channel-list,
129
193
  .sendbird-open-channel-list-ui {
@@ -217,124 +281,60 @@
217
281
  .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
218
282
  background-color: var(--sendbird-dark-background-500);
219
283
  }
220
- .sendbird-open-channel-preview {
284
+ .sendbird-create-open-channel-ui {
221
285
  position: relative;
222
286
  display: inline-flex;
223
- flex-direction: row;
224
- width: 264px;
225
- height: 58px;
226
- min-width: 264px;
227
- min-height: 58px;
228
- box-sizing: border-box;
229
- }
230
- .sendbird--mobile-mode .sendbird-open-channel-preview {
231
- width: 100%;
232
- }
233
- .sendbird-theme--light .sendbird-open-channel-preview {
234
- background-color: var(--sendbird-light-background-50);
235
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
236
287
  }
237
- .sendbird-theme--dark .sendbird-open-channel-preview {
238
- background-color: var(--sendbird-dark-background-600);
239
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
240
- }
241
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
242
- background-color: var(--sendbird-light-background-100);
243
- }
244
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
245
- background-color: var(--sendbird-dark-background-500);
246
- }
247
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
248
- background-color: var(--sendbird-light-primary-100);
249
- border-left: solid 4px var(--sendbird-light-primary-300);
250
- }
251
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
252
- background-color: var(--sendbird-dark-primary-300);
253
- border-left: solid 4px var(--sendbird-dark-primary-200);
254
- }
255
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
288
+
289
+ .sendbird-create-open-channel-ui__profile-input {
256
290
  position: relative;
257
- margin-top: 8px;
258
- margin-left: 16px;
259
291
  display: inline-flex;
260
- align-items: center;
261
- justify-content: center;
262
- width: 42px;
263
- height: 42px;
292
+ flex-direction: column;
293
+ justify-content: flex-start;
294
+ width: 100%;
295
+ height: 100%;
264
296
  box-sizing: border-box;
265
297
  }
266
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
267
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
298
+ .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
268
299
  position: relative;
300
+ margin-top: 16px;
269
301
  display: inline-flex;
302
+ flex-direction: row;
270
303
  align-items: center;
271
- justify-content: center;
272
- box-sizing: border-box;
273
304
  }
274
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
305
+ .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
275
306
  position: relative;
276
- margin-top: 8px;
277
- margin-left: 16px;
278
307
  display: inline-flex;
279
- flex-direction: column;
280
- max-width: 178px;
281
- box-sizing: border-box;
308
+ align-items: center;
309
+ justify-content: center;
310
+ width: 80px;
311
+ height: 80px;
282
312
  }
283
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
313
+ .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
284
314
  position: relative;
285
315
  display: inline-flex;
286
- flex-direction: row;
287
316
  align-items: center;
288
- width: 100%;
289
- height: 16px;
290
- box-sizing: border-box;
317
+ justify-content: center;
318
+ width: 80px;
319
+ height: 80px;
320
+ border-radius: 50%;
291
321
  }
292
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
293
- position: relative;
294
- display: inline-block;
295
- max-width: 100%;
296
- height: 100%;
297
- box-sizing: border-box;
298
- overflow-x: hidden;
299
- text-overflow: ellipsis;
300
- word-break: keep-all;
322
+ .sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
323
+ background-color: var(--sendbird-light-background-200);
301
324
  }
302
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
303
- max-width: calc(100% - 20px);
325
+ .sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
326
+ background-color: var(--sendbird-dark-background-400);
304
327
  }
305
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
328
+ .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
306
329
  position: relative;
307
- margin-left: 4px;
330
+ margin-left: 18px;
308
331
  display: inline-flex;
309
332
  }
310
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
333
+ .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
311
334
  position: relative;
312
335
  margin-top: 8px;
313
336
  display: inline-flex;
314
337
  flex-direction: row;
315
- align-items: center;
316
- width: 100%;
317
- height: 14px;
318
- box-sizing: border-box;
319
- }
320
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
321
- position: relative;
322
- display: inline-flex;
323
- width: 14px;
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__count {
328
- position: relative;
329
- margin-left: 4px;
330
- display: inline-flex;
331
- width: 160px;
332
- max-width: 160px;
333
- height: 12px;
334
- box-sizing: border-box;
335
- overflow-x: hidden;
336
- text-overflow: ellipsis;
337
- word-break: keep-all;
338
338
  }
339
339
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
340
340
  :root {