@sendbird/uikit-react 3.3.1 → 3.3.2-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 (469) hide show
  1. package/App.js +35 -35
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +53 -0
  4. package/Channel/components/ChannelHeader.js +18 -18
  5. package/Channel/components/ChannelUI.js +25 -25
  6. package/Channel/components/FileViewer.js +14 -14
  7. package/Channel/components/FrozenNotification.js +4 -4
  8. package/Channel/components/Message.js +21 -21
  9. package/Channel/components/MessageInput.js +16 -16
  10. package/Channel/components/MessageList.js +33 -32
  11. package/Channel/components/MessageList.js.map +1 -1
  12. package/Channel/components/RemoveMessageModal.js +16 -16
  13. package/Channel/components/SuggestedMentionList.js +16 -16
  14. package/Channel/components/TypingIndicator.js +14 -14
  15. package/Channel/components/UnreadCount.js +4 -4
  16. package/Channel/context.js +13 -13
  17. package/Channel.js +25 -25
  18. package/ChannelList/components/AddChannel.js +19 -15
  19. package/ChannelList/components/AddChannel.js.map +1 -1
  20. package/ChannelList/components/ChannelListHeader.js +26 -16
  21. package/ChannelList/components/ChannelListHeader.js.map +1 -1
  22. package/ChannelList/components/ChannelListUI.js +30 -31
  23. package/ChannelList/components/ChannelListUI.js.map +1 -1
  24. package/ChannelList/components/ChannelPreview.js +23 -23
  25. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  26. package/ChannelList/context.js +8 -8
  27. package/ChannelList.js +29 -28
  28. package/ChannelList.js.map +1 -1
  29. package/{ChannelListProvider-52bd5651.js → ChannelListProvider-564069bb.js} +10 -8
  30. package/ChannelListProvider-564069bb.js.map +1 -0
  31. package/{ChannelProvider-27d5b294.js → ChannelProvider-1e488059.js} +10 -10
  32. package/ChannelProvider-1e488059.js.map +1 -0
  33. package/ChannelSettings/components/ChannelProfile.js +12 -12
  34. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  35. package/ChannelSettings/components/EditDetailsModal.js +12 -12
  36. package/ChannelSettings/components/LeaveChannel.js +12 -12
  37. package/ChannelSettings/components/ModerationPanel.js +16 -16
  38. package/ChannelSettings/components/UserListItem.js +15 -14
  39. package/ChannelSettings/components/UserListItem.js.map +1 -1
  40. package/ChannelSettings/components/UserPanel.js +16 -16
  41. package/ChannelSettings/context.js +5 -3
  42. package/ChannelSettings/context.js.map +1 -1
  43. package/ChannelSettings.js +19 -18
  44. package/ChannelSettings.js.map +1 -1
  45. package/CreateChannel/components/CreateChannelUI.js +14 -14
  46. package/CreateChannel/components/InviteUsers.js +24 -14
  47. package/CreateChannel/components/InviteUsers.js.map +1 -1
  48. package/CreateChannel/components/SelectChannelType.js +11 -11
  49. package/CreateChannel/context.js +4 -4
  50. package/CreateChannel.js +17 -15
  51. package/CreateChannel.js.map +1 -1
  52. package/{CreateChannelProvider-03cb2281.js → CreateChannelProvider-81c96cec.js} +3 -1
  53. package/CreateChannelProvider-81c96cec.js.map +1 -0
  54. package/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  55. package/CreateOpenChannel/context.js +1 -1
  56. package/CreateOpenChannel.js +10 -10
  57. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  58. package/EditUserProfile.js +13 -13
  59. package/{LocalizationContext-a2ee218e.js → LocalizationContext-c581ffd2.js} +3 -3
  60. package/{LocalizationContext-a2ee218e.js.map → LocalizationContext-c581ffd2.js.map} +1 -1
  61. package/{MediaQueryContext-96f92333.js → MediaQueryContext-d5ebbd1e.js} +1 -1
  62. package/{MediaQueryContext-96f92333.js.map → MediaQueryContext-d5ebbd1e.js.map} +1 -1
  63. package/{MemberList-cadd6aae.js → MemberList-390d035e.js} +20 -6
  64. package/MemberList-390d035e.js.map +1 -0
  65. package/MessageSearch/components/MessageSearchUI.js +11 -11
  66. package/MessageSearch/context.js +4 -4
  67. package/MessageSearch/context.js.map +1 -1
  68. package/MessageSearch.js +11 -11
  69. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  70. package/OpenChannel/components/OpenChannelHeader.js +13 -13
  71. package/OpenChannel/components/OpenChannelInput.js +15 -15
  72. package/OpenChannel/components/OpenChannelMessage.js +23 -23
  73. package/OpenChannel/components/OpenChannelMessageList.js +24 -24
  74. package/OpenChannel/components/OpenChannelUI.js +24 -24
  75. package/OpenChannel/context.js +9 -9
  76. package/OpenChannel.js +25 -25
  77. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  78. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  79. package/OpenChannelList/context.js +4 -4
  80. package/OpenChannelList.js +13 -13
  81. package/{OpenChannelListProvider-d6405c58.js → OpenChannelListProvider-cd43c26d.js} +3 -3
  82. package/{OpenChannelListProvider-d6405c58.js.map → OpenChannelListProvider-cd43c26d.js.map} +1 -1
  83. package/{OpenChannelProvider-8500e794.js → OpenChannelProvider-d72936c7.js} +7 -7
  84. package/{OpenChannelProvider-8500e794.js.map → OpenChannelProvider-d72936c7.js.map} +1 -1
  85. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  86. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  87. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  88. package/OpenChannelSettings/components/OperatorUI.js +17 -17
  89. package/OpenChannelSettings/components/ParticipantUI.js +16 -16
  90. package/OpenChannelSettings/context.js +3 -3
  91. package/OpenChannelSettings.js +18 -18
  92. package/{RemoveMessageModal-fb214954.js → RemoveMessageModal-51b522fa.js} +3 -3
  93. package/{RemoveMessageModal-fb214954.js.map → RemoveMessageModal-51b522fa.js.map} +1 -1
  94. package/SendbirdProvider.js +14 -14
  95. package/SendbirdProvider.js.map +1 -1
  96. package/Thread/components/ParentMessageInfo.js +23 -23
  97. package/Thread/components/ParentMessageInfo.js.map +1 -1
  98. package/Thread/components/ParentMessageInfoItem.js +15 -15
  99. package/Thread/components/ThreadHeader.js +6 -6
  100. package/Thread/components/ThreadList.js +21 -21
  101. package/Thread/components/ThreadListItem.js +23 -23
  102. package/Thread/components/ThreadListItem.js.map +1 -1
  103. package/Thread/components/ThreadMessageInput.js +16 -16
  104. package/Thread/components/ThreadUI.js +23 -23
  105. package/Thread/components/ThreadUI.js.map +1 -1
  106. package/Thread/context.js +8 -8
  107. package/Thread.js +23 -23
  108. package/{ThreadProvider-6533cce5.js → ThreadProvider-0a23c2bf.js} +6 -6
  109. package/{ThreadProvider-6533cce5.js.map → ThreadProvider-0a23c2bf.js.map} +1 -1
  110. package/{UserProfileContext-48debc66.js → UserProfileContext-9935594b.js} +1 -1
  111. package/{UserProfileContext-48debc66.js.map → UserProfileContext-9935594b.js.map} +1 -1
  112. package/{_rollupPluginBabelHelpers-10025601.js → _rollupPluginBabelHelpers-6233c00f.js} +1 -1
  113. package/_rollupPluginBabelHelpers-6233c00f.js.map +1 -0
  114. package/{actionTypes-92eca572.js → actionTypes-eb377b98.js} +1 -1
  115. package/{actionTypes-92eca572.js.map → actionTypes-eb377b98.js.map} +1 -1
  116. package/cjs/App.js +35 -35
  117. package/cjs/App.js.map +1 -1
  118. package/cjs/Channel/components/ChannelHeader.js +18 -18
  119. package/cjs/Channel/components/ChannelUI.js +25 -25
  120. package/cjs/Channel/components/FileViewer.js +14 -14
  121. package/cjs/Channel/components/FrozenNotification.js +4 -4
  122. package/cjs/Channel/components/Message.js +21 -21
  123. package/cjs/Channel/components/MessageInput.js +16 -16
  124. package/cjs/Channel/components/MessageList.js +33 -32
  125. package/cjs/Channel/components/MessageList.js.map +1 -1
  126. package/cjs/Channel/components/RemoveMessageModal.js +16 -16
  127. package/cjs/Channel/components/SuggestedMentionList.js +16 -16
  128. package/cjs/Channel/components/TypingIndicator.js +14 -14
  129. package/cjs/Channel/components/UnreadCount.js +4 -4
  130. package/cjs/Channel/context.js +13 -13
  131. package/cjs/Channel.js +25 -25
  132. package/cjs/ChannelList/components/AddChannel.js +19 -15
  133. package/cjs/ChannelList/components/AddChannel.js.map +1 -1
  134. package/cjs/ChannelList/components/ChannelListHeader.js +26 -16
  135. package/cjs/ChannelList/components/ChannelListHeader.js.map +1 -1
  136. package/cjs/ChannelList/components/ChannelListUI.js +30 -31
  137. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  138. package/cjs/ChannelList/components/ChannelPreview.js +23 -23
  139. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  140. package/cjs/ChannelList/context.js +8 -8
  141. package/cjs/ChannelList.js +29 -28
  142. package/cjs/ChannelList.js.map +1 -1
  143. package/cjs/{ChannelListProvider-4c4df121.js → ChannelListProvider-51a4a5c1.js} +10 -8
  144. package/cjs/ChannelListProvider-51a4a5c1.js.map +1 -0
  145. package/cjs/{ChannelProvider-91732cb1.js → ChannelProvider-2e5c9be5.js} +10 -10
  146. package/cjs/ChannelProvider-2e5c9be5.js.map +1 -0
  147. package/cjs/ChannelSettings/components/ChannelProfile.js +12 -12
  148. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  149. package/cjs/ChannelSettings/components/EditDetailsModal.js +12 -12
  150. package/cjs/ChannelSettings/components/LeaveChannel.js +12 -12
  151. package/cjs/ChannelSettings/components/ModerationPanel.js +16 -16
  152. package/cjs/ChannelSettings/components/UserListItem.js +13 -12
  153. package/cjs/ChannelSettings/components/UserListItem.js.map +1 -1
  154. package/cjs/ChannelSettings/components/UserPanel.js +16 -16
  155. package/cjs/ChannelSettings/context.js +5 -3
  156. package/cjs/ChannelSettings/context.js.map +1 -1
  157. package/cjs/ChannelSettings.js +19 -18
  158. package/cjs/ChannelSettings.js.map +1 -1
  159. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  160. package/cjs/CreateChannel/components/InviteUsers.js +24 -14
  161. package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
  162. package/cjs/CreateChannel/components/SelectChannelType.js +11 -11
  163. package/cjs/CreateChannel/context.js +4 -4
  164. package/cjs/CreateChannel.js +17 -15
  165. package/cjs/CreateChannel.js.map +1 -1
  166. package/cjs/{CreateChannelProvider-700edfa3.js → CreateChannelProvider-c476be83.js} +3 -1
  167. package/cjs/CreateChannelProvider-c476be83.js.map +1 -0
  168. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +10 -10
  169. package/cjs/CreateOpenChannel/context.js +1 -1
  170. package/cjs/CreateOpenChannel.js +10 -10
  171. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  172. package/cjs/EditUserProfile.js +13 -13
  173. package/cjs/{LocalizationContext-aceff142.js → LocalizationContext-1655a716.js} +3 -3
  174. package/cjs/{LocalizationContext-aceff142.js.map → LocalizationContext-1655a716.js.map} +1 -1
  175. package/cjs/{MediaQueryContext-4e0e5fa0.js → MediaQueryContext-f7ffb064.js} +1 -1
  176. package/cjs/{MediaQueryContext-4e0e5fa0.js.map → MediaQueryContext-f7ffb064.js.map} +1 -1
  177. package/cjs/{MemberList-64fe8750.js → MemberList-a2bcebe2.js} +20 -6
  178. package/cjs/MemberList-a2bcebe2.js.map +1 -0
  179. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  180. package/cjs/MessageSearch/context.js +4 -4
  181. package/cjs/MessageSearch/context.js.map +1 -1
  182. package/cjs/MessageSearch.js +11 -11
  183. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  184. package/cjs/OpenChannel/components/OpenChannelHeader.js +13 -13
  185. package/cjs/OpenChannel/components/OpenChannelInput.js +15 -15
  186. package/cjs/OpenChannel/components/OpenChannelMessage.js +23 -23
  187. package/cjs/OpenChannel/components/OpenChannelMessageList.js +24 -24
  188. package/cjs/OpenChannel/components/OpenChannelUI.js +24 -24
  189. package/cjs/OpenChannel/context.js +9 -9
  190. package/cjs/OpenChannel.js +25 -25
  191. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  192. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  193. package/cjs/OpenChannelList/context.js +4 -4
  194. package/cjs/OpenChannelList.js +13 -13
  195. package/cjs/{OpenChannelListProvider-b463de8f.js → OpenChannelListProvider-80f7031c.js} +3 -3
  196. package/cjs/{OpenChannelListProvider-b463de8f.js.map → OpenChannelListProvider-80f7031c.js.map} +1 -1
  197. package/cjs/{OpenChannelProvider-a9395e51.js → OpenChannelProvider-e8d75693.js} +7 -7
  198. package/cjs/{OpenChannelProvider-a9395e51.js.map → OpenChannelProvider-e8d75693.js.map} +1 -1
  199. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  200. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  201. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  202. package/cjs/OpenChannelSettings/components/OperatorUI.js +17 -17
  203. package/cjs/OpenChannelSettings/components/ParticipantUI.js +16 -16
  204. package/cjs/OpenChannelSettings/context.js +3 -3
  205. package/cjs/OpenChannelSettings.js +18 -18
  206. package/cjs/{RemoveMessageModal-5564628f.js → RemoveMessageModal-8febfd78.js} +3 -3
  207. package/cjs/{RemoveMessageModal-5564628f.js.map → RemoveMessageModal-8febfd78.js.map} +1 -1
  208. package/cjs/SendbirdProvider.js +14 -14
  209. package/cjs/SendbirdProvider.js.map +1 -1
  210. package/cjs/Thread/components/ParentMessageInfo.js +21 -21
  211. package/cjs/Thread/components/ParentMessageInfoItem.js +15 -15
  212. package/cjs/Thread/components/ThreadHeader.js +6 -6
  213. package/cjs/Thread/components/ThreadList.js +21 -21
  214. package/cjs/Thread/components/ThreadListItem.js +21 -21
  215. package/cjs/Thread/components/ThreadMessageInput.js +16 -16
  216. package/cjs/Thread/components/ThreadUI.js +23 -23
  217. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  218. package/cjs/Thread/context.js +8 -8
  219. package/cjs/Thread.js +23 -23
  220. package/cjs/{ThreadProvider-f769fa97.js → ThreadProvider-0f75d88a.js} +6 -6
  221. package/cjs/{ThreadProvider-f769fa97.js.map → ThreadProvider-0f75d88a.js.map} +1 -1
  222. package/cjs/{UserProfileContext-d3796c43.js → UserProfileContext-a96da78b.js} +1 -1
  223. package/cjs/{UserProfileContext-d3796c43.js.map → UserProfileContext-a96da78b.js.map} +1 -1
  224. package/cjs/{_rollupPluginBabelHelpers-35f4fb95.js → _rollupPluginBabelHelpers-af248340.js} +1 -1
  225. package/cjs/_rollupPluginBabelHelpers-af248340.js.map +1 -0
  226. package/cjs/{actionTypes-2d9b28a2.js → actionTypes-5b1e37d0.js} +1 -1
  227. package/cjs/{actionTypes-2d9b28a2.js.map → actionTypes-5b1e37d0.js.map} +1 -1
  228. package/cjs/{color-cd73928c.js → color-c4b0c2fb.js} +1 -1
  229. package/cjs/{color-cd73928c.js.map → color-c4b0c2fb.js.map} +1 -1
  230. package/cjs/{compareIds-21076814.js → compareIds-127e52cc.js} +1 -1
  231. package/cjs/{compareIds-21076814.js.map → compareIds-127e52cc.js.map} +1 -1
  232. package/cjs/{const-8d6360d6.js → const-1e64d58f.js} +1 -1
  233. package/cjs/{const-8d6360d6.js.map → const-1e64d58f.js.map} +1 -1
  234. package/cjs/{const-3fa61e98.js → const-c45dcade.js} +1 -1
  235. package/cjs/{const-3fa61e98.js.map → const-c45dcade.js.map} +1 -1
  236. package/cjs/{context-d948b2a3.js → context-da4564bd.js} +2 -2
  237. package/cjs/{context-d948b2a3.js.map → context-da4564bd.js.map} +1 -1
  238. package/cjs/dist/index.css +172 -172
  239. package/cjs/dist/index.css.map +1 -1
  240. package/cjs/{index-a0186f0c.js → index-1239773e.js} +2 -2
  241. package/cjs/{index-a0186f0c.js.map → index-1239773e.js.map} +1 -1
  242. package/cjs/{index-7fbe9731.js → index-5e4396d3.js} +2 -2
  243. package/cjs/{index-7fbe9731.js.map → index-5e4396d3.js.map} +1 -1
  244. package/cjs/{index-bec99c28.js → index-6bc23f6d.js} +4 -4
  245. package/cjs/{index-bec99c28.js.map → index-6bc23f6d.js.map} +1 -1
  246. package/cjs/{index-5a9c52c8.js → index-73c872fc.js} +7 -7
  247. package/cjs/{index-5a9c52c8.js.map → index-73c872fc.js.map} +1 -1
  248. package/cjs/{index-0df83215.js → index-7c73ea98.js} +4 -4
  249. package/cjs/{index-0df83215.js.map → index-7c73ea98.js.map} +1 -1
  250. package/cjs/{index-b1236a45.js → index-a65b2d33.js} +2 -2
  251. package/cjs/{index-b1236a45.js.map → index-a65b2d33.js.map} +1 -1
  252. package/cjs/{index-426f9c86.js → index-ba47e698.js} +5 -5
  253. package/cjs/{index-426f9c86.js.map → index-ba47e698.js.map} +1 -1
  254. package/cjs/{index-bc88a42a.js → index-ba596000.js} +2 -2
  255. package/cjs/{index-bc88a42a.js.map → index-ba596000.js.map} +1 -1
  256. package/cjs/{index-016638d4.js → index-ba6b5a5d.js} +1 -1
  257. package/cjs/{index-016638d4.js.map → index-ba6b5a5d.js.map} +1 -1
  258. package/cjs/{index-05ae57d2.js → index-dd8ad6c7.js} +1 -1
  259. package/cjs/{index-05ae57d2.js.map → index-dd8ad6c7.js.map} +1 -1
  260. package/cjs/{index-ee3dea46.js → index-eba0d9f2.js} +2 -2
  261. package/cjs/{index-ee3dea46.js.map → index-eba0d9f2.js.map} +1 -1
  262. package/cjs/index.js +37 -37
  263. package/cjs/sendbirdSelectors.js +2 -2
  264. package/cjs/{stringSet-5be1fe6f.js → stringSet-ff624701.js} +1 -1
  265. package/cjs/{stringSet-5be1fe6f.js.map → stringSet-ff624701.js.map} +1 -1
  266. package/cjs/{topics-2e4c3ced.js → topics-e4d4db3c.js} +1 -1
  267. package/cjs/{topics-2e4c3ced.js.map → topics-e4d4db3c.js.map} +1 -1
  268. package/cjs/{tslib.es6-dcbdfa23.js → tslib.es6-e3c88eb7.js} +1 -1
  269. package/cjs/{tslib.es6-dcbdfa23.js.map → tslib.es6-e3c88eb7.js.map} +1 -1
  270. package/cjs/ui/Accordion.js +3 -3
  271. package/cjs/ui/AccordionGroup.js +2 -2
  272. package/cjs/ui/AdminMessage.js +3 -3
  273. package/cjs/ui/Avatar.js +2 -2
  274. package/cjs/ui/Badge.js +5 -5
  275. package/cjs/ui/BottomSheet.js +1 -1
  276. package/cjs/ui/Button.js +3 -3
  277. package/cjs/ui/ChannelAvatar.js +3 -3
  278. package/cjs/ui/ConnectionStatus.js +4 -4
  279. package/cjs/ui/ContextMenu.js +5 -5
  280. package/cjs/ui/DateSeparator.js +4 -4
  281. package/cjs/ui/EmojiReactions.js +7 -7
  282. package/cjs/ui/FileMessageItemBody.js +6 -6
  283. package/cjs/ui/FileViewer.js +8 -8
  284. package/cjs/ui/IconButton.js +1 -1
  285. package/cjs/ui/ImageRenderer.js +1 -1
  286. package/cjs/ui/Input.js +2 -2
  287. package/cjs/ui/Label.js +2 -2
  288. package/cjs/ui/LinkLabel.js +2 -2
  289. package/cjs/ui/Loader.js +1 -1
  290. package/cjs/ui/MentionLabel.js +12 -12
  291. package/cjs/ui/MessageContent.js +18 -18
  292. package/cjs/ui/MessageInput.js +9 -9
  293. package/cjs/ui/MessageItemMenu.js +7 -7
  294. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  295. package/cjs/ui/MessageSearchFileItem.js +9 -9
  296. package/cjs/ui/MessageSearchItem.js +9 -9
  297. package/cjs/ui/MessageStatus.js +8 -10
  298. package/cjs/ui/MessageStatus.js.map +1 -1
  299. package/cjs/ui/Modal.js +7 -7
  300. package/cjs/ui/OGMessageItemBody.js +12 -12
  301. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  302. package/cjs/ui/OpenChannelAvatar.js +6 -6
  303. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  304. package/cjs/ui/OpenchannelFileMessage.js +17 -17
  305. package/cjs/ui/OpenchannelOGMessage.js +17 -17
  306. package/cjs/ui/OpenchannelThumbnailMessage.js +16 -16
  307. package/cjs/ui/OpenchannelUserMessage.js +17 -17
  308. package/cjs/ui/PlaceHolder.js +6 -6
  309. package/cjs/ui/QuoteMessage.js +6 -6
  310. package/cjs/ui/QuoteMessageInput.js +6 -6
  311. package/cjs/ui/ReactionBadge.js +3 -3
  312. package/cjs/ui/ReactionButton.js +1 -1
  313. package/cjs/ui/SortByRow.js +2 -2
  314. package/cjs/ui/TextButton.js +2 -2
  315. package/cjs/ui/TextMessageItemBody.js +12 -12
  316. package/cjs/ui/ThreadReplies.js +6 -6
  317. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  318. package/cjs/ui/Tooltip.js +3 -3
  319. package/cjs/ui/TooltipWrapper.js +1 -1
  320. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  321. package/cjs/ui/UserListItem.js +13 -12
  322. package/cjs/ui/UserListItem.js.map +1 -1
  323. package/cjs/ui/UserProfile.js +24 -30
  324. package/cjs/ui/UserProfile.js.map +1 -1
  325. package/cjs/ui/Word.js +12 -12
  326. package/cjs/{useLongPress-65a7820f.js → useLongPress-baac96a0.js} +3 -3
  327. package/cjs/{useLongPress-65a7820f.js.map → useLongPress-baac96a0.js.map} +1 -1
  328. package/cjs/useSendbirdStateContext.js +1 -1
  329. package/cjs/{utils-9aaac017.js → utils-3efcf418.js} +1 -1
  330. package/cjs/{utils-9aaac017.js.map → utils-3efcf418.js.map} +1 -1
  331. package/cjs/{utils-caddd0b9.js → utils-771a7cfd.js} +1 -1
  332. package/cjs/{utils-caddd0b9.js.map → utils-771a7cfd.js.map} +1 -1
  333. package/cjs/{utils-53510f50.js → utils-bd0db64a.js} +2 -2
  334. package/cjs/{utils-53510f50.js.map → utils-bd0db64a.js.map} +1 -1
  335. package/cjs/{utils-c9257c48.js → utils-ce3a9e75.js} +1 -1
  336. package/cjs/{utils-c9257c48.js.map → utils-ce3a9e75.js.map} +1 -1
  337. package/cjs/{uuid-41344041.js → uuid-bd85e729.js} +1 -1
  338. package/cjs/{uuid-41344041.js.map → uuid-bd85e729.js.map} +1 -1
  339. package/cjs/withSendbird.js +1 -1
  340. package/{color-44aacd9d.js → color-511a5b42.js} +1 -1
  341. package/{color-44aacd9d.js.map → color-511a5b42.js.map} +1 -1
  342. package/{compareIds-8eb1d39b.js → compareIds-3651c02d.js} +1 -1
  343. package/{compareIds-8eb1d39b.js.map → compareIds-3651c02d.js.map} +1 -1
  344. package/{const-91230c77.js → const-06f94833.js} +1 -1
  345. package/{const-91230c77.js.map → const-06f94833.js.map} +1 -1
  346. package/{const-058747fd.js → const-b3d8870d.js} +1 -1
  347. package/{const-058747fd.js.map → const-b3d8870d.js.map} +1 -1
  348. package/{context-6b10730b.js → context-f8cba433.js} +2 -2
  349. package/{context-6b10730b.js.map → context-f8cba433.js.map} +1 -1
  350. package/dist/index.css +172 -172
  351. package/dist/index.css.map +1 -1
  352. package/{index-5e3e4a3b.js → index-017eac4c.js} +9 -9
  353. package/{index-5e3e4a3b.js.map → index-017eac4c.js.map} +1 -1
  354. package/{index-711fa4f5.js → index-05f671e7.js} +2 -2
  355. package/{index-711fa4f5.js.map → index-05f671e7.js.map} +1 -1
  356. package/{index-d6a53251.js → index-10ef89fe.js} +4 -4
  357. package/{index-d6a53251.js.map → index-10ef89fe.js.map} +1 -1
  358. package/{index-1cb07f11.js → index-285ff3e0.js} +2 -2
  359. package/{index-1cb07f11.js.map → index-285ff3e0.js.map} +1 -1
  360. package/{index-cc33f656.js → index-b8128187.js} +1 -1
  361. package/{index-cc33f656.js.map → index-b8128187.js.map} +1 -1
  362. package/{index-8ef21be7.js → index-bc7c98ed.js} +4 -4
  363. package/{index-8ef21be7.js.map → index-bc7c98ed.js.map} +1 -1
  364. package/{index-2ed15d17.js → index-bec40044.js} +2 -2
  365. package/{index-2ed15d17.js.map → index-bec40044.js.map} +1 -1
  366. package/{index-b47afab6.js → index-c59805cc.js} +2 -2
  367. package/{index-b47afab6.js.map → index-c59805cc.js.map} +1 -1
  368. package/{index-dd2a282a.js → index-c6555da8.js} +2 -2
  369. package/{index-dd2a282a.js.map → index-c6555da8.js.map} +1 -1
  370. package/{index-4d2cd872.js → index-dd0ef007.js} +1 -1
  371. package/{index-4d2cd872.js.map → index-dd0ef007.js.map} +1 -1
  372. package/{index-1151fc99.js → index-ee208e32.js} +5 -5
  373. package/{index-1151fc99.js.map → index-ee208e32.js.map} +1 -1
  374. package/index.d.ts +25 -2
  375. package/index.js +37 -37
  376. package/package.json +1 -1
  377. package/sendbirdSelectors.js +2 -2
  378. package/{stringSet-e0483fa6.js → stringSet-3fe94912.js} +1 -1
  379. package/{stringSet-e0483fa6.js.map → stringSet-3fe94912.js.map} +1 -1
  380. package/{topics-f32dcb99.js → topics-9faca766.js} +1 -1
  381. package/{topics-f32dcb99.js.map → topics-9faca766.js.map} +1 -1
  382. package/{tslib.es6-726f4eab.js → tslib.es6-e5aaa325.js} +1 -1
  383. package/{tslib.es6-726f4eab.js.map → tslib.es6-e5aaa325.js.map} +1 -1
  384. package/ui/Accordion.js +3 -3
  385. package/ui/AccordionGroup.js +2 -2
  386. package/ui/AdminMessage.js +3 -3
  387. package/ui/Avatar.js +2 -2
  388. package/ui/Badge.js +5 -5
  389. package/ui/BottomSheet.js +1 -1
  390. package/ui/Button.js +3 -3
  391. package/ui/ChannelAvatar.js +3 -3
  392. package/ui/ConnectionStatus.js +4 -4
  393. package/ui/ContextMenu.js +5 -5
  394. package/ui/DateSeparator.js +4 -4
  395. package/ui/EmojiReactions.js +7 -7
  396. package/ui/FileMessageItemBody.js +6 -6
  397. package/ui/FileViewer.js +8 -8
  398. package/ui/IconButton.js +1 -1
  399. package/ui/ImageRenderer.js +1 -1
  400. package/ui/Input.js +2 -2
  401. package/ui/Label.js +2 -2
  402. package/ui/LinkLabel.js +2 -2
  403. package/ui/Loader.js +1 -1
  404. package/ui/MentionLabel.js +14 -14
  405. package/ui/MentionLabel.js.map +1 -1
  406. package/ui/MessageContent.js +20 -20
  407. package/ui/MessageContent.js.map +1 -1
  408. package/ui/MessageInput.js +9 -9
  409. package/ui/MessageItemMenu.js +7 -7
  410. package/ui/MessageItemReactionMenu.js +5 -5
  411. package/ui/MessageSearchFileItem.js +9 -9
  412. package/ui/MessageSearchItem.js +9 -9
  413. package/ui/MessageStatus.js +9 -11
  414. package/ui/MessageStatus.js.map +1 -1
  415. package/ui/Modal.js +7 -7
  416. package/ui/OGMessageItemBody.js +12 -12
  417. package/ui/OpenChannelAdminMessage.js +3 -3
  418. package/ui/OpenChannelAvatar.js +6 -6
  419. package/ui/OpenchannelConversationHeader.js +6 -6
  420. package/ui/OpenchannelFileMessage.js +19 -19
  421. package/ui/OpenchannelFileMessage.js.map +1 -1
  422. package/ui/OpenchannelOGMessage.js +19 -19
  423. package/ui/OpenchannelOGMessage.js.map +1 -1
  424. package/ui/OpenchannelThumbnailMessage.js +18 -18
  425. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  426. package/ui/OpenchannelUserMessage.js +19 -19
  427. package/ui/OpenchannelUserMessage.js.map +1 -1
  428. package/ui/PlaceHolder.js +6 -6
  429. package/ui/QuoteMessage.js +6 -6
  430. package/ui/QuoteMessageInput.js +6 -6
  431. package/ui/ReactionBadge.js +3 -3
  432. package/ui/ReactionButton.js +1 -1
  433. package/ui/SortByRow.js +2 -2
  434. package/ui/TextButton.js +2 -2
  435. package/ui/TextMessageItemBody.js +12 -12
  436. package/ui/ThreadReplies.js +6 -6
  437. package/ui/ThumbnailMessageItemBody.js +2 -2
  438. package/ui/Tooltip.js +3 -3
  439. package/ui/TooltipWrapper.js +1 -1
  440. package/ui/UnknownMessageItemBody.js +6 -6
  441. package/ui/UserListItem.js +15 -14
  442. package/ui/UserListItem.js.map +1 -1
  443. package/ui/UserProfile.js +25 -31
  444. package/ui/UserProfile.js.map +1 -1
  445. package/ui/Word.js +12 -12
  446. package/{useLongPress-7ab5ea31.js → useLongPress-6e164096.js} +3 -3
  447. package/{useLongPress-7ab5ea31.js.map → useLongPress-6e164096.js.map} +1 -1
  448. package/useSendbirdStateContext.js +1 -1
  449. package/{utils-0790e009.js → utils-02b506c3.js} +1 -1
  450. package/{utils-0790e009.js.map → utils-02b506c3.js.map} +1 -1
  451. package/{utils-61afe2a6.js → utils-3d66c519.js} +1 -1
  452. package/{utils-61afe2a6.js.map → utils-3d66c519.js.map} +1 -1
  453. package/{utils-7b8631bb.js → utils-6053d1e1.js} +2 -2
  454. package/{utils-7b8631bb.js.map → utils-6053d1e1.js.map} +1 -1
  455. package/{utils-d647bf4b.js → utils-9aef5738.js} +1 -1
  456. package/{utils-d647bf4b.js.map → utils-9aef5738.js.map} +1 -1
  457. package/{uuid-5cf4dbb4.js → uuid-f207b78b.js} +1 -1
  458. package/{uuid-5cf4dbb4.js.map → uuid-f207b78b.js.map} +1 -1
  459. package/withSendbird.js +1 -1
  460. package/ChannelListProvider-52bd5651.js.map +0 -1
  461. package/ChannelProvider-27d5b294.js.map +0 -1
  462. package/CreateChannelProvider-03cb2281.js.map +0 -1
  463. package/MemberList-cadd6aae.js.map +0 -1
  464. package/_rollupPluginBabelHelpers-10025601.js.map +0 -1
  465. package/cjs/ChannelListProvider-4c4df121.js.map +0 -1
  466. package/cjs/ChannelProvider-91732cb1.js.map +0 -1
  467. package/cjs/CreateChannelProvider-700edfa3.js.map +0 -1
  468. package/cjs/MemberList-64fe8750.js.map +0 -1
  469. package/cjs/_rollupPluginBabelHelpers-35f4fb95.js.map +0 -1
@@ -49,4 +49,4 @@ UserProfileProvider.defaultProps = {
49
49
 
50
50
  exports.UserProfileContext = UserProfileContext;
51
51
  exports.UserProfileProvider = UserProfileProvider;
52
- //# sourceMappingURL=UserProfileContext-d3796c43.js.map
52
+ //# sourceMappingURL=UserProfileContext-a96da78b.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UserProfileContext-d3796c43.js","sources":["../../src/lib/UserProfileContext.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * user profile goes deep inside the component tree\n * use this context as a short circuit to send in values\n */\nconst UserProfileContext = React.createContext({\n disableUserProfile: true,\n isOpenChannel: false,\n renderUserProfile: null,\n onUserProfileMessage: null,\n});\n\nconst UserProfileProvider = (props) => {\n const { children } = props;\n return (\n <UserProfileContext.Provider value={props}>\n {children}\n </UserProfileContext.Provider>\n );\n};\n\nUserProfileProvider.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.any,\n ]).isRequired,\n // eslint-disable-next-line react/no-unused-prop-types\n isOpenChannel: PropTypes.bool,\n // eslint-disable-next-line react/no-unused-prop-types\n disableUserProfile: PropTypes.bool,\n // eslint-disable-next-line react/no-unused-prop-types\n renderUserProfile: PropTypes.func,\n // eslint-disable-next-line react/no-unused-prop-types\n onUserProfileMessage: PropTypes.func,\n};\n\nUserProfileProvider.defaultProps = {\n isOpenChannel: false,\n disableUserProfile: false,\n renderUserProfile: null,\n onUserProfileMessage: null,\n};\n\nexport { UserProfileContext, UserProfileProvider };\n"],"names":["UserProfileContext","React","createContext","disableUserProfile","isOpenChannel","renderUserProfile","onUserProfileMessage","UserProfileProvider","props","children","propTypes","PropTypes","oneOfType","element","arrayOf","any","isRequired","bool","func","defaultProps"],"mappings":";;;;;;;;;;AAGA;AACA;AACA;AACA;;AACA,MAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,kBAAkB,EAAE,IADyB;AAE7CC,EAAAA,aAAa,EAAE,KAF8B;AAG7CC,EAAAA,iBAAiB,EAAE,IAH0B;AAI7CC,EAAAA,oBAAoB,EAAE,IAAA;AAJuB,CAApB,EAA3B;;AAOMC,MAAAA,mBAAmB,GAAIC,KAAD,IAAW;EACrC,MAAM;AAAEC,IAAAA,QAAAA;AAAF,GAAA,GAAeD,KAArB,CAAA;EACA,oBACEP,yBAAA,CAAA,aAAA,CAAC,kBAAD,CAAoB,QAApB,EAAA;AAA6B,IAAA,KAAK,EAAEO,KAAAA;AAApC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AASAF,mBAAmB,CAACG,SAApB,GAAgC;EAC9BD,QAAQ,EAAEE,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OADkB,EAE5BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,OAA5B,CAF4B,EAG5BF,6BAAS,CAACI,GAHkB,CAApB,CAAA,CAIPC,UAL2B;AAM9B;EACAZ,aAAa,EAAEO,6BAAS,CAACM,IAPK;AAQ9B;EACAd,kBAAkB,EAAEQ,6BAAS,CAACM,IATA;AAU9B;EACAZ,iBAAiB,EAAEM,6BAAS,CAACO,IAXC;AAY9B;EACAZ,oBAAoB,EAAEK,6BAAS,CAACO,IAAAA;AAbF,CAAhC,CAAA;AAgBAX,mBAAmB,CAACY,YAApB,GAAmC;AACjCf,EAAAA,aAAa,EAAE,KADkB;AAEjCD,EAAAA,kBAAkB,EAAE,KAFa;AAGjCE,EAAAA,iBAAiB,EAAE,IAHc;AAIjCC,EAAAA,oBAAoB,EAAE,IAAA;AAJW,CAAnC;;;;;"}
1
+ {"version":3,"file":"UserProfileContext-a96da78b.js","sources":["../../src/lib/UserProfileContext.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * user profile goes deep inside the component tree\n * use this context as a short circuit to send in values\n */\nconst UserProfileContext = React.createContext({\n disableUserProfile: true,\n isOpenChannel: false,\n renderUserProfile: null,\n onUserProfileMessage: null,\n});\n\nconst UserProfileProvider = (props) => {\n const { children } = props;\n return (\n <UserProfileContext.Provider value={props}>\n {children}\n </UserProfileContext.Provider>\n );\n};\n\nUserProfileProvider.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.any,\n ]).isRequired,\n // eslint-disable-next-line react/no-unused-prop-types\n isOpenChannel: PropTypes.bool,\n // eslint-disable-next-line react/no-unused-prop-types\n disableUserProfile: PropTypes.bool,\n // eslint-disable-next-line react/no-unused-prop-types\n renderUserProfile: PropTypes.func,\n // eslint-disable-next-line react/no-unused-prop-types\n onUserProfileMessage: PropTypes.func,\n};\n\nUserProfileProvider.defaultProps = {\n isOpenChannel: false,\n disableUserProfile: false,\n renderUserProfile: null,\n onUserProfileMessage: null,\n};\n\nexport { UserProfileContext, UserProfileProvider };\n"],"names":["UserProfileContext","React","createContext","disableUserProfile","isOpenChannel","renderUserProfile","onUserProfileMessage","UserProfileProvider","props","children","propTypes","PropTypes","oneOfType","element","arrayOf","any","isRequired","bool","func","defaultProps"],"mappings":";;;;;;;;;;AAGA;AACA;AACA;AACA;;AACA,MAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,kBAAkB,EAAE,IADyB;AAE7CC,EAAAA,aAAa,EAAE,KAF8B;AAG7CC,EAAAA,iBAAiB,EAAE,IAH0B;AAI7CC,EAAAA,oBAAoB,EAAE,IAAA;AAJuB,CAApB,EAA3B;;AAOMC,MAAAA,mBAAmB,GAAIC,KAAD,IAAW;EACrC,MAAM;AAAEC,IAAAA,QAAAA;AAAF,GAAA,GAAeD,KAArB,CAAA;EACA,oBACEP,yBAAA,CAAA,aAAA,CAAC,kBAAD,CAAoB,QAApB,EAAA;AAA6B,IAAA,KAAK,EAAEO,KAAAA;AAApC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AASAF,mBAAmB,CAACG,SAApB,GAAgC;EAC9BD,QAAQ,EAAEE,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OADkB,EAE5BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,OAA5B,CAF4B,EAG5BF,6BAAS,CAACI,GAHkB,CAApB,CAAA,CAIPC,UAL2B;AAM9B;EACAZ,aAAa,EAAEO,6BAAS,CAACM,IAPK;AAQ9B;EACAd,kBAAkB,EAAEQ,6BAAS,CAACM,IATA;AAU9B;EACAZ,iBAAiB,EAAEM,6BAAS,CAACO,IAXC;AAY9B;EACAZ,oBAAoB,EAAEK,6BAAS,CAACO,IAAAA;AAbF,CAAhC,CAAA;AAgBAX,mBAAmB,CAACY,YAApB,GAAmC;AACjCf,EAAAA,aAAa,EAAE,KADkB;AAEjCD,EAAAA,kBAAkB,EAAE,KAFa;AAGjCE,EAAAA,iBAAiB,EAAE,IAHc;AAIjCC,EAAAA,oBAAoB,EAAE,IAAA;AAJW,CAAnC;;;;;"}
@@ -60,4 +60,4 @@ function _extends() {
60
60
 
61
61
  exports._extends = _extends;
62
62
  exports._objectSpread2 = _objectSpread2;
63
- //# sourceMappingURL=_rollupPluginBabelHelpers-35f4fb95.js.map
63
+ //# sourceMappingURL=_rollupPluginBabelHelpers-af248340.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_rollupPluginBabelHelpers-af248340.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -7,4 +7,4 @@ const UPDATE_USER_INFO = 'UPDATE_USER_INFO';
7
7
  exports.INIT_USER = INIT_USER;
8
8
  exports.RESET_USER = RESET_USER;
9
9
  exports.UPDATE_USER_INFO = UPDATE_USER_INFO;
10
- //# sourceMappingURL=actionTypes-2d9b28a2.js.map
10
+ //# sourceMappingURL=actionTypes-5b1e37d0.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"actionTypes-2d9b28a2.js","sources":["../../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":";;AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;;;"}
1
+ {"version":3,"file":"actionTypes-5b1e37d0.js","sources":["../../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":";;AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;;;"}
@@ -42,4 +42,4 @@ var changeColorToClassName = function (color) {
42
42
  };
43
43
 
44
44
  exports.changeColorToClassName = changeColorToClassName;
45
- //# sourceMappingURL=color-cd73928c.js.map
45
+ //# sourceMappingURL=color-c4b0c2fb.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"color-cd73928c.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n ONBACKGROUND_1 = 'ONBACKGROUND_1',\n ONBACKGROUND_2 = 'ONBACKGROUND_2',\n ONBACKGROUND_3 = 'ONBACKGROUND_3',\n ONBACKGROUND_4 = 'ONBACKGROUND_4',\n ONCONTENT_1 = 'ONCONTENT_1',\n ONCONTENT_2 = 'ONCONTENT_2',\n PRIMARY = 'PRIMARY',\n ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n case Colors.PRIMARY: return 'sendbird-color--primary';\n case Colors.ERROR: return 'sendbird-color--error';\n default: return null;\n }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}
1
+ {"version":3,"file":"color-c4b0c2fb.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n ONBACKGROUND_1 = 'ONBACKGROUND_1',\n ONBACKGROUND_2 = 'ONBACKGROUND_2',\n ONBACKGROUND_3 = 'ONBACKGROUND_3',\n ONBACKGROUND_4 = 'ONBACKGROUND_4',\n ONCONTENT_1 = 'ONCONTENT_1',\n ONCONTENT_2 = 'ONCONTENT_2',\n PRIMARY = 'PRIMARY',\n ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n case Colors.PRIMARY: return 'sendbird-color--primary';\n case Colors.ERROR: return 'sendbird-color--error';\n default: return null;\n }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}
@@ -15,4 +15,4 @@ function compareIds (a, b) {
15
15
  }
16
16
 
17
17
  exports.compareIds = compareIds;
18
- //# sourceMappingURL=compareIds-21076814.js.map
18
+ //# sourceMappingURL=compareIds-127e52cc.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"compareIds-21076814.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n if (isEmpty(a) || isEmpty(b)) {\n return false;\n }\n const aString = a.toString();\n const bString = b.toString();\n return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}
1
+ {"version":3,"file":"compareIds-127e52cc.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n if (isEmpty(a) || isEmpty(b)) {\n return false;\n }\n const aString = a.toString();\n const bString = b.toString();\n return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}
@@ -19,4 +19,4 @@ var NodeNames = {
19
19
  exports.MessageInputKeys = MessageInputKeys;
20
20
  exports.NodeNames = NodeNames;
21
21
  exports.NodeTypes = NodeTypes;
22
- //# sourceMappingURL=const-8d6360d6.js.map
22
+ //# sourceMappingURL=const-1e64d58f.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"const-8d6360d6.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n Enter: 'Enter',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n ElementNode: 1,\n TextNode: 3,\n};\n\nexport const NodeNames = {\n Span: 'SPAN',\n Br: 'BR',\n Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}
1
+ {"version":3,"file":"const-1e64d58f.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n Enter: 'Enter',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n ElementNode: 1,\n TextNode: 3,\n};\n\nexport const NodeNames = {\n Span: 'SPAN',\n Br: 'BR',\n Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}
@@ -17,4 +17,4 @@ exports.MAX_USER_SUGGESTION_COUNT = MAX_USER_SUGGESTION_COUNT;
17
17
  exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
18
18
  exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
19
19
  exports.USER_MENTION_TEMP_CHAR = USER_MENTION_TEMP_CHAR;
20
- //# sourceMappingURL=const-3fa61e98.js.map
20
+ //# sourceMappingURL=const-c45dcade.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"const-3fa61e98.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n PARENT = 'PARENT',\n THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}
1
+ {"version":3,"file":"const-c45dcade.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n PARENT = 'PARENT',\n THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var utils = require('./utils-c9257c48.js');
4
+ var utils = require('./utils-ce3a9e75.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -16,4 +16,4 @@ var Provider = Context.Provider;
16
16
 
17
17
  exports.Consumer = Consumer;
18
18
  exports.Provider = Provider;
19
- //# sourceMappingURL=context-d948b2a3.js.map
19
+ //# sourceMappingURL=context-da4564bd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"context-d948b2a3.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n setOpened(accordion: string): void;\n opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n opened: '', // mock default value\n setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}
1
+ {"version":3,"file":"context-da4564bd.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n setOpened(accordion: string): void;\n opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n opened: '', // mock default value\n setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}
@@ -58,125 +58,6 @@
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
- }
180
61
  .sendbird-create-open-channel-ui {
181
62
  position: relative;
182
63
  display: inline-flex;
@@ -324,6 +205,125 @@
324
205
  .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
325
206
  background-color: var(--sendbird-dark-background-500);
326
207
  }
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;
@@ -682,59 +682,6 @@
682
682
  .sendbird-theme--dark .sendbird-label--color-secondary-3 {
683
683
  color: var(--sendbird-dark-secondary-200);
684
684
  }
685
- .sendbird-iconbutton {
686
- color: var(--sendbird-iconbutton-color);
687
- display: inline-flex;
688
- justify-content: center;
689
- align-items: center;
690
- padding: 3px;
691
- background-color: transparent;
692
- cursor: pointer;
693
- -webkit-user-select: none;
694
- -moz-user-select: none;
695
- -ms-user-select: none;
696
- user-select: none;
697
- border: 1px solid transparent;
698
- border-radius: 4px;
699
- outline: 0px;
700
- }
701
- .sendbird-iconbutton .sendbird-iconbutton__inner {
702
- height: 100%;
703
- }
704
- .sendbird-theme--light .sendbird-iconbutton .sendbird-iconbutton__inner svg {
705
- fill: var(--sendbird-light-onlight-01);
706
- }
707
- .sendbird-theme--dark .sendbird-iconbutton .sendbird-iconbutton__inner svg {
708
- fill: var(--sendbird-dark-ondark-01);
709
- }
710
- .sendbird-theme--light .sendbird-iconbutton:hover {
711
- background-color: var(--sendbird-light-background-100);
712
- }
713
- .sendbird-theme--dark .sendbird-iconbutton:hover {
714
- background-color: var(--sendbird-dark-background-500);
715
- }
716
- .sendbird-theme--light .sendbird-iconbutton:active {
717
- background-color: var(--sendbird-light-background-200);
718
- }
719
- .sendbird-theme--dark .sendbird-iconbutton:active {
720
- background-color: var(--sendbird-dark-background-400);
721
- }
722
- .sendbird-iconbutton:disabled {
723
- cursor: not-allowed !important;
724
- }
725
- .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
726
- fill: var(--sendbird-light-onlight-02);
727
- }
728
- .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
729
- fill: var(--sendbird-dark-ondark-02);
730
- }
731
-
732
- .sendbird-theme--light .sendbird-iconbutton--pressed {
733
- background-color: var(--sendbird-light-primary-100);
734
- }
735
- .sendbird-theme--dark .sendbird-iconbutton--pressed {
736
- background-color: var(--sendbird-dark-background-700);
737
- }
738
685
  .sendbird-channel-header {
739
686
  position: relative;
740
687
  height: 64px;
@@ -985,6 +932,59 @@
985
932
  .sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default {
986
933
  background-color: var(--sendbird-dark-background-300);
987
934
  }
935
+ .sendbird-iconbutton {
936
+ color: var(--sendbird-iconbutton-color);
937
+ display: inline-flex;
938
+ justify-content: center;
939
+ align-items: center;
940
+ padding: 3px;
941
+ background-color: transparent;
942
+ cursor: pointer;
943
+ -webkit-user-select: none;
944
+ -moz-user-select: none;
945
+ -ms-user-select: none;
946
+ user-select: none;
947
+ border: 1px solid transparent;
948
+ border-radius: 4px;
949
+ outline: 0px;
950
+ }
951
+ .sendbird-iconbutton .sendbird-iconbutton__inner {
952
+ height: 100%;
953
+ }
954
+ .sendbird-theme--light .sendbird-iconbutton .sendbird-iconbutton__inner svg {
955
+ fill: var(--sendbird-light-onlight-01);
956
+ }
957
+ .sendbird-theme--dark .sendbird-iconbutton .sendbird-iconbutton__inner svg {
958
+ fill: var(--sendbird-dark-ondark-01);
959
+ }
960
+ .sendbird-theme--light .sendbird-iconbutton:hover {
961
+ background-color: var(--sendbird-light-background-100);
962
+ }
963
+ .sendbird-theme--dark .sendbird-iconbutton:hover {
964
+ background-color: var(--sendbird-dark-background-500);
965
+ }
966
+ .sendbird-theme--light .sendbird-iconbutton:active {
967
+ background-color: var(--sendbird-light-background-200);
968
+ }
969
+ .sendbird-theme--dark .sendbird-iconbutton:active {
970
+ background-color: var(--sendbird-dark-background-400);
971
+ }
972
+ .sendbird-iconbutton:disabled {
973
+ cursor: not-allowed !important;
974
+ }
975
+ .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
976
+ fill: var(--sendbird-light-onlight-02);
977
+ }
978
+ .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
979
+ fill: var(--sendbird-dark-ondark-02);
980
+ }
981
+
982
+ .sendbird-theme--light .sendbird-iconbutton--pressed {
983
+ background-color: var(--sendbird-light-primary-100);
984
+ }
985
+ .sendbird-theme--dark .sendbird-iconbutton--pressed {
986
+ background-color: var(--sendbird-dark-background-700);
987
+ }
988
988
  .sendbird--mobile-mode .sendbird-add-channel__modal .sendbird-modal__content {
989
989
  margin: 0 40px;
990
990
  }