@sendbird/uikit-react 3.9.3 → 3.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (714) hide show
  1. package/App.js +66 -57
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +56 -0
  4. package/Channel/components/ChannelHeader.js +25 -25
  5. package/Channel/components/ChannelUI.js +58 -53
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +24 -24
  8. package/Channel/components/FrozenNotification.js +5 -5
  9. package/Channel/components/Message.js +106 -77
  10. package/Channel/components/Message.js.map +1 -1
  11. package/Channel/components/MessageFeedbackModal.js +65 -0
  12. package/Channel/components/MessageFeedbackModal.js.map +1 -0
  13. package/Channel/components/MessageInput.js +36 -36
  14. package/Channel/components/MessageList.js +51 -46
  15. package/Channel/components/MessageList.js.map +1 -1
  16. package/Channel/components/RemoveMessageModal.js +23 -23
  17. package/Channel/components/SuggestedMentionList.js +23 -23
  18. package/Channel/components/TypingIndicator.js +19 -19
  19. package/Channel/components/UnreadCount.js +7 -7
  20. package/Channel/context.js +16 -16
  21. package/Channel/hooks/useHandleUploadFiles.js +13 -13
  22. package/Channel/hooks/useInitialMessagesFetch.js +8 -8
  23. package/Channel/utils/compareMessagesForGrouping.js +6 -6
  24. package/Channel/utils/getMessagePartsInfo.js +7 -7
  25. package/Channel.js +57 -52
  26. package/Channel.js.map +1 -1
  27. package/ChannelList/components/AddChannel.js +18 -18
  28. package/ChannelList/components/ChannelListHeader.js +9 -9
  29. package/ChannelList/components/ChannelListUI.js +34 -34
  30. package/ChannelList/components/ChannelPreview.js +32 -32
  31. package/ChannelList/components/ChannelPreviewAction.js +15 -15
  32. package/ChannelList/context.js +9 -9
  33. package/ChannelList.js +34 -34
  34. package/ChannelSettings/components/ChannelProfile.js +14 -14
  35. package/ChannelSettings/components/ChannelSettingsUI.js +19 -19
  36. package/ChannelSettings/components/EditDetailsModal.js +14 -14
  37. package/ChannelSettings/components/LeaveChannel.js +11 -11
  38. package/ChannelSettings/components/ModerationPanel.js +17 -17
  39. package/ChannelSettings/components/UserListItem.js +13 -13
  40. package/ChannelSettings/components/UserPanel.js +16 -16
  41. package/ChannelSettings/context.js +3 -3
  42. package/ChannelSettings.js +19 -19
  43. package/CreateChannel/components/CreateChannelUI.js +16 -16
  44. package/CreateChannel/components/InviteUsers.js +16 -16
  45. package/CreateChannel/components/SelectChannelType.js +10 -10
  46. package/CreateChannel/context.js +4 -4
  47. package/CreateChannel.js +16 -16
  48. package/CreateOpenChannel/components/CreateOpenChannelUI.js +12 -12
  49. package/CreateOpenChannel/context.js +1 -1
  50. package/CreateOpenChannel.js +12 -12
  51. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  52. package/EditUserProfile.js +13 -13
  53. package/MessageSearch/components/MessageSearchUI.js +15 -15
  54. package/MessageSearch/context.js +1 -1
  55. package/MessageSearch.js +15 -15
  56. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  57. package/OpenChannel/components/OpenChannelHeader.js +19 -19
  58. package/OpenChannel/components/OpenChannelInput.js +26 -26
  59. package/OpenChannel/components/OpenChannelMessage.js +36 -34
  60. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  61. package/OpenChannel/components/OpenChannelMessageList.js +39 -38
  62. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  63. package/OpenChannel/components/OpenChannelUI.js +38 -37
  64. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  65. package/OpenChannel/context.js +18 -18
  66. package/OpenChannel.js +38 -37
  67. package/OpenChannel.js.map +1 -1
  68. package/OpenChannelList/components/OpenChannelListUI.js +15 -15
  69. package/OpenChannelList/components/OpenChannelPreview.js +7 -7
  70. package/OpenChannelList/context.js +3 -3
  71. package/OpenChannelList.js +15 -15
  72. package/OpenChannelSettings/components/EditDetailsModal.js +15 -15
  73. package/OpenChannelSettings/components/OpenChannelProfile.js +15 -15
  74. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +19 -19
  75. package/OpenChannelSettings/components/OperatorUI.js +19 -19
  76. package/OpenChannelSettings/components/ParticipantUI.js +17 -17
  77. package/OpenChannelSettings/context.js +3 -3
  78. package/OpenChannelSettings.js +19 -19
  79. package/SendbirdProvider.js +25 -23
  80. package/SendbirdProvider.js.map +1 -1
  81. package/Thread/components/ParentMessageInfo.js +42 -40
  82. package/Thread/components/ParentMessageInfo.js.map +1 -1
  83. package/Thread/components/ParentMessageInfoItem.js +31 -29
  84. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  85. package/Thread/components/ThreadHeader.js +7 -7
  86. package/Thread/components/ThreadList.js +46 -44
  87. package/Thread/components/ThreadList.js.map +1 -1
  88. package/Thread/components/ThreadListItem.js +46 -44
  89. package/Thread/components/ThreadListItem.js.map +1 -1
  90. package/Thread/components/ThreadMessageInput.js +36 -36
  91. package/Thread/components/ThreadUI.js +50 -48
  92. package/Thread/components/ThreadUI.js.map +1 -1
  93. package/Thread/context.js +13 -13
  94. package/Thread.js +50 -48
  95. package/Thread.js.map +1 -1
  96. package/VoicePlayer/context.js +3 -3
  97. package/VoicePlayer/useVoicePlayer.js +10 -10
  98. package/VoiceRecorder/context.js +10 -10
  99. package/VoiceRecorder/useVoiceRecorder.js +9 -9
  100. package/chunks/{bundle-j-DHjJge.js → bundle-1_Rwzd0f.js} +2 -2
  101. package/chunks/{bundle-j-DHjJge.js.map → bundle-1_Rwzd0f.js.map} +1 -1
  102. package/chunks/{bundle-l9d09gzQ.js → bundle-1pnUZsGs.js} +1 -1
  103. package/chunks/bundle-1pnUZsGs.js.map +1 -0
  104. package/chunks/{bundle-vAvSNdmj.js → bundle-26VX7FQg.js} +1 -1
  105. package/chunks/{bundle-vAvSNdmj.js.map → bundle-26VX7FQg.js.map} +1 -1
  106. package/chunks/{bundle-YknGoAU3.js → bundle-2Rw-coMg.js} +2 -2
  107. package/chunks/{bundle-YknGoAU3.js.map → bundle-2Rw-coMg.js.map} +1 -1
  108. package/chunks/{bundle-wZlSE8gx.js → bundle-4uNbb5ZI.js} +4 -4
  109. package/chunks/{bundle-wZlSE8gx.js.map → bundle-4uNbb5ZI.js.map} +1 -1
  110. package/chunks/{bundle-q1M15U1p.js → bundle-4vHal8Yn.js} +15 -12
  111. package/chunks/bundle-4vHal8Yn.js.map +1 -0
  112. package/chunks/{bundle-v7nqMv6h.js → bundle-5iL1VCKs.js} +3 -3
  113. package/chunks/bundle-5iL1VCKs.js.map +1 -0
  114. package/chunks/{bundle-yT-RH-aL.js → bundle-6LRbbWyh.js} +2 -2
  115. package/chunks/{bundle-yT-RH-aL.js.map → bundle-6LRbbWyh.js.map} +1 -1
  116. package/chunks/{bundle-rcUMtSzr.js → bundle-84jQZIDS.js} +1 -1
  117. package/chunks/bundle-84jQZIDS.js.map +1 -0
  118. package/chunks/{bundle-79RbKDD4.js → bundle-8XAFqDsw.js} +1 -1
  119. package/chunks/bundle-8XAFqDsw.js.map +1 -0
  120. package/chunks/{bundle-jzsK-B6H.js → bundle-8XsN_e3a.js} +3 -3
  121. package/chunks/{bundle-jzsK-B6H.js.map → bundle-8XsN_e3a.js.map} +1 -1
  122. package/chunks/{bundle-ZbGteG77.js → bundle-8tjyQiRi.js} +1 -1
  123. package/chunks/bundle-8tjyQiRi.js.map +1 -0
  124. package/chunks/{bundle-fe2EF_iJ.js → bundle-Abz9zH51.js} +4 -4
  125. package/chunks/{bundle-fe2EF_iJ.js.map → bundle-Abz9zH51.js.map} +1 -1
  126. package/chunks/{bundle-KjVIQqaY.js → bundle-AilPIINY.js} +3 -3
  127. package/chunks/bundle-AilPIINY.js.map +1 -0
  128. package/chunks/{bundle-KVQUrA22.js → bundle-B_aR2jdp.js} +6 -6
  129. package/chunks/bundle-B_aR2jdp.js.map +1 -0
  130. package/chunks/{bundle-t6JaUd1b.js → bundle-Dv_OpODB.js} +1 -1
  131. package/chunks/{bundle-t6JaUd1b.js.map → bundle-Dv_OpODB.js.map} +1 -1
  132. package/chunks/{bundle-21p8ODP_.js → bundle-EeL8s1uR.js} +3 -3
  133. package/chunks/{bundle-21p8ODP_.js.map → bundle-EeL8s1uR.js.map} +1 -1
  134. package/chunks/{bundle-Pv7OUzJM.js → bundle-GGqhdR8L.js} +3 -3
  135. package/chunks/{bundle-Pv7OUzJM.js.map → bundle-GGqhdR8L.js.map} +1 -1
  136. package/chunks/{bundle-PCj9QYWV.js → bundle-GXGH9ESl.js} +2 -2
  137. package/chunks/bundle-GXGH9ESl.js.map +1 -0
  138. package/chunks/{bundle-vVdAEhWk.js → bundle-HVtbYmj3.js} +4 -4
  139. package/chunks/bundle-HVtbYmj3.js.map +1 -0
  140. package/chunks/{bundle-amfimmWY.js → bundle-KnWMPlLu.js} +1 -1
  141. package/chunks/bundle-KnWMPlLu.js.map +1 -0
  142. package/chunks/{bundle-4PBxOF7r.js → bundle-KpJtSqe-.js} +4 -4
  143. package/chunks/{bundle-4PBxOF7r.js.map → bundle-KpJtSqe-.js.map} +1 -1
  144. package/chunks/{bundle-DXjnvT3X.js → bundle-Kt1S-50v.js} +2 -2
  145. package/chunks/bundle-Kt1S-50v.js.map +1 -0
  146. package/chunks/{bundle-uDxWy2vD.js → bundle-Lxhlm_wG.js} +4 -4
  147. package/chunks/{bundle-uDxWy2vD.js.map → bundle-Lxhlm_wG.js.map} +1 -1
  148. package/chunks/{bundle-uNgbgg3h.js → bundle-M-Qfv2tU.js} +1 -1
  149. package/chunks/bundle-M-Qfv2tU.js.map +1 -0
  150. package/chunks/{bundle-OiOYIWNt.js → bundle-OHK1QMwn.js} +12 -12
  151. package/chunks/{bundle-OiOYIWNt.js.map → bundle-OHK1QMwn.js.map} +1 -1
  152. package/chunks/{bundle-qnTU06K7.js → bundle-OwmPKW49.js} +7 -7
  153. package/chunks/{bundle-qnTU06K7.js.map → bundle-OwmPKW49.js.map} +1 -1
  154. package/chunks/{bundle-olZmltOQ.js → bundle-P_LfQm7L.js} +16 -1
  155. package/chunks/{bundle-0-7ScOR7.js.map → bundle-P_LfQm7L.js.map} +1 -1
  156. package/chunks/{bundle-EvZinAAd.js → bundle-QGpFq71p.js} +1 -1
  157. package/chunks/{bundle-EvZinAAd.js.map → bundle-QGpFq71p.js.map} +1 -1
  158. package/chunks/{bundle-oaL-WZdX.js → bundle-QSb_mwts.js} +15 -15
  159. package/chunks/{bundle-oaL-WZdX.js.map → bundle-QSb_mwts.js.map} +1 -1
  160. package/chunks/{bundle-joPrRU5E.js → bundle-QjcHKpDK.js} +1 -1
  161. package/chunks/bundle-QjcHKpDK.js.map +1 -0
  162. package/chunks/{bundle-hnbY99fx.js → bundle-TztVqjoB.js} +3 -3
  163. package/chunks/bundle-TztVqjoB.js.map +1 -0
  164. package/chunks/{bundle-ior2BlUD.js → bundle-Uw736N77.js} +1 -1
  165. package/chunks/bundle-Uw736N77.js.map +1 -0
  166. package/chunks/{bundle-Q-3uYmLU.js → bundle-X2Sm7pn5.js} +1 -1
  167. package/chunks/bundle-X2Sm7pn5.js.map +1 -0
  168. package/chunks/{bundle-A36uZCDl.js → bundle-XkweI7LG.js} +1 -1
  169. package/chunks/bundle-XkweI7LG.js.map +1 -0
  170. package/chunks/{bundle-LFXAxMSp.js → bundle-YD2b0cnK.js} +4 -4
  171. package/chunks/bundle-YD2b0cnK.js.map +1 -0
  172. package/chunks/bundle-YWlIaifS.js +18 -0
  173. package/chunks/bundle-YWlIaifS.js.map +1 -0
  174. package/chunks/{bundle-nyXhTs2k.js → bundle-ZExhHi47.js} +3 -3
  175. package/chunks/bundle-ZExhHi47.js.map +1 -0
  176. package/chunks/{bundle-NZcldiSn.js → bundle-aD4V4aI8.js} +4 -4
  177. package/chunks/{bundle-NZcldiSn.js.map → bundle-aD4V4aI8.js.map} +1 -1
  178. package/chunks/{bundle-TSWaRDnP.js → bundle-cN2gAFB_.js} +3 -3
  179. package/chunks/{bundle-TSWaRDnP.js.map → bundle-cN2gAFB_.js.map} +1 -1
  180. package/chunks/{bundle-mxq273ll.js → bundle-cYhstyoi.js} +5 -3
  181. package/chunks/bundle-cYhstyoi.js.map +1 -0
  182. package/chunks/{bundle-W0Wz_roj.js → bundle-edTAi5zj.js} +3 -3
  183. package/chunks/{bundle-W0Wz_roj.js.map → bundle-edTAi5zj.js.map} +1 -1
  184. package/chunks/{bundle-mW5agIOj.js → bundle-ej1sc1yZ.js} +1 -1
  185. package/chunks/bundle-ej1sc1yZ.js.map +1 -0
  186. package/chunks/{bundle-_nBy-aBx.js → bundle-fDGhJhA3.js} +7 -7
  187. package/chunks/{bundle-_nBy-aBx.js.map → bundle-fDGhJhA3.js.map} +1 -1
  188. package/chunks/{bundle-jJZAQH44.js → bundle-gzQGUVJt.js} +2 -2
  189. package/chunks/{bundle-jJZAQH44.js.map → bundle-gzQGUVJt.js.map} +1 -1
  190. package/chunks/{bundle-MtGjgUxA.js → bundle-hNJ4PtSG.js} +18 -47
  191. package/chunks/bundle-hNJ4PtSG.js.map +1 -0
  192. package/chunks/{bundle-iGWTklyk.js → bundle-hpM7HwDV.js} +1 -1
  193. package/chunks/bundle-hpM7HwDV.js.map +1 -0
  194. package/chunks/{bundle-0-7ScOR7.js → bundle-iifpyLxR.js} +10 -10
  195. package/chunks/bundle-iifpyLxR.js.map +1 -0
  196. package/chunks/{bundle-mO3J4SXS.js → bundle-imm3o8vY.js} +1 -1
  197. package/chunks/bundle-imm3o8vY.js.map +1 -0
  198. package/chunks/{bundle-f-bQSvmA.js → bundle-kHH52OEM.js} +1 -1
  199. package/chunks/bundle-kHH52OEM.js.map +1 -0
  200. package/chunks/{bundle-hEvM6x_9.js → bundle-mccz6DbW.js} +1 -1
  201. package/chunks/bundle-mccz6DbW.js.map +1 -0
  202. package/chunks/{bundle-Zzg_Wc7p.js → bundle-ms16euCo.js} +8 -8
  203. package/chunks/{bundle-Zzg_Wc7p.js.map → bundle-ms16euCo.js.map} +1 -1
  204. package/chunks/{bundle-L_mUjiuK.js → bundle-oW5LS1AU.js} +8 -8
  205. package/chunks/{bundle-L_mUjiuK.js.map → bundle-oW5LS1AU.js.map} +1 -1
  206. package/chunks/{bundle-v0nGdiTZ.js → bundle-oW9dQm2o.js} +1 -1
  207. package/chunks/bundle-oW9dQm2o.js.map +1 -0
  208. package/chunks/{bundle-K0r8aWXg.js → bundle-pnJu3fWb.js} +9 -9
  209. package/chunks/{bundle-K0r8aWXg.js.map → bundle-pnJu3fWb.js.map} +1 -1
  210. package/chunks/{bundle-2axFKCIx.js → bundle-rQ1k1Cpu.js} +1 -1
  211. package/chunks/{bundle-2axFKCIx.js.map → bundle-rQ1k1Cpu.js.map} +1 -1
  212. package/chunks/{bundle-gdweDZjg.js → bundle-s5uFV3hh.js} +1 -1
  213. package/chunks/bundle-s5uFV3hh.js.map +1 -0
  214. package/chunks/{bundle-KF1IhHsV.js → bundle-tD8xAWw2.js} +1 -1
  215. package/chunks/bundle-tD8xAWw2.js.map +1 -0
  216. package/chunks/{bundle-IHKKjTVb.js → bundle-tLQ87Jwz.js} +3 -3
  217. package/chunks/bundle-tLQ87Jwz.js.map +1 -0
  218. package/chunks/{bundle-zL2GggA_.js → bundle-tZrqMc_G.js} +5 -5
  219. package/chunks/{bundle-zL2GggA_.js.map → bundle-tZrqMc_G.js.map} +1 -1
  220. package/chunks/{bundle-Xp-L1BVs.js → bundle-wNtXTu0c.js} +4 -4
  221. package/chunks/{bundle-Xp-L1BVs.js.map → bundle-wNtXTu0c.js.map} +1 -1
  222. package/chunks/{bundle-yND4UFpN.js → bundle-y_DSrC-A.js} +1 -1
  223. package/chunks/bundle-y_DSrC-A.js.map +1 -0
  224. package/chunks/{bundle-XlrrUjEJ.js → bundle-zx8iuoIh.js} +1 -1
  225. package/chunks/bundle-zx8iuoIh.js.map +1 -0
  226. package/cjs/App.js +66 -57
  227. package/cjs/App.js.map +1 -1
  228. package/cjs/Channel/components/ChannelHeader.js +25 -25
  229. package/cjs/Channel/components/ChannelUI.js +58 -53
  230. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  231. package/cjs/Channel/components/FileViewer.js +24 -24
  232. package/cjs/Channel/components/FrozenNotification.js +5 -5
  233. package/cjs/Channel/components/Message.js +106 -77
  234. package/cjs/Channel/components/Message.js.map +1 -1
  235. package/cjs/Channel/components/MessageFeedbackModal.js +67 -0
  236. package/cjs/Channel/components/MessageFeedbackModal.js.map +1 -0
  237. package/cjs/Channel/components/MessageInput.js +36 -36
  238. package/cjs/Channel/components/MessageList.js +51 -46
  239. package/cjs/Channel/components/MessageList.js.map +1 -1
  240. package/cjs/Channel/components/RemoveMessageModal.js +23 -23
  241. package/cjs/Channel/components/SuggestedMentionList.js +23 -23
  242. package/cjs/Channel/components/TypingIndicator.js +19 -19
  243. package/cjs/Channel/components/UnreadCount.js +7 -7
  244. package/cjs/Channel/context.js +16 -16
  245. package/cjs/Channel/hooks/useHandleUploadFiles.js +13 -13
  246. package/cjs/Channel/hooks/useInitialMessagesFetch.js +8 -8
  247. package/cjs/Channel/utils/compareMessagesForGrouping.js +6 -6
  248. package/cjs/Channel/utils/getMessagePartsInfo.js +7 -7
  249. package/cjs/Channel.js +57 -52
  250. package/cjs/Channel.js.map +1 -1
  251. package/cjs/ChannelList/components/AddChannel.js +18 -18
  252. package/cjs/ChannelList/components/ChannelListHeader.js +9 -9
  253. package/cjs/ChannelList/components/ChannelListUI.js +34 -34
  254. package/cjs/ChannelList/components/ChannelPreview.js +32 -32
  255. package/cjs/ChannelList/components/ChannelPreviewAction.js +15 -15
  256. package/cjs/ChannelList/context.js +9 -9
  257. package/cjs/ChannelList.js +34 -34
  258. package/cjs/ChannelSettings/components/ChannelProfile.js +14 -14
  259. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +19 -19
  260. package/cjs/ChannelSettings/components/EditDetailsModal.js +14 -14
  261. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  262. package/cjs/ChannelSettings/components/ModerationPanel.js +17 -17
  263. package/cjs/ChannelSettings/components/UserListItem.js +13 -13
  264. package/cjs/ChannelSettings/components/UserPanel.js +16 -16
  265. package/cjs/ChannelSettings/context.js +3 -3
  266. package/cjs/ChannelSettings.js +19 -19
  267. package/cjs/CreateChannel/components/CreateChannelUI.js +16 -16
  268. package/cjs/CreateChannel/components/InviteUsers.js +16 -16
  269. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  270. package/cjs/CreateChannel/context.js +4 -4
  271. package/cjs/CreateChannel.js +16 -16
  272. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +12 -12
  273. package/cjs/CreateOpenChannel/context.js +1 -1
  274. package/cjs/CreateOpenChannel.js +12 -12
  275. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  276. package/cjs/EditUserProfile.js +13 -13
  277. package/cjs/MessageSearch/components/MessageSearchUI.js +15 -15
  278. package/cjs/MessageSearch/context.js +1 -1
  279. package/cjs/MessageSearch.js +15 -15
  280. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  281. package/cjs/OpenChannel/components/OpenChannelHeader.js +19 -19
  282. package/cjs/OpenChannel/components/OpenChannelInput.js +26 -26
  283. package/cjs/OpenChannel/components/OpenChannelMessage.js +36 -34
  284. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  285. package/cjs/OpenChannel/components/OpenChannelMessageList.js +39 -38
  286. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  287. package/cjs/OpenChannel/components/OpenChannelUI.js +38 -37
  288. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  289. package/cjs/OpenChannel/context.js +18 -18
  290. package/cjs/OpenChannel.js +38 -37
  291. package/cjs/OpenChannel.js.map +1 -1
  292. package/cjs/OpenChannelList/components/OpenChannelListUI.js +15 -15
  293. package/cjs/OpenChannelList/components/OpenChannelPreview.js +7 -7
  294. package/cjs/OpenChannelList/context.js +3 -3
  295. package/cjs/OpenChannelList.js +15 -15
  296. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +15 -15
  297. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +15 -15
  298. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +19 -19
  299. package/cjs/OpenChannelSettings/components/OperatorUI.js +19 -19
  300. package/cjs/OpenChannelSettings/components/ParticipantUI.js +17 -17
  301. package/cjs/OpenChannelSettings/context.js +3 -3
  302. package/cjs/OpenChannelSettings.js +19 -19
  303. package/cjs/SendbirdProvider.js +25 -23
  304. package/cjs/SendbirdProvider.js.map +1 -1
  305. package/cjs/Thread/components/ParentMessageInfo.js +42 -40
  306. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  307. package/cjs/Thread/components/ParentMessageInfoItem.js +31 -29
  308. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  309. package/cjs/Thread/components/ThreadHeader.js +7 -7
  310. package/cjs/Thread/components/ThreadList.js +46 -44
  311. package/cjs/Thread/components/ThreadList.js.map +1 -1
  312. package/cjs/Thread/components/ThreadListItem.js +46 -44
  313. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  314. package/cjs/Thread/components/ThreadMessageInput.js +36 -36
  315. package/cjs/Thread/components/ThreadUI.js +50 -48
  316. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  317. package/cjs/Thread/context.js +13 -13
  318. package/cjs/Thread.js +50 -48
  319. package/cjs/Thread.js.map +1 -1
  320. package/cjs/VoicePlayer/context.js +3 -3
  321. package/cjs/VoicePlayer/useVoicePlayer.js +10 -10
  322. package/cjs/VoiceRecorder/context.js +10 -10
  323. package/cjs/VoiceRecorder/useVoiceRecorder.js +9 -9
  324. package/cjs/chunks/{bundle-_c4Xia0x.js → bundle-1GRgJFEb.js} +3 -3
  325. package/cjs/chunks/{bundle-_c4Xia0x.js.map → bundle-1GRgJFEb.js.map} +1 -1
  326. package/cjs/chunks/{bundle-agHXB3n2.js → bundle-2_VQBtF9.js} +9 -9
  327. package/cjs/chunks/{bundle-agHXB3n2.js.map → bundle-2_VQBtF9.js.map} +1 -1
  328. package/cjs/chunks/{bundle-T4vZ2tFS.js → bundle-3ZyqiHAN.js} +2 -2
  329. package/cjs/chunks/bundle-3ZyqiHAN.js.map +1 -0
  330. package/cjs/chunks/{bundle-ko9gtVkc.js → bundle-4F7u20x2.js} +3 -3
  331. package/cjs/chunks/bundle-4F7u20x2.js.map +1 -0
  332. package/cjs/chunks/{bundle-8xsZqXyY.js → bundle-7iyslQY5.js} +15 -12
  333. package/cjs/chunks/bundle-7iyslQY5.js.map +1 -0
  334. package/cjs/chunks/{bundle-_CS6i_H9.js → bundle-7tLE_fm_.js} +3 -3
  335. package/cjs/chunks/bundle-7tLE_fm_.js.map +1 -0
  336. package/cjs/chunks/{bundle-wKifHXnJ.js → bundle-85IKKe_e.js} +1 -1
  337. package/cjs/chunks/bundle-85IKKe_e.js.map +1 -0
  338. package/cjs/chunks/{bundle-P5uaoEp7.js → bundle-99TH6XOD.js} +6 -6
  339. package/cjs/chunks/bundle-99TH6XOD.js.map +1 -0
  340. package/cjs/chunks/{bundle-5x6xkP9v.js → bundle-BtjxYBby.js} +7 -7
  341. package/cjs/chunks/bundle-BtjxYBby.js.map +1 -0
  342. package/cjs/chunks/{bundle-rXVQ4vD5.js → bundle-DwxvWTiX.js} +3 -3
  343. package/cjs/chunks/bundle-DwxvWTiX.js.map +1 -0
  344. package/cjs/chunks/{bundle-yDmAxC7s.js → bundle-EKK1TWOg.js} +1 -1
  345. package/cjs/chunks/bundle-EKK1TWOg.js.map +1 -0
  346. package/cjs/chunks/{bundle-xOGNakZW.js → bundle-EdNscsik.js} +1 -1
  347. package/cjs/chunks/bundle-EdNscsik.js.map +1 -0
  348. package/cjs/chunks/{bundle-ur5aaH73.js → bundle-F9aI-PNs.js} +1 -1
  349. package/cjs/chunks/bundle-F9aI-PNs.js.map +1 -0
  350. package/cjs/chunks/{bundle-5tXC271i.js → bundle-FJe6Dl-f.js} +16 -1
  351. package/cjs/chunks/bundle-FJe6Dl-f.js.map +1 -0
  352. package/cjs/chunks/{bundle-GqhEUb4r.js → bundle-IVfrW5UV.js} +4 -4
  353. package/cjs/chunks/{bundle-p-3ceZAU.js.map → bundle-IVfrW5UV.js.map} +1 -1
  354. package/cjs/chunks/{bundle-yqb-T4DB.js → bundle-ImsJYvdy.js} +4 -4
  355. package/cjs/chunks/bundle-ImsJYvdy.js.map +1 -0
  356. package/cjs/chunks/{bundle-Guz_a7Pd.js → bundle-LWd8plnK.js} +2 -2
  357. package/cjs/chunks/{bundle-Guz_a7Pd.js.map → bundle-LWd8plnK.js.map} +1 -1
  358. package/cjs/chunks/{bundle-4VdNtJoS.js → bundle-M_JdGFB9.js} +3 -3
  359. package/cjs/chunks/bundle-M_JdGFB9.js.map +1 -0
  360. package/cjs/chunks/{bundle-jOx4XDkO.js → bundle-NZXUf6_L.js} +2 -2
  361. package/cjs/chunks/bundle-NZXUf6_L.js.map +1 -0
  362. package/cjs/chunks/{bundle-yTBDgBVp.js → bundle-OOMB_O1L.js} +4 -4
  363. package/cjs/chunks/bundle-OOMB_O1L.js.map +1 -0
  364. package/cjs/chunks/{bundle-Gz75GoMH.js → bundle-OU36L4lP.js} +1 -1
  365. package/cjs/chunks/bundle-OU36L4lP.js.map +1 -0
  366. package/cjs/chunks/{bundle-BQTyUmzj.js → bundle-OmshX9RP.js} +1 -1
  367. package/cjs/chunks/bundle-OmshX9RP.js.map +1 -0
  368. package/cjs/chunks/{bundle-bXa0UWvD.js → bundle-Ox6f1Pr4.js} +1 -1
  369. package/cjs/chunks/bundle-Ox6f1Pr4.js.map +1 -0
  370. package/cjs/chunks/{bundle-CUizz12L.js → bundle-PLz0cFBi.js} +1 -1
  371. package/cjs/chunks/bundle-PLz0cFBi.js.map +1 -0
  372. package/cjs/chunks/{bundle-AA3e_g5q.js → bundle-Pa-zxMUU.js} +4 -4
  373. package/{chunks/bundle-MtGjgUxA.js.map → cjs/chunks/bundle-Pa-zxMUU.js.map} +1 -1
  374. package/cjs/chunks/{bundle-BWHZlxBD.js → bundle-Q7Qb_8Qy.js} +1 -1
  375. package/cjs/chunks/bundle-Q7Qb_8Qy.js.map +1 -0
  376. package/cjs/chunks/{bundle-cwoX1jzF.js → bundle-R55qwYIC.js} +1 -1
  377. package/cjs/chunks/bundle-R55qwYIC.js.map +1 -0
  378. package/cjs/chunks/{bundle-ymVHfRPV.js → bundle-RWm1ToHA.js} +3 -3
  379. package/cjs/chunks/bundle-RWm1ToHA.js.map +1 -0
  380. package/cjs/chunks/{bundle-zFwFhCDW.js → bundle-TGcw51ZD.js} +10 -10
  381. package/cjs/chunks/bundle-TGcw51ZD.js.map +1 -0
  382. package/cjs/chunks/{bundle-5MABXNJ2.js → bundle-UHsDbhGB.js} +1 -1
  383. package/cjs/chunks/bundle-UHsDbhGB.js.map +1 -0
  384. package/cjs/chunks/bundle-WuVcsZSE.js +20 -0
  385. package/cjs/chunks/bundle-WuVcsZSE.js.map +1 -0
  386. package/cjs/chunks/{bundle-F4Y7xmf1.js → bundle-X1vsWmGi.js} +1 -1
  387. package/cjs/chunks/{bundle-F4Y7xmf1.js.map → bundle-X1vsWmGi.js.map} +1 -1
  388. package/cjs/chunks/{bundle-XyN4tk9V.js → bundle-XIMyjFuW.js} +5 -5
  389. package/cjs/chunks/bundle-XIMyjFuW.js.map +1 -0
  390. package/cjs/chunks/{bundle-Doe4Xob7.js → bundle-XqtnTNnc.js} +2 -2
  391. package/cjs/chunks/bundle-XqtnTNnc.js.map +1 -0
  392. package/cjs/chunks/{bundle-f9YMFNAC.js → bundle-XwSBmqOP.js} +2 -2
  393. package/cjs/chunks/{bundle-f9YMFNAC.js.map → bundle-XwSBmqOP.js.map} +1 -1
  394. package/cjs/chunks/{bundle-p-3ceZAU.js → bundle-YTD5gh4h.js} +4 -4
  395. package/cjs/chunks/{bundle-GqhEUb4r.js.map → bundle-YTD5gh4h.js.map} +1 -1
  396. package/cjs/chunks/{bundle-5v9Bc23p.js → bundle-_8JkuEc5.js} +3 -3
  397. package/cjs/chunks/bundle-_8JkuEc5.js.map +1 -0
  398. package/cjs/chunks/{bundle-EE-R19J8.js → bundle-bPLEZuwe.js} +3 -3
  399. package/cjs/chunks/{bundle-EE-R19J8.js.map → bundle-bPLEZuwe.js.map} +1 -1
  400. package/cjs/chunks/{bundle-9XbbRH_M.js → bundle-ccJm_pud.js} +8 -8
  401. package/cjs/chunks/bundle-ccJm_pud.js.map +1 -0
  402. package/cjs/chunks/{bundle-fYGB5Ibr.js → bundle-dD_wqelx.js} +3 -3
  403. package/cjs/chunks/{bundle-fYGB5Ibr.js.map → bundle-dD_wqelx.js.map} +1 -1
  404. package/cjs/chunks/{bundle-KfrHCpUu.js → bundle-e6jRRPqy.js} +1 -1
  405. package/cjs/chunks/bundle-e6jRRPqy.js.map +1 -0
  406. package/cjs/chunks/{bundle-OauzEgdX.js → bundle-fKDcA4eI.js} +1 -1
  407. package/cjs/chunks/bundle-fKDcA4eI.js.map +1 -0
  408. package/cjs/chunks/{bundle-R4oiSD0L.js → bundle-gBGbUm4f.js} +1 -1
  409. package/cjs/chunks/bundle-gBGbUm4f.js.map +1 -0
  410. package/cjs/chunks/{bundle-D0M3IH6J.js → bundle-h6fKs5yW.js} +12 -12
  411. package/cjs/chunks/{bundle-D0M3IH6J.js.map → bundle-h6fKs5yW.js.map} +1 -1
  412. package/cjs/chunks/{bundle-69aUvlr0.js → bundle-hVnmDMOX.js} +8 -8
  413. package/cjs/chunks/{bundle-69aUvlr0.js.map → bundle-hVnmDMOX.js.map} +1 -1
  414. package/cjs/chunks/{bundle-Zhc5iYOj.js → bundle-idn81XsS.js} +7 -7
  415. package/cjs/chunks/bundle-idn81XsS.js.map +1 -0
  416. package/cjs/chunks/{bundle-CyWFkcBh.js → bundle-j5FA7ApI.js} +1 -1
  417. package/cjs/chunks/bundle-j5FA7ApI.js.map +1 -0
  418. package/cjs/chunks/{bundle--EcmFAgY.js → bundle-jayPpL4B.js} +1 -1
  419. package/cjs/chunks/bundle-jayPpL4B.js.map +1 -0
  420. package/cjs/chunks/{bundle-ZodVwNmU.js → bundle-jr9hFzH_.js} +4 -4
  421. package/cjs/chunks/bundle-jr9hFzH_.js.map +1 -0
  422. package/cjs/chunks/{bundle-L7Qg6fc_.js → bundle-lk7syGfV.js} +1 -1
  423. package/cjs/chunks/{bundle-L7Qg6fc_.js.map → bundle-lk7syGfV.js.map} +1 -1
  424. package/cjs/chunks/{bundle-xunrnVEC.js → bundle-oLDSV_xg.js} +2 -2
  425. package/cjs/chunks/bundle-oLDSV_xg.js.map +1 -0
  426. package/cjs/chunks/{bundle-F74wrKkr.js → bundle-qbpoRdJa.js} +3 -3
  427. package/cjs/chunks/bundle-qbpoRdJa.js.map +1 -0
  428. package/cjs/chunks/{bundle-lDnBB9bN.js → bundle-rD_EqTu8.js} +15 -15
  429. package/cjs/chunks/{bundle-lDnBB9bN.js.map → bundle-rD_EqTu8.js.map} +1 -1
  430. package/cjs/chunks/{bundle-xKfD9-QM.js → bundle-s5Lt0vKF.js} +1 -1
  431. package/cjs/chunks/bundle-s5Lt0vKF.js.map +1 -0
  432. package/cjs/chunks/{bundle-pAGpMj4-.js → bundle-sGVgQ4l8.js} +17 -46
  433. package/cjs/chunks/bundle-sGVgQ4l8.js.map +1 -0
  434. package/cjs/chunks/{bundle-E0v2C4b1.js → bundle-tJKWfbHM.js} +4 -4
  435. package/cjs/chunks/{bundle-E0v2C4b1.js.map → bundle-tJKWfbHM.js.map} +1 -1
  436. package/cjs/chunks/{bundle-Z0z4XcoC.js → bundle-trkwub16.js} +1 -1
  437. package/cjs/chunks/bundle-trkwub16.js.map +1 -0
  438. package/cjs/chunks/{bundle-ErBxWt-v.js → bundle-wCSyCEPr.js} +1 -1
  439. package/cjs/chunks/bundle-wCSyCEPr.js.map +1 -0
  440. package/cjs/chunks/{bundle-aLBNZXTm.js → bundle-wDJ0vmp7.js} +5 -3
  441. package/cjs/chunks/bundle-wDJ0vmp7.js.map +1 -0
  442. package/cjs/chunks/{bundle-DaAowZN7.js → bundle-wOZ3z_BG.js} +3 -3
  443. package/cjs/chunks/{bundle-DaAowZN7.js.map → bundle-wOZ3z_BG.js.map} +1 -1
  444. package/cjs/chunks/{bundle-t3HW5lYr.js → bundle-wTtkySLW.js} +1 -1
  445. package/cjs/chunks/bundle-wTtkySLW.js.map +1 -0
  446. package/cjs/chunks/{bundle-j9zO3Qdj.js → bundle-waeY4XbU.js} +1 -1
  447. package/cjs/chunks/bundle-waeY4XbU.js.map +1 -0
  448. package/cjs/chunks/{bundle-b7L7rtxl.js → bundle-wwqhN6T8.js} +1 -1
  449. package/cjs/chunks/bundle-wwqhN6T8.js.map +1 -0
  450. package/cjs/hooks/useModal.js +9 -9
  451. package/cjs/index.js +64 -60
  452. package/cjs/index.js.map +1 -1
  453. package/cjs/pubSub/topics.js +1 -1
  454. package/cjs/sendbirdSelectors.js +2 -2
  455. package/cjs/ui/Accordion.js +3 -3
  456. package/cjs/ui/AccordionGroup.js +2 -2
  457. package/cjs/ui/AdminMessage.js +3 -3
  458. package/cjs/ui/Avatar.js +5 -5
  459. package/cjs/ui/Badge.js +5 -5
  460. package/cjs/ui/BottomSheet.js +9 -9
  461. package/cjs/ui/Button.js +7 -5
  462. package/cjs/ui/Button.js.map +1 -1
  463. package/cjs/ui/ChannelAvatar.js +6 -6
  464. package/cjs/ui/ConnectionStatus.js +6 -6
  465. package/cjs/ui/ContextMenu.js +6 -6
  466. package/cjs/ui/DateSeparator.js +4 -4
  467. package/cjs/ui/EmojiReactions.js +16 -16
  468. package/cjs/ui/FeedbackIconButton.js +22 -0
  469. package/cjs/ui/FeedbackIconButton.js.map +1 -0
  470. package/cjs/ui/FileMessageItemBody.js +8 -8
  471. package/cjs/ui/FileViewer.js +17 -15
  472. package/cjs/ui/FileViewer.js.map +1 -1
  473. package/cjs/ui/Icon.js +244 -206
  474. package/cjs/ui/Icon.js.map +1 -1
  475. package/cjs/ui/IconButton.js +1 -1
  476. package/cjs/ui/ImageRenderer.js +1 -1
  477. package/cjs/ui/Input.js +6 -6
  478. package/cjs/ui/Label.js +3 -3
  479. package/cjs/ui/LinkLabel.js +3 -3
  480. package/cjs/ui/Loader.js +2 -2
  481. package/cjs/ui/MentionLabel.js +13 -13
  482. package/cjs/ui/MentionUserLabel.js +1 -1
  483. package/cjs/ui/MessageContent.js +245 -75
  484. package/cjs/ui/MessageContent.js.map +1 -1
  485. package/cjs/ui/MessageInput/hooks/usePaste.js +5 -5
  486. package/cjs/ui/MessageInput.js +15 -15
  487. package/cjs/ui/MessageItemMenu.js +21 -21
  488. package/cjs/ui/MessageItemReactionMenu.js +9 -9
  489. package/cjs/ui/MessageSearchFileItem.js +15 -15
  490. package/cjs/ui/MessageSearchItem.js +12 -12
  491. package/cjs/ui/MessageStatus.js +12 -12
  492. package/cjs/ui/MobileFeedbackMenu.js +38 -0
  493. package/cjs/ui/MobileFeedbackMenu.js.map +1 -0
  494. package/cjs/ui/Modal.js +8 -8
  495. package/cjs/ui/MutedAvatarOverlay.js +2 -2
  496. package/cjs/ui/OGMessageItemBody.js +17 -17
  497. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  498. package/cjs/ui/OpenChannelAvatar.js +9 -9
  499. package/cjs/ui/OpenchannelConversationHeader.js +9 -9
  500. package/cjs/ui/OpenchannelFileMessage.js +18 -18
  501. package/cjs/ui/OpenchannelOGMessage.js +21 -21
  502. package/cjs/ui/OpenchannelThumbnailMessage.js +17 -17
  503. package/cjs/ui/OpenchannelUserMessage.js +18 -18
  504. package/cjs/ui/PlaceHolder.js +6 -6
  505. package/cjs/ui/PlaybackTime.js +3 -3
  506. package/cjs/ui/QuoteMessage.js +9 -9
  507. package/cjs/ui/QuoteMessageInput.js +9 -9
  508. package/cjs/ui/ReactionBadge.js +3 -3
  509. package/cjs/ui/ReactionButton.js +4 -4
  510. package/cjs/ui/SortByRow.js +2 -2
  511. package/cjs/ui/TextButton.js +2 -2
  512. package/cjs/ui/TextMessageItemBody.js +17 -17
  513. package/cjs/ui/ThreadReplies.js +9 -9
  514. package/cjs/ui/ThumbnailMessageItemBody.js +7 -7
  515. package/cjs/ui/Toggle.js +1 -1
  516. package/cjs/ui/Tooltip.js +3 -3
  517. package/cjs/ui/TooltipWrapper.js +1 -1
  518. package/cjs/ui/TypingIndicatorBubble.js +5 -5
  519. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  520. package/cjs/ui/UserListItem.js +13 -13
  521. package/cjs/ui/UserProfile.js +11 -11
  522. package/cjs/ui/VoiceMessageInput.js +9 -9
  523. package/cjs/ui/VoiceMessageItemBody.js +10 -10
  524. package/cjs/ui/Word.js +13 -13
  525. package/cjs/useSendbirdStateContext.js +1 -1
  526. package/cjs/utils/message/isVoiceMessage.js +3 -3
  527. package/cjs/withSendbird.js +1 -1
  528. package/dist/index.css +254 -39
  529. package/dist/index.css.map +1 -1
  530. package/hooks/useModal.js +10 -10
  531. package/index.js +64 -60
  532. package/index.js.map +1 -1
  533. package/package.json +30 -3
  534. package/pubSub/topics.js +1 -1
  535. package/sendbirdSelectors.js +2 -2
  536. package/types/hooks/useKeyDown/data.mock.d.ts +2 -0
  537. package/types/hooks/useKeyDown/useKeyDown.d.ts +4 -0
  538. package/types/lib/types.d.ts +1 -0
  539. package/types/modules/Channel/components/ChannelUI/index.d.ts +4 -2
  540. package/types/modules/Channel/components/Message/index.d.ts +7 -6
  541. package/types/modules/Channel/components/MessageFeedbackFailedModal/index.d.ts +7 -0
  542. package/types/modules/Channel/components/MessageFeedbackModal/index.d.ts +13 -0
  543. package/types/modules/Channel/components/MessageList/index.d.ts +4 -2
  544. package/types/types.d.ts +2 -0
  545. package/types/ui/Button/index.d.ts +6 -1
  546. package/types/ui/Button/types.d.ts +2 -1
  547. package/types/ui/FeedbackIconButton/index.d.ts +10 -0
  548. package/types/ui/FileViewer/types.d.ts +1 -1
  549. package/types/ui/Icon/index.d.ts +2 -0
  550. package/types/ui/Icon/type.d.ts +2 -0
  551. package/types/ui/Input/index.d.ts +1 -0
  552. package/types/ui/Label/index.d.ts +1 -0
  553. package/types/ui/Label/stringSet.d.ts +11 -0
  554. package/types/ui/Label/types.d.ts +1 -0
  555. package/types/ui/Label/utils.d.ts +1 -1
  556. package/types/ui/LinkLabel/index.d.ts +1 -0
  557. package/types/ui/MessageContent/types.d.ts +8 -0
  558. package/types/ui/MobileFeedbackMenu/index.d.ts +8 -0
  559. package/types/ui/Modal/index.d.ts +2 -0
  560. package/types/utils/omitObjectProperty.d.ts +1 -0
  561. package/ui/Accordion.js +3 -3
  562. package/ui/AccordionGroup.js +2 -2
  563. package/ui/AdminMessage.js +3 -3
  564. package/ui/Avatar.js +5 -5
  565. package/ui/Badge.js +5 -5
  566. package/ui/BottomSheet.js +9 -9
  567. package/ui/Button.js +7 -5
  568. package/ui/Button.js.map +1 -1
  569. package/ui/ChannelAvatar.js +6 -6
  570. package/ui/ConnectionStatus.js +6 -6
  571. package/ui/ContextMenu.js +6 -6
  572. package/ui/DateSeparator.js +4 -4
  573. package/ui/EmojiReactions.js +16 -16
  574. package/ui/FeedbackIconButton.js +20 -0
  575. package/ui/FeedbackIconButton.js.map +1 -0
  576. package/ui/FileMessageItemBody.js +8 -8
  577. package/ui/FileViewer.js +17 -15
  578. package/ui/FileViewer.js.map +1 -1
  579. package/ui/Icon.js +244 -206
  580. package/ui/Icon.js.map +1 -1
  581. package/ui/IconButton.js +1 -1
  582. package/ui/ImageRenderer.js +1 -1
  583. package/ui/Input.js +6 -6
  584. package/ui/Label.js +3 -3
  585. package/ui/LinkLabel.js +3 -3
  586. package/ui/Loader.js +2 -2
  587. package/ui/MentionLabel.js +13 -13
  588. package/ui/MentionUserLabel.js +1 -1
  589. package/ui/MessageContent.js +225 -55
  590. package/ui/MessageContent.js.map +1 -1
  591. package/ui/MessageInput/hooks/usePaste.js +5 -5
  592. package/ui/MessageInput.js +15 -15
  593. package/ui/MessageItemMenu.js +21 -21
  594. package/ui/MessageItemReactionMenu.js +9 -9
  595. package/ui/MessageSearchFileItem.js +15 -15
  596. package/ui/MessageSearchItem.js +12 -12
  597. package/ui/MessageStatus.js +12 -12
  598. package/ui/MobileFeedbackMenu.js +36 -0
  599. package/ui/MobileFeedbackMenu.js.map +1 -0
  600. package/ui/Modal.js +8 -8
  601. package/ui/MutedAvatarOverlay.js +2 -2
  602. package/ui/OGMessageItemBody.js +17 -17
  603. package/ui/OpenChannelAdminMessage.js +3 -3
  604. package/ui/OpenChannelAvatar.js +9 -9
  605. package/ui/OpenchannelConversationHeader.js +9 -9
  606. package/ui/OpenchannelFileMessage.js +18 -18
  607. package/ui/OpenchannelOGMessage.js +21 -21
  608. package/ui/OpenchannelThumbnailMessage.js +17 -17
  609. package/ui/OpenchannelUserMessage.js +18 -18
  610. package/ui/PlaceHolder.js +6 -6
  611. package/ui/PlaybackTime.js +3 -3
  612. package/ui/QuoteMessage.js +9 -9
  613. package/ui/QuoteMessageInput.js +9 -9
  614. package/ui/ReactionBadge.js +3 -3
  615. package/ui/ReactionButton.js +4 -4
  616. package/ui/SortByRow.js +2 -2
  617. package/ui/TextButton.js +2 -2
  618. package/ui/TextMessageItemBody.js +17 -17
  619. package/ui/ThreadReplies.js +9 -9
  620. package/ui/ThumbnailMessageItemBody.js +7 -7
  621. package/ui/Toggle.js +1 -1
  622. package/ui/Tooltip.js +3 -3
  623. package/ui/TooltipWrapper.js +1 -1
  624. package/ui/TypingIndicatorBubble.js +5 -5
  625. package/ui/UnknownMessageItemBody.js +7 -7
  626. package/ui/UserListItem.js +13 -13
  627. package/ui/UserProfile.js +11 -11
  628. package/ui/VoiceMessageInput.js +9 -9
  629. package/ui/VoiceMessageItemBody.js +10 -10
  630. package/ui/Word.js +13 -13
  631. package/useSendbirdStateContext.js +1 -1
  632. package/utils/message/isVoiceMessage.js +3 -3
  633. package/withSendbird.js +1 -1
  634. package/chunks/bundle-79RbKDD4.js.map +0 -1
  635. package/chunks/bundle-A36uZCDl.js.map +0 -1
  636. package/chunks/bundle-DXjnvT3X.js.map +0 -1
  637. package/chunks/bundle-IHKKjTVb.js.map +0 -1
  638. package/chunks/bundle-KF1IhHsV.js.map +0 -1
  639. package/chunks/bundle-KVQUrA22.js.map +0 -1
  640. package/chunks/bundle-KjVIQqaY.js.map +0 -1
  641. package/chunks/bundle-LFXAxMSp.js.map +0 -1
  642. package/chunks/bundle-PCj9QYWV.js.map +0 -1
  643. package/chunks/bundle-Q-3uYmLU.js.map +0 -1
  644. package/chunks/bundle-XlrrUjEJ.js.map +0 -1
  645. package/chunks/bundle-ZbGteG77.js.map +0 -1
  646. package/chunks/bundle-amfimmWY.js.map +0 -1
  647. package/chunks/bundle-f-bQSvmA.js.map +0 -1
  648. package/chunks/bundle-gdweDZjg.js.map +0 -1
  649. package/chunks/bundle-hEvM6x_9.js.map +0 -1
  650. package/chunks/bundle-hnbY99fx.js.map +0 -1
  651. package/chunks/bundle-iGWTklyk.js.map +0 -1
  652. package/chunks/bundle-ior2BlUD.js.map +0 -1
  653. package/chunks/bundle-joPrRU5E.js.map +0 -1
  654. package/chunks/bundle-l9d09gzQ.js.map +0 -1
  655. package/chunks/bundle-mO3J4SXS.js.map +0 -1
  656. package/chunks/bundle-mW5agIOj.js.map +0 -1
  657. package/chunks/bundle-mxq273ll.js.map +0 -1
  658. package/chunks/bundle-nyXhTs2k.js.map +0 -1
  659. package/chunks/bundle-olZmltOQ.js.map +0 -1
  660. package/chunks/bundle-q1M15U1p.js.map +0 -1
  661. package/chunks/bundle-rcUMtSzr.js.map +0 -1
  662. package/chunks/bundle-uNgbgg3h.js.map +0 -1
  663. package/chunks/bundle-v0nGdiTZ.js.map +0 -1
  664. package/chunks/bundle-v7nqMv6h.js.map +0 -1
  665. package/chunks/bundle-vVdAEhWk.js.map +0 -1
  666. package/chunks/bundle-yND4UFpN.js.map +0 -1
  667. package/cjs/chunks/bundle--EcmFAgY.js.map +0 -1
  668. package/cjs/chunks/bundle-4VdNtJoS.js.map +0 -1
  669. package/cjs/chunks/bundle-5MABXNJ2.js.map +0 -1
  670. package/cjs/chunks/bundle-5tXC271i.js.map +0 -1
  671. package/cjs/chunks/bundle-5v9Bc23p.js.map +0 -1
  672. package/cjs/chunks/bundle-5x6xkP9v.js.map +0 -1
  673. package/cjs/chunks/bundle-8xsZqXyY.js.map +0 -1
  674. package/cjs/chunks/bundle-9XbbRH_M.js.map +0 -1
  675. package/cjs/chunks/bundle-AA3e_g5q.js.map +0 -1
  676. package/cjs/chunks/bundle-BQTyUmzj.js.map +0 -1
  677. package/cjs/chunks/bundle-BWHZlxBD.js.map +0 -1
  678. package/cjs/chunks/bundle-CUizz12L.js.map +0 -1
  679. package/cjs/chunks/bundle-CyWFkcBh.js.map +0 -1
  680. package/cjs/chunks/bundle-Doe4Xob7.js.map +0 -1
  681. package/cjs/chunks/bundle-ErBxWt-v.js.map +0 -1
  682. package/cjs/chunks/bundle-F74wrKkr.js.map +0 -1
  683. package/cjs/chunks/bundle-Gz75GoMH.js.map +0 -1
  684. package/cjs/chunks/bundle-KfrHCpUu.js.map +0 -1
  685. package/cjs/chunks/bundle-OauzEgdX.js.map +0 -1
  686. package/cjs/chunks/bundle-P5uaoEp7.js.map +0 -1
  687. package/cjs/chunks/bundle-R4oiSD0L.js.map +0 -1
  688. package/cjs/chunks/bundle-T4vZ2tFS.js.map +0 -1
  689. package/cjs/chunks/bundle-XyN4tk9V.js.map +0 -1
  690. package/cjs/chunks/bundle-Z0z4XcoC.js.map +0 -1
  691. package/cjs/chunks/bundle-Zhc5iYOj.js.map +0 -1
  692. package/cjs/chunks/bundle-ZodVwNmU.js.map +0 -1
  693. package/cjs/chunks/bundle-_CS6i_H9.js.map +0 -1
  694. package/cjs/chunks/bundle-aLBNZXTm.js.map +0 -1
  695. package/cjs/chunks/bundle-b7L7rtxl.js.map +0 -1
  696. package/cjs/chunks/bundle-bXa0UWvD.js.map +0 -1
  697. package/cjs/chunks/bundle-cwoX1jzF.js.map +0 -1
  698. package/cjs/chunks/bundle-j9zO3Qdj.js.map +0 -1
  699. package/cjs/chunks/bundle-jOx4XDkO.js.map +0 -1
  700. package/cjs/chunks/bundle-ko9gtVkc.js.map +0 -1
  701. package/cjs/chunks/bundle-pAGpMj4-.js.map +0 -1
  702. package/cjs/chunks/bundle-rXVQ4vD5.js.map +0 -1
  703. package/cjs/chunks/bundle-t3HW5lYr.js.map +0 -1
  704. package/cjs/chunks/bundle-ur5aaH73.js.map +0 -1
  705. package/cjs/chunks/bundle-wKifHXnJ.js.map +0 -1
  706. package/cjs/chunks/bundle-xKfD9-QM.js.map +0 -1
  707. package/cjs/chunks/bundle-xOGNakZW.js.map +0 -1
  708. package/cjs/chunks/bundle-xunrnVEC.js.map +0 -1
  709. package/cjs/chunks/bundle-yDmAxC7s.js.map +0 -1
  710. package/cjs/chunks/bundle-yTBDgBVp.js.map +0 -1
  711. package/cjs/chunks/bundle-ymVHfRPV.js.map +0 -1
  712. package/cjs/chunks/bundle-yqb-T4DB.js.map +0 -1
  713. package/cjs/chunks/bundle-zFwFhCDW.js.map +0 -1
  714. package/types/ui/FileViewer/hooks/useKeyDown.d.ts +0 -8
package/dist/index.css CHANGED
@@ -58,6 +58,18 @@
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
+ }
61
73
  .sendbird-open-channel-preview {
62
74
  position: relative;
63
75
  display: inline-flex;
@@ -185,18 +197,6 @@
185
197
  .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
186
198
  overflow-y: hidden;
187
199
  }
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;
@@ -657,12 +657,14 @@
657
657
  background-color: var(--sendbird-dark-background-700);
658
658
  }
659
659
  .sendbird-button {
660
- display: inline-block;
661
- box-shadow: none;
662
660
  border-radius: 4px;
663
- padding: 0px;
664
- font-family: var(--sendbird-font-family-default);
661
+ box-shadow: none;
665
662
  cursor: pointer;
663
+ font-family: var(--sendbird-font-family-default);
664
+ padding: 0;
665
+ display: inline-flex;
666
+ justify-content: center;
667
+ align-items: center;
666
668
  }
667
669
  .sendbird-button:hover {
668
670
  box-shadow: none;
@@ -677,12 +679,12 @@
677
679
  cursor: not-allowed;
678
680
  }
679
681
  .sendbird-theme--light .sendbird-button.sendbird-button__disabled {
680
- border: none;
681
682
  background-color: var(--sendbird-light-background-200);
683
+ border: none;
682
684
  }
683
685
  .sendbird-theme--dark .sendbird-button.sendbird-button__disabled {
684
- border: none;
685
686
  background-color: var(--sendbird-dark-background-400);
687
+ border: none;
686
688
  }
687
689
  .sendbird-theme--light .sendbird-button.sendbird-button__disabled:hover {
688
690
  background-color: var(--sendbird-light-background-200);
@@ -706,12 +708,12 @@
706
708
  }
707
709
 
708
710
  .sendbird-theme--light .sendbird-button--primary {
709
- border: 1px solid var(--sendbird-light-primary-300);
710
711
  background-color: var(--sendbird-light-primary-300);
712
+ border: 1px solid var(--sendbird-light-primary-300);
711
713
  }
712
714
  .sendbird-theme--dark .sendbird-button--primary {
713
- border: 1px solid var(--sendbird-dark-primary-200);
714
715
  background-color: var(--sendbird-dark-primary-200);
716
+ border: 1px solid var(--sendbird-dark-primary-200);
715
717
  }
716
718
  .sendbird-theme--light .sendbird-button--primary .sendbird-button__text {
717
719
  color: var(--sendbird-light-ondark-01);
@@ -728,12 +730,12 @@
728
730
  border-color: var(--sendbird-dark-primary-300);
729
731
  }
730
732
  .sendbird-theme--light .sendbird-button--primary:focus {
731
- box-shadow: 0px 0px 0px 2px var(--sendbird-light-primary-300);
732
733
  border: 1px solid var(--sendbird-button-border-focus);
734
+ box-shadow: 0 0 0 2px var(--sendbird-light-primary-300);
733
735
  }
734
736
  .sendbird-theme--dark .sendbird-button--primary:focus {
735
- box-shadow: 0px 0px 0px 2px var(--sendbird-dark-primary-200);
736
737
  border: 1px solid var(--sendbird-button-border-focus);
738
+ box-shadow: 0 0 0 2px var(--sendbird-dark-primary-200);
737
739
  }
738
740
  .sendbird-theme--light .sendbird-button--primary:active {
739
741
  background-color: var(--sendbird-light-primary-500);
@@ -742,16 +744,16 @@
742
744
  background-color: var(--sendbird-dark-primary-400);
743
745
  }
744
746
  .sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:hover {
745
- box-shadow: 0px 0px 0px 2px var(--sendbird-light-primary-400);
747
+ box-shadow: 0 0 0 2px var(--sendbird-light-primary-400);
746
748
  }
747
749
  .sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:hover {
748
- box-shadow: 0px 0px 0px 2px var(--sendbird-dark-primary-300);
750
+ box-shadow: 0 0 0 2px var(--sendbird-dark-primary-300);
749
751
  }
750
752
  .sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:active {
751
- box-shadow: 0px 0px 0px 2px var(--sendbird-light-primary-500);
753
+ box-shadow: 0 0 0 2px var(--sendbird-light-primary-500);
752
754
  }
753
755
  .sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:active {
754
- box-shadow: 0px 0px 0px 2px var(--sendbird-dark-primary-400);
756
+ box-shadow: 0 0 0 2px var(--sendbird-dark-primary-400);
755
757
  }
756
758
 
757
759
  .sendbird-button--secondary {
@@ -785,8 +787,8 @@
785
787
  color: var(--sendbird-dark-primary-200);
786
788
  }
787
789
  .sendbird-button--secondary.sendbird-button__disabled {
788
- cursor: not-allowed;
789
790
  border: none;
791
+ cursor: not-allowed;
790
792
  }
791
793
  .sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled {
792
794
  background-color: var(--sendbird-light-background-200);
@@ -822,14 +824,14 @@
822
824
  color: var(--sendbird-dark-primary-200);
823
825
  }
824
826
  .sendbird-button--secondary:focus {
825
- border: 1px solid transparent;
826
827
  background-color: transparent;
828
+ border: 1px solid transparent;
827
829
  }
828
830
  .sendbird-theme--light .sendbird-button--secondary:focus {
829
- box-shadow: var(--sendbird-light-primary-300) 0px 0px 0px 2px;
831
+ box-shadow: var(--sendbird-light-primary-300) 0 0 0 2px;
830
832
  }
831
833
  .sendbird-theme--dark .sendbird-button--secondary:focus {
832
- box-shadow: var(--sendbird-dark-primary-200) 0px 0px 0px 2px;
834
+ box-shadow: var(--sendbird-dark-primary-200) 0 0 0 2px;
833
835
  }
834
836
  .sendbird-theme--light .sendbird-button--secondary:focus .sendbird-button__text {
835
837
  color: var(--sendbird-light-onlight-01);
@@ -853,13 +855,76 @@
853
855
  color: var(--sendbird-dark-primary-200);
854
856
  }
855
857
 
856
- .sendbird-theme--light .sendbird-button--danger {
858
+ .sendbird-theme--light .sendbird-button--warning {
859
+ background-color: transparent;
857
860
  border: 1px solid var(--sendbird-light-error-300);
861
+ }
862
+ .sendbird-theme--dark .sendbird-button--warning {
863
+ background-color: transparent;
864
+ border: 1px solid var(--sendbird-dark-error-200);
865
+ }
866
+ .sendbird-theme--light .sendbird-button--warning .sendbird-button__text {
867
+ color: var(--sendbird-light-error-300);
868
+ }
869
+ .sendbird-theme--dark .sendbird-button--warning .sendbird-button__text {
870
+ color: var(--sendbird-dark-error-200);
871
+ }
872
+ .sendbird-theme--light .sendbird-button--warning:hover {
873
+ border-color: var(--sendbird-light-error-400);
874
+ }
875
+ .sendbird-theme--dark .sendbird-button--warning:hover {
876
+ border-color: var(--sendbird-dark-error-100);
877
+ }
878
+ .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button__text {
879
+ color: var(--sendbird-light-error-400);
880
+ }
881
+ .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button__text {
882
+ color: var(--sendbird-dark-error-100);
883
+ }
884
+ .sendbird-theme--light .sendbird-button--warning:focus {
885
+ border-color: var(--sendbird-light-primary-300);
886
+ }
887
+ .sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text {
888
+ color: var(--sendbird-light-error-300);
889
+ }
890
+ .sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text {
891
+ color: var(--sendbird-dark-error-200);
892
+ }
893
+ .sendbird-theme--dark .sendbird-button--warning:focus {
894
+ border-color: var(--sendbird-dark-primary-200);
895
+ }
896
+ .sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text {
897
+ color: var(--sendbird-light-error-300);
898
+ }
899
+ .sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text {
900
+ color: var(--sendbird-dark-error-200);
901
+ }
902
+ .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus {
903
+ border-color: var(--sendbird-light-primary-300);
904
+ }
905
+ .sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
906
+ color: var(--sendbird-light-error-400);
907
+ }
908
+ .sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
909
+ color: var(--sendbird-dark-error-100);
910
+ }
911
+ .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus {
912
+ border-color: var(--sendbird-dark-primary-200);
913
+ }
914
+ .sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
915
+ color: var(--sendbird-light-error-400);
916
+ }
917
+ .sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
918
+ color: var(--sendbird-dark-error-100);
919
+ }
920
+
921
+ .sendbird-theme--light .sendbird-button--danger {
858
922
  background-color: var(--sendbird-light-error-300);
923
+ border: 1px solid var(--sendbird-light-error-300);
859
924
  }
860
925
  .sendbird-theme--dark .sendbird-button--danger {
861
- border: 1px solid var(--sendbird-dark-error-200);
862
926
  background-color: var(--sendbird-dark-error-200);
927
+ border: 1px solid var(--sendbird-dark-error-200);
863
928
  }
864
929
  .sendbird-theme--light .sendbird-button--danger .sendbird-button__text {
865
930
  color: var(--sendbird-light-ondark-01);
@@ -876,12 +941,12 @@
876
941
  border-color: var(--sendbird-dark-error-400);
877
942
  }
878
943
  .sendbird-theme--light .sendbird-button--danger:focus {
879
- box-shadow: 0px 0px 0px 2px var(--sendbird-light-error-300);
880
944
  border-color: var(--sendbird-button-border-focus);
945
+ box-shadow: 0 0 0 2px var(--sendbird-light-error-300);
881
946
  }
882
947
  .sendbird-theme--dark .sendbird-button--danger:focus {
883
- box-shadow: 0px 0px 0px 2px var(--sendbird-dark-error-300);
884
948
  border-color: var(--sendbird-button-border-focus);
949
+ box-shadow: 0 0 0 2px var(--sendbird-dark-error-300);
885
950
  }
886
951
  .sendbird-button--danger:active {
887
952
  box-shadow: none;
@@ -893,16 +958,16 @@
893
958
  background-color: var(--sendbird-dark-error-500);
894
959
  }
895
960
  .sendbird-theme--light .sendbird-button--danger:hover .sendbird-button--danger:focus {
896
- box-shadow: 0px 0px 0px 2px var(--sendbird-light-error-400);
961
+ box-shadow: 0 0 0 2px var(--sendbird-light-error-400);
897
962
  }
898
963
  .sendbird-theme--dark .sendbird-button--danger:hover .sendbird-button--danger:focus {
899
- box-shadow: 0px 0px 0px 2px var(--sendbird-dark-error-400);
964
+ box-shadow: 0 0 0 2px var(--sendbird-dark-error-400);
900
965
  }
901
966
  .sendbird-theme--light .sendbird-button--danger:active .sendbird-button--danger:focus {
902
- box-shadow: 0px 0px 0px 2px var(--sendbird-light-error-500);
967
+ box-shadow: 0 0 0 2px var(--sendbird-light-error-500);
903
968
  }
904
969
  .sendbird-theme--dark .sendbird-button--danger:active .sendbird-button--danger:focus {
905
- box-shadow: 0px 0px 0px 2px var(--sendbird-dark-error-500);
970
+ box-shadow: 0 0 0 2px var(--sendbird-dark-error-500);
906
971
  }
907
972
 
908
973
  .sendbird-button--disabled {
@@ -998,6 +1063,15 @@
998
1063
  letter-spacing: normal;
999
1064
  }
1000
1065
 
1066
+ .sendbird-label--button-3 {
1067
+ font-size: 14px;
1068
+ font-weight: 500;
1069
+ font-stretch: normal;
1070
+ font-style: normal;
1071
+ line-height: 1.43;
1072
+ letter-spacing: normal;
1073
+ }
1074
+
1001
1075
  .sendbird-label--caption-1 {
1002
1076
  font-size: 14px;
1003
1077
  font-weight: 600;
@@ -2019,7 +2093,9 @@
2019
2093
  height: 20px;
2020
2094
  min-width: 20px;
2021
2095
  border-radius: 10px;
2022
- display: inline-block;
2096
+ display: inline-flex;
2097
+ justify-content: center;
2098
+ align-items: center;
2023
2099
  }
2024
2100
  .sendbird-theme--light .sendbird-badge {
2025
2101
  background-color: var(--sendbird-light-primary-300);
@@ -2903,6 +2979,14 @@
2903
2979
  color: var(--sendbird-dark-ondark-04);
2904
2980
  border: 1px solid var(--sendbird-dark-ondark-04);
2905
2981
  }
2982
+ :root {
2983
+ --sendbird-feedback-buttons-container-height: 36px;
2984
+ --sendbird-feedback-buttons-container-margin-top: 4px;
2985
+ --sendbird-thread-replies-height: 28px;
2986
+ --sendbird-thread-replies-margin-top: 4px;
2987
+ --sendbird-feedback-buttons-container-margin-bottom: 4px;
2988
+ }
2989
+
2906
2990
  .sendbird-message-content {
2907
2991
  display: inline-flex;
2908
2992
  flex-direction: row;
@@ -2926,6 +3010,10 @@
2926
3010
  margin-top: -8px;
2927
3011
  }
2928
3012
 
3013
+ .sendbird-message-content__feedback {
3014
+ margin-bottom: calc(var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top) + var(--sendbird-feedback-buttons-container-margin-bottom));
3015
+ }
3016
+
2929
3017
  .sendbird-message-content__middle__quote-message__quote {
2930
3018
  width: 100%;
2931
3019
  }
@@ -3159,6 +3247,17 @@
3159
3247
  height: 50px;
3160
3248
  min-width: 136px;
3161
3249
  }
3250
+
3251
+ .sendbird-message-content__middle__body-container__feedback-buttons-container {
3252
+ position: absolute;
3253
+ bottom: calc(-1 * (var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top)));
3254
+ display: flex;
3255
+ gap: 4px;
3256
+ }
3257
+
3258
+ .sendbird-message-content__middle__body-container__feedback-buttons-container_with-thread-replies {
3259
+ bottom: calc(-1 * (var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top) + var(--sendbird-thread-replies-height) + var(--sendbird-thread-replies-margin-top)));
3260
+ }
3162
3261
  .sendbird-message-item-menu__list__menu-item:focus-visible {
3163
3262
  outline: none;
3164
3263
  }
@@ -4562,6 +4661,122 @@ div.sendbird-text-message-item-body {
4562
4661
  .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description {
4563
4662
  display: block;
4564
4663
  }
4664
+ .sendbird-iconbutton__feedback {
4665
+ display: flex;
4666
+ justify-content: center;
4667
+ align-items: center;
4668
+ background-color: transparent;
4669
+ cursor: pointer;
4670
+ border-radius: 18px;
4671
+ border: 1px solid;
4672
+ padding: 5px 8px;
4673
+ }
4674
+ .sendbird-theme--light .sendbird-iconbutton__feedback {
4675
+ border-color: var(--sendbird-light-onlight-04);
4676
+ }
4677
+ .sendbird-theme--dark .sendbird-iconbutton__feedback {
4678
+ border-color: var(--sendbird-dark-ondark-04);
4679
+ }
4680
+ .sendbird-theme--light .sendbird-iconbutton__feedback:hover {
4681
+ background-color: var(--sendbird-light-background-100);
4682
+ }
4683
+ .sendbird-theme--dark .sendbird-iconbutton__feedback:hover {
4684
+ background-color: var(--sendbird-dark-background-500);
4685
+ }
4686
+ .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled {
4687
+ cursor: not-allowed;
4688
+ }
4689
+ .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled:hover {
4690
+ background-color: transparent;
4691
+ }
4692
+ .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed:hover {
4693
+ background-color: transparent;
4694
+ }
4695
+ .sendbird-theme--light .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed {
4696
+ border-color: var(--sendbird-light-primary-300);
4697
+ background-color: var(--sendbird-light-primary-300);
4698
+ }
4699
+ .sendbird-theme--dark .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed {
4700
+ border-color: var(--sendbird-dark-primary-200);
4701
+ background-color: var(--sendbird-dark-primary-200);
4702
+ }
4703
+
4704
+ .sendbird-iconbutton__feedback__inner {
4705
+ display: flex;
4706
+ justify-content: center;
4707
+ align-items: center;
4708
+ }
4709
+ .sendbird-theme--light .sendbird-iconbutton__feedback__inner svg path {
4710
+ fill: var(--sendbird-light-onlight-02);
4711
+ }
4712
+ .sendbird-theme--dark .sendbird-iconbutton__feedback__inner svg path {
4713
+ fill: var(--sendbird-dark-ondark-02);
4714
+ }
4715
+ .sendbird-theme--light .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path {
4716
+ fill: var(--sendbird-light-onlight-04);
4717
+ }
4718
+ .sendbird-theme--dark .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path {
4719
+ fill: var(--sendbird-dark-ondark-04);
4720
+ }
4721
+
4722
+ .sendbird-theme--light .sendbird-iconbutton__feedback__inner__pressed svg path {
4723
+ fill: var(--sendbird-light-ondark-01);
4724
+ }
4725
+ .sendbird-theme--dark .sendbird-iconbutton__feedback__inner__pressed svg path {
4726
+ fill: var(--sendbird-dark-onlight-01);
4727
+ }
4728
+ .sendbird-message__bottomsheet--feedback-options-menu {
4729
+ width: 100vw;
4730
+ border-radius: 8px 8px 0 0;
4731
+ }
4732
+ .sendbird-theme--light .sendbird-message__bottomsheet--feedback-options-menu {
4733
+ background-color: var(--sendbird-light-background-50);
4734
+ }
4735
+ .sendbird-theme--dark .sendbird-message__bottomsheet--feedback-options-menu {
4736
+ background-color: var(--sendbird-dark-background-500);
4737
+ }
4738
+ .sendbird-message__bottomsheet--feedback-options-menu :first-child {
4739
+ border-radius: 8px 8px 0 0;
4740
+ }
4741
+
4742
+ .sendbird-message__bottomsheet--feedback-option {
4743
+ cursor: pointer;
4744
+ height: 48px;
4745
+ display: flex;
4746
+ align-items: center;
4747
+ padding: 0 24px;
4748
+ }
4749
+ .sendbird--mobile-mode .sendbird-message-feedback-modal-content__mobile {
4750
+ max-width: 280px;
4751
+ padding: 16px;
4752
+ }
4753
+
4754
+ .sendbird-message-feedback-modal-footer__root {
4755
+ display: flex;
4756
+ justify-content: space-between;
4757
+ align-items: center;
4758
+ }
4759
+
4760
+ .sendbird-message-feedback-modal-footer__root_failed {
4761
+ display: flex;
4762
+ justify-content: flex-end;
4763
+ align-items: center;
4764
+ margin-top: 48px;
4765
+ }
4766
+
4767
+ .sendbird-message-feedback-modal-footer__right-content {
4768
+ display: flex;
4769
+ gap: 8px;
4770
+ }
4771
+
4772
+ .sendbird-message-feedback-modal-body__root {
4773
+ margin: 21px 0;
4774
+ }
4775
+
4776
+ .sendbird--mobile-mode .sendbird-message-feedback-modal-header {
4777
+ font-size: 18px;
4778
+ line-height: 1.33;
4779
+ }
4565
4780
  .sendbird-fileviewer__header__right__actions__download,
4566
4781
  .sendbird-fileviewer__header__right__actions__delete,
4567
4782
  .sendbird-fileviewer__header__right__actions__close {