@sendbird/uikit-react 3.3.5 → 3.5.0-beta.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 (501) hide show
  1. package/App.js +35 -34
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +76 -0
  4. package/Channel/components/ChannelHeader.js +18 -18
  5. package/Channel/components/ChannelUI.js +28 -27
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +14 -14
  8. package/Channel/components/FrozenNotification.js +4 -4
  9. package/Channel/components/Message.js +25 -24
  10. package/Channel/components/Message.js.map +1 -1
  11. package/Channel/components/MessageInput.js +16 -16
  12. package/Channel/components/MessageList.js +26 -25
  13. package/Channel/components/MessageList.js.map +1 -1
  14. package/Channel/components/RemoveMessageModal.js +16 -16
  15. package/Channel/components/SuggestedMentionList.js +16 -16
  16. package/Channel/components/TypingIndicator.js +14 -14
  17. package/Channel/components/UnreadCount.js +4 -4
  18. package/Channel/context.js +13 -13
  19. package/Channel.js +28 -27
  20. package/Channel.js.map +1 -1
  21. package/ChannelList/components/AddChannel.js +15 -15
  22. package/ChannelList/components/ChannelListHeader.js +7 -7
  23. package/ChannelList/components/ChannelListUI.js +29 -28
  24. package/ChannelList/components/ChannelListUI.js.map +1 -1
  25. package/ChannelList/components/ChannelPreview.js +25 -24
  26. package/ChannelList/components/ChannelPreview.js.map +1 -1
  27. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  28. package/ChannelList/context.js +8 -8
  29. package/ChannelList.js +29 -28
  30. package/ChannelList.js.map +1 -1
  31. package/{ChannelListProvider-18fd6872.js → ChannelListProvider-f461d265.js} +8 -8
  32. package/{ChannelListProvider-18fd6872.js.map → ChannelListProvider-f461d265.js.map} +1 -1
  33. package/{ChannelProvider-e50a1789.js → ChannelProvider-554e7116.js} +9 -9
  34. package/{ChannelProvider-e50a1789.js.map → ChannelProvider-554e7116.js.map} +1 -1
  35. package/ChannelSettings/components/ChannelProfile.js +12 -12
  36. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  37. package/ChannelSettings/components/EditDetailsModal.js +12 -12
  38. package/ChannelSettings/components/LeaveChannel.js +12 -12
  39. package/ChannelSettings/components/ModerationPanel.js +15 -15
  40. package/ChannelSettings/components/UserListItem.js +11 -11
  41. package/ChannelSettings/components/UserPanel.js +14 -14
  42. package/ChannelSettings/context.js +3 -3
  43. package/ChannelSettings.js +18 -18
  44. package/CreateChannel/components/CreateChannelUI.js +14 -14
  45. package/CreateChannel/components/InviteUsers.js +14 -14
  46. package/CreateChannel/components/SelectChannelType.js +11 -11
  47. package/CreateChannel/context.js +4 -4
  48. package/CreateChannel.js +14 -14
  49. package/{CreateChannelProvider-6f5eec3d.js → CreateChannelProvider-250cd98e.js} +1 -1
  50. package/{CreateChannelProvider-6f5eec3d.js.map → CreateChannelProvider-250cd98e.js.map} +1 -1
  51. package/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  52. package/CreateOpenChannel/context.js +1 -1
  53. package/CreateOpenChannel.js +10 -10
  54. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  55. package/EditUserProfile.js +13 -13
  56. package/{LocalizationContext-299b1d45.js → LocalizationContext-4df0cc32.js} +3 -3
  57. package/{LocalizationContext-299b1d45.js.map → LocalizationContext-4df0cc32.js.map} +1 -1
  58. package/{MediaQueryContext-84b087e0.js → MediaQueryContext-74183e34.js} +1 -1
  59. package/{MediaQueryContext-84b087e0.js.map → MediaQueryContext-74183e34.js.map} +1 -1
  60. package/{MemberList-5f71656b.js → MemberList-51c7afaa.js} +5 -5
  61. package/{MemberList-5f71656b.js.map → MemberList-51c7afaa.js.map} +1 -1
  62. package/MessageSearch/components/MessageSearchUI.js +12 -11
  63. package/MessageSearch/components/MessageSearchUI.js.map +1 -1
  64. package/MessageSearch/context.js +2 -2
  65. package/MessageSearch.js +12 -11
  66. package/MessageSearch.js.map +1 -1
  67. package/NotificationChannel/components/NotificationChannelUI.js +119 -0
  68. package/NotificationChannel/components/NotificationChannelUI.js.map +1 -0
  69. package/NotificationChannel/components/NotificationList.js +111 -0
  70. package/NotificationChannel/components/NotificationList.js.map +1 -0
  71. package/NotificationChannel/components/NotificationMessageWrap.js +136 -0
  72. package/NotificationChannel/components/NotificationMessageWrap.js.map +1 -0
  73. package/NotificationChannel/context.js +12 -0
  74. package/NotificationChannel/context.js.map +1 -0
  75. package/NotificationChannel.js +58 -0
  76. package/NotificationChannel.js.map +1 -0
  77. package/NotificationChannelProvider-0d8be1ad.js +535 -0
  78. package/NotificationChannelProvider-0d8be1ad.js.map +1 -0
  79. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  80. package/OpenChannel/components/OpenChannelHeader.js +13 -13
  81. package/OpenChannel/components/OpenChannelInput.js +15 -15
  82. package/OpenChannel/components/OpenChannelMessage.js +22 -22
  83. package/OpenChannel/components/OpenChannelMessageList.js +24 -24
  84. package/OpenChannel/components/OpenChannelUI.js +24 -24
  85. package/OpenChannel/context.js +9 -9
  86. package/OpenChannel.js +24 -24
  87. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  88. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  89. package/OpenChannelList/context.js +4 -4
  90. package/OpenChannelList.js +13 -13
  91. package/{OpenChannelListProvider-a70a09f8.js → OpenChannelListProvider-8c753945.js} +3 -3
  92. package/{OpenChannelListProvider-a70a09f8.js.map → OpenChannelListProvider-8c753945.js.map} +1 -1
  93. package/{OpenChannelProvider-a0d666c6.js → OpenChannelProvider-2fa01820.js} +7 -7
  94. package/{OpenChannelProvider-a0d666c6.js.map → OpenChannelProvider-2fa01820.js.map} +1 -1
  95. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  96. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  97. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  98. package/OpenChannelSettings/components/OperatorUI.js +17 -17
  99. package/OpenChannelSettings/components/ParticipantUI.js +15 -15
  100. package/OpenChannelSettings/context.js +3 -3
  101. package/OpenChannelSettings.js +18 -18
  102. package/{RemoveMessageModal-2f571cc3.js → RemoveMessageModal-9762fed1.js} +3 -3
  103. package/{RemoveMessageModal-2f571cc3.js.map → RemoveMessageModal-9762fed1.js.map} +1 -1
  104. package/SendbirdProvider.js +10 -10
  105. package/SendbirdProvider.js.map +1 -1
  106. package/Thread/components/ParentMessageInfo.js +21 -21
  107. package/Thread/components/ParentMessageInfoItem.js +14 -14
  108. package/Thread/components/ThreadHeader.js +6 -6
  109. package/Thread/components/ThreadList.js +25 -24
  110. package/Thread/components/ThreadList.js.map +1 -1
  111. package/Thread/components/ThreadListItem.js +25 -24
  112. package/Thread/components/ThreadListItem.js.map +1 -1
  113. package/Thread/components/ThreadMessageInput.js +16 -16
  114. package/Thread/components/ThreadUI.js +27 -26
  115. package/Thread/components/ThreadUI.js.map +1 -1
  116. package/Thread/context.js +8 -8
  117. package/Thread.js +27 -26
  118. package/Thread.js.map +1 -1
  119. package/{ThreadProvider-b6a76698.js → ThreadProvider-6974fb3e.js} +6 -6
  120. package/{ThreadProvider-b6a76698.js.map → ThreadProvider-6974fb3e.js.map} +1 -1
  121. package/{UserProfileContext-53d89b5e.js → UserProfileContext-c58a7b86.js} +1 -1
  122. package/{UserProfileContext-53d89b5e.js.map → UserProfileContext-c58a7b86.js.map} +1 -1
  123. package/{_rollupPluginBabelHelpers-d746227b.js → _rollupPluginBabelHelpers-498add61.js} +1 -1
  124. package/_rollupPluginBabelHelpers-498add61.js.map +1 -0
  125. package/{actionTypes-77c96dff.js → actionTypes-ad2cbd73.js} +1 -1
  126. package/{actionTypes-77c96dff.js.map → actionTypes-ad2cbd73.js.map} +1 -1
  127. package/cjs/App.js +35 -34
  128. package/cjs/App.js.map +1 -1
  129. package/cjs/Channel/components/ChannelHeader.js +18 -18
  130. package/cjs/Channel/components/ChannelUI.js +28 -27
  131. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  132. package/cjs/Channel/components/FileViewer.js +14 -14
  133. package/cjs/Channel/components/FrozenNotification.js +4 -4
  134. package/cjs/Channel/components/Message.js +25 -24
  135. package/cjs/Channel/components/Message.js.map +1 -1
  136. package/cjs/Channel/components/MessageInput.js +16 -16
  137. package/cjs/Channel/components/MessageList.js +26 -25
  138. package/cjs/Channel/components/MessageList.js.map +1 -1
  139. package/cjs/Channel/components/RemoveMessageModal.js +16 -16
  140. package/cjs/Channel/components/SuggestedMentionList.js +16 -16
  141. package/cjs/Channel/components/TypingIndicator.js +14 -14
  142. package/cjs/Channel/components/UnreadCount.js +4 -4
  143. package/cjs/Channel/context.js +13 -13
  144. package/cjs/Channel.js +28 -27
  145. package/cjs/Channel.js.map +1 -1
  146. package/cjs/ChannelList/components/AddChannel.js +15 -15
  147. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  148. package/cjs/ChannelList/components/ChannelListUI.js +29 -28
  149. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  150. package/cjs/ChannelList/components/ChannelPreview.js +25 -24
  151. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  152. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  153. package/cjs/ChannelList/context.js +8 -8
  154. package/cjs/ChannelList.js +29 -28
  155. package/cjs/ChannelList.js.map +1 -1
  156. package/cjs/{ChannelListProvider-f2606052.js → ChannelListProvider-c2148b43.js} +8 -8
  157. package/cjs/{ChannelListProvider-f2606052.js.map → ChannelListProvider-c2148b43.js.map} +1 -1
  158. package/cjs/{ChannelProvider-beea5a02.js → ChannelProvider-cf5dc7e3.js} +9 -9
  159. package/cjs/{ChannelProvider-beea5a02.js.map → ChannelProvider-cf5dc7e3.js.map} +1 -1
  160. package/cjs/ChannelSettings/components/ChannelProfile.js +12 -12
  161. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  162. package/cjs/ChannelSettings/components/EditDetailsModal.js +12 -12
  163. package/cjs/ChannelSettings/components/LeaveChannel.js +12 -12
  164. package/cjs/ChannelSettings/components/ModerationPanel.js +15 -15
  165. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  166. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  167. package/cjs/ChannelSettings/context.js +3 -3
  168. package/cjs/ChannelSettings.js +18 -18
  169. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  170. package/cjs/CreateChannel/components/InviteUsers.js +14 -14
  171. package/cjs/CreateChannel/components/SelectChannelType.js +11 -11
  172. package/cjs/CreateChannel/context.js +4 -4
  173. package/cjs/CreateChannel.js +14 -14
  174. package/cjs/{CreateChannelProvider-c123ffbb.js → CreateChannelProvider-c98de398.js} +1 -1
  175. package/cjs/{CreateChannelProvider-c123ffbb.js.map → CreateChannelProvider-c98de398.js.map} +1 -1
  176. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  177. package/cjs/CreateOpenChannel/context.js +1 -1
  178. package/cjs/CreateOpenChannel.js +10 -10
  179. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  180. package/cjs/EditUserProfile.js +13 -13
  181. package/cjs/{LocalizationContext-caedb682.js → LocalizationContext-2b3f310d.js} +3 -3
  182. package/cjs/{LocalizationContext-caedb682.js.map → LocalizationContext-2b3f310d.js.map} +1 -1
  183. package/cjs/{MediaQueryContext-cdba25c1.js → MediaQueryContext-71862be1.js} +1 -1
  184. package/cjs/{MediaQueryContext-cdba25c1.js.map → MediaQueryContext-71862be1.js.map} +1 -1
  185. package/cjs/{MemberList-45fcb966.js → MemberList-13566703.js} +5 -5
  186. package/cjs/{MemberList-45fcb966.js.map → MemberList-13566703.js.map} +1 -1
  187. package/cjs/MessageSearch/components/MessageSearchUI.js +12 -11
  188. package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
  189. package/cjs/MessageSearch/context.js +2 -2
  190. package/cjs/MessageSearch.js +12 -11
  191. package/cjs/MessageSearch.js.map +1 -1
  192. package/cjs/NotificationChannel/components/NotificationChannelUI.js +125 -0
  193. package/cjs/NotificationChannel/components/NotificationChannelUI.js.map +1 -0
  194. package/cjs/NotificationChannel/components/NotificationList.js +117 -0
  195. package/cjs/NotificationChannel/components/NotificationList.js.map +1 -0
  196. package/cjs/NotificationChannel/components/NotificationMessageWrap.js +142 -0
  197. package/cjs/NotificationChannel/components/NotificationMessageWrap.js.map +1 -0
  198. package/cjs/NotificationChannel/context.js +21 -0
  199. package/cjs/NotificationChannel/context.js.map +1 -0
  200. package/cjs/NotificationChannel.js +64 -0
  201. package/cjs/NotificationChannel.js.map +1 -0
  202. package/cjs/NotificationChannelProvider-8f3b7320.js +543 -0
  203. package/cjs/NotificationChannelProvider-8f3b7320.js.map +1 -0
  204. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  205. package/cjs/OpenChannel/components/OpenChannelHeader.js +13 -13
  206. package/cjs/OpenChannel/components/OpenChannelInput.js +15 -15
  207. package/cjs/OpenChannel/components/OpenChannelMessage.js +22 -22
  208. package/cjs/OpenChannel/components/OpenChannelMessageList.js +24 -24
  209. package/cjs/OpenChannel/components/OpenChannelUI.js +24 -24
  210. package/cjs/OpenChannel/context.js +9 -9
  211. package/cjs/OpenChannel.js +24 -24
  212. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  213. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  214. package/cjs/OpenChannelList/context.js +4 -4
  215. package/cjs/OpenChannelList.js +13 -13
  216. package/cjs/{OpenChannelListProvider-133cc0e6.js → OpenChannelListProvider-64043b4f.js} +3 -3
  217. package/cjs/{OpenChannelListProvider-133cc0e6.js.map → OpenChannelListProvider-64043b4f.js.map} +1 -1
  218. package/cjs/{OpenChannelProvider-ee813f9e.js → OpenChannelProvider-5b56e629.js} +7 -7
  219. package/cjs/{OpenChannelProvider-ee813f9e.js.map → OpenChannelProvider-5b56e629.js.map} +1 -1
  220. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  221. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  222. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  223. package/cjs/OpenChannelSettings/components/OperatorUI.js +17 -17
  224. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -15
  225. package/cjs/OpenChannelSettings/context.js +3 -3
  226. package/cjs/OpenChannelSettings.js +18 -18
  227. package/cjs/{RemoveMessageModal-497e1a76.js → RemoveMessageModal-c01eb93b.js} +3 -3
  228. package/cjs/{RemoveMessageModal-497e1a76.js.map → RemoveMessageModal-c01eb93b.js.map} +1 -1
  229. package/cjs/SendbirdProvider.js +10 -10
  230. package/cjs/SendbirdProvider.js.map +1 -1
  231. package/cjs/Thread/components/ParentMessageInfo.js +21 -21
  232. package/cjs/Thread/components/ParentMessageInfoItem.js +14 -14
  233. package/cjs/Thread/components/ThreadHeader.js +6 -6
  234. package/cjs/Thread/components/ThreadList.js +25 -24
  235. package/cjs/Thread/components/ThreadList.js.map +1 -1
  236. package/cjs/Thread/components/ThreadListItem.js +25 -24
  237. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  238. package/cjs/Thread/components/ThreadMessageInput.js +16 -16
  239. package/cjs/Thread/components/ThreadUI.js +27 -26
  240. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  241. package/cjs/Thread/context.js +8 -8
  242. package/cjs/Thread.js +27 -26
  243. package/cjs/Thread.js.map +1 -1
  244. package/cjs/{ThreadProvider-8b5092ee.js → ThreadProvider-d3c0c877.js} +6 -6
  245. package/cjs/{ThreadProvider-8b5092ee.js.map → ThreadProvider-d3c0c877.js.map} +1 -1
  246. package/cjs/{UserProfileContext-80409a4d.js → UserProfileContext-9d60cdc4.js} +1 -1
  247. package/cjs/{UserProfileContext-80409a4d.js.map → UserProfileContext-9d60cdc4.js.map} +1 -1
  248. package/cjs/{_rollupPluginBabelHelpers-41d3db2d.js → _rollupPluginBabelHelpers-a7254c9d.js} +1 -1
  249. package/cjs/_rollupPluginBabelHelpers-a7254c9d.js.map +1 -0
  250. package/cjs/{actionTypes-697b5dfb.js → actionTypes-0e8bea91.js} +1 -1
  251. package/cjs/{actionTypes-697b5dfb.js.map → actionTypes-0e8bea91.js.map} +1 -1
  252. package/cjs/{color-d7217651.js → color-89f33656.js} +1 -1
  253. package/cjs/{color-d7217651.js.map → color-89f33656.js.map} +1 -1
  254. package/cjs/{compareIds-caa9f926.js → compareIds-ca869c2e.js} +1 -1
  255. package/cjs/{compareIds-caa9f926.js.map → compareIds-ca869c2e.js.map} +1 -1
  256. package/cjs/{const-4235b5b5.js → const-55d167ca.js} +1 -1
  257. package/cjs/{const-4235b5b5.js.map → const-55d167ca.js.map} +1 -1
  258. package/cjs/{const-4ba60f84.js → const-db71e993.js} +1 -1
  259. package/cjs/{const-4ba60f84.js.map → const-db71e993.js.map} +1 -1
  260. package/cjs/{context-867cb427.js → context-2f5d47fd.js} +2 -2
  261. package/cjs/{context-867cb427.js.map → context-2f5d47fd.js.map} +1 -1
  262. package/cjs/dist/index.css +248 -81
  263. package/cjs/dist/index.css.map +1 -1
  264. package/cjs/{index-50984f15.js → index-0988ab25.js} +3 -57
  265. package/cjs/index-0988ab25.js.map +1 -0
  266. package/cjs/{index-476f089f.js → index-21b2339d.js} +2 -2
  267. package/cjs/index-21b2339d.js.map +1 -0
  268. package/cjs/{index-ceb058fa.js → index-2c5dd48c.js} +2 -2
  269. package/cjs/{index-ceb058fa.js.map → index-2c5dd48c.js.map} +1 -1
  270. package/cjs/{index-230cddde.js → index-5c81f847.js} +2 -2
  271. package/cjs/{index-230cddde.js.map → index-5c81f847.js.map} +1 -1
  272. package/cjs/{index-c6abe71b.js → index-621e74bd.js} +13 -6
  273. package/cjs/index-621e74bd.js.map +1 -0
  274. package/cjs/{index-942c3f15.js → index-73467e1d.js} +2 -2
  275. package/cjs/{index-942c3f15.js.map → index-73467e1d.js.map} +1 -1
  276. package/cjs/index-8de59744.js +59 -0
  277. package/cjs/index-8de59744.js.map +1 -0
  278. package/cjs/{index-29e1117f.js → index-a52859ed.js} +7 -7
  279. package/cjs/{index-29e1117f.js.map → index-a52859ed.js.map} +1 -1
  280. package/cjs/{index-f0df9942.js → index-be9c6237.js} +5 -5
  281. package/cjs/{index-f0df9942.js.map → index-be9c6237.js.map} +1 -1
  282. package/cjs/{index-d47bc642.js → index-c4d4ef49.js} +1 -1
  283. package/cjs/{index-d47bc642.js.map → index-c4d4ef49.js.map} +1 -1
  284. package/cjs/{index-06816ee5.js → index-d6ef2a60.js} +2 -2
  285. package/cjs/{index-06816ee5.js.map → index-d6ef2a60.js.map} +1 -1
  286. package/cjs/{index-e01cd4a9.js → index-de151767.js} +1 -1
  287. package/cjs/{index-e01cd4a9.js.map → index-de151767.js.map} +1 -1
  288. package/cjs/{index-bec34de9.js → index-e240e852.js} +11 -10
  289. package/cjs/{index-bec34de9.js.map → index-e240e852.js.map} +1 -1
  290. package/cjs/index.js +39 -38
  291. package/cjs/index.js.map +1 -1
  292. package/cjs/sendbirdSelectors.js +2 -2
  293. package/cjs/{stringSet-af541fde.js → stringSet-91b919f6.js} +5 -1
  294. package/cjs/stringSet-91b919f6.js.map +1 -0
  295. package/cjs/{topics-33f5f434.js → topics-ac9cf7ed.js} +1 -1
  296. package/cjs/{topics-33f5f434.js.map → topics-ac9cf7ed.js.map} +1 -1
  297. package/cjs/{tslib.es6-f1d22d7f.js → tslib.es6-43854eb1.js} +14 -1
  298. package/cjs/{tslib.es6-f1d22d7f.js.map → tslib.es6-43854eb1.js.map} +1 -1
  299. package/cjs/ui/Accordion.js +3 -3
  300. package/cjs/ui/AccordionGroup.js +2 -2
  301. package/cjs/ui/AdminMessage.js +3 -3
  302. package/cjs/ui/Avatar.js +2 -2
  303. package/cjs/ui/Badge.js +5 -5
  304. package/cjs/ui/BottomSheet.js +1 -1
  305. package/cjs/ui/Button.js +3 -3
  306. package/cjs/ui/ChannelAvatar.js +3 -3
  307. package/cjs/ui/ConnectionStatus.js +4 -4
  308. package/cjs/ui/ContextMenu.js +5 -5
  309. package/cjs/ui/DateSeparator.js +4 -4
  310. package/cjs/ui/EmojiReactions.js +7 -7
  311. package/cjs/ui/FileMessageItemBody.js +6 -6
  312. package/cjs/ui/FileViewer.js +8 -8
  313. package/cjs/ui/IconButton.js +1 -1
  314. package/cjs/ui/ImageRenderer.js +1 -1
  315. package/cjs/ui/Input.js +2 -2
  316. package/cjs/ui/Label.js +2 -2
  317. package/cjs/ui/LinkLabel.js +2 -2
  318. package/cjs/ui/Loader.js +1 -1
  319. package/cjs/ui/MentionLabel.js +11 -11
  320. package/cjs/ui/MessageContent.js +21 -20
  321. package/cjs/ui/MessageContent.js.map +1 -1
  322. package/cjs/ui/MessageInput.js +9 -9
  323. package/cjs/ui/MessageItemMenu.js +7 -7
  324. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  325. package/cjs/ui/MessageSearchFileItem.js +11 -10
  326. package/cjs/ui/MessageSearchFileItem.js.map +1 -1
  327. package/cjs/ui/MessageSearchItem.js +11 -10
  328. package/cjs/ui/MessageSearchItem.js.map +1 -1
  329. package/cjs/ui/MessageStatus.js +11 -10
  330. package/cjs/ui/MessageStatus.js.map +1 -1
  331. package/cjs/ui/Modal.js +7 -7
  332. package/cjs/ui/OGMessageItemBody.js +11 -11
  333. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  334. package/cjs/ui/OpenChannelAvatar.js +6 -6
  335. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  336. package/cjs/ui/OpenchannelFileMessage.js +16 -16
  337. package/cjs/ui/OpenchannelOGMessage.js +16 -16
  338. package/cjs/ui/OpenchannelThumbnailMessage.js +15 -15
  339. package/cjs/ui/OpenchannelUserMessage.js +16 -16
  340. package/cjs/ui/PlaceHolder.js +6 -6
  341. package/cjs/ui/QuoteMessage.js +6 -6
  342. package/cjs/ui/QuoteMessageInput.js +6 -6
  343. package/cjs/ui/ReactionBadge.js +3 -3
  344. package/cjs/ui/ReactionButton.js +1 -1
  345. package/cjs/ui/SortByRow.js +2 -2
  346. package/cjs/ui/TextButton.js +2 -2
  347. package/cjs/ui/TextMessageItemBody.js +11 -11
  348. package/cjs/ui/ThreadReplies.js +6 -6
  349. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  350. package/cjs/ui/Tooltip.js +3 -3
  351. package/cjs/ui/TooltipWrapper.js +1 -1
  352. package/cjs/ui/UnknownMessageItemBody.js +9 -8
  353. package/cjs/ui/UnknownMessageItemBody.js.map +1 -1
  354. package/cjs/ui/UserListItem.js +11 -11
  355. package/cjs/ui/UserProfile.js +10 -10
  356. package/cjs/ui/Word.js +11 -11
  357. package/cjs/{useLongPress-72c5c822.js → useLongPress-c7bf12b1.js} +3 -3
  358. package/cjs/{useLongPress-72c5c822.js.map → useLongPress-c7bf12b1.js.map} +1 -1
  359. package/cjs/useSendbirdStateContext.js +1 -1
  360. package/cjs/{utils-33e5dfc7.js → utils-1f6c6626.js} +1 -1
  361. package/cjs/{utils-33e5dfc7.js.map → utils-1f6c6626.js.map} +1 -1
  362. package/cjs/{utils-d652183b.js → utils-3714e90e.js} +1 -1
  363. package/cjs/{utils-d652183b.js.map → utils-3714e90e.js.map} +1 -1
  364. package/cjs/{utils-68a6f93a.js → utils-4b529d96.js} +1 -1
  365. package/cjs/{utils-68a6f93a.js.map → utils-4b529d96.js.map} +1 -1
  366. package/cjs/{utils-b01aea7a.js → utils-65a380e8.js} +2 -2
  367. package/cjs/{utils-b01aea7a.js.map → utils-65a380e8.js.map} +1 -1
  368. package/cjs/{uuid-2c11c530.js → uuid-11d4efe8.js} +1 -1
  369. package/cjs/{uuid-2c11c530.js.map → uuid-11d4efe8.js.map} +1 -1
  370. package/cjs/withSendbird.js +1 -1
  371. package/{color-a6ad5b2f.js → color-ff5f9069.js} +1 -1
  372. package/{color-a6ad5b2f.js.map → color-ff5f9069.js.map} +1 -1
  373. package/{compareIds-4e3d3f6c.js → compareIds-9430f9d8.js} +1 -1
  374. package/{compareIds-4e3d3f6c.js.map → compareIds-9430f9d8.js.map} +1 -1
  375. package/{const-c982283f.js → const-83764204.js} +1 -1
  376. package/{const-c982283f.js.map → const-83764204.js.map} +1 -1
  377. package/{const-40f65aaf.js → const-9d11f204.js} +1 -1
  378. package/{const-40f65aaf.js.map → const-9d11f204.js.map} +1 -1
  379. package/{context-fa809401.js → context-9a69e846.js} +2 -2
  380. package/{context-fa809401.js.map → context-9a69e846.js.map} +1 -1
  381. package/dist/index.css +248 -81
  382. package/dist/index.css.map +1 -1
  383. package/{index-14786153.js → index-07e060cd.js} +1 -1
  384. package/{index-14786153.js.map → index-07e060cd.js.map} +1 -1
  385. package/{index-924f6629.js → index-134314e2.js} +13 -6
  386. package/index-134314e2.js.map +1 -0
  387. package/index-1572c90f.js +57 -0
  388. package/index-1572c90f.js.map +1 -0
  389. package/{index-098867a9.js → index-1b91b116.js} +8 -7
  390. package/{index-098867a9.js.map → index-1b91b116.js.map} +1 -1
  391. package/{index-a8115de7.js → index-3f26a31c.js} +2 -2
  392. package/{index-a8115de7.js.map → index-3f26a31c.js.map} +1 -1
  393. package/{index-256d00f1.js → index-44470dab.js} +2 -2
  394. package/{index-256d00f1.js.map → index-44470dab.js.map} +1 -1
  395. package/{index-b16ab63e.js → index-5f08f486.js} +2 -2
  396. package/index-5f08f486.js.map +1 -0
  397. package/{index-58485e08.js → index-d3f6dbb9.js} +2 -2
  398. package/{index-58485e08.js.map → index-d3f6dbb9.js.map} +1 -1
  399. package/{index-4da1ff3b.js → index-d8e3ccee.js} +2 -2
  400. package/{index-4da1ff3b.js.map → index-d8e3ccee.js.map} +1 -1
  401. package/{index-856dc0bd.js → index-defabece.js} +4 -57
  402. package/index-defabece.js.map +1 -0
  403. package/{index-f0cb5427.js → index-e5b78039.js} +1 -1
  404. package/{index-f0cb5427.js.map → index-e5b78039.js.map} +1 -1
  405. package/{index-b714065b.js → index-ed65ee3b.js} +7 -7
  406. package/{index-b714065b.js.map → index-ed65ee3b.js.map} +1 -1
  407. package/{index-eff254f0.js → index-fc4702b7.js} +5 -5
  408. package/{index-eff254f0.js.map → index-fc4702b7.js.map} +1 -1
  409. package/index.d.ts +109 -1
  410. package/index.js +39 -38
  411. package/index.js.map +1 -1
  412. package/package.json +4 -2
  413. package/sendbirdSelectors.js +2 -2
  414. package/{stringSet-8039f73a.js → stringSet-d555d877.js} +5 -1
  415. package/stringSet-d555d877.js.map +1 -0
  416. package/{topics-948f8346.js → topics-351ea731.js} +1 -1
  417. package/{topics-948f8346.js.map → topics-351ea731.js.map} +1 -1
  418. package/{tslib.es6-ea477498.js → tslib.es6-bcead7e6.js} +14 -2
  419. package/{tslib.es6-ea477498.js.map → tslib.es6-bcead7e6.js.map} +1 -1
  420. package/ui/Accordion.js +3 -3
  421. package/ui/AccordionGroup.js +2 -2
  422. package/ui/AdminMessage.js +3 -3
  423. package/ui/Avatar.js +2 -2
  424. package/ui/Badge.js +5 -5
  425. package/ui/BottomSheet.js +1 -1
  426. package/ui/Button.js +3 -3
  427. package/ui/ChannelAvatar.js +3 -3
  428. package/ui/ConnectionStatus.js +4 -4
  429. package/ui/ContextMenu.js +5 -5
  430. package/ui/DateSeparator.js +4 -4
  431. package/ui/EmojiReactions.js +7 -7
  432. package/ui/FileMessageItemBody.js +6 -6
  433. package/ui/FileViewer.js +8 -8
  434. package/ui/IconButton.js +1 -1
  435. package/ui/ImageRenderer.js +1 -1
  436. package/ui/Input.js +2 -2
  437. package/ui/Label.js +2 -2
  438. package/ui/LinkLabel.js +2 -2
  439. package/ui/Loader.js +1 -1
  440. package/ui/MentionLabel.js +11 -11
  441. package/ui/MessageContent.js +21 -20
  442. package/ui/MessageContent.js.map +1 -1
  443. package/ui/MessageInput.js +9 -9
  444. package/ui/MessageItemMenu.js +7 -7
  445. package/ui/MessageItemReactionMenu.js +5 -5
  446. package/ui/MessageSearchFileItem.js +10 -9
  447. package/ui/MessageSearchFileItem.js.map +1 -1
  448. package/ui/MessageSearchItem.js +10 -9
  449. package/ui/MessageSearchItem.js.map +1 -1
  450. package/ui/MessageStatus.js +11 -10
  451. package/ui/MessageStatus.js.map +1 -1
  452. package/ui/Modal.js +7 -7
  453. package/ui/OGMessageItemBody.js +11 -11
  454. package/ui/OpenChannelAdminMessage.js +3 -3
  455. package/ui/OpenChannelAvatar.js +6 -6
  456. package/ui/OpenchannelConversationHeader.js +6 -6
  457. package/ui/OpenchannelFileMessage.js +16 -16
  458. package/ui/OpenchannelOGMessage.js +16 -16
  459. package/ui/OpenchannelThumbnailMessage.js +15 -15
  460. package/ui/OpenchannelUserMessage.js +16 -16
  461. package/ui/PlaceHolder.js +6 -6
  462. package/ui/QuoteMessage.js +6 -6
  463. package/ui/QuoteMessageInput.js +6 -6
  464. package/ui/ReactionBadge.js +3 -3
  465. package/ui/ReactionButton.js +1 -1
  466. package/ui/SortByRow.js +2 -2
  467. package/ui/TextButton.js +2 -2
  468. package/ui/TextMessageItemBody.js +11 -11
  469. package/ui/ThreadReplies.js +6 -6
  470. package/ui/ThumbnailMessageItemBody.js +2 -2
  471. package/ui/Tooltip.js +3 -3
  472. package/ui/TooltipWrapper.js +1 -1
  473. package/ui/UnknownMessageItemBody.js +9 -8
  474. package/ui/UnknownMessageItemBody.js.map +1 -1
  475. package/ui/UserListItem.js +11 -11
  476. package/ui/UserProfile.js +10 -10
  477. package/ui/Word.js +11 -11
  478. package/{useLongPress-2fbbada1.js → useLongPress-794838b8.js} +3 -3
  479. package/{useLongPress-2fbbada1.js.map → useLongPress-794838b8.js.map} +1 -1
  480. package/useSendbirdStateContext.js +1 -1
  481. package/{utils-9b75cf2c.js → utils-00ac1a7d.js} +1 -1
  482. package/{utils-9b75cf2c.js.map → utils-00ac1a7d.js.map} +1 -1
  483. package/{utils-119c0f8a.js → utils-01e76a0c.js} +2 -2
  484. package/{utils-119c0f8a.js.map → utils-01e76a0c.js.map} +1 -1
  485. package/{utils-51dfc7e7.js → utils-8b11ff42.js} +1 -1
  486. package/{utils-51dfc7e7.js.map → utils-8b11ff42.js.map} +1 -1
  487. package/{utils-437f34f2.js → utils-e720e03a.js} +1 -1
  488. package/{utils-437f34f2.js.map → utils-e720e03a.js.map} +1 -1
  489. package/{uuid-2d756af4.js → uuid-286ed926.js} +1 -1
  490. package/{uuid-2d756af4.js.map → uuid-286ed926.js.map} +1 -1
  491. package/withSendbird.js +1 -1
  492. package/_rollupPluginBabelHelpers-d746227b.js.map +0 -1
  493. package/cjs/_rollupPluginBabelHelpers-41d3db2d.js.map +0 -1
  494. package/cjs/index-476f089f.js.map +0 -1
  495. package/cjs/index-50984f15.js.map +0 -1
  496. package/cjs/index-c6abe71b.js.map +0 -1
  497. package/cjs/stringSet-af541fde.js.map +0 -1
  498. package/index-856dc0bd.js.map +0 -1
  499. package/index-924f6629.js.map +0 -1
  500. package/index-b16ab63e.js.map +0 -1
  501. package/stringSet-8039f73a.js.map +0 -1
package/dist/index.css CHANGED
@@ -58,98 +58,83 @@
58
58
  .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
59
59
  background-color: var(--sendbird-dark-background-300);
60
60
  }
61
- .sendbird-open-channel-list,
62
- .sendbird-open-channel-list-ui {
63
- position: relative;
64
- display: inline-flex;
65
- flex-direction: column;
66
- width: 256px;
67
- min-width: 256px;
68
- height: 100%;
69
- box-sizing: border-box;
70
- }
71
- .sendbird--mobile-mode .sendbird-open-channel-list,
72
- .sendbird--mobile-mode .sendbird-open-channel-list-ui {
73
- width: 100%;
61
+ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap');
62
+
63
+ .sb-message-template__action {
64
+ cursor: pointer;
74
65
  }
75
- .sendbird-theme--light .sendbird-open-channel-list,
76
- .sendbird-theme--light .sendbird-open-channel-list-ui {
77
- border-right: solid 1px var(--sendbird-light-onlight-04);
66
+ .sb-message-template__parent {
67
+ font-family: 'Roboto';
78
68
  }
79
- .sendbird-theme--dark .sendbird-open-channel-list,
80
- .sendbird-theme--dark .sendbird-open-channel-list-ui {
81
- border-right: solid 1px var(--sendbird-dark-ondark-04);
69
+ .sendbird-theme--light
70
+ .sb-message-template__box {
71
+ background-color: #eee;
82
72
  }
83
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
84
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
85
- position: relative;
86
- display: inline-flex;
87
- flex-direction: row;
88
- align-items: center;
89
- width: 100%;
90
- height: 64px;
91
- box-sizing: border-box;
73
+ .sendbird-theme--dark
74
+ .sb-message-template__box {
75
+ background-color: #2c2c2c;
92
76
  }
93
- .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
94
- .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
95
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
77
+
78
+ .sendbird-theme--light
79
+ .sb-message-template__text {
80
+ color: rgba(0, 0, 0, 0.88);
96
81
  }
97
- .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
98
- .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
99
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
82
+ .sendbird-theme--dark
83
+ .sb-message-template__text {
84
+ color: rgba(255, 255, 255, 0.88);
100
85
  }
101
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
102
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
103
- position: relative;
104
- margin-left: 24px;
105
- display: inline-flex;
106
- align-items: center;
107
- box-sizing: border-box;
86
+ .sb-message-template__text {
87
+ font-family: inherit;
88
+ font-size: 14px;
89
+ font-weight: normal;
90
+ font-stretch: normal;
91
+ font-style: normal;
92
+ line-height: 1.43;
93
+ letter-spacing: normal;
94
+ text-align: left;
108
95
  }
109
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
110
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
111
- position: absolute;
112
- top: 16px;
113
- right: 56px;
114
- display: inline-flex;
115
- align-items: center;
116
- justify-content: center;
117
- box-sizing: border-box;
96
+
97
+ .sendbird-theme--light
98
+ .sb-message-template__text-button {
99
+ background-color: #e0e0e0;
100
+ color: #742ddd;
118
101
  }
119
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
120
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
121
- position: absolute;
122
- top: 16px;
123
- right: 16px;
124
- display: inline-flex;
125
- align-items: center;
126
- justify-content: center;
127
- box-sizing: border-box;
102
+ .sendbird-theme--dark
103
+ .sb-message-template__text-button {
104
+ background-color: #393939;
105
+ color: #c2a9fa;
128
106
  }
129
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
130
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
131
- position: relative;
132
- display: inline-flex;
133
- flex-direction: column;
134
- width: 100%;
135
- height: calc(100% - 64px);
136
- box-sizing: border-box;
137
- overflow-y: scroll;
107
+ .sb-message-template__text-button {
108
+ height: 36px;
109
+ padding: 10px 20px;
110
+ border-radius: 6px;
111
+ font-family: Roboto;
112
+ font-size: 14px;
113
+ font-weight: 500;
114
+ font-stretch: normal;
115
+ font-style: normal;
116
+ line-height: 1.43;
117
+ letter-spacing: normal;
118
+ text-align: center;
119
+ /* opacity: 0.8; */
138
120
  }
139
121
 
140
- .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
141
- position: relative;
142
- min-height: 62px;
143
- display: inline-flex;
144
- align-items: center;
145
- justify-content: center;
122
+ .sb-message-template__text-button:hover {
123
+ opacity: 1;
124
+ box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
146
125
  }
147
- .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
148
- background-color: var(--sendbird-light-background-100);
126
+
127
+ .sb-message-template__text-button,
128
+ .sb-message-template__image-button {
129
+ cursor: pointer;
130
+ border-style: none;
149
131
  }
150
- .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
151
- background-color: var(--sendbird-dark-background-500);
132
+
133
+ .sb-message-template__parent {
134
+ border-radius: 8px;
135
+ overflow: hidden;
152
136
  }
137
+
153
138
  .sendbird-create-open-channel-ui {
154
139
  position: relative;
155
140
  display: inline-flex;
@@ -205,6 +190,77 @@
205
190
  display: inline-flex;
206
191
  flex-direction: row;
207
192
  }
193
+ .sendbird-notification-channel__message-wrap {
194
+ padding-left: 48px;
195
+ margin-right: 16px;
196
+ box-sizing: border-box;
197
+ /**
198
+ * 1. Modify unknown message to be visually similar with other platforms
199
+ */
200
+ }
201
+ .sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body {
202
+ width: 100%;
203
+ }
204
+ .sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body__description {
205
+ white-space: pre-line;
206
+ }
207
+ .sendbird-theme--light .sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body__description {
208
+ color: var(--sendbird-light-onlight-01);
209
+ }
210
+ .sendbird-theme--dark .sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body__description {
211
+ color: var(--sendbird-dark-ondark-01);
212
+ }
213
+
214
+ .sendbird-notification-channel__message-wrap-header {
215
+ position: relative;
216
+ display: flex;
217
+ justify-content: space-between;
218
+ align-items: flex-end;
219
+ margin-bottom: 4px;
220
+ margin-top: 16px;
221
+ }
222
+
223
+ .sendbird-notification-channel__message-caption {
224
+ white-space: nowrap;
225
+ overflow: hidden;
226
+ text-overflow: ellipsis;
227
+ width: 120px;
228
+ }
229
+
230
+ .sendbird-notification-channel__message-date-wrap {
231
+ position: relative;
232
+ }
233
+
234
+ .sendbird-notification-channel__unread {
235
+ position: absolute;
236
+ left: -10px;
237
+ top: 8px;
238
+ height: 6px;
239
+ width: 6px;
240
+ border-radius: 50%;
241
+ background-color: #259C72;
242
+ }
243
+
244
+ .sendbird-notification-channel__channel-icon-wrap {
245
+ position: absolute;
246
+ left: -32px;
247
+ top: 12px;
248
+ }
249
+
250
+ .sendbird-notification-channel__channel-icon {
251
+ display: inline-block;
252
+ height: 24px;
253
+ width: 24px;
254
+ border-radius: 50%;
255
+ box-sizing: border-box;
256
+ padding-top: 4px;
257
+ padding-left: 6px;
258
+ background-color: #bdbdbd;
259
+ }
260
+
261
+ .sendbird-theme--dark .sendbird-notification-channel__channel-icon-hash .icon-channels_svg__fill {
262
+ fill: rgba(0, 0, 0, 0.88);
263
+ }
208
264
  .sendbird-open-channel-preview {
209
265
  position: relative;
210
266
  display: inline-flex;
@@ -324,6 +380,114 @@
324
380
  text-overflow: ellipsis;
325
381
  word-break: keep-all;
326
382
  }
383
+ .sendbird-notification-channel__list {
384
+ height: 100%;
385
+ overflow-y: scroll;
386
+ width: 100%;
387
+ }
388
+ .sendbird-open-channel-list,
389
+ .sendbird-open-channel-list-ui {
390
+ position: relative;
391
+ display: inline-flex;
392
+ flex-direction: column;
393
+ width: 256px;
394
+ min-width: 256px;
395
+ height: 100%;
396
+ box-sizing: border-box;
397
+ }
398
+ .sendbird--mobile-mode .sendbird-open-channel-list,
399
+ .sendbird--mobile-mode .sendbird-open-channel-list-ui {
400
+ width: 100%;
401
+ }
402
+ .sendbird-theme--light .sendbird-open-channel-list,
403
+ .sendbird-theme--light .sendbird-open-channel-list-ui {
404
+ border-right: solid 1px var(--sendbird-light-onlight-04);
405
+ }
406
+ .sendbird-theme--dark .sendbird-open-channel-list,
407
+ .sendbird-theme--dark .sendbird-open-channel-list-ui {
408
+ border-right: solid 1px var(--sendbird-dark-ondark-04);
409
+ }
410
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
411
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
412
+ position: relative;
413
+ display: inline-flex;
414
+ flex-direction: row;
415
+ align-items: center;
416
+ width: 100%;
417
+ height: 64px;
418
+ box-sizing: border-box;
419
+ }
420
+ .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
421
+ .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
422
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
423
+ }
424
+ .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
425
+ .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
426
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
427
+ }
428
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
429
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
430
+ position: relative;
431
+ margin-left: 24px;
432
+ display: inline-flex;
433
+ align-items: center;
434
+ box-sizing: border-box;
435
+ }
436
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
437
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
438
+ position: absolute;
439
+ top: 16px;
440
+ right: 56px;
441
+ display: inline-flex;
442
+ align-items: center;
443
+ justify-content: center;
444
+ box-sizing: border-box;
445
+ }
446
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
447
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
448
+ position: absolute;
449
+ top: 16px;
450
+ right: 16px;
451
+ display: inline-flex;
452
+ align-items: center;
453
+ justify-content: center;
454
+ box-sizing: border-box;
455
+ }
456
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
457
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
458
+ position: relative;
459
+ display: inline-flex;
460
+ flex-direction: column;
461
+ width: 100%;
462
+ height: calc(100% - 64px);
463
+ box-sizing: border-box;
464
+ overflow-y: scroll;
465
+ }
466
+
467
+ .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
468
+ position: relative;
469
+ min-height: 62px;
470
+ display: inline-flex;
471
+ align-items: center;
472
+ justify-content: center;
473
+ }
474
+ .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
475
+ background-color: var(--sendbird-light-background-100);
476
+ }
477
+ .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
478
+ background-color: var(--sendbird-dark-background-500);
479
+ }
480
+ .sendbird-notification-channel {
481
+ height: 100%;
482
+ }
483
+ .sendbird-theme--light .sendbird-notification-channel {
484
+ background-color: var(--sendbird-light-background-50);
485
+ border: 1px solid var(--sendbird-light-onlight-04);
486
+ }
487
+ .sendbird-theme--dark .sendbird-notification-channel {
488
+ background-color: var(--sendbird-dark-background-600);
489
+ border: 1px solid var(--sendbird-dark-ondark-04);
490
+ }
327
491
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
328
492
  :root {
329
493
  --sendbird-light-primary-500: #491389;
@@ -1058,6 +1222,7 @@
1058
1222
  display: flex;
1059
1223
  align-items: center;
1060
1224
  justify-content: center;
1225
+ z-index: 9999999;
1061
1226
  }
1062
1227
 
1063
1228
  .sendbird-modal__backdrop--clickoutside {
@@ -2515,7 +2680,7 @@
2515
2680
  overflow: hidden;
2516
2681
  text-overflow: ellipsis;
2517
2682
  white-space: nowrap;
2518
- max-width: 780px;
2683
+ max-width: calc(100vw - 600px);
2519
2684
  }
2520
2685
  .sendbird--mobile-mode .sendbird-chat-header .sendbird-chat-header__left__title {
2521
2686
  max-width: calc(100vw - 240px);
@@ -3696,10 +3861,12 @@ div.sendbird-og-message-item-body__text-bubble {
3696
3861
  .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming {
3697
3862
  background-color: var(--sendbird-dark-background-400);
3698
3863
  }
3699
- .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header {
3864
+
3865
+ .sendbird-unknown-message-item-body__header {
3700
3866
  display: block;
3701
3867
  }
3702
- .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description {
3868
+
3869
+ .sendbird-unknown-message-item-body__description {
3703
3870
  display: block;
3704
3871
  }
3705
3872
  .sendbird-quote-message {