@sendbird/uikit-react 3.0.0-beta.6 → 3.0.0-rc.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 (594) hide show
  1. package/App.js +46 -44
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +107 -0
  4. package/Channel/components/ChannelHeader.js +24 -20
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +28 -26
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +17 -15
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +5 -5
  11. package/Channel/components/Message.js +30 -26
  12. package/Channel/components/Message.js.map +1 -1
  13. package/Channel/components/MessageInput.js +20 -18
  14. package/Channel/components/MessageInput.js.map +1 -1
  15. package/Channel/components/MessageList.js +30 -28
  16. package/Channel/components/MessageList.js.map +1 -1
  17. package/Channel/components/RemoveMessageModal.js +20 -18
  18. package/Channel/components/RemoveMessageModal.js.map +1 -1
  19. package/Channel/components/SuggestedMentionList.js +42 -37
  20. package/Channel/components/SuggestedMentionList.js.map +1 -1
  21. package/Channel/components/TypingIndicator.js +36 -32
  22. package/Channel/components/TypingIndicator.js.map +1 -1
  23. package/Channel/components/UnreadCount.js +6 -6
  24. package/Channel/components/UnreadCount.js.map +1 -1
  25. package/Channel/context.js +15 -13
  26. package/Channel/context.js.map +1 -1
  27. package/Channel.js +28 -26
  28. package/Channel.js.map +1 -1
  29. package/ChannelList/components/AddChannel.js +16 -16
  30. package/ChannelList/components/ChannelListHeader.js +7 -7
  31. package/ChannelList/components/ChannelListUI.js +43 -44
  32. package/ChannelList/components/ChannelListUI.js.map +1 -1
  33. package/ChannelList/components/ChannelPreview.js +35 -31
  34. package/ChannelList/components/ChannelPreview.js.map +1 -1
  35. package/ChannelList/components/ChannelPreviewAction.js +17 -15
  36. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  37. package/ChannelList/context.js +10 -8
  38. package/ChannelList/context.js.map +1 -1
  39. package/ChannelList.js +30 -28
  40. package/ChannelList.js.map +1 -1
  41. package/{ChannelListProvider-737ee36f.js → ChannelListProvider-76b1ec23.js} +219 -198
  42. package/ChannelListProvider-76b1ec23.js.map +1 -0
  43. package/{ChannelProvider-34834493.js → ChannelProvider-c0ed5fae.js} +380 -419
  44. package/ChannelProvider-c0ed5fae.js.map +1 -0
  45. package/ChannelSettings/components/ChannelProfile.js +16 -16
  46. package/ChannelSettings/components/ChannelProfile.js.map +1 -1
  47. package/ChannelSettings/components/ChannelSettingsUI.js +23 -23
  48. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  49. package/ChannelSettings/components/EditDetailsModal.js +22 -18
  50. package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  51. package/ChannelSettings/components/LeaveChannel.js +13 -13
  52. package/ChannelSettings/components/LeaveChannel.js.map +1 -1
  53. package/ChannelSettings/components/{AdminPanel.js → ModerationPanel.js} +87 -141
  54. package/ChannelSettings/components/ModerationPanel.js.map +1 -0
  55. package/ChannelSettings/components/UserListItem.js +18 -17
  56. package/ChannelSettings/components/UserListItem.js.map +1 -1
  57. package/ChannelSettings/components/UserPanel.js +19 -19
  58. package/ChannelSettings/components/UserPanel.js.map +1 -1
  59. package/ChannelSettings/context.js +10 -10
  60. package/ChannelSettings/context.js.map +1 -1
  61. package/ChannelSettings.js +20 -20
  62. package/CreateChannel/components/CreateChannelUI.js +17 -17
  63. package/CreateChannel/components/CreateChannelUI.js.map +1 -1
  64. package/CreateChannel/components/{InviteMembers.js → InviteUsers.js} +23 -27
  65. package/CreateChannel/components/InviteUsers.js.map +1 -0
  66. package/CreateChannel/components/SelectChannelType.js +12 -12
  67. package/CreateChannel/components/SelectChannelType.js.map +1 -1
  68. package/CreateChannel/context.js +5 -4
  69. package/CreateChannel/context.js.map +1 -1
  70. package/CreateChannel.js +16 -16
  71. package/{CreateChannelProvider-3d3e4a7c.js → CreateChannelProvider-8c72aa06.js} +3 -3
  72. package/CreateChannelProvider-8c72aa06.js.map +1 -0
  73. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  74. package/EditUserProfile/context.js +2 -2
  75. package/EditUserProfile/context.js.map +1 -1
  76. package/EditUserProfile.js +13 -13
  77. package/{LocalizationContext-5b0a9339.js → LocalizationContext-fb3dafcd.js} +3 -3
  78. package/{LocalizationContext-5b0a9339.js.map → LocalizationContext-fb3dafcd.js.map} +1 -1
  79. package/{MemberList-6e33a562.js → MemberList-01d3c8bf.js} +47 -68
  80. package/MemberList-01d3c8bf.js.map +1 -0
  81. package/MessageSearch/components/MessageSearchUI.js +15 -15
  82. package/MessageSearch/components/MessageSearchUI.js.map +1 -1
  83. package/MessageSearch/context.js +55 -60
  84. package/MessageSearch/context.js.map +1 -1
  85. package/MessageSearch.js +21 -21
  86. package/MessageSearch.js.map +1 -1
  87. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  88. package/OpenChannel/components/OpenChannelHeader.js +16 -14
  89. package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  90. package/OpenChannel/components/OpenChannelInput.js +19 -17
  91. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  92. package/OpenChannel/components/OpenChannelMessage.js +43 -38
  93. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  94. package/OpenChannel/components/OpenChannelMessageList.js +37 -36
  95. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  96. package/OpenChannel/components/OpenChannelUI.js +27 -25
  97. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  98. package/OpenChannel/context.js +11 -9
  99. package/OpenChannel/context.js.map +1 -1
  100. package/OpenChannel.js +27 -25
  101. package/OpenChannel.js.map +1 -1
  102. package/{OpenChannelProvider-9ef0d52a.js → OpenChannelProvider-0fb27972.js} +629 -694
  103. package/OpenChannelProvider-0fb27972.js.map +1 -0
  104. package/OpenChannelSettings/components/EditDetailsModal.js +29 -35
  105. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  106. package/OpenChannelSettings/components/OpenChannelProfile.js +15 -15
  107. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  108. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +38 -22
  109. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  110. package/OpenChannelSettings/components/OperatorUI.js +45 -30
  111. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  112. package/OpenChannelSettings/components/ParticipantUI.js +29 -56
  113. package/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  114. package/OpenChannelSettings/context.js +15 -15
  115. package/OpenChannelSettings/context.js.map +1 -1
  116. package/OpenChannelSettings.js +18 -18
  117. package/README.md +128 -0
  118. package/SendbirdProvider.js +42 -37
  119. package/SendbirdProvider.js.map +1 -1
  120. package/{UserProfileContext-b6d89d0d.js → UserProfileContext-6a387a08.js} +1 -1
  121. package/{UserProfileContext-b6d89d0d.js.map → UserProfileContext-6a387a08.js.map} +1 -1
  122. package/__bundle-7dfccc8c-03df3ada.js +24 -0
  123. package/__bundle-7dfccc8c-03df3ada.js.map +1 -0
  124. package/{_rollupPluginBabelHelpers-d10f91b9.js → _rollupPluginBabelHelpers-084fb589.js} +1 -1
  125. package/{_rollupPluginBabelHelpers-d10f91b9.js.map → _rollupPluginBabelHelpers-084fb589.js.map} +1 -1
  126. package/{actionTypes-17920f59.js → actionTypes-302a2801.js} +1 -1
  127. package/{actionTypes-17920f59.js.map → actionTypes-302a2801.js.map} +1 -1
  128. package/cjs/App.js +46 -44
  129. package/cjs/App.js.map +1 -1
  130. package/cjs/Channel/components/ChannelHeader.js +24 -20
  131. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  132. package/cjs/Channel/components/ChannelUI.js +28 -26
  133. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  134. package/cjs/Channel/components/FileViewer.js +17 -15
  135. package/cjs/Channel/components/FileViewer.js.map +1 -1
  136. package/cjs/Channel/components/FrozenNotification.js +5 -5
  137. package/cjs/Channel/components/Message.js +30 -26
  138. package/cjs/Channel/components/Message.js.map +1 -1
  139. package/cjs/Channel/components/MessageInput.js +20 -18
  140. package/cjs/Channel/components/MessageInput.js.map +1 -1
  141. package/cjs/Channel/components/MessageList.js +30 -28
  142. package/cjs/Channel/components/MessageList.js.map +1 -1
  143. package/cjs/Channel/components/RemoveMessageModal.js +20 -18
  144. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  145. package/cjs/Channel/components/SuggestedMentionList.js +42 -37
  146. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  147. package/cjs/Channel/components/TypingIndicator.js +36 -32
  148. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  149. package/cjs/Channel/components/UnreadCount.js +6 -6
  150. package/cjs/Channel/components/UnreadCount.js.map +1 -1
  151. package/cjs/Channel/context.js +16 -14
  152. package/cjs/Channel/context.js.map +1 -1
  153. package/cjs/Channel.js +28 -26
  154. package/cjs/Channel.js.map +1 -1
  155. package/cjs/ChannelList/components/AddChannel.js +16 -16
  156. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  157. package/cjs/ChannelList/components/ChannelListUI.js +43 -44
  158. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  159. package/cjs/ChannelList/components/ChannelPreview.js +35 -31
  160. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  161. package/cjs/ChannelList/components/ChannelPreviewAction.js +17 -15
  162. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  163. package/cjs/ChannelList/context.js +10 -9
  164. package/cjs/ChannelList/context.js.map +1 -1
  165. package/cjs/ChannelList.js +30 -28
  166. package/cjs/ChannelList.js.map +1 -1
  167. package/cjs/{ChannelListProvider-f910e236.js → ChannelListProvider-7d1c0466.js} +218 -198
  168. package/cjs/ChannelListProvider-7d1c0466.js.map +1 -0
  169. package/cjs/{ChannelProvider-86e2e68c.js → ChannelProvider-a3ec5a56.js} +380 -419
  170. package/cjs/ChannelProvider-a3ec5a56.js.map +1 -0
  171. package/cjs/ChannelSettings/components/ChannelProfile.js +15 -15
  172. package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
  173. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +22 -22
  174. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  175. package/cjs/ChannelSettings/components/EditDetailsModal.js +21 -17
  176. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  177. package/cjs/ChannelSettings/components/LeaveChannel.js +12 -12
  178. package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
  179. package/cjs/ChannelSettings/components/{AdminPanel.js → ModerationPanel.js} +86 -140
  180. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -0
  181. package/cjs/ChannelSettings/components/UserListItem.js +18 -17
  182. package/cjs/ChannelSettings/components/UserListItem.js.map +1 -1
  183. package/cjs/ChannelSettings/components/UserPanel.js +18 -18
  184. package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
  185. package/cjs/ChannelSettings/context.js +10 -10
  186. package/cjs/ChannelSettings/context.js.map +1 -1
  187. package/cjs/ChannelSettings.js +20 -20
  188. package/cjs/CreateChannel/components/CreateChannelUI.js +17 -17
  189. package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
  190. package/cjs/CreateChannel/components/{InviteMembers.js → InviteUsers.js} +23 -27
  191. package/cjs/CreateChannel/components/InviteUsers.js.map +1 -0
  192. package/cjs/CreateChannel/components/SelectChannelType.js +12 -12
  193. package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
  194. package/cjs/CreateChannel/context.js +5 -4
  195. package/cjs/CreateChannel/context.js.map +1 -1
  196. package/cjs/CreateChannel.js +16 -16
  197. package/cjs/{CreateChannelProvider-07992a6d.js → CreateChannelProvider-95fbfb06.js} +3 -3
  198. package/cjs/CreateChannelProvider-95fbfb06.js.map +1 -0
  199. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  200. package/cjs/EditUserProfile/context.js +2 -2
  201. package/cjs/EditUserProfile/context.js.map +1 -1
  202. package/cjs/EditUserProfile.js +13 -13
  203. package/cjs/{LocalizationContext-79514649.js → LocalizationContext-5a6a0f67.js} +3 -3
  204. package/cjs/{LocalizationContext-79514649.js.map → LocalizationContext-5a6a0f67.js.map} +1 -1
  205. package/cjs/{MemberList-015c1075.js → MemberList-bfecdd64.js} +46 -67
  206. package/cjs/MemberList-bfecdd64.js.map +1 -0
  207. package/cjs/MessageSearch/components/MessageSearchUI.js +14 -14
  208. package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
  209. package/cjs/MessageSearch/context.js +55 -60
  210. package/cjs/MessageSearch/context.js.map +1 -1
  211. package/cjs/MessageSearch.js +21 -21
  212. package/cjs/MessageSearch.js.map +1 -1
  213. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  214. package/cjs/OpenChannel/components/OpenChannelHeader.js +16 -14
  215. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  216. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -17
  217. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  218. package/cjs/OpenChannel/components/OpenChannelMessage.js +43 -38
  219. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  220. package/cjs/OpenChannel/components/OpenChannelMessageList.js +37 -36
  221. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  222. package/cjs/OpenChannel/components/OpenChannelUI.js +27 -25
  223. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  224. package/cjs/OpenChannel/context.js +12 -10
  225. package/cjs/OpenChannel/context.js.map +1 -1
  226. package/cjs/OpenChannel.js +27 -25
  227. package/cjs/OpenChannel.js.map +1 -1
  228. package/cjs/{OpenChannelProvider-445f214c.js → OpenChannelProvider-e8247193.js} +629 -694
  229. package/cjs/OpenChannelProvider-e8247193.js.map +1 -0
  230. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +28 -34
  231. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  232. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +14 -14
  233. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  234. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +37 -21
  235. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  236. package/cjs/OpenChannelSettings/components/OperatorUI.js +42 -27
  237. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  238. package/cjs/OpenChannelSettings/components/ParticipantUI.js +28 -55
  239. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  240. package/cjs/OpenChannelSettings/context.js +15 -15
  241. package/cjs/OpenChannelSettings/context.js.map +1 -1
  242. package/cjs/OpenChannelSettings.js +18 -18
  243. package/cjs/SendbirdProvider.js +42 -38
  244. package/cjs/SendbirdProvider.js.map +1 -1
  245. package/cjs/{UserProfileContext-12cfee31.js → UserProfileContext-17c8f75c.js} +1 -1
  246. package/cjs/{UserProfileContext-12cfee31.js.map → UserProfileContext-17c8f75c.js.map} +1 -1
  247. package/cjs/__bundle-7dfccc8c-c3c55861.js +151 -0
  248. package/cjs/__bundle-7dfccc8c-c3c55861.js.map +1 -0
  249. package/cjs/{_rollupPluginBabelHelpers-f802e0e8.js → _rollupPluginBabelHelpers-d984e855.js} +1 -1
  250. package/cjs/{_rollupPluginBabelHelpers-f802e0e8.js.map → _rollupPluginBabelHelpers-d984e855.js.map} +1 -1
  251. package/cjs/{actionTypes-93161807.js → actionTypes-7a330bec.js} +1 -1
  252. package/cjs/{actionTypes-93161807.js.map → actionTypes-7a330bec.js.map} +1 -1
  253. package/cjs/{color-c53ac792.js → color-b30f84a2.js} +1 -1
  254. package/cjs/{color-c53ac792.js.map → color-b30f84a2.js.map} +1 -1
  255. package/cjs/{compareIds-37e8380c.js → compareIds-d8053014.js} +1 -1
  256. package/cjs/{compareIds-37e8380c.js.map → compareIds-d8053014.js.map} +1 -1
  257. package/cjs/{const-3024c719.js → const-2623fae1.js} +1 -1
  258. package/cjs/{const-3024c719.js.map → const-2623fae1.js.map} +1 -1
  259. package/cjs/{const-489c46b6.js → const-6aa26f9f.js} +1 -1
  260. package/cjs/{const-489c46b6.js.map → const-6aa26f9f.js.map} +1 -1
  261. package/cjs/{context-961d5b11.js → context-83ecdafd.js} +2 -2
  262. package/cjs/{context-961d5b11.js.map → context-83ecdafd.js.map} +1 -1
  263. package/cjs/dist/index.css +218 -96
  264. package/cjs/dist/index.css.map +1 -1
  265. package/cjs/groupChannel-e311e26a.js +9 -0
  266. package/cjs/groupChannel-e311e26a.js.map +1 -0
  267. package/cjs/{index-d25a7cbf.js → index-1e14c5b9.js} +4 -4
  268. package/cjs/{index-d25a7cbf.js.map → index-1e14c5b9.js.map} +1 -1
  269. package/cjs/{index-5615eab4.js → index-2537cbc7.js} +4 -4
  270. package/cjs/{index-5615eab4.js.map → index-2537cbc7.js.map} +1 -1
  271. package/cjs/{index-bc563d47.js → index-40d245a3.js} +32 -29
  272. package/cjs/index-40d245a3.js.map +1 -0
  273. package/cjs/{index-5eaebc66.js → index-5e7b82c2.js} +12 -9
  274. package/cjs/index-5e7b82c2.js.map +1 -0
  275. package/cjs/{index-0b2e2c2a.js → index-72479c2a.js} +1 -1
  276. package/cjs/{index-0b2e2c2a.js.map → index-72479c2a.js.map} +1 -1
  277. package/cjs/{index-07623c8b.js → index-ab5d906d.js} +2 -2
  278. package/cjs/{index-07623c8b.js.map → index-ab5d906d.js.map} +1 -1
  279. package/cjs/{index-cb53adf5.js → index-cdcd27bc.js} +2 -2
  280. package/cjs/{index-cb53adf5.js.map → index-cdcd27bc.js.map} +1 -1
  281. package/cjs/{index-d70ac86e.js → index-ce679d41.js} +1 -1
  282. package/cjs/{index-d70ac86e.js.map → index-ce679d41.js.map} +1 -1
  283. package/cjs/{index-a20b40c4.js → index-df05e765.js} +5 -5
  284. package/cjs/index-df05e765.js.map +1 -0
  285. package/cjs/{index-2180f74f.js → index-f9677913.js} +5 -5
  286. package/cjs/index-f9677913.js.map +1 -0
  287. package/cjs/index.js +40 -38
  288. package/cjs/index.js.map +1 -1
  289. package/cjs/openChannel-e9f65946.js +13 -0
  290. package/cjs/openChannel-e9f65946.js.map +1 -0
  291. package/cjs/{openChannelUtils-7fb1abc6.js → openChannelUtils-4b7d2697.js} +10 -5
  292. package/cjs/openChannelUtils-4b7d2697.js.map +1 -0
  293. package/cjs/sendbirdSelectors.js +696 -0
  294. package/cjs/sendbirdSelectors.js.map +1 -0
  295. package/cjs/{stringSet-ae448472.js → stringSet-2f3588b5.js} +1 -1
  296. package/cjs/{stringSet-ae448472.js.map → stringSet-2f3588b5.js.map} +1 -1
  297. package/cjs/{topics-bdbff23e.js → topics-582e38dc.js} +1 -1
  298. package/cjs/{topics-bdbff23e.js.map → topics-582e38dc.js.map} +1 -1
  299. package/cjs/{tslib.es6-a7af7bb8.js → tslib.es6-d9c7aa8b.js} +1 -1
  300. package/cjs/{tslib.es6-a7af7bb8.js.map → tslib.es6-d9c7aa8b.js.map} +1 -1
  301. package/cjs/ui/Accordion.js +4 -4
  302. package/cjs/ui/AccordionGroup.js +2 -2
  303. package/cjs/ui/AccordionGroup.js.map +1 -1
  304. package/cjs/ui/AdminMessage.js +4 -3
  305. package/cjs/ui/AdminMessage.js.map +1 -1
  306. package/cjs/ui/Avatar.js +3 -3
  307. package/cjs/ui/Badge.js +5 -5
  308. package/cjs/ui/Button.js +4 -4
  309. package/cjs/ui/ChannelAvatar.js +8 -8
  310. package/cjs/ui/ChannelAvatar.js.map +1 -1
  311. package/cjs/ui/ChannelPreview.js +28 -21
  312. package/cjs/ui/ChannelPreview.js.map +1 -1
  313. package/cjs/ui/ChatHeader.js +19 -12
  314. package/cjs/ui/ChatHeader.js.map +1 -1
  315. package/cjs/ui/Checkbox.js +1 -1
  316. package/cjs/ui/ConnectionStatus.js +5 -5
  317. package/cjs/ui/ContextMenu.js +9 -30
  318. package/cjs/ui/ContextMenu.js.map +1 -1
  319. package/cjs/ui/DateSeparator.js +5 -5
  320. package/cjs/ui/DateSeparator.js.map +1 -1
  321. package/cjs/ui/Dropdown.js +3 -3
  322. package/cjs/ui/EmojiReactions.js +10 -10
  323. package/cjs/ui/EmojiReactions.js.map +1 -1
  324. package/cjs/ui/FileMessageItemBody.js +6 -6
  325. package/cjs/ui/FileMessageItemBody.js.map +1 -1
  326. package/cjs/ui/FileViewer.js +7 -7
  327. package/cjs/ui/Icon.js +5 -1
  328. package/cjs/ui/Icon.js.map +1 -1
  329. package/cjs/ui/IconButton.js +1 -1
  330. package/cjs/ui/ImageRenderer.js +1 -1
  331. package/cjs/ui/Input.js +3 -3
  332. package/cjs/ui/Label.js +3 -3
  333. package/cjs/ui/LinkLabel.js +3 -3
  334. package/cjs/ui/Loader.js +1 -1
  335. package/cjs/ui/MentionLabel.js +19 -17
  336. package/cjs/ui/MentionLabel.js.map +1 -1
  337. package/cjs/ui/MentionUserLabel.js +1 -1
  338. package/cjs/ui/MentionUserLabel.js.map +1 -1
  339. package/cjs/ui/MessageContent.js +52 -47
  340. package/cjs/ui/MessageContent.js.map +1 -1
  341. package/cjs/ui/MessageInput.js +10 -10
  342. package/cjs/ui/MessageItemMenu.js +14 -18
  343. package/cjs/ui/MessageItemMenu.js.map +1 -1
  344. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  345. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  346. package/cjs/ui/MessageSearchFileItem.js +12 -11
  347. package/cjs/ui/MessageSearchFileItem.js.map +1 -1
  348. package/cjs/ui/MessageSearchItem.js +10 -10
  349. package/cjs/ui/MessageSearchItem.js.map +1 -1
  350. package/cjs/ui/MessageStatus.js +11 -11
  351. package/cjs/ui/MessageStatus.js.map +1 -1
  352. package/cjs/ui/Modal.js +8 -8
  353. package/cjs/ui/MutedAvatarOverlay.js +7 -7
  354. package/cjs/ui/MutedAvatarOverlay.js.map +1 -1
  355. package/cjs/ui/OGMessageItemBody.js +17 -16
  356. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  357. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  358. package/cjs/ui/OpenChannelAdminMessage.js.map +1 -1
  359. package/cjs/ui/OpenChannelAvatar.js +11 -11
  360. package/cjs/ui/OpenChannelAvatar.js.map +1 -1
  361. package/cjs/ui/OpenchannelConversationHeader.js +7 -7
  362. package/cjs/ui/OpenchannelFileMessage.js +16 -15
  363. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  364. package/cjs/ui/OpenchannelOGMessage.js +16 -15
  365. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  366. package/cjs/ui/OpenchannelThumbnailMessage.js +17 -16
  367. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  368. package/cjs/ui/OpenchannelUserMessage.js +17 -16
  369. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  370. package/cjs/ui/PlaceHolder.js +6 -6
  371. package/cjs/ui/QuoteMessage.js +24 -24
  372. package/cjs/ui/QuoteMessage.js.map +1 -1
  373. package/cjs/ui/QuoteMessageInput.js +11 -13
  374. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  375. package/cjs/ui/ReactionBadge.js +3 -3
  376. package/cjs/ui/ReactionButton.js +1 -1
  377. package/cjs/ui/SortByRow.js +1 -1
  378. package/cjs/ui/TextButton.js +2 -2
  379. package/cjs/ui/TextMessageItemBody.js +16 -15
  380. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  381. package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
  382. package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
  383. package/cjs/ui/Tooltip.js +3 -3
  384. package/cjs/ui/TooltipWrapper.js +1 -1
  385. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  386. package/cjs/ui/UnknownMessageItemBody.js.map +1 -1
  387. package/cjs/ui/UserListItem.js +13 -12
  388. package/cjs/ui/UserListItem.js.map +1 -1
  389. package/cjs/ui/UserProfile.js +17 -16
  390. package/cjs/ui/UserProfile.js.map +1 -1
  391. package/cjs/{index-4e8b61f7.js → ui/Word.js} +31 -10
  392. package/cjs/ui/Word.js.map +1 -0
  393. package/cjs/useSendbirdStateContext.js +1 -1
  394. package/cjs/useSendbirdStateContext.js.map +1 -1
  395. package/cjs/{utils-0d5ecf05.js → utils-031aba48.js} +1 -1
  396. package/cjs/{utils-0d5ecf05.js.map → utils-031aba48.js.map} +1 -1
  397. package/cjs/{utils-03155980.js → utils-510b93ac.js} +8 -8
  398. package/cjs/utils-510b93ac.js.map +1 -0
  399. package/cjs/{utils-139469a5.js → utils-689065e6.js} +1 -1
  400. package/cjs/{utils-139469a5.js.map → utils-689065e6.js.map} +1 -1
  401. package/cjs/{uuid-03009a31.js → uuid-099485ae.js} +1 -1
  402. package/cjs/{uuid-03009a31.js.map → uuid-099485ae.js.map} +1 -1
  403. package/cjs/withSendBird.js +1 -1
  404. package/{color-6b259e40.js → color-9bf8c922.js} +1 -1
  405. package/{color-6b259e40.js.map → color-9bf8c922.js.map} +1 -1
  406. package/{compareIds-982972e8.js → compareIds-b78d7cd6.js} +1 -1
  407. package/{compareIds-982972e8.js.map → compareIds-b78d7cd6.js.map} +1 -1
  408. package/{const-da3968a5.js → const-40b58d8b.js} +1 -1
  409. package/{const-da3968a5.js.map → const-40b58d8b.js.map} +1 -1
  410. package/{const-e3d1e0ec.js → const-99800b8d.js} +1 -1
  411. package/{const-e3d1e0ec.js.map → const-99800b8d.js.map} +1 -1
  412. package/{context-3d5505d0.js → context-bedea43b.js} +2 -2
  413. package/{context-3d5505d0.js.map → context-bedea43b.js.map} +1 -1
  414. package/dist/index.css +218 -96
  415. package/dist/index.css.map +1 -1
  416. package/groupChannel-96502de7.js +6 -0
  417. package/groupChannel-96502de7.js.map +1 -0
  418. package/{index-94489c17.js → index-13729368.js} +1 -1
  419. package/{index-94489c17.js.map → index-13729368.js.map} +1 -1
  420. package/{index-95677caf.js → index-16bed610.js} +2 -2
  421. package/{index-95677caf.js.map → index-16bed610.js.map} +1 -1
  422. package/{index-db6a4860.js → index-1d112ad4.js} +1 -1
  423. package/{index-db6a4860.js.map → index-1d112ad4.js.map} +1 -1
  424. package/{index-065ef420.js → index-71ad343b.js} +12 -9
  425. package/index-71ad343b.js.map +1 -0
  426. package/{index-17cf7808.js → index-71e2bf26.js} +5 -5
  427. package/index-71e2bf26.js.map +1 -0
  428. package/{index-902c2068.js → index-8e6a607b.js} +33 -30
  429. package/index-8e6a607b.js.map +1 -0
  430. package/{index-a755675d.js → index-a5e8849a.js} +4 -4
  431. package/{index-a755675d.js.map → index-a5e8849a.js.map} +1 -1
  432. package/{index-9deb1389.js → index-b574cc8e.js} +5 -5
  433. package/index-b574cc8e.js.map +1 -0
  434. package/{index-691dc8da.js → index-c95d2aab.js} +4 -4
  435. package/{index-691dc8da.js.map → index-c95d2aab.js.map} +1 -1
  436. package/{index-92160328.js → index-ccd99cfe.js} +2 -2
  437. package/{index-92160328.js.map → index-ccd99cfe.js.map} +1 -1
  438. package/index.d.ts +1021 -897
  439. package/index.d.ts_bkup +1883 -0
  440. package/index.js +39 -37
  441. package/index.js.map +1 -1
  442. package/openChannel-dd5c9246.js +8 -0
  443. package/openChannel-dd5c9246.js.map +1 -0
  444. package/{openChannelUtils-2cd370a7.js → openChannelUtils-211a679a.js} +10 -5
  445. package/openChannelUtils-211a679a.js.map +1 -0
  446. package/package.json +5 -5
  447. package/sendbirdSelectors.js +671 -0
  448. package/sendbirdSelectors.js.map +1 -0
  449. package/{stringSet-5a85ff4b.js → stringSet-d3a8a2a0.js} +1 -1
  450. package/{stringSet-5a85ff4b.js.map → stringSet-d3a8a2a0.js.map} +1 -1
  451. package/{topics-24a660ee.js → topics-f941ba80.js} +2 -2
  452. package/{topics-24a660ee.js.map → topics-f941ba80.js.map} +1 -1
  453. package/{tslib.es6-2c4d01e9.js → tslib.es6-a7db0cc5.js} +1 -1
  454. package/{tslib.es6-2c4d01e9.js.map → tslib.es6-a7db0cc5.js.map} +1 -1
  455. package/ui/Accordion.js +4 -4
  456. package/ui/AccordionGroup.js +2 -2
  457. package/ui/AccordionGroup.js.map +1 -1
  458. package/ui/AdminMessage.js +4 -3
  459. package/ui/AdminMessage.js.map +1 -1
  460. package/ui/Avatar.js +3 -3
  461. package/ui/Badge.js +5 -5
  462. package/ui/Button.js +4 -4
  463. package/ui/ChannelAvatar.js +8 -8
  464. package/ui/ChannelAvatar.js.map +1 -1
  465. package/ui/ChannelPreview.js +28 -21
  466. package/ui/ChannelPreview.js.map +1 -1
  467. package/ui/ChatHeader.js +19 -12
  468. package/ui/ChatHeader.js.map +1 -1
  469. package/ui/Checkbox.js +1 -1
  470. package/ui/ConnectionStatus.js +5 -5
  471. package/ui/ContextMenu.js +9 -30
  472. package/ui/ContextMenu.js.map +1 -1
  473. package/ui/DateSeparator.js +5 -5
  474. package/ui/DateSeparator.js.map +1 -1
  475. package/ui/Dropdown.js +3 -3
  476. package/ui/EmojiReactions.js +10 -10
  477. package/ui/EmojiReactions.js.map +1 -1
  478. package/ui/FileMessageItemBody.js +6 -6
  479. package/ui/FileMessageItemBody.js.map +1 -1
  480. package/ui/FileViewer.js +7 -7
  481. package/ui/Icon.js +5 -1
  482. package/ui/Icon.js.map +1 -1
  483. package/ui/IconButton.js +1 -1
  484. package/ui/ImageRenderer.js +1 -1
  485. package/ui/Input.js +3 -3
  486. package/ui/Label.js +3 -3
  487. package/ui/LinkLabel.js +3 -3
  488. package/ui/Loader.js +1 -1
  489. package/ui/MentionLabel.js +19 -17
  490. package/ui/MentionLabel.js.map +1 -1
  491. package/ui/MentionUserLabel.js +1 -1
  492. package/ui/MentionUserLabel.js.map +1 -1
  493. package/ui/MessageContent.js +54 -49
  494. package/ui/MessageContent.js.map +1 -1
  495. package/ui/MessageInput.js +10 -10
  496. package/ui/MessageItemMenu.js +14 -18
  497. package/ui/MessageItemMenu.js.map +1 -1
  498. package/ui/MessageItemReactionMenu.js +5 -5
  499. package/ui/MessageItemReactionMenu.js.map +1 -1
  500. package/ui/MessageSearchFileItem.js +12 -11
  501. package/ui/MessageSearchFileItem.js.map +1 -1
  502. package/ui/MessageSearchItem.js +10 -10
  503. package/ui/MessageSearchItem.js.map +1 -1
  504. package/ui/MessageStatus.js +11 -11
  505. package/ui/MessageStatus.js.map +1 -1
  506. package/ui/Modal.js +8 -8
  507. package/ui/MutedAvatarOverlay.js +7 -7
  508. package/ui/MutedAvatarOverlay.js.map +1 -1
  509. package/ui/OGMessageItemBody.js +15 -14
  510. package/ui/OGMessageItemBody.js.map +1 -1
  511. package/ui/OpenChannelAdminMessage.js +4 -4
  512. package/ui/OpenChannelAdminMessage.js.map +1 -1
  513. package/ui/OpenChannelAvatar.js +11 -11
  514. package/ui/OpenChannelAvatar.js.map +1 -1
  515. package/ui/OpenchannelConversationHeader.js +7 -7
  516. package/ui/OpenchannelFileMessage.js +16 -15
  517. package/ui/OpenchannelFileMessage.js.map +1 -1
  518. package/ui/OpenchannelOGMessage.js +16 -15
  519. package/ui/OpenchannelOGMessage.js.map +1 -1
  520. package/ui/OpenchannelThumbnailMessage.js +17 -16
  521. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  522. package/ui/OpenchannelUserMessage.js +17 -16
  523. package/ui/OpenchannelUserMessage.js.map +1 -1
  524. package/ui/PlaceHolder.js +6 -6
  525. package/ui/QuoteMessage.js +24 -24
  526. package/ui/QuoteMessage.js.map +1 -1
  527. package/ui/QuoteMessageInput.js +11 -13
  528. package/ui/QuoteMessageInput.js.map +1 -1
  529. package/ui/ReactionBadge.js +3 -3
  530. package/ui/ReactionButton.js +1 -1
  531. package/ui/SortByRow.js +1 -1
  532. package/ui/TextButton.js +2 -2
  533. package/ui/TextMessageItemBody.js +15 -14
  534. package/ui/TextMessageItemBody.js.map +1 -1
  535. package/ui/ThumbnailMessageItemBody.js +3 -3
  536. package/ui/ThumbnailMessageItemBody.js.map +1 -1
  537. package/ui/Tooltip.js +3 -3
  538. package/ui/TooltipWrapper.js +1 -1
  539. package/ui/UnknownMessageItemBody.js +7 -7
  540. package/ui/UnknownMessageItemBody.js.map +1 -1
  541. package/ui/UserListItem.js +13 -12
  542. package/ui/UserListItem.js.map +1 -1
  543. package/ui/UserProfile.js +16 -15
  544. package/ui/UserProfile.js.map +1 -1
  545. package/ui/Word.js +70 -0
  546. package/ui/Word.js.map +1 -0
  547. package/useSendbirdStateContext.js +1 -1
  548. package/useSendbirdStateContext.js.map +1 -1
  549. package/{utils-57c79308.js → utils-2e3623c0.js} +1 -1
  550. package/{utils-57c79308.js.map → utils-2e3623c0.js.map} +1 -1
  551. package/{utils-85d3d94c.js → utils-cadde06a.js} +1 -1
  552. package/{utils-85d3d94c.js.map → utils-cadde06a.js.map} +1 -1
  553. package/{utils-b3b6f503.js → utils-d9325ddf.js} +8 -8
  554. package/utils-d9325ddf.js.map +1 -0
  555. package/{uuid-0ab81e67.js → uuid-748dae7a.js} +1 -1
  556. package/{uuid-0ab81e67.js.map → uuid-748dae7a.js.map} +1 -1
  557. package/withSendBird.js +1 -1
  558. package/ChannelListProvider-737ee36f.js.map +0 -1
  559. package/ChannelProvider-34834493.js.map +0 -1
  560. package/ChannelSettings/components/AdminPanel.js.map +0 -1
  561. package/CreateChannel/components/InviteMembers.js.map +0 -1
  562. package/CreateChannelProvider-3d3e4a7c.js.map +0 -1
  563. package/MemberList-6e33a562.js.map +0 -1
  564. package/OpenChannelProvider-9ef0d52a.js.map +0 -1
  565. package/cjs/ChannelListProvider-f910e236.js.map +0 -1
  566. package/cjs/ChannelProvider-86e2e68c.js.map +0 -1
  567. package/cjs/ChannelSettings/components/AdminPanel.js.map +0 -1
  568. package/cjs/CreateChannel/components/InviteMembers.js.map +0 -1
  569. package/cjs/CreateChannelProvider-07992a6d.js.map +0 -1
  570. package/cjs/MemberList-015c1075.js.map +0 -1
  571. package/cjs/OpenChannelProvider-445f214c.js.map +0 -1
  572. package/cjs/index-2180f74f.js.map +0 -1
  573. package/cjs/index-4e8b61f7.js.map +0 -1
  574. package/cjs/index-5eaebc66.js.map +0 -1
  575. package/cjs/index-a20b40c4.js.map +0 -1
  576. package/cjs/index-bc563d47.js.map +0 -1
  577. package/cjs/openChannelUtils-7fb1abc6.js.map +0 -1
  578. package/cjs/sendBirdSelectors.js +0 -741
  579. package/cjs/sendBirdSelectors.js.map +0 -1
  580. package/cjs/ui/OpenChannelMessageContent.js +0 -14
  581. package/cjs/ui/OpenChannelMessageContent.js.map +0 -1
  582. package/cjs/utils-03155980.js.map +0 -1
  583. package/index-065ef420.js.map +0 -1
  584. package/index-17cf7808.js.map +0 -1
  585. package/index-81a93b05.js +0 -49
  586. package/index-81a93b05.js.map +0 -1
  587. package/index-902c2068.js.map +0 -1
  588. package/index-9deb1389.js.map +0 -1
  589. package/openChannelUtils-2cd370a7.js.map +0 -1
  590. package/sendBirdSelectors.js +0 -713
  591. package/sendBirdSelectors.js.map +0 -1
  592. package/ui/OpenChannelMessageContent.js +0 -8
  593. package/ui/OpenChannelMessageContent.js.map +0 -1
  594. package/utils-b3b6f503.js.map +0 -1
package/dist/index.css CHANGED
@@ -1,55 +1,3 @@
1
- .sendbird-text {
2
- color: var(--primary-1); }
3
-
4
- .sendbird-openchannel-conversation-header {
5
- position: relative;
6
- min-height: 64px;
7
- box-sizing: border-box; }
8
- .sendbird-theme--light .sendbird-openchannel-conversation-header {
9
- border-bottom: 1px solid var(--sendbird-light-onlight-04); }
10
- .sendbird-theme--dark .sendbird-openchannel-conversation-header {
11
- border-bottom: 1px solid var(--sendbird-dark-ondark-04); }
12
- .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
13
- white-space: nowrap;
14
- overflow-x: hidden;
15
- text-overflow: ellipsis;
16
- max-width: calc(100% - 120px); }
17
- .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
18
- position: absolute;
19
- left: 20px;
20
- top: 16px; }
21
- .sendbird-openchannel-conversation-header__left__title {
22
- position: absolute;
23
- left: 60px;
24
- top: 12px; }
25
- .sendbird-openchannel-conversation-header__left__sub-title {
26
- position: absolute;
27
- left: 60px;
28
- top: 36px; }
29
- .sendbird-openchannel-conversation-header__right {
30
- position: absolute;
31
- top: 0px;
32
- right: 0px;
33
- width: 64px;
34
- height: 64px; }
35
- .sendbird-openchannel-conversation-header__right__trigger {
36
- position: absolute;
37
- top: 16px;
38
- right: 16px;
39
- display: flex;
40
- align-items: center;
41
- justify-content: center; }
42
-
43
- .sendbird-openchannel-conversation-header__left__cover-image--icon {
44
- display: flex;
45
- justify-content: center;
46
- align-items: center;
47
- border-radius: 50%; }
48
- .sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
49
- background-color: var(--sendbird-light-background-300); }
50
- .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
51
- background-color: var(--sendbird-dark-background-300); }
52
-
53
1
  .sendbird__offline .sendbird-channel-preview {
54
2
  cursor: not-allowed; }
55
3
 
@@ -149,6 +97,55 @@
149
97
  .sendbird-theme--dark .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name {
150
98
  color: var(--sendbird-dark-primary-200); }
151
99
 
100
+ .sendbird-openchannel-conversation-header {
101
+ position: relative;
102
+ min-height: 64px;
103
+ box-sizing: border-box; }
104
+ .sendbird-theme--light .sendbird-openchannel-conversation-header {
105
+ border-bottom: 1px solid var(--sendbird-light-onlight-04); }
106
+ .sendbird-theme--dark .sendbird-openchannel-conversation-header {
107
+ border-bottom: 1px solid var(--sendbird-dark-ondark-04); }
108
+ .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
109
+ white-space: nowrap;
110
+ overflow-x: hidden;
111
+ text-overflow: ellipsis;
112
+ max-width: calc(100% - 120px); }
113
+ .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
114
+ position: absolute;
115
+ left: 20px;
116
+ top: 16px; }
117
+ .sendbird-openchannel-conversation-header__left__title {
118
+ position: absolute;
119
+ left: 60px;
120
+ top: 12px; }
121
+ .sendbird-openchannel-conversation-header__left__sub-title {
122
+ position: absolute;
123
+ left: 60px;
124
+ top: 36px; }
125
+ .sendbird-openchannel-conversation-header__right {
126
+ position: absolute;
127
+ top: 0px;
128
+ right: 0px;
129
+ width: 64px;
130
+ height: 64px; }
131
+ .sendbird-openchannel-conversation-header__right__trigger {
132
+ position: absolute;
133
+ top: 16px;
134
+ right: 16px;
135
+ display: flex;
136
+ align-items: center;
137
+ justify-content: center; }
138
+
139
+ .sendbird-openchannel-conversation-header__left__cover-image--icon {
140
+ display: flex;
141
+ justify-content: center;
142
+ align-items: center;
143
+ border-radius: 50%; }
144
+ .sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
145
+ background-color: var(--sendbird-light-background-300); }
146
+ .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
147
+ background-color: var(--sendbird-dark-background-300); }
148
+
152
149
  .sendbird-chat-header {
153
150
  position: relative;
154
151
  display: flex;
@@ -1211,12 +1208,6 @@
1211
1208
  width: 100%;
1212
1209
  height: 100%; }
1213
1210
 
1214
- .sendbird-reactions--pressed {
1215
- display: block !important; }
1216
-
1217
- .sendbird-icon--pressed {
1218
- display: block !important; }
1219
-
1220
1211
  .sendbird-sort-by-row {
1221
1212
  display: flex;
1222
1213
  justify-content: flex-start;
@@ -2341,12 +2332,11 @@
2341
2332
  .sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body {
2342
2333
  width: 100%;
2343
2334
  box-sizing: border-box; }
2344
- .sendbird-message-content__middle__body-container .sendbird-message-content-reactions {
2345
- width: 100%; }
2346
2335
 
2347
2336
  .sendbird-message-content-reactions {
2348
2337
  position: relative;
2349
2338
  width: 100%;
2339
+ max-width: 400px;
2350
2340
  border-radius: 0px 0px 16px 16px; }
2351
2341
  .sendbird-theme--light .sendbird-message-content-reactions {
2352
2342
  background-color: var(--sendbird-light-background-100); }
@@ -2551,7 +2541,7 @@
2551
2541
  display: inline;
2552
2542
  margin: 0px 2px; }
2553
2543
 
2554
- p.sendbird-text-message-item-body {
2544
+ div.sendbird-text-message-item-body {
2555
2545
  margin: 0px; }
2556
2546
 
2557
2547
  .sendbird-word {
@@ -2835,7 +2825,7 @@ p.sendbird-text-message-item-body {
2835
2825
  height: 100%;
2836
2826
  border-radius: 16px 16px 0px 0px; }
2837
2827
 
2838
- p.sendbird-og-message-item-body__text-bubble {
2828
+ div.sendbird-og-message-item-body__text-bubble {
2839
2829
  margin: 0px; }
2840
2830
 
2841
2831
  .sendbird-unknown-message-item-body {
@@ -3905,43 +3895,47 @@ p.sendbird-og-message-item-body__text-bubble {
3905
3895
  position: sticky;
3906
3896
  width: 100%;
3907
3897
  bottom: 0px;
3908
- height: 100%; }
3898
+ height: 100%;
3899
+ overflow: hidden; }
3909
3900
  .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__padding {
3910
3901
  height: 8px; }
3911
- .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
3912
- position: -webkit-sticky;
3913
- position: sticky;
3914
- display: flex;
3915
- align-items: center;
3916
- justify-content: center;
3917
- bottom: 8px;
3918
- left: calc(50% - 20px);
3919
- width: 40px;
3920
- height: 40px;
3921
- border-radius: 24px;
3922
- z-index: 1; }
3923
- .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
3924
- background-color: var(--sendbird-light-primary-300);
3925
- box-shadow: var(--sendbird-light-shadow-05); }
3926
- .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
3927
- background-color: var(--sendbird-dark-primary-200);
3928
- box-shadow: var(--sendbird-dark-shadow-05); }
3929
- .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
3930
- cursor: pointer; }
3931
- .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
3932
- background-color: var(--sendbird-light-primary-400); }
3933
- .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
3934
- background-color: var(--sendbird-dark-primary-300); }
3935
- .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
3936
- background-color: var(--sendbird-light-primary-500); }
3937
- .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
3938
- background-color: var(--sendbird-dark-primary-400); }
3939
- .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container--no-messages {
3902
+ .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container {
3940
3903
  width: 100%;
3941
- height: calc(100% - 8px); }
3942
- .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container--no-messages .sendbird-openchannel-conversation-scroll__container__place-holder {
3904
+ height: 100%;
3905
+ overflow: scroll; }
3906
+ .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages {
3907
+ width: 100%;
3908
+ height: 100%; }
3909
+ .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages .sendbird-openchannel-conversation-scroll__container__place-holder {
3943
3910
  width: 100%;
3944
3911
  height: 100%; }
3912
+ .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
3913
+ position: absolute;
3914
+ display: flex;
3915
+ align-items: center;
3916
+ justify-content: center;
3917
+ bottom: 8px;
3918
+ left: calc(50% - 20px);
3919
+ width: 40px;
3920
+ height: 40px;
3921
+ border-radius: 24px;
3922
+ z-index: 1; }
3923
+ .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
3924
+ background-color: var(--sendbird-light-primary-300);
3925
+ box-shadow: var(--sendbird-light-shadow-05); }
3926
+ .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
3927
+ background-color: var(--sendbird-dark-primary-200);
3928
+ box-shadow: var(--sendbird-dark-shadow-05); }
3929
+ .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
3930
+ cursor: pointer; }
3931
+ .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
3932
+ background-color: var(--sendbird-light-primary-400); }
3933
+ .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
3934
+ background-color: var(--sendbird-dark-primary-300); }
3935
+ .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
3936
+ background-color: var(--sendbird-light-primary-500); }
3937
+ .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
3938
+ background-color: var(--sendbird-dark-primary-400); }
3945
3939
 
3946
3940
  .sendbird-openchannel-user-message {
3947
3941
  position: relative;
@@ -4307,7 +4301,8 @@ p.sendbird-og-message-item-body__text-bubble {
4307
4301
  display: flex;
4308
4302
  flex-direction: column;
4309
4303
  margin-left: 12px;
4310
- margin-bottom: 4px; }
4304
+ margin-bottom: 4px;
4305
+ width: calc(100% - 64px); }
4311
4306
  .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title {
4312
4307
  position: relative;
4313
4308
  display: flex;
@@ -4349,7 +4344,8 @@ p.sendbird-og-message-item-body__text-bubble {
4349
4344
  overflow: hidden;
4350
4345
  height: 20px;
4351
4346
  max-height: 20px;
4352
- text-overflow: ellipsis; }
4347
+ text-overflow: ellipsis;
4348
+ white-space: nowrap; }
4353
4349
  .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu {
4354
4350
  position: absolute;
4355
4351
  display: none;
@@ -4452,6 +4448,131 @@ p.sendbird-og-message-item-body__text-bubble {
4452
4448
  justify-content: center;
4453
4449
  align-items: center; }
4454
4450
 
4451
+ .sendbird-openchannel-settings {
4452
+ height: 100%;
4453
+ width: 320px;
4454
+ display: inline-block;
4455
+ overflow-y: scroll;
4456
+ position: relative; }
4457
+ .sendbird-theme--light .sendbird-openchannel-settings {
4458
+ background-color: var(--sendbird-light-background-50);
4459
+ border-left: 1px solid var(--sendbird-light-onlight-04); }
4460
+ .sendbird-theme--dark .sendbird-openchannel-settings {
4461
+ background-color: var(--sendbird-dark-background-600);
4462
+ border-left: 1px solid var(--sendbird-dark-ondark-04); }
4463
+ .sendbird-openchannel-settings .sendbird-participants-accordion__footer {
4464
+ text-align: left;
4465
+ padding-top: 16px;
4466
+ padding-left: 16px; }
4467
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
4468
+ position: absolute;
4469
+ left: 14px; }
4470
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
4471
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
4472
+ position: absolute;
4473
+ left: 16px; }
4474
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__participant {
4475
+ height: 100%; }
4476
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__participants-list {
4477
+ padding-top: 64px;
4478
+ height: calc(100% - 64px);
4479
+ overflow-y: scroll; }
4480
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
4481
+ display: block;
4482
+ width: 100%;
4483
+ position: absolute;
4484
+ top: 0;
4485
+ left: 0; }
4486
+ .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
4487
+ background-color: var(--sendbird-light-background-50); }
4488
+ .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
4489
+ background-color: var(--sendbird-dark-background-600); }
4490
+ .sendbird-openchannel-settings .sendbird-participants-accordion,
4491
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel {
4492
+ text-align: left; }
4493
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__members .sendbird-badge__text {
4494
+ margin-top: -2px; }
4495
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
4496
+ height: 64px;
4497
+ min-height: 64px;
4498
+ position: relative;
4499
+ padding: 20px 24px;
4500
+ box-sizing: border-box;
4501
+ text-align: left; }
4502
+ .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
4503
+ border-bottom: solid 1px var(--sendbird-light-onlight-04); }
4504
+ .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
4505
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04); }
4506
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon {
4507
+ cursor: pointer;
4508
+ position: absolute;
4509
+ top: 20px;
4510
+ right: 16px; }
4511
+ .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path {
4512
+ fill: var(--sendbird-light-onlight-01); }
4513
+ .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path {
4514
+ fill: var(--sendbird-dark-ondark-01); }
4515
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__placeholder {
4516
+ margin-top: 40%; }
4517
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__url {
4518
+ padding: 16px;
4519
+ box-sizing: border-box;
4520
+ position: relative; }
4521
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__url:hover .sendbird-openchannel-settings__copy-icon {
4522
+ display: inline-block; }
4523
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon {
4524
+ cursor: pointer;
4525
+ position: absolute;
4526
+ display: none;
4527
+ top: 10px;
4528
+ right: 18px; }
4529
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value {
4530
+ margin-top: 8px; }
4531
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
4532
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
4533
+ text-align: left;
4534
+ display: block;
4535
+ word-wrap: break-word; }
4536
+ .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url {
4537
+ background-color: var(--sendbird-light-background-50);
4538
+ border-bottom: 1px solid var(--sendbird-light-onlight-04); }
4539
+ .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url {
4540
+ background-color: var(--sendbird-dark-background-600);
4541
+ border-bottom: 1px solid var(--sendbird-dark-ondark-04); }
4542
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
4543
+ display: block;
4544
+ cursor: pointer;
4545
+ box-sizing: border-box;
4546
+ position: relative;
4547
+ padding: 12px 22px 10px 56px; }
4548
+ .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
4549
+ background-color: var(--sendbird-light-background-50);
4550
+ border-bottom: 1px solid var(--sendbird-light-onlight-04); }
4551
+ .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
4552
+ background-color: var(--sendbird-dark-background-600);
4553
+ border-bottom: 1px solid var(--sendbird-dark-ondark-04); }
4554
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item:focus {
4555
+ outline: none; }
4556
+ .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item.sendbird-channel-settings__panel-item__disabled {
4557
+ cursor: not-allowed; }
4558
+ .sendbird-openchannel-settings .sendbird-participants-accordion__member {
4559
+ position: relative;
4560
+ padding: 12px 0px 12px 56px;
4561
+ height: 40px;
4562
+ box-sizing: border-box;
4563
+ text-align: left; }
4564
+ .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-label {
4565
+ max-width: 240px;
4566
+ display: inline-block;
4567
+ white-space: nowrap;
4568
+ overflow: hidden;
4569
+ text-overflow: ellipsis; }
4570
+ .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
4571
+ position: absolute;
4572
+ left: 16px;
4573
+ top: 10px;
4574
+ cursor: pointer; }
4575
+
4455
4576
  .sendbird-openchannel-profile {
4456
4577
  position: relative;
4457
4578
  text-align: center;
@@ -4468,6 +4589,7 @@ p.sendbird-og-message-item-body__text-bubble {
4468
4589
  margin-bottom: 16px;
4469
4590
  text-align: center; }
4470
4591
  .sendbird-openchannel-profile .sendbird-openchannel-profile__title {
4592
+ display: inline-block;
4471
4593
  max-width: 240px;
4472
4594
  white-space: nowrap;
4473
4595
  overflow-x: hidden;