@sendbird/uikit-react 3.6.2 → 3.6.3-rc-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (508) hide show
  1. package/App.js +48 -48
  2. package/Channel/components/ChannelHeader.js +19 -19
  3. package/Channel/components/ChannelUI.js +41 -41
  4. package/Channel/components/FileViewer.js +15 -15
  5. package/Channel/components/FrozenNotification.js +4 -4
  6. package/Channel/components/Message.js +53 -42
  7. package/Channel/components/Message.js.map +1 -1
  8. package/Channel/components/MessageInput.js +29 -29
  9. package/Channel/components/MessageList.js +58 -53
  10. package/Channel/components/MessageList.js.map +1 -1
  11. package/Channel/components/RemoveMessageModal.js +17 -17
  12. package/Channel/components/SuggestedMentionList.js +17 -17
  13. package/Channel/components/TypingIndicator.js +15 -15
  14. package/Channel/components/UnreadCount.js +4 -4
  15. package/Channel/context.js +12 -12
  16. package/Channel.js +43 -42
  17. package/Channel.js.map +1 -1
  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-e9a09891.js → ChannelListProvider-7ab8c2ef.js} +7 -7
  26. package/{ChannelListProvider-e9a09891.js.map → ChannelListProvider-7ab8c2ef.js.map} +1 -1
  27. package/{ChannelProvider-5dcbee7b.js → ChannelProvider-b92ba40f.js} +14 -12
  28. package/ChannelProvider-b92ba40f.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 +3 -3
  37. package/ChannelSettings.js +17 -17
  38. package/CreateChannel/components/CreateChannelUI.js +13 -13
  39. package/CreateChannel/components/InviteUsers.js +13 -13
  40. package/CreateChannel/components/SelectChannelType.js +10 -10
  41. package/CreateChannel/context.js +4 -4
  42. package/CreateChannel.js +13 -13
  43. package/{CreateChannelProvider-47a1c523.js → CreateChannelProvider-d6db6806.js} +1 -1
  44. package/{CreateChannelProvider-47a1c523.js.map → CreateChannelProvider-d6db6806.js.map} +1 -1
  45. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  46. package/CreateOpenChannel/context.js +1 -1
  47. package/CreateOpenChannel.js +9 -9
  48. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  49. package/EditUserProfile.js +12 -12
  50. package/{LocalizationContext-a82461b5.js → LocalizationContext-e1c6d6a2.js} +3 -3
  51. package/{LocalizationContext-a82461b5.js.map → LocalizationContext-e1c6d6a2.js.map} +1 -1
  52. package/{MediaQueryContext-d6110905.js → MediaQueryContext-51b61f4d.js} +1 -1
  53. package/{MediaQueryContext-d6110905.js.map → MediaQueryContext-51b61f4d.js.map} +1 -1
  54. package/{MemberList-5d8a0a9b.js → MemberList-abfe51d6.js} +5 -5
  55. package/{MemberList-5d8a0a9b.js.map → MemberList-abfe51d6.js.map} +1 -1
  56. package/MessageSearch/components/MessageSearchUI.js +11 -11
  57. package/MessageSearch/context.js +1 -1
  58. package/MessageSearch.js +11 -11
  59. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  60. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  61. package/OpenChannel/components/OpenChannelInput.js +19 -19
  62. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  63. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  64. package/OpenChannel/components/OpenChannelUI.js +31 -31
  65. package/OpenChannel/context.js +8 -8
  66. package/OpenChannel.js +31 -31
  67. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  68. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  69. package/OpenChannelList/context.js +3 -3
  70. package/OpenChannelList.js +13 -13
  71. package/{OpenChannelListProvider-4143ffd5.js → OpenChannelListProvider-538f2cbf.js} +3 -3
  72. package/{OpenChannelListProvider-4143ffd5.js.map → OpenChannelListProvider-538f2cbf.js.map} +1 -1
  73. package/{OpenChannelProvider-b9104634.js → OpenChannelProvider-faceaa5d.js} +7 -7
  74. package/{OpenChannelProvider-b9104634.js.map → OpenChannelProvider-faceaa5d.js.map} +1 -1
  75. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  76. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  77. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  78. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  79. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  80. package/OpenChannelSettings/context.js +3 -3
  81. package/OpenChannelSettings.js +17 -17
  82. package/{RemoveMessageModal-2adc29ce.js → RemoveMessageModal-2e7611e4.js} +3 -3
  83. package/{RemoveMessageModal-2adc29ce.js.map → RemoveMessageModal-2e7611e4.js.map} +1 -1
  84. package/SendbirdProvider.js +15 -15
  85. package/SendbirdProvider.js.map +1 -1
  86. package/Thread/components/ParentMessageInfo.js +33 -33
  87. package/Thread/components/ParentMessageInfoItem.js +21 -21
  88. package/Thread/components/ThreadHeader.js +6 -6
  89. package/Thread/components/ThreadList.js +36 -36
  90. package/Thread/components/ThreadListItem.js +36 -36
  91. package/Thread/components/ThreadMessageInput.js +30 -30
  92. package/Thread/components/ThreadUI.js +40 -40
  93. package/Thread/context.js +8 -8
  94. package/Thread.js +40 -40
  95. package/{ThreadProvider-cf357120.js → ThreadProvider-87cc447c.js} +7 -7
  96. package/{ThreadProvider-cf357120.js.map → ThreadProvider-87cc447c.js.map} +1 -1
  97. package/{UserProfileContext-f3f446d2.js → UserProfileContext-28379d67.js} +1 -1
  98. package/{UserProfileContext-f3f446d2.js.map → UserProfileContext-28379d67.js.map} +1 -1
  99. package/{VoiceMessageInputWrapper-43163d7f.js → VoiceMessageInputWrapper-c2d83b05.js} +7 -7
  100. package/{VoiceMessageInputWrapper-43163d7f.js.map → VoiceMessageInputWrapper-c2d83b05.js.map} +1 -1
  101. package/VoicePlayer/context.js +3 -3
  102. package/VoicePlayer/useVoicePlayer.js +9 -9
  103. package/VoiceRecorder/context.js +9 -9
  104. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  105. package/{WebAudioUtils-b0d3696c.js → WebAudioUtils-20ce8db0.js} +2 -2
  106. package/{WebAudioUtils-b0d3696c.js.map → WebAudioUtils-20ce8db0.js.map} +1 -1
  107. package/{_rollupPluginBabelHelpers-05128ded.js → _rollupPluginBabelHelpers-c0ee513a.js} +1 -1
  108. package/_rollupPluginBabelHelpers-c0ee513a.js.map +1 -0
  109. package/{actionTypes-ba87a2c9.js → actionTypes-7d4ab028.js} +1 -1
  110. package/{actionTypes-ba87a2c9.js.map → actionTypes-7d4ab028.js.map} +1 -1
  111. package/cjs/App.js +48 -48
  112. package/cjs/Channel/components/ChannelHeader.js +19 -19
  113. package/cjs/Channel/components/ChannelUI.js +41 -41
  114. package/cjs/Channel/components/FileViewer.js +15 -15
  115. package/cjs/Channel/components/FrozenNotification.js +4 -4
  116. package/cjs/Channel/components/Message.js +52 -41
  117. package/cjs/Channel/components/Message.js.map +1 -1
  118. package/cjs/Channel/components/MessageInput.js +29 -29
  119. package/cjs/Channel/components/MessageList.js +58 -53
  120. package/cjs/Channel/components/MessageList.js.map +1 -1
  121. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  122. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  123. package/cjs/Channel/components/TypingIndicator.js +15 -15
  124. package/cjs/Channel/components/UnreadCount.js +4 -4
  125. package/cjs/Channel/context.js +12 -12
  126. package/cjs/Channel.js +43 -42
  127. package/cjs/Channel.js.map +1 -1
  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-31051c98.js → ChannelListProvider-7e28549a.js} +7 -7
  136. package/cjs/{ChannelListProvider-31051c98.js.map → ChannelListProvider-7e28549a.js.map} +1 -1
  137. package/cjs/{ChannelProvider-e2f422cf.js → ChannelProvider-bf4de470.js} +14 -12
  138. package/cjs/ChannelProvider-bf4de470.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 +3 -3
  147. package/cjs/ChannelSettings.js +17 -17
  148. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  149. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  150. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  151. package/cjs/CreateChannel/context.js +4 -4
  152. package/cjs/CreateChannel.js +13 -13
  153. package/cjs/{CreateChannelProvider-b5c526fc.js → CreateChannelProvider-4bf37ffd.js} +1 -1
  154. package/cjs/{CreateChannelProvider-b5c526fc.js.map → CreateChannelProvider-4bf37ffd.js.map} +1 -1
  155. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  156. package/cjs/CreateOpenChannel/context.js +1 -1
  157. package/cjs/CreateOpenChannel.js +9 -9
  158. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  159. package/cjs/EditUserProfile.js +12 -12
  160. package/cjs/{LocalizationContext-bc6af64a.js → LocalizationContext-69ba55fb.js} +3 -3
  161. package/cjs/{LocalizationContext-bc6af64a.js.map → LocalizationContext-69ba55fb.js.map} +1 -1
  162. package/cjs/{MediaQueryContext-8be571f9.js → MediaQueryContext-4e4a0a7d.js} +1 -1
  163. package/cjs/{MediaQueryContext-8be571f9.js.map → MediaQueryContext-4e4a0a7d.js.map} +1 -1
  164. package/cjs/{MemberList-bc03a40d.js → MemberList-b1daf857.js} +5 -5
  165. package/cjs/{MemberList-bc03a40d.js.map → MemberList-b1daf857.js.map} +1 -1
  166. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  167. package/cjs/MessageSearch/context.js +1 -1
  168. package/cjs/MessageSearch.js +11 -11
  169. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  170. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  171. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  172. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  173. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  174. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  175. package/cjs/OpenChannel/context.js +8 -8
  176. package/cjs/OpenChannel.js +31 -31
  177. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  178. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  179. package/cjs/OpenChannelList/context.js +3 -3
  180. package/cjs/OpenChannelList.js +13 -13
  181. package/cjs/{OpenChannelListProvider-ecdaf0b2.js → OpenChannelListProvider-02e55de7.js} +3 -3
  182. package/cjs/{OpenChannelListProvider-ecdaf0b2.js.map → OpenChannelListProvider-02e55de7.js.map} +1 -1
  183. package/cjs/{OpenChannelProvider-8ef4ee2e.js → OpenChannelProvider-9adc91b5.js} +7 -7
  184. package/cjs/{OpenChannelProvider-8ef4ee2e.js.map → OpenChannelProvider-9adc91b5.js.map} +1 -1
  185. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  186. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  187. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  188. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  189. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  190. package/cjs/OpenChannelSettings/context.js +3 -3
  191. package/cjs/OpenChannelSettings.js +17 -17
  192. package/cjs/{RemoveMessageModal-65e93d87.js → RemoveMessageModal-a0be8d4a.js} +3 -3
  193. package/cjs/{RemoveMessageModal-65e93d87.js.map → RemoveMessageModal-a0be8d4a.js.map} +1 -1
  194. package/cjs/SendbirdProvider.js +15 -15
  195. package/cjs/SendbirdProvider.js.map +1 -1
  196. package/cjs/Thread/components/ParentMessageInfo.js +33 -33
  197. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  198. package/cjs/Thread/components/ThreadHeader.js +6 -6
  199. package/cjs/Thread/components/ThreadList.js +36 -36
  200. package/cjs/Thread/components/ThreadListItem.js +36 -36
  201. package/cjs/Thread/components/ThreadMessageInput.js +30 -30
  202. package/cjs/Thread/components/ThreadUI.js +40 -40
  203. package/cjs/Thread/context.js +8 -8
  204. package/cjs/Thread.js +40 -40
  205. package/cjs/{ThreadProvider-8a541e7e.js → ThreadProvider-93b81491.js} +7 -7
  206. package/cjs/{ThreadProvider-8a541e7e.js.map → ThreadProvider-93b81491.js.map} +1 -1
  207. package/cjs/{UserProfileContext-268ad0d1.js → UserProfileContext-2811f604.js} +1 -1
  208. package/cjs/{UserProfileContext-268ad0d1.js.map → UserProfileContext-2811f604.js.map} +1 -1
  209. package/cjs/{VoiceMessageInputWrapper-2f18145d.js → VoiceMessageInputWrapper-8bf71d1f.js} +7 -7
  210. package/cjs/{VoiceMessageInputWrapper-2f18145d.js.map → VoiceMessageInputWrapper-8bf71d1f.js.map} +1 -1
  211. package/cjs/VoicePlayer/context.js +3 -3
  212. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  213. package/cjs/VoiceRecorder/context.js +9 -9
  214. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  215. package/cjs/{WebAudioUtils-e40a6c40.js → WebAudioUtils-90e49306.js} +2 -2
  216. package/cjs/{WebAudioUtils-e40a6c40.js.map → WebAudioUtils-90e49306.js.map} +1 -1
  217. package/cjs/{_rollupPluginBabelHelpers-00480ba8.js → _rollupPluginBabelHelpers-71f7daf4.js} +1 -1
  218. package/cjs/_rollupPluginBabelHelpers-71f7daf4.js.map +1 -0
  219. package/cjs/{actionTypes-eb21276b.js → actionTypes-d9baf070.js} +1 -1
  220. package/cjs/{actionTypes-eb21276b.js.map → actionTypes-d9baf070.js.map} +1 -1
  221. package/cjs/{color-41ee42a1.js → color-01ded58a.js} +1 -1
  222. package/cjs/{color-41ee42a1.js.map → color-01ded58a.js.map} +1 -1
  223. package/cjs/{compareIds-a65972c5.js → compareIds-c431c3ff.js} +1 -1
  224. package/cjs/{compareIds-a65972c5.js.map → compareIds-c431c3ff.js.map} +1 -1
  225. package/cjs/{const-eb6bfc42.js → const-40f7a704.js} +1 -1
  226. package/cjs/{const-eb6bfc42.js.map → const-40f7a704.js.map} +1 -1
  227. package/cjs/{const-f1c7b0cf.js → const-f55ab29b.js} +1 -1
  228. package/cjs/{const-f1c7b0cf.js.map → const-f55ab29b.js.map} +1 -1
  229. package/cjs/{consts-c63fe2cd.js → consts-2eec4cbc.js} +1 -1
  230. package/cjs/{consts-c63fe2cd.js.map → consts-2eec4cbc.js.map} +1 -1
  231. package/cjs/{consts-20c3e20f.js → consts-7e2e06a8.js} +1 -1
  232. package/cjs/{consts-20c3e20f.js.map → consts-7e2e06a8.js.map} +1 -1
  233. package/cjs/{consts-d0461d4c.js → consts-8c21a90e.js} +1 -1
  234. package/cjs/{consts-d0461d4c.js.map → consts-8c21a90e.js.map} +1 -1
  235. package/cjs/{consts-db7e33d3.js → consts-dab8c0ba.js} +1 -1
  236. package/cjs/{consts-db7e33d3.js.map → consts-dab8c0ba.js.map} +1 -1
  237. package/cjs/{context-1b39c79a.js → context-d026e49f.js} +2 -2
  238. package/cjs/{context-1b39c79a.js.map → context-d026e49f.js.map} +1 -1
  239. package/cjs/dist/index.css +126 -126
  240. package/cjs/dist/index.css.map +1 -1
  241. package/cjs/{index-a9099968.js → index-040b2cdd.js} +2 -2
  242. package/cjs/{index-a9099968.js.map → index-040b2cdd.js.map} +1 -1
  243. package/cjs/{index-609a0bf5.js → index-07d87206.js} +2 -2
  244. package/cjs/{index-609a0bf5.js.map → index-07d87206.js.map} +1 -1
  245. package/cjs/{index-902525e0.js → index-51c60830.js} +2 -2
  246. package/cjs/{index-902525e0.js.map → index-51c60830.js.map} +1 -1
  247. package/cjs/{index-606b67d2.js → index-53cb0842.js} +3 -3
  248. package/cjs/{index-606b67d2.js.map → index-53cb0842.js.map} +1 -1
  249. package/cjs/{index-09573a50.js → index-76a77b83.js} +1 -1
  250. package/cjs/{index-09573a50.js.map → index-76a77b83.js.map} +1 -1
  251. package/cjs/{index-c08c7ef8.js → index-813b6b08.js} +1 -1
  252. package/cjs/{index-c08c7ef8.js.map → index-813b6b08.js.map} +1 -1
  253. package/cjs/{index-fd722a1e.js → index-8e888530.js} +3 -3
  254. package/cjs/{index-fd722a1e.js.map → index-8e888530.js.map} +1 -1
  255. package/cjs/{index-25fa5405.js → index-95cf7034.js} +5 -5
  256. package/cjs/{index-25fa5405.js.map → index-95cf7034.js.map} +1 -1
  257. package/cjs/{index-060f95dc.js → index-aae33735.js} +4 -4
  258. package/cjs/{index-060f95dc.js.map → index-aae33735.js.map} +1 -1
  259. package/cjs/{index-faae1326.js → index-be7de5d6.js} +4 -4
  260. package/cjs/{index-faae1326.js.map → index-be7de5d6.js.map} +1 -1
  261. package/cjs/{index-dd19f542.js → index-c23dd0d5.js} +4 -4
  262. package/cjs/{index-dd19f542.js.map → index-c23dd0d5.js.map} +1 -1
  263. package/cjs/{index-803fa23b.js → index-cbf79753.js} +2 -2
  264. package/cjs/{index-803fa23b.js.map → index-cbf79753.js.map} +1 -1
  265. package/cjs/{index-89c089bb.js → index-ed238dfc.js} +3 -3
  266. package/cjs/{index-89c089bb.js.map → index-ed238dfc.js.map} +1 -1
  267. package/cjs/{index-9638a3d3.js → index-ef72ec41.js} +6 -6
  268. package/cjs/{index-9638a3d3.js.map → index-ef72ec41.js.map} +1 -1
  269. package/cjs/{index-2fc373d9.js → index-f15b37db.js} +2 -2
  270. package/cjs/{index-2fc373d9.js.map → index-f15b37db.js.map} +1 -1
  271. package/cjs/{index-c46b64e3.js → index-f6cb1755.js} +2 -2
  272. package/cjs/{index-c46b64e3.js.map → index-f6cb1755.js.map} +1 -1
  273. package/cjs/{index-9410b034.js → index-fa64e192.js} +6 -6
  274. package/cjs/{index-9410b034.js.map → index-fa64e192.js.map} +1 -1
  275. package/cjs/index.js +52 -52
  276. package/cjs/{index.module-ceb5d636.js → index.module-4e8de508.js} +1 -1
  277. package/cjs/{index.module-ceb5d636.js.map → index.module-4e8de508.js.map} +1 -1
  278. package/cjs/{resolvedReplyType-ab4bb8af.js → resolvedReplyType-46b6e002.js} +1 -1
  279. package/cjs/{resolvedReplyType-ab4bb8af.js.map → resolvedReplyType-46b6e002.js.map} +1 -1
  280. package/cjs/sendbirdSelectors.js +3 -3
  281. package/cjs/{stringSet-812981b5.js → stringSet-8bc472f8.js} +1 -1
  282. package/cjs/{stringSet-812981b5.js.map → stringSet-8bc472f8.js.map} +1 -1
  283. package/cjs/{tokenize-846b6f86.js → tokenize-a8ebd32e.js} +2 -2
  284. package/cjs/{tokenize-846b6f86.js.map → tokenize-a8ebd32e.js.map} +1 -1
  285. package/cjs/{topics-623a82c5.js → topics-adfc7f39.js} +1 -1
  286. package/cjs/{topics-623a82c5.js.map → topics-adfc7f39.js.map} +1 -1
  287. package/cjs/{types-d296d350.js → types-7516c9ab.js} +1 -1
  288. package/cjs/{types-d296d350.js.map → types-7516c9ab.js.map} +1 -1
  289. package/cjs/ui/Accordion.js +2 -2
  290. package/cjs/ui/AccordionGroup.js +2 -2
  291. package/cjs/ui/AdminMessage.js +2 -2
  292. package/cjs/ui/Avatar.js +1 -1
  293. package/cjs/ui/Badge.js +4 -4
  294. package/cjs/ui/BottomSheet.js +1 -1
  295. package/cjs/ui/Button.js +2 -2
  296. package/cjs/ui/ChannelAvatar.js +2 -2
  297. package/cjs/ui/ConnectionStatus.js +4 -4
  298. package/cjs/ui/ContextMenu.js +5 -5
  299. package/cjs/ui/DateSeparator.js +3 -3
  300. package/cjs/ui/EmojiReactions.js +19 -16
  301. package/cjs/ui/EmojiReactions.js.map +1 -1
  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 +28 -28
  311. package/cjs/ui/MessageInput.js +13 -13
  312. package/cjs/ui/MessageItemMenu.js +8 -8
  313. package/cjs/ui/MessageItemReactionMenu.js +8 -8
  314. package/cjs/ui/MessageSearchFileItem.js +10 -10
  315. package/cjs/ui/MessageSearchItem.js +8 -8
  316. package/cjs/ui/MessageStatus.js +10 -10
  317. package/cjs/ui/Modal.js +7 -7
  318. package/cjs/ui/OGMessageItemBody.js +14 -14
  319. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  320. package/cjs/ui/OpenChannelAvatar.js +5 -5
  321. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  322. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  323. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  324. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  325. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  326. package/cjs/ui/PlaceHolder.js +5 -5
  327. package/cjs/ui/PlaybackTime.js +2 -2
  328. package/cjs/ui/QuoteMessage.js +6 -6
  329. package/cjs/ui/QuoteMessageInput.js +6 -6
  330. package/cjs/ui/ReactionBadge.js +2 -2
  331. package/cjs/ui/ReactionButton.js +4 -4
  332. package/cjs/ui/SortByRow.js +1 -1
  333. package/cjs/ui/TextButton.js +1 -1
  334. package/cjs/ui/TextMessageItemBody.js +14 -14
  335. package/cjs/ui/ThreadReplies.js +5 -5
  336. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  337. package/cjs/ui/Toggle.js +1 -1
  338. package/cjs/ui/Tooltip.js +2 -2
  339. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  340. package/cjs/ui/UserListItem.js +10 -10
  341. package/cjs/ui/UserProfile.js +9 -9
  342. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  343. package/cjs/ui/VoiceMessgeInput.js +7 -7
  344. package/cjs/ui/Word.js +10 -10
  345. package/cjs/{useDirtyGetMentions-b4ae7a63.js → useDirtyGetMentions-a9f4e74f.js} +1 -1
  346. package/cjs/{useDirtyGetMentions-b4ae7a63.js.map → useDirtyGetMentions-a9f4e74f.js.map} +1 -1
  347. package/cjs/{useLongPress-d5e59a98.js → useLongPress-a867226d.js} +3 -3
  348. package/cjs/{useLongPress-d5e59a98.js.map → useLongPress-a867226d.js.map} +1 -1
  349. package/cjs/useSendbirdStateContext.js +1 -1
  350. package/cjs/utils/message/isVoiceMessage.js +2 -2
  351. package/cjs/{utils-1cc4e935.js → utils-113df2ca.js} +2 -2
  352. package/cjs/{utils-1cc4e935.js.map → utils-113df2ca.js.map} +1 -1
  353. package/cjs/{utils-89c82b6d.js → utils-6bea57fc.js} +1 -1
  354. package/cjs/{utils-89c82b6d.js.map → utils-6bea57fc.js.map} +1 -1
  355. package/cjs/{utils-496e7d26.js → utils-b7be4282.js} +1 -1
  356. package/cjs/{utils-496e7d26.js.map → utils-b7be4282.js.map} +1 -1
  357. package/cjs/{utils-631cf823.js → utils-baa4c65b.js} +1 -1
  358. package/cjs/{utils-631cf823.js.map → utils-baa4c65b.js.map} +1 -1
  359. package/cjs/{uuid-43555bb8.js → uuid-644621cb.js} +1 -1
  360. package/cjs/{uuid-43555bb8.js.map → uuid-644621cb.js.map} +1 -1
  361. package/cjs/withSendbird.js +1 -1
  362. package/{color-91e43dce.js → color-994bdd6c.js} +1 -1
  363. package/{color-91e43dce.js.map → color-994bdd6c.js.map} +1 -1
  364. package/{compareIds-2e50e905.js → compareIds-7b960453.js} +1 -1
  365. package/{compareIds-2e50e905.js.map → compareIds-7b960453.js.map} +1 -1
  366. package/{const-3a34a127.js → const-5de2cf59.js} +1 -1
  367. package/{const-3a34a127.js.map → const-5de2cf59.js.map} +1 -1
  368. package/{const-72f012b6.js → const-609ce157.js} +1 -1
  369. package/{const-72f012b6.js.map → const-609ce157.js.map} +1 -1
  370. package/{consts-fa6ab3c0.js → consts-2f73d64b.js} +1 -1
  371. package/{consts-fa6ab3c0.js.map → consts-2f73d64b.js.map} +1 -1
  372. package/{consts-9469111b.js → consts-9128ab13.js} +1 -1
  373. package/{consts-9469111b.js.map → consts-9128ab13.js.map} +1 -1
  374. package/{consts-b4cb83cf.js → consts-c652e1a2.js} +1 -1
  375. package/{consts-b4cb83cf.js.map → consts-c652e1a2.js.map} +1 -1
  376. package/{consts-7693b8d3.js → consts-f95a957f.js} +1 -1
  377. package/{consts-7693b8d3.js.map → consts-f95a957f.js.map} +1 -1
  378. package/{context-6be2d352.js → context-bdb20841.js} +2 -2
  379. package/{context-6be2d352.js.map → context-bdb20841.js.map} +1 -1
  380. package/dist/index.css +126 -126
  381. package/dist/index.css.map +1 -1
  382. package/{index-6420013c.js → index-09d8c8e1.js} +2 -2
  383. package/{index-6420013c.js.map → index-09d8c8e1.js.map} +1 -1
  384. package/{index-ad50e2c0.js → index-38d1f14f.js} +2 -2
  385. package/{index-ad50e2c0.js.map → index-38d1f14f.js.map} +1 -1
  386. package/{index-579ca9d7.js → index-47c26257.js} +2 -2
  387. package/{index-579ca9d7.js.map → index-47c26257.js.map} +1 -1
  388. package/{index-10dad19d.js → index-5591ac58.js} +5 -5
  389. package/{index-10dad19d.js.map → index-5591ac58.js.map} +1 -1
  390. package/{index-a2bb2783.js → index-58259ea2.js} +4 -4
  391. package/{index-a2bb2783.js.map → index-58259ea2.js.map} +1 -1
  392. package/{index-86294a68.js → index-594c29da.js} +4 -4
  393. package/{index-86294a68.js.map → index-594c29da.js.map} +1 -1
  394. package/{index-f879f6ef.js → index-5af66a82.js} +3 -3
  395. package/{index-f879f6ef.js.map → index-5af66a82.js.map} +1 -1
  396. package/{index-ccef08fe.js → index-652e2df8.js} +2 -2
  397. package/{index-ccef08fe.js.map → index-652e2df8.js.map} +1 -1
  398. package/{index-629b2439.js → index-69b9a351.js} +2 -2
  399. package/{index-629b2439.js.map → index-69b9a351.js.map} +1 -1
  400. package/{index-6add7940.js → index-69fc4c41.js} +1 -1
  401. package/{index-6add7940.js.map → index-69fc4c41.js.map} +1 -1
  402. package/{index-dd5a8777.js → index-6b84a311.js} +2 -2
  403. package/{index-dd5a8777.js.map → index-6b84a311.js.map} +1 -1
  404. package/{index-ac0b2d20.js → index-87af60b5.js} +6 -6
  405. package/{index-ac0b2d20.js.map → index-87af60b5.js.map} +1 -1
  406. package/{index-fa5b2b8c.js → index-8d47cf52.js} +3 -3
  407. package/{index-fa5b2b8c.js.map → index-8d47cf52.js.map} +1 -1
  408. package/{index-a98c14c3.js → index-9dc3ebe7.js} +6 -6
  409. package/{index-a98c14c3.js.map → index-9dc3ebe7.js.map} +1 -1
  410. package/{index-a9101009.js → index-c3674bf4.js} +1 -1
  411. package/{index-a9101009.js.map → index-c3674bf4.js.map} +1 -1
  412. package/{index-090cbf21.js → index-d53b0c86.js} +4 -4
  413. package/{index-090cbf21.js.map → index-d53b0c86.js.map} +1 -1
  414. package/{index-2cfab646.js → index-e112d644.js} +3 -3
  415. package/{index-2cfab646.js.map → index-e112d644.js.map} +1 -1
  416. package/index.d.ts +43 -1
  417. package/index.js +52 -52
  418. package/{index.module-4f1cd64e.js → index.module-3c05b37b.js} +1 -1
  419. package/{index.module-4f1cd64e.js.map → index.module-3c05b37b.js.map} +1 -1
  420. package/package.json +1 -1
  421. package/{resolvedReplyType-9d00a3db.js → resolvedReplyType-086a1608.js} +1 -1
  422. package/{resolvedReplyType-9d00a3db.js.map → resolvedReplyType-086a1608.js.map} +1 -1
  423. package/sendbirdSelectors.js +3 -3
  424. package/{stringSet-b60e9529.js → stringSet-21638a6b.js} +1 -1
  425. package/{stringSet-b60e9529.js.map → stringSet-21638a6b.js.map} +1 -1
  426. package/{tokenize-c718324d.js → tokenize-9d009872.js} +2 -2
  427. package/{tokenize-c718324d.js.map → tokenize-9d009872.js.map} +1 -1
  428. package/{topics-eb548880.js → topics-fc8cc946.js} +1 -1
  429. package/{topics-eb548880.js.map → topics-fc8cc946.js.map} +1 -1
  430. package/{types-95cfd227.js → types-6a35e036.js} +1 -1
  431. package/{types-95cfd227.js.map → types-6a35e036.js.map} +1 -1
  432. package/ui/Accordion.js +2 -2
  433. package/ui/AccordionGroup.js +2 -2
  434. package/ui/AdminMessage.js +2 -2
  435. package/ui/Avatar.js +1 -1
  436. package/ui/Badge.js +4 -4
  437. package/ui/BottomSheet.js +1 -1
  438. package/ui/Button.js +2 -2
  439. package/ui/ChannelAvatar.js +2 -2
  440. package/ui/ConnectionStatus.js +4 -4
  441. package/ui/ContextMenu.js +5 -5
  442. package/ui/DateSeparator.js +3 -3
  443. package/ui/EmojiReactions.js +19 -16
  444. package/ui/EmojiReactions.js.map +1 -1
  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 +28 -28
  454. package/ui/MessageInput.js +13 -13
  455. package/ui/MessageItemMenu.js +8 -8
  456. package/ui/MessageItemReactionMenu.js +8 -8
  457. package/ui/MessageSearchFileItem.js +10 -10
  458. package/ui/MessageSearchItem.js +8 -8
  459. package/ui/MessageStatus.js +10 -10
  460. package/ui/Modal.js +7 -7
  461. package/ui/OGMessageItemBody.js +14 -14
  462. package/ui/OpenChannelAdminMessage.js +2 -2
  463. package/ui/OpenChannelAvatar.js +5 -5
  464. package/ui/OpenchannelConversationHeader.js +6 -6
  465. package/ui/OpenchannelFileMessage.js +15 -15
  466. package/ui/OpenchannelOGMessage.js +18 -18
  467. package/ui/OpenchannelThumbnailMessage.js +14 -14
  468. package/ui/OpenchannelUserMessage.js +15 -15
  469. package/ui/PlaceHolder.js +5 -5
  470. package/ui/PlaybackTime.js +2 -2
  471. package/ui/QuoteMessage.js +6 -6
  472. package/ui/QuoteMessageInput.js +6 -6
  473. package/ui/ReactionBadge.js +2 -2
  474. package/ui/ReactionButton.js +4 -4
  475. package/ui/SortByRow.js +1 -1
  476. package/ui/TextButton.js +1 -1
  477. package/ui/TextMessageItemBody.js +14 -14
  478. package/ui/ThreadReplies.js +5 -5
  479. package/ui/ThumbnailMessageItemBody.js +5 -5
  480. package/ui/Toggle.js +1 -1
  481. package/ui/Tooltip.js +2 -2
  482. package/ui/UnknownMessageItemBody.js +6 -6
  483. package/ui/UserListItem.js +10 -10
  484. package/ui/UserProfile.js +9 -9
  485. package/ui/VoiceMessageItemBody.js +9 -9
  486. package/ui/VoiceMessgeInput.js +7 -7
  487. package/ui/Word.js +10 -10
  488. package/{useDirtyGetMentions-dffd4046.js → useDirtyGetMentions-99e3d277.js} +1 -1
  489. package/{useDirtyGetMentions-dffd4046.js.map → useDirtyGetMentions-99e3d277.js.map} +1 -1
  490. package/{useLongPress-12280c78.js → useLongPress-333a5b08.js} +3 -3
  491. package/{useLongPress-12280c78.js.map → useLongPress-333a5b08.js.map} +1 -1
  492. package/useSendbirdStateContext.js +1 -1
  493. package/utils/message/isVoiceMessage.js +2 -2
  494. package/{utils-7f5e872b.js → utils-06ec7fe7.js} +1 -1
  495. package/{utils-7f5e872b.js.map → utils-06ec7fe7.js.map} +1 -1
  496. package/{utils-e0c7329c.js → utils-3a30fec6.js} +1 -1
  497. package/{utils-e0c7329c.js.map → utils-3a30fec6.js.map} +1 -1
  498. package/{utils-f610bf03.js → utils-7e02e238.js} +1 -1
  499. package/{utils-f610bf03.js.map → utils-7e02e238.js.map} +1 -1
  500. package/{utils-b571dc44.js → utils-9620b525.js} +2 -2
  501. package/{utils-b571dc44.js.map → utils-9620b525.js.map} +1 -1
  502. package/{uuid-717930b4.js → uuid-e292e5ac.js} +1 -1
  503. package/{uuid-717930b4.js.map → uuid-e292e5ac.js.map} +1 -1
  504. package/withSendbird.js +1 -1
  505. package/ChannelProvider-5dcbee7b.js.map +0 -1
  506. package/_rollupPluginBabelHelpers-05128ded.js.map +0 -1
  507. package/cjs/ChannelProvider-e2f422cf.js.map +0 -1
  508. package/cjs/_rollupPluginBabelHelpers-00480ba8.js.map +0 -1
package/cjs/dist/index.css CHANGED
@@ -70,60 +70,132 @@
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
+ 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 {
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
+ 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;
113
156
  }
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);
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);
116
159
  }
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 {
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 {
118
164
  position: relative;
119
- margin-left: 18px;
165
+ margin-left: 4px;
120
166
  display: inline-flex;
121
167
  }
122
- .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
168
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
123
169
  position: relative;
124
170
  margin-top: 8px;
125
171
  display: inline-flex;
126
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;
127
199
  }
128
200
  .sendbird-open-channel-list,
129
201
  .sendbird-open-channel-list-ui {
@@ -219,132 +291,60 @@
219
291
  .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
220
292
  background-color: var(--sendbird-dark-background-500);
221
293
  }
222
- .sendbird-open-channel-preview {
294
+ .sendbird-create-open-channel-ui {
223
295
  position: relative;
224
296
  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
297
  }
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 {
298
+
299
+ .sendbird-create-open-channel-ui__profile-input {
258
300
  position: relative;
259
- margin-top: 8px;
260
- margin-left: 16px;
261
301
  display: inline-flex;
262
- align-items: center;
263
- justify-content: center;
264
- width: 42px;
265
- height: 42px;
302
+ flex-direction: column;
303
+ justify-content: flex-start;
304
+ width: 100%;
305
+ height: 100%;
266
306
  box-sizing: border-box;
267
307
  }
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 {
308
+ .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
270
309
  position: relative;
310
+ margin-top: 16px;
271
311
  display: inline-flex;
312
+ flex-direction: row;
272
313
  align-items: center;
273
- justify-content: center;
274
- box-sizing: border-box;
275
314
  }
276
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
315
+ .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 {
277
316
  position: relative;
278
- margin-top: 8px;
279
- margin-left: 16px;
280
317
  display: inline-flex;
281
- flex-direction: column;
282
- width: calc(100% - 100px);
283
- box-sizing: border-box;
318
+ align-items: center;
319
+ justify-content: center;
320
+ width: 80px;
321
+ height: 80px;
284
322
  }
285
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
323
+ .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 {
286
324
  position: relative;
287
325
  display: inline-flex;
288
- flex-direction: row;
289
326
  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;
327
+ justify-content: center;
328
+ width: 80px;
329
+ height: 80px;
330
+ border-radius: 50%;
305
331
  }
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);
332
+ .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 {
333
+ background-color: var(--sendbird-light-background-200);
308
334
  }
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;
335
+ .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 {
336
+ background-color: var(--sendbird-dark-background-400);
311
337
  }
312
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
338
+ .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 {
313
339
  position: relative;
314
- margin-left: 4px;
340
+ margin-left: 18px;
315
341
  display: inline-flex;
316
342
  }
317
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
343
+ .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
318
344
  position: relative;
319
345
  margin-top: 8px;
320
346
  display: inline-flex;
321
347
  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
348
  }
349
349
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
350
350
  :root {