@sendbird/uikit-react 3.3.3-rc.0 → 3.3.4-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 (457) hide show
  1. package/App.js +35 -35
  2. package/CHANGELOG.md +4 -0
  3. package/Channel/components/ChannelHeader.js +18 -18
  4. package/Channel/components/ChannelUI.js +27 -26
  5. package/Channel/components/ChannelUI.js.map +1 -1
  6. package/Channel/components/FileViewer.js +14 -14
  7. package/Channel/components/FrozenNotification.js +4 -4
  8. package/Channel/components/Message.js +24 -22
  9. package/Channel/components/Message.js.map +1 -1
  10. package/Channel/components/MessageInput.js +16 -16
  11. package/Channel/components/MessageList.js +25 -24
  12. package/Channel/components/MessageList.js.map +1 -1
  13. package/Channel/components/RemoveMessageModal.js +16 -16
  14. package/Channel/components/SuggestedMentionList.js +16 -16
  15. package/Channel/components/TypingIndicator.js +14 -14
  16. package/Channel/components/UnreadCount.js +4 -4
  17. package/Channel/context.js +13 -13
  18. package/Channel.js +27 -26
  19. package/Channel.js.map +1 -1
  20. package/ChannelList/components/AddChannel.js +15 -15
  21. package/ChannelList/components/ChannelListHeader.js +7 -7
  22. package/ChannelList/components/ChannelListUI.js +29 -29
  23. package/ChannelList/components/ChannelPreview.js +32 -100
  24. package/ChannelList/components/ChannelPreview.js.map +1 -1
  25. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  26. package/ChannelList/context.js +8 -8
  27. package/ChannelList.js +29 -29
  28. package/{ChannelListProvider-febdda34.js → ChannelListProvider-5496c290.js} +8 -8
  29. package/{ChannelListProvider-febdda34.js.map → ChannelListProvider-5496c290.js.map} +1 -1
  30. package/{ChannelProvider-ae64cc00.js → ChannelProvider-4670df48.js} +9 -9
  31. package/{ChannelProvider-ae64cc00.js.map → ChannelProvider-4670df48.js.map} +1 -1
  32. package/ChannelSettings/components/ChannelProfile.js +12 -12
  33. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  34. package/ChannelSettings/components/EditDetailsModal.js +12 -12
  35. package/ChannelSettings/components/LeaveChannel.js +12 -12
  36. package/ChannelSettings/components/ModerationPanel.js +15 -15
  37. package/ChannelSettings/components/UserListItem.js +11 -11
  38. package/ChannelSettings/components/UserPanel.js +14 -14
  39. package/ChannelSettings/context.js +3 -3
  40. package/ChannelSettings.js +18 -18
  41. package/CreateChannel/components/CreateChannelUI.js +14 -14
  42. package/CreateChannel/components/InviteUsers.js +14 -14
  43. package/CreateChannel/components/SelectChannelType.js +11 -11
  44. package/CreateChannel/context.js +4 -4
  45. package/CreateChannel.js +14 -14
  46. package/{CreateChannelProvider-c710d892.js → CreateChannelProvider-290ad128.js} +1 -1
  47. package/{CreateChannelProvider-c710d892.js.map → CreateChannelProvider-290ad128.js.map} +1 -1
  48. package/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  49. package/CreateOpenChannel/context.js +1 -1
  50. package/CreateOpenChannel.js +10 -10
  51. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  52. package/EditUserProfile.js +13 -13
  53. package/{LocalizationContext-e55f5d49.js → LocalizationContext-9e280cc1.js} +3 -3
  54. package/{LocalizationContext-e55f5d49.js.map → LocalizationContext-9e280cc1.js.map} +1 -1
  55. package/{MediaQueryContext-8534939f.js → MediaQueryContext-eeba1d65.js} +1 -1
  56. package/{MediaQueryContext-8534939f.js.map → MediaQueryContext-eeba1d65.js.map} +1 -1
  57. package/{MemberList-870fb3e2.js → MemberList-b3945aa7.js} +5 -5
  58. package/{MemberList-870fb3e2.js.map → MemberList-b3945aa7.js.map} +1 -1
  59. package/MessageSearch/components/MessageSearchUI.js +11 -11
  60. package/MessageSearch/context.js +2 -2
  61. package/MessageSearch.js +11 -11
  62. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  63. package/OpenChannel/components/OpenChannelHeader.js +13 -13
  64. package/OpenChannel/components/OpenChannelInput.js +15 -15
  65. package/OpenChannel/components/OpenChannelMessage.js +22 -22
  66. package/OpenChannel/components/OpenChannelMessageList.js +24 -24
  67. package/OpenChannel/components/OpenChannelUI.js +24 -24
  68. package/OpenChannel/context.js +9 -9
  69. package/OpenChannel.js +24 -24
  70. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  71. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  72. package/OpenChannelList/context.js +4 -4
  73. package/OpenChannelList.js +13 -13
  74. package/{OpenChannelListProvider-72cd9b79.js → OpenChannelListProvider-23047ffb.js} +3 -3
  75. package/{OpenChannelListProvider-72cd9b79.js.map → OpenChannelListProvider-23047ffb.js.map} +1 -1
  76. package/{OpenChannelProvider-603362f6.js → OpenChannelProvider-31fb0be7.js} +7 -7
  77. package/{OpenChannelProvider-603362f6.js.map → OpenChannelProvider-31fb0be7.js.map} +1 -1
  78. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  79. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  80. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  81. package/OpenChannelSettings/components/OperatorUI.js +17 -17
  82. package/OpenChannelSettings/components/ParticipantUI.js +15 -15
  83. package/OpenChannelSettings/context.js +3 -3
  84. package/OpenChannelSettings.js +18 -18
  85. package/{RemoveMessageModal-a7866ebd.js → RemoveMessageModal-f3f07c46.js} +3 -3
  86. package/{RemoveMessageModal-a7866ebd.js.map → RemoveMessageModal-f3f07c46.js.map} +1 -1
  87. package/SendbirdProvider.js +10 -10
  88. package/Thread/components/ParentMessageInfo.js +21 -21
  89. package/Thread/components/ParentMessageInfoItem.js +14 -14
  90. package/Thread/components/ThreadHeader.js +6 -6
  91. package/Thread/components/ThreadList.js +24 -22
  92. package/Thread/components/ThreadList.js.map +1 -1
  93. package/Thread/components/ThreadListItem.js +24 -22
  94. package/Thread/components/ThreadListItem.js.map +1 -1
  95. package/Thread/components/ThreadMessageInput.js +16 -16
  96. package/Thread/components/ThreadUI.js +26 -24
  97. package/Thread/components/ThreadUI.js.map +1 -1
  98. package/Thread/context.js +8 -8
  99. package/Thread.js +26 -24
  100. package/Thread.js.map +1 -1
  101. package/{ThreadProvider-4225ee88.js → ThreadProvider-8b225d0c.js} +6 -6
  102. package/{ThreadProvider-4225ee88.js.map → ThreadProvider-8b225d0c.js.map} +1 -1
  103. package/{UserProfileContext-dbc208a1.js → UserProfileContext-48b501e8.js} +1 -1
  104. package/{UserProfileContext-dbc208a1.js.map → UserProfileContext-48b501e8.js.map} +1 -1
  105. package/{_rollupPluginBabelHelpers-b6b62308.js → _rollupPluginBabelHelpers-d5956adc.js} +1 -1
  106. package/_rollupPluginBabelHelpers-d5956adc.js.map +1 -0
  107. package/{actionTypes-5a6a5e32.js → actionTypes-0fcadd29.js} +1 -1
  108. package/{actionTypes-5a6a5e32.js.map → actionTypes-0fcadd29.js.map} +1 -1
  109. package/cjs/App.js +35 -35
  110. package/cjs/Channel/components/ChannelHeader.js +18 -18
  111. package/cjs/Channel/components/ChannelUI.js +27 -26
  112. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  113. package/cjs/Channel/components/FileViewer.js +14 -14
  114. package/cjs/Channel/components/FrozenNotification.js +4 -4
  115. package/cjs/Channel/components/Message.js +24 -22
  116. package/cjs/Channel/components/Message.js.map +1 -1
  117. package/cjs/Channel/components/MessageInput.js +16 -16
  118. package/cjs/Channel/components/MessageList.js +25 -24
  119. package/cjs/Channel/components/MessageList.js.map +1 -1
  120. package/cjs/Channel/components/RemoveMessageModal.js +16 -16
  121. package/cjs/Channel/components/SuggestedMentionList.js +16 -16
  122. package/cjs/Channel/components/TypingIndicator.js +14 -14
  123. package/cjs/Channel/components/UnreadCount.js +4 -4
  124. package/cjs/Channel/context.js +13 -13
  125. package/cjs/Channel.js +27 -26
  126. package/cjs/Channel.js.map +1 -1
  127. package/cjs/ChannelList/components/AddChannel.js +15 -15
  128. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  129. package/cjs/ChannelList/components/ChannelListUI.js +29 -29
  130. package/cjs/ChannelList/components/ChannelPreview.js +38 -106
  131. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  132. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  133. package/cjs/ChannelList/context.js +8 -8
  134. package/cjs/ChannelList.js +29 -29
  135. package/cjs/{ChannelListProvider-d328b814.js → ChannelListProvider-f5178bdd.js} +8 -8
  136. package/cjs/{ChannelListProvider-d328b814.js.map → ChannelListProvider-f5178bdd.js.map} +1 -1
  137. package/cjs/{ChannelProvider-18b04603.js → ChannelProvider-5a475747.js} +9 -9
  138. package/cjs/{ChannelProvider-18b04603.js.map → ChannelProvider-5a475747.js.map} +1 -1
  139. package/cjs/ChannelSettings/components/ChannelProfile.js +12 -12
  140. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  141. package/cjs/ChannelSettings/components/EditDetailsModal.js +12 -12
  142. package/cjs/ChannelSettings/components/LeaveChannel.js +12 -12
  143. package/cjs/ChannelSettings/components/ModerationPanel.js +15 -15
  144. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  145. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  146. package/cjs/ChannelSettings/context.js +3 -3
  147. package/cjs/ChannelSettings.js +18 -18
  148. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  149. package/cjs/CreateChannel/components/InviteUsers.js +14 -14
  150. package/cjs/CreateChannel/components/SelectChannelType.js +11 -11
  151. package/cjs/CreateChannel/context.js +4 -4
  152. package/cjs/CreateChannel.js +14 -14
  153. package/cjs/{CreateChannelProvider-c9d7da87.js → CreateChannelProvider-f6c6dde6.js} +1 -1
  154. package/cjs/{CreateChannelProvider-c9d7da87.js.map → CreateChannelProvider-f6c6dde6.js.map} +1 -1
  155. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  156. package/cjs/CreateOpenChannel/context.js +1 -1
  157. package/cjs/CreateOpenChannel.js +10 -10
  158. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  159. package/cjs/EditUserProfile.js +13 -13
  160. package/cjs/{LocalizationContext-959df3bc.js → LocalizationContext-17ba15f1.js} +3 -3
  161. package/cjs/{LocalizationContext-959df3bc.js.map → LocalizationContext-17ba15f1.js.map} +1 -1
  162. package/cjs/{MediaQueryContext-7e1cb963.js → MediaQueryContext-4b2bafe1.js} +1 -1
  163. package/cjs/{MediaQueryContext-7e1cb963.js.map → MediaQueryContext-4b2bafe1.js.map} +1 -1
  164. package/cjs/{MemberList-9016fa66.js → MemberList-10d510eb.js} +5 -5
  165. package/cjs/{MemberList-9016fa66.js.map → MemberList-10d510eb.js.map} +1 -1
  166. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  167. package/cjs/MessageSearch/context.js +2 -2
  168. package/cjs/MessageSearch.js +11 -11
  169. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  170. package/cjs/OpenChannel/components/OpenChannelHeader.js +13 -13
  171. package/cjs/OpenChannel/components/OpenChannelInput.js +15 -15
  172. package/cjs/OpenChannel/components/OpenChannelMessage.js +22 -22
  173. package/cjs/OpenChannel/components/OpenChannelMessageList.js +24 -24
  174. package/cjs/OpenChannel/components/OpenChannelUI.js +24 -24
  175. package/cjs/OpenChannel/context.js +9 -9
  176. package/cjs/OpenChannel.js +24 -24
  177. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  178. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  179. package/cjs/OpenChannelList/context.js +4 -4
  180. package/cjs/OpenChannelList.js +13 -13
  181. package/cjs/{OpenChannelListProvider-166e27bb.js → OpenChannelListProvider-8809f10c.js} +3 -3
  182. package/cjs/{OpenChannelListProvider-166e27bb.js.map → OpenChannelListProvider-8809f10c.js.map} +1 -1
  183. package/cjs/{OpenChannelProvider-a1dd3be9.js → OpenChannelProvider-68dc4f32.js} +7 -7
  184. package/cjs/{OpenChannelProvider-a1dd3be9.js.map → OpenChannelProvider-68dc4f32.js.map} +1 -1
  185. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  186. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  187. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  188. package/cjs/OpenChannelSettings/components/OperatorUI.js +17 -17
  189. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -15
  190. package/cjs/OpenChannelSettings/context.js +3 -3
  191. package/cjs/OpenChannelSettings.js +18 -18
  192. package/cjs/{RemoveMessageModal-9e8f857f.js → RemoveMessageModal-89e8d1fd.js} +3 -3
  193. package/cjs/{RemoveMessageModal-9e8f857f.js.map → RemoveMessageModal-89e8d1fd.js.map} +1 -1
  194. package/cjs/SendbirdProvider.js +10 -10
  195. package/cjs/Thread/components/ParentMessageInfo.js +21 -21
  196. package/cjs/Thread/components/ParentMessageInfoItem.js +14 -14
  197. package/cjs/Thread/components/ThreadHeader.js +6 -6
  198. package/cjs/Thread/components/ThreadList.js +24 -22
  199. package/cjs/Thread/components/ThreadList.js.map +1 -1
  200. package/cjs/Thread/components/ThreadListItem.js +25 -23
  201. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  202. package/cjs/Thread/components/ThreadMessageInput.js +16 -16
  203. package/cjs/Thread/components/ThreadUI.js +26 -24
  204. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  205. package/cjs/Thread/context.js +8 -8
  206. package/cjs/Thread.js +26 -24
  207. package/cjs/Thread.js.map +1 -1
  208. package/cjs/{ThreadProvider-ff41a83a.js → ThreadProvider-ef8500de.js} +6 -6
  209. package/cjs/{ThreadProvider-ff41a83a.js.map → ThreadProvider-ef8500de.js.map} +1 -1
  210. package/cjs/{UserProfileContext-53c90168.js → UserProfileContext-b0143217.js} +1 -1
  211. package/cjs/{UserProfileContext-53c90168.js.map → UserProfileContext-b0143217.js.map} +1 -1
  212. package/cjs/{_rollupPluginBabelHelpers-c837c5c4.js → _rollupPluginBabelHelpers-9d8b114a.js} +1 -1
  213. package/cjs/_rollupPluginBabelHelpers-9d8b114a.js.map +1 -0
  214. package/cjs/{actionTypes-9b9563f2.js → actionTypes-92ba4d2d.js} +1 -1
  215. package/cjs/{actionTypes-9b9563f2.js.map → actionTypes-92ba4d2d.js.map} +1 -1
  216. package/cjs/{color-43754a84.js → color-a2c12745.js} +1 -1
  217. package/cjs/{color-43754a84.js.map → color-a2c12745.js.map} +1 -1
  218. package/cjs/{compareIds-2eb7806d.js → compareIds-76da099f.js} +1 -1
  219. package/cjs/{compareIds-2eb7806d.js.map → compareIds-76da099f.js.map} +1 -1
  220. package/cjs/{const-27919d46.js → const-84d96133.js} +1 -1
  221. package/cjs/{const-27919d46.js.map → const-84d96133.js.map} +1 -1
  222. package/cjs/{const-e207105c.js → const-ce73be77.js} +1 -1
  223. package/cjs/{const-e207105c.js.map → const-ce73be77.js.map} +1 -1
  224. package/cjs/{context-ae8b2953.js → context-96e16c9d.js} +2 -2
  225. package/cjs/{context-ae8b2953.js.map → context-96e16c9d.js.map} +1 -1
  226. package/cjs/dist/index.css +119 -119
  227. package/cjs/dist/index.css.map +1 -1
  228. package/cjs/{index-e36e88b7.js → index-1a2a1d1f.js} +1 -1
  229. package/cjs/{index-e36e88b7.js.map → index-1a2a1d1f.js.map} +1 -1
  230. package/cjs/{index-a950d7c2.js → index-2410585c.js} +7 -7
  231. package/cjs/{index-a950d7c2.js.map → index-2410585c.js.map} +1 -1
  232. package/cjs/{index-35a40490.js → index-2c0ef693.js} +5 -5
  233. package/cjs/{index-35a40490.js.map → index-2c0ef693.js.map} +1 -1
  234. package/cjs/{index-191d90be.js → index-464d6595.js} +2 -5
  235. package/cjs/{index-191d90be.js.map → index-464d6595.js.map} +1 -1
  236. package/cjs/index-4eeef2c0.js +157 -0
  237. package/cjs/index-4eeef2c0.js.map +1 -0
  238. package/cjs/index-8ad89057.js +178 -0
  239. package/cjs/index-8ad89057.js.map +1 -0
  240. package/cjs/{index-04c4d352.js → index-8beae959.js} +2 -2
  241. package/cjs/{index-04c4d352.js.map → index-8beae959.js.map} +1 -1
  242. package/cjs/{index-dba288b4.js → index-8d4f2992.js} +2 -3
  243. package/cjs/{index-dba288b4.js.map → index-8d4f2992.js.map} +1 -1
  244. package/cjs/{index-21dd1ebd.js → index-a77caf90.js} +2 -2
  245. package/cjs/{index-21dd1ebd.js.map → index-a77caf90.js.map} +1 -1
  246. package/cjs/{index-087e1555.js → index-ec895a82.js} +1 -1
  247. package/cjs/{index-087e1555.js.map → index-ec895a82.js.map} +1 -1
  248. package/cjs/{index-e7ba7dfc.js → index-f1b9f5fa.js} +4 -4
  249. package/cjs/{index-e7ba7dfc.js.map → index-f1b9f5fa.js.map} +1 -1
  250. package/cjs/{index-7bcddbed.js → index-fd82cc89.js} +2 -2
  251. package/cjs/{index-7bcddbed.js.map → index-fd82cc89.js.map} +1 -1
  252. package/cjs/index.js +38 -38
  253. package/cjs/sendbirdSelectors.js +2 -2
  254. package/cjs/{stringSet-ce948a42.js → stringSet-848d4ace.js} +2 -1
  255. package/cjs/stringSet-848d4ace.js.map +1 -0
  256. package/cjs/{topics-9406e74b.js → topics-df230476.js} +1 -1
  257. package/cjs/{topics-9406e74b.js.map → topics-df230476.js.map} +1 -1
  258. package/cjs/{tslib.es6-1fb3ed8f.js → tslib.es6-725d5038.js} +1 -1
  259. package/cjs/{tslib.es6-1fb3ed8f.js.map → tslib.es6-725d5038.js.map} +1 -1
  260. package/cjs/ui/Accordion.js +3 -3
  261. package/cjs/ui/AccordionGroup.js +2 -2
  262. package/cjs/ui/AdminMessage.js +3 -3
  263. package/cjs/ui/Avatar.js +2 -2
  264. package/cjs/ui/Badge.js +5 -5
  265. package/cjs/ui/BottomSheet.js +1 -1
  266. package/cjs/ui/Button.js +3 -3
  267. package/cjs/ui/ChannelAvatar.js +3 -3
  268. package/cjs/ui/ConnectionStatus.js +4 -4
  269. package/cjs/ui/ContextMenu.js +5 -5
  270. package/cjs/ui/DateSeparator.js +4 -4
  271. package/cjs/ui/EmojiReactions.js +7 -7
  272. package/cjs/ui/FileMessageItemBody.js +6 -6
  273. package/cjs/ui/FileViewer.js +8 -8
  274. package/cjs/ui/IconButton.js +1 -1
  275. package/cjs/ui/ImageRenderer.js +1 -1
  276. package/cjs/ui/Input.js +2 -2
  277. package/cjs/ui/Label.js +2 -2
  278. package/cjs/ui/LinkLabel.js +2 -2
  279. package/cjs/ui/Loader.js +1 -1
  280. package/cjs/ui/MentionLabel.js +11 -11
  281. package/cjs/ui/MessageContent.js +21 -19
  282. package/cjs/ui/MessageContent.js.map +1 -1
  283. package/cjs/ui/MessageInput.js +19 -14
  284. package/cjs/ui/MessageInput.js.map +1 -1
  285. package/cjs/ui/MessageItemMenu.js +7 -7
  286. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  287. package/cjs/ui/MessageSearchFileItem.js +24 -13
  288. package/cjs/ui/MessageSearchFileItem.js.map +1 -1
  289. package/cjs/ui/MessageSearchItem.js +24 -13
  290. package/cjs/ui/MessageSearchItem.js.map +1 -1
  291. package/cjs/ui/MessageStatus.js +16 -55
  292. package/cjs/ui/MessageStatus.js.map +1 -1
  293. package/cjs/ui/Modal.js +7 -7
  294. package/cjs/ui/OGMessageItemBody.js +11 -11
  295. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  296. package/cjs/ui/OpenChannelAvatar.js +6 -6
  297. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  298. package/cjs/ui/OpenchannelFileMessage.js +16 -16
  299. package/cjs/ui/OpenchannelOGMessage.js +16 -16
  300. package/cjs/ui/OpenchannelThumbnailMessage.js +15 -15
  301. package/cjs/ui/OpenchannelUserMessage.js +16 -16
  302. package/cjs/ui/PlaceHolder.js +6 -6
  303. package/cjs/ui/QuoteMessage.js +6 -6
  304. package/cjs/ui/QuoteMessageInput.js +6 -6
  305. package/cjs/ui/ReactionBadge.js +3 -3
  306. package/cjs/ui/ReactionButton.js +1 -1
  307. package/cjs/ui/SortByRow.js +2 -2
  308. package/cjs/ui/TextButton.js +2 -2
  309. package/cjs/ui/TextMessageItemBody.js +11 -11
  310. package/cjs/ui/ThreadReplies.js +6 -6
  311. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  312. package/cjs/ui/Tooltip.js +3 -3
  313. package/cjs/ui/TooltipWrapper.js +1 -1
  314. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  315. package/cjs/ui/UserListItem.js +11 -11
  316. package/cjs/ui/UserProfile.js +10 -10
  317. package/cjs/ui/Word.js +11 -11
  318. package/cjs/{useLongPress-7e24f242.js → useLongPress-3d314513.js} +3 -3
  319. package/cjs/{useLongPress-7e24f242.js.map → useLongPress-3d314513.js.map} +1 -1
  320. package/cjs/useSendbirdStateContext.js +1 -1
  321. package/cjs/{utils-f26ad58e.js → utils-0c605067.js} +1 -1
  322. package/cjs/{utils-f26ad58e.js.map → utils-0c605067.js.map} +1 -1
  323. package/cjs/{utils-f72838fc.js → utils-54b34144.js} +2 -2
  324. package/cjs/{utils-f72838fc.js.map → utils-54b34144.js.map} +1 -1
  325. package/cjs/{utils-50a24fa2.js → utils-df9e3c35.js} +1 -1
  326. package/cjs/{utils-50a24fa2.js.map → utils-df9e3c35.js.map} +1 -1
  327. package/cjs/{utils-6c9667cb.js → utils-feb3399e.js} +1 -1
  328. package/cjs/{utils-6c9667cb.js.map → utils-feb3399e.js.map} +1 -1
  329. package/cjs/{uuid-2d8af581.js → uuid-e4633253.js} +1 -1
  330. package/cjs/{uuid-2d8af581.js.map → uuid-e4633253.js.map} +1 -1
  331. package/cjs/withSendbird.js +1 -1
  332. package/{color-8624a970.js → color-391a0b09.js} +1 -1
  333. package/{color-8624a970.js.map → color-391a0b09.js.map} +1 -1
  334. package/{compareIds-955e3aee.js → compareIds-b5226388.js} +1 -1
  335. package/{compareIds-955e3aee.js.map → compareIds-b5226388.js.map} +1 -1
  336. package/{const-6b6923ef.js → const-144fbeda.js} +1 -1
  337. package/{const-6b6923ef.js.map → const-144fbeda.js.map} +1 -1
  338. package/{const-2d604ac9.js → const-94898fbb.js} +1 -1
  339. package/{const-2d604ac9.js.map → const-94898fbb.js.map} +1 -1
  340. package/{context-3962e150.js → context-41df87d8.js} +2 -2
  341. package/{context-3962e150.js.map → context-41df87d8.js.map} +1 -1
  342. package/dist/index.css +119 -119
  343. package/dist/index.css.map +1 -1
  344. package/{index-52d3164b.js → index-0f714477.js} +1 -1
  345. package/{index-52d3164b.js.map → index-0f714477.js.map} +1 -1
  346. package/{index-2ef1b241.js → index-28789af8.js} +3 -3
  347. package/{index-2ef1b241.js.map → index-28789af8.js.map} +1 -1
  348. package/{index-bc5ec263.js → index-42ff00d0.js} +1 -1
  349. package/{index-bc5ec263.js.map → index-42ff00d0.js.map} +1 -1
  350. package/{index-232d7b4a.js → index-5e9be824.js} +4 -4
  351. package/{index-232d7b4a.js.map → index-5e9be824.js.map} +1 -1
  352. package/{index-c4d9bb4e.js → index-80430ff9.js} +2 -2
  353. package/{index-c4d9bb4e.js.map → index-80430ff9.js.map} +1 -1
  354. package/{index-1f21885f.js → index-a8c4c1b2.js} +3 -3
  355. package/{index-1f21885f.js.map → index-a8c4c1b2.js.map} +1 -1
  356. package/index-b5cbfe3a.js +174 -0
  357. package/index-b5cbfe3a.js.map +1 -0
  358. package/index-ba80e5d1.js +145 -0
  359. package/index-ba80e5d1.js.map +1 -0
  360. package/{index-bd14119a.js → index-c10a2c7f.js} +5 -5
  361. package/{index-bd14119a.js.map → index-c10a2c7f.js.map} +1 -1
  362. package/{index-273d5dac.js → index-cec58cdb.js} +2 -2
  363. package/{index-273d5dac.js.map → index-cec58cdb.js.map} +1 -1
  364. package/{index-645f760a.js → index-e5d81397.js} +7 -7
  365. package/{index-645f760a.js.map → index-e5d81397.js.map} +1 -1
  366. package/{index-bb7f7f7d.js → index-e70498ba.js} +2 -2
  367. package/{index-bb7f7f7d.js.map → index-e70498ba.js.map} +1 -1
  368. package/index.d.ts +2 -1
  369. package/index.js +38 -38
  370. package/package.json +1 -1
  371. package/sendbirdSelectors.js +2 -2
  372. package/{stringSet-407fccef.js → stringSet-c5fd1352.js} +2 -1
  373. package/stringSet-c5fd1352.js.map +1 -0
  374. package/{topics-a3e781ef.js → topics-f54a338a.js} +1 -1
  375. package/{topics-a3e781ef.js.map → topics-f54a338a.js.map} +1 -1
  376. package/{tslib.es6-aea22b36.js → tslib.es6-f50787d7.js} +1 -1
  377. package/{tslib.es6-aea22b36.js.map → tslib.es6-f50787d7.js.map} +1 -1
  378. package/ui/Accordion.js +3 -3
  379. package/ui/AccordionGroup.js +2 -2
  380. package/ui/AdminMessage.js +3 -3
  381. package/ui/Avatar.js +2 -2
  382. package/ui/Badge.js +5 -5
  383. package/ui/BottomSheet.js +1 -1
  384. package/ui/Button.js +3 -3
  385. package/ui/ChannelAvatar.js +3 -3
  386. package/ui/ConnectionStatus.js +4 -4
  387. package/ui/ContextMenu.js +5 -5
  388. package/ui/DateSeparator.js +4 -4
  389. package/ui/EmojiReactions.js +7 -7
  390. package/ui/FileMessageItemBody.js +6 -6
  391. package/ui/FileViewer.js +8 -8
  392. package/ui/IconButton.js +1 -1
  393. package/ui/ImageRenderer.js +1 -1
  394. package/ui/Input.js +2 -2
  395. package/ui/Label.js +2 -2
  396. package/ui/LinkLabel.js +2 -2
  397. package/ui/Loader.js +1 -1
  398. package/ui/MentionLabel.js +11 -11
  399. package/ui/MessageContent.js +20 -18
  400. package/ui/MessageContent.js.map +1 -1
  401. package/ui/MessageInput.js +19 -14
  402. package/ui/MessageInput.js.map +1 -1
  403. package/ui/MessageItemMenu.js +7 -7
  404. package/ui/MessageItemReactionMenu.js +5 -5
  405. package/ui/MessageSearchFileItem.js +24 -13
  406. package/ui/MessageSearchFileItem.js.map +1 -1
  407. package/ui/MessageSearchItem.js +24 -13
  408. package/ui/MessageSearchItem.js.map +1 -1
  409. package/ui/MessageStatus.js +14 -53
  410. package/ui/MessageStatus.js.map +1 -1
  411. package/ui/Modal.js +7 -7
  412. package/ui/OGMessageItemBody.js +11 -11
  413. package/ui/OpenChannelAdminMessage.js +3 -3
  414. package/ui/OpenChannelAvatar.js +6 -6
  415. package/ui/OpenchannelConversationHeader.js +6 -6
  416. package/ui/OpenchannelFileMessage.js +16 -16
  417. package/ui/OpenchannelOGMessage.js +16 -16
  418. package/ui/OpenchannelThumbnailMessage.js +15 -15
  419. package/ui/OpenchannelUserMessage.js +16 -16
  420. package/ui/PlaceHolder.js +6 -6
  421. package/ui/QuoteMessage.js +6 -6
  422. package/ui/QuoteMessageInput.js +6 -6
  423. package/ui/ReactionBadge.js +3 -3
  424. package/ui/ReactionButton.js +1 -1
  425. package/ui/SortByRow.js +2 -2
  426. package/ui/TextButton.js +2 -2
  427. package/ui/TextMessageItemBody.js +11 -11
  428. package/ui/ThreadReplies.js +6 -6
  429. package/ui/ThumbnailMessageItemBody.js +2 -2
  430. package/ui/Tooltip.js +3 -3
  431. package/ui/TooltipWrapper.js +1 -1
  432. package/ui/UnknownMessageItemBody.js +6 -6
  433. package/ui/UserListItem.js +11 -11
  434. package/ui/UserProfile.js +10 -10
  435. package/ui/Word.js +11 -11
  436. package/{useLongPress-920c07fa.js → useLongPress-98699cc5.js} +3 -3
  437. package/{useLongPress-920c07fa.js.map → useLongPress-98699cc5.js.map} +1 -1
  438. package/useSendbirdStateContext.js +1 -1
  439. package/{utils-54193e2f.js → utils-4b7f7007.js} +1 -1
  440. package/{utils-54193e2f.js.map → utils-4b7f7007.js.map} +1 -1
  441. package/{utils-eb9032b2.js → utils-60a776bd.js} +1 -1
  442. package/{utils-eb9032b2.js.map → utils-60a776bd.js.map} +1 -1
  443. package/{utils-c0ce1b3e.js → utils-9befebdf.js} +2 -2
  444. package/{utils-c0ce1b3e.js.map → utils-9befebdf.js.map} +1 -1
  445. package/{utils-87e7e391.js → utils-c6ff3453.js} +1 -1
  446. package/{utils-87e7e391.js.map → utils-c6ff3453.js.map} +1 -1
  447. package/{uuid-107985e5.js → uuid-09a35405.js} +1 -1
  448. package/{uuid-107985e5.js.map → uuid-09a35405.js.map} +1 -1
  449. package/withSendbird.js +1 -1
  450. package/_rollupPluginBabelHelpers-b6b62308.js.map +0 -1
  451. package/cjs/_rollupPluginBabelHelpers-c837c5c4.js.map +0 -1
  452. package/cjs/index-fbdf8ec9.js +0 -265
  453. package/cjs/index-fbdf8ec9.js.map +0 -1
  454. package/cjs/stringSet-ce948a42.js.map +0 -1
  455. package/index-91c2cf76.js +0 -261
  456. package/index-91c2cf76.js.map +0 -1
  457. package/stringSet-407fccef.js.map +0 -1
package/dist/index.css CHANGED
@@ -58,6 +58,125 @@
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-preview {
62
+ position: relative;
63
+ display: inline-flex;
64
+ flex-direction: row;
65
+ width: 264px;
66
+ height: 58px;
67
+ min-width: 264px;
68
+ min-height: 58px;
69
+ box-sizing: border-box;
70
+ }
71
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
72
+ width: 100%;
73
+ }
74
+ .sendbird-theme--light .sendbird-open-channel-preview {
75
+ background-color: var(--sendbird-light-background-50);
76
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
77
+ }
78
+ .sendbird-theme--dark .sendbird-open-channel-preview {
79
+ background-color: var(--sendbird-dark-background-600);
80
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
81
+ }
82
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
83
+ background-color: var(--sendbird-light-background-100);
84
+ }
85
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
86
+ background-color: var(--sendbird-dark-background-500);
87
+ }
88
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
89
+ background-color: var(--sendbird-light-primary-100);
90
+ border-left: solid 4px var(--sendbird-light-primary-300);
91
+ }
92
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
93
+ background-color: var(--sendbird-dark-primary-300);
94
+ border-left: solid 4px var(--sendbird-dark-primary-200);
95
+ }
96
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
97
+ position: relative;
98
+ margin-top: 8px;
99
+ margin-left: 16px;
100
+ display: inline-flex;
101
+ align-items: center;
102
+ justify-content: center;
103
+ width: 42px;
104
+ height: 42px;
105
+ box-sizing: border-box;
106
+ }
107
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
108
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
109
+ position: relative;
110
+ display: inline-flex;
111
+ align-items: center;
112
+ justify-content: center;
113
+ box-sizing: border-box;
114
+ }
115
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
116
+ position: relative;
117
+ margin-top: 8px;
118
+ margin-left: 16px;
119
+ display: inline-flex;
120
+ flex-direction: column;
121
+ max-width: 178px;
122
+ box-sizing: border-box;
123
+ }
124
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
125
+ position: relative;
126
+ display: inline-flex;
127
+ flex-direction: row;
128
+ align-items: center;
129
+ width: 100%;
130
+ height: 16px;
131
+ box-sizing: border-box;
132
+ }
133
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
134
+ position: relative;
135
+ display: inline-block;
136
+ max-width: 100%;
137
+ height: 100%;
138
+ box-sizing: border-box;
139
+ overflow-x: hidden;
140
+ text-overflow: ellipsis;
141
+ word-break: keep-all;
142
+ }
143
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
144
+ max-width: calc(100% - 20px);
145
+ }
146
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
147
+ position: relative;
148
+ margin-left: 4px;
149
+ display: inline-flex;
150
+ }
151
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
152
+ position: relative;
153
+ margin-top: 8px;
154
+ display: inline-flex;
155
+ flex-direction: row;
156
+ align-items: center;
157
+ width: 100%;
158
+ height: 14px;
159
+ box-sizing: border-box;
160
+ }
161
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
162
+ position: relative;
163
+ display: inline-flex;
164
+ width: 14px;
165
+ height: 14px;
166
+ box-sizing: border-box;
167
+ }
168
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
169
+ position: relative;
170
+ margin-left: 4px;
171
+ display: inline-flex;
172
+ width: 160px;
173
+ max-width: 160px;
174
+ height: 12px;
175
+ box-sizing: border-box;
176
+ overflow-x: hidden;
177
+ text-overflow: ellipsis;
178
+ word-break: keep-all;
179
+ }
61
180
  .sendbird-create-open-channel-ui {
62
181
  position: relative;
63
182
  display: inline-flex;
@@ -205,125 +324,6 @@
205
324
  .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
206
325
  background-color: var(--sendbird-dark-background-500);
207
326
  }
208
- .sendbird-open-channel-preview {
209
- position: relative;
210
- display: inline-flex;
211
- flex-direction: row;
212
- width: 264px;
213
- height: 58px;
214
- min-width: 264px;
215
- min-height: 58px;
216
- box-sizing: border-box;
217
- }
218
- .sendbird--mobile-mode .sendbird-open-channel-preview {
219
- width: 100%;
220
- }
221
- .sendbird-theme--light .sendbird-open-channel-preview {
222
- background-color: var(--sendbird-light-background-50);
223
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
224
- }
225
- .sendbird-theme--dark .sendbird-open-channel-preview {
226
- background-color: var(--sendbird-dark-background-600);
227
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
228
- }
229
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
230
- background-color: var(--sendbird-light-background-100);
231
- }
232
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
233
- background-color: var(--sendbird-dark-background-500);
234
- }
235
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
236
- background-color: var(--sendbird-light-primary-100);
237
- border-left: solid 4px var(--sendbird-light-primary-300);
238
- }
239
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
240
- background-color: var(--sendbird-dark-primary-300);
241
- border-left: solid 4px var(--sendbird-dark-primary-200);
242
- }
243
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
244
- position: relative;
245
- margin-top: 8px;
246
- margin-left: 16px;
247
- display: inline-flex;
248
- align-items: center;
249
- justify-content: center;
250
- width: 42px;
251
- height: 42px;
252
- box-sizing: border-box;
253
- }
254
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
255
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
256
- position: relative;
257
- display: inline-flex;
258
- align-items: center;
259
- justify-content: center;
260
- box-sizing: border-box;
261
- }
262
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
263
- position: relative;
264
- margin-top: 8px;
265
- margin-left: 16px;
266
- display: inline-flex;
267
- flex-direction: column;
268
- max-width: 178px;
269
- box-sizing: border-box;
270
- }
271
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
272
- position: relative;
273
- display: inline-flex;
274
- flex-direction: row;
275
- align-items: center;
276
- width: 100%;
277
- height: 16px;
278
- box-sizing: border-box;
279
- }
280
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
281
- position: relative;
282
- display: inline-block;
283
- max-width: 100%;
284
- height: 100%;
285
- box-sizing: border-box;
286
- overflow-x: hidden;
287
- text-overflow: ellipsis;
288
- word-break: keep-all;
289
- }
290
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
291
- max-width: calc(100% - 20px);
292
- }
293
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
294
- position: relative;
295
- margin-left: 4px;
296
- display: inline-flex;
297
- }
298
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
299
- position: relative;
300
- margin-top: 8px;
301
- display: inline-flex;
302
- flex-direction: row;
303
- align-items: center;
304
- width: 100%;
305
- height: 14px;
306
- box-sizing: border-box;
307
- }
308
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
309
- position: relative;
310
- display: inline-flex;
311
- width: 14px;
312
- height: 14px;
313
- box-sizing: border-box;
314
- }
315
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
316
- position: relative;
317
- margin-left: 4px;
318
- display: inline-flex;
319
- width: 160px;
320
- max-width: 160px;
321
- height: 12px;
322
- box-sizing: border-box;
323
- overflow-x: hidden;
324
- text-overflow: ellipsis;
325
- word-break: keep-all;
326
- }
327
327
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
328
328
  :root {
329
329
  --sendbird-light-primary-500: #491389;