@sendbird/uikit-react 3.4.6-rc.1 → 3.4.7-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (888) hide show
  1. package/App.js +177 -172
  2. package/App.js.map +1 -1
  3. package/Channel/components/ChannelHeader.js +44 -39
  4. package/Channel/components/ChannelHeader.js.map +1 -1
  5. package/Channel/components/ChannelUI.js +63 -61
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +52 -46
  8. package/Channel/components/FileViewer.js.map +1 -1
  9. package/Channel/components/FrozenNotification.js +12 -9
  10. package/Channel/components/FrozenNotification.js.map +1 -1
  11. package/Channel/components/Message.js +165 -183
  12. package/Channel/components/Message.js.map +1 -1
  13. package/Channel/components/MessageInput.js +106 -113
  14. package/Channel/components/MessageInput.js.map +1 -1
  15. package/Channel/components/MessageList.js +128 -130
  16. package/Channel/components/MessageList.js.map +1 -1
  17. package/Channel/components/RemoveMessageModal.js +32 -28
  18. package/Channel/components/RemoveMessageModal.js.map +1 -1
  19. package/Channel/components/SuggestedMentionList.js +134 -153
  20. package/Channel/components/SuggestedMentionList.js.map +1 -1
  21. package/Channel/components/TypingIndicator.js +43 -42
  22. package/Channel/components/TypingIndicator.js.map +1 -1
  23. package/Channel/components/UnreadCount.js +18 -16
  24. package/Channel/components/UnreadCount.js.map +1 -1
  25. package/Channel/context.js +13 -14
  26. package/Channel/context.js.map +1 -1
  27. package/Channel.js +39 -40
  28. package/Channel.js.map +1 -1
  29. package/ChannelList/components/AddChannel.js +27 -29
  30. package/ChannelList/components/AddChannel.js.map +1 -1
  31. package/ChannelList/components/ChannelListHeader.js +30 -21
  32. package/ChannelList/components/ChannelListHeader.js.map +1 -1
  33. package/ChannelList/components/ChannelListUI.js +91 -98
  34. package/ChannelList/components/ChannelListUI.js.map +1 -1
  35. package/ChannelList/components/ChannelPreview.js +70 -73
  36. package/ChannelList/components/ChannelPreview.js.map +1 -1
  37. package/ChannelList/components/ChannelPreviewAction.js +30 -30
  38. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  39. package/ChannelList/context.js +7 -8
  40. package/ChannelList/context.js.map +1 -1
  41. package/ChannelList.js +30 -31
  42. package/ChannelList.js.map +1 -1
  43. package/{ChannelListProvider-32bd4597.js → ChannelListProvider-c1d2f942.js} +160 -156
  44. package/ChannelListProvider-c1d2f942.js.map +1 -0
  45. package/{ChannelProvider-4e33aa60.js → ChannelProvider-4ab3a851.js} +429 -412
  46. package/ChannelProvider-4ab3a851.js.map +1 -0
  47. package/ChannelSettings/components/ChannelProfile.js +33 -37
  48. package/ChannelSettings/components/ChannelProfile.js.map +1 -1
  49. package/ChannelSettings/components/ChannelSettingsUI.js +45 -40
  50. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  51. package/ChannelSettings/components/EditDetailsModal.js +47 -48
  52. package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  53. package/ChannelSettings/components/LeaveChannel.js +38 -35
  54. package/ChannelSettings/components/LeaveChannel.js.map +1 -1
  55. package/ChannelSettings/components/ModerationPanel.js +511 -556
  56. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  57. package/ChannelSettings/components/UserListItem.js +69 -69
  58. package/ChannelSettings/components/UserListItem.js.map +1 -1
  59. package/ChannelSettings/components/UserPanel.js +25 -27
  60. package/ChannelSettings/components/UserPanel.js.map +1 -1
  61. package/ChannelSettings/context.js +53 -49
  62. package/ChannelSettings/context.js.map +1 -1
  63. package/ChannelSettings.js +19 -18
  64. package/ChannelSettings.js.map +1 -1
  65. package/CreateChannel/components/CreateChannelUI.js +24 -21
  66. package/CreateChannel/components/CreateChannelUI.js.map +1 -1
  67. package/CreateChannel/components/InviteUsers.js +92 -93
  68. package/CreateChannel/components/InviteUsers.js.map +1 -1
  69. package/CreateChannel/components/SelectChannelType.js +41 -35
  70. package/CreateChannel/components/SelectChannelType.js.map +1 -1
  71. package/CreateChannel/context.js +4 -4
  72. package/CreateChannel.js +22 -20
  73. package/CreateChannel.js.map +1 -1
  74. package/CreateChannelProvider-d2188082.js +44 -0
  75. package/CreateChannelProvider-d2188082.js.map +1 -0
  76. package/CreateOpenChannel/components/CreateOpenChannelUI.js +33 -34
  77. package/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  78. package/CreateOpenChannel/context.js +33 -28
  79. package/CreateOpenChannel/context.js.map +1 -1
  80. package/CreateOpenChannel.js +18 -16
  81. package/CreateOpenChannel.js.map +1 -1
  82. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  83. package/EditUserProfile/context.js.map +1 -1
  84. package/EditUserProfile.js +18 -16
  85. package/EditUserProfile.js.map +1 -1
  86. package/LocalizationContext-9c54e783.js +20 -0
  87. package/{LocalizationContext-62966630.js.map → LocalizationContext-9c54e783.js.map} +1 -1
  88. package/MediaQueryContext-1988a4bc.js +82 -0
  89. package/MediaQueryContext-1988a4bc.js.map +1 -0
  90. package/MemberList-80ea8604.js +395 -0
  91. package/MemberList-80ea8604.js.map +1 -0
  92. package/Message/context.js +11 -10
  93. package/Message/context.js.map +1 -1
  94. package/MessageSearch/components/MessageSearchUI.js +59 -54
  95. package/MessageSearch/components/MessageSearchUI.js.map +1 -1
  96. package/MessageSearch/context.js +176 -165
  97. package/MessageSearch/context.js.map +1 -1
  98. package/MessageSearch.js +45 -47
  99. package/MessageSearch.js.map +1 -1
  100. package/OpenChannel/components/FrozenChannelNotification.js +8 -6
  101. package/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
  102. package/OpenChannel/components/OpenChannelHeader.js +27 -22
  103. package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  104. package/OpenChannel/components/OpenChannelInput.js +32 -28
  105. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  106. package/OpenChannel/components/OpenChannelMessage.js +171 -172
  107. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  108. package/OpenChannel/components/OpenChannelMessageList.js +60 -65
  109. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  110. package/OpenChannel/components/OpenChannelUI.js +50 -48
  111. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  112. package/OpenChannel/context.js +8 -8
  113. package/OpenChannel.js +32 -33
  114. package/OpenChannel.js.map +1 -1
  115. package/OpenChannelList/components/OpenChannelListUI.js +58 -59
  116. package/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  117. package/OpenChannelList/components/OpenChannelPreview.js +21 -22
  118. package/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
  119. package/OpenChannelList/context.js +3 -3
  120. package/OpenChannelList.js +24 -23
  121. package/OpenChannelList.js.map +1 -1
  122. package/{OpenChannelListProvider-8be6450e.js → OpenChannelListProvider-c76663eb.js} +177 -155
  123. package/OpenChannelListProvider-c76663eb.js.map +1 -0
  124. package/OpenChannelProvider-fe3326aa.js +1883 -0
  125. package/{cjs/OpenChannelProvider-0bbac562.js.map → OpenChannelProvider-fe3326aa.js.map} +1 -1
  126. package/OpenChannelSettings/components/EditDetailsModal.js +46 -46
  127. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  128. package/OpenChannelSettings/components/OpenChannelProfile.js +26 -26
  129. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  130. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +45 -36
  131. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  132. package/OpenChannelSettings/components/OperatorUI.js +508 -533
  133. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  134. package/OpenChannelSettings/components/ParticipantUI.js +15 -15
  135. package/OpenChannelSettings/context.js +54 -56
  136. package/OpenChannelSettings/context.js.map +1 -1
  137. package/OpenChannelSettings.js +19 -19
  138. package/OpenChannelSettings.js.map +1 -1
  139. package/RemoveMessageModal-99b5bab4.js +36 -0
  140. package/RemoveMessageModal-99b5bab4.js.map +1 -0
  141. package/SendbirdProvider.js +546 -405
  142. package/SendbirdProvider.js.map +1 -1
  143. package/Thread/components/ParentMessageInfo.js +157 -170
  144. package/Thread/components/ParentMessageInfo.js.map +1 -1
  145. package/Thread/components/ParentMessageInfoItem.js +68 -62
  146. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  147. package/Thread/components/ThreadHeader.js +22 -22
  148. package/Thread/components/ThreadHeader.js.map +1 -1
  149. package/Thread/components/ThreadList.js +82 -77
  150. package/Thread/components/ThreadList.js.map +1 -1
  151. package/Thread/components/ThreadListItem.js +208 -219
  152. package/Thread/components/ThreadListItem.js.map +1 -1
  153. package/Thread/components/ThreadMessageInput.js +103 -105
  154. package/Thread/components/ThreadMessageInput.js.map +1 -1
  155. package/Thread/components/ThreadUI.js +130 -116
  156. package/Thread/components/ThreadUI.js.map +1 -1
  157. package/Thread/context/types.js +9 -9
  158. package/Thread/context/types.js.map +1 -1
  159. package/Thread/context.js +8 -8
  160. package/Thread.js +55 -55
  161. package/Thread.js.map +1 -1
  162. package/ThreadProvider-0a3c5f37.js +1692 -0
  163. package/ThreadProvider-0a3c5f37.js.map +1 -0
  164. package/{UserProfileContext-7083bd82.js → UserProfileContext-a8aa4c0f.js} +1 -1
  165. package/{UserProfileContext-7083bd82.js.map → UserProfileContext-a8aa4c0f.js.map} +1 -1
  166. package/{VoiceMessageInputWrapper-4479a1bd.js → VoiceMessageInputWrapper-ff160b51.js} +60 -59
  167. package/VoiceMessageInputWrapper-ff160b51.js.map +1 -0
  168. package/VoicePlayer/context.js +3 -3
  169. package/VoicePlayer/useVoicePlayer.js +38 -43
  170. package/VoicePlayer/useVoicePlayer.js.map +1 -1
  171. package/VoiceRecorder/context.js +46 -45
  172. package/VoiceRecorder/context.js.map +1 -1
  173. package/VoiceRecorder/useVoiceRecorder.js +43 -40
  174. package/VoiceRecorder/useVoiceRecorder.js.map +1 -1
  175. package/{WebAudioUtils-f57301b1.js → WebAudioUtils-5f08f354.js} +37 -37
  176. package/{WebAudioUtils-f57301b1.js.map → WebAudioUtils-5f08f354.js.map} +1 -1
  177. package/{_rollupPluginBabelHelpers-48b56150.js → _rollupPluginBabelHelpers-b2d9bfc5.js} +2 -2
  178. package/_rollupPluginBabelHelpers-b2d9bfc5.js.map +1 -0
  179. package/{actionTypes-9badb1b4.js → actionTypes-e436fe6c.js} +2 -2
  180. package/{actionTypes-9badb1b4.js.map → actionTypes-e436fe6c.js.map} +1 -1
  181. package/cjs/App.js +177 -172
  182. package/cjs/App.js.map +1 -1
  183. package/cjs/Channel/components/ChannelHeader.js +44 -39
  184. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  185. package/cjs/Channel/components/ChannelUI.js +63 -61
  186. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  187. package/cjs/Channel/components/FileViewer.js +52 -46
  188. package/cjs/Channel/components/FileViewer.js.map +1 -1
  189. package/cjs/Channel/components/FrozenNotification.js +12 -9
  190. package/cjs/Channel/components/FrozenNotification.js.map +1 -1
  191. package/cjs/Channel/components/Message.js +165 -183
  192. package/cjs/Channel/components/Message.js.map +1 -1
  193. package/cjs/Channel/components/MessageInput.js +106 -113
  194. package/cjs/Channel/components/MessageInput.js.map +1 -1
  195. package/cjs/Channel/components/MessageList.js +128 -130
  196. package/cjs/Channel/components/MessageList.js.map +1 -1
  197. package/cjs/Channel/components/RemoveMessageModal.js +32 -28
  198. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  199. package/cjs/Channel/components/SuggestedMentionList.js +134 -153
  200. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  201. package/cjs/Channel/components/TypingIndicator.js +43 -42
  202. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  203. package/cjs/Channel/components/UnreadCount.js +18 -16
  204. package/cjs/Channel/components/UnreadCount.js.map +1 -1
  205. package/cjs/Channel/context.js +14 -18
  206. package/cjs/Channel/context.js.map +1 -1
  207. package/cjs/Channel.js +39 -40
  208. package/cjs/Channel.js.map +1 -1
  209. package/cjs/ChannelList/components/AddChannel.js +27 -29
  210. package/cjs/ChannelList/components/AddChannel.js.map +1 -1
  211. package/cjs/ChannelList/components/ChannelListHeader.js +30 -21
  212. package/cjs/ChannelList/components/ChannelListHeader.js.map +1 -1
  213. package/cjs/ChannelList/components/ChannelListUI.js +91 -98
  214. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  215. package/cjs/ChannelList/components/ChannelPreview.js +70 -73
  216. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  217. package/cjs/ChannelList/components/ChannelPreviewAction.js +30 -30
  218. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  219. package/cjs/ChannelList/context.js +7 -8
  220. package/cjs/ChannelList/context.js.map +1 -1
  221. package/cjs/ChannelList.js +30 -31
  222. package/cjs/ChannelList.js.map +1 -1
  223. package/cjs/{ChannelListProvider-c90e6d9b.js → ChannelListProvider-61d644da.js} +160 -156
  224. package/cjs/ChannelListProvider-61d644da.js.map +1 -0
  225. package/cjs/{ChannelProvider-6da44044.js → ChannelProvider-620bb354.js} +430 -412
  226. package/cjs/ChannelProvider-620bb354.js.map +1 -0
  227. package/cjs/ChannelSettings/components/ChannelProfile.js +33 -37
  228. package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
  229. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +45 -40
  230. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  231. package/cjs/ChannelSettings/components/EditDetailsModal.js +47 -48
  232. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  233. package/cjs/ChannelSettings/components/LeaveChannel.js +38 -35
  234. package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
  235. package/cjs/ChannelSettings/components/ModerationPanel.js +511 -556
  236. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  237. package/cjs/ChannelSettings/components/UserListItem.js +69 -69
  238. package/cjs/ChannelSettings/components/UserListItem.js.map +1 -1
  239. package/cjs/ChannelSettings/components/UserPanel.js +25 -27
  240. package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
  241. package/cjs/ChannelSettings/context.js +53 -49
  242. package/cjs/ChannelSettings/context.js.map +1 -1
  243. package/cjs/ChannelSettings.js +19 -18
  244. package/cjs/ChannelSettings.js.map +1 -1
  245. package/cjs/CreateChannel/components/CreateChannelUI.js +24 -21
  246. package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
  247. package/cjs/CreateChannel/components/InviteUsers.js +92 -93
  248. package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
  249. package/cjs/CreateChannel/components/SelectChannelType.js +41 -35
  250. package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
  251. package/cjs/CreateChannel/context.js +4 -4
  252. package/cjs/CreateChannel.js +22 -20
  253. package/cjs/CreateChannel.js.map +1 -1
  254. package/cjs/CreateChannelProvider-88b316a6.js +52 -0
  255. package/cjs/CreateChannelProvider-88b316a6.js.map +1 -0
  256. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +33 -34
  257. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  258. package/cjs/CreateOpenChannel/context.js +33 -28
  259. package/cjs/CreateOpenChannel/context.js.map +1 -1
  260. package/cjs/CreateOpenChannel.js +18 -16
  261. package/cjs/CreateOpenChannel.js.map +1 -1
  262. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  263. package/cjs/EditUserProfile/context.js.map +1 -1
  264. package/cjs/EditUserProfile.js +18 -16
  265. package/cjs/EditUserProfile.js.map +1 -1
  266. package/cjs/{LocalizationContext-4c1a8e44.js → LocalizationContext-af96cf5f.js} +9 -9
  267. package/cjs/{LocalizationContext-4c1a8e44.js.map → LocalizationContext-af96cf5f.js.map} +1 -1
  268. package/cjs/MediaQueryContext-8ec3f647.js +89 -0
  269. package/cjs/MediaQueryContext-8ec3f647.js.map +1 -0
  270. package/cjs/MemberList-7513f386.js +401 -0
  271. package/cjs/MemberList-7513f386.js.map +1 -0
  272. package/cjs/Message/context.js +11 -10
  273. package/cjs/Message/context.js.map +1 -1
  274. package/cjs/MessageSearch/components/MessageSearchUI.js +59 -54
  275. package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
  276. package/cjs/MessageSearch/context.js +176 -165
  277. package/cjs/MessageSearch/context.js.map +1 -1
  278. package/cjs/MessageSearch.js +45 -47
  279. package/cjs/MessageSearch.js.map +1 -1
  280. package/cjs/OpenChannel/components/FrozenChannelNotification.js +8 -6
  281. package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
  282. package/cjs/OpenChannel/components/OpenChannelHeader.js +27 -22
  283. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  284. package/cjs/OpenChannel/components/OpenChannelInput.js +32 -28
  285. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  286. package/cjs/OpenChannel/components/OpenChannelMessage.js +171 -172
  287. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  288. package/cjs/OpenChannel/components/OpenChannelMessageList.js +60 -65
  289. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  290. package/cjs/OpenChannel/components/OpenChannelUI.js +50 -48
  291. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  292. package/cjs/OpenChannel/context.js +8 -8
  293. package/cjs/OpenChannel.js +32 -33
  294. package/cjs/OpenChannel.js.map +1 -1
  295. package/cjs/OpenChannelList/components/OpenChannelListUI.js +58 -59
  296. package/cjs/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  297. package/cjs/OpenChannelList/components/OpenChannelPreview.js +21 -22
  298. package/cjs/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
  299. package/cjs/OpenChannelList/context.js +3 -3
  300. package/cjs/OpenChannelList.js +24 -23
  301. package/cjs/OpenChannelList.js.map +1 -1
  302. package/cjs/OpenChannelListProvider-e78bf867.js +439 -0
  303. package/cjs/OpenChannelListProvider-e78bf867.js.map +1 -0
  304. package/cjs/OpenChannelProvider-ea1d7b37.js +1892 -0
  305. package/cjs/OpenChannelProvider-ea1d7b37.js.map +1 -0
  306. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +46 -46
  307. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  308. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +26 -26
  309. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  310. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +45 -36
  311. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  312. package/cjs/OpenChannelSettings/components/OperatorUI.js +508 -533
  313. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  314. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -15
  315. package/cjs/OpenChannelSettings/context.js +54 -56
  316. package/cjs/OpenChannelSettings/context.js.map +1 -1
  317. package/cjs/OpenChannelSettings.js +19 -19
  318. package/cjs/OpenChannelSettings.js.map +1 -1
  319. package/cjs/{RemoveMessageModal-63e870f4.js → RemoveMessageModal-15d1dcbd.js} +19 -13
  320. package/cjs/RemoveMessageModal-15d1dcbd.js.map +1 -0
  321. package/cjs/SendbirdProvider.js +546 -405
  322. package/cjs/SendbirdProvider.js.map +1 -1
  323. package/cjs/Thread/components/ParentMessageInfo.js +157 -170
  324. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  325. package/cjs/Thread/components/ParentMessageInfoItem.js +68 -62
  326. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  327. package/cjs/Thread/components/ThreadHeader.js +22 -22
  328. package/cjs/Thread/components/ThreadHeader.js.map +1 -1
  329. package/cjs/Thread/components/ThreadList.js +82 -77
  330. package/cjs/Thread/components/ThreadList.js.map +1 -1
  331. package/cjs/Thread/components/ThreadListItem.js +208 -219
  332. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  333. package/cjs/Thread/components/ThreadMessageInput.js +103 -105
  334. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  335. package/cjs/Thread/components/ThreadUI.js +130 -116
  336. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  337. package/cjs/Thread/context/types.js +13 -9
  338. package/cjs/Thread/context/types.js.map +1 -1
  339. package/cjs/Thread/context.js +8 -8
  340. package/cjs/Thread.js +55 -55
  341. package/cjs/Thread.js.map +1 -1
  342. package/cjs/ThreadProvider-572574d7.js +1701 -0
  343. package/cjs/ThreadProvider-572574d7.js.map +1 -0
  344. package/cjs/{UserProfileContext-34f6be33.js → UserProfileContext-f068b0ba.js} +1 -1
  345. package/cjs/{UserProfileContext-34f6be33.js.map → UserProfileContext-f068b0ba.js.map} +1 -1
  346. package/cjs/{VoiceMessageInputWrapper-770a185c.js → VoiceMessageInputWrapper-db7f2b72.js} +60 -59
  347. package/cjs/VoiceMessageInputWrapper-db7f2b72.js.map +1 -0
  348. package/cjs/VoicePlayer/context.js +3 -3
  349. package/cjs/VoicePlayer/useVoicePlayer.js +38 -43
  350. package/cjs/VoicePlayer/useVoicePlayer.js.map +1 -1
  351. package/cjs/VoiceRecorder/context.js +46 -45
  352. package/cjs/VoiceRecorder/context.js.map +1 -1
  353. package/cjs/VoiceRecorder/useVoiceRecorder.js +43 -40
  354. package/cjs/VoiceRecorder/useVoiceRecorder.js.map +1 -1
  355. package/cjs/{WebAudioUtils-70bcccc3.js → WebAudioUtils-043bdeca.js} +37 -37
  356. package/cjs/{WebAudioUtils-70bcccc3.js.map → WebAudioUtils-043bdeca.js.map} +1 -1
  357. package/cjs/{_rollupPluginBabelHelpers-8164e35a.js → _rollupPluginBabelHelpers-c5955c81.js} +2 -1
  358. package/cjs/_rollupPluginBabelHelpers-c5955c81.js.map +1 -0
  359. package/cjs/{actionTypes-4a2939b3.js → actionTypes-f2efbb7c.js} +2 -2
  360. package/cjs/{actionTypes-4a2939b3.js.map → actionTypes-f2efbb7c.js.map} +1 -1
  361. package/cjs/{color-f43f059a.js → color-afeb8dc2.js} +13 -12
  362. package/cjs/color-afeb8dc2.js.map +1 -0
  363. package/cjs/{compareIds-e5f7db38.js → compareIds-18b3b1d6.js} +1 -1
  364. package/cjs/{compareIds-e5f7db38.js.map → compareIds-18b3b1d6.js.map} +1 -1
  365. package/cjs/const-6691e574.js +20 -0
  366. package/cjs/const-6691e574.js.map +1 -0
  367. package/cjs/{const-611ac2dd.js → const-ab0f6056.js} +4 -4
  368. package/cjs/{const-611ac2dd.js.map → const-ab0f6056.js.map} +1 -1
  369. package/cjs/consts-6ec77e9a.js +6 -0
  370. package/cjs/consts-6ec77e9a.js.map +1 -0
  371. package/cjs/consts-a422c2f9.js +6 -0
  372. package/cjs/{consts-e0f44b83.js.map → consts-a422c2f9.js.map} +1 -1
  373. package/cjs/{consts-82dce75d.js → consts-a5382bc1.js} +18 -14
  374. package/cjs/{consts-82dce75d.js.map → consts-a5382bc1.js.map} +1 -1
  375. package/cjs/consts-bc27beff.js +6 -0
  376. package/cjs/{consts-d9ecf2d7.js.map → consts-bc27beff.js.map} +1 -1
  377. package/cjs/{context-32080e3d.js → context-60c4d3b7.js} +6 -5
  378. package/cjs/{context-32080e3d.js.map → context-60c4d3b7.js.map} +1 -1
  379. package/cjs/dist/index.css +246 -142
  380. package/cjs/dist/index.css.map +1 -1
  381. package/cjs/handlers/OpenChannelHandler.js.map +1 -1
  382. package/cjs/handlers/SessionHandler.js.map +1 -1
  383. package/cjs/index-0b344bd7.js +57 -0
  384. package/cjs/index-0b344bd7.js.map +1 -0
  385. package/cjs/{index-fc3f351f.js → index-4ee95667.js} +2 -4
  386. package/cjs/index-4ee95667.js.map +1 -0
  387. package/cjs/{index-584a87f3.js → index-68c57136.js} +1 -1
  388. package/cjs/{index-584a87f3.js.map → index-68c57136.js.map} +1 -1
  389. package/cjs/{index-6253d289.js → index-6cb4a530.js} +3 -12
  390. package/cjs/index-6cb4a530.js.map +1 -0
  391. package/cjs/{index-6295003c.js → index-73643285.js} +2 -2
  392. package/cjs/{index-6295003c.js.map → index-73643285.js.map} +1 -1
  393. package/cjs/index-76afc309.js +197 -0
  394. package/cjs/index-76afc309.js.map +1 -0
  395. package/cjs/{index-bddcf750.js → index-8049c2a3.js} +22 -15
  396. package/cjs/index-8049c2a3.js.map +1 -0
  397. package/cjs/{index-ecac7544.js → index-83d1d15e.js} +10 -30
  398. package/cjs/index-83d1d15e.js.map +1 -0
  399. package/cjs/{index-cc5b51fb.js → index-900dd19f.js} +37 -27
  400. package/cjs/index-900dd19f.js.map +1 -0
  401. package/cjs/index-9d518988.js +292 -0
  402. package/cjs/{index-911b358f.js.map → index-9d518988.js.map} +1 -1
  403. package/cjs/{index-1837f392.js → index-a50b2339.js} +50 -50
  404. package/cjs/index-a50b2339.js.map +1 -0
  405. package/cjs/{index-a9a828c4.js → index-c1de8d8f.js} +37 -39
  406. package/cjs/{index-a9a828c4.js.map → index-c1de8d8f.js.map} +1 -1
  407. package/cjs/index-ec8b6978.js +361 -0
  408. package/cjs/index-ec8b6978.js.map +1 -0
  409. package/cjs/index-f2146bae.js +563 -0
  410. package/cjs/index-f2146bae.js.map +1 -0
  411. package/cjs/{index-450c5c4a.js → index-f65677b1.js} +56 -193
  412. package/cjs/index-f65677b1.js.map +1 -0
  413. package/cjs/{index-58bddb18.js → index-ff8ea47f.js} +17 -17
  414. package/cjs/{index-58bddb18.js.map → index-ff8ea47f.js.map} +1 -1
  415. package/cjs/index.js +51 -51
  416. package/cjs/{index.module-d62bc038.js → index.module-9f5edc7b.js} +1 -1
  417. package/cjs/{index.module-d62bc038.js.map → index.module-9f5edc7b.js.map} +1 -1
  418. package/cjs/lame.all.js.map +1 -1
  419. package/cjs/sendbirdSelectors.js +319 -371
  420. package/cjs/sendbirdSelectors.js.map +1 -1
  421. package/cjs/{stringSet-9717efda.js → stringSet-68748705.js} +2 -2
  422. package/cjs/stringSet-68748705.js.map +1 -0
  423. package/cjs/tokenize-d86ab0c7.js +140 -0
  424. package/cjs/tokenize-d86ab0c7.js.map +1 -0
  425. package/cjs/{topics-11bf2ffa.js → topics-825e5d42.js} +2 -2
  426. package/cjs/{topics-11bf2ffa.js.map → topics-825e5d42.js.map} +1 -1
  427. package/cjs/types-24accb8d.js +17 -0
  428. package/cjs/{types-997d2578.js.map → types-24accb8d.js.map} +1 -1
  429. package/cjs/ui/Accordion.js +19 -18
  430. package/cjs/ui/Accordion.js.map +1 -1
  431. package/cjs/ui/AccordionGroup.js +10 -11
  432. package/cjs/ui/AccordionGroup.js.map +1 -1
  433. package/cjs/ui/AdminMessage.js +10 -10
  434. package/cjs/ui/AdminMessage.js.map +1 -1
  435. package/cjs/ui/Avatar.js +55 -59
  436. package/cjs/ui/Avatar.js.map +1 -1
  437. package/cjs/ui/Badge.js +16 -15
  438. package/cjs/ui/Badge.js.map +1 -1
  439. package/cjs/ui/BottomSheet.js +14 -10
  440. package/cjs/ui/BottomSheet.js.map +1 -1
  441. package/cjs/ui/Button.js +20 -24
  442. package/cjs/ui/Button.js.map +1 -1
  443. package/cjs/ui/ChannelAvatar.js +38 -41
  444. package/cjs/ui/ChannelAvatar.js.map +1 -1
  445. package/cjs/ui/Checkbox.js +9 -10
  446. package/cjs/ui/Checkbox.js.map +1 -1
  447. package/cjs/ui/ConnectionStatus.js +7 -5
  448. package/cjs/ui/ConnectionStatus.js.map +1 -1
  449. package/cjs/ui/ContextMenu.js +139 -135
  450. package/cjs/ui/ContextMenu.js.map +1 -1
  451. package/cjs/ui/DateSeparator.js +12 -14
  452. package/cjs/ui/DateSeparator.js.map +1 -1
  453. package/cjs/ui/EmojiReactions.js +78 -86
  454. package/cjs/ui/EmojiReactions.js.map +1 -1
  455. package/cjs/ui/FileMessageItemBody.js +22 -22
  456. package/cjs/ui/FileMessageItemBody.js.map +1 -1
  457. package/cjs/ui/FileViewer.js +36 -35
  458. package/cjs/ui/FileViewer.js.map +1 -1
  459. package/cjs/ui/Icon.js +16 -16
  460. package/cjs/ui/Icon.js.map +1 -1
  461. package/cjs/ui/IconButton.js +20 -28
  462. package/cjs/ui/IconButton.js.map +1 -1
  463. package/cjs/ui/ImageRenderer.js +33 -39
  464. package/cjs/ui/ImageRenderer.js.map +1 -1
  465. package/cjs/ui/Input.js +16 -14
  466. package/cjs/ui/Input.js.map +1 -1
  467. package/cjs/ui/Label.js +2 -2
  468. package/cjs/ui/LinkLabel.js +2 -2
  469. package/cjs/ui/LinkLabel.js.map +1 -1
  470. package/cjs/ui/Loader.js +10 -12
  471. package/cjs/ui/Loader.js.map +1 -1
  472. package/cjs/ui/MentionLabel.js +58 -61
  473. package/cjs/ui/MentionLabel.js.map +1 -1
  474. package/cjs/ui/MentionUserLabel.js +10 -10
  475. package/cjs/ui/MentionUserLabel.js.map +1 -1
  476. package/cjs/ui/MessageContent.js +273 -270
  477. package/cjs/ui/MessageContent.js.map +1 -1
  478. package/cjs/ui/MessageInput.js +87 -79
  479. package/cjs/ui/MessageInput.js.map +1 -1
  480. package/cjs/ui/MessageItemMenu.js +70 -72
  481. package/cjs/ui/MessageItemMenu.js.map +1 -1
  482. package/cjs/ui/MessageItemReactionMenu.js +50 -57
  483. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  484. package/cjs/ui/MessageSearchFileItem.js +49 -38
  485. package/cjs/ui/MessageSearchFileItem.js.map +1 -1
  486. package/cjs/ui/MessageSearchItem.js +40 -32
  487. package/cjs/ui/MessageSearchItem.js.map +1 -1
  488. package/cjs/ui/MessageStatus.js +10 -10
  489. package/cjs/ui/Modal.js +52 -45
  490. package/cjs/ui/Modal.js.map +1 -1
  491. package/cjs/ui/MutedAvatarOverlay.js +10 -10
  492. package/cjs/ui/MutedAvatarOverlay.js.map +1 -1
  493. package/cjs/ui/OGMessageItemBody.js +48 -44
  494. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  495. package/cjs/ui/OpenChannelAdminMessage.js +8 -7
  496. package/cjs/ui/OpenChannelAdminMessage.js.map +1 -1
  497. package/cjs/ui/OpenChannelAvatar.js +18 -17
  498. package/cjs/ui/OpenChannelAvatar.js.map +1 -1
  499. package/cjs/ui/OpenchannelConversationHeader.js +17 -13
  500. package/cjs/ui/OpenchannelConversationHeader.js.map +1 -1
  501. package/cjs/ui/OpenchannelFileMessage.js +134 -140
  502. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  503. package/cjs/ui/OpenchannelOGMessage.js +177 -176
  504. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  505. package/cjs/ui/OpenchannelThumbnailMessage.js +209 -214
  506. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  507. package/cjs/ui/OpenchannelUserMessage.js +159 -164
  508. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  509. package/cjs/ui/PlaceHolder.js +5 -6
  510. package/cjs/ui/PlaceHolder.js.map +1 -1
  511. package/cjs/ui/PlaybackTime.js +15 -16
  512. package/cjs/ui/PlaybackTime.js.map +1 -1
  513. package/cjs/ui/ProgressBar.js +13 -15
  514. package/cjs/ui/ProgressBar.js.map +1 -1
  515. package/cjs/ui/QuoteMessage.js +42 -38
  516. package/cjs/ui/QuoteMessage.js.map +1 -1
  517. package/cjs/ui/QuoteMessageInput.js +27 -23
  518. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  519. package/cjs/ui/ReactionBadge.js +13 -17
  520. package/cjs/ui/ReactionBadge.js.map +1 -1
  521. package/cjs/ui/ReactionButton.js +15 -18
  522. package/cjs/ui/ReactionButton.js.map +1 -1
  523. package/cjs/ui/SortByRow.js +14 -14
  524. package/cjs/ui/SortByRow.js.map +1 -1
  525. package/cjs/ui/TextButton.js +13 -21
  526. package/cjs/ui/TextButton.js.map +1 -1
  527. package/cjs/ui/TextMessageItemBody.js +31 -31
  528. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  529. package/cjs/ui/ThreadReplies.js +25 -21
  530. package/cjs/ui/ThreadReplies.js.map +1 -1
  531. package/cjs/ui/ThumbnailMessageItemBody.js +32 -37
  532. package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
  533. package/cjs/ui/Toggle.js +202 -0
  534. package/cjs/ui/Toggle.js.map +1 -0
  535. package/cjs/ui/Tooltip.js +8 -9
  536. package/cjs/ui/Tooltip.js.map +1 -1
  537. package/cjs/ui/TooltipWrapper.js +17 -18
  538. package/cjs/ui/TooltipWrapper.js.map +1 -1
  539. package/cjs/ui/UnknownMessageItemBody.js +19 -18
  540. package/cjs/ui/UnknownMessageItemBody.js.map +1 -1
  541. package/cjs/ui/UserListItem.js +72 -73
  542. package/cjs/ui/UserListItem.js.map +1 -1
  543. package/cjs/ui/UserProfile.js +30 -25
  544. package/cjs/ui/UserProfile.js.map +1 -1
  545. package/cjs/ui/VoiceMessageItemBody.js +37 -42
  546. package/cjs/ui/VoiceMessageItemBody.js.map +1 -1
  547. package/cjs/ui/VoiceMessgeInput.js +7 -8
  548. package/cjs/ui/VoiceMessgeInput.js.map +1 -1
  549. package/cjs/ui/Word.js +26 -27
  550. package/cjs/ui/Word.js.map +1 -1
  551. package/cjs/useLongPress-d9deb354.js +83 -0
  552. package/cjs/{useLongPress-0b0040bb.js.map → useLongPress-d9deb354.js.map} +1 -1
  553. package/cjs/useSendbirdStateContext.js +2 -2
  554. package/cjs/useSendbirdStateContext.js.map +1 -1
  555. package/cjs/utils/message/getOutgoingMessageState.js +16 -14
  556. package/cjs/utils/message/getOutgoingMessageState.js.map +1 -1
  557. package/cjs/utils/message/isVoiceMessage.js +3 -3
  558. package/cjs/utils/message/isVoiceMessage.js.map +1 -1
  559. package/cjs/{utils-aeadc058.js → utils-21326993.js} +3 -3
  560. package/cjs/{utils-aeadc058.js.map → utils-21326993.js.map} +1 -1
  561. package/cjs/utils-4b74ea64.js +31 -0
  562. package/cjs/utils-4b74ea64.js.map +1 -0
  563. package/cjs/utils-7f75ad97.js +35 -0
  564. package/cjs/utils-7f75ad97.js.map +1 -0
  565. package/cjs/{utils-d40c9909.js → utils-d5176360.js} +1 -1
  566. package/cjs/{utils-d40c9909.js.map → utils-d5176360.js.map} +1 -1
  567. package/cjs/uuid-0b4ed44c.js +15 -0
  568. package/cjs/{uuid-d0a9c040.js.map → uuid-0b4ed44c.js.map} +1 -1
  569. package/cjs/withSendbird.js +15 -16
  570. package/cjs/withSendbird.js.map +1 -1
  571. package/{color-4ecee870.js → color-3bac434a.js} +5 -5
  572. package/{color-4ecee870.js.map → color-3bac434a.js.map} +1 -1
  573. package/{compareIds-bc4cf9bf.js → compareIds-1e0e668f.js} +1 -1
  574. package/{compareIds-bc4cf9bf.js.map → compareIds-1e0e668f.js.map} +1 -1
  575. package/const-5f722b91.js +13 -0
  576. package/const-5f722b91.js.map +1 -0
  577. package/{const-8a7444d1.js → const-6a07b718.js} +4 -4
  578. package/{const-8a7444d1.js.map → const-6a07b718.js.map} +1 -1
  579. package/consts-790ae3a9.js +4 -0
  580. package/{consts-7a61df9f.js.map → consts-790ae3a9.js.map} +1 -1
  581. package/consts-aadaccca.js +4 -0
  582. package/consts-aadaccca.js.map +1 -0
  583. package/consts-c9746f2b.js +27 -0
  584. package/{consts-96859f90.js.map → consts-c9746f2b.js.map} +1 -1
  585. package/consts-d4c78cc0.js +4 -0
  586. package/consts-d4c78cc0.js.map +1 -0
  587. package/context-fcbabe23.js +13 -0
  588. package/{context-c54bc9b4.js.map → context-fcbabe23.js.map} +1 -1
  589. package/dist/index.css +246 -142
  590. package/dist/index.css.map +1 -1
  591. package/handlers/OpenChannelHandler.js.map +1 -1
  592. package/handlers/SessionHandler.js.map +1 -1
  593. package/{index-adfdd634.js → index-1a3c0d72.js} +2 -4
  594. package/index-1a3c0d72.js.map +1 -0
  595. package/{index-6f66895e.js → index-2a938266.js} +1 -1
  596. package/{index-6f66895e.js.map → index-2a938266.js.map} +1 -1
  597. package/{index-c4ff34e4.js → index-3062a861.js} +3 -12
  598. package/index-3062a861.js.map +1 -0
  599. package/index-38a78d99.js +283 -0
  600. package/{index-47ba6604.js.map → index-38a78d99.js.map} +1 -1
  601. package/{index-538fa479.js → index-4111594a.js} +2 -2
  602. package/{index-538fa479.js.map → index-4111594a.js.map} +1 -1
  603. package/{index-77a24725.js → index-51bd074f.js} +37 -27
  604. package/index-51bd074f.js.map +1 -0
  605. package/{index-e5062739.js → index-59bd3da1.js} +50 -50
  606. package/index-59bd3da1.js.map +1 -0
  607. package/{index-af95f2b0.js → index-77f3d9b0.js} +17 -17
  608. package/{index-af95f2b0.js.map → index-77f3d9b0.js.map} +1 -1
  609. package/{index-3ac8a689.js → index-83600696.js} +37 -39
  610. package/{index-3ac8a689.js.map → index-83600696.js.map} +1 -1
  611. package/index-8df6bff0.js +51 -0
  612. package/index-8df6bff0.js.map +1 -0
  613. package/{index-6574e8fd.js → index-a9ddd0f5.js} +10 -30
  614. package/index-a9ddd0f5.js.map +1 -0
  615. package/index-c7cc73db.js +182 -0
  616. package/index-c7cc73db.js.map +1 -0
  617. package/{index-2ea26b17.js → index-cfd0e4c4.js} +22 -15
  618. package/index-cfd0e4c4.js.map +1 -0
  619. package/index-dbe0e004.js +520 -0
  620. package/index-dbe0e004.js.map +1 -0
  621. package/index-ef0bd198.js +354 -0
  622. package/index-ef0bd198.js.map +1 -0
  623. package/{index-5cfaecc9.js → index-f48cfdf7.js} +56 -193
  624. package/index-f48cfdf7.js.map +1 -0
  625. package/index.d.ts +38 -8
  626. package/index.js +51 -51
  627. package/{index.module-a2145ffe.js → index.module-ab8289c1.js} +1 -1
  628. package/{index.module-a2145ffe.js.map → index.module-ab8289c1.js.map} +1 -1
  629. package/lame.all.js.map +1 -1
  630. package/package.json +21 -3
  631. package/sendbirdSelectors.js +319 -371
  632. package/sendbirdSelectors.js.map +1 -1
  633. package/{stringSet-e0fd81b2.js → stringSet-1f18348a.js} +2 -2
  634. package/stringSet-1f18348a.js.map +1 -0
  635. package/tokenize-63d895d3.js +135 -0
  636. package/tokenize-63d895d3.js.map +1 -0
  637. package/{topics-bc5fee43.js → topics-d8d10f83.js} +2 -2
  638. package/{topics-bc5fee43.js.map → topics-d8d10f83.js.map} +1 -1
  639. package/types-a85de720.js +15 -0
  640. package/{types-84207ac4.js.map → types-a85de720.js.map} +1 -1
  641. package/ui/Accordion.js +19 -18
  642. package/ui/Accordion.js.map +1 -1
  643. package/ui/AccordionGroup.js +10 -11
  644. package/ui/AccordionGroup.js.map +1 -1
  645. package/ui/AdminMessage.js +10 -10
  646. package/ui/AdminMessage.js.map +1 -1
  647. package/ui/Avatar.js +55 -59
  648. package/ui/Avatar.js.map +1 -1
  649. package/ui/Badge.js +16 -15
  650. package/ui/Badge.js.map +1 -1
  651. package/ui/BottomSheet.js +14 -10
  652. package/ui/BottomSheet.js.map +1 -1
  653. package/ui/Button.js +20 -24
  654. package/ui/Button.js.map +1 -1
  655. package/ui/ChannelAvatar.js +38 -41
  656. package/ui/ChannelAvatar.js.map +1 -1
  657. package/ui/Checkbox.js +9 -10
  658. package/ui/Checkbox.js.map +1 -1
  659. package/ui/ConnectionStatus.js +7 -5
  660. package/ui/ConnectionStatus.js.map +1 -1
  661. package/ui/ContextMenu.js +139 -135
  662. package/ui/ContextMenu.js.map +1 -1
  663. package/ui/DateSeparator.js +12 -14
  664. package/ui/DateSeparator.js.map +1 -1
  665. package/ui/EmojiReactions.js +78 -86
  666. package/ui/EmojiReactions.js.map +1 -1
  667. package/ui/FileMessageItemBody.js +22 -22
  668. package/ui/FileMessageItemBody.js.map +1 -1
  669. package/ui/FileViewer.js +36 -35
  670. package/ui/FileViewer.js.map +1 -1
  671. package/ui/Icon.js +2 -2
  672. package/ui/Icon.js.map +1 -1
  673. package/ui/IconButton.js +20 -28
  674. package/ui/IconButton.js.map +1 -1
  675. package/ui/ImageRenderer.js +33 -39
  676. package/ui/ImageRenderer.js.map +1 -1
  677. package/ui/Input.js +16 -14
  678. package/ui/Input.js.map +1 -1
  679. package/ui/Label.js +2 -2
  680. package/ui/LinkLabel.js +2 -2
  681. package/ui/LinkLabel.js.map +1 -1
  682. package/ui/Loader.js +10 -12
  683. package/ui/Loader.js.map +1 -1
  684. package/ui/MentionLabel.js +58 -61
  685. package/ui/MentionLabel.js.map +1 -1
  686. package/ui/MentionUserLabel.js +10 -10
  687. package/ui/MentionUserLabel.js.map +1 -1
  688. package/ui/MessageContent.js +273 -270
  689. package/ui/MessageContent.js.map +1 -1
  690. package/ui/MessageInput.js +87 -79
  691. package/ui/MessageInput.js.map +1 -1
  692. package/ui/MessageItemMenu.js +70 -72
  693. package/ui/MessageItemMenu.js.map +1 -1
  694. package/ui/MessageItemReactionMenu.js +50 -57
  695. package/ui/MessageItemReactionMenu.js.map +1 -1
  696. package/ui/MessageSearchFileItem.js +49 -38
  697. package/ui/MessageSearchFileItem.js.map +1 -1
  698. package/ui/MessageSearchItem.js +40 -32
  699. package/ui/MessageSearchItem.js.map +1 -1
  700. package/ui/MessageStatus.js +10 -10
  701. package/ui/Modal.js +52 -45
  702. package/ui/Modal.js.map +1 -1
  703. package/ui/MutedAvatarOverlay.js +10 -10
  704. package/ui/MutedAvatarOverlay.js.map +1 -1
  705. package/ui/OGMessageItemBody.js +48 -44
  706. package/ui/OGMessageItemBody.js.map +1 -1
  707. package/ui/OpenChannelAdminMessage.js +8 -7
  708. package/ui/OpenChannelAdminMessage.js.map +1 -1
  709. package/ui/OpenChannelAvatar.js +18 -17
  710. package/ui/OpenChannelAvatar.js.map +1 -1
  711. package/ui/OpenchannelConversationHeader.js +17 -13
  712. package/ui/OpenchannelConversationHeader.js.map +1 -1
  713. package/ui/OpenchannelFileMessage.js +134 -140
  714. package/ui/OpenchannelFileMessage.js.map +1 -1
  715. package/ui/OpenchannelOGMessage.js +177 -176
  716. package/ui/OpenchannelOGMessage.js.map +1 -1
  717. package/ui/OpenchannelThumbnailMessage.js +209 -214
  718. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  719. package/ui/OpenchannelUserMessage.js +159 -164
  720. package/ui/OpenchannelUserMessage.js.map +1 -1
  721. package/ui/PlaceHolder.js +5 -6
  722. package/ui/PlaceHolder.js.map +1 -1
  723. package/ui/PlaybackTime.js +15 -16
  724. package/ui/PlaybackTime.js.map +1 -1
  725. package/ui/ProgressBar.js +13 -15
  726. package/ui/ProgressBar.js.map +1 -1
  727. package/ui/QuoteMessage.js +42 -38
  728. package/ui/QuoteMessage.js.map +1 -1
  729. package/ui/QuoteMessageInput.js +27 -23
  730. package/ui/QuoteMessageInput.js.map +1 -1
  731. package/ui/ReactionBadge.js +13 -17
  732. package/ui/ReactionBadge.js.map +1 -1
  733. package/ui/ReactionButton.js +15 -18
  734. package/ui/ReactionButton.js.map +1 -1
  735. package/ui/SortByRow.js +14 -14
  736. package/ui/SortByRow.js.map +1 -1
  737. package/ui/TextButton.js +13 -21
  738. package/ui/TextButton.js.map +1 -1
  739. package/ui/TextMessageItemBody.js +31 -31
  740. package/ui/TextMessageItemBody.js.map +1 -1
  741. package/ui/ThreadReplies.js +25 -21
  742. package/ui/ThreadReplies.js.map +1 -1
  743. package/ui/ThumbnailMessageItemBody.js +32 -37
  744. package/ui/ThumbnailMessageItemBody.js.map +1 -1
  745. package/ui/Toggle.js +191 -0
  746. package/ui/Toggle.js.map +1 -0
  747. package/ui/Tooltip.js +8 -9
  748. package/ui/Tooltip.js.map +1 -1
  749. package/ui/TooltipWrapper.js +17 -18
  750. package/ui/TooltipWrapper.js.map +1 -1
  751. package/ui/UnknownMessageItemBody.js +19 -18
  752. package/ui/UnknownMessageItemBody.js.map +1 -1
  753. package/ui/UserListItem.js +72 -73
  754. package/ui/UserListItem.js.map +1 -1
  755. package/ui/UserProfile.js +30 -25
  756. package/ui/UserProfile.js.map +1 -1
  757. package/ui/VoiceMessageItemBody.js +37 -42
  758. package/ui/VoiceMessageItemBody.js.map +1 -1
  759. package/ui/VoiceMessgeInput.js +7 -8
  760. package/ui/VoiceMessgeInput.js.map +1 -1
  761. package/ui/Word.js +26 -27
  762. package/ui/Word.js.map +1 -1
  763. package/useLongPress-8acf717c.js +81 -0
  764. package/{useLongPress-08d9369b.js.map → useLongPress-8acf717c.js.map} +1 -1
  765. package/useSendbirdStateContext.js +2 -2
  766. package/useSendbirdStateContext.js.map +1 -1
  767. package/utils/message/getOutgoingMessageState.js +9 -8
  768. package/utils/message/getOutgoingMessageState.js.map +1 -1
  769. package/utils/message/isVoiceMessage.js +3 -3
  770. package/utils/message/isVoiceMessage.js.map +1 -1
  771. package/{utils-7dc80efd.js → utils-0c09801e.js} +1 -1
  772. package/{utils-7dc80efd.js.map → utils-0c09801e.js.map} +1 -1
  773. package/utils-447a922e.js +31 -0
  774. package/utils-447a922e.js.map +1 -0
  775. package/{utils-3c97842b.js → utils-83bbfb63.js} +3 -3
  776. package/{utils-3c97842b.js.map → utils-83bbfb63.js.map} +1 -1
  777. package/utils-b57bff14.js +29 -0
  778. package/utils-b57bff14.js.map +1 -0
  779. package/uuid-48baadaf.js +13 -0
  780. package/{uuid-39d923b9.js.map → uuid-48baadaf.js.map} +1 -1
  781. package/withSendbird.js +15 -16
  782. package/withSendbird.js.map +1 -1
  783. package/ChannelListProvider-32bd4597.js.map +0 -1
  784. package/ChannelProvider-4e33aa60.js.map +0 -1
  785. package/CreateChannelProvider-96aa4ed0.js +0 -48
  786. package/CreateChannelProvider-96aa4ed0.js.map +0 -1
  787. package/LocalizationContext-62966630.js +0 -20
  788. package/MediaQueryContext-17146a37.js +0 -80
  789. package/MediaQueryContext-17146a37.js.map +0 -1
  790. package/MemberList-ef0a35ad.js +0 -412
  791. package/MemberList-ef0a35ad.js.map +0 -1
  792. package/OpenChannelListProvider-8be6450e.js.map +0 -1
  793. package/OpenChannelProvider-98df8b74.js +0 -1844
  794. package/OpenChannelProvider-98df8b74.js.map +0 -1
  795. package/RemoveMessageModal-0efd9201.js +0 -30
  796. package/RemoveMessageModal-0efd9201.js.map +0 -1
  797. package/ThreadProvider-1798360b.js +0 -1623
  798. package/ThreadProvider-1798360b.js.map +0 -1
  799. package/VoiceMessageInputWrapper-4479a1bd.js.map +0 -1
  800. package/_rollupPluginBabelHelpers-48b56150.js.map +0 -1
  801. package/cjs/ChannelListProvider-c90e6d9b.js.map +0 -1
  802. package/cjs/ChannelProvider-6da44044.js.map +0 -1
  803. package/cjs/CreateChannelProvider-ff9bb9da.js +0 -55
  804. package/cjs/CreateChannelProvider-ff9bb9da.js.map +0 -1
  805. package/cjs/MediaQueryContext-9f3958fe.js +0 -87
  806. package/cjs/MediaQueryContext-9f3958fe.js.map +0 -1
  807. package/cjs/MemberList-1ad4eda5.js +0 -418
  808. package/cjs/MemberList-1ad4eda5.js.map +0 -1
  809. package/cjs/OpenChannelListProvider-f7387ce4.js +0 -416
  810. package/cjs/OpenChannelListProvider-f7387ce4.js.map +0 -1
  811. package/cjs/OpenChannelProvider-0bbac562.js +0 -1853
  812. package/cjs/RemoveMessageModal-63e870f4.js.map +0 -1
  813. package/cjs/ThreadProvider-ca9e5e4f.js +0 -1632
  814. package/cjs/ThreadProvider-ca9e5e4f.js.map +0 -1
  815. package/cjs/VoiceMessageInputWrapper-770a185c.js.map +0 -1
  816. package/cjs/_rollupPluginBabelHelpers-8164e35a.js.map +0 -1
  817. package/cjs/color-f43f059a.js.map +0 -1
  818. package/cjs/const-e7388711.js +0 -19
  819. package/cjs/const-e7388711.js.map +0 -1
  820. package/cjs/consts-d9ecf2d7.js +0 -6
  821. package/cjs/consts-e0f44b83.js +0 -6
  822. package/cjs/consts-f8bd3346.js +0 -6
  823. package/cjs/consts-f8bd3346.js.map +0 -1
  824. package/cjs/index-0f5a2c3b.js +0 -346
  825. package/cjs/index-0f5a2c3b.js.map +0 -1
  826. package/cjs/index-1837f392.js.map +0 -1
  827. package/cjs/index-450c5c4a.js.map +0 -1
  828. package/cjs/index-6253d289.js.map +0 -1
  829. package/cjs/index-911b358f.js +0 -271
  830. package/cjs/index-946fe9b8.js +0 -649
  831. package/cjs/index-946fe9b8.js.map +0 -1
  832. package/cjs/index-bddcf750.js.map +0 -1
  833. package/cjs/index-cc5b51fb.js.map +0 -1
  834. package/cjs/index-d217a491.js +0 -192
  835. package/cjs/index-d217a491.js.map +0 -1
  836. package/cjs/index-ecac7544.js.map +0 -1
  837. package/cjs/index-f2afea13.js +0 -59
  838. package/cjs/index-f2afea13.js.map +0 -1
  839. package/cjs/index-fc3f351f.js.map +0 -1
  840. package/cjs/stringSet-9717efda.js.map +0 -1
  841. package/cjs/tokenize-b42df26a.js +0 -141
  842. package/cjs/tokenize-b42df26a.js.map +0 -1
  843. package/cjs/tslib.es6-b412d11d.js +0 -97
  844. package/cjs/tslib.es6-b412d11d.js.map +0 -1
  845. package/cjs/types-997d2578.js +0 -11
  846. package/cjs/useLongPress-0b0040bb.js +0 -100
  847. package/cjs/utils-301360ec.js +0 -27
  848. package/cjs/utils-301360ec.js.map +0 -1
  849. package/cjs/utils-43d14023.js +0 -35
  850. package/cjs/utils-43d14023.js.map +0 -1
  851. package/cjs/uuid-d0a9c040.js +0 -17
  852. package/const-34b3294d.js +0 -13
  853. package/const-34b3294d.js.map +0 -1
  854. package/consts-165100af.js +0 -4
  855. package/consts-165100af.js.map +0 -1
  856. package/consts-7a61df9f.js +0 -4
  857. package/consts-81c7d9ed.js +0 -4
  858. package/consts-81c7d9ed.js.map +0 -1
  859. package/consts-96859f90.js +0 -23
  860. package/context-c54bc9b4.js +0 -12
  861. package/index-1db30515.js +0 -607
  862. package/index-1db30515.js.map +0 -1
  863. package/index-2ea26b17.js.map +0 -1
  864. package/index-47ba6604.js +0 -262
  865. package/index-5cfaecc9.js.map +0 -1
  866. package/index-6574e8fd.js.map +0 -1
  867. package/index-77a24725.js.map +0 -1
  868. package/index-adfdd634.js.map +0 -1
  869. package/index-c4ff34e4.js.map +0 -1
  870. package/index-df6b2fc4.js +0 -177
  871. package/index-df6b2fc4.js.map +0 -1
  872. package/index-e2834120.js +0 -339
  873. package/index-e2834120.js.map +0 -1
  874. package/index-e5062739.js.map +0 -1
  875. package/index-f5d419ec.js +0 -53
  876. package/index-f5d419ec.js.map +0 -1
  877. package/stringSet-e0fd81b2.js.map +0 -1
  878. package/tokenize-22d48b61.js +0 -136
  879. package/tokenize-22d48b61.js.map +0 -1
  880. package/tslib.es6-85bcd95d.js +0 -92
  881. package/tslib.es6-85bcd95d.js.map +0 -1
  882. package/types-84207ac4.js +0 -9
  883. package/useLongPress-08d9369b.js +0 -98
  884. package/utils-13ac01f0.js +0 -25
  885. package/utils-13ac01f0.js.map +0 -1
  886. package/utils-4aea6ebc.js +0 -31
  887. package/utils-4aea6ebc.js.map +0 -1
  888. package/uuid-39d923b9.js +0 -15
package/cjs/dist/index.css CHANGED
@@ -65,128 +65,101 @@
65
65
  }
66
66
  .sendbird-word .sendbird-word__url,
67
67
  .sendbird-word .sendbird-word__normal {
68
- margin-right: 4px;
68
+ margin: 0 4px;
69
69
  display: inline-block;
70
70
  color: inherit;
71
71
  }
72
- .sendbird-open-channel-preview {
72
+ .sendbird-open-channel-list,
73
+ .sendbird-open-channel-list-ui {
73
74
  position: relative;
74
75
  display: inline-flex;
75
- flex-direction: row;
76
- width: 264px;
77
- height: 58px;
78
- min-width: 264px;
79
- min-height: 58px;
76
+ flex-direction: column;
77
+ width: 256px;
78
+ min-width: 256px;
79
+ height: 100%;
80
80
  box-sizing: border-box;
81
81
  }
82
- .sendbird--mobile-mode .sendbird-open-channel-preview {
82
+ .sendbird--mobile-mode .sendbird-open-channel-list,
83
+ .sendbird--mobile-mode .sendbird-open-channel-list-ui {
83
84
  width: 100%;
84
85
  }
85
- .sendbird-theme--light .sendbird-open-channel-preview {
86
- background-color: var(--sendbird-light-background-50);
87
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
88
- }
89
- .sendbird-theme--dark .sendbird-open-channel-preview {
90
- background-color: var(--sendbird-dark-background-600);
91
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
86
+ .sendbird-theme--light .sendbird-open-channel-list,
87
+ .sendbird-theme--light .sendbird-open-channel-list-ui {
88
+ border-right: solid 1px var(--sendbird-light-onlight-04);
92
89
  }
93
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
94
- background-color: var(--sendbird-light-background-100);
90
+ .sendbird-theme--dark .sendbird-open-channel-list,
91
+ .sendbird-theme--dark .sendbird-open-channel-list-ui {
92
+ border-right: solid 1px var(--sendbird-dark-ondark-04);
95
93
  }
96
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
97
- background-color: var(--sendbird-dark-background-500);
94
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
95
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
96
+ position: relative;
97
+ display: inline-flex;
98
+ flex-direction: row;
99
+ align-items: center;
100
+ width: 100%;
101
+ height: 64px;
102
+ box-sizing: border-box;
98
103
  }
99
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
100
- background-color: var(--sendbird-light-primary-100);
101
- border-left: solid 4px var(--sendbird-light-primary-300);
104
+ .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
105
+ .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
106
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
102
107
  }
103
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
104
- background-color: var(--sendbird-dark-primary-300);
105
- border-left: solid 4px var(--sendbird-dark-primary-200);
108
+ .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
109
+ .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
110
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
106
111
  }
107
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
112
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
113
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
108
114
  position: relative;
109
- margin-top: 8px;
110
- margin-left: 16px;
115
+ margin-left: 24px;
111
116
  display: inline-flex;
112
117
  align-items: center;
113
- justify-content: center;
114
- width: 42px;
115
- height: 42px;
116
118
  box-sizing: border-box;
117
119
  }
118
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
119
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
120
- position: relative;
120
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
121
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
122
+ position: absolute;
123
+ top: 16px;
124
+ right: 56px;
121
125
  display: inline-flex;
122
126
  align-items: center;
123
127
  justify-content: center;
124
128
  box-sizing: border-box;
125
129
  }
126
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
127
- position: relative;
128
- margin-top: 8px;
129
- margin-left: 16px;
130
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
131
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
132
+ position: absolute;
133
+ top: 16px;
134
+ right: 16px;
130
135
  display: inline-flex;
131
- flex-direction: column;
132
- max-width: 178px;
136
+ align-items: center;
137
+ justify-content: center;
133
138
  box-sizing: border-box;
134
139
  }
135
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
140
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
141
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
136
142
  position: relative;
137
143
  display: inline-flex;
138
- flex-direction: row;
139
- align-items: center;
144
+ flex-direction: column;
140
145
  width: 100%;
141
- height: 16px;
142
- box-sizing: border-box;
143
- }
144
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
145
- position: relative;
146
- display: inline-block;
147
- max-width: 100%;
148
- height: 100%;
146
+ height: calc(100% - 64px);
149
147
  box-sizing: border-box;
150
- overflow-x: hidden;
151
- text-overflow: ellipsis;
152
- word-break: keep-all;
153
- }
154
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
155
- max-width: calc(100% - 20px);
156
- }
157
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
158
- position: relative;
159
- margin-left: 4px;
160
- display: inline-flex;
148
+ overflow-y: scroll;
161
149
  }
162
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
150
+
151
+ .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
163
152
  position: relative;
164
- margin-top: 8px;
153
+ min-height: 62px;
165
154
  display: inline-flex;
166
- flex-direction: row;
167
155
  align-items: center;
168
- width: 100%;
169
- height: 14px;
170
- box-sizing: border-box;
156
+ justify-content: center;
171
157
  }
172
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
173
- position: relative;
174
- display: inline-flex;
175
- width: 14px;
176
- height: 14px;
177
- box-sizing: border-box;
158
+ .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
159
+ background-color: var(--sendbird-light-background-100);
178
160
  }
179
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
180
- position: relative;
181
- margin-left: 4px;
182
- display: inline-flex;
183
- width: 160px;
184
- max-width: 160px;
185
- height: 12px;
186
- box-sizing: border-box;
187
- overflow-x: hidden;
188
- text-overflow: ellipsis;
189
- word-break: keep-all;
161
+ .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
162
+ background-color: var(--sendbird-dark-background-500);
190
163
  }
191
164
  .sendbird-create-open-channel-ui {
192
165
  position: relative;
@@ -243,97 +216,124 @@
243
216
  display: inline-flex;
244
217
  flex-direction: row;
245
218
  }
246
- .sendbird-open-channel-list,
247
- .sendbird-open-channel-list-ui {
219
+ .sendbird-open-channel-preview {
248
220
  position: relative;
249
221
  display: inline-flex;
250
- flex-direction: column;
251
- width: 256px;
252
- min-width: 256px;
253
- height: 100%;
222
+ flex-direction: row;
223
+ width: 264px;
224
+ height: 58px;
225
+ min-width: 264px;
226
+ min-height: 58px;
254
227
  box-sizing: border-box;
255
228
  }
256
- .sendbird--mobile-mode .sendbird-open-channel-list,
257
- .sendbird--mobile-mode .sendbird-open-channel-list-ui {
229
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
258
230
  width: 100%;
259
231
  }
260
- .sendbird-theme--light .sendbird-open-channel-list,
261
- .sendbird-theme--light .sendbird-open-channel-list-ui {
262
- border-right: solid 1px var(--sendbird-light-onlight-04);
232
+ .sendbird-theme--light .sendbird-open-channel-preview {
233
+ background-color: var(--sendbird-light-background-50);
234
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
263
235
  }
264
- .sendbird-theme--dark .sendbird-open-channel-list,
265
- .sendbird-theme--dark .sendbird-open-channel-list-ui {
266
- border-right: solid 1px var(--sendbird-dark-ondark-04);
236
+ .sendbird-theme--dark .sendbird-open-channel-preview {
237
+ background-color: var(--sendbird-dark-background-600);
238
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
267
239
  }
268
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
269
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
270
- position: relative;
271
- display: inline-flex;
272
- flex-direction: row;
273
- align-items: center;
274
- width: 100%;
275
- height: 64px;
276
- box-sizing: border-box;
240
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
241
+ background-color: var(--sendbird-light-background-100);
277
242
  }
278
- .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
279
- .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
280
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
243
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
244
+ background-color: var(--sendbird-dark-background-500);
281
245
  }
282
- .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
283
- .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
284
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
246
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
247
+ background-color: var(--sendbird-light-primary-100);
248
+ border-left: solid 4px var(--sendbird-light-primary-300);
285
249
  }
286
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
287
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
250
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
251
+ background-color: var(--sendbird-dark-primary-300);
252
+ border-left: solid 4px var(--sendbird-dark-primary-200);
253
+ }
254
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
288
255
  position: relative;
289
- margin-left: 24px;
256
+ margin-top: 8px;
257
+ margin-left: 16px;
290
258
  display: inline-flex;
291
259
  align-items: center;
260
+ justify-content: center;
261
+ width: 42px;
262
+ height: 42px;
292
263
  box-sizing: border-box;
293
264
  }
294
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
295
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
296
- position: absolute;
297
- top: 16px;
298
- right: 56px;
265
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
266
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
267
+ position: relative;
299
268
  display: inline-flex;
300
269
  align-items: center;
301
270
  justify-content: center;
302
271
  box-sizing: border-box;
303
272
  }
304
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
305
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
306
- position: absolute;
307
- top: 16px;
308
- right: 16px;
273
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
274
+ position: relative;
275
+ margin-top: 8px;
276
+ margin-left: 16px;
309
277
  display: inline-flex;
310
- align-items: center;
311
- justify-content: center;
278
+ flex-direction: column;
279
+ max-width: 178px;
312
280
  box-sizing: border-box;
313
281
  }
314
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
315
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
282
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
316
283
  position: relative;
317
284
  display: inline-flex;
318
- flex-direction: column;
285
+ flex-direction: row;
286
+ align-items: center;
319
287
  width: 100%;
320
- height: calc(100% - 64px);
288
+ height: 16px;
321
289
  box-sizing: border-box;
322
- overflow-y: scroll;
323
290
  }
324
-
325
- .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
291
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
326
292
  position: relative;
327
- min-height: 62px;
293
+ display: inline-block;
294
+ max-width: 100%;
295
+ height: 100%;
296
+ box-sizing: border-box;
297
+ overflow-x: hidden;
298
+ text-overflow: ellipsis;
299
+ word-break: keep-all;
300
+ }
301
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
302
+ max-width: calc(100% - 20px);
303
+ }
304
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
305
+ position: relative;
306
+ margin-left: 4px;
307
+ display: inline-flex;
308
+ }
309
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
310
+ position: relative;
311
+ margin-top: 8px;
328
312
  display: inline-flex;
313
+ flex-direction: row;
329
314
  align-items: center;
330
- justify-content: center;
315
+ width: 100%;
316
+ height: 14px;
317
+ box-sizing: border-box;
331
318
  }
332
- .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
333
- background-color: var(--sendbird-light-background-100);
319
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
320
+ position: relative;
321
+ display: inline-flex;
322
+ width: 14px;
323
+ height: 14px;
324
+ box-sizing: border-box;
334
325
  }
335
- .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
336
- background-color: var(--sendbird-dark-background-500);
326
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
327
+ position: relative;
328
+ margin-left: 4px;
329
+ display: inline-flex;
330
+ width: 160px;
331
+ max-width: 160px;
332
+ height: 12px;
333
+ box-sizing: border-box;
334
+ overflow-x: hidden;
335
+ text-overflow: ellipsis;
336
+ word-break: keep-all;
337
337
  }
338
338
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
339
339
  :root {
@@ -5052,6 +5052,106 @@ div.sendbird-og-message-item-body__text-bubble {
5052
5052
  .sendbird-theme--dark .sendbird-accordion__panel-icon__leave path {
5053
5053
  fill: var(--sendbird-dark-error-300);
5054
5054
  }
5055
+ .sendbird-input-toggle-button {
5056
+ position: relative;
5057
+ display: inline-flex;
5058
+ align-items: center;
5059
+ box-sizing: border-box;
5060
+ cursor: pointer;
5061
+ }
5062
+
5063
+ .sendbird-theme--light .sendbird-input-toggle-button--checked {
5064
+ background-color: var(--sendbird-light-primary-300);
5065
+ border: 1px solid var(--sendbird-light-primary-300);
5066
+ }
5067
+ .sendbird-theme--dark .sendbird-input-toggle-button--checked {
5068
+ background-color: var(--sendbird-dark-primary-200);
5069
+ border: 1px solid var(--sendbird-dark-primary-200);
5070
+ }
5071
+
5072
+ .sendbird-theme--light .sendbird-input-toggle-button--unchecked {
5073
+ background-color: var(--sendbird-light-background-300);
5074
+ border: 1px solid var(--sendbird-light-background-300);
5075
+ }
5076
+ .sendbird-theme--dark .sendbird-input-toggle-button--unchecked {
5077
+ background-color: var(--sendbird-dark-background-400);
5078
+ border: 1px solid var(--sendbird-dark-background-400);
5079
+ }
5080
+
5081
+ .sendbird-input-toggle-button--disabled {
5082
+ cursor: not-allowed;
5083
+ }
5084
+ .sendbird-theme--light .sendbird-input-toggle-button--disabled {
5085
+ background-color: var(--sendbird-light-background-200);
5086
+ border: 1px solid var(--sendbird-light-background-200);
5087
+ }
5088
+ .sendbird-theme--dark .sendbird-input-toggle-button--disabled {
5089
+ background-color: var(--sendbird-dark-background-400);
5090
+ border: 1px solid var(--sendbird-dark-background-400);
5091
+ }
5092
+
5093
+ .sendbird-input-toggle-button input {
5094
+ position: absolute;
5095
+ display: none;
5096
+ }
5097
+
5098
+ .sendbird-input-toggle-button__inner-dot {
5099
+ position: absolute;
5100
+ border-radius: 50%;
5101
+ animation-iteration-count: 1;
5102
+ }
5103
+ .sendbird-theme--light .sendbird-input-toggle-button__inner-dot {
5104
+ background-color: var(--sendbird-light-background-50);
5105
+ }
5106
+ .sendbird-theme--dark .sendbird-input-toggle-button__inner-dot {
5107
+ background-color: var(--sendbird-dark-background-600);
5108
+ }
5109
+
5110
+ /* Manage animation and position by status */
5111
+ @keyframes sendbirdMoveToRight {
5112
+ 0% {
5113
+ right: 60%;
5114
+ }
5115
+ 100% {
5116
+ right: 10%;
5117
+ }
5118
+ }
5119
+ @keyframes sendbirdMoveToLeft {
5120
+ 0% {
5121
+ right: 10%;
5122
+ }
5123
+ 100% {
5124
+ right: 60%;
5125
+ }
5126
+ }
5127
+ .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
5128
+ animation-name: sendbirdMoveToRight;
5129
+ }
5130
+
5131
+ .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
5132
+ animation-name: sendbirdMoveToLeft;
5133
+ }
5134
+
5135
+ .sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
5136
+ right: 60%;
5137
+ }
5138
+
5139
+ .sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
5140
+ right: 10%;
5141
+ }
5142
+
5143
+ .sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
5144
+ animation-name: sendbirdMoveToLeft;
5145
+ }
5146
+ .sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
5147
+ animation-name: sendbirdMoveToRight;
5148
+ }
5149
+ .sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
5150
+ right: 10%;
5151
+ }
5152
+ .sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
5153
+ right: 60%;
5154
+ }
5055
5155
  .sendbird-user-list-item--small {
5056
5156
  display: block;
5057
5157
  position: relative;
@@ -7335,6 +7435,10 @@ div.sendbird-og-message-item-body__text-bubble {
7335
7435
  margin-left: 8px;
7336
7436
  }
7337
7437
 
7438
+ .sendbird-participants-accordion__member-avatar__avatar {
7439
+ position: absolute;
7440
+ }
7441
+
7338
7442
  .sendbird-more-users__popup-scroll {
7339
7443
  max-height: 420px;
7340
7444
  overflow: scroll;