@sendbird/uikit-react 3.9.3-rc.0 → 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 +59 -6
  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-ZWAOldr9.js → bundle-1_Rwzd0f.js} +2 -2
  101. package/chunks/{bundle-ZWAOldr9.js.map → bundle-1_Rwzd0f.js.map} +1 -1
  102. package/chunks/{bundle-KMF_Auff.js → bundle-1pnUZsGs.js} +1 -1
  103. package/chunks/bundle-1pnUZsGs.js.map +1 -0
  104. package/chunks/{bundle-1DDGx2zI.js → bundle-26VX7FQg.js} +1 -1
  105. package/chunks/{bundle-1DDGx2zI.js.map → bundle-26VX7FQg.js.map} +1 -1
  106. package/chunks/{bundle-PLqfF7ux.js → bundle-2Rw-coMg.js} +2 -2
  107. package/chunks/{bundle-PLqfF7ux.js.map → bundle-2Rw-coMg.js.map} +1 -1
  108. package/chunks/{bundle-l4t9ThVv.js → bundle-4uNbb5ZI.js} +4 -4
  109. package/chunks/{bundle-l4t9ThVv.js.map → bundle-4uNbb5ZI.js.map} +1 -1
  110. package/chunks/{bundle-dNxyH8Er.js → bundle-4vHal8Yn.js} +15 -12
  111. package/chunks/bundle-4vHal8Yn.js.map +1 -0
  112. package/chunks/{bundle-0ALwnHNc.js → bundle-5iL1VCKs.js} +3 -3
  113. package/chunks/bundle-5iL1VCKs.js.map +1 -0
  114. package/chunks/{bundle-fnSnz19k.js → bundle-6LRbbWyh.js} +2 -2
  115. package/chunks/{bundle-fnSnz19k.js.map → bundle-6LRbbWyh.js.map} +1 -1
  116. package/chunks/{bundle-yDQ7CB8I.js → bundle-84jQZIDS.js} +1 -1
  117. package/chunks/bundle-84jQZIDS.js.map +1 -0
  118. package/chunks/{bundle-uHZAUI7c.js → bundle-8XAFqDsw.js} +1 -1
  119. package/chunks/bundle-8XAFqDsw.js.map +1 -0
  120. package/chunks/{bundle-IKv9Z9_Y.js → bundle-8XsN_e3a.js} +3 -3
  121. package/chunks/{bundle-IKv9Z9_Y.js.map → bundle-8XsN_e3a.js.map} +1 -1
  122. package/chunks/{bundle-HyKeX972.js → bundle-8tjyQiRi.js} +1 -1
  123. package/chunks/bundle-8tjyQiRi.js.map +1 -0
  124. package/chunks/{bundle-u3j2nR-h.js → bundle-Abz9zH51.js} +4 -4
  125. package/chunks/{bundle-u3j2nR-h.js.map → bundle-Abz9zH51.js.map} +1 -1
  126. package/chunks/{bundle-gKkAyMAQ.js → bundle-AilPIINY.js} +3 -3
  127. package/chunks/bundle-AilPIINY.js.map +1 -0
  128. package/chunks/{bundle-0LVBY1Kh.js → bundle-B_aR2jdp.js} +6 -6
  129. package/chunks/bundle-B_aR2jdp.js.map +1 -0
  130. package/chunks/{bundle-vwWaTJzg.js → bundle-Dv_OpODB.js} +1 -1
  131. package/chunks/{bundle-vwWaTJzg.js.map → bundle-Dv_OpODB.js.map} +1 -1
  132. package/chunks/{bundle-pxrescev.js → bundle-EeL8s1uR.js} +3 -3
  133. package/chunks/{bundle-pxrescev.js.map → bundle-EeL8s1uR.js.map} +1 -1
  134. package/chunks/{bundle-EL51Zjph.js → bundle-GGqhdR8L.js} +3 -3
  135. package/chunks/{bundle-EL51Zjph.js.map → bundle-GGqhdR8L.js.map} +1 -1
  136. package/chunks/{bundle-7zXnNfIQ.js → bundle-GXGH9ESl.js} +2 -2
  137. package/chunks/bundle-GXGH9ESl.js.map +1 -0
  138. package/chunks/{bundle-4IJH7QEY.js → bundle-HVtbYmj3.js} +4 -4
  139. package/chunks/bundle-HVtbYmj3.js.map +1 -0
  140. package/chunks/{bundle-VjG3_Cxe.js → bundle-KnWMPlLu.js} +1 -1
  141. package/chunks/bundle-KnWMPlLu.js.map +1 -0
  142. package/chunks/{bundle-T-S631y-.js → bundle-KpJtSqe-.js} +4 -4
  143. package/chunks/{bundle-T-S631y-.js.map → bundle-KpJtSqe-.js.map} +1 -1
  144. package/chunks/{bundle-pUEPyEg9.js → bundle-Kt1S-50v.js} +2 -2
  145. package/chunks/bundle-Kt1S-50v.js.map +1 -0
  146. package/chunks/{bundle-i1mS-JcY.js → bundle-Lxhlm_wG.js} +4 -4
  147. package/chunks/{bundle-i1mS-JcY.js.map → bundle-Lxhlm_wG.js.map} +1 -1
  148. package/chunks/{bundle-OrHk5n_A.js → bundle-M-Qfv2tU.js} +1 -1
  149. package/chunks/bundle-M-Qfv2tU.js.map +1 -0
  150. package/chunks/{bundle-xnF6_yRz.js → bundle-OHK1QMwn.js} +12 -12
  151. package/chunks/{bundle-xnF6_yRz.js.map → bundle-OHK1QMwn.js.map} +1 -1
  152. package/chunks/{bundle-wNKgjzsO.js → bundle-OwmPKW49.js} +7 -7
  153. package/chunks/{bundle-wNKgjzsO.js.map → bundle-OwmPKW49.js.map} +1 -1
  154. package/chunks/{bundle-yeq5dlz7.js → bundle-P_LfQm7L.js} +16 -1
  155. package/chunks/{bundle-zZ8I6zHr.js.map → bundle-P_LfQm7L.js.map} +1 -1
  156. package/chunks/{bundle-JhkOoTkQ.js → bundle-QGpFq71p.js} +1 -1
  157. package/chunks/{bundle-JhkOoTkQ.js.map → bundle-QGpFq71p.js.map} +1 -1
  158. package/chunks/{bundle-nrm7--0q.js → bundle-QSb_mwts.js} +15 -15
  159. package/chunks/{bundle-nrm7--0q.js.map → bundle-QSb_mwts.js.map} +1 -1
  160. package/chunks/{bundle-78pBi79a.js → bundle-QjcHKpDK.js} +1 -1
  161. package/chunks/bundle-QjcHKpDK.js.map +1 -0
  162. package/chunks/{bundle-8RtzOyFC.js → bundle-TztVqjoB.js} +3 -3
  163. package/chunks/bundle-TztVqjoB.js.map +1 -0
  164. package/chunks/{bundle-lsEXnFwe.js → bundle-Uw736N77.js} +1 -1
  165. package/chunks/bundle-Uw736N77.js.map +1 -0
  166. package/chunks/{bundle-uI7_T-M6.js → bundle-X2Sm7pn5.js} +1 -1
  167. package/chunks/bundle-X2Sm7pn5.js.map +1 -0
  168. package/chunks/{bundle-AcAJGwBh.js → bundle-XkweI7LG.js} +1 -1
  169. package/chunks/bundle-XkweI7LG.js.map +1 -0
  170. package/chunks/{bundle-czxH9r2i.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-zqu04qTx.js → bundle-ZExhHi47.js} +3 -3
  175. package/chunks/bundle-ZExhHi47.js.map +1 -0
  176. package/chunks/{bundle--yRzbc9U.js → bundle-aD4V4aI8.js} +4 -4
  177. package/chunks/{bundle--yRzbc9U.js.map → bundle-aD4V4aI8.js.map} +1 -1
  178. package/chunks/{bundle-H-0BE_Ym.js → bundle-cN2gAFB_.js} +3 -3
  179. package/chunks/{bundle-H-0BE_Ym.js.map → bundle-cN2gAFB_.js.map} +1 -1
  180. package/chunks/{bundle-udE7DsNo.js → bundle-cYhstyoi.js} +5 -3
  181. package/chunks/bundle-cYhstyoi.js.map +1 -0
  182. package/chunks/{bundle-A-MnkKwW.js → bundle-edTAi5zj.js} +3 -3
  183. package/chunks/{bundle-A-MnkKwW.js.map → bundle-edTAi5zj.js.map} +1 -1
  184. package/chunks/{bundle-st6t2DcW.js → bundle-ej1sc1yZ.js} +1 -1
  185. package/chunks/bundle-ej1sc1yZ.js.map +1 -0
  186. package/chunks/{bundle-qVHH4JST.js → bundle-fDGhJhA3.js} +7 -7
  187. package/chunks/bundle-fDGhJhA3.js.map +1 -0
  188. package/chunks/{bundle-brC7Asxc.js → bundle-gzQGUVJt.js} +2 -2
  189. package/chunks/{bundle-brC7Asxc.js.map → bundle-gzQGUVJt.js.map} +1 -1
  190. package/chunks/{bundle-7pl3B4SW.js → bundle-hNJ4PtSG.js} +18 -47
  191. package/chunks/bundle-hNJ4PtSG.js.map +1 -0
  192. package/chunks/{bundle-zNT2XhnG.js → bundle-hpM7HwDV.js} +1 -1
  193. package/chunks/bundle-hpM7HwDV.js.map +1 -0
  194. package/chunks/{bundle-zZ8I6zHr.js → bundle-iifpyLxR.js} +10 -10
  195. package/chunks/bundle-iifpyLxR.js.map +1 -0
  196. package/chunks/{bundle-mcex4MSM.js → bundle-imm3o8vY.js} +1 -1
  197. package/chunks/bundle-imm3o8vY.js.map +1 -0
  198. package/chunks/{bundle-wwLAI-Tt.js → bundle-kHH52OEM.js} +1 -1
  199. package/chunks/bundle-kHH52OEM.js.map +1 -0
  200. package/chunks/{bundle-P1wmnvy9.js → bundle-mccz6DbW.js} +1 -1
  201. package/chunks/bundle-mccz6DbW.js.map +1 -0
  202. package/chunks/{bundle-AkASiaaY.js → bundle-ms16euCo.js} +8 -8
  203. package/chunks/{bundle-AkASiaaY.js.map → bundle-ms16euCo.js.map} +1 -1
  204. package/chunks/{bundle--ItQfSTI.js → bundle-oW5LS1AU.js} +8 -8
  205. package/chunks/{bundle--ItQfSTI.js.map → bundle-oW5LS1AU.js.map} +1 -1
  206. package/chunks/{bundle-5OkWTjml.js → bundle-oW9dQm2o.js} +1 -1
  207. package/chunks/bundle-oW9dQm2o.js.map +1 -0
  208. package/chunks/{bundle-EMSxA1Fh.js → bundle-pnJu3fWb.js} +9 -9
  209. package/chunks/{bundle-EMSxA1Fh.js.map → bundle-pnJu3fWb.js.map} +1 -1
  210. package/chunks/{bundle-bDWAVmob.js → bundle-rQ1k1Cpu.js} +1 -1
  211. package/chunks/{bundle-bDWAVmob.js.map → bundle-rQ1k1Cpu.js.map} +1 -1
  212. package/chunks/{bundle-TsienPu3.js → bundle-s5uFV3hh.js} +1 -1
  213. package/chunks/bundle-s5uFV3hh.js.map +1 -0
  214. package/chunks/{bundle-gpPQ_Did.js → bundle-tD8xAWw2.js} +1 -1
  215. package/chunks/bundle-tD8xAWw2.js.map +1 -0
  216. package/chunks/{bundle-0fMsVhUd.js → bundle-tLQ87Jwz.js} +3 -3
  217. package/chunks/bundle-tLQ87Jwz.js.map +1 -0
  218. package/chunks/{bundle-DRnzKt-b.js → bundle-tZrqMc_G.js} +5 -5
  219. package/{cjs/chunks/bundle-2GqJNnPm.js.map → chunks/bundle-tZrqMc_G.js.map} +1 -1
  220. package/chunks/{bundle-Lh-vR1CZ.js → bundle-wNtXTu0c.js} +4 -4
  221. package/chunks/{bundle-Lh-vR1CZ.js.map → bundle-wNtXTu0c.js.map} +1 -1
  222. package/chunks/{bundle-58DQiUD5.js → bundle-y_DSrC-A.js} +1 -1
  223. package/chunks/bundle-y_DSrC-A.js.map +1 -0
  224. package/chunks/{bundle-ui21vRGg.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-hOfoYdci.js → bundle-1GRgJFEb.js} +3 -3
  325. package/cjs/chunks/{bundle-hOfoYdci.js.map → bundle-1GRgJFEb.js.map} +1 -1
  326. package/cjs/chunks/{bundle-7W8pcL9W.js → bundle-2_VQBtF9.js} +9 -9
  327. package/cjs/chunks/{bundle-7W8pcL9W.js.map → bundle-2_VQBtF9.js.map} +1 -1
  328. package/cjs/chunks/{bundle--B0BQfa1.js → bundle-3ZyqiHAN.js} +2 -2
  329. package/cjs/chunks/bundle-3ZyqiHAN.js.map +1 -0
  330. package/cjs/chunks/{bundle-G4vR952b.js → bundle-4F7u20x2.js} +3 -3
  331. package/cjs/chunks/bundle-4F7u20x2.js.map +1 -0
  332. package/cjs/chunks/{bundle-oh8SSgcL.js → bundle-7iyslQY5.js} +15 -12
  333. package/cjs/chunks/bundle-7iyslQY5.js.map +1 -0
  334. package/cjs/chunks/{bundle-vxKYA92Y.js → bundle-7tLE_fm_.js} +3 -3
  335. package/cjs/chunks/bundle-7tLE_fm_.js.map +1 -0
  336. package/cjs/chunks/{bundle-xPZ9sQmQ.js → bundle-85IKKe_e.js} +1 -1
  337. package/cjs/chunks/bundle-85IKKe_e.js.map +1 -0
  338. package/cjs/chunks/{bundle-EYi_gu9z.js → bundle-99TH6XOD.js} +6 -6
  339. package/cjs/chunks/bundle-99TH6XOD.js.map +1 -0
  340. package/cjs/chunks/{bundle-EAk9kTGy.js → bundle-BtjxYBby.js} +7 -7
  341. package/cjs/chunks/bundle-BtjxYBby.js.map +1 -0
  342. package/cjs/chunks/{bundle-NWDpK9e9.js → bundle-DwxvWTiX.js} +3 -3
  343. package/cjs/chunks/bundle-DwxvWTiX.js.map +1 -0
  344. package/cjs/chunks/{bundle-ceCWOpd3.js → bundle-EKK1TWOg.js} +1 -1
  345. package/cjs/chunks/bundle-EKK1TWOg.js.map +1 -0
  346. package/cjs/chunks/{bundle-LsWcIQtv.js → bundle-EdNscsik.js} +1 -1
  347. package/cjs/chunks/bundle-EdNscsik.js.map +1 -0
  348. package/cjs/chunks/{bundle-blD9urLX.js → bundle-F9aI-PNs.js} +1 -1
  349. package/cjs/chunks/bundle-F9aI-PNs.js.map +1 -0
  350. package/cjs/chunks/{bundle-c05SIazj.js → bundle-FJe6Dl-f.js} +16 -1
  351. package/cjs/chunks/bundle-FJe6Dl-f.js.map +1 -0
  352. package/cjs/chunks/{bundle-QPgc6MhZ.js → bundle-IVfrW5UV.js} +4 -4
  353. package/cjs/chunks/{bundle-QPgc6MhZ.js.map → bundle-IVfrW5UV.js.map} +1 -1
  354. package/cjs/chunks/{bundle-xsOBZoGj.js → bundle-ImsJYvdy.js} +4 -4
  355. package/cjs/chunks/bundle-ImsJYvdy.js.map +1 -0
  356. package/cjs/chunks/{bundle-qjP8zW8Q.js → bundle-LWd8plnK.js} +2 -2
  357. package/cjs/chunks/{bundle-qjP8zW8Q.js.map → bundle-LWd8plnK.js.map} +1 -1
  358. package/cjs/chunks/{bundle-S91bAZDa.js → bundle-M_JdGFB9.js} +3 -3
  359. package/cjs/chunks/bundle-M_JdGFB9.js.map +1 -0
  360. package/cjs/chunks/{bundle-qZr8vEca.js → bundle-NZXUf6_L.js} +2 -2
  361. package/cjs/chunks/bundle-NZXUf6_L.js.map +1 -0
  362. package/cjs/chunks/{bundle-KTyWOwG2.js → bundle-OOMB_O1L.js} +4 -4
  363. package/cjs/chunks/bundle-OOMB_O1L.js.map +1 -0
  364. package/cjs/chunks/{bundle-yPs-mdmZ.js → bundle-OU36L4lP.js} +1 -1
  365. package/cjs/chunks/bundle-OU36L4lP.js.map +1 -0
  366. package/cjs/chunks/{bundle-W9pnReTd.js → bundle-OmshX9RP.js} +1 -1
  367. package/cjs/chunks/bundle-OmshX9RP.js.map +1 -0
  368. package/cjs/chunks/{bundle-R75Gdnq0.js → bundle-Ox6f1Pr4.js} +1 -1
  369. package/cjs/chunks/bundle-Ox6f1Pr4.js.map +1 -0
  370. package/cjs/chunks/{bundle-5LtRJi82.js → bundle-PLz0cFBi.js} +1 -1
  371. package/cjs/chunks/bundle-PLz0cFBi.js.map +1 -0
  372. package/cjs/chunks/{bundle-2GqJNnPm.js → bundle-Pa-zxMUU.js} +4 -4
  373. package/{chunks/bundle-7pl3B4SW.js.map → cjs/chunks/bundle-Pa-zxMUU.js.map} +1 -1
  374. package/cjs/chunks/{bundle-3mY1Vcz8.js → bundle-Q7Qb_8Qy.js} +1 -1
  375. package/cjs/chunks/bundle-Q7Qb_8Qy.js.map +1 -0
  376. package/cjs/chunks/{bundle-ieMQqfwp.js → bundle-R55qwYIC.js} +1 -1
  377. package/cjs/chunks/bundle-R55qwYIC.js.map +1 -0
  378. package/cjs/chunks/{bundle-N-Js4Fxv.js → bundle-RWm1ToHA.js} +3 -3
  379. package/cjs/chunks/bundle-RWm1ToHA.js.map +1 -0
  380. package/cjs/chunks/{bundle-nFbc6RgY.js → bundle-TGcw51ZD.js} +10 -10
  381. package/cjs/chunks/{bundle-nFbc6RgY.js.map → bundle-TGcw51ZD.js.map} +1 -1
  382. package/cjs/chunks/{bundle-d_8vTVPc.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-DqsSLklY.js → bundle-X1vsWmGi.js} +1 -1
  387. package/cjs/chunks/{bundle-DqsSLklY.js.map → bundle-X1vsWmGi.js.map} +1 -1
  388. package/cjs/chunks/{bundle-Ig-Usgj9.js → bundle-XIMyjFuW.js} +5 -5
  389. package/{chunks/bundle-DRnzKt-b.js.map → cjs/chunks/bundle-XIMyjFuW.js.map} +1 -1
  390. package/cjs/chunks/{bundle-qwCQk6XG.js → bundle-XqtnTNnc.js} +2 -2
  391. package/cjs/chunks/bundle-XqtnTNnc.js.map +1 -0
  392. package/cjs/chunks/{bundle-UTLtv7Dc.js → bundle-XwSBmqOP.js} +2 -2
  393. package/cjs/chunks/{bundle-UTLtv7Dc.js.map → bundle-XwSBmqOP.js.map} +1 -1
  394. package/cjs/chunks/{bundle-nGJDRRrC.js → bundle-YTD5gh4h.js} +4 -4
  395. package/cjs/chunks/{bundle-nGJDRRrC.js.map → bundle-YTD5gh4h.js.map} +1 -1
  396. package/cjs/chunks/{bundle-ujrdT0TO.js → bundle-_8JkuEc5.js} +3 -3
  397. package/cjs/chunks/bundle-_8JkuEc5.js.map +1 -0
  398. package/cjs/chunks/{bundle-gnZHPm5v.js → bundle-bPLEZuwe.js} +3 -3
  399. package/cjs/chunks/{bundle-gnZHPm5v.js.map → bundle-bPLEZuwe.js.map} +1 -1
  400. package/cjs/chunks/{bundle-tY4lGPo6.js → bundle-ccJm_pud.js} +8 -8
  401. package/cjs/chunks/bundle-ccJm_pud.js.map +1 -0
  402. package/cjs/chunks/{bundle-ukb9g9IV.js → bundle-dD_wqelx.js} +3 -3
  403. package/cjs/chunks/{bundle-ukb9g9IV.js.map → bundle-dD_wqelx.js.map} +1 -1
  404. package/cjs/chunks/{bundle-rv_NtPYp.js → bundle-e6jRRPqy.js} +1 -1
  405. package/cjs/chunks/bundle-e6jRRPqy.js.map +1 -0
  406. package/cjs/chunks/{bundle-WDwSeAW7.js → bundle-fKDcA4eI.js} +1 -1
  407. package/cjs/chunks/bundle-fKDcA4eI.js.map +1 -0
  408. package/cjs/chunks/{bundle-vhxtA1Qj.js → bundle-gBGbUm4f.js} +1 -1
  409. package/cjs/chunks/bundle-gBGbUm4f.js.map +1 -0
  410. package/cjs/chunks/{bundle-pOW_sYOg.js → bundle-h6fKs5yW.js} +12 -12
  411. package/cjs/chunks/{bundle-pOW_sYOg.js.map → bundle-h6fKs5yW.js.map} +1 -1
  412. package/cjs/chunks/{bundle-veo1t69W.js → bundle-hVnmDMOX.js} +8 -8
  413. package/cjs/chunks/bundle-hVnmDMOX.js.map +1 -0
  414. package/cjs/chunks/{bundle-1m2T6gM2.js → bundle-idn81XsS.js} +7 -7
  415. package/cjs/chunks/bundle-idn81XsS.js.map +1 -0
  416. package/cjs/chunks/{bundle-5IkTX3IV.js → bundle-j5FA7ApI.js} +1 -1
  417. package/cjs/chunks/bundle-j5FA7ApI.js.map +1 -0
  418. package/cjs/chunks/{bundle-m1U_9lcF.js → bundle-jayPpL4B.js} +1 -1
  419. package/cjs/chunks/bundle-jayPpL4B.js.map +1 -0
  420. package/cjs/chunks/{bundle-qtCGPANY.js → bundle-jr9hFzH_.js} +4 -4
  421. package/cjs/chunks/bundle-jr9hFzH_.js.map +1 -0
  422. package/cjs/chunks/{bundle-n8Q70C50.js → bundle-lk7syGfV.js} +1 -1
  423. package/cjs/chunks/{bundle-n8Q70C50.js.map → bundle-lk7syGfV.js.map} +1 -1
  424. package/cjs/chunks/{bundle-3HXTcxM8.js → bundle-oLDSV_xg.js} +2 -2
  425. package/cjs/chunks/bundle-oLDSV_xg.js.map +1 -0
  426. package/cjs/chunks/{bundle-zqDt58bi.js → bundle-qbpoRdJa.js} +3 -3
  427. package/cjs/chunks/bundle-qbpoRdJa.js.map +1 -0
  428. package/cjs/chunks/{bundle-E4uJdfwm.js → bundle-rD_EqTu8.js} +15 -15
  429. package/cjs/chunks/{bundle-E4uJdfwm.js.map → bundle-rD_EqTu8.js.map} +1 -1
  430. package/cjs/chunks/{bundle-lYWFc2Ik.js → bundle-s5Lt0vKF.js} +1 -1
  431. package/cjs/chunks/bundle-s5Lt0vKF.js.map +1 -0
  432. package/cjs/chunks/{bundle-UVCJl8Wc.js → bundle-sGVgQ4l8.js} +17 -46
  433. package/cjs/chunks/bundle-sGVgQ4l8.js.map +1 -0
  434. package/cjs/chunks/{bundle-3adobhLn.js → bundle-tJKWfbHM.js} +4 -4
  435. package/cjs/chunks/{bundle-3adobhLn.js.map → bundle-tJKWfbHM.js.map} +1 -1
  436. package/cjs/chunks/{bundle-lQOiJLzy.js → bundle-trkwub16.js} +1 -1
  437. package/cjs/chunks/bundle-trkwub16.js.map +1 -0
  438. package/cjs/chunks/{bundle-MZJMdY3O.js → bundle-wCSyCEPr.js} +1 -1
  439. package/cjs/chunks/bundle-wCSyCEPr.js.map +1 -0
  440. package/cjs/chunks/{bundle-bDFqOczp.js → bundle-wDJ0vmp7.js} +5 -3
  441. package/cjs/chunks/bundle-wDJ0vmp7.js.map +1 -0
  442. package/cjs/chunks/{bundle-zx3ATvGO.js → bundle-wOZ3z_BG.js} +3 -3
  443. package/cjs/chunks/{bundle-zx3ATvGO.js.map → bundle-wOZ3z_BG.js.map} +1 -1
  444. package/cjs/chunks/{bundle-fREzKsfC.js → bundle-wTtkySLW.js} +1 -1
  445. package/cjs/chunks/bundle-wTtkySLW.js.map +1 -0
  446. package/cjs/chunks/{bundle-Gz77Ky0z.js → bundle-waeY4XbU.js} +1 -1
  447. package/cjs/chunks/bundle-waeY4XbU.js.map +1 -0
  448. package/cjs/chunks/{bundle-Ix7R72D2.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 +314 -99
  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-0ALwnHNc.js.map +0 -1
  635. package/chunks/bundle-0LVBY1Kh.js.map +0 -1
  636. package/chunks/bundle-0fMsVhUd.js.map +0 -1
  637. package/chunks/bundle-4IJH7QEY.js.map +0 -1
  638. package/chunks/bundle-58DQiUD5.js.map +0 -1
  639. package/chunks/bundle-5OkWTjml.js.map +0 -1
  640. package/chunks/bundle-78pBi79a.js.map +0 -1
  641. package/chunks/bundle-7zXnNfIQ.js.map +0 -1
  642. package/chunks/bundle-8RtzOyFC.js.map +0 -1
  643. package/chunks/bundle-AcAJGwBh.js.map +0 -1
  644. package/chunks/bundle-HyKeX972.js.map +0 -1
  645. package/chunks/bundle-KMF_Auff.js.map +0 -1
  646. package/chunks/bundle-OrHk5n_A.js.map +0 -1
  647. package/chunks/bundle-P1wmnvy9.js.map +0 -1
  648. package/chunks/bundle-TsienPu3.js.map +0 -1
  649. package/chunks/bundle-VjG3_Cxe.js.map +0 -1
  650. package/chunks/bundle-czxH9r2i.js.map +0 -1
  651. package/chunks/bundle-dNxyH8Er.js.map +0 -1
  652. package/chunks/bundle-gKkAyMAQ.js.map +0 -1
  653. package/chunks/bundle-gpPQ_Did.js.map +0 -1
  654. package/chunks/bundle-lsEXnFwe.js.map +0 -1
  655. package/chunks/bundle-mcex4MSM.js.map +0 -1
  656. package/chunks/bundle-pUEPyEg9.js.map +0 -1
  657. package/chunks/bundle-qVHH4JST.js.map +0 -1
  658. package/chunks/bundle-st6t2DcW.js.map +0 -1
  659. package/chunks/bundle-uHZAUI7c.js.map +0 -1
  660. package/chunks/bundle-uI7_T-M6.js.map +0 -1
  661. package/chunks/bundle-udE7DsNo.js.map +0 -1
  662. package/chunks/bundle-ui21vRGg.js.map +0 -1
  663. package/chunks/bundle-wwLAI-Tt.js.map +0 -1
  664. package/chunks/bundle-yDQ7CB8I.js.map +0 -1
  665. package/chunks/bundle-yeq5dlz7.js.map +0 -1
  666. package/chunks/bundle-zNT2XhnG.js.map +0 -1
  667. package/chunks/bundle-zqu04qTx.js.map +0 -1
  668. package/cjs/chunks/bundle--B0BQfa1.js.map +0 -1
  669. package/cjs/chunks/bundle-1m2T6gM2.js.map +0 -1
  670. package/cjs/chunks/bundle-3HXTcxM8.js.map +0 -1
  671. package/cjs/chunks/bundle-3mY1Vcz8.js.map +0 -1
  672. package/cjs/chunks/bundle-5IkTX3IV.js.map +0 -1
  673. package/cjs/chunks/bundle-5LtRJi82.js.map +0 -1
  674. package/cjs/chunks/bundle-EAk9kTGy.js.map +0 -1
  675. package/cjs/chunks/bundle-EYi_gu9z.js.map +0 -1
  676. package/cjs/chunks/bundle-G4vR952b.js.map +0 -1
  677. package/cjs/chunks/bundle-Gz77Ky0z.js.map +0 -1
  678. package/cjs/chunks/bundle-Ig-Usgj9.js.map +0 -1
  679. package/cjs/chunks/bundle-Ix7R72D2.js.map +0 -1
  680. package/cjs/chunks/bundle-KTyWOwG2.js.map +0 -1
  681. package/cjs/chunks/bundle-LsWcIQtv.js.map +0 -1
  682. package/cjs/chunks/bundle-MZJMdY3O.js.map +0 -1
  683. package/cjs/chunks/bundle-N-Js4Fxv.js.map +0 -1
  684. package/cjs/chunks/bundle-NWDpK9e9.js.map +0 -1
  685. package/cjs/chunks/bundle-R75Gdnq0.js.map +0 -1
  686. package/cjs/chunks/bundle-S91bAZDa.js.map +0 -1
  687. package/cjs/chunks/bundle-UVCJl8Wc.js.map +0 -1
  688. package/cjs/chunks/bundle-W9pnReTd.js.map +0 -1
  689. package/cjs/chunks/bundle-WDwSeAW7.js.map +0 -1
  690. package/cjs/chunks/bundle-bDFqOczp.js.map +0 -1
  691. package/cjs/chunks/bundle-blD9urLX.js.map +0 -1
  692. package/cjs/chunks/bundle-c05SIazj.js.map +0 -1
  693. package/cjs/chunks/bundle-ceCWOpd3.js.map +0 -1
  694. package/cjs/chunks/bundle-d_8vTVPc.js.map +0 -1
  695. package/cjs/chunks/bundle-fREzKsfC.js.map +0 -1
  696. package/cjs/chunks/bundle-ieMQqfwp.js.map +0 -1
  697. package/cjs/chunks/bundle-lQOiJLzy.js.map +0 -1
  698. package/cjs/chunks/bundle-lYWFc2Ik.js.map +0 -1
  699. package/cjs/chunks/bundle-m1U_9lcF.js.map +0 -1
  700. package/cjs/chunks/bundle-oh8SSgcL.js.map +0 -1
  701. package/cjs/chunks/bundle-qZr8vEca.js.map +0 -1
  702. package/cjs/chunks/bundle-qtCGPANY.js.map +0 -1
  703. package/cjs/chunks/bundle-qwCQk6XG.js.map +0 -1
  704. package/cjs/chunks/bundle-rv_NtPYp.js.map +0 -1
  705. package/cjs/chunks/bundle-tY4lGPo6.js.map +0 -1
  706. package/cjs/chunks/bundle-ujrdT0TO.js.map +0 -1
  707. package/cjs/chunks/bundle-veo1t69W.js.map +0 -1
  708. package/cjs/chunks/bundle-vhxtA1Qj.js.map +0 -1
  709. package/cjs/chunks/bundle-vxKYA92Y.js.map +0 -1
  710. package/cjs/chunks/bundle-xPZ9sQmQ.js.map +0 -1
  711. package/cjs/chunks/bundle-xsOBZoGj.js.map +0 -1
  712. package/cjs/chunks/bundle-yPs-mdmZ.js.map +0 -1
  713. package/cjs/chunks/bundle-zqDt58bi.js.map +0 -1
  714. package/types/ui/FileViewer/hooks/useKeyDown.d.ts +0 -8
package/dist/index.css CHANGED
@@ -1,3 +1,75 @@
1
+ .sendbird-openchannel-conversation-header {
2
+ position: relative;
3
+ min-height: 64px;
4
+ box-sizing: border-box;
5
+ }
6
+ .sendbird-theme--light .sendbird-openchannel-conversation-header {
7
+ border-bottom: 1px solid var(--sendbird-light-onlight-04);
8
+ }
9
+ .sendbird-theme--dark .sendbird-openchannel-conversation-header {
10
+ border-bottom: 1px solid var(--sendbird-dark-ondark-04);
11
+ }
12
+ .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
13
+ white-space: nowrap;
14
+ overflow-x: hidden;
15
+ text-overflow: ellipsis;
16
+ max-width: calc(100% - 120px);
17
+ }
18
+ .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
19
+ position: absolute;
20
+ left: 20px;
21
+ top: 16px;
22
+ }
23
+ .sendbird-openchannel-conversation-header__left__title {
24
+ position: absolute;
25
+ left: 60px;
26
+ top: 12px;
27
+ }
28
+ .sendbird-openchannel-conversation-header__left__sub-title {
29
+ position: absolute;
30
+ left: 60px;
31
+ top: 36px;
32
+ }
33
+ .sendbird-openchannel-conversation-header__right {
34
+ position: absolute;
35
+ top: 0px;
36
+ right: 0px;
37
+ width: 64px;
38
+ height: 64px;
39
+ }
40
+ .sendbird-openchannel-conversation-header__right__trigger {
41
+ position: absolute;
42
+ top: 16px;
43
+ right: 16px;
44
+ display: flex;
45
+ align-items: center;
46
+ justify-content: center;
47
+ }
48
+
49
+ .sendbird-openchannel-conversation-header__left__cover-image--icon {
50
+ display: flex;
51
+ justify-content: center;
52
+ align-items: center;
53
+ border-radius: 50%;
54
+ }
55
+ .sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
56
+ background-color: var(--sendbird-light-background-300);
57
+ }
58
+ .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
59
+ background-color: var(--sendbird-dark-background-300);
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
+ }
1
73
  .sendbird-open-channel-preview {
2
74
  position: relative;
3
75
  display: inline-flex;
@@ -125,78 +197,6 @@
125
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 {
126
198
  overflow-y: hidden;
127
199
  }
128
- .sendbird-openchannel-conversation-header {
129
- position: relative;
130
- min-height: 64px;
131
- box-sizing: border-box;
132
- }
133
- .sendbird-theme--light .sendbird-openchannel-conversation-header {
134
- border-bottom: 1px solid var(--sendbird-light-onlight-04);
135
- }
136
- .sendbird-theme--dark .sendbird-openchannel-conversation-header {
137
- border-bottom: 1px solid var(--sendbird-dark-ondark-04);
138
- }
139
- .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
140
- white-space: nowrap;
141
- overflow-x: hidden;
142
- text-overflow: ellipsis;
143
- max-width: calc(100% - 120px);
144
- }
145
- .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
146
- position: absolute;
147
- left: 20px;
148
- top: 16px;
149
- }
150
- .sendbird-openchannel-conversation-header__left__title {
151
- position: absolute;
152
- left: 60px;
153
- top: 12px;
154
- }
155
- .sendbird-openchannel-conversation-header__left__sub-title {
156
- position: absolute;
157
- left: 60px;
158
- top: 36px;
159
- }
160
- .sendbird-openchannel-conversation-header__right {
161
- position: absolute;
162
- top: 0px;
163
- right: 0px;
164
- width: 64px;
165
- height: 64px;
166
- }
167
- .sendbird-openchannel-conversation-header__right__trigger {
168
- position: absolute;
169
- top: 16px;
170
- right: 16px;
171
- display: flex;
172
- align-items: center;
173
- justify-content: center;
174
- }
175
-
176
- .sendbird-openchannel-conversation-header__left__cover-image--icon {
177
- display: flex;
178
- justify-content: center;
179
- align-items: center;
180
- border-radius: 50%;
181
- }
182
- .sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
183
- background-color: var(--sendbird-light-background-300);
184
- }
185
- .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
186
- background-color: var(--sendbird-dark-background-300);
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;
@@ -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 {