@sendbird/uikit-react 3.8.0 → 3.8.2

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 (657) hide show
  1. package/App.js +59 -59
  2. package/CHANGELOG.md +56 -0
  3. package/Channel/components/ChannelHeader.js +24 -24
  4. package/Channel/components/ChannelUI.js +55 -55
  5. package/Channel/components/FileViewer.js +23 -23
  6. package/Channel/components/FrozenNotification.js +5 -5
  7. package/Channel/components/Message.js +53 -53
  8. package/Channel/components/MessageInput.js +35 -35
  9. package/Channel/components/MessageList.js +52 -52
  10. package/Channel/components/RemoveMessageModal.js +23 -23
  11. package/Channel/components/SuggestedMentionList.js +84 -48
  12. package/Channel/components/SuggestedMentionList.js.map +1 -1
  13. package/Channel/components/TypingIndicator.js +19 -19
  14. package/Channel/components/UnreadCount.js +9 -9
  15. package/Channel/context.js +16 -16
  16. package/Channel/hooks/useInitialMessagesFetch.js +8 -8
  17. package/Channel/utils/compareMessagesForGrouping.js +6 -6
  18. package/Channel/utils/getMessagePartsInfo.js +7 -7
  19. package/Channel.js +55 -55
  20. package/ChannelList/components/AddChannel.js +17 -17
  21. package/ChannelList/components/ChannelListHeader.js +8 -8
  22. package/ChannelList/components/ChannelListUI.js +33 -33
  23. package/ChannelList/components/ChannelPreview.js +31 -31
  24. package/ChannelList/components/ChannelPreviewAction.js +15 -15
  25. package/ChannelList/context.js +9 -9
  26. package/ChannelList.js +33 -33
  27. package/ChannelSettings/components/ChannelProfile.js +13 -13
  28. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  29. package/ChannelSettings/components/EditDetailsModal.js +13 -13
  30. package/ChannelSettings/components/LeaveChannel.js +11 -11
  31. package/ChannelSettings/components/ModerationPanel.js +16 -16
  32. package/ChannelSettings/components/UserListItem.js +12 -12
  33. package/ChannelSettings/components/UserPanel.js +15 -15
  34. package/ChannelSettings/context.js +3 -3
  35. package/ChannelSettings.js +18 -18
  36. package/CreateChannel/components/CreateChannelUI.js +15 -15
  37. package/CreateChannel/components/InviteUsers.js +15 -15
  38. package/CreateChannel/components/SelectChannelType.js +10 -10
  39. package/CreateChannel/context.js +4 -4
  40. package/CreateChannel.js +15 -15
  41. package/CreateOpenChannel/components/CreateOpenChannelUI.js +11 -11
  42. package/CreateOpenChannel/context.js +1 -1
  43. package/CreateOpenChannel.js +11 -11
  44. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  45. package/EditUserProfile.js +12 -12
  46. package/MessageSearch/components/MessageSearchUI.js +14 -14
  47. package/MessageSearch/context.js +1 -1
  48. package/MessageSearch.js +14 -14
  49. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  50. package/OpenChannel/components/OpenChannelHeader.js +14 -14
  51. package/OpenChannel/components/OpenChannelInput.js +21 -21
  52. package/OpenChannel/components/OpenChannelMessage.js +32 -32
  53. package/OpenChannel/components/OpenChannelMessageList.js +34 -34
  54. package/OpenChannel/components/OpenChannelUI.js +34 -34
  55. package/OpenChannel/context.js +8 -8
  56. package/OpenChannel.js +34 -34
  57. package/OpenChannelList/components/OpenChannelListUI.js +14 -14
  58. package/OpenChannelList/components/OpenChannelPreview.js +6 -6
  59. package/OpenChannelList/context.js +3 -3
  60. package/OpenChannelList.js +14 -14
  61. package/OpenChannelSettings/components/EditDetailsModal.js +15 -15
  62. package/OpenChannelSettings/components/OpenChannelProfile.js +14 -14
  63. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  64. package/OpenChannelSettings/components/OperatorUI.js +18 -18
  65. package/OpenChannelSettings/components/ParticipantUI.js +16 -16
  66. package/OpenChannelSettings/context.js +3 -3
  67. package/OpenChannelSettings.js +18 -18
  68. package/SendbirdProvider.js +24 -33
  69. package/SendbirdProvider.js.map +1 -1
  70. package/Thread/components/ParentMessageInfo.js +39 -39
  71. package/Thread/components/ParentMessageInfoItem.js +27 -26
  72. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  73. package/Thread/components/ThreadHeader.js +7 -7
  74. package/Thread/components/ThreadList.js +43 -43
  75. package/Thread/components/ThreadListItem.js +45 -45
  76. package/Thread/components/ThreadMessageInput.js +35 -35
  77. package/Thread/components/ThreadUI.js +47 -47
  78. package/Thread/context.js +69 -49
  79. package/Thread/context.js.map +1 -1
  80. package/Thread.js +46 -46
  81. package/VoicePlayer/context.js +3 -3
  82. package/VoicePlayer/useVoicePlayer.js +10 -10
  83. package/VoiceRecorder/context.js +10 -10
  84. package/VoiceRecorder/useVoiceRecorder.js +9 -9
  85. package/chunks/{bundle-dLuEa16_.js → bundle-0--XgUA7.js} +3 -3
  86. package/chunks/{bundle-dLuEa16_.js.map → bundle-0--XgUA7.js.map} +1 -1
  87. package/chunks/{bundle-bJrywUB-.js → bundle-0QcaQ8yA.js} +10 -10
  88. package/chunks/{bundle-TZXZa-F1.js.map → bundle-0QcaQ8yA.js.map} +1 -1
  89. package/chunks/{bundle-v0OWADVv.js → bundle-1O7rPYFy.js} +3 -3
  90. package/chunks/bundle-1O7rPYFy.js.map +1 -0
  91. package/chunks/{bundle-H2I60B2B.js → bundle-2zaLibl-.js} +2 -2
  92. package/chunks/bundle-2zaLibl-.js.map +1 -0
  93. package/chunks/{bundle-Q8dtkDOa.js → bundle-4yQvKOnq.js} +1 -1
  94. package/chunks/bundle-4yQvKOnq.js.map +1 -0
  95. package/chunks/{bundle-_YRJ7d9_.js → bundle-50blTGht.js} +26 -27
  96. package/chunks/{bundle-_YRJ7d9_.js.map → bundle-50blTGht.js.map} +1 -1
  97. package/chunks/{bundle-ubky9D9H.js → bundle-5WxplyP9.js} +1 -1
  98. package/chunks/bundle-5WxplyP9.js.map +1 -0
  99. package/chunks/{bundle-8zJE_DCx.js → bundle-5asq-E-v.js} +6 -6
  100. package/chunks/bundle-5asq-E-v.js.map +1 -0
  101. package/chunks/{bundle-NCqCEOuY.js → bundle-6Opy_RV-.js} +4 -4
  102. package/chunks/{bundle-NCqCEOuY.js.map → bundle-6Opy_RV-.js.map} +1 -1
  103. package/chunks/{bundle-YEttY5xG.js → bundle-8Ct4JuXG.js} +1 -1
  104. package/chunks/bundle-8Ct4JuXG.js.map +1 -0
  105. package/chunks/{bundle-M2ljBW6p.js → bundle-9AVOtanU.js} +4 -4
  106. package/chunks/bundle-9AVOtanU.js.map +1 -0
  107. package/chunks/{bundle-vnmGzWMt.js → bundle-9YazFOHk.js} +4 -4
  108. package/chunks/{bundle-vnmGzWMt.js.map → bundle-9YazFOHk.js.map} +1 -1
  109. package/chunks/{bundle-LUte5Kb5.js → bundle-BgGUA_Do.js} +91 -166
  110. package/chunks/{bundle-LUte5Kb5.js.map → bundle-BgGUA_Do.js.map} +1 -1
  111. package/chunks/{bundle-cviP1IM2.js → bundle-EaGyVrR8.js} +3 -3
  112. package/chunks/{bundle-cviP1IM2.js.map → bundle-EaGyVrR8.js.map} +1 -1
  113. package/chunks/{bundle-ZmvX8uZ5.js → bundle-EoW7JC-6.js} +5 -17
  114. package/chunks/bundle-EoW7JC-6.js.map +1 -0
  115. package/chunks/bundle-Ey2KFn-R.js +42 -0
  116. package/chunks/bundle-Ey2KFn-R.js.map +1 -0
  117. package/chunks/{bundle-FTgSGiKe.js → bundle-FxBVAeu9.js} +1 -1
  118. package/chunks/{bundle-FTgSGiKe.js.map → bundle-FxBVAeu9.js.map} +1 -1
  119. package/chunks/{bundle-qst5L6aH.js → bundle-GaBLtZQZ.js} +5 -3
  120. package/chunks/bundle-GaBLtZQZ.js.map +1 -0
  121. package/chunks/{bundle-btDN-R-c.js → bundle-HTP_W562.js} +3 -3
  122. package/chunks/bundle-HTP_W562.js.map +1 -0
  123. package/chunks/{bundle-hKtwSqbO.js → bundle-HUCZoqot.js} +1 -1
  124. package/chunks/{bundle-hKtwSqbO.js.map → bundle-HUCZoqot.js.map} +1 -1
  125. package/chunks/{bundle-khKXutc3.js → bundle-I0NSP9ei.js} +1 -1
  126. package/chunks/bundle-I0NSP9ei.js.map +1 -0
  127. package/chunks/{bundle-5yKxJk_M.js → bundle-JGL7ecyE.js} +1 -1
  128. package/chunks/{bundle-5yKxJk_M.js.map → bundle-JGL7ecyE.js.map} +1 -1
  129. package/chunks/{bundle-3mdR5HDw.js → bundle-JJDjO0bj.js} +2 -2
  130. package/chunks/{bundle-3mdR5HDw.js.map → bundle-JJDjO0bj.js.map} +1 -1
  131. package/chunks/{bundle-rYAZn3lj.js → bundle-KkDaqYo6.js} +2 -2
  132. package/chunks/{bundle-rYAZn3lj.js.map → bundle-KkDaqYo6.js.map} +1 -1
  133. package/chunks/{bundle-_qiqf8_l.js → bundle-L1jL1HlF.js} +1 -1
  134. package/chunks/bundle-L1jL1HlF.js.map +1 -0
  135. package/chunks/{bundle-bofQNMJb.js → bundle-LutukB6f.js} +1 -1
  136. package/chunks/bundle-LutukB6f.js.map +1 -0
  137. package/chunks/{bundle-sOjc_nNQ.js → bundle-NRuB0VyT.js} +1 -1
  138. package/chunks/bundle-NRuB0VyT.js.map +1 -0
  139. package/chunks/{bundle-ftY5T58h.js → bundle-RXyEKXFG.js} +4 -4
  140. package/chunks/{bundle-ftY5T58h.js.map → bundle-RXyEKXFG.js.map} +1 -1
  141. package/chunks/{bundle-EHReigfD.js → bundle-UW-TqfsF.js} +4 -4
  142. package/chunks/{bundle-EHReigfD.js.map → bundle-UW-TqfsF.js.map} +1 -1
  143. package/chunks/{bundle-mL_86Tua.js → bundle-UvPIovuO.js} +1 -1
  144. package/chunks/bundle-UvPIovuO.js.map +1 -0
  145. package/chunks/{bundle-ANPmLOz8.js → bundle-WJ4T7o4h.js} +4 -4
  146. package/chunks/{bundle-ANPmLOz8.js.map → bundle-WJ4T7o4h.js.map} +1 -1
  147. package/chunks/{bundle-kp1MMNMf.js → bundle-WiQweU5U.js} +1 -1
  148. package/chunks/bundle-WiQweU5U.js.map +1 -0
  149. package/chunks/{bundle-PgBVk3py.js → bundle-Zl59BqjG.js} +12 -12
  150. package/chunks/{bundle-PgBVk3py.js.map → bundle-Zl59BqjG.js.map} +1 -1
  151. package/chunks/{bundle-zoxfINxQ.js → bundle-atKtJDZx.js} +3 -3
  152. package/chunks/bundle-atKtJDZx.js.map +1 -0
  153. package/chunks/bundle-cTKDcBXH.js +77 -0
  154. package/chunks/bundle-cTKDcBXH.js.map +1 -0
  155. package/chunks/{bundle--F_1NyoU.js → bundle-dGdUFeGw.js} +1 -1
  156. package/chunks/bundle-dGdUFeGw.js.map +1 -0
  157. package/chunks/{bundle-v9a1_z0P.js → bundle-fBRojj0w.js} +1 -1
  158. package/chunks/bundle-fBRojj0w.js.map +1 -0
  159. package/chunks/{bundle-WCTKBopn.js → bundle-fRhlDZge.js} +2 -2
  160. package/chunks/bundle-fRhlDZge.js.map +1 -0
  161. package/chunks/{bundle-53PRRrlp.js → bundle-fiU7Tho8.js} +3 -3
  162. package/chunks/{bundle-53PRRrlp.js.map → bundle-fiU7Tho8.js.map} +1 -1
  163. package/chunks/{bundle-Zl1hrCWc.js → bundle-grxc9ClY.js} +4 -4
  164. package/chunks/bundle-grxc9ClY.js.map +1 -0
  165. package/chunks/{bundle-r_VxbiS3.js → bundle-iI1ssAAJ.js} +1 -1
  166. package/chunks/bundle-iI1ssAAJ.js.map +1 -0
  167. package/chunks/{bundle-zLBuOeRY.js → bundle-iTeulylJ.js} +7 -7
  168. package/chunks/bundle-iTeulylJ.js.map +1 -0
  169. package/chunks/{bundle-5iuNyt5M.js → bundle-j2oaAFR4.js} +1 -1
  170. package/chunks/{bundle-5iuNyt5M.js.map → bundle-j2oaAFR4.js.map} +1 -1
  171. package/chunks/{bundle-hjECCUV3.js → bundle-kdRMkp9s.js} +2 -2
  172. package/chunks/bundle-kdRMkp9s.js.map +1 -0
  173. package/chunks/{bundle-rLxuFUa1.js → bundle-mg_7Exot.js} +5 -5
  174. package/chunks/bundle-mg_7Exot.js.map +1 -0
  175. package/chunks/{bundle-w2v7oZ9G.js → bundle-mjC4Frm5.js} +2 -2
  176. package/chunks/bundle-mjC4Frm5.js.map +1 -0
  177. package/chunks/{bundle-prRsVvhT.js → bundle-moPxtvhk.js} +2 -2
  178. package/chunks/{bundle-prRsVvhT.js.map → bundle-moPxtvhk.js.map} +1 -1
  179. package/chunks/{bundle-TZXZa-F1.js → bundle-n3JTobCF.js} +13 -19
  180. package/chunks/bundle-n3JTobCF.js.map +1 -0
  181. package/chunks/{bundle-x-4ukZm_.js → bundle-nB9Rk0Vg.js} +1 -1
  182. package/chunks/bundle-nB9Rk0Vg.js.map +1 -0
  183. package/chunks/{bundle-h3JIYRTG.js → bundle-o_MR5zP9.js} +2 -2
  184. package/chunks/{bundle-h3JIYRTG.js.map → bundle-o_MR5zP9.js.map} +1 -1
  185. package/chunks/{bundle-wMgBBDf9.js → bundle-qJVzRD5Y.js} +3 -3
  186. package/chunks/bundle-qJVzRD5Y.js.map +1 -0
  187. package/chunks/{bundle-9KsbryQI.js → bundle-qReOreYH.js} +1 -1
  188. package/chunks/{bundle-9KsbryQI.js.map → bundle-qReOreYH.js.map} +1 -1
  189. package/chunks/{bundle-1P01-roD.js → bundle-rYiLt_kr.js} +7 -7
  190. package/chunks/{bundle-1P01-roD.js.map → bundle-rYiLt_kr.js.map} +1 -1
  191. package/chunks/{bundle-AI8e02c3.js → bundle-sTNKynXj.js} +1 -1
  192. package/chunks/bundle-sTNKynXj.js.map +1 -0
  193. package/chunks/bundle-tR2Ipjel.js +353 -0
  194. package/{cjs/chunks/bundle-kBUglm2K.js.map → chunks/bundle-tR2Ipjel.js.map} +1 -1
  195. package/chunks/{bundle-w9T6A0ez.js → bundle-u_gMIDNK.js} +9 -9
  196. package/{cjs/chunks/bundle-4q81wd8X.js.map → chunks/bundle-u_gMIDNK.js.map} +1 -1
  197. package/chunks/{bundle-7FyFbzI4.js → bundle-ybonwZPt.js} +1 -1
  198. package/chunks/bundle-ybonwZPt.js.map +1 -0
  199. package/chunks/{bundle-mpeh7m6z.js → bundle-zL8um0im.js} +1 -1
  200. package/chunks/bundle-zL8um0im.js.map +1 -0
  201. package/chunks/{bundle-qunsoajv.js → bundle-zz-E8ZLu.js} +5 -5
  202. package/chunks/{bundle-qunsoajv.js.map → bundle-zz-E8ZLu.js.map} +1 -1
  203. package/cjs/App.js +59 -59
  204. package/cjs/Channel/components/ChannelHeader.js +24 -24
  205. package/cjs/Channel/components/ChannelUI.js +55 -55
  206. package/cjs/Channel/components/FileViewer.js +24 -24
  207. package/cjs/Channel/components/FrozenNotification.js +5 -5
  208. package/cjs/Channel/components/Message.js +53 -53
  209. package/cjs/Channel/components/MessageInput.js +35 -35
  210. package/cjs/Channel/components/MessageList.js +52 -52
  211. package/cjs/Channel/components/RemoveMessageModal.js +23 -23
  212. package/cjs/Channel/components/SuggestedMentionList.js +85 -49
  213. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  214. package/cjs/Channel/components/TypingIndicator.js +19 -19
  215. package/cjs/Channel/components/UnreadCount.js +9 -9
  216. package/cjs/Channel/context.js +16 -16
  217. package/cjs/Channel/hooks/useInitialMessagesFetch.js +8 -8
  218. package/cjs/Channel/utils/compareMessagesForGrouping.js +6 -6
  219. package/cjs/Channel/utils/getMessagePartsInfo.js +7 -7
  220. package/cjs/Channel.js +55 -55
  221. package/cjs/ChannelList/components/AddChannel.js +17 -17
  222. package/cjs/ChannelList/components/ChannelListHeader.js +9 -9
  223. package/cjs/ChannelList/components/ChannelListUI.js +33 -33
  224. package/cjs/ChannelList/components/ChannelPreview.js +31 -31
  225. package/cjs/ChannelList/components/ChannelPreviewAction.js +15 -15
  226. package/cjs/ChannelList/context.js +9 -9
  227. package/cjs/ChannelList.js +33 -33
  228. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
  229. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  230. package/cjs/ChannelSettings/components/EditDetailsModal.js +14 -14
  231. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  232. package/cjs/ChannelSettings/components/ModerationPanel.js +16 -16
  233. package/cjs/ChannelSettings/components/UserListItem.js +13 -13
  234. package/cjs/ChannelSettings/components/UserPanel.js +15 -15
  235. package/cjs/ChannelSettings/context.js +3 -3
  236. package/cjs/ChannelSettings.js +18 -18
  237. package/cjs/CreateChannel/components/CreateChannelUI.js +15 -15
  238. package/cjs/CreateChannel/components/InviteUsers.js +15 -15
  239. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  240. package/cjs/CreateChannel/context.js +4 -4
  241. package/cjs/CreateChannel.js +15 -15
  242. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +12 -12
  243. package/cjs/CreateOpenChannel/context.js +1 -1
  244. package/cjs/CreateOpenChannel.js +11 -11
  245. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  246. package/cjs/EditUserProfile.js +12 -12
  247. package/cjs/MessageSearch/components/MessageSearchUI.js +14 -14
  248. package/cjs/MessageSearch/context.js +1 -1
  249. package/cjs/MessageSearch.js +14 -14
  250. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  251. package/cjs/OpenChannel/components/OpenChannelHeader.js +15 -15
  252. package/cjs/OpenChannel/components/OpenChannelInput.js +21 -21
  253. package/cjs/OpenChannel/components/OpenChannelMessage.js +32 -32
  254. package/cjs/OpenChannel/components/OpenChannelMessageList.js +34 -34
  255. package/cjs/OpenChannel/components/OpenChannelUI.js +34 -34
  256. package/cjs/OpenChannel/context.js +8 -8
  257. package/cjs/OpenChannel.js +34 -34
  258. package/cjs/OpenChannelList/components/OpenChannelListUI.js +14 -14
  259. package/cjs/OpenChannelList/components/OpenChannelPreview.js +7 -7
  260. package/cjs/OpenChannelList/context.js +3 -3
  261. package/cjs/OpenChannelList.js +14 -14
  262. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +16 -16
  263. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +14 -14
  264. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  265. package/cjs/OpenChannelSettings/components/OperatorUI.js +18 -18
  266. package/cjs/OpenChannelSettings/components/ParticipantUI.js +16 -16
  267. package/cjs/OpenChannelSettings/context.js +3 -3
  268. package/cjs/OpenChannelSettings.js +18 -18
  269. package/cjs/SendbirdProvider.js +24 -33
  270. package/cjs/SendbirdProvider.js.map +1 -1
  271. package/cjs/Thread/components/ParentMessageInfo.js +40 -40
  272. package/cjs/Thread/components/ParentMessageInfoItem.js +27 -26
  273. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  274. package/cjs/Thread/components/ThreadHeader.js +7 -7
  275. package/cjs/Thread/components/ThreadList.js +43 -43
  276. package/cjs/Thread/components/ThreadListItem.js +46 -46
  277. package/cjs/Thread/components/ThreadMessageInput.js +35 -35
  278. package/cjs/Thread/components/ThreadUI.js +47 -47
  279. package/cjs/Thread/context.js +77 -57
  280. package/cjs/Thread/context.js.map +1 -1
  281. package/cjs/Thread.js +46 -46
  282. package/cjs/VoicePlayer/context.js +3 -3
  283. package/cjs/VoicePlayer/useVoicePlayer.js +10 -10
  284. package/cjs/VoiceRecorder/context.js +10 -10
  285. package/cjs/VoiceRecorder/useVoiceRecorder.js +9 -9
  286. package/cjs/chunks/{bundle-gMxOq93o.js → bundle--NEfAH1H.js} +1 -1
  287. package/cjs/chunks/bundle--NEfAH1H.js.map +1 -0
  288. package/cjs/chunks/{bundle-1yOirqug.js → bundle--OdfDOjY.js} +1 -1
  289. package/cjs/chunks/bundle--OdfDOjY.js.map +1 -0
  290. package/cjs/chunks/bundle-03qc56fX.js +81 -0
  291. package/cjs/chunks/bundle-03qc56fX.js.map +1 -0
  292. package/cjs/chunks/{bundle-iwsbhMUN.js → bundle-0ugulztA.js} +4 -4
  293. package/cjs/chunks/bundle-0ugulztA.js.map +1 -0
  294. package/cjs/chunks/{bundle-6ziaqiUd.js → bundle-1Rk5zlYY.js} +3 -3
  295. package/cjs/chunks/bundle-1Rk5zlYY.js.map +1 -0
  296. package/cjs/chunks/{bundle-41ZfOrRZ.js → bundle-1SeNKVYf.js} +4 -4
  297. package/cjs/chunks/{bundle-41ZfOrRZ.js.map → bundle-1SeNKVYf.js.map} +1 -1
  298. package/cjs/chunks/{bundle-hK4x7nmG.js → bundle-2s7rxLn3.js} +1 -1
  299. package/cjs/chunks/{bundle-hK4x7nmG.js.map → bundle-2s7rxLn3.js.map} +1 -1
  300. package/cjs/chunks/{bundle-QmSa90PC.js → bundle-3AvVQDMo.js} +3 -3
  301. package/cjs/chunks/bundle-3AvVQDMo.js.map +1 -0
  302. package/cjs/chunks/{bundle-lii4Ueh3.js → bundle-3PJj-XfK.js} +1 -1
  303. package/cjs/chunks/bundle-3PJj-XfK.js.map +1 -0
  304. package/cjs/chunks/{bundle-4DATo50q.js → bundle-4NrBnGEN.js} +95 -170
  305. package/cjs/chunks/{bundle-4DATo50q.js.map → bundle-4NrBnGEN.js.map} +1 -1
  306. package/cjs/chunks/{bundle-gS0bojlA.js → bundle-4ajshWV-.js} +1 -1
  307. package/cjs/chunks/bundle-4ajshWV-.js.map +1 -0
  308. package/cjs/chunks/{bundle-4q81wd8X.js → bundle-5SOWNViS.js} +4 -17
  309. package/{chunks/bundle-ZmvX8uZ5.js.map → cjs/chunks/bundle-5SOWNViS.js.map} +1 -1
  310. package/cjs/chunks/{bundle-UooP2IDU.js → bundle-6lAqYT4t.js} +5 -5
  311. package/cjs/chunks/bundle-6lAqYT4t.js.map +1 -0
  312. package/cjs/chunks/{bundle-tywVawyg.js → bundle-6upaSfL9.js} +3 -3
  313. package/cjs/chunks/bundle-6upaSfL9.js.map +1 -0
  314. package/cjs/chunks/{bundle-11ybpGNN.js → bundle-7kVSLQPz.js} +7 -7
  315. package/cjs/chunks/bundle-7kVSLQPz.js.map +1 -0
  316. package/cjs/chunks/{bundle-cttYM0DR.js → bundle-8YK4BV9m.js} +1 -1
  317. package/cjs/chunks/bundle-8YK4BV9m.js.map +1 -0
  318. package/cjs/chunks/{bundle-L9ushBZQ.js → bundle-9GSi_LkG.js} +1 -1
  319. package/cjs/chunks/bundle-9GSi_LkG.js.map +1 -0
  320. package/cjs/chunks/{bundle-YNHu-c84.js → bundle-DFBAN2Mi.js} +2 -2
  321. package/cjs/chunks/bundle-DFBAN2Mi.js.map +1 -0
  322. package/cjs/chunks/{bundle-B2MaAm21.js → bundle-DvBNc5Qi.js} +1 -1
  323. package/cjs/chunks/bundle-DvBNc5Qi.js.map +1 -0
  324. package/cjs/chunks/{bundle-p1cCW0sH.js → bundle-GJqVurdA.js} +3 -3
  325. package/cjs/chunks/bundle-GJqVurdA.js.map +1 -0
  326. package/cjs/chunks/{bundle-BN7IOLFq.js → bundle-IZeqjgE7.js} +2 -2
  327. package/cjs/chunks/bundle-IZeqjgE7.js.map +1 -0
  328. package/cjs/chunks/{bundle-DZeKHvMp.js → bundle-IpMpyY9U.js} +6 -6
  329. package/cjs/chunks/bundle-IpMpyY9U.js.map +1 -0
  330. package/cjs/chunks/{bundle-Y9TkHVI5.js → bundle-K0D5qG0j.js} +1 -1
  331. package/cjs/chunks/bundle-K0D5qG0j.js.map +1 -0
  332. package/cjs/chunks/{bundle-28p7K0N-.js → bundle-KQyVyq1q.js} +2 -2
  333. package/cjs/chunks/{bundle-28p7K0N-.js.map → bundle-KQyVyq1q.js.map} +1 -1
  334. package/cjs/chunks/{bundle-6o4fw0w0.js → bundle-L6ZM4yRd.js} +12 -18
  335. package/{chunks/bundle-Ael7hqI7.js.map → cjs/chunks/bundle-L6ZM4yRd.js.map} +1 -1
  336. package/cjs/chunks/{bundle-CUP2x37z.js → bundle-M4KuiFU1.js} +3 -3
  337. package/cjs/chunks/{bundle-CUP2x37z.js.map → bundle-M4KuiFU1.js.map} +1 -1
  338. package/cjs/chunks/{bundle-RaQV-Bpr.js → bundle-NS_si8Av.js} +1 -1
  339. package/cjs/chunks/bundle-NS_si8Av.js.map +1 -0
  340. package/cjs/chunks/{bundle-4rFcKXQa.js → bundle-NXDlGjOm.js} +2 -2
  341. package/cjs/chunks/{bundle-4rFcKXQa.js.map → bundle-NXDlGjOm.js.map} +1 -1
  342. package/cjs/chunks/bundle-ONpNGzUN.js +46 -0
  343. package/cjs/chunks/bundle-ONpNGzUN.js.map +1 -0
  344. package/cjs/chunks/{bundle-tmB_l3Q9.js → bundle-QkZHyxSs.js} +1 -1
  345. package/cjs/chunks/bundle-QkZHyxSs.js.map +1 -0
  346. package/cjs/chunks/{bundle-ELeM0_1Y.js → bundle-R4nsdVDF.js} +1 -1
  347. package/cjs/chunks/bundle-R4nsdVDF.js.map +1 -0
  348. package/cjs/chunks/{bundle-BJe68nS0.js → bundle-S6CVN67K.js} +3 -3
  349. package/{chunks/bundle-bJrywUB-.js.map → cjs/chunks/bundle-S6CVN67K.js.map} +1 -1
  350. package/cjs/chunks/{bundle-tRBVL0r6.js → bundle-UEKzL00k.js} +4 -4
  351. package/cjs/chunks/{bundle-tRBVL0r6.js.map → bundle-UEKzL00k.js.map} +1 -1
  352. package/cjs/chunks/{bundle-QfhZ2YNP.js → bundle-VQoPLYq1.js} +2 -2
  353. package/cjs/chunks/{bundle-QfhZ2YNP.js.map → bundle-VQoPLYq1.js.map} +1 -1
  354. package/cjs/chunks/{bundle-dXhGOQQM.js → bundle-X1dqH2Sm.js} +1 -1
  355. package/cjs/chunks/bundle-X1dqH2Sm.js.map +1 -0
  356. package/cjs/chunks/{bundle-n1yh-qDb.js → bundle-YXCUHkka.js} +1 -1
  357. package/cjs/chunks/{bundle-n1yh-qDb.js.map → bundle-YXCUHkka.js.map} +1 -1
  358. package/cjs/chunks/{bundle-P0kNl8GH.js → bundle-ajGnEkbH.js} +11 -11
  359. package/cjs/chunks/bundle-ajGnEkbH.js.map +1 -0
  360. package/cjs/chunks/{bundle-F7GEQVgT.js → bundle-cIQlPA4P.js} +12 -12
  361. package/cjs/chunks/{bundle-F7GEQVgT.js.map → bundle-cIQlPA4P.js.map} +1 -1
  362. package/cjs/chunks/{bundle-kBUglm2K.js → bundle-hBelyuMa.js} +4 -4
  363. package/cjs/chunks/bundle-hBelyuMa.js.map +1 -0
  364. package/cjs/chunks/{bundle-TEIqVGqn.js → bundle-iOLwSv4j.js} +2 -2
  365. package/cjs/chunks/bundle-iOLwSv4j.js.map +1 -0
  366. package/cjs/chunks/{bundle-b4fiCQuI.js → bundle-jl7T2kDZ.js} +5 -5
  367. package/cjs/chunks/bundle-jl7T2kDZ.js.map +1 -0
  368. package/cjs/chunks/{bundle-zr9ZXBrm.js → bundle-mLp_yP52.js} +2 -2
  369. package/cjs/chunks/bundle-mLp_yP52.js.map +1 -0
  370. package/cjs/chunks/{bundle-6OOGDxxE.js → bundle-mtATkaCS.js} +3 -3
  371. package/cjs/chunks/bundle-mtATkaCS.js.map +1 -0
  372. package/cjs/chunks/{bundle-P_B0eyVT.js → bundle-nsOL78qf.js} +1 -1
  373. package/cjs/chunks/bundle-nsOL78qf.js.map +1 -0
  374. package/cjs/chunks/{bundle-kWUEW1ZN.js → bundle-oCpY1j30.js} +1 -1
  375. package/cjs/chunks/bundle-oCpY1j30.js.map +1 -0
  376. package/cjs/chunks/{bundle-I_9_5a8a.js → bundle-qnGmz8ai.js} +1 -1
  377. package/cjs/chunks/{bundle-I_9_5a8a.js.map → bundle-qnGmz8ai.js.map} +1 -1
  378. package/cjs/chunks/{bundle-c6O8NjZI.js → bundle-qtVxG8eL.js} +5 -2
  379. package/cjs/chunks/bundle-qtVxG8eL.js.map +1 -0
  380. package/cjs/chunks/{bundle-RlFjml8m.js → bundle-r1UVi2ak.js} +4 -4
  381. package/{chunks/bundle-w9T6A0ez.js.map → cjs/chunks/bundle-r1UVi2ak.js.map} +1 -1
  382. package/cjs/chunks/{bundle-4bb_98h6.js → bundle-r81ddDqP.js} +1 -1
  383. package/cjs/chunks/bundle-r81ddDqP.js.map +1 -0
  384. package/cjs/chunks/{bundle-Dwrq46Xb.js → bundle-sVUGn8PI.js} +26 -27
  385. package/cjs/chunks/{bundle-Dwrq46Xb.js.map → bundle-sVUGn8PI.js.map} +1 -1
  386. package/cjs/chunks/{bundle-FHx0K-3z.js → bundle-tFwEElQ4.js} +3 -3
  387. package/cjs/chunks/{bundle-FHx0K-3z.js.map → bundle-tFwEElQ4.js.map} +1 -1
  388. package/cjs/chunks/{bundle-_fjTT1-g.js → bundle-uOWwkmAr.js} +7 -7
  389. package/cjs/chunks/bundle-uOWwkmAr.js.map +1 -0
  390. package/cjs/chunks/{bundle-g0lpRY8_.js → bundle-veamuCpa.js} +1 -1
  391. package/cjs/chunks/bundle-veamuCpa.js.map +1 -0
  392. package/cjs/chunks/{bundle-JggdKsJa.js → bundle-vvpfLay7.js} +10 -10
  393. package/cjs/chunks/bundle-vvpfLay7.js.map +1 -0
  394. package/cjs/chunks/{bundle-z-Bvsn0B.js → bundle-wvuQ096A.js} +1 -1
  395. package/cjs/chunks/bundle-wvuQ096A.js.map +1 -0
  396. package/cjs/chunks/{bundle-FLCJVplO.js → bundle-ww8_Dx5u.js} +3 -3
  397. package/cjs/chunks/bundle-ww8_Dx5u.js.map +1 -0
  398. package/cjs/chunks/bundle-xXG5L42q.js +356 -0
  399. package/cjs/chunks/bundle-xXG5L42q.js.map +1 -0
  400. package/cjs/chunks/{bundle-e-fvbugV.js → bundle-z8FhI7RF.js} +1 -1
  401. package/cjs/chunks/bundle-z8FhI7RF.js.map +1 -0
  402. package/cjs/chunks/{bundle-g_OXBrgT.js → bundle-zNIQydjM.js} +1 -1
  403. package/cjs/chunks/bundle-zNIQydjM.js.map +1 -0
  404. package/cjs/hooks/useModal.js +9 -9
  405. package/cjs/index.js +57 -57
  406. package/cjs/pubSub/topics.js +12 -17
  407. package/cjs/pubSub/topics.js.map +1 -1
  408. package/cjs/sendbirdSelectors.js +80 -65
  409. package/cjs/sendbirdSelectors.js.map +1 -1
  410. package/cjs/ui/Accordion.js +3 -3
  411. package/cjs/ui/AccordionGroup.js +2 -2
  412. package/cjs/ui/AdminMessage.js +3 -3
  413. package/cjs/ui/Avatar.js +9 -75
  414. package/cjs/ui/Avatar.js.map +1 -1
  415. package/cjs/ui/Badge.js +5 -5
  416. package/cjs/ui/BottomSheet.js +9 -9
  417. package/cjs/ui/Button.js +3 -3
  418. package/cjs/ui/ChannelAvatar.js +7 -7
  419. package/cjs/ui/ConnectionStatus.js +6 -6
  420. package/cjs/ui/ContextMenu.js +6 -6
  421. package/cjs/ui/DateSeparator.js +4 -4
  422. package/cjs/ui/EmojiReactions.js +15 -15
  423. package/cjs/ui/FileMessageItemBody.js +8 -8
  424. package/cjs/ui/FileViewer.js +14 -14
  425. package/cjs/ui/Icon.js +2 -2
  426. package/cjs/ui/IconButton.js +1 -1
  427. package/cjs/ui/ImageRenderer.js +1 -1
  428. package/cjs/ui/Input.js +3 -3
  429. package/cjs/ui/Label.js +3 -3
  430. package/cjs/ui/LinkLabel.js +3 -3
  431. package/cjs/ui/Loader.js +2 -2
  432. package/cjs/ui/MentionLabel.js +12 -12
  433. package/cjs/ui/MentionUserLabel.js +1 -1
  434. package/cjs/ui/MessageContent.js +162 -120
  435. package/cjs/ui/MessageContent.js.map +1 -1
  436. package/cjs/ui/MessageInput/hooks/usePaste.js +5 -5
  437. package/cjs/ui/MessageInput.js +15 -15
  438. package/cjs/ui/MessageItemMenu.js +21 -21
  439. package/cjs/ui/MessageItemReactionMenu.js +9 -9
  440. package/cjs/ui/MessageSearchFileItem.js +15 -15
  441. package/cjs/ui/MessageSearchItem.js +12 -12
  442. package/cjs/ui/MessageStatus.js +12 -12
  443. package/cjs/ui/Modal.js +8 -8
  444. package/cjs/ui/MutedAvatarOverlay.js +2 -2
  445. package/cjs/ui/OGMessageItemBody.js +15 -15
  446. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  447. package/cjs/ui/OpenChannelAvatar.js +9 -9
  448. package/cjs/ui/OpenchannelConversationHeader.js +9 -9
  449. package/cjs/ui/OpenchannelFileMessage.js +18 -18
  450. package/cjs/ui/OpenchannelOGMessage.js +20 -20
  451. package/cjs/ui/OpenchannelThumbnailMessage.js +17 -17
  452. package/cjs/ui/OpenchannelUserMessage.js +18 -18
  453. package/cjs/ui/PlaceHolder.js +6 -6
  454. package/cjs/ui/PlaybackTime.js +3 -3
  455. package/cjs/ui/QuoteMessage.js +9 -9
  456. package/cjs/ui/QuoteMessageInput.js +9 -9
  457. package/cjs/ui/ReactionBadge.js +3 -3
  458. package/cjs/ui/ReactionButton.js +4 -4
  459. package/cjs/ui/SortByRow.js +2 -2
  460. package/cjs/ui/TextButton.js +2 -2
  461. package/cjs/ui/TextMessageItemBody.js +15 -15
  462. package/cjs/ui/ThreadReplies.js +10 -10
  463. package/cjs/ui/ThumbnailMessageItemBody.js +7 -7
  464. package/cjs/ui/Toggle.js +1 -1
  465. package/cjs/ui/Tooltip.js +3 -3
  466. package/cjs/ui/TooltipWrapper.js +1 -1
  467. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  468. package/cjs/ui/UserListItem.js +13 -13
  469. package/cjs/ui/UserProfile.js +11 -11
  470. package/cjs/ui/VoiceMessageItemBody.js +10 -10
  471. package/cjs/ui/VoiceMessgeInput.js +9 -9
  472. package/cjs/ui/Word.js +12 -12
  473. package/cjs/useSendbirdStateContext.js +1 -1
  474. package/cjs/utils/message/isVoiceMessage.js +3 -3
  475. package/cjs/withSendbird.js +1 -1
  476. package/dist/index.css +663 -664
  477. package/dist/index.css.map +1 -1
  478. package/hooks/useModal.js +10 -10
  479. package/index.js +57 -57
  480. package/package.json +3 -3
  481. package/pubSub/topics.js +1 -17
  482. package/pubSub/topics.js.map +1 -1
  483. package/sendbirdSelectors.js +80 -65
  484. package/sendbirdSelectors.js.map +1 -1
  485. package/types/lib/Sendbird.d.ts +2 -2
  486. package/types/lib/pubSub/index.d.ts +16 -6
  487. package/types/lib/pubSub/topics.d.ts +84 -14
  488. package/types/lib/selectors.d.ts +13 -12
  489. package/types/lib/types.d.ts +2 -1
  490. package/types/modules/Channel/components/MessageInput/useHandleUploadFiles.d.ts +2 -2
  491. package/types/modules/Channel/components/SuggestedMentionList/utils.d.ts +3 -0
  492. package/types/modules/Channel/context/ChannelProvider.d.ts +2 -0
  493. package/types/modules/Channel/context/dux/actionTypes.d.ts +6 -0
  494. package/types/modules/Channel/context/dux/initialState.d.ts +2 -1
  495. package/types/modules/Channel/context/hooks/useHandleChannelPubsubEvents.d.ts +2 -1
  496. package/types/modules/Channel/context/hooks/useSendFileMessageCallback.d.ts +5 -5
  497. package/types/modules/Channel/context/hooks/useSendMessageCallback.d.ts +2 -2
  498. package/types/modules/Channel/context/hooks/useSendVoiceMessageCallback.d.ts +2 -1
  499. package/types/modules/Channel/context/hooks/useUpdateMessageCallback.d.ts +2 -2
  500. package/types/modules/ChannelList/utils.d.ts +2 -2
  501. package/types/modules/Thread/context/dux/actionTypes.d.ts +2 -1
  502. package/types/modules/Thread/context/dux/initialState.d.ts +2 -1
  503. package/types/modules/Thread/context/hooks/useHandleThreadPubsubEvents.d.ts +2 -1
  504. package/types/modules/Thread/context/hooks/useResendMessageCallback.d.ts +2 -1
  505. package/types/modules/Thread/context/hooks/useSendFileMessage.d.ts +2 -1
  506. package/types/modules/Thread/context/hooks/useSendUserMessageCallback.d.ts +2 -1
  507. package/types/modules/Thread/context/hooks/useSendVoiceMessageCallback.d.ts +2 -1
  508. package/types/modules/Thread/context/hooks/useUpdateMessageCallback.d.ts +2 -1
  509. package/types/modules/internalInterfaces.d.ts +2 -0
  510. package/types/ui/MessageContent/MessageBody/index.d.ts +18 -0
  511. package/types/ui/MessageContent/MessageHeader/index.d.ts +10 -0
  512. package/types/ui/MessageContent/MessageProfile/index.d.ts +15 -0
  513. package/types/ui/MessageContent/index.d.ts +9 -4
  514. package/types/ui/TypingIndicatorMessage/TypingDots.d.ts +4 -0
  515. package/types/ui/TypingIndicatorMessage/index.d.ts +6 -0
  516. package/types/utils/compressImages.d.ts +11 -0
  517. package/types/utils/pxToNumber.d.ts +2 -2
  518. package/ui/Accordion.js +3 -3
  519. package/ui/AccordionGroup.js +2 -2
  520. package/ui/AdminMessage.js +3 -3
  521. package/ui/Avatar.js +7 -77
  522. package/ui/Avatar.js.map +1 -1
  523. package/ui/Badge.js +5 -5
  524. package/ui/BottomSheet.js +9 -9
  525. package/ui/Button.js +3 -3
  526. package/ui/ChannelAvatar.js +5 -5
  527. package/ui/ConnectionStatus.js +6 -6
  528. package/ui/ContextMenu.js +6 -6
  529. package/ui/DateSeparator.js +4 -4
  530. package/ui/EmojiReactions.js +15 -15
  531. package/ui/FileMessageItemBody.js +8 -8
  532. package/ui/FileViewer.js +14 -14
  533. package/ui/Icon.js +2 -2
  534. package/ui/IconButton.js +1 -1
  535. package/ui/ImageRenderer.js +1 -1
  536. package/ui/Input.js +3 -3
  537. package/ui/Label.js +3 -3
  538. package/ui/LinkLabel.js +3 -3
  539. package/ui/Loader.js +2 -2
  540. package/ui/MentionLabel.js +12 -12
  541. package/ui/MentionUserLabel.js +1 -1
  542. package/ui/MessageContent.js +163 -121
  543. package/ui/MessageContent.js.map +1 -1
  544. package/ui/MessageInput/hooks/usePaste.js +5 -5
  545. package/ui/MessageInput.js +15 -15
  546. package/ui/MessageItemMenu.js +21 -21
  547. package/ui/MessageItemReactionMenu.js +9 -9
  548. package/ui/MessageSearchFileItem.js +14 -14
  549. package/ui/MessageSearchItem.js +11 -11
  550. package/ui/MessageStatus.js +12 -12
  551. package/ui/Modal.js +8 -8
  552. package/ui/MutedAvatarOverlay.js +2 -2
  553. package/ui/OGMessageItemBody.js +15 -15
  554. package/ui/OpenChannelAdminMessage.js +3 -3
  555. package/ui/OpenChannelAvatar.js +8 -8
  556. package/ui/OpenchannelConversationHeader.js +8 -8
  557. package/ui/OpenchannelFileMessage.js +17 -17
  558. package/ui/OpenchannelOGMessage.js +19 -19
  559. package/ui/OpenchannelThumbnailMessage.js +16 -16
  560. package/ui/OpenchannelUserMessage.js +17 -17
  561. package/ui/PlaceHolder.js +6 -6
  562. package/ui/PlaybackTime.js +3 -3
  563. package/ui/QuoteMessage.js +9 -9
  564. package/ui/QuoteMessageInput.js +9 -9
  565. package/ui/ReactionBadge.js +3 -3
  566. package/ui/ReactionButton.js +4 -4
  567. package/ui/SortByRow.js +2 -2
  568. package/ui/TextButton.js +2 -2
  569. package/ui/TextMessageItemBody.js +15 -15
  570. package/ui/ThreadReplies.js +8 -8
  571. package/ui/ThumbnailMessageItemBody.js +7 -7
  572. package/ui/Toggle.js +1 -1
  573. package/ui/Tooltip.js +3 -3
  574. package/ui/TooltipWrapper.js +1 -1
  575. package/ui/UnknownMessageItemBody.js +7 -7
  576. package/ui/UserListItem.js +12 -12
  577. package/ui/UserProfile.js +10 -10
  578. package/ui/VoiceMessageItemBody.js +10 -10
  579. package/ui/VoiceMessgeInput.js +9 -9
  580. package/ui/Word.js +12 -12
  581. package/useSendbirdStateContext.js +1 -1
  582. package/utils/message/isVoiceMessage.js +3 -3
  583. package/withSendbird.js +1 -1
  584. package/chunks/bundle--F_1NyoU.js.map +0 -1
  585. package/chunks/bundle-7FyFbzI4.js.map +0 -1
  586. package/chunks/bundle-8zJE_DCx.js.map +0 -1
  587. package/chunks/bundle-AI8e02c3.js.map +0 -1
  588. package/chunks/bundle-Ael7hqI7.js +0 -227
  589. package/chunks/bundle-H2I60B2B.js.map +0 -1
  590. package/chunks/bundle-M2ljBW6p.js.map +0 -1
  591. package/chunks/bundle-Q8dtkDOa.js.map +0 -1
  592. package/chunks/bundle-WCTKBopn.js.map +0 -1
  593. package/chunks/bundle-YEttY5xG.js.map +0 -1
  594. package/chunks/bundle-Zl1hrCWc.js.map +0 -1
  595. package/chunks/bundle-_qiqf8_l.js.map +0 -1
  596. package/chunks/bundle-bofQNMJb.js.map +0 -1
  597. package/chunks/bundle-btDN-R-c.js.map +0 -1
  598. package/chunks/bundle-hjECCUV3.js.map +0 -1
  599. package/chunks/bundle-khKXutc3.js.map +0 -1
  600. package/chunks/bundle-kp1MMNMf.js.map +0 -1
  601. package/chunks/bundle-mL_86Tua.js.map +0 -1
  602. package/chunks/bundle-mpeh7m6z.js.map +0 -1
  603. package/chunks/bundle-qst5L6aH.js.map +0 -1
  604. package/chunks/bundle-rLxuFUa1.js.map +0 -1
  605. package/chunks/bundle-r_VxbiS3.js.map +0 -1
  606. package/chunks/bundle-sOjc_nNQ.js.map +0 -1
  607. package/chunks/bundle-ubky9D9H.js.map +0 -1
  608. package/chunks/bundle-v0OWADVv.js.map +0 -1
  609. package/chunks/bundle-v9a1_z0P.js.map +0 -1
  610. package/chunks/bundle-w2v7oZ9G.js.map +0 -1
  611. package/chunks/bundle-wMgBBDf9.js.map +0 -1
  612. package/chunks/bundle-x-4ukZm_.js.map +0 -1
  613. package/chunks/bundle-zLBuOeRY.js.map +0 -1
  614. package/chunks/bundle-zoxfINxQ.js.map +0 -1
  615. package/cjs/chunks/bundle-11ybpGNN.js.map +0 -1
  616. package/cjs/chunks/bundle-1yOirqug.js.map +0 -1
  617. package/cjs/chunks/bundle-4bb_98h6.js.map +0 -1
  618. package/cjs/chunks/bundle-6OOGDxxE.js.map +0 -1
  619. package/cjs/chunks/bundle-6o4fw0w0.js.map +0 -1
  620. package/cjs/chunks/bundle-6ziaqiUd.js.map +0 -1
  621. package/cjs/chunks/bundle-B2MaAm21.js.map +0 -1
  622. package/cjs/chunks/bundle-BJe68nS0.js.map +0 -1
  623. package/cjs/chunks/bundle-BN7IOLFq.js.map +0 -1
  624. package/cjs/chunks/bundle-DZeKHvMp.js.map +0 -1
  625. package/cjs/chunks/bundle-ELeM0_1Y.js.map +0 -1
  626. package/cjs/chunks/bundle-FLCJVplO.js.map +0 -1
  627. package/cjs/chunks/bundle-JggdKsJa.js.map +0 -1
  628. package/cjs/chunks/bundle-L9ushBZQ.js.map +0 -1
  629. package/cjs/chunks/bundle-P0kNl8GH.js.map +0 -1
  630. package/cjs/chunks/bundle-P_B0eyVT.js.map +0 -1
  631. package/cjs/chunks/bundle-QmSa90PC.js.map +0 -1
  632. package/cjs/chunks/bundle-RaQV-Bpr.js.map +0 -1
  633. package/cjs/chunks/bundle-RlFjml8m.js.map +0 -1
  634. package/cjs/chunks/bundle-TEIqVGqn.js.map +0 -1
  635. package/cjs/chunks/bundle-UooP2IDU.js.map +0 -1
  636. package/cjs/chunks/bundle-Y9TkHVI5.js.map +0 -1
  637. package/cjs/chunks/bundle-YNHu-c84.js.map +0 -1
  638. package/cjs/chunks/bundle-_fjTT1-g.js.map +0 -1
  639. package/cjs/chunks/bundle-b4fiCQuI.js.map +0 -1
  640. package/cjs/chunks/bundle-c6O8NjZI.js.map +0 -1
  641. package/cjs/chunks/bundle-cttYM0DR.js.map +0 -1
  642. package/cjs/chunks/bundle-dXhGOQQM.js.map +0 -1
  643. package/cjs/chunks/bundle-e-fvbugV.js.map +0 -1
  644. package/cjs/chunks/bundle-e0il9C3T.js +0 -230
  645. package/cjs/chunks/bundle-e0il9C3T.js.map +0 -1
  646. package/cjs/chunks/bundle-g0lpRY8_.js.map +0 -1
  647. package/cjs/chunks/bundle-gMxOq93o.js.map +0 -1
  648. package/cjs/chunks/bundle-gS0bojlA.js.map +0 -1
  649. package/cjs/chunks/bundle-g_OXBrgT.js.map +0 -1
  650. package/cjs/chunks/bundle-iwsbhMUN.js.map +0 -1
  651. package/cjs/chunks/bundle-kWUEW1ZN.js.map +0 -1
  652. package/cjs/chunks/bundle-lii4Ueh3.js.map +0 -1
  653. package/cjs/chunks/bundle-p1cCW0sH.js.map +0 -1
  654. package/cjs/chunks/bundle-tmB_l3Q9.js.map +0 -1
  655. package/cjs/chunks/bundle-tywVawyg.js.map +0 -1
  656. package/cjs/chunks/bundle-z-Bvsn0B.js.map +0 -1
  657. package/cjs/chunks/bundle-zr9ZXBrm.js.map +0 -1
package/dist/index.css CHANGED
@@ -58,18 +58,6 @@
58
58
  .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
59
59
  background-color: var(--sendbird-dark-background-300);
60
60
  }
61
- .sendbird-word {
62
- display: inline;
63
- height: -moz-fit-content;
64
- height: fit-content;
65
- }
66
-
67
- .sendbird-word__url {
68
- margin: 0 4px;
69
- display: inline;
70
- color: inherit;
71
- word-break: break-all;
72
- }
73
61
  .sendbird-open-channel-preview {
74
62
  position: relative;
75
63
  display: inline-flex;
@@ -197,6 +185,18 @@
197
185
  .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
186
  overflow-y: hidden;
199
187
  }
188
+ .sendbird-word {
189
+ display: inline;
190
+ height: -moz-fit-content;
191
+ height: fit-content;
192
+ }
193
+
194
+ .sendbird-word__url {
195
+ margin: 0 4px;
196
+ display: inline;
197
+ color: inherit;
198
+ word-break: break-all;
199
+ }
200
200
  .sendbird-create-open-channel-ui {
201
201
  position: relative;
202
202
  display: inline-flex;
@@ -1722,7 +1722,7 @@
1722
1722
  margin-bottom: 8px;
1723
1723
  }
1724
1724
  .sendbird-context-menu {
1725
- display: "inline";
1725
+ display: inline;
1726
1726
  }
1727
1727
 
1728
1728
  .sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item {
@@ -2890,7 +2890,6 @@
2890
2890
  display: inline-flex;
2891
2891
  flex-direction: row;
2892
2892
  width: 100%;
2893
- height: 100%;
2894
2893
  }
2895
2894
  .sendbird-message-content.incoming {
2896
2895
  justify-content: flex-start;
@@ -3444,283 +3443,367 @@
3444
3443
  display: flex;
3445
3444
  text-align: center;
3446
3445
  }
3447
- .sendbird-text-message-item-body {
3446
+ .sendbird-quote-message {
3448
3447
  position: relative;
3449
- display: inline-block;
3450
- box-sizing: content-box;
3451
- padding: 8px 12px;
3452
- border-radius: 16px;
3453
- white-space: pre-line;
3454
- word-break: break-word;
3455
- }
3456
- .sendbird-text-message-item-body.reactions {
3457
- border-radius: 16px 16px 0px 0px;
3448
+ display: inline-flex;
3449
+ box-sizing: border-box;
3450
+ flex-direction: column;
3451
+ width: 100%;
3452
+ max-width: 400px;
3458
3453
  }
3459
- .sendbird-theme--light .sendbird-text-message-item-body.incoming {
3460
- background-color: var(--sendbird-light-background-100);
3454
+ .sendbird-quote-message.incoming {
3455
+ align-items: flex-start;
3461
3456
  }
3462
- .sendbird-theme--dark .sendbird-text-message-item-body.incoming {
3463
- background-color: var(--sendbird-dark-background-500);
3457
+ .sendbird-quote-message.outgoing {
3458
+ align-items: flex-end;
3464
3459
  }
3465
- .sendbird-theme--light .sendbird-text-message-item-body.outgoing {
3466
- background-color: var(--sendbird-light-primary-300);
3460
+ .sendbird-quote-message .sendbird-quote-message__replied-to {
3461
+ position: relative;
3462
+ display: inline-flex;
3463
+ flex-direction: row;
3464
+ align-items: center;
3465
+ height: 16px;
3466
+ padding: 0px 12px;
3467
+ width: 100%;
3467
3468
  }
3468
- .sendbird-theme--dark .sendbird-text-message-item-body.outgoing {
3469
- background-color: var(--sendbird-dark-primary-200);
3469
+ .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
3470
+ position: relative;
3471
+ margin-bottom: 4px;
3472
+ margin-right: 4px;
3470
3473
  }
3471
- .sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-text-message-item-body:hover.incoming {
3472
- background-color: var(--sendbird-light-background-200);
3474
+ .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text {
3475
+ position: relative;
3476
+ max-width: 360px;
3477
+ overflow: hidden;
3478
+ overflow-x: hidden;
3479
+ white-space: nowrap;
3480
+ word-break: keep-all;
3481
+ text-overflow: ellipsis;
3482
+ font-size: 12px;
3483
+ display: inline-flex;
3484
+ flex-direction: row;
3485
+ align-items: center;
3473
3486
  }
3474
- .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-text-message-item-body:hover.incoming {
3475
- background-color: var(--sendbird-dark-background-400);
3487
+ .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__nickname {
3488
+ display: inline-block;
3489
+ max-width: 148px;
3490
+ overflow: hidden;
3491
+ text-overflow: ellipsis;
3476
3492
  }
3477
- .sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-text-message-item-body:hover.outgoing {
3478
- background-color: var(--sendbird-light-primary-400);
3493
+ .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__text {
3494
+ margin: 0px 4px;
3479
3495
  }
3480
- .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing {
3481
- background-color: var(--sendbird-dark-primary-300);
3496
+ .sendbird-quote-message .sendbird-quote-message__replied-message {
3497
+ position: relative;
3498
+ display: inline-flex;
3482
3499
  }
3483
- .sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message {
3484
- display: inline;
3485
- margin: 0px 2px;
3500
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
3501
+ position: relative;
3502
+ white-space: pre-wrap;
3503
+ word-break: break-all;
3504
+ font-size: 12px;
3505
+ padding: 8px 12px 16px 12px;
3506
+ border-radius: 16px;
3507
+ opacity: 0.5;
3486
3508
  }
3487
-
3488
- div.sendbird-text-message-item-body {
3489
- margin: 0px;
3509
+ .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
3510
+ background-color: var(--sendbird-light-background-100);
3490
3511
  }
3491
- .sendbird-word {
3492
- white-space: break-spaces;
3512
+ .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
3513
+ background-color: var(--sendbird-dark-background-500);
3493
3514
  }
3494
- .sendbird-word .sendbird-word__mention {
3495
- display: inline-block;
3515
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word {
3516
+ position: relative;
3517
+ display: inline-flex;
3518
+ max-height: 30px;
3519
+ overflow: hidden;
3520
+ text-overflow: ellipsis;
3496
3521
  }
3497
- .sendbird-word .sendbird-word__mention:hover {
3498
- cursor: pointer;
3522
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
3523
+ position: relative;
3524
+ width: 144px;
3525
+ height: 108px;
3526
+ border-radius: 6.4px;
3527
+ overflow: hidden;
3499
3528
  }
3500
- .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3501
- background-color: var(--sendbird-highlight-100);
3529
+ .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
3530
+ background-color: var(--sendbird-light-background-100);
3502
3531
  }
3503
- .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3504
- background-color: var(--sendbird-highlight-100);
3532
+ .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
3533
+ background-color: var(--sendbird-dark-background-500);
3505
3534
  }
3506
- .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3507
- color: var(--sendbird-light-onlight-01);
3535
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__video,
3536
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__image {
3537
+ position: absolute;
3538
+ top: 0px;
3539
+ display: inline-flex;
3540
+ width: 100%;
3541
+ height: 100%;
3542
+ opacity: 0.5;
3508
3543
  }
3509
- .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3510
- color: var(--sendbird-dark-onlight-01);
3544
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder {
3545
+ position: absolute;
3546
+ display: inline-flex;
3547
+ width: 100%;
3548
+ height: 100%;
3549
+ justify-content: center;
3550
+ align-items: center;
3511
3551
  }
3512
- .sendbird-link-label {
3513
- text-decoration: unset;
3552
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder .sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon {
3553
+ display: inline-flex;
3554
+ justify-content: center;
3555
+ align-items: center;
3556
+ width: 22px;
3557
+ height: 22px;
3558
+ border-radius: 50%;
3514
3559
  }
3515
- .sendbird-link-label:hover {
3516
- cursor: pointer;
3517
- text-decoration: underline;
3560
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
3561
+ position: absolute;
3562
+ display: inline-flex;
3563
+ width: 100%;
3564
+ height: 100%;
3565
+ justify-content: center;
3566
+ align-items: center;
3567
+ top: 0px;
3518
3568
  }
3519
- .sendbird-link-label:focus {
3520
- outline: none;
3569
+ .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
3570
+ background-color: rgba(255, 255, 255, 0.4);
3521
3571
  }
3522
- .sendbird-link-label__label {
3523
- display: inline;
3572
+ .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
3573
+ background-color: rgba(255, 255, 255, 0.4);
3524
3574
  }
3525
-
3526
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
3527
- color: var(--sendbird-light-onlight-01);
3575
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
3576
+ position: relative;
3577
+ display: inline-flex;
3578
+ justify-content: center;
3579
+ align-items: center;
3580
+ width: 22px;
3581
+ height: 22px;
3582
+ border-radius: 50%;
3528
3583
  }
3529
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
3530
- color: var(--sendbird-dark-ondark-01);
3584
+ .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
3585
+ background-color: rgb(255, 255, 255);
3531
3586
  }
3532
-
3533
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
3534
- color: var(--sendbird-light-onlight-02);
3587
+ .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
3588
+ background-color: rgb(255, 255, 255);
3535
3589
  }
3536
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
3537
- color: var(--sendbird-dark-ondark-02);
3590
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
3591
+ position: relative;
3592
+ display: inline-flex;
3593
+ flex-direction: row;
3594
+ font-size: 12px;
3595
+ padding: 8px 12px 16px 12px;
3596
+ border-radius: 16px;
3597
+ opacity: 0.5;
3538
3598
  }
3539
-
3540
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
3541
- color: var(--sendbird-light-onlight-03);
3599
+ .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
3600
+ background-color: var(--sendbird-light-background-100);
3542
3601
  }
3543
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
3544
- color: var(--sendbird-dark-ondark-03);
3602
+ .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
3603
+ background-color: var(--sendbird-dark-background-500);
3545
3604
  }
3546
-
3547
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
3548
- color: var(--sendbird-light-ondark-01);
3605
+ .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
3606
+ margin-right: 2px;
3549
3607
  }
3550
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
3551
- color: var(--sendbird-dark-onlight-01);
3608
+ .sendbird-quote-message:hover {
3609
+ cursor: pointer;
3552
3610
  }
3553
3611
 
3554
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
3555
- color: var(--sendbird-light-ondark-02);
3612
+ .sendbird-quote-message.unavailable:hover {
3613
+ cursor: default;
3556
3614
  }
3557
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
3558
- color: var(--sendbird-dark-onlight-02);
3615
+
3616
+ .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
3617
+ flex-direction: row-reverse;
3618
+ padding-right: 0px;
3559
3619
  }
3560
3620
 
3561
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
3562
- color: var(--sendbird-light-primary-300);
3621
+ .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
3622
+ padding-left: 0px;
3563
3623
  }
3564
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
3565
- color: var(--sendbird-dark-primary-200);
3624
+ .sendbird-message__mobile-context-menu {
3625
+ border-radius: 8px;
3626
+ width: 180px;
3566
3627
  }
3567
3628
 
3568
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
3569
- color: var(--sendbird-light-error-300);
3629
+ .sendbird-message__contextmenu--hyperlink {
3630
+ display: flex;
3631
+ justify-content: space-between;
3570
3632
  }
3571
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
3572
- color: var(--sendbird-dark-error-200);
3633
+
3634
+ .sendbird-message__bottomsheet--hyperlink {
3635
+ display: block;
3573
3636
  }
3574
3637
 
3575
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
3576
- color: var(--sendbird-light-secondary-300);
3638
+ .sendbird-message__bottomsheet--hyperlink,
3639
+ .sendbird-message__contextmenu--hyperlink {
3640
+ width: 100%;
3641
+ text-decoration: none;
3642
+ color: inherit;
3643
+ font-size: inherit;
3644
+ font-weight: inherit;
3645
+ font-stretch: normal;
3646
+ font-style: normal;
3647
+ line-height: inherit;
3648
+ letter-spacing: inherit;
3649
+ font-family: inherit;
3577
3650
  }
3578
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
3579
- color: var(--sendbird-dark-secondary-200);
3651
+
3652
+ .sendbird-message__mobile-context-menu-item .sendbird-dropdown__menu-item__text {
3653
+ display: flex;
3654
+ justify-content: space-between;
3580
3655
  }
3581
- .sendbird-file-message-item-body {
3582
- position: relative;
3583
- display: inline-block;
3584
- box-sizing: border-box;
3585
- padding: 8px 12px;
3586
- align-items: center;
3587
- border-radius: 16px;
3656
+ .sendbird-theme--light .sendbird-message__mobile-context-menu-item:not(:last-child) {
3657
+ border-bottom: 1px solid var(--sendbird-light-onlight-04);
3588
3658
  }
3589
- .sendbird-file-message-item-body.reactions {
3590
- border-radius: 16px 16px 0px 0px;
3659
+ .sendbird-theme--dark .sendbird-message__mobile-context-menu-item:not(:last-child) {
3660
+ border-bottom: 1px solid var(--sendbird-dark-ondark-04);
3591
3661
  }
3592
- .sendbird-theme--light .sendbird-file-message-item-body.outgoing {
3593
- background-color: var(--sendbird-light-primary-300);
3662
+
3663
+ .sendbird-message__bottomsheet {
3664
+ width: 100vw;
3665
+ border-top-left-radius: 8px;
3666
+ border-top-right-radius: 8px;
3667
+ padding-top: 16px;
3594
3668
  }
3595
- .sendbird-theme--dark .sendbird-file-message-item-body.outgoing {
3596
- background-color: var(--sendbird-dark-primary-200);
3669
+ .sendbird-theme--light .sendbird-message__bottomsheet {
3670
+ background-color: var(--sendbird-light-background-50);
3597
3671
  }
3598
- .sendbird-theme--light .sendbird-file-message-item-body.incoming {
3599
- background-color: var(--sendbird-light-background-100);
3672
+ .sendbird-theme--dark .sendbird-message__bottomsheet {
3673
+ background-color: var(--sendbird-dark-background-600);
3600
3674
  }
3601
- .sendbird-theme--dark .sendbird-file-message-item-body.incoming {
3602
- background-color: var(--sendbird-dark-background-500);
3675
+
3676
+ .sendbird-message__bottomsheet-reaction-bar {
3677
+ padding-left: 0;
3678
+ display: flex;
3679
+ justify-content: center;
3680
+ margin-bottom: 0px;
3681
+ margin-top: 0;
3603
3682
  }
3604
- .sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-file-message-item-body:hover.outgoing {
3605
- background-color: var(--sendbird-light-primary-400);
3683
+
3684
+ .sendbird-message__bottomsheet-reaction-bar__row {
3685
+ display: inline-block;
3606
3686
  }
3607
- .sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-file-message-item-body:hover.outgoing {
3608
- background-color: var(--sendbird-dark-primary-300);
3687
+ .sendbird-message__bottomsheet-reaction-bar__row.sendbird-message__bottomsheet-reaction-bar__all {
3688
+ display: flex;
3689
+ flex-direction: row;
3690
+ flex-wrap: wrap;
3609
3691
  }
3610
- .sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-file-message-item-body:hover.incoming {
3611
- background-color: var(--sendbird-light-background-200);
3692
+
3693
+ .sendbird-message__bottomsheet--action {
3694
+ cursor: pointer;
3695
+ height: 48px;
3696
+ display: flex;
3697
+ align-items: center;
3698
+ padding-left: 16px;
3612
3699
  }
3613
- .sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-file-message-item-body:hover.incoming {
3614
- background-color: var(--sendbird-dark-background-400);
3700
+ .sendbird-message__bottomsheet--action .sendbird-icon {
3701
+ margin-right: 24px;
3615
3702
  }
3616
- .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
3617
- width: 28px;
3618
- height: 28px;
3619
- min-width: 28px;
3620
- min-height: 28px;
3621
- display: inline-flex;
3622
- align-items: center;
3623
- justify-content: center;
3624
- border-radius: 8px;
3625
- margin-right: 8px;
3703
+
3704
+ .sendbird-message__bottomsheet--action-disabled {
3705
+ cursor: not-allowed;
3626
3706
  }
3627
- .sendbird-theme--light .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
3707
+ .sendbird-theme--light .sendbird-message__bottomsheet--action-disabled {
3628
3708
  background-color: var(--sendbird-light-background-50);
3629
3709
  }
3630
- .sendbird-theme--dark .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
3631
- background-color: var(--sendbird-dark-background-600);
3632
- }
3633
- .sendbird-file-message-item-body .sendbird-file-message-item-body__file-name {
3634
- position: relative;
3635
- top: -6px;
3710
+ .sendbird-theme--dark .sendbird-message__bottomsheet--action-disabled {
3711
+ background-color: var(--sendbird-dark-background-500);
3636
3712
  }
3637
- .sendbird-thumbnail-message-item-body {
3713
+ .sendbird-ui-thread-replies {
3638
3714
  position: relative;
3639
- display: block;
3640
- box-sizing: border-box;
3641
- overflow: hidden;
3642
- width: 100%;
3643
- min-width: 360px;
3644
- max-width: 400px;
3645
- height: 270px;
3715
+ width: -moz-fit-content;
3716
+ width: fit-content;
3717
+ height: 20px;
3718
+ min-height: 20px;
3719
+ display: inline-flex;
3720
+ flex-direction: row;
3721
+ justify-content: flex-start;
3722
+ align-items: center;
3723
+ padding: 4px 10px;
3724
+ gap: 4px;
3646
3725
  border-radius: 16px;
3726
+ flex: none;
3727
+ order: 0;
3728
+ flex-grow: 0;
3647
3729
  }
3648
- .sendbird--mobile-mode .sendbird-thumbnail-message-item-body {
3649
- min-width: 160px;
3730
+ .sendbird-theme--light .sendbird-ui-thread-replies {
3731
+ background-color: var(--sendbird-light-background-50);
3650
3732
  }
3651
- .sendbird-thumbnail-message-item-body.reactions {
3652
- border-radius: 16px 16px 0px 0px;
3733
+ .sendbird-theme--dark .sendbird-ui-thread-replies {
3734
+ background-color: var(--sendbird-dark-background-600);
3653
3735
  }
3654
- .sendbird-theme--light .sendbird-thumbnail-message-item-body {
3736
+ .sendbird-ui-thread-replies:hover {
3737
+ cursor: pointer;
3738
+ }
3739
+ .sendbird-theme--light .sendbird-ui-thread-replies:hover {
3655
3740
  background-color: var(--sendbird-light-background-100);
3656
3741
  }
3657
- .sendbird-theme--dark .sendbird-thumbnail-message-item-body {
3742
+ .sendbird-theme--dark .sendbird-ui-thread-replies:hover {
3658
3743
  background-color: var(--sendbird-dark-background-500);
3659
3744
  }
3660
- .sendbird-theme--light .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--light .sendbird-thumbnail-message-item-body:hover {
3661
- background-color: var(--sendbird-light-background-200);
3662
- }
3663
- .sendbird-theme--dark .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--dark .sendbird-thumbnail-message-item-body:hover {
3664
- background-color: var(--sendbird-dark-background-400);
3665
- }
3666
- .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__thumbnail {
3667
- position: absolute;
3668
- border-radius: 16px;
3669
- }
3670
- .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder {
3671
- position: absolute;
3745
+
3746
+ .sendbird-ui-thread-replies__user-profiles {
3747
+ position: relative;
3672
3748
  width: 100%;
3673
- height: 270px;
3674
- display: flex;
3675
- justify-content: center;
3676
- align-items: center;
3749
+ height: 100%;
3750
+ gap: 4px;
3751
+ display: inline-flex;
3752
+ flex-direction: row;
3677
3753
  }
3678
- .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder .sendbird-thumbnail-message-item-body__placeholder__icon {
3679
- display: flex;
3680
- align-items: center;
3754
+
3755
+ .sendbird-ui-thread-replies__user-profiles__avatar {
3756
+ position: relative;
3757
+ width: 20px;
3758
+ height: 20px;
3759
+ display: inline-flex;
3681
3760
  justify-content: center;
3682
- width: 56px;
3683
- height: 56px;
3684
- border-radius: 50%;
3685
- background-color: var(--sendbird-light-background-50);
3761
+ align-items: center;
3686
3762
  }
3687
- .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__image-cover {
3763
+
3764
+ .sendbird-ui-thread-replies__user-profiles__avatar__image {
3688
3765
  position: absolute;
3689
3766
  top: 0px;
3690
- display: none;
3691
- width: 100%;
3692
- height: 270px;
3693
- border-radius: 16px;
3694
- background-color: var(--sendbird-light-overlay-01);
3767
+ left: 0px;
3768
+ width: 20px;
3769
+ height: 20px;
3695
3770
  }
3696
- .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__video {
3771
+
3772
+ .sendbird-ui-thread-replies__user-profiles__avatar__cover {
3697
3773
  position: absolute;
3698
- width: 100%;
3699
- height: 270px;
3700
- border-radius: 16px;
3774
+ top: 0px;
3775
+ left: 0px;
3776
+ width: 20px;
3777
+ height: 20px;
3778
+ border-radius: 50%;
3779
+ background-color: var(--sendbird-light-overlay-01);
3701
3780
  }
3702
- .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper {
3781
+
3782
+ .sendbird-ui-thread-replies__user-profiles__avatar__plus {
3703
3783
  position: absolute;
3704
- width: 100%;
3705
- height: 270px;
3706
- display: flex;
3707
- align-items: center;
3784
+ top: 0px;
3785
+ left: 0px;
3786
+ width: 20px;
3787
+ height: 20px;
3788
+ display: inline-flex;
3708
3789
  justify-content: center;
3709
- }
3710
- .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper .sendbird-thumbnail-message-item-body__icon-wrapper__icon {
3711
- display: flex;
3712
3790
  align-items: center;
3713
- justify-content: center;
3714
- width: 56px;
3715
- height: 56px;
3716
- border-radius: 50%;
3717
- background-color: var(--sendbird-light-ondark-01);
3718
3791
  }
3719
3792
 
3720
- .sendbird-thumbnail-message-item-body:hover {
3721
- cursor: pointer;
3793
+ .sendbird-ui-thread-replies__reply-counts {
3794
+ position: relative;
3795
+ min-width: -moz-fit-content;
3796
+ min-width: fit-content;
3797
+ height: 12px;
3798
+ display: inline-flex;
3799
+ flex-direction: row;
3800
+ justify-content: flex-start;
3801
+ align-items: center;
3802
+ white-space: nowrap;
3722
3803
  }
3723
- .sendbird-thumbnail-message-item-body:hover .sendbird-thumbnail-message-item-body__image-cover {
3804
+
3805
+ .sendbird-ui-thread-replies__icon {
3806
+ position: relative;
3724
3807
  display: inline-flex;
3725
3808
  }
3726
3809
  .sendbird-og-message-item-body {
@@ -3842,516 +3925,195 @@ div.sendbird-text-message-item-body {
3842
3925
  div.sendbird-og-message-item-body__text-bubble {
3843
3926
  margin: 0px;
3844
3927
  }
3845
- .sendbird-unknown-message-item-body {
3846
- position: relative;
3928
+ .sendbird-word {
3929
+ white-space: break-spaces;
3930
+ }
3931
+ .sendbird-word .sendbird-word__mention {
3847
3932
  display: inline-block;
3848
- box-sizing: border-box;
3849
- padding: 8px 12px;
3850
- border-radius: 16px;
3851
3933
  }
3852
- .sendbird-unknown-message-item-body.reactions {
3853
- border-radius: 16px 16px 0px 0px;
3934
+ .sendbird-word .sendbird-word__mention:hover {
3935
+ cursor: pointer;
3854
3936
  }
3855
- .sendbird-theme--light .sendbird-unknown-message-item-body.outgoing {
3856
- background-color: var(--sendbird-light-primary-300);
3937
+ .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3938
+ background-color: var(--sendbird-highlight-100);
3857
3939
  }
3858
- .sendbird-theme--dark .sendbird-unknown-message-item-body.outgoing {
3859
- background-color: var(--sendbird-dark-primary-200);
3940
+ .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3941
+ background-color: var(--sendbird-highlight-100);
3860
3942
  }
3861
- .sendbird-theme--light .sendbird-unknown-message-item-body.incoming {
3862
- background-color: var(--sendbird-light-background-100);
3943
+ .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3944
+ color: var(--sendbird-light-onlight-01);
3863
3945
  }
3864
- .sendbird-theme--dark .sendbird-unknown-message-item-body.incoming {
3865
- background-color: var(--sendbird-dark-background-500);
3946
+ .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3947
+ color: var(--sendbird-dark-onlight-01);
3866
3948
  }
3867
- .sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.outgoing {
3868
- background-color: var(--sendbird-light-primary-400);
3949
+ .sendbird-link-label {
3950
+ text-decoration: unset;
3869
3951
  }
3870
- .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.outgoing {
3871
- background-color: var(--sendbird-dark-primary-300);
3952
+ .sendbird-link-label:hover {
3953
+ cursor: pointer;
3954
+ text-decoration: underline;
3872
3955
  }
3873
- .sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.incoming {
3874
- background-color: var(--sendbird-light-background-200);
3956
+ .sendbird-link-label:focus {
3957
+ outline: none;
3875
3958
  }
3876
- .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming {
3877
- background-color: var(--sendbird-dark-background-400);
3959
+ .sendbird-link-label__label {
3960
+ display: inline;
3878
3961
  }
3879
- .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header {
3880
- display: block;
3962
+
3963
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
3964
+ color: var(--sendbird-light-onlight-01);
3881
3965
  }
3882
- .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description {
3883
- display: block;
3966
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
3967
+ color: var(--sendbird-dark-ondark-01);
3884
3968
  }
3885
- .sendbird-quote-message {
3886
- position: relative;
3887
- display: inline-flex;
3888
- box-sizing: border-box;
3889
- flex-direction: column;
3890
- width: 100%;
3891
- max-width: 400px;
3969
+
3970
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
3971
+ color: var(--sendbird-light-onlight-02);
3892
3972
  }
3893
- .sendbird-quote-message.incoming {
3894
- align-items: flex-start;
3973
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
3974
+ color: var(--sendbird-dark-ondark-02);
3895
3975
  }
3896
- .sendbird-quote-message.outgoing {
3897
- align-items: flex-end;
3976
+
3977
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
3978
+ color: var(--sendbird-light-onlight-03);
3898
3979
  }
3899
- .sendbird-quote-message .sendbird-quote-message__replied-to {
3900
- position: relative;
3901
- display: inline-flex;
3902
- flex-direction: row;
3903
- align-items: center;
3904
- height: 16px;
3905
- padding: 0px 12px;
3906
- width: 100%;
3980
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
3981
+ color: var(--sendbird-dark-ondark-03);
3907
3982
  }
3908
- .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
3909
- position: relative;
3910
- margin-bottom: 4px;
3911
- margin-right: 4px;
3983
+
3984
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
3985
+ color: var(--sendbird-light-ondark-01);
3912
3986
  }
3913
- .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text {
3914
- position: relative;
3915
- max-width: 360px;
3916
- overflow: hidden;
3917
- overflow-x: hidden;
3918
- white-space: nowrap;
3919
- word-break: keep-all;
3920
- text-overflow: ellipsis;
3921
- font-size: 12px;
3922
- display: inline-flex;
3923
- flex-direction: row;
3924
- align-items: center;
3987
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
3988
+ color: var(--sendbird-dark-onlight-01);
3925
3989
  }
3926
- .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__nickname {
3927
- display: inline-block;
3928
- max-width: 148px;
3929
- overflow: hidden;
3930
- text-overflow: ellipsis;
3990
+
3991
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
3992
+ color: var(--sendbird-light-ondark-02);
3931
3993
  }
3932
- .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__text {
3933
- margin: 0px 4px;
3994
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
3995
+ color: var(--sendbird-dark-onlight-02);
3934
3996
  }
3935
- .sendbird-quote-message .sendbird-quote-message__replied-message {
3936
- position: relative;
3937
- display: inline-flex;
3997
+
3998
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
3999
+ color: var(--sendbird-light-primary-300);
3938
4000
  }
3939
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
3940
- position: relative;
3941
- white-space: pre-wrap;
3942
- word-break: break-all;
3943
- font-size: 12px;
3944
- padding: 8px 12px 16px 12px;
3945
- border-radius: 16px;
3946
- opacity: 0.5;
4001
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
4002
+ color: var(--sendbird-dark-primary-200);
3947
4003
  }
3948
- .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
3949
- background-color: var(--sendbird-light-background-100);
4004
+
4005
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
4006
+ color: var(--sendbird-light-error-300);
3950
4007
  }
3951
- .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
3952
- background-color: var(--sendbird-dark-background-500);
4008
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
4009
+ color: var(--sendbird-dark-error-200);
3953
4010
  }
3954
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word {
3955
- position: relative;
3956
- display: inline-flex;
3957
- max-height: 30px;
3958
- overflow: hidden;
3959
- text-overflow: ellipsis;
4011
+
4012
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
4013
+ color: var(--sendbird-light-secondary-300);
3960
4014
  }
3961
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
4015
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
4016
+ color: var(--sendbird-dark-secondary-200);
4017
+ }
4018
+ .sendbird-text-message-item-body {
3962
4019
  position: relative;
3963
- width: 144px;
3964
- height: 108px;
3965
- border-radius: 6.4px;
3966
- overflow: hidden;
4020
+ display: inline-block;
4021
+ box-sizing: content-box;
4022
+ padding: 8px 12px;
4023
+ border-radius: 16px;
4024
+ white-space: pre-line;
4025
+ word-break: break-word;
3967
4026
  }
3968
- .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
4027
+ .sendbird-text-message-item-body.reactions {
4028
+ border-radius: 16px 16px 0px 0px;
4029
+ }
4030
+ .sendbird-theme--light .sendbird-text-message-item-body.incoming {
3969
4031
  background-color: var(--sendbird-light-background-100);
3970
4032
  }
3971
- .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
4033
+ .sendbird-theme--dark .sendbird-text-message-item-body.incoming {
3972
4034
  background-color: var(--sendbird-dark-background-500);
3973
4035
  }
3974
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__video,
3975
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__image {
3976
- position: absolute;
3977
- top: 0px;
3978
- display: inline-flex;
3979
- width: 100%;
3980
- height: 100%;
3981
- opacity: 0.5;
4036
+ .sendbird-theme--light .sendbird-text-message-item-body.outgoing {
4037
+ background-color: var(--sendbird-light-primary-300);
3982
4038
  }
3983
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder {
3984
- position: absolute;
3985
- display: inline-flex;
3986
- width: 100%;
3987
- height: 100%;
3988
- justify-content: center;
3989
- align-items: center;
4039
+ .sendbird-theme--dark .sendbird-text-message-item-body.outgoing {
4040
+ background-color: var(--sendbird-dark-primary-200);
3990
4041
  }
3991
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder .sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon {
3992
- display: inline-flex;
3993
- justify-content: center;
3994
- align-items: center;
3995
- width: 22px;
3996
- height: 22px;
3997
- border-radius: 50%;
4042
+ .sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-text-message-item-body:hover.incoming {
4043
+ background-color: var(--sendbird-light-background-200);
3998
4044
  }
3999
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
4000
- position: absolute;
4001
- display: inline-flex;
4002
- width: 100%;
4003
- height: 100%;
4004
- justify-content: center;
4005
- align-items: center;
4006
- top: 0px;
4045
+ .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-text-message-item-body:hover.incoming {
4046
+ background-color: var(--sendbird-dark-background-400);
4007
4047
  }
4008
- .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
4009
- background-color: rgba(255, 255, 255, 0.4);
4048
+ .sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-text-message-item-body:hover.outgoing {
4049
+ background-color: var(--sendbird-light-primary-400);
4010
4050
  }
4011
- .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
4012
- background-color: rgba(255, 255, 255, 0.4);
4051
+ .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing {
4052
+ background-color: var(--sendbird-dark-primary-300);
4013
4053
  }
4014
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
4054
+ .sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message {
4055
+ display: inline;
4056
+ margin: 0px 2px;
4057
+ }
4058
+
4059
+ div.sendbird-text-message-item-body {
4060
+ margin: 0px;
4061
+ }
4062
+ .sendbird-file-message-item-body {
4015
4063
  position: relative;
4016
- display: inline-flex;
4017
- justify-content: center;
4064
+ display: inline-block;
4065
+ box-sizing: border-box;
4066
+ padding: 8px 12px;
4018
4067
  align-items: center;
4019
- width: 22px;
4020
- height: 22px;
4021
- border-radius: 50%;
4068
+ border-radius: 16px;
4022
4069
  }
4023
- .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
4024
- background-color: rgb(255, 255, 255);
4070
+ .sendbird-file-message-item-body.reactions {
4071
+ border-radius: 16px 16px 0px 0px;
4025
4072
  }
4026
- .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
4027
- background-color: rgb(255, 255, 255);
4073
+ .sendbird-theme--light .sendbird-file-message-item-body.outgoing {
4074
+ background-color: var(--sendbird-light-primary-300);
4028
4075
  }
4029
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
4030
- position: relative;
4031
- display: inline-flex;
4032
- flex-direction: row;
4033
- font-size: 12px;
4034
- padding: 8px 12px 16px 12px;
4035
- border-radius: 16px;
4036
- opacity: 0.5;
4076
+ .sendbird-theme--dark .sendbird-file-message-item-body.outgoing {
4077
+ background-color: var(--sendbird-dark-primary-200);
4037
4078
  }
4038
- .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
4079
+ .sendbird-theme--light .sendbird-file-message-item-body.incoming {
4039
4080
  background-color: var(--sendbird-light-background-100);
4040
4081
  }
4041
- .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
4082
+ .sendbird-theme--dark .sendbird-file-message-item-body.incoming {
4042
4083
  background-color: var(--sendbird-dark-background-500);
4043
4084
  }
4044
- .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
4045
- margin-right: 2px;
4085
+ .sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-file-message-item-body:hover.outgoing {
4086
+ background-color: var(--sendbird-light-primary-400);
4046
4087
  }
4047
- .sendbird-quote-message:hover {
4048
- cursor: pointer;
4049
- }
4050
-
4051
- .sendbird-quote-message.unavailable:hover {
4052
- cursor: default;
4053
- }
4054
-
4055
- .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
4056
- flex-direction: row-reverse;
4057
- padding-right: 0px;
4058
- }
4059
-
4060
- .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
4061
- padding-left: 0px;
4062
- }
4063
- .sendbird-message__mobile-context-menu {
4064
- border-radius: 8px;
4065
- width: 180px;
4066
- }
4067
-
4068
- .sendbird-message__contextmenu--hyperlink {
4069
- display: flex;
4070
- justify-content: space-between;
4071
- }
4072
-
4073
- .sendbird-message__bottomsheet--hyperlink {
4074
- display: block;
4075
- }
4076
-
4077
- .sendbird-message__bottomsheet--hyperlink,
4078
- .sendbird-message__contextmenu--hyperlink {
4079
- width: 100%;
4080
- text-decoration: none;
4081
- color: inherit;
4082
- font-size: inherit;
4083
- font-weight: inherit;
4084
- font-stretch: normal;
4085
- font-style: normal;
4086
- line-height: inherit;
4087
- letter-spacing: inherit;
4088
- font-family: inherit;
4089
- }
4090
-
4091
- .sendbird-message__mobile-context-menu-item .sendbird-dropdown__menu-item__text {
4092
- display: flex;
4093
- justify-content: space-between;
4094
- }
4095
- .sendbird-theme--light .sendbird-message__mobile-context-menu-item:not(:last-child) {
4096
- border-bottom: 1px solid var(--sendbird-light-onlight-04);
4097
- }
4098
- .sendbird-theme--dark .sendbird-message__mobile-context-menu-item:not(:last-child) {
4099
- border-bottom: 1px solid var(--sendbird-dark-ondark-04);
4100
- }
4101
-
4102
- .sendbird-message__bottomsheet {
4103
- width: 100vw;
4104
- border-top-left-radius: 8px;
4105
- border-top-right-radius: 8px;
4106
- padding-top: 16px;
4107
- }
4108
- .sendbird-theme--light .sendbird-message__bottomsheet {
4109
- background-color: var(--sendbird-light-background-50);
4110
- }
4111
- .sendbird-theme--dark .sendbird-message__bottomsheet {
4112
- background-color: var(--sendbird-dark-background-600);
4113
- }
4114
-
4115
- .sendbird-message__bottomsheet-reaction-bar {
4116
- padding-left: 0;
4117
- display: flex;
4118
- justify-content: center;
4119
- margin-bottom: 0px;
4120
- margin-top: 0;
4121
- }
4122
-
4123
- .sendbird-message__bottomsheet-reaction-bar__row {
4124
- display: inline-block;
4125
- }
4126
- .sendbird-message__bottomsheet-reaction-bar__row.sendbird-message__bottomsheet-reaction-bar__all {
4127
- display: flex;
4128
- flex-direction: row;
4129
- flex-wrap: wrap;
4130
- }
4131
-
4132
- .sendbird-message__bottomsheet--action {
4133
- cursor: pointer;
4134
- height: 48px;
4135
- display: flex;
4136
- align-items: center;
4137
- padding-left: 16px;
4138
- }
4139
- .sendbird-message__bottomsheet--action .sendbird-icon {
4140
- margin-right: 24px;
4141
- }
4142
-
4143
- .sendbird-message__bottomsheet--action-disabled {
4144
- cursor: not-allowed;
4145
- }
4146
- .sendbird-theme--light .sendbird-message__bottomsheet--action-disabled {
4147
- background-color: var(--sendbird-light-background-50);
4148
- }
4149
- .sendbird-theme--dark .sendbird-message__bottomsheet--action-disabled {
4150
- background-color: var(--sendbird-dark-background-500);
4151
- }
4152
- .sendbird-ui-thread-replies {
4153
- position: relative;
4154
- width: -moz-fit-content;
4155
- width: fit-content;
4156
- height: 20px;
4157
- min-height: 20px;
4158
- display: inline-flex;
4159
- flex-direction: row;
4160
- justify-content: flex-start;
4161
- align-items: center;
4162
- padding: 4px 10px;
4163
- gap: 4px;
4164
- border-radius: 16px;
4165
- flex: none;
4166
- order: 0;
4167
- flex-grow: 0;
4168
- }
4169
- .sendbird-theme--light .sendbird-ui-thread-replies {
4170
- background-color: var(--sendbird-light-background-50);
4171
- }
4172
- .sendbird-theme--dark .sendbird-ui-thread-replies {
4173
- background-color: var(--sendbird-dark-background-600);
4174
- }
4175
- .sendbird-ui-thread-replies:hover {
4176
- cursor: pointer;
4177
- }
4178
- .sendbird-theme--light .sendbird-ui-thread-replies:hover {
4179
- background-color: var(--sendbird-light-background-100);
4180
- }
4181
- .sendbird-theme--dark .sendbird-ui-thread-replies:hover {
4182
- background-color: var(--sendbird-dark-background-500);
4183
- }
4184
-
4185
- .sendbird-ui-thread-replies__user-profiles {
4186
- position: relative;
4187
- width: 100%;
4188
- height: 100%;
4189
- gap: 4px;
4190
- display: inline-flex;
4191
- flex-direction: row;
4192
- }
4193
-
4194
- .sendbird-ui-thread-replies__user-profiles__avatar {
4195
- position: relative;
4196
- width: 20px;
4197
- height: 20px;
4198
- display: inline-flex;
4199
- justify-content: center;
4200
- align-items: center;
4201
- }
4202
-
4203
- .sendbird-ui-thread-replies__user-profiles__avatar__image {
4204
- position: absolute;
4205
- top: 0px;
4206
- left: 0px;
4207
- width: 20px;
4208
- height: 20px;
4209
- }
4210
-
4211
- .sendbird-ui-thread-replies__user-profiles__avatar__cover {
4212
- position: absolute;
4213
- top: 0px;
4214
- left: 0px;
4215
- width: 20px;
4216
- height: 20px;
4217
- border-radius: 50%;
4218
- background-color: var(--sendbird-light-overlay-01);
4219
- }
4220
-
4221
- .sendbird-ui-thread-replies__user-profiles__avatar__plus {
4222
- position: absolute;
4223
- top: 0px;
4224
- left: 0px;
4225
- width: 20px;
4226
- height: 20px;
4227
- display: inline-flex;
4228
- justify-content: center;
4229
- align-items: center;
4230
- }
4231
-
4232
- .sendbird-ui-thread-replies__reply-counts {
4233
- position: relative;
4234
- min-width: -moz-fit-content;
4235
- min-width: fit-content;
4236
- height: 12px;
4237
- display: inline-flex;
4238
- flex-direction: row;
4239
- justify-content: flex-start;
4240
- align-items: center;
4241
- white-space: nowrap;
4242
- }
4243
-
4244
- .sendbird-ui-thread-replies__icon {
4245
- position: relative;
4246
- display: inline-flex;
4247
- }
4248
- .sendbird-voice-message-item-body {
4249
- position: relative;
4250
- display: inline-flex;
4251
- width: 100%;
4252
- border-radius: 16px;
4253
- overflow: hidden;
4254
- }
4255
-
4256
- .sendbird-voice-message-item-body.is-reactions-contained {
4257
- border-radius: 16px 16px 0px 0px;
4258
- }
4259
-
4260
- .sendbird-voice-message-item-body__progress-bar {
4261
- position: absolute;
4262
- width: 100%;
4263
- height: 50px;
4264
- }
4265
-
4266
- .sendbird-voice-message-item-body__status-button {
4267
- position: relative;
4268
- top: 8px;
4269
- left: 12px;
4270
- display: inline-flex;
4271
- justify-content: center;
4272
- align-items: center;
4273
- width: 34px;
4274
- height: 34px;
4275
- min-width: 34px;
4276
- min-height: 34px;
4277
- }
4278
-
4279
- .sendbird-voice-message-item-body__status-button__button {
4280
- width: 100%;
4281
- height: 100%;
4282
- display: inline-flex;
4283
- justify-content: center;
4284
- align-items: center;
4285
- border-radius: 50%;
4286
- }
4287
- .sendbird-theme--light .sendbird-voice-message-item-body__status-button__button {
4288
- background-color: var(--sendbird-light-background-50);
4289
- }
4290
- .sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button {
4291
- background-color: var(--sendbird-dark-background-600);
4292
- }
4293
-
4294
- .sendbird-voice-message-item-body__playback-time {
4295
- position: absolute;
4296
- top: 15px;
4297
- right: 12px;
4298
- }
4299
-
4300
- .sendbird-voice-message-item-body__status-button__button__pause {
4301
- position: relative;
4302
- display: inline-flex;
4303
- justify-content: space-between;
4304
- align-items: center;
4305
- width: 13.75px;
4306
- height: 13.75px;
4307
- }
4308
-
4309
- .sendbird-voice-message-item-body__status-button__button__pause__inner {
4310
- position: relative;
4311
- display: inline-flex;
4312
- width: 4.38px;
4313
- height: 13.75px;
4314
- border-radius: 2px;
4088
+ .sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-file-message-item-body:hover.outgoing {
4089
+ background-color: var(--sendbird-dark-primary-300);
4315
4090
  }
4316
- .sendbird-theme--light .sendbird-voice-message-item-body__status-button__button__pause__inner {
4317
- background-color: var(--sendbird-light-primary-300);
4091
+ .sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-file-message-item-body:hover.incoming {
4092
+ background-color: var(--sendbird-light-background-200);
4318
4093
  }
4319
- .sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button__pause__inner {
4320
- background-color: var(--sendbird-dark-primary-200);
4094
+ .sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-file-message-item-body:hover.incoming {
4095
+ background-color: var(--sendbird-dark-background-400);
4321
4096
  }
4322
- .sendbird-progress-bar, .sendbird-progress-bar__fill {
4097
+ .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
4098
+ width: 28px;
4099
+ height: 28px;
4100
+ min-width: 28px;
4101
+ min-height: 28px;
4323
4102
  display: inline-flex;
4324
- width: 100%;
4325
- height: 100%;
4326
- }
4327
-
4328
- .sendbird-progress-bar {
4329
- justify-content: flex-start;
4330
- }
4331
-
4332
- .sendbird-theme--light .sendbird-progress-bar__fill {
4333
- background-color: var(--sendbird-light-onlight-03);
4334
- }
4335
- .sendbird-theme--dark .sendbird-progress-bar__fill {
4336
- background-color: var(--sendbird-dark-ondark-03);
4337
- }
4338
-
4339
- .sendbird-theme--light .progress-bar-color--primary {
4340
- background-color: var(--sendbird-light-primary-300);
4341
- }
4342
- .sendbird-theme--dark .progress-bar-color--primary {
4343
- background-color: var(--sendbird-dark-primary-200);
4103
+ align-items: center;
4104
+ justify-content: center;
4105
+ border-radius: 8px;
4106
+ margin-right: 8px;
4344
4107
  }
4345
-
4346
- .sendbird-theme--light .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--light .progress-bar-color--gray {
4347
- background-color: var(--sendbird-light-background-100);
4108
+ .sendbird-theme--light .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
4109
+ background-color: var(--sendbird-light-background-50);
4348
4110
  }
4349
- .sendbird-theme--dark .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--dark .progress-bar-color--gray {
4350
- background-color: var(--sendbird-dark-background-500);
4111
+ .sendbird-theme--dark .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
4112
+ background-color: var(--sendbird-dark-background-600);
4351
4113
  }
4352
-
4353
- .sendbird-progress-bar.progress-bar--disabled .sendbird-progress-bar__fill {
4354
- background-color: transparent;
4114
+ .sendbird-file-message-item-body .sendbird-file-message-item-body__file-name {
4115
+ position: relative;
4116
+ top: -6px;
4355
4117
  }
4356
4118
  .sendbird-image-grid-wrap {
4357
4119
  display: flex;
@@ -4536,6 +4298,243 @@ div.sendbird-og-message-item-body__text-bubble {
4536
4298
  border-radius: 50%;
4537
4299
  background-color: var(--sendbird-light-ondark-01);
4538
4300
  }
4301
+ .sendbird-voice-message-item-body {
4302
+ position: relative;
4303
+ display: inline-flex;
4304
+ width: 100%;
4305
+ border-radius: 16px;
4306
+ overflow: hidden;
4307
+ }
4308
+
4309
+ .sendbird-voice-message-item-body.is-reactions-contained {
4310
+ border-radius: 16px 16px 0px 0px;
4311
+ }
4312
+
4313
+ .sendbird-voice-message-item-body__progress-bar {
4314
+ position: absolute;
4315
+ width: 100%;
4316
+ height: 50px;
4317
+ }
4318
+
4319
+ .sendbird-voice-message-item-body__status-button {
4320
+ position: relative;
4321
+ top: 8px;
4322
+ left: 12px;
4323
+ display: inline-flex;
4324
+ justify-content: center;
4325
+ align-items: center;
4326
+ width: 34px;
4327
+ height: 34px;
4328
+ min-width: 34px;
4329
+ min-height: 34px;
4330
+ }
4331
+
4332
+ .sendbird-voice-message-item-body__status-button__button {
4333
+ width: 100%;
4334
+ height: 100%;
4335
+ display: inline-flex;
4336
+ justify-content: center;
4337
+ align-items: center;
4338
+ border-radius: 50%;
4339
+ }
4340
+ .sendbird-theme--light .sendbird-voice-message-item-body__status-button__button {
4341
+ background-color: var(--sendbird-light-background-50);
4342
+ }
4343
+ .sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button {
4344
+ background-color: var(--sendbird-dark-background-600);
4345
+ }
4346
+
4347
+ .sendbird-voice-message-item-body__playback-time {
4348
+ position: absolute;
4349
+ top: 15px;
4350
+ right: 12px;
4351
+ }
4352
+
4353
+ .sendbird-voice-message-item-body__status-button__button__pause {
4354
+ position: relative;
4355
+ display: inline-flex;
4356
+ justify-content: space-between;
4357
+ align-items: center;
4358
+ width: 13.75px;
4359
+ height: 13.75px;
4360
+ }
4361
+
4362
+ .sendbird-voice-message-item-body__status-button__button__pause__inner {
4363
+ position: relative;
4364
+ display: inline-flex;
4365
+ width: 4.38px;
4366
+ height: 13.75px;
4367
+ border-radius: 2px;
4368
+ }
4369
+ .sendbird-theme--light .sendbird-voice-message-item-body__status-button__button__pause__inner {
4370
+ background-color: var(--sendbird-light-primary-300);
4371
+ }
4372
+ .sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button__pause__inner {
4373
+ background-color: var(--sendbird-dark-primary-200);
4374
+ }
4375
+ .sendbird-progress-bar, .sendbird-progress-bar__fill {
4376
+ display: inline-flex;
4377
+ width: 100%;
4378
+ height: 100%;
4379
+ }
4380
+
4381
+ .sendbird-progress-bar {
4382
+ justify-content: flex-start;
4383
+ }
4384
+
4385
+ .sendbird-theme--light .sendbird-progress-bar__fill {
4386
+ background-color: var(--sendbird-light-onlight-03);
4387
+ }
4388
+ .sendbird-theme--dark .sendbird-progress-bar__fill {
4389
+ background-color: var(--sendbird-dark-ondark-03);
4390
+ }
4391
+
4392
+ .sendbird-theme--light .progress-bar-color--primary {
4393
+ background-color: var(--sendbird-light-primary-300);
4394
+ }
4395
+ .sendbird-theme--dark .progress-bar-color--primary {
4396
+ background-color: var(--sendbird-dark-primary-200);
4397
+ }
4398
+
4399
+ .sendbird-theme--light .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--light .progress-bar-color--gray {
4400
+ background-color: var(--sendbird-light-background-100);
4401
+ }
4402
+ .sendbird-theme--dark .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--dark .progress-bar-color--gray {
4403
+ background-color: var(--sendbird-dark-background-500);
4404
+ }
4405
+
4406
+ .sendbird-progress-bar.progress-bar--disabled .sendbird-progress-bar__fill {
4407
+ background-color: transparent;
4408
+ }
4409
+ .sendbird-thumbnail-message-item-body {
4410
+ position: relative;
4411
+ display: block;
4412
+ box-sizing: border-box;
4413
+ overflow: hidden;
4414
+ width: 100%;
4415
+ min-width: 360px;
4416
+ max-width: 400px;
4417
+ height: 270px;
4418
+ border-radius: 16px;
4419
+ }
4420
+ .sendbird--mobile-mode .sendbird-thumbnail-message-item-body {
4421
+ min-width: 160px;
4422
+ }
4423
+ .sendbird-thumbnail-message-item-body.reactions {
4424
+ border-radius: 16px 16px 0px 0px;
4425
+ }
4426
+ .sendbird-theme--light .sendbird-thumbnail-message-item-body {
4427
+ background-color: var(--sendbird-light-background-100);
4428
+ }
4429
+ .sendbird-theme--dark .sendbird-thumbnail-message-item-body {
4430
+ background-color: var(--sendbird-dark-background-500);
4431
+ }
4432
+ .sendbird-theme--light .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--light .sendbird-thumbnail-message-item-body:hover {
4433
+ background-color: var(--sendbird-light-background-200);
4434
+ }
4435
+ .sendbird-theme--dark .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--dark .sendbird-thumbnail-message-item-body:hover {
4436
+ background-color: var(--sendbird-dark-background-400);
4437
+ }
4438
+ .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__thumbnail {
4439
+ position: absolute;
4440
+ border-radius: 16px;
4441
+ }
4442
+ .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder {
4443
+ position: absolute;
4444
+ width: 100%;
4445
+ height: 270px;
4446
+ display: flex;
4447
+ justify-content: center;
4448
+ align-items: center;
4449
+ }
4450
+ .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder .sendbird-thumbnail-message-item-body__placeholder__icon {
4451
+ display: flex;
4452
+ align-items: center;
4453
+ justify-content: center;
4454
+ width: 56px;
4455
+ height: 56px;
4456
+ border-radius: 50%;
4457
+ background-color: var(--sendbird-light-background-50);
4458
+ }
4459
+ .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__image-cover {
4460
+ position: absolute;
4461
+ top: 0px;
4462
+ display: none;
4463
+ width: 100%;
4464
+ height: 270px;
4465
+ border-radius: 16px;
4466
+ background-color: var(--sendbird-light-overlay-01);
4467
+ }
4468
+ .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__video {
4469
+ position: absolute;
4470
+ width: 100%;
4471
+ height: 270px;
4472
+ border-radius: 16px;
4473
+ }
4474
+ .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper {
4475
+ position: absolute;
4476
+ width: 100%;
4477
+ height: 270px;
4478
+ display: flex;
4479
+ align-items: center;
4480
+ justify-content: center;
4481
+ }
4482
+ .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper .sendbird-thumbnail-message-item-body__icon-wrapper__icon {
4483
+ display: flex;
4484
+ align-items: center;
4485
+ justify-content: center;
4486
+ width: 56px;
4487
+ height: 56px;
4488
+ border-radius: 50%;
4489
+ background-color: var(--sendbird-light-ondark-01);
4490
+ }
4491
+
4492
+ .sendbird-thumbnail-message-item-body:hover {
4493
+ cursor: pointer;
4494
+ }
4495
+ .sendbird-thumbnail-message-item-body:hover .sendbird-thumbnail-message-item-body__image-cover {
4496
+ display: inline-flex;
4497
+ }
4498
+ .sendbird-unknown-message-item-body {
4499
+ position: relative;
4500
+ display: inline-block;
4501
+ box-sizing: border-box;
4502
+ padding: 8px 12px;
4503
+ border-radius: 16px;
4504
+ }
4505
+ .sendbird-unknown-message-item-body.reactions {
4506
+ border-radius: 16px 16px 0px 0px;
4507
+ }
4508
+ .sendbird-theme--light .sendbird-unknown-message-item-body.outgoing {
4509
+ background-color: var(--sendbird-light-primary-300);
4510
+ }
4511
+ .sendbird-theme--dark .sendbird-unknown-message-item-body.outgoing {
4512
+ background-color: var(--sendbird-dark-primary-200);
4513
+ }
4514
+ .sendbird-theme--light .sendbird-unknown-message-item-body.incoming {
4515
+ background-color: var(--sendbird-light-background-100);
4516
+ }
4517
+ .sendbird-theme--dark .sendbird-unknown-message-item-body.incoming {
4518
+ background-color: var(--sendbird-dark-background-500);
4519
+ }
4520
+ .sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.outgoing {
4521
+ background-color: var(--sendbird-light-primary-400);
4522
+ }
4523
+ .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.outgoing {
4524
+ background-color: var(--sendbird-dark-primary-300);
4525
+ }
4526
+ .sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.incoming {
4527
+ background-color: var(--sendbird-light-background-200);
4528
+ }
4529
+ .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming {
4530
+ background-color: var(--sendbird-dark-background-400);
4531
+ }
4532
+ .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header {
4533
+ display: block;
4534
+ }
4535
+ .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description {
4536
+ display: block;
4537
+ }
4539
4538
  .sendbird-fileviewer__header__right__actions__download,
4540
4539
  .sendbird-fileviewer__header__right__actions__delete,
4541
4540
  .sendbird-fileviewer__header__right__actions__close {