@sendbird/uikit-react 3.5.0-mobile-web-0 → 3.5.0-mobile-web-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 (549) hide show
  1. package/App.js +56 -56
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +43 -1
  4. package/Channel/components/ChannelHeader.js +18 -18
  5. package/Channel/components/ChannelUI.js +40 -40
  6. package/Channel/components/FileViewer.js +14 -14
  7. package/Channel/components/FrozenNotification.js +4 -4
  8. package/Channel/components/Message.js +35 -35
  9. package/Channel/components/MessageInput.js +32 -29
  10. package/Channel/components/MessageInput.js.map +1 -1
  11. package/Channel/components/MessageList.js +36 -36
  12. package/Channel/components/RemoveMessageModal.js +16 -16
  13. package/Channel/components/SuggestedMentionList.js +16 -16
  14. package/Channel/components/TypingIndicator.js +14 -14
  15. package/Channel/components/UnreadCount.js +4 -4
  16. package/Channel/context.js +11 -11
  17. package/Channel.js +40 -40
  18. package/ChannelList/components/AddChannel.js +14 -14
  19. package/ChannelList/components/ChannelListHeader.js +6 -6
  20. package/ChannelList/components/ChannelListUI.js +29 -29
  21. package/ChannelList/components/ChannelPreview.js +26 -26
  22. package/ChannelList/components/ChannelPreview.js.map +1 -1
  23. package/ChannelList/components/ChannelPreviewAction.js +15 -14
  24. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  25. package/ChannelList/context.js +7 -7
  26. package/ChannelList.js +29 -29
  27. package/{ChannelListProvider-42fb305a.js → ChannelListProvider-86b6d956.js} +7 -7
  28. package/{ChannelListProvider-42fb305a.js.map → ChannelListProvider-86b6d956.js.map} +1 -1
  29. package/{ChannelProvider-42ea1a96.js → ChannelProvider-b41fde4c.js} +32 -15
  30. package/ChannelProvider-b41fde4c.js.map +1 -0
  31. package/ChannelSettings/components/ChannelProfile.js +11 -11
  32. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  33. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  34. package/ChannelSettings/components/LeaveChannel.js +11 -11
  35. package/ChannelSettings/components/ModerationPanel.js +27 -21
  36. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  37. package/ChannelSettings/components/UserListItem.js +10 -10
  38. package/ChannelSettings/components/UserPanel.js +13 -13
  39. package/ChannelSettings/context.js +3 -3
  40. package/ChannelSettings.js +17 -17
  41. package/CreateChannel/components/CreateChannelUI.js +13 -13
  42. package/CreateChannel/components/InviteUsers.js +13 -13
  43. package/CreateChannel/components/SelectChannelType.js +10 -10
  44. package/CreateChannel/context.js +4 -4
  45. package/CreateChannel.js +13 -13
  46. package/{CreateChannelProvider-37af96d2.js → CreateChannelProvider-2b669e7e.js} +1 -1
  47. package/{CreateChannelProvider-37af96d2.js.map → CreateChannelProvider-2b669e7e.js.map} +1 -1
  48. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  49. package/CreateOpenChannel/context.js +1 -1
  50. package/CreateOpenChannel.js +9 -9
  51. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  52. package/EditUserProfile.js +12 -12
  53. package/{LocalizationContext-1839d2db.js → LocalizationContext-57b46f6c.js} +3 -3
  54. package/{LocalizationContext-1839d2db.js.map → LocalizationContext-57b46f6c.js.map} +1 -1
  55. package/{MediaQueryContext-0e0b3a1b.js → MediaQueryContext-fbe7af77.js} +12 -12
  56. package/MediaQueryContext-fbe7af77.js.map +1 -0
  57. package/{MemberList-28589b39.js → MemberList-6ff1e7fa.js} +17 -11
  58. package/MemberList-6ff1e7fa.js.map +1 -0
  59. package/MessageSearch/components/MessageSearchUI.js +11 -11
  60. package/MessageSearch/context.js +1 -1
  61. package/MessageSearch.js +11 -11
  62. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  63. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  64. package/OpenChannel/components/OpenChannelInput.js +33 -25
  65. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  66. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  67. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  68. package/OpenChannel/components/OpenChannelUI.js +31 -31
  69. package/OpenChannel/context.js +8 -8
  70. package/OpenChannel.js +31 -31
  71. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  72. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  73. package/OpenChannelList/context.js +3 -3
  74. package/OpenChannelList.js +13 -13
  75. package/{OpenChannelListProvider-71a32f2d.js → OpenChannelListProvider-700cf3de.js} +3 -3
  76. package/{OpenChannelListProvider-71a32f2d.js.map → OpenChannelListProvider-700cf3de.js.map} +1 -1
  77. package/{OpenChannelProvider-377a0b6e.js → OpenChannelProvider-b634e564.js} +7 -7
  78. package/{OpenChannelProvider-377a0b6e.js.map → OpenChannelProvider-b634e564.js.map} +1 -1
  79. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  80. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  81. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  82. package/OpenChannelSettings/components/OperatorUI.js +32 -24
  83. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  84. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  85. package/OpenChannelSettings/context.js +3 -3
  86. package/OpenChannelSettings.js +17 -17
  87. package/{RemoveMessageModal-558db27f.js → RemoveMessageModal-625b3778.js} +3 -3
  88. package/{RemoveMessageModal-558db27f.js.map → RemoveMessageModal-625b3778.js.map} +1 -1
  89. package/SendbirdProvider.js +253 -185
  90. package/SendbirdProvider.js.map +1 -1
  91. package/Thread/components/ParentMessageInfo.js +40 -36
  92. package/Thread/components/ParentMessageInfo.js.map +1 -1
  93. package/Thread/components/ParentMessageInfoItem.js +21 -21
  94. package/Thread/components/ThreadHeader.js +6 -6
  95. package/Thread/components/ThreadList.js +35 -35
  96. package/Thread/components/ThreadListItem.js +41 -37
  97. package/Thread/components/ThreadListItem.js.map +1 -1
  98. package/Thread/components/ThreadMessageInput.js +29 -31
  99. package/Thread/components/ThreadMessageInput.js.map +1 -1
  100. package/Thread/components/ThreadUI.js +39 -39
  101. package/Thread/context.js +8 -8
  102. package/Thread.js +39 -39
  103. package/{ThreadProvider-0b73628e.js → ThreadProvider-a3d3b241.js} +7 -7
  104. package/{ThreadProvider-0b73628e.js.map → ThreadProvider-a3d3b241.js.map} +1 -1
  105. package/{UserProfileContext-7e645551.js → UserProfileContext-29074346.js} +1 -1
  106. package/{UserProfileContext-7e645551.js.map → UserProfileContext-29074346.js.map} +1 -1
  107. package/{VoiceMessageInputWrapper-0b5a78a1.js → VoiceMessageInputWrapper-bdc53de4.js} +7 -7
  108. package/{VoiceMessageInputWrapper-0b5a78a1.js.map → VoiceMessageInputWrapper-bdc53de4.js.map} +1 -1
  109. package/VoicePlayer/context.js +3 -3
  110. package/VoicePlayer/useVoicePlayer.js +3 -3
  111. package/VoiceRecorder/context.js +3 -3
  112. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  113. package/{WebAudioUtils-fbdb41cd.js → WebAudioUtils-c3ea2db7.js} +1 -1
  114. package/{WebAudioUtils-fbdb41cd.js.map → WebAudioUtils-c3ea2db7.js.map} +1 -1
  115. package/{_rollupPluginBabelHelpers-ce69e916.js → _rollupPluginBabelHelpers-0bc76382.js} +1 -1
  116. package/_rollupPluginBabelHelpers-0bc76382.js.map +1 -0
  117. package/{actionTypes-a5283c75.js → actionTypes-45ec82e6.js} +1 -1
  118. package/{actionTypes-a5283c75.js.map → actionTypes-45ec82e6.js.map} +1 -1
  119. package/cjs/App.js +56 -56
  120. package/cjs/App.js.map +1 -1
  121. package/cjs/Channel/components/ChannelHeader.js +18 -18
  122. package/cjs/Channel/components/ChannelUI.js +40 -40
  123. package/cjs/Channel/components/FileViewer.js +14 -14
  124. package/cjs/Channel/components/FrozenNotification.js +4 -4
  125. package/cjs/Channel/components/Message.js +35 -35
  126. package/cjs/Channel/components/MessageInput.js +32 -29
  127. package/cjs/Channel/components/MessageInput.js.map +1 -1
  128. package/cjs/Channel/components/MessageList.js +36 -36
  129. package/cjs/Channel/components/RemoveMessageModal.js +16 -16
  130. package/cjs/Channel/components/SuggestedMentionList.js +16 -16
  131. package/cjs/Channel/components/TypingIndicator.js +14 -14
  132. package/cjs/Channel/components/UnreadCount.js +4 -4
  133. package/cjs/Channel/context.js +11 -11
  134. package/cjs/Channel.js +40 -40
  135. package/cjs/ChannelList/components/AddChannel.js +14 -14
  136. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  137. package/cjs/ChannelList/components/ChannelListUI.js +29 -29
  138. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  139. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  140. package/cjs/ChannelList/components/ChannelPreviewAction.js +15 -14
  141. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  142. package/cjs/ChannelList/context.js +7 -7
  143. package/cjs/ChannelList.js +29 -29
  144. package/cjs/{ChannelListProvider-b3ffe21a.js → ChannelListProvider-46e379c7.js} +7 -7
  145. package/cjs/{ChannelListProvider-b3ffe21a.js.map → ChannelListProvider-46e379c7.js.map} +1 -1
  146. package/cjs/{ChannelProvider-b6890429.js → ChannelProvider-2bfafa25.js} +32 -14
  147. package/cjs/ChannelProvider-2bfafa25.js.map +1 -0
  148. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  149. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  150. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  151. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  152. package/cjs/ChannelSettings/components/ModerationPanel.js +27 -21
  153. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  154. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  155. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  156. package/cjs/ChannelSettings/context.js +3 -3
  157. package/cjs/ChannelSettings.js +17 -17
  158. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  159. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  160. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  161. package/cjs/CreateChannel/context.js +4 -4
  162. package/cjs/CreateChannel.js +13 -13
  163. package/cjs/{CreateChannelProvider-e1376032.js → CreateChannelProvider-ef7e4c91.js} +1 -1
  164. package/cjs/{CreateChannelProvider-e1376032.js.map → CreateChannelProvider-ef7e4c91.js.map} +1 -1
  165. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  166. package/cjs/CreateOpenChannel/context.js +1 -1
  167. package/cjs/CreateOpenChannel.js +9 -9
  168. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  169. package/cjs/EditUserProfile.js +12 -12
  170. package/cjs/{LocalizationContext-461a0816.js → LocalizationContext-b42fa07d.js} +3 -3
  171. package/cjs/{LocalizationContext-461a0816.js.map → LocalizationContext-b42fa07d.js.map} +1 -1
  172. package/cjs/{MediaQueryContext-de7c63bc.js → MediaQueryContext-372b55a6.js} +12 -12
  173. package/cjs/MediaQueryContext-372b55a6.js.map +1 -0
  174. package/cjs/{MemberList-593809cb.js → MemberList-d878307c.js} +17 -11
  175. package/cjs/MemberList-d878307c.js.map +1 -0
  176. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  177. package/cjs/MessageSearch/context.js +1 -1
  178. package/cjs/MessageSearch.js +11 -11
  179. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  180. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  181. package/cjs/OpenChannel/components/OpenChannelInput.js +33 -25
  182. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  183. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  184. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  185. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  186. package/cjs/OpenChannel/context.js +8 -8
  187. package/cjs/OpenChannel.js +31 -31
  188. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  189. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  190. package/cjs/OpenChannelList/context.js +3 -3
  191. package/cjs/OpenChannelList.js +13 -13
  192. package/cjs/{OpenChannelListProvider-39c11f87.js → OpenChannelListProvider-d1cbe71b.js} +3 -3
  193. package/cjs/{OpenChannelListProvider-39c11f87.js.map → OpenChannelListProvider-d1cbe71b.js.map} +1 -1
  194. package/cjs/{OpenChannelProvider-e794e881.js → OpenChannelProvider-94eb45b4.js} +7 -7
  195. package/cjs/{OpenChannelProvider-e794e881.js.map → OpenChannelProvider-94eb45b4.js.map} +1 -1
  196. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  197. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  198. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  199. package/cjs/OpenChannelSettings/components/OperatorUI.js +32 -24
  200. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  201. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  202. package/cjs/OpenChannelSettings/context.js +3 -3
  203. package/cjs/OpenChannelSettings.js +17 -17
  204. package/cjs/{RemoveMessageModal-29fa1a05.js → RemoveMessageModal-83d3158a.js} +3 -3
  205. package/cjs/{RemoveMessageModal-29fa1a05.js.map → RemoveMessageModal-83d3158a.js.map} +1 -1
  206. package/cjs/SendbirdProvider.js +253 -185
  207. package/cjs/SendbirdProvider.js.map +1 -1
  208. package/cjs/Thread/components/ParentMessageInfo.js +40 -36
  209. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  210. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  211. package/cjs/Thread/components/ThreadHeader.js +6 -6
  212. package/cjs/Thread/components/ThreadList.js +35 -35
  213. package/cjs/Thread/components/ThreadListItem.js +41 -37
  214. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  215. package/cjs/Thread/components/ThreadMessageInput.js +29 -31
  216. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  217. package/cjs/Thread/components/ThreadUI.js +39 -39
  218. package/cjs/Thread/context.js +8 -8
  219. package/cjs/Thread.js +39 -39
  220. package/cjs/{ThreadProvider-e2098298.js → ThreadProvider-3ff0ff63.js} +7 -7
  221. package/cjs/{ThreadProvider-e2098298.js.map → ThreadProvider-3ff0ff63.js.map} +1 -1
  222. package/cjs/{UserProfileContext-1bcc48a2.js → UserProfileContext-c87514d3.js} +1 -1
  223. package/cjs/{UserProfileContext-1bcc48a2.js.map → UserProfileContext-c87514d3.js.map} +1 -1
  224. package/cjs/{VoiceMessageInputWrapper-f18d6a5e.js → VoiceMessageInputWrapper-6e1d03d7.js} +7 -7
  225. package/cjs/{VoiceMessageInputWrapper-f18d6a5e.js.map → VoiceMessageInputWrapper-6e1d03d7.js.map} +1 -1
  226. package/cjs/VoicePlayer/context.js +3 -3
  227. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  228. package/cjs/VoiceRecorder/context.js +3 -3
  229. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  230. package/cjs/{WebAudioUtils-aedad0b1.js → WebAudioUtils-de98e939.js} +1 -1
  231. package/cjs/{WebAudioUtils-aedad0b1.js.map → WebAudioUtils-de98e939.js.map} +1 -1
  232. package/cjs/{_rollupPluginBabelHelpers-919a4db3.js → _rollupPluginBabelHelpers-3a9d1641.js} +1 -1
  233. package/cjs/_rollupPluginBabelHelpers-3a9d1641.js.map +1 -0
  234. package/cjs/{actionTypes-1e75e6e9.js → actionTypes-ecb5bef6.js} +1 -1
  235. package/cjs/{actionTypes-1e75e6e9.js.map → actionTypes-ecb5bef6.js.map} +1 -1
  236. package/cjs/{color-48ff06b2.js → color-a4e73e6f.js} +1 -1
  237. package/cjs/{color-48ff06b2.js.map → color-a4e73e6f.js.map} +1 -1
  238. package/cjs/{compareIds-8ed822c1.js → compareIds-a7029d6a.js} +1 -1
  239. package/cjs/{compareIds-8ed822c1.js.map → compareIds-a7029d6a.js.map} +1 -1
  240. package/cjs/{const-49de651c.js → const-3ab3e45c.js} +1 -1
  241. package/cjs/{const-49de651c.js.map → const-3ab3e45c.js.map} +1 -1
  242. package/cjs/{const-852d5677.js → const-68cf2709.js} +1 -1
  243. package/cjs/{const-852d5677.js.map → const-68cf2709.js.map} +1 -1
  244. package/cjs/{consts-5851f376.js → consts-26d4668c.js} +1 -1
  245. package/cjs/{consts-5851f376.js.map → consts-26d4668c.js.map} +1 -1
  246. package/cjs/{consts-2580246d.js → consts-ad8ba629.js} +1 -1
  247. package/cjs/{consts-2580246d.js.map → consts-ad8ba629.js.map} +1 -1
  248. package/cjs/{consts-e9ee4cf4.js → consts-bb2a67c7.js} +1 -1
  249. package/cjs/{consts-e9ee4cf4.js.map → consts-bb2a67c7.js.map} +1 -1
  250. package/cjs/{consts-6f02fcc4.js → consts-f71467c8.js} +1 -1
  251. package/cjs/{consts-6f02fcc4.js.map → consts-f71467c8.js.map} +1 -1
  252. package/cjs/{context-4d89551f.js → context-b81d493d.js} +2 -2
  253. package/cjs/{context-4d89551f.js.map → context-b81d493d.js.map} +1 -1
  254. package/cjs/dist/index.css +169 -151
  255. package/cjs/dist/index.css.map +1 -1
  256. package/cjs/{index-bca3d144.js → index-0b8a1074.js} +6 -3
  257. package/cjs/index-0b8a1074.js.map +1 -0
  258. package/cjs/{index-f4682499.js → index-1c18afa8.js} +4 -4
  259. package/cjs/{index-f4682499.js.map → index-1c18afa8.js.map} +1 -1
  260. package/cjs/{index-1a223893.js → index-3f079f3e.js} +18 -13
  261. package/cjs/index-3f079f3e.js.map +1 -0
  262. package/cjs/{index-44186883.js → index-72e412f7.js} +2 -2
  263. package/cjs/{index-44186883.js.map → index-72e412f7.js.map} +1 -1
  264. package/cjs/{index-60ea6503.js → index-7ec4fe06.js} +3 -3
  265. package/cjs/{index-60ea6503.js.map → index-7ec4fe06.js.map} +1 -1
  266. package/cjs/{index-a51f1b7d.js → index-811da6ee.js} +5 -5
  267. package/cjs/{index-a51f1b7d.js.map → index-811da6ee.js.map} +1 -1
  268. package/cjs/{index-60bf4d5c.js → index-849f44b0.js} +2 -2
  269. package/cjs/{index-60bf4d5c.js.map → index-849f44b0.js.map} +1 -1
  270. package/cjs/{index-5e6194f8.js → index-97005534.js} +1 -1
  271. package/cjs/{index-5e6194f8.js.map → index-97005534.js.map} +1 -1
  272. package/cjs/{index-0126dbb4.js → index-9b23b5c2.js} +4 -4
  273. package/cjs/{index-0126dbb4.js.map → index-9b23b5c2.js.map} +1 -1
  274. package/cjs/{index-420b8e6d.js → index-9d9e563e.js} +3 -3
  275. package/cjs/{index-420b8e6d.js.map → index-9d9e563e.js.map} +1 -1
  276. package/cjs/{index-f5399132.js → index-a401f2b6.js} +54 -32
  277. package/cjs/index-a401f2b6.js.map +1 -0
  278. package/cjs/{index-849c0736.js → index-afada680.js} +2 -2
  279. package/cjs/{index-849c0736.js.map → index-afada680.js.map} +1 -1
  280. package/cjs/{index-223e9372.js → index-c38404d2.js} +2 -2
  281. package/cjs/{index-223e9372.js.map → index-c38404d2.js.map} +1 -1
  282. package/cjs/{index-6a46ed00.js → index-cb1d7ac4.js} +3 -3
  283. package/cjs/{index-6a46ed00.js.map → index-cb1d7ac4.js.map} +1 -1
  284. package/cjs/{index-a7025294.js → index-e1d69370.js} +6 -6
  285. package/cjs/{index-a7025294.js.map → index-e1d69370.js.map} +1 -1
  286. package/cjs/{index-7a68d56f.js → index-e8b83547.js} +1 -1
  287. package/cjs/{index-7a68d56f.js.map → index-e8b83547.js.map} +1 -1
  288. package/cjs/{index-81aad270.js → index-f4f6d794.js} +12 -7
  289. package/cjs/index-f4f6d794.js.map +1 -0
  290. package/cjs/index.js +51 -51
  291. package/cjs/{index.module-10ef9afc.js → index.module-d2876b1c.js} +1 -1
  292. package/cjs/{index.module-10ef9afc.js.map → index.module-d2876b1c.js.map} +1 -1
  293. package/cjs/sendbirdSelectors.js +3 -3
  294. package/cjs/{stringSet-d1cee26a.js → stringSet-4f30313f.js} +1 -1
  295. package/cjs/{stringSet-d1cee26a.js.map → stringSet-4f30313f.js.map} +1 -1
  296. package/cjs/{tokenize-d3bb1637.js → tokenize-e944d548.js} +2 -2
  297. package/cjs/{tokenize-d3bb1637.js.map → tokenize-e944d548.js.map} +1 -1
  298. package/cjs/{topics-00c67dd6.js → topics-3226c6ee.js} +1 -1
  299. package/cjs/{topics-00c67dd6.js.map → topics-3226c6ee.js.map} +1 -1
  300. package/cjs/{types-2e9e46b2.js → types-31174fcc.js} +1 -1
  301. package/cjs/{types-2e9e46b2.js.map → types-31174fcc.js.map} +1 -1
  302. package/cjs/ui/Accordion.js +2 -2
  303. package/cjs/ui/AccordionGroup.js +2 -2
  304. package/cjs/ui/AdminMessage.js +2 -2
  305. package/cjs/ui/Avatar.js +1 -1
  306. package/cjs/ui/Badge.js +4 -4
  307. package/cjs/ui/BottomSheet.js +1 -1
  308. package/cjs/ui/Button.js +2 -2
  309. package/cjs/ui/ChannelAvatar.js +2 -2
  310. package/cjs/ui/ConnectionStatus.js +4 -4
  311. package/cjs/ui/ContextMenu.js +9 -7
  312. package/cjs/ui/ContextMenu.js.map +1 -1
  313. package/cjs/ui/DateSeparator.js +3 -3
  314. package/cjs/ui/EmojiReactions.js +17 -15
  315. package/cjs/ui/EmojiReactions.js.map +1 -1
  316. package/cjs/ui/FileMessageItemBody.js +6 -6
  317. package/cjs/ui/FileViewer.js +8 -8
  318. package/cjs/ui/IconButton.js +1 -1
  319. package/cjs/ui/Input.js +2 -2
  320. package/cjs/ui/Label.js +2 -2
  321. package/cjs/ui/LinkLabel.js +2 -2
  322. package/cjs/ui/MentionLabel.js +10 -10
  323. package/cjs/ui/MentionUserLabel.js +1 -1
  324. package/cjs/ui/MessageContent.js +33 -29
  325. package/cjs/ui/MessageContent.js.map +1 -1
  326. package/cjs/ui/MessageInput.js +12 -12
  327. package/cjs/ui/MessageItemMenu.js +22 -15
  328. package/cjs/ui/MessageItemMenu.js.map +1 -1
  329. package/cjs/ui/MessageItemReactionMenu.js +10 -9
  330. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  331. package/cjs/ui/MessageSearchFileItem.js +10 -10
  332. package/cjs/ui/MessageSearchItem.js +8 -8
  333. package/cjs/ui/MessageStatus.js +10 -10
  334. package/cjs/ui/Modal.js +7 -7
  335. package/cjs/ui/OGMessageItemBody.js +14 -14
  336. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  337. package/cjs/ui/OpenChannelAvatar.js +5 -5
  338. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  339. package/cjs/ui/OpenchannelFileMessage.js +19 -17
  340. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  341. package/cjs/ui/OpenchannelOGMessage.js +26 -22
  342. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  343. package/cjs/ui/OpenchannelThumbnailMessage.js +18 -16
  344. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  345. package/cjs/ui/OpenchannelUserMessage.js +23 -19
  346. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  347. package/cjs/ui/PlaceHolder.js +5 -5
  348. package/cjs/ui/PlaybackTime.js +2 -2
  349. package/cjs/ui/QuoteMessage.js +6 -6
  350. package/cjs/ui/QuoteMessageInput.js +6 -6
  351. package/cjs/ui/ReactionBadge.js +2 -2
  352. package/cjs/ui/ReactionButton.js +7 -5
  353. package/cjs/ui/ReactionButton.js.map +1 -1
  354. package/cjs/ui/SortByRow.js +1 -1
  355. package/cjs/ui/TextButton.js +1 -1
  356. package/cjs/ui/TextMessageItemBody.js +14 -14
  357. package/cjs/ui/ThreadReplies.js +5 -5
  358. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  359. package/cjs/ui/Toggle.js +1 -1
  360. package/cjs/ui/Tooltip.js +2 -2
  361. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  362. package/cjs/ui/UserListItem.js +10 -10
  363. package/cjs/ui/UserProfile.js +9 -9
  364. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  365. package/cjs/ui/VoiceMessgeInput.js +7 -7
  366. package/cjs/ui/Word.js +10 -10
  367. package/cjs/{useDirtyGetMentions-7b6c8a19.js → useDirtyGetMentions-97c6e05a.js} +1 -1
  368. package/cjs/{useDirtyGetMentions-7b6c8a19.js.map → useDirtyGetMentions-97c6e05a.js.map} +1 -1
  369. package/cjs/{useLongPress-4c2e9a3b.js → useLongPress-bf1e8eee.js} +3 -3
  370. package/cjs/{useLongPress-4c2e9a3b.js.map → useLongPress-bf1e8eee.js.map} +1 -1
  371. package/cjs/useSendbirdStateContext.js +1 -1
  372. package/cjs/utils/message/isVoiceMessage.js +2 -2
  373. package/cjs/{utils-3dacb9bc.js → utils-146517a9.js} +1 -1
  374. package/cjs/{utils-3dacb9bc.js.map → utils-146517a9.js.map} +1 -1
  375. package/cjs/{utils-f1c09ec3.js → utils-411a893e.js} +2 -2
  376. package/cjs/{utils-f1c09ec3.js.map → utils-411a893e.js.map} +1 -1
  377. package/cjs/{utils-22d05a53.js → utils-dbaff0d0.js} +1 -1
  378. package/cjs/{utils-22d05a53.js.map → utils-dbaff0d0.js.map} +1 -1
  379. package/cjs/{utils-c5d4c36e.js → utils-de654d3c.js} +1 -1
  380. package/cjs/{utils-c5d4c36e.js.map → utils-de654d3c.js.map} +1 -1
  381. package/cjs/{uuid-d86ea01f.js → uuid-5ab4f88b.js} +1 -1
  382. package/cjs/{uuid-d86ea01f.js.map → uuid-5ab4f88b.js.map} +1 -1
  383. package/cjs/withSendbird.js +1 -1
  384. package/{color-4ca8a2ea.js → color-2ed716e6.js} +1 -1
  385. package/{color-4ca8a2ea.js.map → color-2ed716e6.js.map} +1 -1
  386. package/{compareIds-08858dd3.js → compareIds-bc881fe7.js} +1 -1
  387. package/{compareIds-08858dd3.js.map → compareIds-bc881fe7.js.map} +1 -1
  388. package/{const-714046e0.js → const-8daee9fc.js} +1 -1
  389. package/{const-714046e0.js.map → const-8daee9fc.js.map} +1 -1
  390. package/{const-a77c08c9.js → const-e51dda0c.js} +1 -1
  391. package/{const-a77c08c9.js.map → const-e51dda0c.js.map} +1 -1
  392. package/{consts-9393e7c8.js → consts-3c0ff1ed.js} +1 -1
  393. package/{consts-9393e7c8.js.map → consts-3c0ff1ed.js.map} +1 -1
  394. package/{consts-d46e0fc1.js → consts-7aab5aff.js} +1 -1
  395. package/{consts-d46e0fc1.js.map → consts-7aab5aff.js.map} +1 -1
  396. package/{consts-aecb8fab.js → consts-d0b365df.js} +1 -1
  397. package/{consts-aecb8fab.js.map → consts-d0b365df.js.map} +1 -1
  398. package/{consts-decd9c7d.js → consts-d0cfee49.js} +1 -1
  399. package/{consts-decd9c7d.js.map → consts-d0cfee49.js.map} +1 -1
  400. package/{context-9a6b8b8a.js → context-cde5c2bf.js} +2 -2
  401. package/{context-9a6b8b8a.js.map → context-cde5c2bf.js.map} +1 -1
  402. package/dist/index.css +169 -151
  403. package/dist/index.css.map +1 -1
  404. package/{index-20880943.js → index-0f22e96e.js} +3 -3
  405. package/{index-20880943.js.map → index-0f22e96e.js.map} +1 -1
  406. package/{index-400417a1.js → index-1e5cf284.js} +4 -4
  407. package/{index-400417a1.js.map → index-1e5cf284.js.map} +1 -1
  408. package/{index-5db37327.js → index-1ec11afb.js} +3 -3
  409. package/{index-5db37327.js.map → index-1ec11afb.js.map} +1 -1
  410. package/{index-9781d2b9.js → index-37531f98.js} +2 -2
  411. package/{index-9781d2b9.js.map → index-37531f98.js.map} +1 -1
  412. package/{index-b96440b7.js → index-3f1fa3f9.js} +2 -2
  413. package/{index-b96440b7.js.map → index-3f1fa3f9.js.map} +1 -1
  414. package/{index-e1cd2fcf.js → index-4023d1b2.js} +2 -2
  415. package/{index-e1cd2fcf.js.map → index-4023d1b2.js.map} +1 -1
  416. package/{index-3130ac38.js → index-5141f766.js} +4 -4
  417. package/{index-3130ac38.js.map → index-5141f766.js.map} +1 -1
  418. package/{index-7c9ebc67.js → index-5a1c1956.js} +5 -5
  419. package/{index-7c9ebc67.js.map → index-5a1c1956.js.map} +1 -1
  420. package/{index-bf72ef7c.js → index-735cb5a3.js} +18 -13
  421. package/index-735cb5a3.js.map +1 -0
  422. package/{index-3165e396.js → index-7bff4ce0.js} +1 -1
  423. package/{index-3165e396.js.map → index-7bff4ce0.js.map} +1 -1
  424. package/{index-d9c12cf4.js → index-865112db.js} +1 -1
  425. package/{index-d9c12cf4.js.map → index-865112db.js.map} +1 -1
  426. package/{index-edfb3327.js → index-ac642e0b.js} +54 -32
  427. package/index-ac642e0b.js.map +1 -0
  428. package/{index-5644a6c0.js → index-d847a382.js} +3 -3
  429. package/{index-5644a6c0.js.map → index-d847a382.js.map} +1 -1
  430. package/{index-fd51c7d1.js → index-e2601165.js} +7 -4
  431. package/index-e2601165.js.map +1 -0
  432. package/{index-06f34585.js → index-f1701c11.js} +2 -2
  433. package/{index-06f34585.js.map → index-f1701c11.js.map} +1 -1
  434. package/{index-c6df8184.js → index-fa140763.js} +6 -6
  435. package/{index-c6df8184.js.map → index-fa140763.js.map} +1 -1
  436. package/{index-fd95258e.js → index-fa37119a.js} +12 -7
  437. package/index-fa37119a.js.map +1 -0
  438. package/index.d.ts +3 -2
  439. package/index.js +51 -51
  440. package/{index.module-8c144786.js → index.module-9202ebbd.js} +1 -1
  441. package/{index.module-8c144786.js.map → index.module-9202ebbd.js.map} +1 -1
  442. package/package.json +1 -1
  443. package/sendbirdSelectors.js +3 -3
  444. package/{stringSet-d368e289.js → stringSet-7a8ce1ce.js} +1 -1
  445. package/{stringSet-d368e289.js.map → stringSet-7a8ce1ce.js.map} +1 -1
  446. package/{tokenize-7056afb7.js → tokenize-003bf3f7.js} +2 -2
  447. package/{tokenize-7056afb7.js.map → tokenize-003bf3f7.js.map} +1 -1
  448. package/{topics-f9628f1f.js → topics-5ff88d6f.js} +1 -1
  449. package/{topics-f9628f1f.js.map → topics-5ff88d6f.js.map} +1 -1
  450. package/{types-2b508dbc.js → types-bffbc5f5.js} +1 -1
  451. package/{types-2b508dbc.js.map → types-bffbc5f5.js.map} +1 -1
  452. package/ui/Accordion.js +2 -2
  453. package/ui/AccordionGroup.js +2 -2
  454. package/ui/AdminMessage.js +2 -2
  455. package/ui/Avatar.js +1 -1
  456. package/ui/Badge.js +4 -4
  457. package/ui/BottomSheet.js +1 -1
  458. package/ui/Button.js +2 -2
  459. package/ui/ChannelAvatar.js +2 -2
  460. package/ui/ConnectionStatus.js +4 -4
  461. package/ui/ContextMenu.js +9 -7
  462. package/ui/ContextMenu.js.map +1 -1
  463. package/ui/DateSeparator.js +3 -3
  464. package/ui/EmojiReactions.js +17 -15
  465. package/ui/EmojiReactions.js.map +1 -1
  466. package/ui/FileMessageItemBody.js +6 -6
  467. package/ui/FileViewer.js +8 -8
  468. package/ui/IconButton.js +1 -1
  469. package/ui/Input.js +2 -2
  470. package/ui/Label.js +2 -2
  471. package/ui/LinkLabel.js +2 -2
  472. package/ui/MentionLabel.js +10 -10
  473. package/ui/MentionUserLabel.js +1 -1
  474. package/ui/MessageContent.js +33 -29
  475. package/ui/MessageContent.js.map +1 -1
  476. package/ui/MessageInput.js +12 -12
  477. package/ui/MessageItemMenu.js +22 -15
  478. package/ui/MessageItemMenu.js.map +1 -1
  479. package/ui/MessageItemReactionMenu.js +10 -9
  480. package/ui/MessageItemReactionMenu.js.map +1 -1
  481. package/ui/MessageSearchFileItem.js +10 -10
  482. package/ui/MessageSearchItem.js +8 -8
  483. package/ui/MessageStatus.js +10 -10
  484. package/ui/Modal.js +7 -7
  485. package/ui/OGMessageItemBody.js +14 -14
  486. package/ui/OpenChannelAdminMessage.js +2 -2
  487. package/ui/OpenChannelAvatar.js +5 -5
  488. package/ui/OpenchannelConversationHeader.js +6 -6
  489. package/ui/OpenchannelFileMessage.js +19 -17
  490. package/ui/OpenchannelFileMessage.js.map +1 -1
  491. package/ui/OpenchannelOGMessage.js +26 -22
  492. package/ui/OpenchannelOGMessage.js.map +1 -1
  493. package/ui/OpenchannelThumbnailMessage.js +18 -16
  494. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  495. package/ui/OpenchannelUserMessage.js +23 -19
  496. package/ui/OpenchannelUserMessage.js.map +1 -1
  497. package/ui/PlaceHolder.js +5 -5
  498. package/ui/PlaybackTime.js +2 -2
  499. package/ui/QuoteMessage.js +6 -6
  500. package/ui/QuoteMessageInput.js +6 -6
  501. package/ui/ReactionBadge.js +2 -2
  502. package/ui/ReactionButton.js +7 -5
  503. package/ui/ReactionButton.js.map +1 -1
  504. package/ui/SortByRow.js +1 -1
  505. package/ui/TextButton.js +1 -1
  506. package/ui/TextMessageItemBody.js +14 -14
  507. package/ui/ThreadReplies.js +5 -5
  508. package/ui/ThumbnailMessageItemBody.js +5 -5
  509. package/ui/Toggle.js +1 -1
  510. package/ui/Tooltip.js +2 -2
  511. package/ui/UnknownMessageItemBody.js +6 -6
  512. package/ui/UserListItem.js +10 -10
  513. package/ui/UserProfile.js +9 -9
  514. package/ui/VoiceMessageItemBody.js +5 -5
  515. package/ui/VoiceMessgeInput.js +7 -7
  516. package/ui/Word.js +10 -10
  517. package/{useDirtyGetMentions-e0c0f521.js → useDirtyGetMentions-aac697f4.js} +1 -1
  518. package/{useDirtyGetMentions-e0c0f521.js.map → useDirtyGetMentions-aac697f4.js.map} +1 -1
  519. package/{useLongPress-685c7391.js → useLongPress-fbab35a9.js} +3 -3
  520. package/{useLongPress-685c7391.js.map → useLongPress-fbab35a9.js.map} +1 -1
  521. package/useSendbirdStateContext.js +1 -1
  522. package/utils/message/isVoiceMessage.js +2 -2
  523. package/{utils-f82ad058.js → utils-0d88f863.js} +1 -1
  524. package/{utils-f82ad058.js.map → utils-0d88f863.js.map} +1 -1
  525. package/{utils-256f157f.js → utils-388a790e.js} +1 -1
  526. package/{utils-256f157f.js.map → utils-388a790e.js.map} +1 -1
  527. package/{utils-4979f950.js → utils-6f2bb331.js} +1 -1
  528. package/{utils-4979f950.js.map → utils-6f2bb331.js.map} +1 -1
  529. package/{utils-fbc09760.js → utils-af761f03.js} +2 -2
  530. package/{utils-fbc09760.js.map → utils-af761f03.js.map} +1 -1
  531. package/{uuid-720c99c0.js → uuid-1f1bbd9c.js} +1 -1
  532. package/{uuid-720c99c0.js.map → uuid-1f1bbd9c.js.map} +1 -1
  533. package/withSendbird.js +1 -1
  534. package/ChannelProvider-42ea1a96.js.map +0 -1
  535. package/MediaQueryContext-0e0b3a1b.js.map +0 -1
  536. package/MemberList-28589b39.js.map +0 -1
  537. package/_rollupPluginBabelHelpers-ce69e916.js.map +0 -1
  538. package/cjs/ChannelProvider-b6890429.js.map +0 -1
  539. package/cjs/MediaQueryContext-de7c63bc.js.map +0 -1
  540. package/cjs/MemberList-593809cb.js.map +0 -1
  541. package/cjs/_rollupPluginBabelHelpers-919a4db3.js.map +0 -1
  542. package/cjs/index-1a223893.js.map +0 -1
  543. package/cjs/index-81aad270.js.map +0 -1
  544. package/cjs/index-bca3d144.js.map +0 -1
  545. package/cjs/index-f5399132.js.map +0 -1
  546. package/index-bf72ef7c.js.map +0 -1
  547. package/index-edfb3327.js.map +0 -1
  548. package/index-fd51c7d1.js.map +0 -1
  549. package/index-fd95258e.js.map +0 -1
package/dist/index.css CHANGED
@@ -70,97 +70,124 @@
70
70
  color: inherit;
71
71
  word-break: break-all;
72
72
  }
73
- .sendbird-open-channel-list,
74
- .sendbird-open-channel-list-ui {
73
+ .sendbird-open-channel-preview {
75
74
  position: relative;
76
75
  display: inline-flex;
77
- flex-direction: column;
78
- width: 256px;
79
- min-width: 256px;
80
- height: 100%;
76
+ flex-direction: row;
77
+ width: 264px;
78
+ height: 58px;
79
+ min-width: 264px;
80
+ min-height: 58px;
81
81
  box-sizing: border-box;
82
82
  }
83
- .sendbird--mobile-mode .sendbird-open-channel-list,
84
- .sendbird--mobile-mode .sendbird-open-channel-list-ui {
83
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
85
84
  width: 100%;
86
85
  }
87
- .sendbird-theme--light .sendbird-open-channel-list,
88
- .sendbird-theme--light .sendbird-open-channel-list-ui {
89
- border-right: solid 1px var(--sendbird-light-onlight-04);
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);
90
89
  }
91
- .sendbird-theme--dark .sendbird-open-channel-list,
92
- .sendbird-theme--dark .sendbird-open-channel-list-ui {
93
- border-right: solid 1px var(--sendbird-dark-ondark-04);
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);
94
93
  }
95
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
96
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
97
- position: relative;
98
- display: inline-flex;
99
- flex-direction: row;
100
- align-items: center;
101
- width: 100%;
102
- height: 64px;
103
- box-sizing: border-box;
94
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
95
+ background-color: var(--sendbird-light-background-100);
104
96
  }
105
- .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
106
- .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
107
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
97
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
98
+ background-color: var(--sendbird-dark-background-500);
108
99
  }
109
- .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
110
- .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
111
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
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);
112
103
  }
113
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
114
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
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 {
115
109
  position: relative;
116
- margin-left: 24px;
110
+ margin-top: 8px;
111
+ margin-left: 16px;
117
112
  display: inline-flex;
118
113
  align-items: center;
114
+ justify-content: center;
115
+ width: 42px;
116
+ height: 42px;
119
117
  box-sizing: border-box;
120
118
  }
121
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
122
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
123
- position: absolute;
124
- top: 16px;
125
- right: 56px;
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;
126
122
  display: inline-flex;
127
123
  align-items: center;
128
124
  justify-content: center;
129
125
  box-sizing: border-box;
130
126
  }
131
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
132
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
133
- position: absolute;
134
- top: 16px;
135
- right: 16px;
127
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
128
+ position: relative;
129
+ margin-top: 8px;
130
+ margin-left: 16px;
136
131
  display: inline-flex;
137
- align-items: center;
138
- justify-content: center;
132
+ flex-direction: column;
133
+ max-width: 178px;
139
134
  box-sizing: border-box;
140
135
  }
141
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
142
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
136
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
143
137
  position: relative;
144
138
  display: inline-flex;
145
- flex-direction: column;
139
+ flex-direction: row;
140
+ align-items: center;
146
141
  width: 100%;
147
- height: calc(100% - 64px);
142
+ height: 16px;
148
143
  box-sizing: border-box;
149
- overflow-y: scroll;
150
144
  }
151
-
152
- .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
145
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
153
146
  position: relative;
154
- min-height: 62px;
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;
154
+ }
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);
157
+ }
158
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
159
+ position: relative;
160
+ margin-left: 4px;
155
161
  display: inline-flex;
162
+ }
163
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
164
+ position: relative;
165
+ margin-top: 8px;
166
+ display: inline-flex;
167
+ flex-direction: row;
156
168
  align-items: center;
157
- justify-content: center;
169
+ width: 100%;
170
+ height: 14px;
171
+ box-sizing: border-box;
158
172
  }
159
- .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
160
- background-color: var(--sendbird-light-background-100);
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;
161
179
  }
162
- .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
163
- background-color: var(--sendbird-dark-background-500);
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;
164
191
  }
165
192
  .sendbird-create-open-channel-ui {
166
193
  position: relative;
@@ -217,124 +244,99 @@
217
244
  display: inline-flex;
218
245
  flex-direction: row;
219
246
  }
220
- .sendbird-open-channel-preview {
247
+ .sendbird-open-channel-list,
248
+ .sendbird-open-channel-list-ui {
221
249
  position: relative;
222
250
  display: inline-flex;
223
- flex-direction: row;
224
- width: 264px;
225
- height: 58px;
226
- min-width: 264px;
227
- min-height: 58px;
251
+ flex-direction: column;
252
+ width: 256px;
253
+ min-width: 256px;
254
+ height: 100%;
228
255
  box-sizing: border-box;
229
256
  }
230
- .sendbird--mobile-mode .sendbird-open-channel-preview {
257
+ .sendbird--mobile-mode .sendbird-open-channel-list,
258
+ .sendbird--mobile-mode .sendbird-open-channel-list-ui {
231
259
  width: 100%;
232
260
  }
233
- .sendbird-theme--light .sendbird-open-channel-preview {
261
+ .sendbird-theme--light .sendbird-open-channel-list,
262
+ .sendbird-theme--light .sendbird-open-channel-list-ui {
263
+ border-right: solid 1px var(--sendbird-light-onlight-04);
264
+ }
265
+ .sendbird-theme--dark .sendbird-open-channel-list,
266
+ .sendbird-theme--dark .sendbird-open-channel-list-ui {
267
+ border-right: solid 1px var(--sendbird-dark-ondark-04);
268
+ }
269
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
270
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
271
+ position: relative;
272
+ display: inline-flex;
273
+ flex-direction: row;
274
+ align-items: center;
275
+ width: 100%;
276
+ height: 64px;
277
+ box-sizing: border-box;
278
+ }
279
+ .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
280
+ .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
234
281
  background-color: var(--sendbird-light-background-50);
235
282
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
236
283
  }
237
- .sendbird-theme--dark .sendbird-open-channel-preview {
284
+ .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
285
+ .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
238
286
  background-color: var(--sendbird-dark-background-600);
239
287
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
240
288
  }
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 {
289
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
290
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
256
291
  position: relative;
257
- margin-top: 8px;
258
- margin-left: 16px;
292
+ margin-left: 24px;
259
293
  display: inline-flex;
260
294
  align-items: center;
261
- justify-content: center;
262
- width: 42px;
263
- height: 42px;
264
295
  box-sizing: border-box;
265
296
  }
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 {
268
- position: relative;
297
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
298
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
299
+ position: absolute;
300
+ top: 16px;
301
+ right: 56px;
269
302
  display: inline-flex;
270
303
  align-items: center;
271
304
  justify-content: center;
272
305
  box-sizing: border-box;
273
306
  }
274
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
275
- position: relative;
276
- margin-top: 8px;
277
- margin-left: 16px;
307
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
308
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
309
+ position: absolute;
310
+ top: 16px;
311
+ right: 16px;
278
312
  display: inline-flex;
279
- flex-direction: column;
280
- max-width: 178px;
313
+ align-items: center;
314
+ justify-content: center;
281
315
  box-sizing: border-box;
282
316
  }
283
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
317
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
318
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
284
319
  position: relative;
285
320
  display: inline-flex;
286
- flex-direction: row;
287
- align-items: center;
321
+ flex-direction: column;
288
322
  width: 100%;
289
- height: 16px;
290
- box-sizing: border-box;
291
- }
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%;
323
+ height: calc(100% - 64px);
297
324
  box-sizing: border-box;
298
- overflow-x: hidden;
299
- text-overflow: ellipsis;
300
- word-break: keep-all;
301
- }
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);
304
- }
305
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
306
- position: relative;
307
- margin-left: 4px;
308
- display: inline-flex;
325
+ overflow-y: scroll;
309
326
  }
310
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
327
+
328
+ .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
311
329
  position: relative;
312
- margin-top: 8px;
330
+ min-height: 62px;
313
331
  display: inline-flex;
314
- flex-direction: row;
315
332
  align-items: center;
316
- width: 100%;
317
- height: 14px;
318
- box-sizing: border-box;
333
+ justify-content: center;
319
334
  }
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;
335
+ .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
336
+ background-color: var(--sendbird-light-background-100);
326
337
  }
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
+ .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
339
+ background-color: var(--sendbird-dark-background-500);
338
340
  }
339
341
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
340
342
  :root {
@@ -2859,6 +2861,10 @@
2859
2861
  bottom: -8px;
2860
2862
  }
2861
2863
 
2864
+ .sendbird-message-content__middle__quote-message__quote {
2865
+ width: 100%;
2866
+ }
2867
+
2862
2868
  .sendbird-message-content.incoming .sendbird-message-content__left {
2863
2869
  position: relative;
2864
2870
  display: inline-flex;
@@ -2894,6 +2900,9 @@
2894
2900
  position: relative;
2895
2901
  margin-left: 12px;
2896
2902
  margin-bottom: 4px;
2903
+ width: 100%;
2904
+ overflow-x: hidden;
2905
+ text-overflow: ellipsis;
2897
2906
  }
2898
2907
  .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message {
2899
2908
  position: relative;
@@ -2940,6 +2949,9 @@
2940
2949
  .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
2941
2950
  display: none;
2942
2951
  }
2952
+ .sendbird--mobile-mode .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
2953
+ display: inline-flex;
2954
+ }
2943
2955
 
2944
2956
  .sendbird-message-content.outgoing .sendbird-message-content__left {
2945
2957
  position: relative;
@@ -3012,6 +3024,9 @@
3012
3024
  .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
3013
3025
  display: none;
3014
3026
  }
3027
+ .sendbird--mobile-mode .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
3028
+ display: inline-flex;
3029
+ }
3015
3030
 
3016
3031
  .sendbird-message-content__middle__body-container {
3017
3032
  position: relative;
@@ -3373,6 +3388,8 @@
3373
3388
  }
3374
3389
  .sendbird-admin-message .sendbird-admin-message__text {
3375
3390
  display: flex;
3391
+ width: 100%;
3392
+ word-break: break-word;
3376
3393
  }
3377
3394
  .sendbird-text-message-item-body {
3378
3395
  position: relative;
@@ -3576,7 +3593,6 @@ div.sendbird-text-message-item-body {
3576
3593
  border-radius: 16px;
3577
3594
  }
3578
3595
  .sendbird--mobile-mode .sendbird-thumbnail-message-item-body {
3579
- width: 66vw;
3580
3596
  min-width: 160px;
3581
3597
  }
3582
3598
  .sendbird-thumbnail-message-item-body.reactions {
@@ -3819,6 +3835,7 @@ div.sendbird-og-message-item-body__text-bubble {
3819
3835
  display: inline-flex;
3820
3836
  box-sizing: border-box;
3821
3837
  flex-direction: column;
3838
+ width: 100%;
3822
3839
  max-width: 400px;
3823
3840
  }
3824
3841
  .sendbird-quote-message.incoming {
@@ -3834,6 +3851,7 @@ div.sendbird-og-message-item-body__text-bubble {
3834
3851
  align-items: center;
3835
3852
  height: 16px;
3836
3853
  padding: 0px 12px;
3854
+ width: 100%;
3837
3855
  }
3838
3856
  .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
3839
3857
  position: relative;
@@ -5662,9 +5680,11 @@ div.sendbird-og-message-item-body__text-bubble {
5662
5680
 
5663
5681
  .sendbird-theme--light .sendbird-thread-ui__parent-message-info {
5664
5682
  border-top: 1px solid var(--sendbird-light-onlight-04);
5683
+ border-bottom: 1px solid var(--sendbird-light-onlight-04);
5665
5684
  }
5666
5685
  .sendbird-theme--dark .sendbird-thread-ui__parent-message-info {
5667
5686
  border-top: 1px solid var(--sendbird-dark-ondark-04);
5687
+ border-bottom: 1px solid var(--sendbird-dark-ondark-04);
5668
5688
  }
5669
5689
  .sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
5670
5690
  color: var(--sendbird-light-onlight-01);
@@ -5837,6 +5857,10 @@ div.sendbird-og-message-item-body__text-bubble {
5837
5857
  background-color: var(--sendbird-dark-background-500);
5838
5858
  }
5839
5859
 
5860
+ .sendbird--mobile-mode .sendbird-parent-message-info.sendbird-thread-ui__parent-message-info:hover {
5861
+ background-color: transparent;
5862
+ }
5863
+
5840
5864
  .sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-emoji-reactions {
5841
5865
  border: 1px solid var(--sendbird-light-background-100);
5842
5866
  background-color: var(--sendbird-light-background-100);
@@ -6201,6 +6225,10 @@ div.sendbird-og-message-item-body__text-bubble {
6201
6225
  bottom: -8px;
6202
6226
  }
6203
6227
 
6228
+ .sendbird-thread-list-item-content__middle__body-container {
6229
+ width: 100%;
6230
+ }
6231
+
6204
6232
  .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left {
6205
6233
  position: relative;
6206
6234
  display: inline-flex;
@@ -6217,9 +6245,6 @@ div.sendbird-og-message-item-body__text-bubble {
6217
6245
  flex-direction: column;
6218
6246
  align-items: flex-start;
6219
6247
  }
6220
- .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__message-item-body {
6221
- max-width: 198px;
6222
- }
6223
6248
  .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
6224
6249
  position: absolute;
6225
6250
  bottom: 6px;
@@ -6328,11 +6353,6 @@ div.sendbird-og-message-item-body__text-bubble {
6328
6353
  }
6329
6354
  .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container {
6330
6355
  position: relative;
6331
- width: -moz-fit-content;
6332
- width: fit-content;
6333
- }
6334
- .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__message-item-body {
6335
- max-width: 200px;
6336
6356
  }
6337
6357
  .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
6338
6358
  position: absolute;
@@ -6364,8 +6384,6 @@ div.sendbird-og-message-item-body__text-bubble {
6364
6384
 
6365
6385
  .sendbird-thread-list-item-content__middle__body-container {
6366
6386
  position: relative;
6367
- width: -moz-fit-content;
6368
- width: fit-content;
6369
6387
  display: flex;
6370
6388
  flex-direction: column;
6371
6389
  }