@sendbird/uikit-react 3.2.3 → 3.2.4-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (389) hide show
  1. package/App.js +28 -28
  2. package/CHANGELOG.md +11 -0
  3. package/Channel/components/ChannelHeader.js +15 -15
  4. package/Channel/components/ChannelUI.js +31 -22
  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 +18 -18
  9. package/Channel/components/MessageInput.js +15 -15
  10. package/Channel/components/MessageList.js +20 -20
  11. package/Channel/components/RemoveMessageModal.js +15 -15
  12. package/Channel/components/SuggestedMentionList.js +15 -15
  13. package/Channel/components/TypingIndicator.js +14 -14
  14. package/Channel/components/UnreadCount.js +4 -4
  15. package/Channel/context.js +13 -13
  16. package/Channel.js +22 -21
  17. package/Channel.js.map +1 -1
  18. package/ChannelList/components/AddChannel.js +13 -13
  19. package/ChannelList/components/ChannelListHeader.js +7 -7
  20. package/ChannelList/components/ChannelListUI.js +33 -31
  21. package/ChannelList/components/ChannelListUI.js.map +1 -1
  22. package/ChannelList/components/ChannelPreview.js +19 -19
  23. package/ChannelList/components/ChannelPreviewAction.js +13 -13
  24. package/ChannelList/context.js +8 -8
  25. package/ChannelList.js +25 -25
  26. package/{ChannelListProvider-ae931f27.js → ChannelListProvider-72d9a850.js} +9 -9
  27. package/ChannelListProvider-72d9a850.js.map +1 -0
  28. package/{ChannelProvider-06a52df4.js → ChannelProvider-262a9233.js} +10 -10
  29. package/ChannelProvider-262a9233.js.map +1 -0
  30. package/ChannelSettings/components/ChannelProfile.js +11 -11
  31. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  32. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  33. package/ChannelSettings/components/LeaveChannel.js +10 -10
  34. package/ChannelSettings/components/ModerationPanel.js +14 -14
  35. package/ChannelSettings/components/UserListItem.js +11 -11
  36. package/ChannelSettings/components/UserPanel.js +13 -13
  37. package/ChannelSettings/context.js +3 -3
  38. package/ChannelSettings.js +17 -17
  39. package/CreateChannel/components/CreateChannelUI.js +13 -13
  40. package/CreateChannel/components/InviteUsers.js +13 -13
  41. package/CreateChannel/components/SelectChannelType.js +10 -10
  42. package/CreateChannel/context.js +4 -4
  43. package/CreateChannel.js +13 -13
  44. package/{CreateChannelProvider-eb0e903a.js → CreateChannelProvider-8207448d.js} +1 -1
  45. package/{CreateChannelProvider-eb0e903a.js.map → CreateChannelProvider-8207448d.js.map} +1 -1
  46. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  47. package/CreateOpenChannel/context.js +1 -1
  48. package/CreateOpenChannel.js +9 -9
  49. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  50. package/EditUserProfile.js +12 -12
  51. package/{LocalizationContext-a21fd99c.js → LocalizationContext-e41f6755.js} +3 -3
  52. package/{LocalizationContext-a21fd99c.js.map → LocalizationContext-e41f6755.js.map} +1 -1
  53. package/{MemberList-2ad6bbe2.js → MemberList-9114cc24.js} +5 -5
  54. package/{MemberList-2ad6bbe2.js.map → MemberList-9114cc24.js.map} +1 -1
  55. package/MessageSearch/components/MessageSearchUI.js +11 -11
  56. package/MessageSearch/context.js +2 -2
  57. package/MessageSearch.js +11 -11
  58. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  59. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  60. package/OpenChannel/components/OpenChannelInput.js +15 -15
  61. package/OpenChannel/components/OpenChannelMessage.js +20 -20
  62. package/OpenChannel/components/OpenChannelMessageList.js +22 -22
  63. package/OpenChannel/components/OpenChannelUI.js +22 -22
  64. package/OpenChannel/context.js +9 -9
  65. package/OpenChannel.js +22 -22
  66. package/OpenChannelList/components/OpenChannelListUI.js +12 -12
  67. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  68. package/OpenChannelList/context.js +4 -4
  69. package/OpenChannelList.js +12 -12
  70. package/{OpenChannelListProvider-b4a40528.js → OpenChannelListProvider-4ee2a5ae.js} +3 -3
  71. package/{OpenChannelListProvider-b4a40528.js.map → OpenChannelListProvider-4ee2a5ae.js.map} +1 -1
  72. package/{OpenChannelProvider-41409e71.js → OpenChannelProvider-f27e7004.js} +7 -7
  73. package/{OpenChannelProvider-41409e71.js.map → OpenChannelProvider-f27e7004.js.map} +1 -1
  74. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  75. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  76. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  77. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  78. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  79. package/OpenChannelSettings/context.js +3 -3
  80. package/OpenChannelSettings.js +17 -17
  81. package/SendbirdProvider.js +9 -9
  82. package/SendbirdProvider.js.map +1 -1
  83. package/{UserProfileContext-804d6e7c.js → UserProfileContext-1ada295b.js} +1 -1
  84. package/{UserProfileContext-804d6e7c.js.map → UserProfileContext-1ada295b.js.map} +1 -1
  85. package/{_rollupPluginBabelHelpers-3be2ec67.js → _rollupPluginBabelHelpers-19bb5a52.js} +1 -1
  86. package/_rollupPluginBabelHelpers-19bb5a52.js.map +1 -0
  87. package/{actionTypes-61259781.js → actionTypes-fe8d0e10.js} +1 -1
  88. package/{actionTypes-61259781.js.map → actionTypes-fe8d0e10.js.map} +1 -1
  89. package/cjs/App.js +28 -28
  90. package/cjs/Channel/components/ChannelHeader.js +15 -15
  91. package/cjs/Channel/components/ChannelUI.js +31 -22
  92. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  93. package/cjs/Channel/components/FileViewer.js +14 -14
  94. package/cjs/Channel/components/FrozenNotification.js +4 -4
  95. package/cjs/Channel/components/Message.js +18 -18
  96. package/cjs/Channel/components/MessageInput.js +15 -15
  97. package/cjs/Channel/components/MessageList.js +20 -20
  98. package/cjs/Channel/components/RemoveMessageModal.js +15 -15
  99. package/cjs/Channel/components/SuggestedMentionList.js +15 -15
  100. package/cjs/Channel/components/TypingIndicator.js +14 -14
  101. package/cjs/Channel/components/UnreadCount.js +4 -4
  102. package/cjs/Channel/context.js +13 -13
  103. package/cjs/Channel.js +22 -21
  104. package/cjs/Channel.js.map +1 -1
  105. package/cjs/ChannelList/components/AddChannel.js +13 -13
  106. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  107. package/cjs/ChannelList/components/ChannelListUI.js +33 -31
  108. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  109. package/cjs/ChannelList/components/ChannelPreview.js +19 -19
  110. package/cjs/ChannelList/components/ChannelPreviewAction.js +13 -13
  111. package/cjs/ChannelList/context.js +8 -8
  112. package/cjs/ChannelList.js +25 -25
  113. package/cjs/{ChannelListProvider-9fe89939.js → ChannelListProvider-9162e37c.js} +9 -9
  114. package/cjs/ChannelListProvider-9162e37c.js.map +1 -0
  115. package/cjs/{ChannelProvider-abb3b1ea.js → ChannelProvider-80d98735.js} +10 -10
  116. package/cjs/ChannelProvider-80d98735.js.map +1 -0
  117. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  118. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  119. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  120. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  121. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  122. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  123. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  124. package/cjs/ChannelSettings/context.js +3 -3
  125. package/cjs/ChannelSettings.js +17 -17
  126. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  127. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  128. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  129. package/cjs/CreateChannel/context.js +4 -4
  130. package/cjs/CreateChannel.js +13 -13
  131. package/cjs/{CreateChannelProvider-e2d1cd27.js → CreateChannelProvider-fd6fa470.js} +1 -1
  132. package/cjs/{CreateChannelProvider-e2d1cd27.js.map → CreateChannelProvider-fd6fa470.js.map} +1 -1
  133. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  134. package/cjs/CreateOpenChannel/context.js +1 -1
  135. package/cjs/CreateOpenChannel.js +9 -9
  136. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  137. package/cjs/EditUserProfile.js +12 -12
  138. package/cjs/{LocalizationContext-af5d4a04.js → LocalizationContext-052b4ff3.js} +3 -3
  139. package/cjs/{LocalizationContext-af5d4a04.js.map → LocalizationContext-052b4ff3.js.map} +1 -1
  140. package/cjs/{MemberList-0f7ad86b.js → MemberList-5383afa1.js} +5 -5
  141. package/cjs/{MemberList-0f7ad86b.js.map → MemberList-5383afa1.js.map} +1 -1
  142. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  143. package/cjs/MessageSearch/context.js +2 -2
  144. package/cjs/MessageSearch.js +11 -11
  145. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  146. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  147. package/cjs/OpenChannel/components/OpenChannelInput.js +15 -15
  148. package/cjs/OpenChannel/components/OpenChannelMessage.js +20 -20
  149. package/cjs/OpenChannel/components/OpenChannelMessageList.js +22 -22
  150. package/cjs/OpenChannel/components/OpenChannelUI.js +22 -22
  151. package/cjs/OpenChannel/context.js +9 -9
  152. package/cjs/OpenChannel.js +22 -22
  153. package/cjs/OpenChannelList/components/OpenChannelListUI.js +12 -12
  154. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  155. package/cjs/OpenChannelList/context.js +4 -4
  156. package/cjs/OpenChannelList.js +12 -12
  157. package/cjs/{OpenChannelListProvider-bc4bc7c4.js → OpenChannelListProvider-f8cbc130.js} +3 -3
  158. package/cjs/{OpenChannelListProvider-bc4bc7c4.js.map → OpenChannelListProvider-f8cbc130.js.map} +1 -1
  159. package/cjs/{OpenChannelProvider-b82bca34.js → OpenChannelProvider-1534f7b6.js} +7 -7
  160. package/cjs/{OpenChannelProvider-b82bca34.js.map → OpenChannelProvider-1534f7b6.js.map} +1 -1
  161. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  162. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  163. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  164. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  165. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  166. package/cjs/OpenChannelSettings/context.js +3 -3
  167. package/cjs/OpenChannelSettings.js +17 -17
  168. package/cjs/SendbirdProvider.js +9 -9
  169. package/cjs/SendbirdProvider.js.map +1 -1
  170. package/cjs/{UserProfileContext-f47b4181.js → UserProfileContext-b388480f.js} +1 -1
  171. package/cjs/{UserProfileContext-f47b4181.js.map → UserProfileContext-b388480f.js.map} +1 -1
  172. package/cjs/{_rollupPluginBabelHelpers-6e797acf.js → _rollupPluginBabelHelpers-dc6de454.js} +1 -1
  173. package/cjs/_rollupPluginBabelHelpers-dc6de454.js.map +1 -0
  174. package/cjs/{actionTypes-ce07931d.js → actionTypes-8f84e926.js} +1 -1
  175. package/cjs/{actionTypes-ce07931d.js.map → actionTypes-8f84e926.js.map} +1 -1
  176. package/cjs/{color-4125a5d0.js → color-3bd13d69.js} +1 -1
  177. package/cjs/{color-4125a5d0.js.map → color-3bd13d69.js.map} +1 -1
  178. package/cjs/{compareIds-630195c8.js → compareIds-214fb618.js} +1 -1
  179. package/cjs/{compareIds-630195c8.js.map → compareIds-214fb618.js.map} +1 -1
  180. package/cjs/{const-f9f64469.js → const-3e511875.js} +1 -1
  181. package/cjs/{const-f9f64469.js.map → const-3e511875.js.map} +1 -1
  182. package/cjs/{const-69e6f6f0.js → const-eb9c469a.js} +1 -1
  183. package/cjs/{const-69e6f6f0.js.map → const-eb9c469a.js.map} +1 -1
  184. package/cjs/{context-729998fc.js → context-1ae5c1c5.js} +2 -2
  185. package/cjs/{context-729998fc.js.map → context-1ae5c1c5.js.map} +1 -1
  186. package/cjs/dist/index.css +116 -116
  187. package/cjs/dist/index.css.map +1 -1
  188. package/cjs/{index-b0859463.js → index-00449b26.js} +5 -5
  189. package/cjs/{index-b0859463.js.map → index-00449b26.js.map} +1 -1
  190. package/cjs/{index-44c80e24.js → index-212ca9c2.js} +2 -2
  191. package/cjs/{index-44c80e24.js.map → index-212ca9c2.js.map} +1 -1
  192. package/cjs/{index-73b08dbd.js → index-2bc6b4f8.js} +7 -7
  193. package/cjs/{index-73b08dbd.js.map → index-2bc6b4f8.js.map} +1 -1
  194. package/cjs/{index-9c2ec644.js → index-6d72618b.js} +4 -4
  195. package/cjs/{index-9c2ec644.js.map → index-6d72618b.js.map} +1 -1
  196. package/cjs/{index-2ea00738.js → index-77222b9e.js} +4 -4
  197. package/cjs/{index-2ea00738.js.map → index-77222b9e.js.map} +1 -1
  198. package/cjs/{index-ac797cec.js → index-b364e004.js} +2 -2
  199. package/cjs/{index-ac797cec.js.map → index-b364e004.js.map} +1 -1
  200. package/cjs/{index-afac22db.js → index-ba2ffa9b.js} +1 -1
  201. package/cjs/{index-afac22db.js.map → index-ba2ffa9b.js.map} +1 -1
  202. package/cjs/{index-faf7050e.js → index-cb92d164.js} +1 -1
  203. package/cjs/{index-faf7050e.js.map → index-cb92d164.js.map} +1 -1
  204. package/cjs/{index-9343c720.js → index-d036320b.js} +2 -2
  205. package/cjs/{index-9343c720.js.map → index-d036320b.js.map} +1 -1
  206. package/cjs/{index-2deaee74.js → index-d2501eed.js} +2 -2
  207. package/cjs/{index-2deaee74.js.map → index-d2501eed.js.map} +1 -1
  208. package/cjs/index.js +32 -32
  209. package/cjs/{openChannelUtils-fd2a2d40.js → openChannelUtils-75da6d9d.js} +1 -1
  210. package/cjs/{openChannelUtils-fd2a2d40.js.map → openChannelUtils-75da6d9d.js.map} +1 -1
  211. package/cjs/sendbirdSelectors.js +2 -2
  212. package/cjs/{stringSet-1cf0be09.js → stringSet-049b4e09.js} +1 -1
  213. package/cjs/{stringSet-1cf0be09.js.map → stringSet-049b4e09.js.map} +1 -1
  214. package/cjs/{topics-75ad844e.js → topics-98cb2a0a.js} +1 -1
  215. package/cjs/{topics-75ad844e.js.map → topics-98cb2a0a.js.map} +1 -1
  216. package/cjs/{tslib.es6-cbf53b9b.js → tslib.es6-85f9fc43.js} +1 -1
  217. package/cjs/{tslib.es6-cbf53b9b.js.map → tslib.es6-85f9fc43.js.map} +1 -1
  218. package/cjs/ui/Accordion.js +3 -3
  219. package/cjs/ui/AccordionGroup.js +2 -2
  220. package/cjs/ui/AdminMessage.js +3 -3
  221. package/cjs/ui/Avatar.js +2 -2
  222. package/cjs/ui/Badge.js +5 -5
  223. package/cjs/ui/Button.js +3 -3
  224. package/cjs/ui/ChannelAvatar.js +3 -3
  225. package/cjs/ui/ConnectionStatus.js +4 -4
  226. package/cjs/ui/ContextMenu.js +5 -5
  227. package/cjs/ui/DateSeparator.js +4 -4
  228. package/cjs/ui/EmojiReactions.js +7 -7
  229. package/cjs/ui/FileMessageItemBody.js +5 -5
  230. package/cjs/ui/FileViewer.js +8 -8
  231. package/cjs/ui/IconButton.js +1 -1
  232. package/cjs/ui/ImageRenderer.js +1 -1
  233. package/cjs/ui/Input.js +2 -2
  234. package/cjs/ui/Label.js +2 -2
  235. package/cjs/ui/LinkLabel.js +2 -2
  236. package/cjs/ui/Loader.js +1 -1
  237. package/cjs/ui/MentionLabel.js +10 -10
  238. package/cjs/ui/MessageContent.js +13 -13
  239. package/cjs/ui/MessageInput.js +9 -9
  240. package/cjs/ui/MessageItemMenu.js +7 -7
  241. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  242. package/cjs/ui/MessageSearchFileItem.js +9 -9
  243. package/cjs/ui/MessageSearchItem.js +9 -9
  244. package/cjs/ui/MessageStatus.js +7 -7
  245. package/cjs/ui/Modal.js +6 -6
  246. package/cjs/ui/OGMessageItemBody.js +10 -10
  247. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  248. package/cjs/ui/OpenChannelAvatar.js +6 -6
  249. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  250. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  251. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  252. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  253. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  254. package/cjs/ui/PlaceHolder.js +6 -6
  255. package/cjs/ui/QuoteMessage.js +6 -6
  256. package/cjs/ui/QuoteMessageInput.js +6 -6
  257. package/cjs/ui/ReactionBadge.js +3 -3
  258. package/cjs/ui/ReactionButton.js +1 -1
  259. package/cjs/ui/SortByRow.js +2 -2
  260. package/cjs/ui/TextButton.js +2 -2
  261. package/cjs/ui/TextMessageItemBody.js +10 -10
  262. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  263. package/cjs/ui/Tooltip.js +3 -3
  264. package/cjs/ui/TooltipWrapper.js +1 -1
  265. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  266. package/cjs/ui/UserListItem.js +11 -11
  267. package/cjs/ui/UserProfile.js +9 -9
  268. package/cjs/ui/Word.js +10 -10
  269. package/cjs/useSendbirdStateContext.js +1 -1
  270. package/cjs/{utils-ef4ada41.js → utils-39ec90d2.js} +1 -1
  271. package/cjs/{utils-ef4ada41.js.map → utils-39ec90d2.js.map} +1 -1
  272. package/cjs/{utils-e445a3a5.js → utils-81982925.js} +1 -1
  273. package/cjs/{utils-e445a3a5.js.map → utils-81982925.js.map} +1 -1
  274. package/cjs/{utils-cff8ef3c.js → utils-cfd169cf.js} +1 -1
  275. package/cjs/{utils-cff8ef3c.js.map → utils-cfd169cf.js.map} +1 -1
  276. package/cjs/{uuid-fd1ae281.js → uuid-fd0e9df2.js} +1 -1
  277. package/cjs/{uuid-fd1ae281.js.map → uuid-fd0e9df2.js.map} +1 -1
  278. package/cjs/withSendbird.js +1 -1
  279. package/{color-e92a1ce5.js → color-aa2a4fb9.js} +1 -1
  280. package/{color-e92a1ce5.js.map → color-aa2a4fb9.js.map} +1 -1
  281. package/{compareIds-0e39568a.js → compareIds-6ecf8562.js} +1 -1
  282. package/{compareIds-0e39568a.js.map → compareIds-6ecf8562.js.map} +1 -1
  283. package/{const-b50ee378.js → const-6422747c.js} +1 -1
  284. package/{const-b50ee378.js.map → const-6422747c.js.map} +1 -1
  285. package/{const-05b7e2ee.js → const-993f5ed2.js} +1 -1
  286. package/{const-05b7e2ee.js.map → const-993f5ed2.js.map} +1 -1
  287. package/{context-cac056b6.js → context-be042eab.js} +2 -2
  288. package/{context-cac056b6.js.map → context-be042eab.js.map} +1 -1
  289. package/dist/index.css +116 -116
  290. package/dist/index.css.map +1 -1
  291. package/{index-2f7dc394.js → index-1e6a8e36.js} +1 -1
  292. package/{index-2f7dc394.js.map → index-1e6a8e36.js.map} +1 -1
  293. package/{index-82f39d94.js → index-22eeaa42.js} +5 -5
  294. package/{index-82f39d94.js.map → index-22eeaa42.js.map} +1 -1
  295. package/{index-c35128dd.js → index-29315cb2.js} +2 -2
  296. package/{index-c35128dd.js.map → index-29315cb2.js.map} +1 -1
  297. package/{index-58580f28.js → index-32596c72.js} +2 -2
  298. package/{index-58580f28.js.map → index-32596c72.js.map} +1 -1
  299. package/{index-218499dd.js → index-506577dc.js} +7 -7
  300. package/{index-218499dd.js.map → index-506577dc.js.map} +1 -1
  301. package/{index-4e0f3666.js → index-96261249.js} +2 -2
  302. package/{index-4e0f3666.js.map → index-96261249.js.map} +1 -1
  303. package/{index-575e441e.js → index-a31340c6.js} +4 -4
  304. package/{index-575e441e.js.map → index-a31340c6.js.map} +1 -1
  305. package/{index-acdeddcd.js → index-b842face.js} +1 -1
  306. package/{index-acdeddcd.js.map → index-b842face.js.map} +1 -1
  307. package/{index-4544729b.js → index-be0700a1.js} +4 -4
  308. package/{index-4544729b.js.map → index-be0700a1.js.map} +1 -1
  309. package/{index-4572759d.js → index-d3d000c5.js} +2 -2
  310. package/{index-4572759d.js.map → index-d3d000c5.js.map} +1 -1
  311. package/index.d.ts +3 -2
  312. package/index.js +32 -32
  313. package/{openChannelUtils-141e14ca.js → openChannelUtils-ff549f6e.js} +1 -1
  314. package/{openChannelUtils-141e14ca.js.map → openChannelUtils-ff549f6e.js.map} +1 -1
  315. package/package.json +2 -2
  316. package/sendbirdSelectors.js +2 -2
  317. package/{stringSet-97b371bf.js → stringSet-a6d82760.js} +1 -1
  318. package/{stringSet-97b371bf.js.map → stringSet-a6d82760.js.map} +1 -1
  319. package/{topics-0034d31d.js → topics-a7837cce.js} +1 -1
  320. package/{topics-0034d31d.js.map → topics-a7837cce.js.map} +1 -1
  321. package/{tslib.es6-7933cbb3.js → tslib.es6-8f51834f.js} +1 -1
  322. package/{tslib.es6-7933cbb3.js.map → tslib.es6-8f51834f.js.map} +1 -1
  323. package/ui/Accordion.js +3 -3
  324. package/ui/AccordionGroup.js +2 -2
  325. package/ui/AdminMessage.js +3 -3
  326. package/ui/Avatar.js +2 -2
  327. package/ui/Badge.js +5 -5
  328. package/ui/Button.js +3 -3
  329. package/ui/ChannelAvatar.js +3 -3
  330. package/ui/ConnectionStatus.js +4 -4
  331. package/ui/ContextMenu.js +5 -5
  332. package/ui/DateSeparator.js +4 -4
  333. package/ui/EmojiReactions.js +7 -7
  334. package/ui/FileMessageItemBody.js +5 -5
  335. package/ui/FileViewer.js +8 -8
  336. package/ui/IconButton.js +1 -1
  337. package/ui/ImageRenderer.js +1 -1
  338. package/ui/Input.js +2 -2
  339. package/ui/Label.js +2 -2
  340. package/ui/LinkLabel.js +2 -2
  341. package/ui/Loader.js +1 -1
  342. package/ui/MentionLabel.js +10 -10
  343. package/ui/MessageContent.js +13 -13
  344. package/ui/MessageInput.js +9 -9
  345. package/ui/MessageItemMenu.js +7 -7
  346. package/ui/MessageItemReactionMenu.js +5 -5
  347. package/ui/MessageSearchFileItem.js +9 -9
  348. package/ui/MessageSearchItem.js +9 -9
  349. package/ui/MessageStatus.js +7 -7
  350. package/ui/Modal.js +6 -6
  351. package/ui/OGMessageItemBody.js +10 -10
  352. package/ui/OpenChannelAdminMessage.js +3 -3
  353. package/ui/OpenChannelAvatar.js +6 -6
  354. package/ui/OpenchannelConversationHeader.js +6 -6
  355. package/ui/OpenchannelFileMessage.js +14 -14
  356. package/ui/OpenchannelOGMessage.js +14 -14
  357. package/ui/OpenchannelThumbnailMessage.js +13 -13
  358. package/ui/OpenchannelUserMessage.js +14 -14
  359. package/ui/PlaceHolder.js +6 -6
  360. package/ui/QuoteMessage.js +6 -6
  361. package/ui/QuoteMessageInput.js +6 -6
  362. package/ui/ReactionBadge.js +3 -3
  363. package/ui/ReactionButton.js +1 -1
  364. package/ui/SortByRow.js +2 -2
  365. package/ui/TextButton.js +2 -2
  366. package/ui/TextMessageItemBody.js +10 -10
  367. package/ui/ThumbnailMessageItemBody.js +2 -2
  368. package/ui/Tooltip.js +3 -3
  369. package/ui/TooltipWrapper.js +1 -1
  370. package/ui/UnknownMessageItemBody.js +6 -6
  371. package/ui/UserListItem.js +11 -11
  372. package/ui/UserProfile.js +9 -9
  373. package/ui/Word.js +10 -10
  374. package/useSendbirdStateContext.js +1 -1
  375. package/{utils-be67dd33.js → utils-3f80bb5e.js} +1 -1
  376. package/{utils-be67dd33.js.map → utils-3f80bb5e.js.map} +1 -1
  377. package/{utils-2252e970.js → utils-6f7b9979.js} +1 -1
  378. package/{utils-2252e970.js.map → utils-6f7b9979.js.map} +1 -1
  379. package/{utils-b95c3ade.js → utils-e5ed3f12.js} +1 -1
  380. package/{utils-b95c3ade.js.map → utils-e5ed3f12.js.map} +1 -1
  381. package/{uuid-0426c252.js → uuid-58f681ca.js} +1 -1
  382. package/{uuid-0426c252.js.map → uuid-58f681ca.js.map} +1 -1
  383. package/withSendbird.js +1 -1
  384. package/ChannelListProvider-ae931f27.js.map +0 -1
  385. package/ChannelProvider-06a52df4.js.map +0 -1
  386. package/_rollupPluginBabelHelpers-3be2ec67.js.map +0 -1
  387. package/cjs/ChannelListProvider-9fe89939.js.map +0 -1
  388. package/cjs/ChannelProvider-abb3b1ea.js.map +0 -1
  389. package/cjs/_rollupPluginBabelHelpers-6e797acf.js.map +0 -1
package/cjs/dist/index.css CHANGED
@@ -58,6 +58,122 @@
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-theme--light .sendbird-open-channel-preview {
72
+ background-color: var(--sendbird-light-background-50);
73
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
74
+ }
75
+ .sendbird-theme--dark .sendbird-open-channel-preview {
76
+ background-color: var(--sendbird-dark-background-600);
77
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
78
+ }
79
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
80
+ background-color: var(--sendbird-light-background-100);
81
+ }
82
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
83
+ background-color: var(--sendbird-dark-background-500);
84
+ }
85
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
86
+ background-color: var(--sendbird-light-primary-100);
87
+ border-left: solid 4px var(--sendbird-light-primary-300);
88
+ }
89
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
90
+ background-color: var(--sendbird-dark-primary-300);
91
+ border-left: solid 4px var(--sendbird-dark-primary-200);
92
+ }
93
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
94
+ position: relative;
95
+ margin-top: 8px;
96
+ margin-left: 16px;
97
+ display: inline-flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ width: 42px;
101
+ height: 42px;
102
+ box-sizing: border-box;
103
+ }
104
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
105
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
106
+ position: relative;
107
+ display: inline-flex;
108
+ align-items: center;
109
+ justify-content: center;
110
+ box-sizing: border-box;
111
+ }
112
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
113
+ position: relative;
114
+ margin-top: 8px;
115
+ margin-left: 16px;
116
+ display: inline-flex;
117
+ flex-direction: column;
118
+ max-width: 178px;
119
+ box-sizing: border-box;
120
+ }
121
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
122
+ position: relative;
123
+ display: inline-flex;
124
+ flex-direction: row;
125
+ align-items: center;
126
+ width: 100%;
127
+ height: 16px;
128
+ box-sizing: border-box;
129
+ }
130
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
131
+ position: relative;
132
+ display: inline-block;
133
+ max-width: 100%;
134
+ height: 100%;
135
+ box-sizing: border-box;
136
+ overflow-x: hidden;
137
+ text-overflow: ellipsis;
138
+ word-break: keep-all;
139
+ }
140
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
141
+ max-width: calc(100% - 20px);
142
+ }
143
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
144
+ position: relative;
145
+ margin-left: 4px;
146
+ display: inline-flex;
147
+ }
148
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
149
+ position: relative;
150
+ margin-top: 8px;
151
+ display: inline-flex;
152
+ flex-direction: row;
153
+ align-items: center;
154
+ width: 100%;
155
+ height: 14px;
156
+ box-sizing: border-box;
157
+ }
158
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
159
+ position: relative;
160
+ display: inline-flex;
161
+ width: 14px;
162
+ height: 14px;
163
+ box-sizing: border-box;
164
+ }
165
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
166
+ position: relative;
167
+ margin-left: 4px;
168
+ display: inline-flex;
169
+ width: 160px;
170
+ max-width: 160px;
171
+ height: 12px;
172
+ box-sizing: border-box;
173
+ overflow-x: hidden;
174
+ text-overflow: ellipsis;
175
+ word-break: keep-all;
176
+ }
61
177
  .sendbird-create-open-channel-ui {
62
178
  position: relative;
63
179
  display: inline-flex;
@@ -201,122 +317,6 @@
201
317
  .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
202
318
  background-color: var(--sendbird-dark-background-500);
203
319
  }
204
- .sendbird-open-channel-preview {
205
- position: relative;
206
- display: inline-flex;
207
- flex-direction: row;
208
- width: 264px;
209
- height: 58px;
210
- min-width: 264px;
211
- min-height: 58px;
212
- box-sizing: border-box;
213
- }
214
- .sendbird-theme--light .sendbird-open-channel-preview {
215
- background-color: var(--sendbird-light-background-50);
216
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
217
- }
218
- .sendbird-theme--dark .sendbird-open-channel-preview {
219
- background-color: var(--sendbird-dark-background-600);
220
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
221
- }
222
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
223
- background-color: var(--sendbird-light-background-100);
224
- }
225
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
226
- background-color: var(--sendbird-dark-background-500);
227
- }
228
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
229
- background-color: var(--sendbird-light-primary-100);
230
- border-left: solid 4px var(--sendbird-light-primary-300);
231
- }
232
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
233
- background-color: var(--sendbird-dark-primary-300);
234
- border-left: solid 4px var(--sendbird-dark-primary-200);
235
- }
236
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
237
- position: relative;
238
- margin-top: 8px;
239
- margin-left: 16px;
240
- display: inline-flex;
241
- align-items: center;
242
- justify-content: center;
243
- width: 42px;
244
- height: 42px;
245
- box-sizing: border-box;
246
- }
247
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
248
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
249
- position: relative;
250
- display: inline-flex;
251
- align-items: center;
252
- justify-content: center;
253
- box-sizing: border-box;
254
- }
255
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
256
- position: relative;
257
- margin-top: 8px;
258
- margin-left: 16px;
259
- display: inline-flex;
260
- flex-direction: column;
261
- max-width: 178px;
262
- box-sizing: border-box;
263
- }
264
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
265
- position: relative;
266
- display: inline-flex;
267
- flex-direction: row;
268
- align-items: center;
269
- width: 100%;
270
- height: 16px;
271
- box-sizing: border-box;
272
- }
273
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
274
- position: relative;
275
- display: inline-block;
276
- max-width: 100%;
277
- height: 100%;
278
- box-sizing: border-box;
279
- overflow-x: hidden;
280
- text-overflow: ellipsis;
281
- word-break: keep-all;
282
- }
283
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
284
- max-width: calc(100% - 20px);
285
- }
286
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
287
- position: relative;
288
- margin-left: 4px;
289
- display: inline-flex;
290
- }
291
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
292
- position: relative;
293
- margin-top: 8px;
294
- display: inline-flex;
295
- flex-direction: row;
296
- align-items: center;
297
- width: 100%;
298
- height: 14px;
299
- box-sizing: border-box;
300
- }
301
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
302
- position: relative;
303
- display: inline-flex;
304
- width: 14px;
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__count {
309
- position: relative;
310
- margin-left: 4px;
311
- display: inline-flex;
312
- width: 160px;
313
- max-width: 160px;
314
- height: 12px;
315
- box-sizing: border-box;
316
- overflow-x: hidden;
317
- text-overflow: ellipsis;
318
- word-break: keep-all;
319
- }
320
320
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
321
321
  :root {
322
322
  --sendbird-light-primary-500: #491389;