@sendbird/uikit-react 3.6.7 → 3.6.8-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 (626) hide show
  1. package/App.js +57 -49
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +63 -0
  4. package/Channel/components/ChannelHeader.js +20 -19
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +45 -41
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +16 -15
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +4 -4
  11. package/Channel/components/Message.js +38 -36
  12. package/Channel/components/Message.js.map +1 -1
  13. package/Channel/components/MessageInput.js +34 -32
  14. package/Channel/components/MessageInput.js.map +1 -1
  15. package/Channel/components/MessageList.js +41 -60
  16. package/Channel/components/MessageList.js.map +1 -1
  17. package/Channel/components/RemoveMessageModal.js +18 -17
  18. package/Channel/components/RemoveMessageModal.js.map +1 -1
  19. package/Channel/components/SuggestedMentionList.js +18 -17
  20. package/Channel/components/SuggestedMentionList.js.map +1 -1
  21. package/Channel/components/TypingIndicator.js +16 -15
  22. package/Channel/components/TypingIndicator.js.map +1 -1
  23. package/Channel/components/UnreadCount.js +4 -4
  24. package/Channel/context.js +13 -12
  25. package/Channel/context.js.map +1 -1
  26. package/Channel/utils/compareMessagesForGrouping.js +22 -0
  27. package/Channel/utils/compareMessagesForGrouping.js.map +1 -0
  28. package/Channel/utils/getMessagePartsInfo.js +38 -0
  29. package/Channel/utils/getMessagePartsInfo.js.map +1 -0
  30. package/Channel.js +45 -41
  31. package/Channel.js.map +1 -1
  32. package/ChannelList/components/AddChannel.js +15 -15
  33. package/ChannelList/components/ChannelListHeader.js +6 -6
  34. package/ChannelList/components/ChannelListUI.js +31 -30
  35. package/ChannelList/components/ChannelListUI.js.map +1 -1
  36. package/ChannelList/components/ChannelPreview.js +27 -26
  37. package/ChannelList/components/ChannelPreview.js.map +1 -1
  38. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  39. package/ChannelList/context.js +8 -8
  40. package/ChannelList.js +31 -30
  41. package/ChannelList.js.map +1 -1
  42. package/{ChannelListProvider-fc14f42d.js → ChannelListProvider-532ebe92.js} +11 -14
  43. package/ChannelListProvider-532ebe92.js.map +1 -0
  44. package/{ChannelProvider-78e85f32.js → ChannelProvider-903eb3bf.js} +31 -331
  45. package/ChannelProvider-903eb3bf.js.map +1 -0
  46. package/ChannelSettings/components/ChannelProfile.js +11 -11
  47. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  48. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  49. package/ChannelSettings/components/LeaveChannel.js +11 -11
  50. package/ChannelSettings/components/ModerationPanel.js +14 -14
  51. package/ChannelSettings/components/UserListItem.js +10 -10
  52. package/ChannelSettings/components/UserPanel.js +13 -13
  53. package/ChannelSettings/context.js +3 -3
  54. package/ChannelSettings.js +17 -17
  55. package/CreateChannel/components/CreateChannelUI.js +13 -13
  56. package/CreateChannel/components/InviteUsers.js +13 -13
  57. package/CreateChannel/components/SelectChannelType.js +10 -10
  58. package/CreateChannel/context.js +4 -4
  59. package/CreateChannel.js +13 -13
  60. package/{CreateChannelProvider-fe23c38f.js → CreateChannelProvider-d02f3cf9.js} +1 -1
  61. package/{CreateChannelProvider-fe23c38f.js.map → CreateChannelProvider-d02f3cf9.js.map} +1 -1
  62. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  63. package/CreateOpenChannel/context.js +1 -1
  64. package/CreateOpenChannel.js +9 -9
  65. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  66. package/EditUserProfile.js +12 -12
  67. package/{LocalizationContext-5fe9b59d.js → LocalizationContext-3baf0e99.js} +3 -3
  68. package/{LocalizationContext-5fe9b59d.js.map → LocalizationContext-3baf0e99.js.map} +1 -1
  69. package/{MediaQueryContext-66b59195.js → MediaQueryContext-65dd6475.js} +1 -1
  70. package/{MediaQueryContext-66b59195.js.map → MediaQueryContext-65dd6475.js.map} +1 -1
  71. package/{MemberList-c03817ad.js → MemberList-fc5be7a2.js} +5 -5
  72. package/{MemberList-c03817ad.js.map → MemberList-fc5be7a2.js.map} +1 -1
  73. package/{useDirtyGetMentions-3f7692ab.js → Message/hooks/useDirtyGetMentions.js} +3 -2
  74. package/Message/hooks/useDirtyGetMentions.js.map +1 -0
  75. package/MessageSearch/components/MessageSearchUI.js +11 -11
  76. package/MessageSearch/context.js +1 -1
  77. package/MessageSearch/context.js.map +1 -1
  78. package/MessageSearch.js +11 -11
  79. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  80. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  81. package/OpenChannel/components/OpenChannelInput.js +20 -19
  82. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  83. package/OpenChannel/components/OpenChannelMessage.js +30 -38
  84. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  85. package/OpenChannel/components/OpenChannelMessageList.js +33 -32
  86. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  87. package/OpenChannel/components/OpenChannelUI.js +33 -32
  88. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  89. package/OpenChannel/context.js +8 -8
  90. package/OpenChannel.js +33 -32
  91. package/OpenChannel.js.map +1 -1
  92. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  93. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  94. package/OpenChannelList/context.js +3 -3
  95. package/OpenChannelList.js +13 -13
  96. package/{OpenChannelListProvider-5d21932a.js → OpenChannelListProvider-9dff6221.js} +3 -3
  97. package/{OpenChannelListProvider-5d21932a.js.map → OpenChannelListProvider-9dff6221.js.map} +1 -1
  98. package/{OpenChannelProvider-a6f4f92a.js → OpenChannelProvider-e3940c50.js} +7 -7
  99. package/OpenChannelProvider-e3940c50.js.map +1 -0
  100. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  101. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  102. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  103. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  104. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  105. package/OpenChannelSettings/context.js +3 -3
  106. package/OpenChannelSettings.js +17 -17
  107. package/{RemoveMessageModal-0d438e31.js → RemoveMessageModal-5c8b1e53.js} +3 -3
  108. package/RemoveMessageModal-5c8b1e53.js.map +1 -0
  109. package/SendbirdProvider.js +24 -21
  110. package/SendbirdProvider.js.map +1 -1
  111. package/Thread/components/ParentMessageInfo.js +36 -34
  112. package/Thread/components/ParentMessageInfo.js.map +1 -1
  113. package/Thread/components/ParentMessageInfoItem.js +21 -21
  114. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  115. package/Thread/components/ThreadHeader.js +6 -6
  116. package/Thread/components/ThreadList.js +39 -37
  117. package/Thread/components/ThreadList.js.map +1 -1
  118. package/Thread/components/ThreadListItem.js +40 -38
  119. package/Thread/components/ThreadListItem.js.map +1 -1
  120. package/Thread/components/ThreadMessageInput.js +32 -30
  121. package/Thread/components/ThreadMessageInput.js.map +1 -1
  122. package/Thread/components/ThreadUI.js +43 -41
  123. package/Thread/components/ThreadUI.js.map +1 -1
  124. package/Thread/context.js +8 -8
  125. package/Thread.js +43 -41
  126. package/Thread.js.map +1 -1
  127. package/{ThreadProvider-2a4356a2.js → ThreadProvider-0cfe2336.js} +12 -11
  128. package/ThreadProvider-0cfe2336.js.map +1 -0
  129. package/{UserProfileContext-8b8f3e3a.js → UserProfileContext-3dd7aade.js} +1 -1
  130. package/{UserProfileContext-8b8f3e3a.js.map → UserProfileContext-3dd7aade.js.map} +1 -1
  131. package/{VoiceMessageInputWrapper-b8742ea1.js → VoiceMessageInputWrapper-a3904e40.js} +7 -7
  132. package/{VoiceMessageInputWrapper-b8742ea1.js.map → VoiceMessageInputWrapper-a3904e40.js.map} +1 -1
  133. package/VoicePlayer/context.js +3 -3
  134. package/VoicePlayer/useVoicePlayer.js +9 -9
  135. package/VoiceRecorder/context.js +9 -9
  136. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  137. package/{WebAudioUtils-63418113.js → WebAudioUtils-44e85117.js} +2 -2
  138. package/{WebAudioUtils-63418113.js.map → WebAudioUtils-44e85117.js.map} +1 -1
  139. package/{_rollupPluginBabelHelpers-90ff7fc4.js → _rollupPluginBabelHelpers-89176539.js} +1 -1
  140. package/_rollupPluginBabelHelpers-89176539.js.map +1 -0
  141. package/{actionTypes-66bf934b.js → actionTypes-f95f30b4.js} +1 -1
  142. package/{actionTypes-66bf934b.js.map → actionTypes-f95f30b4.js.map} +1 -1
  143. package/cjs/App.js +57 -49
  144. package/cjs/App.js.map +1 -1
  145. package/cjs/Channel/components/ChannelHeader.js +20 -19
  146. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  147. package/cjs/Channel/components/ChannelUI.js +45 -41
  148. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  149. package/cjs/Channel/components/FileViewer.js +16 -15
  150. package/cjs/Channel/components/FileViewer.js.map +1 -1
  151. package/cjs/Channel/components/FrozenNotification.js +4 -4
  152. package/cjs/Channel/components/Message.js +41 -39
  153. package/cjs/Channel/components/Message.js.map +1 -1
  154. package/cjs/Channel/components/MessageInput.js +39 -37
  155. package/cjs/Channel/components/MessageInput.js.map +1 -1
  156. package/cjs/Channel/components/MessageList.js +47 -66
  157. package/cjs/Channel/components/MessageList.js.map +1 -1
  158. package/cjs/Channel/components/RemoveMessageModal.js +18 -17
  159. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  160. package/cjs/Channel/components/SuggestedMentionList.js +18 -17
  161. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  162. package/cjs/Channel/components/TypingIndicator.js +16 -15
  163. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  164. package/cjs/Channel/components/UnreadCount.js +4 -4
  165. package/cjs/Channel/context.js +13 -12
  166. package/cjs/Channel/context.js.map +1 -1
  167. package/cjs/Channel/utils/compareMessagesForGrouping.js +26 -0
  168. package/cjs/Channel/utils/compareMessagesForGrouping.js.map +1 -0
  169. package/cjs/Channel/utils/getMessagePartsInfo.js +42 -0
  170. package/cjs/Channel/utils/getMessagePartsInfo.js.map +1 -0
  171. package/cjs/Channel.js +45 -41
  172. package/cjs/Channel.js.map +1 -1
  173. package/cjs/ChannelList/components/AddChannel.js +15 -15
  174. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  175. package/cjs/ChannelList/components/ChannelListUI.js +31 -30
  176. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  177. package/cjs/ChannelList/components/ChannelPreview.js +27 -26
  178. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  179. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  180. package/cjs/ChannelList/context.js +8 -8
  181. package/cjs/ChannelList.js +31 -30
  182. package/cjs/ChannelList.js.map +1 -1
  183. package/cjs/{ChannelListProvider-c1f3cf4a.js → ChannelListProvider-80903b5c.js} +11 -14
  184. package/cjs/ChannelListProvider-80903b5c.js.map +1 -0
  185. package/cjs/{ChannelProvider-633edf61.js → ChannelProvider-c75c8c0d.js} +109 -414
  186. package/cjs/ChannelProvider-c75c8c0d.js.map +1 -0
  187. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  188. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  189. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  190. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  191. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  192. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  193. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  194. package/cjs/ChannelSettings/context.js +3 -3
  195. package/cjs/ChannelSettings.js +17 -17
  196. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  197. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  198. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  199. package/cjs/CreateChannel/context.js +4 -4
  200. package/cjs/CreateChannel.js +13 -13
  201. package/cjs/{CreateChannelProvider-32102712.js → CreateChannelProvider-0e78ab7b.js} +1 -1
  202. package/cjs/{CreateChannelProvider-32102712.js.map → CreateChannelProvider-0e78ab7b.js.map} +1 -1
  203. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  204. package/cjs/CreateOpenChannel/context.js +1 -1
  205. package/cjs/CreateOpenChannel.js +9 -9
  206. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  207. package/cjs/EditUserProfile.js +12 -12
  208. package/cjs/{LocalizationContext-a15ec4eb.js → LocalizationContext-fd85331f.js} +3 -3
  209. package/cjs/{LocalizationContext-a15ec4eb.js.map → LocalizationContext-fd85331f.js.map} +1 -1
  210. package/cjs/{MediaQueryContext-80d10d7b.js → MediaQueryContext-fde456fd.js} +1 -1
  211. package/cjs/{MediaQueryContext-80d10d7b.js.map → MediaQueryContext-fde456fd.js.map} +1 -1
  212. package/cjs/{MemberList-5303bbbb.js → MemberList-16ebc116.js} +5 -5
  213. package/cjs/{MemberList-5303bbbb.js.map → MemberList-16ebc116.js.map} +1 -1
  214. package/cjs/{useDirtyGetMentions-a37639f1.js → Message/hooks/useDirtyGetMentions.js} +4 -1
  215. package/cjs/Message/hooks/useDirtyGetMentions.js.map +1 -0
  216. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  217. package/cjs/MessageSearch/context.js +1 -1
  218. package/cjs/MessageSearch/context.js.map +1 -1
  219. package/cjs/MessageSearch.js +11 -11
  220. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  221. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  222. package/cjs/OpenChannel/components/OpenChannelInput.js +20 -19
  223. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  224. package/cjs/OpenChannel/components/OpenChannelMessage.js +32 -40
  225. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  226. package/cjs/OpenChannel/components/OpenChannelMessageList.js +33 -32
  227. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  228. package/cjs/OpenChannel/components/OpenChannelUI.js +33 -32
  229. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  230. package/cjs/OpenChannel/context.js +8 -8
  231. package/cjs/OpenChannel.js +33 -32
  232. package/cjs/OpenChannel.js.map +1 -1
  233. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  234. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  235. package/cjs/OpenChannelList/context.js +3 -3
  236. package/cjs/OpenChannelList.js +13 -13
  237. package/cjs/{OpenChannelListProvider-49874b88.js → OpenChannelListProvider-8665615a.js} +3 -3
  238. package/cjs/{OpenChannelListProvider-49874b88.js.map → OpenChannelListProvider-8665615a.js.map} +1 -1
  239. package/cjs/{OpenChannelProvider-c2b3dc2c.js → OpenChannelProvider-5e558c1a.js} +7 -7
  240. package/cjs/OpenChannelProvider-5e558c1a.js.map +1 -0
  241. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  242. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  243. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  244. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  245. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  246. package/cjs/OpenChannelSettings/context.js +3 -3
  247. package/cjs/OpenChannelSettings.js +17 -17
  248. package/cjs/{RemoveMessageModal-271f1251.js → RemoveMessageModal-6307711c.js} +3 -3
  249. package/cjs/RemoveMessageModal-6307711c.js.map +1 -0
  250. package/cjs/SendbirdProvider.js +24 -21
  251. package/cjs/SendbirdProvider.js.map +1 -1
  252. package/cjs/Thread/components/ParentMessageInfo.js +38 -36
  253. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  254. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  255. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  256. package/cjs/Thread/components/ThreadHeader.js +6 -6
  257. package/cjs/Thread/components/ThreadList.js +39 -37
  258. package/cjs/Thread/components/ThreadList.js.map +1 -1
  259. package/cjs/Thread/components/ThreadListItem.js +42 -40
  260. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  261. package/cjs/Thread/components/ThreadMessageInput.js +34 -32
  262. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  263. package/cjs/Thread/components/ThreadUI.js +43 -41
  264. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  265. package/cjs/Thread/context.js +8 -8
  266. package/cjs/Thread.js +43 -41
  267. package/cjs/Thread.js.map +1 -1
  268. package/cjs/{ThreadProvider-8d2ce923.js → ThreadProvider-aeb062df.js} +12 -11
  269. package/cjs/ThreadProvider-aeb062df.js.map +1 -0
  270. package/cjs/{UserProfileContext-f8f1cee7.js → UserProfileContext-e658337c.js} +1 -1
  271. package/cjs/{UserProfileContext-f8f1cee7.js.map → UserProfileContext-e658337c.js.map} +1 -1
  272. package/cjs/{VoiceMessageInputWrapper-e8d7b9ba.js → VoiceMessageInputWrapper-ee24a942.js} +9 -9
  273. package/cjs/{VoiceMessageInputWrapper-e8d7b9ba.js.map → VoiceMessageInputWrapper-ee24a942.js.map} +1 -1
  274. package/cjs/VoicePlayer/context.js +3 -3
  275. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  276. package/cjs/VoiceRecorder/context.js +9 -9
  277. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  278. package/cjs/{WebAudioUtils-88dbfaed.js → WebAudioUtils-238bd8c4.js} +2 -2
  279. package/cjs/{WebAudioUtils-88dbfaed.js.map → WebAudioUtils-238bd8c4.js.map} +1 -1
  280. package/cjs/{_rollupPluginBabelHelpers-0d9d52a5.js → _rollupPluginBabelHelpers-6da3edf9.js} +1 -1
  281. package/cjs/_rollupPluginBabelHelpers-6da3edf9.js.map +1 -0
  282. package/cjs/{actionTypes-974dfe33.js → actionTypes-b0cfb8a7.js} +1 -1
  283. package/cjs/{actionTypes-974dfe33.js.map → actionTypes-b0cfb8a7.js.map} +1 -1
  284. package/cjs/{color-1e9cc481.js → color-7e8f0ca5.js} +1 -1
  285. package/cjs/{color-1e9cc481.js.map → color-7e8f0ca5.js.map} +1 -1
  286. package/cjs/{compareIds-0344920c.js → compareIds-a5214ac1.js} +1 -1
  287. package/cjs/{compareIds-0344920c.js.map → compareIds-a5214ac1.js.map} +1 -1
  288. package/cjs/{const-0d4d91cd.js → const-703dd567.js} +1 -1
  289. package/cjs/{const-0d4d91cd.js.map → const-703dd567.js.map} +1 -1
  290. package/cjs/{const-182fe978.js → const-7ab4dbea.js} +1 -1
  291. package/cjs/{const-182fe978.js.map → const-7ab4dbea.js.map} +1 -1
  292. package/cjs/{consts-0c9a38ef.js → consts-0337201b.js} +5 -1
  293. package/cjs/{consts-0c9a38ef.js.map → consts-0337201b.js.map} +1 -1
  294. package/cjs/{consts-10e5b075.js → consts-39e2e498.js} +1 -1
  295. package/cjs/{consts-10e5b075.js.map → consts-39e2e498.js.map} +1 -1
  296. package/cjs/{consts-5bdc2c7f.js → consts-74f92105.js} +1 -1
  297. package/cjs/{consts-5bdc2c7f.js.map → consts-74f92105.js.map} +1 -1
  298. package/cjs/{consts-c336bb61.js → consts-acdad2b4.js} +1 -1
  299. package/cjs/{consts-c336bb61.js.map → consts-acdad2b4.js.map} +1 -1
  300. package/cjs/{context-0276d21e.js → context-90576ca6.js} +2 -2
  301. package/cjs/{context-0276d21e.js.map → context-90576ca6.js.map} +1 -1
  302. package/cjs/dist/index.css +121 -94
  303. package/cjs/dist/index.css.map +1 -1
  304. package/cjs/{index-17a6519d.js → index-011a6124.js} +1 -1
  305. package/cjs/{index-17a6519d.js.map → index-011a6124.js.map} +1 -1
  306. package/cjs/index-05ea6eac.js +230 -0
  307. package/cjs/index-05ea6eac.js.map +1 -0
  308. package/cjs/{index-49fe0efb.js → index-0aec5632.js} +4 -4
  309. package/cjs/{index-49fe0efb.js.map → index-0aec5632.js.map} +1 -1
  310. package/cjs/{index-e46cc828.js → index-5699329f.js} +6 -6
  311. package/cjs/{index-e46cc828.js.map → index-5699329f.js.map} +1 -1
  312. package/cjs/{index-1325e266.js → index-66369e8b.js} +3 -3
  313. package/cjs/{index-1325e266.js.map → index-66369e8b.js.map} +1 -1
  314. package/cjs/{index-092b22dd.js → index-76acbd2d.js} +2 -2
  315. package/cjs/{index-092b22dd.js.map → index-76acbd2d.js.map} +1 -1
  316. package/cjs/{index-b428366f.js → index-7d3c8e0c.js} +2 -2
  317. package/cjs/index-7d3c8e0c.js.map +1 -0
  318. package/cjs/{index-6cb3365f.js → index-8522d0c2.js} +2 -2
  319. package/cjs/{index-6cb3365f.js.map → index-8522d0c2.js.map} +1 -1
  320. package/cjs/{index-cebd1362.js → index-9470d71b.js} +4 -4
  321. package/cjs/{index-cebd1362.js.map → index-9470d71b.js.map} +1 -1
  322. package/cjs/{index-08c5777e.js → index-9c4b8f39.js} +15 -8
  323. package/cjs/index-9c4b8f39.js.map +1 -0
  324. package/cjs/{index-dbccd7fb.js → index-ad47c0e4.js} +3 -3
  325. package/cjs/{index-dbccd7fb.js.map → index-ad47c0e4.js.map} +1 -1
  326. package/cjs/{index-87e11d7e.js → index-b04632ba.js} +5 -5
  327. package/cjs/{index-87e11d7e.js.map → index-b04632ba.js.map} +1 -1
  328. package/cjs/{index-2cb13008.js → index-bf35893c.js} +2 -2
  329. package/cjs/{index-2cb13008.js.map → index-bf35893c.js.map} +1 -1
  330. package/cjs/{index-5a651f3c.js → index-c63d7e90.js} +2 -2
  331. package/cjs/{index-5a651f3c.js.map → index-c63d7e90.js.map} +1 -1
  332. package/cjs/{index-54228aa8.js → index-dbfce4b2.js} +4 -4
  333. package/cjs/{index-54228aa8.js.map → index-dbfce4b2.js.map} +1 -1
  334. package/cjs/index-e18eb9ba.js +298 -0
  335. package/cjs/index-e18eb9ba.js.map +1 -0
  336. package/cjs/{index-9c8e297d.js → index-e99f0986.js} +3 -3
  337. package/cjs/{index-9c8e297d.js.map → index-e99f0986.js.map} +1 -1
  338. package/cjs/{index-c2454b7e.js → index-eac4199a.js} +1 -1
  339. package/cjs/{index-c2454b7e.js.map → index-eac4199a.js.map} +1 -1
  340. package/cjs/{index-ed1ee70b.js → index-f9665a27.js} +21 -14
  341. package/cjs/index-f9665a27.js.map +1 -0
  342. package/cjs/index.js +57 -53
  343. package/cjs/index.js.map +1 -1
  344. package/cjs/{index.module-8026e7d3.js → index.module-0ba29e4f.js} +1 -1
  345. package/cjs/{index.module-8026e7d3.js.map → index.module-0ba29e4f.js.map} +1 -1
  346. package/cjs/package.json +2 -2
  347. package/cjs/{resolvedReplyType-8137e072.js → resolvedReplyType-9f17b17a.js} +1 -1
  348. package/cjs/{resolvedReplyType-8137e072.js.map → resolvedReplyType-9f17b17a.js.map} +1 -1
  349. package/cjs/sendbirdSelectors.js +3 -4
  350. package/cjs/sendbirdSelectors.js.map +1 -1
  351. package/cjs/{stringSet-769f181d.js → stringSet-dfe78bcf.js} +1 -1
  352. package/cjs/{stringSet-769f181d.js.map → stringSet-dfe78bcf.js.map} +1 -1
  353. package/cjs/{tokenize-586ed01a.js → tokenize-8279c435.js} +2 -2
  354. package/cjs/{tokenize-586ed01a.js.map → tokenize-8279c435.js.map} +1 -1
  355. package/cjs/{topics-99121946.js → topics-ba2551c1.js} +1 -1
  356. package/cjs/{topics-99121946.js.map → topics-ba2551c1.js.map} +1 -1
  357. package/cjs/{types-812b3bfd.js → types-c4bc01b7.js} +1 -1
  358. package/cjs/types-c4bc01b7.js.map +1 -0
  359. package/cjs/ui/Accordion.js +2 -2
  360. package/cjs/ui/AccordionGroup.js +2 -2
  361. package/cjs/ui/AdminMessage.js +2 -2
  362. package/cjs/ui/Avatar.js +1 -1
  363. package/cjs/ui/Badge.js +4 -4
  364. package/cjs/ui/BottomSheet.js +1 -1
  365. package/cjs/ui/Button.js +2 -2
  366. package/cjs/ui/ChannelAvatar.js +2 -2
  367. package/cjs/ui/ConnectionStatus.js +4 -4
  368. package/cjs/ui/ContextMenu.js +5 -5
  369. package/cjs/ui/DateSeparator.js +3 -3
  370. package/cjs/ui/EmojiReactions.js +13 -13
  371. package/cjs/ui/EmojiReactions.js.map +1 -1
  372. package/cjs/ui/FileMessageItemBody.js +6 -6
  373. package/cjs/ui/FileViewer.js +17 -126
  374. package/cjs/ui/FileViewer.js.map +1 -1
  375. package/cjs/ui/Icon.js +178 -159
  376. package/cjs/ui/Icon.js.map +1 -1
  377. package/cjs/ui/IconButton.js +1 -1
  378. package/cjs/ui/Input.js +2 -2
  379. package/cjs/ui/Label.js +2 -2
  380. package/cjs/ui/LinkLabel.js +2 -2
  381. package/cjs/ui/MentionLabel.js +10 -10
  382. package/cjs/ui/MentionUserLabel.js +1 -1
  383. package/cjs/ui/MessageContent.js +28 -28
  384. package/cjs/ui/MessageContent.js.map +1 -1
  385. package/cjs/ui/MessageInput/hooks/usePaste.js +16 -0
  386. package/cjs/ui/MessageInput/hooks/usePaste.js.map +1 -0
  387. package/cjs/ui/MessageInput.js +21 -233
  388. package/cjs/ui/MessageInput.js.map +1 -1
  389. package/cjs/ui/MessageItemMenu.js +8 -8
  390. package/cjs/ui/MessageItemMenu.js.map +1 -1
  391. package/cjs/ui/MessageItemReactionMenu.js +8 -8
  392. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  393. package/cjs/ui/MessageSearchFileItem.js +10 -10
  394. package/cjs/ui/MessageSearchItem.js +8 -8
  395. package/cjs/ui/MessageStatus.js +10 -10
  396. package/cjs/ui/Modal.js +7 -7
  397. package/cjs/ui/OGMessageItemBody.js +14 -14
  398. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  399. package/cjs/ui/OpenChannelAvatar.js +5 -5
  400. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  401. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  402. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  403. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  404. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  405. package/cjs/ui/PlaceHolder.js +5 -5
  406. package/cjs/ui/PlaybackTime.js +2 -2
  407. package/cjs/ui/QuoteMessage.js +6 -6
  408. package/cjs/ui/QuoteMessage.js.map +1 -1
  409. package/cjs/ui/QuoteMessageInput.js +6 -6
  410. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  411. package/cjs/ui/ReactionBadge.js +2 -2
  412. package/cjs/ui/ReactionButton.js +4 -4
  413. package/cjs/ui/SortByRow.js +1 -1
  414. package/cjs/ui/TextButton.js +1 -1
  415. package/cjs/ui/TextMessageItemBody.js +14 -14
  416. package/cjs/ui/ThreadReplies.js +5 -5
  417. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  418. package/cjs/ui/Toggle.js +1 -1
  419. package/cjs/ui/Tooltip.js +2 -2
  420. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  421. package/cjs/ui/UserListItem.js +10 -10
  422. package/cjs/ui/UserProfile.js +9 -9
  423. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  424. package/cjs/ui/VoiceMessgeInput.js +7 -7
  425. package/cjs/ui/Word.js +10 -10
  426. package/cjs/{useLongPress-a77054d5.js → useLongPress-092f3b5a.js} +3 -3
  427. package/cjs/{useLongPress-a77054d5.js.map → useLongPress-092f3b5a.js.map} +1 -1
  428. package/cjs/useSendbirdStateContext.js +1 -1
  429. package/cjs/utils/message/getOutgoingMessageState.js.map +1 -1
  430. package/cjs/utils/message/isVoiceMessage.js +2 -2
  431. package/cjs/utils-415ffe78.js +340 -0
  432. package/cjs/utils-415ffe78.js.map +1 -0
  433. package/cjs/{utils-c8ca7346.js → utils-6a3fe892.js} +1 -1
  434. package/cjs/{utils-c8ca7346.js.map → utils-6a3fe892.js.map} +1 -1
  435. package/cjs/{utils-3fda8de7.js → utils-a0fbcca3.js} +1 -1
  436. package/cjs/{utils-3fda8de7.js.map → utils-a0fbcca3.js.map} +1 -1
  437. package/cjs/{utils-d6b081f0.js → utils-b5edf0d4.js} +1 -1
  438. package/cjs/{utils-d6b081f0.js.map → utils-b5edf0d4.js.map} +1 -1
  439. package/cjs/{utils-18517a45.js → utils-f6fe7b35.js} +2 -2
  440. package/cjs/{utils-18517a45.js.map → utils-f6fe7b35.js.map} +1 -1
  441. package/cjs/{uuid-6c019e89.js → uuid-5f519bff.js} +1 -1
  442. package/cjs/{uuid-6c019e89.js.map → uuid-5f519bff.js.map} +1 -1
  443. package/cjs/withSendbird.js +1 -1
  444. package/{color-2315a258.js → color-577bf8be.js} +1 -1
  445. package/{color-2315a258.js.map → color-577bf8be.js.map} +1 -1
  446. package/{compareIds-2464aab2.js → compareIds-c0200d9c.js} +1 -1
  447. package/{compareIds-2464aab2.js.map → compareIds-c0200d9c.js.map} +1 -1
  448. package/{const-0cca8d38.js → const-83226e6e.js} +1 -1
  449. package/{const-0cca8d38.js.map → const-83226e6e.js.map} +1 -1
  450. package/{const-c6a266f4.js → const-bc3d72f7.js} +1 -1
  451. package/{const-c6a266f4.js.map → const-bc3d72f7.js.map} +1 -1
  452. package/{consts-b6f24cc7.js → consts-1be4a5f0.js} +5 -2
  453. package/{consts-b6f24cc7.js.map → consts-1be4a5f0.js.map} +1 -1
  454. package/{consts-32a2c4a7.js → consts-72edcc10.js} +1 -1
  455. package/{consts-32a2c4a7.js.map → consts-72edcc10.js.map} +1 -1
  456. package/{consts-991d3823.js → consts-b6ee09b8.js} +1 -1
  457. package/{consts-991d3823.js.map → consts-b6ee09b8.js.map} +1 -1
  458. package/{consts-3d956927.js → consts-f43406e2.js} +1 -1
  459. package/{consts-3d956927.js.map → consts-f43406e2.js.map} +1 -1
  460. package/{context-e46fff7b.js → context-79b7df74.js} +2 -2
  461. package/{context-e46fff7b.js.map → context-79b7df74.js.map} +1 -1
  462. package/dist/index.css +121 -94
  463. package/dist/index.css.map +1 -1
  464. package/{index-b9b184a4.js → index-0560155e.js} +1 -1
  465. package/{index-b9b184a4.js.map → index-0560155e.js.map} +1 -1
  466. package/{index-a39b9075.js → index-093de5d9.js} +3 -3
  467. package/{index-a39b9075.js.map → index-093de5d9.js.map} +1 -1
  468. package/{index-ebb8a7df.js → index-1d964676.js} +2 -2
  469. package/index-1d964676.js.map +1 -0
  470. package/{index-17b78bb0.js → index-1fca4ff9.js} +21 -14
  471. package/index-1fca4ff9.js.map +1 -0
  472. package/{index-07345a6e.js → index-20782e24.js} +5 -5
  473. package/{index-07345a6e.js.map → index-20782e24.js.map} +1 -1
  474. package/{index-56249831.js → index-2f85608a.js} +16 -9
  475. package/index-2f85608a.js.map +1 -0
  476. package/{index-f2e30f98.js → index-43c63728.js} +2 -2
  477. package/{index-f2e30f98.js.map → index-43c63728.js.map} +1 -1
  478. package/index-4681e8c0.js +221 -0
  479. package/index-4681e8c0.js.map +1 -0
  480. package/index-56541b27.js +289 -0
  481. package/index-56541b27.js.map +1 -0
  482. package/{index-c4273470.js → index-6685707d.js} +4 -4
  483. package/{index-c4273470.js.map → index-6685707d.js.map} +1 -1
  484. package/{index-879bcfab.js → index-801994fd.js} +3 -3
  485. package/{index-879bcfab.js.map → index-801994fd.js.map} +1 -1
  486. package/{index-63c995b8.js → index-8c47fd78.js} +3 -3
  487. package/{index-63c995b8.js.map → index-8c47fd78.js.map} +1 -1
  488. package/{index-bafedab0.js → index-a6c40339.js} +1 -1
  489. package/{index-bafedab0.js.map → index-a6c40339.js.map} +1 -1
  490. package/{index-499d9ef9.js → index-b5ac166c.js} +2 -2
  491. package/{index-499d9ef9.js.map → index-b5ac166c.js.map} +1 -1
  492. package/{index-7b3790d3.js → index-cf32585b.js} +4 -4
  493. package/{index-7b3790d3.js.map → index-cf32585b.js.map} +1 -1
  494. package/{index-13d9d766.js → index-d4eb3c4f.js} +2 -2
  495. package/{index-13d9d766.js.map → index-d4eb3c4f.js.map} +1 -1
  496. package/{index-2544bb0a.js → index-da667cf0.js} +4 -4
  497. package/{index-2544bb0a.js.map → index-da667cf0.js.map} +1 -1
  498. package/{index-fe2c7493.js → index-e7c6e440.js} +6 -6
  499. package/{index-fe2c7493.js.map → index-e7c6e440.js.map} +1 -1
  500. package/{index-335e7557.js → index-facad2c8.js} +2 -2
  501. package/{index-335e7557.js.map → index-facad2c8.js.map} +1 -1
  502. package/index.d.ts +278 -134
  503. package/index.js +57 -53
  504. package/index.js.map +1 -1
  505. package/{index.module-41885c5b.js → index.module-afd26a55.js} +1 -1
  506. package/{index.module-41885c5b.js.map → index.module-afd26a55.js.map} +1 -1
  507. package/package.json +3 -2
  508. package/{resolvedReplyType-d6e22593.js → resolvedReplyType-56c58fa0.js} +1 -1
  509. package/{resolvedReplyType-d6e22593.js.map → resolvedReplyType-56c58fa0.js.map} +1 -1
  510. package/sendbirdSelectors.js +3 -4
  511. package/sendbirdSelectors.js.map +1 -1
  512. package/{stringSet-47601d79.js → stringSet-3373f05f.js} +1 -1
  513. package/{stringSet-47601d79.js.map → stringSet-3373f05f.js.map} +1 -1
  514. package/{tokenize-c0cf9574.js → tokenize-18e18d41.js} +2 -2
  515. package/{tokenize-c0cf9574.js.map → tokenize-18e18d41.js.map} +1 -1
  516. package/{topics-e985567d.js → topics-b4f2a542.js} +1 -1
  517. package/{topics-e985567d.js.map → topics-b4f2a542.js.map} +1 -1
  518. package/{types-02054e6e.js → types-956382cc.js} +1 -1
  519. package/types-956382cc.js.map +1 -0
  520. package/ui/Accordion.js +2 -2
  521. package/ui/AccordionGroup.js +2 -2
  522. package/ui/AdminMessage.js +2 -2
  523. package/ui/Avatar.js +1 -1
  524. package/ui/Badge.js +4 -4
  525. package/ui/BottomSheet.js +1 -1
  526. package/ui/Button.js +2 -2
  527. package/ui/ChannelAvatar.js +2 -2
  528. package/ui/ConnectionStatus.js +4 -4
  529. package/ui/ContextMenu.js +5 -5
  530. package/ui/DateSeparator.js +3 -3
  531. package/ui/EmojiReactions.js +13 -13
  532. package/ui/EmojiReactions.js.map +1 -1
  533. package/ui/FileMessageItemBody.js +6 -6
  534. package/ui/FileViewer.js +15 -124
  535. package/ui/FileViewer.js.map +1 -1
  536. package/ui/Icon.js +178 -159
  537. package/ui/Icon.js.map +1 -1
  538. package/ui/IconButton.js +1 -1
  539. package/ui/Input.js +2 -2
  540. package/ui/Label.js +2 -2
  541. package/ui/LinkLabel.js +2 -2
  542. package/ui/MentionLabel.js +10 -10
  543. package/ui/MentionUserLabel.js +1 -1
  544. package/ui/MessageContent.js +28 -28
  545. package/ui/MessageContent.js.map +1 -1
  546. package/ui/MessageInput/hooks/usePaste.js +7 -0
  547. package/ui/MessageInput/hooks/usePaste.js.map +1 -0
  548. package/ui/MessageInput.js +16 -227
  549. package/ui/MessageInput.js.map +1 -1
  550. package/ui/MessageItemMenu.js +8 -8
  551. package/ui/MessageItemMenu.js.map +1 -1
  552. package/ui/MessageItemReactionMenu.js +8 -8
  553. package/ui/MessageItemReactionMenu.js.map +1 -1
  554. package/ui/MessageSearchFileItem.js +10 -10
  555. package/ui/MessageSearchItem.js +8 -8
  556. package/ui/MessageStatus.js +10 -10
  557. package/ui/Modal.js +7 -7
  558. package/ui/OGMessageItemBody.js +14 -14
  559. package/ui/OpenChannelAdminMessage.js +2 -2
  560. package/ui/OpenChannelAvatar.js +5 -5
  561. package/ui/OpenchannelConversationHeader.js +6 -6
  562. package/ui/OpenchannelFileMessage.js +15 -15
  563. package/ui/OpenchannelOGMessage.js +18 -18
  564. package/ui/OpenchannelThumbnailMessage.js +14 -14
  565. package/ui/OpenchannelUserMessage.js +15 -15
  566. package/ui/PlaceHolder.js +5 -5
  567. package/ui/PlaybackTime.js +2 -2
  568. package/ui/QuoteMessage.js +6 -6
  569. package/ui/QuoteMessage.js.map +1 -1
  570. package/ui/QuoteMessageInput.js +6 -6
  571. package/ui/QuoteMessageInput.js.map +1 -1
  572. package/ui/ReactionBadge.js +2 -2
  573. package/ui/ReactionButton.js +4 -4
  574. package/ui/SortByRow.js +1 -1
  575. package/ui/TextButton.js +1 -1
  576. package/ui/TextMessageItemBody.js +14 -14
  577. package/ui/ThreadReplies.js +5 -5
  578. package/ui/ThumbnailMessageItemBody.js +5 -5
  579. package/ui/Toggle.js +1 -1
  580. package/ui/Tooltip.js +2 -2
  581. package/ui/UnknownMessageItemBody.js +6 -6
  582. package/ui/UserListItem.js +10 -10
  583. package/ui/UserProfile.js +9 -9
  584. package/ui/VoiceMessageItemBody.js +9 -9
  585. package/ui/VoiceMessgeInput.js +7 -7
  586. package/ui/Word.js +10 -10
  587. package/{useLongPress-0a2a8916.js → useLongPress-5d7ec65f.js} +3 -3
  588. package/{useLongPress-0a2a8916.js.map → useLongPress-5d7ec65f.js.map} +1 -1
  589. package/useSendbirdStateContext.js +1 -1
  590. package/utils/message/getOutgoingMessageState.js.map +1 -1
  591. package/utils/message/isVoiceMessage.js +2 -2
  592. package/utils-07212ce9.js +301 -0
  593. package/utils-07212ce9.js.map +1 -0
  594. package/{utils-2f26afa0.js → utils-46e2f239.js} +1 -1
  595. package/{utils-2f26afa0.js.map → utils-46e2f239.js.map} +1 -1
  596. package/{utils-70ea4cc9.js → utils-8039d87d.js} +2 -2
  597. package/{utils-70ea4cc9.js.map → utils-8039d87d.js.map} +1 -1
  598. package/{utils-93924431.js → utils-93dbc8a2.js} +1 -1
  599. package/{utils-93924431.js.map → utils-93dbc8a2.js.map} +1 -1
  600. package/{utils-d15f13cf.js → utils-f0a55682.js} +1 -1
  601. package/{utils-d15f13cf.js.map → utils-f0a55682.js.map} +1 -1
  602. package/{uuid-ec51ac4d.js → uuid-bdadfb51.js} +1 -1
  603. package/{uuid-ec51ac4d.js.map → uuid-bdadfb51.js.map} +1 -1
  604. package/withSendbird.js +1 -1
  605. package/ChannelListProvider-fc14f42d.js.map +0 -1
  606. package/ChannelProvider-78e85f32.js.map +0 -1
  607. package/OpenChannelProvider-a6f4f92a.js.map +0 -1
  608. package/RemoveMessageModal-0d438e31.js.map +0 -1
  609. package/ThreadProvider-2a4356a2.js.map +0 -1
  610. package/_rollupPluginBabelHelpers-90ff7fc4.js.map +0 -1
  611. package/cjs/ChannelListProvider-c1f3cf4a.js.map +0 -1
  612. package/cjs/ChannelProvider-633edf61.js.map +0 -1
  613. package/cjs/OpenChannelProvider-c2b3dc2c.js.map +0 -1
  614. package/cjs/RemoveMessageModal-271f1251.js.map +0 -1
  615. package/cjs/ThreadProvider-8d2ce923.js.map +0 -1
  616. package/cjs/_rollupPluginBabelHelpers-0d9d52a5.js.map +0 -1
  617. package/cjs/index-08c5777e.js.map +0 -1
  618. package/cjs/index-b428366f.js.map +0 -1
  619. package/cjs/index-ed1ee70b.js.map +0 -1
  620. package/cjs/types-812b3bfd.js.map +0 -1
  621. package/cjs/useDirtyGetMentions-a37639f1.js.map +0 -1
  622. package/index-17b78bb0.js.map +0 -1
  623. package/index-56249831.js.map +0 -1
  624. package/index-ebb8a7df.js.map +0 -1
  625. package/types-02054e6e.js.map +0 -1
  626. package/useDirtyGetMentions-3f7692ab.js.map +0 -1
package/cjs/dist/index.css CHANGED
@@ -70,6 +70,100 @@
70
70
  color: inherit;
71
71
  word-break: break-all;
72
72
  }
73
+ .sendbird-open-channel-list,
74
+ .sendbird-open-channel-list-ui {
75
+ position: relative;
76
+ display: inline-flex;
77
+ flex-direction: column;
78
+ width: 256px;
79
+ min-width: 256px;
80
+ height: 100%;
81
+ box-sizing: border-box;
82
+ }
83
+ .sendbird--mobile-mode .sendbird-open-channel-list,
84
+ .sendbird--mobile-mode .sendbird-open-channel-list-ui {
85
+ width: 100%;
86
+ }
87
+ .sendbird-theme--light .sendbird-open-channel-list,
88
+ .sendbird-theme--light .sendbird-open-channel-list-ui {
89
+ border-right: solid 1px var(--sendbird-light-onlight-04);
90
+ }
91
+ .sendbird-theme--dark .sendbird-open-channel-list,
92
+ .sendbird-theme--dark .sendbird-open-channel-list-ui {
93
+ border-right: solid 1px var(--sendbird-dark-ondark-04);
94
+ }
95
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
96
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
97
+ position: relative;
98
+ display: inline-flex;
99
+ flex-direction: row;
100
+ align-items: center;
101
+ width: 100%;
102
+ height: 64px;
103
+ box-sizing: border-box;
104
+ }
105
+ .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
106
+ .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
107
+ background-color: var(--sendbird-light-background-50);
108
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
109
+ }
110
+ .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
111
+ .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
112
+ background-color: var(--sendbird-dark-background-600);
113
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
114
+ }
115
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
116
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
117
+ position: relative;
118
+ margin-left: 24px;
119
+ display: inline-flex;
120
+ align-items: center;
121
+ box-sizing: border-box;
122
+ }
123
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
124
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
125
+ position: absolute;
126
+ top: 16px;
127
+ right: 56px;
128
+ display: inline-flex;
129
+ align-items: center;
130
+ justify-content: center;
131
+ box-sizing: border-box;
132
+ }
133
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
134
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
135
+ position: absolute;
136
+ top: 16px;
137
+ right: 16px;
138
+ display: inline-flex;
139
+ align-items: center;
140
+ justify-content: center;
141
+ box-sizing: border-box;
142
+ }
143
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
144
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
145
+ position: relative;
146
+ display: inline-flex;
147
+ flex-direction: column;
148
+ width: 100%;
149
+ height: calc(100% - 64px);
150
+ box-sizing: border-box;
151
+ overflow-y: scroll;
152
+ }
153
+
154
+ .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
155
+ position: relative;
156
+ min-height: 62px;
157
+ display: inline-flex;
158
+ align-items: center;
159
+ justify-content: center;
160
+ }
161
+ .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
162
+ background-color: var(--sendbird-light-background-100);
163
+ }
164
+ .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
165
+ background-color: var(--sendbird-dark-background-500);
166
+ }
73
167
  .sendbird-open-channel-preview {
74
168
  position: relative;
75
169
  display: inline-flex;
@@ -252,100 +346,6 @@
252
346
  display: inline-flex;
253
347
  flex-direction: row;
254
348
  }
255
- .sendbird-open-channel-list,
256
- .sendbird-open-channel-list-ui {
257
- position: relative;
258
- display: inline-flex;
259
- flex-direction: column;
260
- width: 256px;
261
- min-width: 256px;
262
- height: 100%;
263
- box-sizing: border-box;
264
- }
265
- .sendbird--mobile-mode .sendbird-open-channel-list,
266
- .sendbird--mobile-mode .sendbird-open-channel-list-ui {
267
- width: 100%;
268
- }
269
- .sendbird-theme--light .sendbird-open-channel-list,
270
- .sendbird-theme--light .sendbird-open-channel-list-ui {
271
- border-right: solid 1px var(--sendbird-light-onlight-04);
272
- }
273
- .sendbird-theme--dark .sendbird-open-channel-list,
274
- .sendbird-theme--dark .sendbird-open-channel-list-ui {
275
- border-right: solid 1px var(--sendbird-dark-ondark-04);
276
- }
277
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
278
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
279
- position: relative;
280
- display: inline-flex;
281
- flex-direction: row;
282
- align-items: center;
283
- width: 100%;
284
- height: 64px;
285
- box-sizing: border-box;
286
- }
287
- .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
288
- .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
289
- background-color: var(--sendbird-light-background-50);
290
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
291
- }
292
- .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
293
- .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
294
- background-color: var(--sendbird-dark-background-600);
295
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
296
- }
297
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
298
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
299
- position: relative;
300
- margin-left: 24px;
301
- display: inline-flex;
302
- align-items: center;
303
- box-sizing: border-box;
304
- }
305
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
306
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
307
- position: absolute;
308
- top: 16px;
309
- right: 56px;
310
- display: inline-flex;
311
- align-items: center;
312
- justify-content: center;
313
- box-sizing: border-box;
314
- }
315
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
316
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
317
- position: absolute;
318
- top: 16px;
319
- right: 16px;
320
- display: inline-flex;
321
- align-items: center;
322
- justify-content: center;
323
- box-sizing: border-box;
324
- }
325
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
326
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
327
- position: relative;
328
- display: inline-flex;
329
- flex-direction: column;
330
- width: 100%;
331
- height: calc(100% - 64px);
332
- box-sizing: border-box;
333
- overflow-y: scroll;
334
- }
335
-
336
- .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
337
- position: relative;
338
- min-height: 62px;
339
- display: inline-flex;
340
- align-items: center;
341
- justify-content: center;
342
- }
343
- .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
344
- background-color: var(--sendbird-light-background-100);
345
- }
346
- .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
347
- background-color: var(--sendbird-dark-background-500);
348
- }
349
349
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
350
350
  :root {
351
351
  --sendbird-light-primary-500: #491389;
@@ -6108,6 +6108,7 @@ div.sendbird-og-message-item-body__text-bubble {
6108
6108
  border-left: 1px solid var(--sendbird-dark-ondark-04);
6109
6109
  }
6110
6110
  .sendbird-fileviewer .sendbird-fileviewer__content {
6111
+ position: relative;
6111
6112
  height: calc(100% - 72px);
6112
6113
  margin-top: 8px;
6113
6114
  overflow-y: auto;
@@ -6123,6 +6124,14 @@ div.sendbird-og-message-item-body__text-bubble {
6123
6124
  max-width: 90%;
6124
6125
  max-height: 90%;
6125
6126
  }
6127
+ .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img__multi {
6128
+ max-width: calc(100% - 64px - 56px);
6129
+ max-height: 100%;
6130
+ }
6131
+ .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img__multi {
6132
+ max-width: 100%;
6133
+ max-height: 100%;
6134
+ }
6126
6135
  .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported {
6127
6136
  max-width: 100%;
6128
6137
  max-height: 100%;
@@ -6130,6 +6139,24 @@ div.sendbird-og-message-item-body__text-bubble {
6130
6139
  justify-content: center;
6131
6140
  align-items: center;
6132
6141
  }
6142
+
6143
+ .sendbird-file-viewer-arrow--left,
6144
+ .sendbird-file-viewer-arrow--right {
6145
+ cursor: pointer;
6146
+ position: absolute;
6147
+ height: 32px;
6148
+ width: 32px;
6149
+ top: calc(50% - 16px);
6150
+ }
6151
+
6152
+ .sendbird-file-viewer-arrow--left {
6153
+ left: 14px;
6154
+ }
6155
+
6156
+ .sendbird-file-viewer-arrow--right {
6157
+ right: 14px;
6158
+ transform: rotate(180deg);
6159
+ }
6133
6160
  .sendbird-thread-header {
6134
6161
  position: relative;
6135
6162
  min-width: 320px;