@sendbird/uikit-react 3.6.7 → 3.6.8-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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-8bad6b5d.js} +11 -14
  43. package/ChannelListProvider-8bad6b5d.js.map +1 -0
  44. package/{ChannelProvider-78e85f32.js → ChannelProvider-849524b4.js} +31 -331
  45. package/ChannelProvider-849524b4.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-05a17cd7.js} +1 -1
  61. package/{CreateChannelProvider-fe23c38f.js.map → CreateChannelProvider-05a17cd7.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-8781208d.js} +3 -3
  68. package/{LocalizationContext-5fe9b59d.js.map → LocalizationContext-8781208d.js.map} +1 -1
  69. package/{MediaQueryContext-66b59195.js → MediaQueryContext-2ef9f34f.js} +1 -1
  70. package/{MediaQueryContext-66b59195.js.map → MediaQueryContext-2ef9f34f.js.map} +1 -1
  71. package/{MemberList-c03817ad.js → MemberList-41b2fd92.js} +5 -5
  72. package/{MemberList-c03817ad.js.map → MemberList-41b2fd92.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-573391ab.js} +3 -3
  97. package/{OpenChannelListProvider-5d21932a.js.map → OpenChannelListProvider-573391ab.js.map} +1 -1
  98. package/{OpenChannelProvider-a6f4f92a.js → OpenChannelProvider-ac1c9c33.js} +7 -7
  99. package/OpenChannelProvider-ac1c9c33.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-6a47b7bb.js} +3 -3
  108. package/RemoveMessageModal-6a47b7bb.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-9e14db75.js} +12 -11
  128. package/ThreadProvider-9e14db75.js.map +1 -0
  129. package/{UserProfileContext-8b8f3e3a.js → UserProfileContext-3be56f3a.js} +1 -1
  130. package/{UserProfileContext-8b8f3e3a.js.map → UserProfileContext-3be56f3a.js.map} +1 -1
  131. package/{VoiceMessageInputWrapper-b8742ea1.js → VoiceMessageInputWrapper-be6706b2.js} +7 -7
  132. package/{VoiceMessageInputWrapper-b8742ea1.js.map → VoiceMessageInputWrapper-be6706b2.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-9b10fbb0.js} +2 -2
  138. package/{WebAudioUtils-63418113.js.map → WebAudioUtils-9b10fbb0.js.map} +1 -1
  139. package/{_rollupPluginBabelHelpers-90ff7fc4.js → _rollupPluginBabelHelpers-404d1a9c.js} +1 -1
  140. package/_rollupPluginBabelHelpers-404d1a9c.js.map +1 -0
  141. package/{actionTypes-66bf934b.js → actionTypes-a16bc0a0.js} +1 -1
  142. package/{actionTypes-66bf934b.js.map → actionTypes-a16bc0a0.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-11d605eb.js} +11 -14
  184. package/cjs/ChannelListProvider-11d605eb.js.map +1 -0
  185. package/cjs/{ChannelProvider-633edf61.js → ChannelProvider-58b2dd24.js} +109 -414
  186. package/cjs/ChannelProvider-58b2dd24.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-ea0ac249.js} +1 -1
  202. package/cjs/{CreateChannelProvider-32102712.js.map → CreateChannelProvider-ea0ac249.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-98e10f52.js} +3 -3
  209. package/cjs/{LocalizationContext-a15ec4eb.js.map → LocalizationContext-98e10f52.js.map} +1 -1
  210. package/cjs/{MediaQueryContext-80d10d7b.js → MediaQueryContext-add76360.js} +1 -1
  211. package/cjs/{MediaQueryContext-80d10d7b.js.map → MediaQueryContext-add76360.js.map} +1 -1
  212. package/cjs/{MemberList-5303bbbb.js → MemberList-ae4434a0.js} +5 -5
  213. package/cjs/{MemberList-5303bbbb.js.map → MemberList-ae4434a0.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-8e908f4d.js} +3 -3
  238. package/cjs/{OpenChannelListProvider-49874b88.js.map → OpenChannelListProvider-8e908f4d.js.map} +1 -1
  239. package/cjs/{OpenChannelProvider-c2b3dc2c.js → OpenChannelProvider-7b3b81b1.js} +7 -7
  240. package/cjs/OpenChannelProvider-7b3b81b1.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-33422173.js} +3 -3
  249. package/cjs/RemoveMessageModal-33422173.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-f7ee365b.js} +12 -11
  269. package/cjs/ThreadProvider-f7ee365b.js.map +1 -0
  270. package/cjs/{UserProfileContext-f8f1cee7.js → UserProfileContext-b249921b.js} +1 -1
  271. package/cjs/{UserProfileContext-f8f1cee7.js.map → UserProfileContext-b249921b.js.map} +1 -1
  272. package/cjs/{VoiceMessageInputWrapper-e8d7b9ba.js → VoiceMessageInputWrapper-a365a098.js} +9 -9
  273. package/cjs/{VoiceMessageInputWrapper-e8d7b9ba.js.map → VoiceMessageInputWrapper-a365a098.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-a6402df3.js} +2 -2
  279. package/cjs/{WebAudioUtils-88dbfaed.js.map → WebAudioUtils-a6402df3.js.map} +1 -1
  280. package/cjs/{_rollupPluginBabelHelpers-0d9d52a5.js → _rollupPluginBabelHelpers-af83a471.js} +1 -1
  281. package/cjs/_rollupPluginBabelHelpers-af83a471.js.map +1 -0
  282. package/cjs/{actionTypes-974dfe33.js → actionTypes-200d8a9f.js} +1 -1
  283. package/cjs/{actionTypes-974dfe33.js.map → actionTypes-200d8a9f.js.map} +1 -1
  284. package/cjs/{color-1e9cc481.js → color-31d6570a.js} +1 -1
  285. package/cjs/{color-1e9cc481.js.map → color-31d6570a.js.map} +1 -1
  286. package/cjs/{compareIds-0344920c.js → compareIds-e79c9a5a.js} +1 -1
  287. package/cjs/{compareIds-0344920c.js.map → compareIds-e79c9a5a.js.map} +1 -1
  288. package/cjs/{const-0d4d91cd.js → const-a3aa0fd6.js} +1 -1
  289. package/cjs/{const-0d4d91cd.js.map → const-a3aa0fd6.js.map} +1 -1
  290. package/cjs/{const-182fe978.js → const-c4593fa8.js} +1 -1
  291. package/cjs/{const-182fe978.js.map → const-c4593fa8.js.map} +1 -1
  292. package/cjs/{consts-10e5b075.js → consts-0ce6dc5f.js} +1 -1
  293. package/cjs/{consts-10e5b075.js.map → consts-0ce6dc5f.js.map} +1 -1
  294. package/cjs/{consts-5bdc2c7f.js → consts-43df77ef.js} +1 -1
  295. package/cjs/{consts-5bdc2c7f.js.map → consts-43df77ef.js.map} +1 -1
  296. package/cjs/{consts-0c9a38ef.js → consts-6d791ff5.js} +5 -1
  297. package/cjs/{consts-0c9a38ef.js.map → consts-6d791ff5.js.map} +1 -1
  298. package/cjs/{consts-c336bb61.js → consts-95de97c6.js} +1 -1
  299. package/cjs/{consts-c336bb61.js.map → consts-95de97c6.js.map} +1 -1
  300. package/cjs/{context-0276d21e.js → context-cec5a03c.js} +2 -2
  301. package/cjs/{context-0276d21e.js.map → context-cec5a03c.js.map} +1 -1
  302. package/cjs/dist/index.css +154 -127
  303. package/cjs/dist/index.css.map +1 -1
  304. package/cjs/{index-2cb13008.js → index-0a1d6159.js} +2 -2
  305. package/cjs/{index-2cb13008.js.map → index-0a1d6159.js.map} +1 -1
  306. package/cjs/{index-ed1ee70b.js → index-0a49ce60.js} +21 -14
  307. package/cjs/index-0a49ce60.js.map +1 -0
  308. package/cjs/index-0bcc6578.js +298 -0
  309. package/cjs/index-0bcc6578.js.map +1 -0
  310. package/cjs/{index-6cb3365f.js → index-1a05108d.js} +2 -2
  311. package/cjs/{index-6cb3365f.js.map → index-1a05108d.js.map} +1 -1
  312. package/cjs/{index-49fe0efb.js → index-44f82a5f.js} +4 -4
  313. package/cjs/{index-49fe0efb.js.map → index-44f82a5f.js.map} +1 -1
  314. package/cjs/{index-08c5777e.js → index-5125200f.js} +67 -28
  315. package/cjs/index-5125200f.js.map +1 -0
  316. package/cjs/{index-5a651f3c.js → index-5eddbcdd.js} +2 -2
  317. package/cjs/{index-5a651f3c.js.map → index-5eddbcdd.js.map} +1 -1
  318. package/cjs/{index-87e11d7e.js → index-6a049d22.js} +5 -5
  319. package/cjs/{index-87e11d7e.js.map → index-6a049d22.js.map} +1 -1
  320. package/cjs/{index-092b22dd.js → index-71ac2b0c.js} +2 -2
  321. package/cjs/{index-092b22dd.js.map → index-71ac2b0c.js.map} +1 -1
  322. package/cjs/{index-e46cc828.js → index-7c287c6e.js} +6 -6
  323. package/cjs/{index-e46cc828.js.map → index-7c287c6e.js.map} +1 -1
  324. package/cjs/{index-c2454b7e.js → index-821a74b6.js} +1 -1
  325. package/cjs/{index-c2454b7e.js.map → index-821a74b6.js.map} +1 -1
  326. package/cjs/{index-dbccd7fb.js → index-86a4d820.js} +3 -3
  327. package/cjs/{index-dbccd7fb.js.map → index-86a4d820.js.map} +1 -1
  328. package/cjs/{index-54228aa8.js → index-892e04e5.js} +4 -4
  329. package/cjs/{index-54228aa8.js.map → index-892e04e5.js.map} +1 -1
  330. package/cjs/{index-b428366f.js → index-ae818469.js} +2 -2
  331. package/cjs/index-ae818469.js.map +1 -0
  332. package/cjs/{index-1325e266.js → index-cffeab44.js} +3 -3
  333. package/cjs/{index-1325e266.js.map → index-cffeab44.js.map} +1 -1
  334. package/cjs/{index-9c8e297d.js → index-d1afbcfe.js} +3 -3
  335. package/cjs/{index-9c8e297d.js.map → index-d1afbcfe.js.map} +1 -1
  336. package/cjs/{index-cebd1362.js → index-dafc4dfb.js} +4 -4
  337. package/cjs/{index-cebd1362.js.map → index-dafc4dfb.js.map} +1 -1
  338. package/cjs/{index-17a6519d.js → index-eb531448.js} +1 -1
  339. package/cjs/{index-17a6519d.js.map → index-eb531448.js.map} +1 -1
  340. package/cjs/index-fc0d8ea1.js +230 -0
  341. package/cjs/index-fc0d8ea1.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-dcf622ba.js} +1 -1
  345. package/cjs/{index.module-8026e7d3.js.map → index.module-dcf622ba.js.map} +1 -1
  346. package/cjs/package.json +2 -2
  347. package/cjs/{resolvedReplyType-8137e072.js → resolvedReplyType-7074785b.js} +1 -1
  348. package/cjs/{resolvedReplyType-8137e072.js.map → resolvedReplyType-7074785b.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-20c5f2fa.js} +1 -1
  352. package/cjs/{stringSet-769f181d.js.map → stringSet-20c5f2fa.js.map} +1 -1
  353. package/cjs/{tokenize-586ed01a.js → tokenize-3c568761.js} +2 -2
  354. package/cjs/{tokenize-586ed01a.js.map → tokenize-3c568761.js.map} +1 -1
  355. package/cjs/{topics-99121946.js → topics-b61b6276.js} +1 -1
  356. package/cjs/{topics-99121946.js.map → topics-b61b6276.js.map} +1 -1
  357. package/cjs/{types-812b3bfd.js → types-7d4d4e4a.js} +1 -1
  358. package/cjs/types-7d4d4e4a.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-f1d03c8d.js} +3 -3
  427. package/cjs/{useLongPress-a77054d5.js.map → useLongPress-f1d03c8d.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-c8ca7346.js → utils-03f96fba.js} +1 -1
  432. package/cjs/{utils-c8ca7346.js.map → utils-03f96fba.js.map} +1 -1
  433. package/cjs/{utils-18517a45.js → utils-482c5d41.js} +2 -2
  434. package/cjs/{utils-18517a45.js.map → utils-482c5d41.js.map} +1 -1
  435. package/cjs/{utils-3fda8de7.js → utils-9a0e0c06.js} +1 -1
  436. package/cjs/{utils-3fda8de7.js.map → utils-9a0e0c06.js.map} +1 -1
  437. package/cjs/utils-a569b281.js +340 -0
  438. package/cjs/utils-a569b281.js.map +1 -0
  439. package/cjs/{utils-d6b081f0.js → utils-e00d6f10.js} +1 -1
  440. package/cjs/{utils-d6b081f0.js.map → utils-e00d6f10.js.map} +1 -1
  441. package/cjs/{uuid-6c019e89.js → uuid-f9a11afa.js} +1 -1
  442. package/cjs/{uuid-6c019e89.js.map → uuid-f9a11afa.js.map} +1 -1
  443. package/cjs/withSendbird.js +1 -1
  444. package/{color-2315a258.js → color-08fea5a1.js} +1 -1
  445. package/{color-2315a258.js.map → color-08fea5a1.js.map} +1 -1
  446. package/{compareIds-2464aab2.js → compareIds-72c21832.js} +1 -1
  447. package/{compareIds-2464aab2.js.map → compareIds-72c21832.js.map} +1 -1
  448. package/{const-0cca8d38.js → const-035fb030.js} +1 -1
  449. package/{const-0cca8d38.js.map → const-035fb030.js.map} +1 -1
  450. package/{const-c6a266f4.js → const-cf103f8d.js} +1 -1
  451. package/{const-c6a266f4.js.map → const-cf103f8d.js.map} +1 -1
  452. package/{consts-991d3823.js → consts-52c058a5.js} +1 -1
  453. package/{consts-991d3823.js.map → consts-52c058a5.js.map} +1 -1
  454. package/{consts-32a2c4a7.js → consts-d9925dd6.js} +1 -1
  455. package/{consts-32a2c4a7.js.map → consts-d9925dd6.js.map} +1 -1
  456. package/{consts-3d956927.js → consts-dbf4e2a7.js} +1 -1
  457. package/{consts-3d956927.js.map → consts-dbf4e2a7.js.map} +1 -1
  458. package/{consts-b6f24cc7.js → consts-f92f7a23.js} +5 -2
  459. package/{consts-b6f24cc7.js.map → consts-f92f7a23.js.map} +1 -1
  460. package/{context-e46fff7b.js → context-866e205a.js} +2 -2
  461. package/{context-e46fff7b.js.map → context-866e205a.js.map} +1 -1
  462. package/dist/index.css +154 -127
  463. package/dist/index.css.map +1 -1
  464. package/{index-335e7557.js → index-0cfeeaac.js} +2 -2
  465. package/{index-335e7557.js.map → index-0cfeeaac.js.map} +1 -1
  466. package/{index-f2e30f98.js → index-220222c3.js} +2 -2
  467. package/{index-f2e30f98.js.map → index-220222c3.js.map} +1 -1
  468. package/{index-499d9ef9.js → index-3c8065f1.js} +2 -2
  469. package/{index-499d9ef9.js.map → index-3c8065f1.js.map} +1 -1
  470. package/{index-17b78bb0.js → index-3e9067b2.js} +21 -14
  471. package/index-3e9067b2.js.map +1 -0
  472. package/{index-fe2c7493.js → index-48b8b7ea.js} +6 -6
  473. package/{index-fe2c7493.js.map → index-48b8b7ea.js.map} +1 -1
  474. package/{index-13d9d766.js → index-5a7039da.js} +2 -2
  475. package/{index-13d9d766.js.map → index-5a7039da.js.map} +1 -1
  476. package/index-5d775cdb.js +221 -0
  477. package/index-5d775cdb.js.map +1 -0
  478. package/{index-7b3790d3.js → index-87a9a309.js} +4 -4
  479. package/{index-7b3790d3.js.map → index-87a9a309.js.map} +1 -1
  480. package/{index-07345a6e.js → index-89a6798f.js} +5 -5
  481. package/{index-07345a6e.js.map → index-89a6798f.js.map} +1 -1
  482. package/{index-bafedab0.js → index-92d47d85.js} +1 -1
  483. package/{index-bafedab0.js.map → index-92d47d85.js.map} +1 -1
  484. package/index-a3d726e9.js +289 -0
  485. package/index-a3d726e9.js.map +1 -0
  486. package/{index-a39b9075.js → index-adaead71.js} +3 -3
  487. package/{index-a39b9075.js.map → index-adaead71.js.map} +1 -1
  488. package/{index-ebb8a7df.js → index-b3d5a76f.js} +2 -2
  489. package/index-b3d5a76f.js.map +1 -0
  490. package/{index-2544bb0a.js → index-bbc82f2a.js} +4 -4
  491. package/{index-2544bb0a.js.map → index-bbc82f2a.js.map} +1 -1
  492. package/{index-b9b184a4.js → index-c17b453a.js} +1 -1
  493. package/{index-b9b184a4.js.map → index-c17b453a.js.map} +1 -1
  494. package/{index-c4273470.js → index-ceda3633.js} +4 -4
  495. package/{index-c4273470.js.map → index-ceda3633.js.map} +1 -1
  496. package/{index-879bcfab.js → index-d637d23d.js} +3 -3
  497. package/{index-879bcfab.js.map → index-d637d23d.js.map} +1 -1
  498. package/{index-56249831.js → index-e9757459.js} +68 -29
  499. package/index-e9757459.js.map +1 -0
  500. package/{index-63c995b8.js → index-ef60ce9f.js} +3 -3
  501. package/{index-63c995b8.js.map → index-ef60ce9f.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-476c67cc.js} +1 -1
  506. package/{index.module-41885c5b.js.map → index.module-476c67cc.js.map} +1 -1
  507. package/package.json +3 -2
  508. package/{resolvedReplyType-d6e22593.js → resolvedReplyType-8fa44680.js} +1 -1
  509. package/{resolvedReplyType-d6e22593.js.map → resolvedReplyType-8fa44680.js.map} +1 -1
  510. package/sendbirdSelectors.js +3 -4
  511. package/sendbirdSelectors.js.map +1 -1
  512. package/{stringSet-47601d79.js → stringSet-f13a0a37.js} +1 -1
  513. package/{stringSet-47601d79.js.map → stringSet-f13a0a37.js.map} +1 -1
  514. package/{tokenize-c0cf9574.js → tokenize-be306c61.js} +2 -2
  515. package/{tokenize-c0cf9574.js.map → tokenize-be306c61.js.map} +1 -1
  516. package/{topics-e985567d.js → topics-df485c66.js} +1 -1
  517. package/{topics-e985567d.js.map → topics-df485c66.js.map} +1 -1
  518. package/{types-02054e6e.js → types-b2ebbd50.js} +1 -1
  519. package/types-b2ebbd50.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-e69367cf.js} +3 -3
  588. package/{useLongPress-0a2a8916.js.map → useLongPress-e69367cf.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-93924431.js → utils-3ee416c9.js} +1 -1
  593. package/{utils-93924431.js.map → utils-3ee416c9.js.map} +1 -1
  594. package/{utils-2f26afa0.js → utils-42133229.js} +1 -1
  595. package/{utils-2f26afa0.js.map → utils-42133229.js.map} +1 -1
  596. package/{utils-d15f13cf.js → utils-60a2e587.js} +1 -1
  597. package/{utils-d15f13cf.js.map → utils-60a2e587.js.map} +1 -1
  598. package/{utils-70ea4cc9.js → utils-910ef5dd.js} +2 -2
  599. package/{utils-70ea4cc9.js.map → utils-910ef5dd.js.map} +1 -1
  600. package/utils-df42b9f9.js +301 -0
  601. package/utils-df42b9f9.js.map +1 -0
  602. package/{uuid-ec51ac4d.js → uuid-1b498132.js} +1 -1
  603. package/{uuid-ec51ac4d.js.map → uuid-1b498132.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,133 +70,6 @@
70
70
  color: inherit;
71
71
  word-break: break-all;
72
72
  }
73
- .sendbird-open-channel-preview {
74
- position: relative;
75
- display: inline-flex;
76
- flex-direction: row;
77
- width: 264px;
78
- height: 58px;
79
- min-width: 264px;
80
- min-height: 58px;
81
- box-sizing: border-box;
82
- }
83
- .sendbird--mobile-mode .sendbird-open-channel-preview {
84
- width: 100%;
85
- }
86
- .sendbird-theme--light .sendbird-open-channel-preview {
87
- background-color: var(--sendbird-light-background-50);
88
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
89
- }
90
- .sendbird-theme--dark .sendbird-open-channel-preview {
91
- background-color: var(--sendbird-dark-background-600);
92
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
93
- }
94
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
95
- background-color: var(--sendbird-light-background-100);
96
- }
97
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
98
- background-color: var(--sendbird-dark-background-500);
99
- }
100
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
101
- background-color: var(--sendbird-light-primary-100);
102
- border-left: solid 4px var(--sendbird-light-primary-300);
103
- }
104
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
105
- background-color: var(--sendbird-dark-primary-300);
106
- border-left: solid 4px var(--sendbird-dark-primary-200);
107
- }
108
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
109
- position: relative;
110
- margin-top: 8px;
111
- margin-left: 16px;
112
- display: inline-flex;
113
- align-items: center;
114
- justify-content: center;
115
- width: 42px;
116
- height: 42px;
117
- box-sizing: border-box;
118
- }
119
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
120
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
121
- position: relative;
122
- display: inline-flex;
123
- align-items: center;
124
- justify-content: center;
125
- box-sizing: border-box;
126
- }
127
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
128
- position: relative;
129
- margin-top: 8px;
130
- margin-left: 16px;
131
- display: inline-flex;
132
- flex-direction: column;
133
- width: calc(100% - 100px);
134
- box-sizing: border-box;
135
- }
136
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
137
- position: relative;
138
- display: inline-flex;
139
- flex-direction: row;
140
- align-items: center;
141
- width: 100%;
142
- height: 16px;
143
- box-sizing: border-box;
144
- }
145
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
146
- position: relative;
147
- display: inline-block;
148
- width: 100%;
149
- white-space: nowrap;
150
- overflow: hidden;
151
- text-overflow: ellipsis;
152
- box-sizing: border-box;
153
- overflow-x: hidden;
154
- text-overflow: ellipsis;
155
- word-break: keep-all;
156
- }
157
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
158
- max-width: calc(100% - 20px);
159
- }
160
- .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
161
- overflow-y: hidden;
162
- }
163
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
164
- position: relative;
165
- margin-left: 4px;
166
- display: inline-flex;
167
- }
168
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
169
- position: relative;
170
- margin-top: 8px;
171
- display: inline-flex;
172
- flex-direction: row;
173
- align-items: center;
174
- width: 100%;
175
- height: 14px;
176
- box-sizing: border-box;
177
- }
178
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
179
- position: relative;
180
- display: inline-flex;
181
- width: 14px;
182
- height: 14px;
183
- box-sizing: border-box;
184
- }
185
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
186
- position: relative;
187
- margin-left: 4px;
188
- display: inline-flex;
189
- width: 160px;
190
- max-width: 160px;
191
- height: 12px;
192
- box-sizing: border-box;
193
- overflow-x: hidden;
194
- text-overflow: ellipsis;
195
- word-break: keep-all;
196
- }
197
- .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
198
- overflow-y: hidden;
199
- }
200
73
  .sendbird-create-open-channel-ui {
201
74
  position: relative;
202
75
  display: inline-flex;
@@ -346,6 +219,133 @@
346
219
  .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
347
220
  background-color: var(--sendbird-dark-background-500);
348
221
  }
222
+ .sendbird-open-channel-preview {
223
+ position: relative;
224
+ display: inline-flex;
225
+ flex-direction: row;
226
+ width: 264px;
227
+ height: 58px;
228
+ min-width: 264px;
229
+ min-height: 58px;
230
+ box-sizing: border-box;
231
+ }
232
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
233
+ width: 100%;
234
+ }
235
+ .sendbird-theme--light .sendbird-open-channel-preview {
236
+ background-color: var(--sendbird-light-background-50);
237
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
238
+ }
239
+ .sendbird-theme--dark .sendbird-open-channel-preview {
240
+ background-color: var(--sendbird-dark-background-600);
241
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
242
+ }
243
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
244
+ background-color: var(--sendbird-light-background-100);
245
+ }
246
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
247
+ background-color: var(--sendbird-dark-background-500);
248
+ }
249
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
250
+ background-color: var(--sendbird-light-primary-100);
251
+ border-left: solid 4px var(--sendbird-light-primary-300);
252
+ }
253
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
254
+ background-color: var(--sendbird-dark-primary-300);
255
+ border-left: solid 4px var(--sendbird-dark-primary-200);
256
+ }
257
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
258
+ position: relative;
259
+ margin-top: 8px;
260
+ margin-left: 16px;
261
+ display: inline-flex;
262
+ align-items: center;
263
+ justify-content: center;
264
+ width: 42px;
265
+ height: 42px;
266
+ box-sizing: border-box;
267
+ }
268
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
269
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
270
+ position: relative;
271
+ display: inline-flex;
272
+ align-items: center;
273
+ justify-content: center;
274
+ box-sizing: border-box;
275
+ }
276
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
277
+ position: relative;
278
+ margin-top: 8px;
279
+ margin-left: 16px;
280
+ display: inline-flex;
281
+ flex-direction: column;
282
+ width: calc(100% - 100px);
283
+ box-sizing: border-box;
284
+ }
285
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
286
+ position: relative;
287
+ display: inline-flex;
288
+ flex-direction: row;
289
+ align-items: center;
290
+ width: 100%;
291
+ height: 16px;
292
+ box-sizing: border-box;
293
+ }
294
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
295
+ position: relative;
296
+ display: inline-block;
297
+ width: 100%;
298
+ white-space: nowrap;
299
+ overflow: hidden;
300
+ text-overflow: ellipsis;
301
+ box-sizing: border-box;
302
+ overflow-x: hidden;
303
+ text-overflow: ellipsis;
304
+ word-break: keep-all;
305
+ }
306
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
307
+ max-width: calc(100% - 20px);
308
+ }
309
+ .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
310
+ overflow-y: hidden;
311
+ }
312
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
313
+ position: relative;
314
+ margin-left: 4px;
315
+ display: inline-flex;
316
+ }
317
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
318
+ position: relative;
319
+ margin-top: 8px;
320
+ display: inline-flex;
321
+ flex-direction: row;
322
+ align-items: center;
323
+ width: 100%;
324
+ height: 14px;
325
+ box-sizing: border-box;
326
+ }
327
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
328
+ position: relative;
329
+ display: inline-flex;
330
+ width: 14px;
331
+ height: 14px;
332
+ box-sizing: border-box;
333
+ }
334
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
335
+ position: relative;
336
+ margin-left: 4px;
337
+ display: inline-flex;
338
+ width: 160px;
339
+ max-width: 160px;
340
+ height: 12px;
341
+ box-sizing: border-box;
342
+ overflow-x: hidden;
343
+ text-overflow: ellipsis;
344
+ word-break: keep-all;
345
+ }
346
+ .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
347
+ overflow-y: hidden;
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;