@sendbird/uikit-react 3.4.5 → 3.4.6-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (832) hide show
  1. package/App.js +103 -128
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +14 -0
  4. package/Channel/components/ChannelHeader.js +26 -27
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +54 -59
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +36 -37
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +5 -5
  11. package/Channel/components/FrozenNotification.js.map +1 -1
  12. package/Channel/components/Message.js +106 -136
  13. package/Channel/components/Message.js.map +1 -1
  14. package/Channel/components/MessageInput.js +67 -87
  15. package/Channel/components/MessageInput.js.map +1 -1
  16. package/Channel/components/MessageList.js +95 -140
  17. package/Channel/components/MessageList.js.map +1 -1
  18. package/Channel/components/RemoveMessageModal.js +20 -21
  19. package/Channel/components/RemoveMessageModal.js.map +1 -1
  20. package/Channel/components/SuggestedMentionList.js +59 -90
  21. package/Channel/components/SuggestedMentionList.js.map +1 -1
  22. package/Channel/components/TypingIndicator.js +19 -33
  23. package/Channel/components/TypingIndicator.js.map +1 -1
  24. package/Channel/components/UnreadCount.js +9 -10
  25. package/Channel/components/UnreadCount.js.map +1 -1
  26. package/Channel/context.js +14 -14
  27. package/Channel.js +39 -38
  28. package/Channel.js.map +1 -1
  29. package/ChannelList/components/AddChannel.js +19 -23
  30. package/ChannelList/components/AddChannel.js.map +1 -1
  31. package/ChannelList/components/ChannelListHeader.js +14 -18
  32. package/ChannelList/components/ChannelListHeader.js.map +1 -1
  33. package/ChannelList/components/ChannelListUI.js +49 -64
  34. package/ChannelList/components/ChannelListUI.js.map +1 -1
  35. package/ChannelList/components/ChannelPreview.js +43 -49
  36. package/ChannelList/components/ChannelPreview.js.map +1 -1
  37. package/ChannelList/components/ChannelPreviewAction.js +19 -22
  38. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  39. package/ChannelList/context.js +8 -8
  40. package/ChannelList.js +29 -30
  41. package/ChannelList.js.map +1 -1
  42. package/{ChannelListProvider-10fe7340.js → ChannelListProvider-45cf488b.js} +77 -172
  43. package/ChannelListProvider-45cf488b.js.map +1 -0
  44. package/{ChannelProvider-4ac82784.js → ChannelProvider-9a52ed96.js} +185 -340
  45. package/ChannelProvider-9a52ed96.js.map +1 -0
  46. package/ChannelSettings/components/ChannelProfile.js +13 -21
  47. package/ChannelSettings/components/ChannelProfile.js.map +1 -1
  48. package/ChannelSettings/components/ChannelSettingsUI.js +24 -31
  49. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  50. package/ChannelSettings/components/EditDetailsModal.js +20 -29
  51. package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  52. package/ChannelSettings/components/LeaveChannel.js +18 -26
  53. package/ChannelSettings/components/LeaveChannel.js.map +1 -1
  54. package/ChannelSettings/components/ModerationPanel.js +66 -109
  55. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  56. package/ChannelSettings/components/UserListItem.js +21 -21
  57. package/ChannelSettings/components/UserListItem.js.map +1 -1
  58. package/ChannelSettings/components/UserPanel.js +16 -19
  59. package/ChannelSettings/components/UserPanel.js.map +1 -1
  60. package/ChannelSettings/context.js +22 -30
  61. package/ChannelSettings/context.js.map +1 -1
  62. package/ChannelSettings.js +17 -17
  63. package/ChannelSettings.js.map +1 -1
  64. package/CreateChannel/components/CreateChannelUI.js +17 -19
  65. package/CreateChannel/components/CreateChannelUI.js.map +1 -1
  66. package/CreateChannel/components/InviteUsers.js +35 -56
  67. package/CreateChannel/components/InviteUsers.js.map +1 -1
  68. package/CreateChannel/components/SelectChannelType.js +11 -17
  69. package/CreateChannel/components/SelectChannelType.js.map +1 -1
  70. package/CreateChannel/context.js +4 -4
  71. package/CreateChannel.js +18 -18
  72. package/CreateChannel.js.map +1 -1
  73. package/{CreateChannelProvider-11045f46.js → CreateChannelProvider-8c395571.js} +9 -16
  74. package/{CreateChannelProvider-11045f46.js.map → CreateChannelProvider-8c395571.js.map} +1 -1
  75. package/CreateOpenChannel/components/CreateOpenChannelUI.js +17 -25
  76. package/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  77. package/CreateOpenChannel/context.js +7 -12
  78. package/CreateOpenChannel/context.js.map +1 -1
  79. package/CreateOpenChannel.js +14 -14
  80. package/CreateOpenChannel.js.map +1 -1
  81. package/EditUserProfile/components/EditUserProfileUI.js +11 -12
  82. package/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  83. package/EditUserProfile/context.js +0 -2
  84. package/EditUserProfile/context.js.map +1 -1
  85. package/EditUserProfile.js +13 -14
  86. package/EditUserProfile.js.map +1 -1
  87. package/{LocalizationContext-654ae04f.js → LocalizationContext-428ea690.js} +3 -5
  88. package/{LocalizationContext-654ae04f.js.map → LocalizationContext-428ea690.js.map} +1 -1
  89. package/{MediaQueryContext-e791a4d1.js → MediaQueryContext-e4d4fb2a.js} +14 -24
  90. package/MediaQueryContext-e4d4fb2a.js.map +1 -0
  91. package/{MemberList-6f3c8288.js → MemberList-f0614320.js} +35 -68
  92. package/MemberList-f0614320.js.map +1 -0
  93. package/Message/context.js +3 -7
  94. package/Message/context.js.map +1 -1
  95. package/MessageSearch/components/MessageSearchUI.js +33 -47
  96. package/MessageSearch/components/MessageSearchUI.js.map +1 -1
  97. package/MessageSearch/context.js +44 -79
  98. package/MessageSearch/context.js.map +1 -1
  99. package/MessageSearch.js +25 -35
  100. package/MessageSearch.js.map +1 -1
  101. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  102. package/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
  103. package/OpenChannel/components/OpenChannelHeader.js +16 -18
  104. package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  105. package/OpenChannel/components/OpenChannelInput.js +25 -28
  106. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  107. package/OpenChannel/components/OpenChannelMessage.js +46 -70
  108. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  109. package/OpenChannel/components/OpenChannelMessageList.js +44 -90
  110. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  111. package/OpenChannel/components/OpenChannelUI.js +43 -47
  112. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  113. package/OpenChannel/context.js +8 -8
  114. package/OpenChannel.js +32 -30
  115. package/OpenChannel.js.map +1 -1
  116. package/OpenChannelList/components/OpenChannelListUI.js +31 -45
  117. package/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  118. package/OpenChannelList/components/OpenChannelPreview.js +7 -7
  119. package/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
  120. package/OpenChannelList/context.js +3 -3
  121. package/OpenChannelList.js +24 -23
  122. package/OpenChannelList.js.map +1 -1
  123. package/{OpenChannelListProvider-eb189b41.js → OpenChannelListProvider-1657d7da.js} +39 -66
  124. package/OpenChannelListProvider-1657d7da.js.map +1 -0
  125. package/{OpenChannelProvider-e418b369.js → OpenChannelProvider-de3ddd2b.js} +137 -293
  126. package/OpenChannelProvider-de3ddd2b.js.map +1 -0
  127. package/OpenChannelSettings/components/EditDetailsModal.js +23 -31
  128. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  129. package/OpenChannelSettings/components/OpenChannelProfile.js +14 -18
  130. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  131. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -27
  132. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  133. package/OpenChannelSettings/components/OperatorUI.js +58 -110
  134. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  135. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  136. package/OpenChannelSettings/context.js +15 -26
  137. package/OpenChannelSettings/context.js.map +1 -1
  138. package/OpenChannelSettings.js +17 -17
  139. package/OpenChannelSettings.js.map +1 -1
  140. package/README.md +25 -5
  141. package/{RemoveMessageModal-938b400d.js → RemoveMessageModal-cced59b5.js} +5 -6
  142. package/{RemoveMessageModal-938b400d.js.map → RemoveMessageModal-cced59b5.js.map} +1 -1
  143. package/SendbirdProvider.js +260 -285
  144. package/SendbirdProvider.js.map +1 -1
  145. package/Thread/components/ParentMessageInfo.js +81 -109
  146. package/Thread/components/ParentMessageInfo.js.map +1 -1
  147. package/Thread/components/ParentMessageInfoItem.js +34 -41
  148. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  149. package/Thread/components/ThreadHeader.js +10 -11
  150. package/Thread/components/ThreadHeader.js.map +1 -1
  151. package/Thread/components/ThreadList.js +45 -53
  152. package/Thread/components/ThreadList.js.map +1 -1
  153. package/Thread/components/ThreadListItem.js +120 -148
  154. package/Thread/components/ThreadListItem.js.map +1 -1
  155. package/Thread/components/ThreadMessageInput.js +65 -83
  156. package/Thread/components/ThreadMessageInput.js.map +1 -1
  157. package/Thread/components/ThreadUI.js +75 -94
  158. package/Thread/components/ThreadUI.js.map +1 -1
  159. package/Thread/context/types.js +0 -5
  160. package/Thread/context/types.js.map +1 -1
  161. package/Thread/context.js +8 -8
  162. package/Thread.js +56 -55
  163. package/Thread.js.map +1 -1
  164. package/{ThreadProvider-faf3df5d.js → ThreadProvider-c33f66a4.js} +164 -282
  165. package/ThreadProvider-c33f66a4.js.map +1 -0
  166. package/{UserProfileContext-1996d4d2.js → UserProfileContext-576f1ef9.js} +1 -4
  167. package/{UserProfileContext-1996d4d2.js.map → UserProfileContext-576f1ef9.js.map} +1 -1
  168. package/{VoiceMessageInputWrapper-59373f20.js → VoiceMessageInputWrapper-8f6bfd36.js} +48 -57
  169. package/VoiceMessageInputWrapper-8f6bfd36.js.map +1 -0
  170. package/VoicePlayer/context.js +3 -3
  171. package/VoicePlayer/useVoicePlayer.js +14 -26
  172. package/VoicePlayer/useVoicePlayer.js.map +1 -1
  173. package/VoiceRecorder/context.js +26 -172
  174. package/VoiceRecorder/context.js.map +1 -1
  175. package/VoiceRecorder/useVoiceRecorder.js +14 -26
  176. package/VoiceRecorder/useVoiceRecorder.js.map +1 -1
  177. package/WebAudioUtils-f9237c94.js +123 -0
  178. package/WebAudioUtils-f9237c94.js.map +1 -0
  179. package/{_rollupPluginBabelHelpers-e908c50d.js → _rollupPluginBabelHelpers-6e60e429.js} +16 -10
  180. package/_rollupPluginBabelHelpers-6e60e429.js.map +1 -0
  181. package/cjs/App.js +103 -128
  182. package/cjs/App.js.map +1 -1
  183. package/cjs/Channel/components/ChannelHeader.js +26 -27
  184. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  185. package/cjs/Channel/components/ChannelUI.js +54 -59
  186. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  187. package/cjs/Channel/components/FileViewer.js +36 -37
  188. package/cjs/Channel/components/FileViewer.js.map +1 -1
  189. package/cjs/Channel/components/FrozenNotification.js +5 -5
  190. package/cjs/Channel/components/FrozenNotification.js.map +1 -1
  191. package/cjs/Channel/components/Message.js +110 -140
  192. package/cjs/Channel/components/Message.js.map +1 -1
  193. package/cjs/Channel/components/MessageInput.js +67 -87
  194. package/cjs/Channel/components/MessageInput.js.map +1 -1
  195. package/cjs/Channel/components/MessageList.js +95 -140
  196. package/cjs/Channel/components/MessageList.js.map +1 -1
  197. package/cjs/Channel/components/RemoveMessageModal.js +20 -21
  198. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  199. package/cjs/Channel/components/SuggestedMentionList.js +59 -90
  200. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  201. package/cjs/Channel/components/TypingIndicator.js +19 -33
  202. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  203. package/cjs/Channel/components/UnreadCount.js +9 -10
  204. package/cjs/Channel/components/UnreadCount.js.map +1 -1
  205. package/cjs/Channel/context.js +14 -14
  206. package/cjs/Channel.js +39 -38
  207. package/cjs/Channel.js.map +1 -1
  208. package/cjs/ChannelList/components/AddChannel.js +19 -23
  209. package/cjs/ChannelList/components/AddChannel.js.map +1 -1
  210. package/cjs/ChannelList/components/ChannelListHeader.js +14 -18
  211. package/cjs/ChannelList/components/ChannelListHeader.js.map +1 -1
  212. package/cjs/ChannelList/components/ChannelListUI.js +49 -64
  213. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  214. package/cjs/ChannelList/components/ChannelPreview.js +43 -49
  215. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  216. package/cjs/ChannelList/components/ChannelPreviewAction.js +19 -22
  217. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  218. package/cjs/ChannelList/context.js +8 -8
  219. package/cjs/ChannelList.js +29 -30
  220. package/cjs/ChannelList.js.map +1 -1
  221. package/cjs/{ChannelListProvider-d4f91fc4.js → ChannelListProvider-f74d4451.js} +77 -172
  222. package/cjs/ChannelListProvider-f74d4451.js.map +1 -0
  223. package/cjs/{ChannelProvider-af0b997c.js → ChannelProvider-fcb80591.js} +185 -340
  224. package/cjs/ChannelProvider-fcb80591.js.map +1 -0
  225. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -21
  226. package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
  227. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +24 -31
  228. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  229. package/cjs/ChannelSettings/components/EditDetailsModal.js +20 -29
  230. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  231. package/cjs/ChannelSettings/components/LeaveChannel.js +18 -26
  232. package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
  233. package/cjs/ChannelSettings/components/ModerationPanel.js +66 -109
  234. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  235. package/cjs/ChannelSettings/components/UserListItem.js +21 -21
  236. package/cjs/ChannelSettings/components/UserListItem.js.map +1 -1
  237. package/cjs/ChannelSettings/components/UserPanel.js +16 -19
  238. package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
  239. package/cjs/ChannelSettings/context.js +22 -30
  240. package/cjs/ChannelSettings/context.js.map +1 -1
  241. package/cjs/ChannelSettings.js +17 -17
  242. package/cjs/ChannelSettings.js.map +1 -1
  243. package/cjs/CreateChannel/components/CreateChannelUI.js +17 -19
  244. package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
  245. package/cjs/CreateChannel/components/InviteUsers.js +35 -56
  246. package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
  247. package/cjs/CreateChannel/components/SelectChannelType.js +11 -17
  248. package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
  249. package/cjs/CreateChannel/context.js +4 -4
  250. package/cjs/CreateChannel.js +18 -18
  251. package/cjs/CreateChannel.js.map +1 -1
  252. package/cjs/{CreateChannelProvider-c4ad28a8.js → CreateChannelProvider-1be5d0c0.js} +9 -16
  253. package/cjs/{CreateChannelProvider-c4ad28a8.js.map → CreateChannelProvider-1be5d0c0.js.map} +1 -1
  254. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +17 -25
  255. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  256. package/cjs/CreateOpenChannel/context.js +7 -12
  257. package/cjs/CreateOpenChannel/context.js.map +1 -1
  258. package/cjs/CreateOpenChannel.js +14 -14
  259. package/cjs/CreateOpenChannel.js.map +1 -1
  260. package/cjs/EditUserProfile/components/EditUserProfileUI.js +11 -12
  261. package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  262. package/cjs/EditUserProfile/context.js +0 -2
  263. package/cjs/EditUserProfile/context.js.map +1 -1
  264. package/cjs/EditUserProfile.js +13 -14
  265. package/cjs/EditUserProfile.js.map +1 -1
  266. package/cjs/{LocalizationContext-01fceac0.js → LocalizationContext-9b216d02.js} +3 -5
  267. package/cjs/{LocalizationContext-01fceac0.js.map → LocalizationContext-9b216d02.js.map} +1 -1
  268. package/cjs/{MediaQueryContext-4978c777.js → MediaQueryContext-ea137add.js} +14 -24
  269. package/cjs/MediaQueryContext-ea137add.js.map +1 -0
  270. package/cjs/{MemberList-5c05b62f.js → MemberList-4f805690.js} +35 -68
  271. package/cjs/MemberList-4f805690.js.map +1 -0
  272. package/cjs/Message/context.js +3 -7
  273. package/cjs/Message/context.js.map +1 -1
  274. package/cjs/MessageSearch/components/MessageSearchUI.js +33 -47
  275. package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
  276. package/cjs/MessageSearch/context.js +44 -79
  277. package/cjs/MessageSearch/context.js.map +1 -1
  278. package/cjs/MessageSearch.js +25 -35
  279. package/cjs/MessageSearch.js.map +1 -1
  280. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  281. package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
  282. package/cjs/OpenChannel/components/OpenChannelHeader.js +16 -18
  283. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  284. package/cjs/OpenChannel/components/OpenChannelInput.js +25 -28
  285. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  286. package/cjs/OpenChannel/components/OpenChannelMessage.js +46 -70
  287. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  288. package/cjs/OpenChannel/components/OpenChannelMessageList.js +48 -94
  289. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  290. package/cjs/OpenChannel/components/OpenChannelUI.js +43 -47
  291. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  292. package/cjs/OpenChannel/context.js +8 -8
  293. package/cjs/OpenChannel.js +32 -30
  294. package/cjs/OpenChannel.js.map +1 -1
  295. package/cjs/OpenChannelList/components/OpenChannelListUI.js +31 -45
  296. package/cjs/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  297. package/cjs/OpenChannelList/components/OpenChannelPreview.js +7 -7
  298. package/cjs/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
  299. package/cjs/OpenChannelList/context.js +3 -3
  300. package/cjs/OpenChannelList.js +24 -23
  301. package/cjs/OpenChannelList.js.map +1 -1
  302. package/cjs/{OpenChannelListProvider-3be4b8a5.js → OpenChannelListProvider-6883fa4a.js} +39 -66
  303. package/cjs/OpenChannelListProvider-6883fa4a.js.map +1 -0
  304. package/cjs/{OpenChannelProvider-56af9a0e.js → OpenChannelProvider-cb41bba9.js} +137 -293
  305. package/cjs/OpenChannelProvider-cb41bba9.js.map +1 -0
  306. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +23 -31
  307. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  308. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +14 -18
  309. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  310. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -27
  311. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  312. package/cjs/OpenChannelSettings/components/OperatorUI.js +58 -110
  313. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  314. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  315. package/cjs/OpenChannelSettings/context.js +15 -26
  316. package/cjs/OpenChannelSettings/context.js.map +1 -1
  317. package/cjs/OpenChannelSettings.js +17 -17
  318. package/cjs/OpenChannelSettings.js.map +1 -1
  319. package/cjs/{RemoveMessageModal-31ff9edc.js → RemoveMessageModal-193a514d.js} +5 -6
  320. package/cjs/{RemoveMessageModal-31ff9edc.js.map → RemoveMessageModal-193a514d.js.map} +1 -1
  321. package/cjs/SendbirdProvider.js +264 -289
  322. package/cjs/SendbirdProvider.js.map +1 -1
  323. package/cjs/Thread/components/ParentMessageInfo.js +81 -109
  324. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  325. package/cjs/Thread/components/ParentMessageInfoItem.js +34 -41
  326. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  327. package/cjs/Thread/components/ThreadHeader.js +10 -11
  328. package/cjs/Thread/components/ThreadHeader.js.map +1 -1
  329. package/cjs/Thread/components/ThreadList.js +45 -53
  330. package/cjs/Thread/components/ThreadList.js.map +1 -1
  331. package/cjs/Thread/components/ThreadListItem.js +120 -148
  332. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  333. package/cjs/Thread/components/ThreadMessageInput.js +65 -83
  334. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  335. package/cjs/Thread/components/ThreadUI.js +75 -94
  336. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  337. package/cjs/Thread/context/types.js +0 -5
  338. package/cjs/Thread/context/types.js.map +1 -1
  339. package/cjs/Thread/context.js +8 -8
  340. package/cjs/Thread.js +56 -55
  341. package/cjs/Thread.js.map +1 -1
  342. package/cjs/{ThreadProvider-12784adf.js → ThreadProvider-c3623e5f.js} +164 -282
  343. package/cjs/ThreadProvider-c3623e5f.js.map +1 -0
  344. package/cjs/{UserProfileContext-c4642438.js → UserProfileContext-ad079e6d.js} +1 -4
  345. package/cjs/{UserProfileContext-c4642438.js.map → UserProfileContext-ad079e6d.js.map} +1 -1
  346. package/cjs/{VoiceMessageInputWrapper-3b5db880.js → VoiceMessageInputWrapper-1c4004d1.js} +47 -56
  347. package/cjs/VoiceMessageInputWrapper-1c4004d1.js.map +1 -0
  348. package/cjs/VoicePlayer/context.js +3 -3
  349. package/cjs/VoicePlayer/useVoicePlayer.js +14 -26
  350. package/cjs/VoicePlayer/useVoicePlayer.js.map +1 -1
  351. package/cjs/VoiceRecorder/context.js +25 -171
  352. package/cjs/VoiceRecorder/context.js.map +1 -1
  353. package/cjs/VoiceRecorder/useVoiceRecorder.js +14 -26
  354. package/cjs/VoiceRecorder/useVoiceRecorder.js.map +1 -1
  355. package/cjs/WebAudioUtils-33ee4d42.js +126 -0
  356. package/cjs/WebAudioUtils-33ee4d42.js.map +1 -0
  357. package/cjs/{_rollupPluginBabelHelpers-994cd1da.js → _rollupPluginBabelHelpers-440ec6e2.js} +16 -10
  358. package/cjs/_rollupPluginBabelHelpers-440ec6e2.js.map +1 -0
  359. package/cjs/{color-8f9fe57f.js → color-8b30623d.js} +1 -10
  360. package/cjs/color-8b30623d.js.map +1 -0
  361. package/cjs/{compareIds-b77b66f3.js → compareIds-3dbb4f79.js} +4 -5
  362. package/cjs/compareIds-3dbb4f79.js.map +1 -0
  363. package/cjs/{const-e03cb4c1.js → const-1e096998.js} +1 -2
  364. package/cjs/{const-e03cb4c1.js.map → const-1e096998.js.map} +1 -1
  365. package/cjs/{const-35f8be84.js → const-7bb85121.js} +1 -1
  366. package/cjs/{const-35f8be84.js.map → const-7bb85121.js.map} +1 -1
  367. package/cjs/{consts-69fc20be.js → consts-02c09d93.js} +8 -11
  368. package/cjs/{consts-69fc20be.js.map → consts-02c09d93.js.map} +1 -1
  369. package/cjs/{consts-aabb33e0.js → consts-3ebe6f94.js} +1 -1
  370. package/cjs/{consts-aabb33e0.js.map → consts-3ebe6f94.js.map} +1 -1
  371. package/cjs/{consts-b29bd4d5.js → consts-54b7b2b1.js} +1 -1
  372. package/cjs/{consts-b29bd4d5.js.map → consts-54b7b2b1.js.map} +1 -1
  373. package/cjs/{consts-956b1221.js → consts-d1f579c4.js} +1 -1
  374. package/cjs/{consts-956b1221.js.map → consts-d1f579c4.js.map} +1 -1
  375. package/cjs/{context-d9e248df.js → context-855dcb8e.js} +2 -2
  376. package/cjs/{context-d9e248df.js.map → context-855dcb8e.js.map} +1 -1
  377. package/cjs/dist/index.css +2 -1
  378. package/cjs/dist/index.css.map +1 -1
  379. package/cjs/handlers/OpenChannelHandler.js.map +1 -1
  380. package/cjs/handlers/SessionHandler.js.map +1 -1
  381. package/cjs/{index-7c5d21c4.js → index-02729806.js} +1 -1
  382. package/cjs/{index-7c5d21c4.js.map → index-02729806.js.map} +1 -1
  383. package/cjs/{index-b9fbe704.js → index-15a62d58.js} +18 -27
  384. package/cjs/index-15a62d58.js.map +1 -0
  385. package/cjs/{index-26a1e861.js → index-3d6159df.js} +2 -22
  386. package/cjs/{index-26a1e861.js.map → index-3d6159df.js.map} +1 -1
  387. package/cjs/index-5bba1fd5.js +41 -0
  388. package/cjs/index-5bba1fd5.js.map +1 -0
  389. package/cjs/{index-d41db9c1.js → index-6d24cef9.js} +30 -44
  390. package/cjs/index-6d24cef9.js.map +1 -0
  391. package/cjs/{index-aa908fcf.js → index-7f214e91.js} +13 -32
  392. package/cjs/index-7f214e91.js.map +1 -0
  393. package/cjs/{index-e3f00fd1.js → index-8a187344.js} +3 -3
  394. package/cjs/{index-e3f00fd1.js.map → index-8a187344.js.map} +1 -1
  395. package/cjs/{index-1e57cbdb.js → index-8a64de0e.js} +17 -33
  396. package/cjs/index-8a64de0e.js.map +1 -0
  397. package/cjs/{index-a7fa406f.js → index-8d42b734.js} +23 -27
  398. package/cjs/index-8d42b734.js.map +1 -0
  399. package/cjs/{index-603c2a7c.js → index-9e320445.js} +29 -33
  400. package/cjs/index-9e320445.js.map +1 -0
  401. package/cjs/{index-aeba3b06.js → index-a1141d68.js} +21 -22
  402. package/cjs/index-a1141d68.js.map +1 -0
  403. package/cjs/{index-1f02e60f.js → index-b95c8165.js} +2 -2
  404. package/cjs/{index-1f02e60f.js.map → index-b95c8165.js.map} +1 -1
  405. package/cjs/{index-72fd0294.js → index-d6f14382.js} +38 -142
  406. package/cjs/index-d6f14382.js.map +1 -0
  407. package/cjs/{index-36aaf992.js → index-d85616b2.js} +1 -1
  408. package/cjs/{index-36aaf992.js.map → index-d85616b2.js.map} +1 -1
  409. package/cjs/{index-959a4ab1.js → index-ecfe08c9.js} +2 -2
  410. package/cjs/{index-959a4ab1.js.map → index-ecfe08c9.js.map} +1 -1
  411. package/cjs/{index-c825cf5b.js → index-f8237241.js} +25 -52
  412. package/cjs/index-f8237241.js.map +1 -0
  413. package/cjs/index.js +49 -49
  414. package/cjs/lame.all.js.map +1 -1
  415. package/cjs/sendbirdSelectors.js +36 -94
  416. package/cjs/sendbirdSelectors.js.map +1 -1
  417. package/cjs/{stringSet-7330b627.js → stringSet-e52248ab.js} +2 -1
  418. package/cjs/stringSet-e52248ab.js.map +1 -0
  419. package/cjs/{tokenize-a5a20ef3.js → tokenize-c5dd544b.js} +30 -23
  420. package/cjs/tokenize-c5dd544b.js.map +1 -0
  421. package/cjs/{topics-7547922a.js → topics-09d72ec0.js} +1 -1
  422. package/cjs/topics-09d72ec0.js.map +1 -0
  423. package/cjs/{tslib.es6-ee1122c5.js → tslib.es6-957ba986.js} +2 -2
  424. package/cjs/tslib.es6-957ba986.js.map +1 -0
  425. package/cjs/{types-7daeb4a1.js → types-68cc0fcf.js} +1 -1
  426. package/cjs/types-68cc0fcf.js.map +1 -0
  427. package/cjs/ui/Accordion.js +12 -16
  428. package/cjs/ui/Accordion.js.map +1 -1
  429. package/cjs/ui/AccordionGroup.js +6 -8
  430. package/cjs/ui/AccordionGroup.js.map +1 -1
  431. package/cjs/ui/AdminMessage.js +5 -8
  432. package/cjs/ui/AdminMessage.js.map +1 -1
  433. package/cjs/ui/Avatar.js +23 -41
  434. package/cjs/ui/Avatar.js.map +1 -1
  435. package/cjs/ui/Badge.js +9 -9
  436. package/cjs/ui/Badge.js.map +1 -1
  437. package/cjs/ui/BottomSheet.js +5 -7
  438. package/cjs/ui/BottomSheet.js.map +1 -1
  439. package/cjs/ui/Button.js +13 -24
  440. package/cjs/ui/Button.js.map +1 -1
  441. package/cjs/ui/ChannelAvatar.js +9 -9
  442. package/cjs/ui/ChannelAvatar.js.map +1 -1
  443. package/cjs/ui/Checkbox.js +8 -10
  444. package/cjs/ui/Checkbox.js.map +1 -1
  445. package/cjs/ui/ConnectionStatus.js +4 -4
  446. package/cjs/ui/ConnectionStatus.js.map +1 -1
  447. package/cjs/ui/ContextMenu.js +40 -86
  448. package/cjs/ui/ContextMenu.js.map +1 -1
  449. package/cjs/ui/DateSeparator.js +9 -9
  450. package/cjs/ui/DateSeparator.js.map +1 -1
  451. package/cjs/ui/EmojiReactions.js +19 -24
  452. package/cjs/ui/EmojiReactions.js.map +1 -1
  453. package/cjs/ui/FileMessageItemBody.js +15 -16
  454. package/cjs/ui/FileMessageItemBody.js.map +1 -1
  455. package/cjs/ui/FileViewer.js +22 -23
  456. package/cjs/ui/FileViewer.js.map +1 -1
  457. package/cjs/ui/Icon.js +0 -241
  458. package/cjs/ui/Icon.js.map +1 -1
  459. package/cjs/ui/IconButton.js +19 -22
  460. package/cjs/ui/IconButton.js.map +1 -1
  461. package/cjs/ui/ImageRenderer.js +27 -30
  462. package/cjs/ui/ImageRenderer.js.map +1 -1
  463. package/cjs/ui/Input.js +8 -10
  464. package/cjs/ui/Input.js.map +1 -1
  465. package/cjs/ui/Label.js +2 -2
  466. package/cjs/ui/LinkLabel.js +4 -3
  467. package/cjs/ui/LinkLabel.js.map +1 -1
  468. package/cjs/ui/Loader.js +7 -7
  469. package/cjs/ui/Loader.js.map +1 -1
  470. package/cjs/ui/MentionLabel.js +16 -22
  471. package/cjs/ui/MentionLabel.js.map +1 -1
  472. package/cjs/ui/MentionUserLabel.js +7 -7
  473. package/cjs/ui/MentionUserLabel.js.map +1 -1
  474. package/cjs/ui/MessageContent.js +118 -137
  475. package/cjs/ui/MessageContent.js.map +1 -1
  476. package/cjs/ui/MessageInput.js +82 -134
  477. package/cjs/ui/MessageInput.js.map +1 -1
  478. package/cjs/ui/MessageItemMenu.js +25 -31
  479. package/cjs/ui/MessageItemMenu.js.map +1 -1
  480. package/cjs/ui/MessageItemReactionMenu.js +12 -16
  481. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  482. package/cjs/ui/MessageSearchFileItem.js +22 -30
  483. package/cjs/ui/MessageSearchFileItem.js.map +1 -1
  484. package/cjs/ui/MessageSearchItem.js +18 -24
  485. package/cjs/ui/MessageSearchItem.js.map +1 -1
  486. package/cjs/ui/MessageStatus.js +10 -10
  487. package/cjs/ui/Modal.js +33 -34
  488. package/cjs/ui/Modal.js.map +1 -1
  489. package/cjs/ui/MutedAvatarOverlay.js +3 -3
  490. package/cjs/ui/MutedAvatarOverlay.js.map +1 -1
  491. package/cjs/ui/OGMessageItemBody.js +27 -30
  492. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  493. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  494. package/cjs/ui/OpenChannelAdminMessage.js.map +1 -1
  495. package/cjs/ui/OpenChannelAvatar.js +11 -11
  496. package/cjs/ui/OpenChannelAvatar.js.map +1 -1
  497. package/cjs/ui/OpenchannelConversationHeader.js +10 -10
  498. package/cjs/ui/OpenchannelConversationHeader.js.map +1 -1
  499. package/cjs/ui/OpenchannelFileMessage.js +31 -44
  500. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  501. package/cjs/ui/OpenchannelOGMessage.js +39 -53
  502. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  503. package/cjs/ui/OpenchannelThumbnailMessage.js +36 -46
  504. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  505. package/cjs/ui/OpenchannelUserMessage.js +39 -49
  506. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  507. package/cjs/ui/PlaceHolder.js +6 -6
  508. package/cjs/ui/PlaybackTime.js +8 -8
  509. package/cjs/ui/PlaybackTime.js.map +1 -1
  510. package/cjs/ui/ProgressBar.js +8 -8
  511. package/cjs/ui/ProgressBar.js.map +1 -1
  512. package/cjs/ui/QuoteMessage.js +16 -20
  513. package/cjs/ui/QuoteMessage.js.map +1 -1
  514. package/cjs/ui/QuoteMessageInput.js +8 -11
  515. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  516. package/cjs/ui/ReactionBadge.js +13 -17
  517. package/cjs/ui/ReactionBadge.js.map +1 -1
  518. package/cjs/ui/ReactionButton.js +8 -8
  519. package/cjs/ui/ReactionButton.js.map +1 -1
  520. package/cjs/ui/SortByRow.js +7 -11
  521. package/cjs/ui/SortByRow.js.map +1 -1
  522. package/cjs/ui/TextButton.js +12 -12
  523. package/cjs/ui/TextButton.js.map +1 -1
  524. package/cjs/ui/TextMessageItemBody.js +23 -24
  525. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  526. package/cjs/ui/ThreadReplies.js +10 -11
  527. package/cjs/ui/ThreadReplies.js.map +1 -1
  528. package/cjs/ui/ThumbnailMessageItemBody.js +17 -20
  529. package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
  530. package/cjs/ui/Tooltip.js +6 -6
  531. package/cjs/ui/Tooltip.js.map +1 -1
  532. package/cjs/ui/TooltipWrapper.js +6 -8
  533. package/cjs/ui/TooltipWrapper.js.map +1 -1
  534. package/cjs/ui/UnknownMessageItemBody.js +13 -14
  535. package/cjs/ui/UnknownMessageItemBody.js.map +1 -1
  536. package/cjs/ui/UserListItem.js +28 -27
  537. package/cjs/ui/UserListItem.js.map +1 -1
  538. package/cjs/ui/UserProfile.js +15 -17
  539. package/cjs/ui/UserProfile.js.map +1 -1
  540. package/cjs/ui/VoiceMessageItemBody.js +24 -32
  541. package/cjs/ui/VoiceMessageItemBody.js.map +1 -1
  542. package/cjs/ui/VoiceMessgeInput.js +8 -8
  543. package/cjs/ui/Word.js +19 -30
  544. package/cjs/ui/Word.js.map +1 -1
  545. package/cjs/{useLongPress-3e3b1188.js → useLongPress-640ea281.js} +13 -31
  546. package/cjs/useLongPress-640ea281.js.map +1 -0
  547. package/cjs/useSendbirdStateContext.js +1 -2
  548. package/cjs/useSendbirdStateContext.js.map +1 -1
  549. package/cjs/utils/message/getOutgoingMessageState.js +0 -7
  550. package/cjs/utils/message/getOutgoingMessageState.js.map +1 -1
  551. package/cjs/utils/message/isVoiceMessage.js +2 -2
  552. package/cjs/utils/message/isVoiceMessage.js.map +1 -1
  553. package/cjs/{utils-e4cd6a0c.js → utils-7346a672.js} +1 -5
  554. package/cjs/{utils-e4cd6a0c.js.map → utils-7346a672.js.map} +1 -1
  555. package/cjs/{utils-de779857.js → utils-93739833.js} +2 -7
  556. package/cjs/utils-93739833.js.map +1 -0
  557. package/cjs/{utils-5ca88bb6.js → utils-a82eaed9.js} +1 -1
  558. package/cjs/{utils-5ca88bb6.js.map → utils-a82eaed9.js.map} +1 -1
  559. package/cjs/{utils-5905fc1a.js → utils-dd55b959.js} +1 -4
  560. package/cjs/utils-dd55b959.js.map +1 -0
  561. package/cjs/{uuid-26b61f16.js → uuid-a8af0c03.js} +1 -3
  562. package/cjs/{uuid-26b61f16.js.map → uuid-a8af0c03.js.map} +1 -1
  563. package/cjs/withSendbird.js +5 -7
  564. package/cjs/withSendbird.js.map +1 -1
  565. package/{color-f6e2214f.js → color-2037c3b8.js} +1 -10
  566. package/{color-f6e2214f.js.map → color-2037c3b8.js.map} +1 -1
  567. package/{compareIds-d958887d.js → compareIds-b858e41a.js} +4 -5
  568. package/compareIds-b858e41a.js.map +1 -0
  569. package/{const-735bcf5b.js → const-10a01327.js} +1 -2
  570. package/{const-735bcf5b.js.map → const-10a01327.js.map} +1 -1
  571. package/{const-c7334190.js → const-85ec8faf.js} +1 -1
  572. package/{const-c7334190.js.map → const-85ec8faf.js.map} +1 -1
  573. package/{consts-ddb92249.js → consts-3fe926ac.js} +1 -1
  574. package/{consts-ddb92249.js.map → consts-3fe926ac.js.map} +1 -1
  575. package/{consts-8f50899e.js → consts-89b1e965.js} +1 -1
  576. package/{consts-8f50899e.js.map → consts-89b1e965.js.map} +1 -1
  577. package/{consts-12512664.js → consts-ef58410d.js} +1 -1
  578. package/{consts-12512664.js.map → consts-ef58410d.js.map} +1 -1
  579. package/{consts-9422accf.js → consts-f3b2a046.js} +8 -11
  580. package/{consts-9422accf.js.map → consts-f3b2a046.js.map} +1 -1
  581. package/{context-7465b898.js → context-8436b333.js} +2 -2
  582. package/{context-7465b898.js.map → context-8436b333.js.map} +1 -1
  583. package/dist/index.css +2 -1
  584. package/dist/index.css.map +1 -1
  585. package/handlers/OpenChannelHandler.js.map +1 -1
  586. package/handlers/SessionHandler.js.map +1 -1
  587. package/{index-0ecbda20.js → index-10da4b99.js} +21 -22
  588. package/index-10da4b99.js.map +1 -0
  589. package/index-23251a75.js +39 -0
  590. package/index-23251a75.js.map +1 -0
  591. package/{index-4c3eaeb7.js → index-2f83ba2a.js} +2 -2
  592. package/{index-4c3eaeb7.js.map → index-2f83ba2a.js.map} +1 -1
  593. package/index-390c0bba.js +53 -0
  594. package/index-390c0bba.js.map +1 -0
  595. package/{index-a52a0b76.js → index-4a1325ab.js} +13 -32
  596. package/index-4a1325ab.js.map +1 -0
  597. package/{index-437c0f3c.js → index-5cbdbcf9.js} +30 -44
  598. package/index-5cbdbcf9.js.map +1 -0
  599. package/{index-63e7b57b.js → index-84b28e71.js} +18 -27
  600. package/index-84b28e71.js.map +1 -0
  601. package/{index-cf141ad7.js → index-8b3cd0b6.js} +1 -1
  602. package/{index-cf141ad7.js.map → index-8b3cd0b6.js.map} +1 -1
  603. package/{index-aced8439.js → index-8d6fa44a.js} +2 -2
  604. package/{index-aced8439.js.map → index-8d6fa44a.js.map} +1 -1
  605. package/{index-8e901b57.js → index-8efe881f.js} +2 -22
  606. package/{index-8e901b57.js.map → index-8efe881f.js.map} +1 -1
  607. package/{index-6e33b2e0.js → index-b41d07df.js} +3 -3
  608. package/{index-6e33b2e0.js.map → index-b41d07df.js.map} +1 -1
  609. package/{index-12c44496.js → index-d5a761b9.js} +1 -1
  610. package/{index-12c44496.js.map → index-d5a761b9.js.map} +1 -1
  611. package/{index-9626a87e.js → index-e01f2743.js} +25 -52
  612. package/index-e01f2743.js.map +1 -0
  613. package/{index-47d179f2.js → index-e0325c33.js} +23 -27
  614. package/index-e0325c33.js.map +1 -0
  615. package/{index-7b8ea67e.js → index-f0fa0260.js} +17 -33
  616. package/index-f0fa0260.js.map +1 -0
  617. package/{index-83ae3ffe.js → index-f87c5aab.js} +38 -142
  618. package/index-f87c5aab.js.map +1 -0
  619. package/index.d.ts +1 -1
  620. package/index.js +49 -49
  621. package/lame.all.js.map +1 -1
  622. package/package.json +4 -2
  623. package/sendbirdSelectors.js +36 -94
  624. package/sendbirdSelectors.js.map +1 -1
  625. package/{stringSet-7c7d84fc.js → stringSet-fa7e0d83.js} +2 -1
  626. package/stringSet-fa7e0d83.js.map +1 -0
  627. package/{tokenize-8f238f49.js → tokenize-7bcc2072.js} +30 -24
  628. package/tokenize-7bcc2072.js.map +1 -0
  629. package/{topics-4697c2b3.js → topics-2647294d.js} +1 -1
  630. package/topics-2647294d.js.map +1 -0
  631. package/{tslib.es6-209c9f08.js → tslib.es6-debac48c.js} +2 -2
  632. package/tslib.es6-debac48c.js.map +1 -0
  633. package/{types-41ea68c8.js → types-abb04b7a.js} +1 -1
  634. package/types-abb04b7a.js.map +1 -0
  635. package/ui/Accordion.js +12 -16
  636. package/ui/Accordion.js.map +1 -1
  637. package/ui/AccordionGroup.js +6 -8
  638. package/ui/AccordionGroup.js.map +1 -1
  639. package/ui/AdminMessage.js +5 -8
  640. package/ui/AdminMessage.js.map +1 -1
  641. package/ui/Avatar.js +23 -41
  642. package/ui/Avatar.js.map +1 -1
  643. package/ui/Badge.js +9 -9
  644. package/ui/Badge.js.map +1 -1
  645. package/ui/BottomSheet.js +5 -7
  646. package/ui/BottomSheet.js.map +1 -1
  647. package/ui/Button.js +13 -24
  648. package/ui/Button.js.map +1 -1
  649. package/ui/ChannelAvatar.js +9 -9
  650. package/ui/ChannelAvatar.js.map +1 -1
  651. package/ui/Checkbox.js +8 -10
  652. package/ui/Checkbox.js.map +1 -1
  653. package/ui/ConnectionStatus.js +4 -4
  654. package/ui/ConnectionStatus.js.map +1 -1
  655. package/ui/ContextMenu.js +40 -86
  656. package/ui/ContextMenu.js.map +1 -1
  657. package/ui/DateSeparator.js +9 -9
  658. package/ui/DateSeparator.js.map +1 -1
  659. package/ui/EmojiReactions.js +19 -24
  660. package/ui/EmojiReactions.js.map +1 -1
  661. package/ui/FileMessageItemBody.js +15 -16
  662. package/ui/FileMessageItemBody.js.map +1 -1
  663. package/ui/FileViewer.js +22 -23
  664. package/ui/FileViewer.js.map +1 -1
  665. package/ui/Icon.js +0 -241
  666. package/ui/Icon.js.map +1 -1
  667. package/ui/IconButton.js +19 -22
  668. package/ui/IconButton.js.map +1 -1
  669. package/ui/ImageRenderer.js +27 -30
  670. package/ui/ImageRenderer.js.map +1 -1
  671. package/ui/Input.js +8 -10
  672. package/ui/Input.js.map +1 -1
  673. package/ui/Label.js +2 -2
  674. package/ui/LinkLabel.js +4 -3
  675. package/ui/LinkLabel.js.map +1 -1
  676. package/ui/Loader.js +7 -7
  677. package/ui/Loader.js.map +1 -1
  678. package/ui/MentionLabel.js +16 -22
  679. package/ui/MentionLabel.js.map +1 -1
  680. package/ui/MentionUserLabel.js +7 -7
  681. package/ui/MentionUserLabel.js.map +1 -1
  682. package/ui/MessageContent.js +118 -137
  683. package/ui/MessageContent.js.map +1 -1
  684. package/ui/MessageInput.js +82 -134
  685. package/ui/MessageInput.js.map +1 -1
  686. package/ui/MessageItemMenu.js +25 -31
  687. package/ui/MessageItemMenu.js.map +1 -1
  688. package/ui/MessageItemReactionMenu.js +12 -16
  689. package/ui/MessageItemReactionMenu.js.map +1 -1
  690. package/ui/MessageSearchFileItem.js +22 -30
  691. package/ui/MessageSearchFileItem.js.map +1 -1
  692. package/ui/MessageSearchItem.js +18 -24
  693. package/ui/MessageSearchItem.js.map +1 -1
  694. package/ui/MessageStatus.js +10 -10
  695. package/ui/Modal.js +33 -34
  696. package/ui/Modal.js.map +1 -1
  697. package/ui/MutedAvatarOverlay.js +3 -3
  698. package/ui/MutedAvatarOverlay.js.map +1 -1
  699. package/ui/OGMessageItemBody.js +27 -30
  700. package/ui/OGMessageItemBody.js.map +1 -1
  701. package/ui/OpenChannelAdminMessage.js +4 -4
  702. package/ui/OpenChannelAdminMessage.js.map +1 -1
  703. package/ui/OpenChannelAvatar.js +11 -11
  704. package/ui/OpenChannelAvatar.js.map +1 -1
  705. package/ui/OpenchannelConversationHeader.js +10 -10
  706. package/ui/OpenchannelConversationHeader.js.map +1 -1
  707. package/ui/OpenchannelFileMessage.js +31 -44
  708. package/ui/OpenchannelFileMessage.js.map +1 -1
  709. package/ui/OpenchannelOGMessage.js +39 -53
  710. package/ui/OpenchannelOGMessage.js.map +1 -1
  711. package/ui/OpenchannelThumbnailMessage.js +36 -46
  712. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  713. package/ui/OpenchannelUserMessage.js +39 -49
  714. package/ui/OpenchannelUserMessage.js.map +1 -1
  715. package/ui/PlaceHolder.js +6 -6
  716. package/ui/PlaybackTime.js +8 -8
  717. package/ui/PlaybackTime.js.map +1 -1
  718. package/ui/ProgressBar.js +8 -8
  719. package/ui/ProgressBar.js.map +1 -1
  720. package/ui/QuoteMessage.js +16 -20
  721. package/ui/QuoteMessage.js.map +1 -1
  722. package/ui/QuoteMessageInput.js +8 -11
  723. package/ui/QuoteMessageInput.js.map +1 -1
  724. package/ui/ReactionBadge.js +13 -17
  725. package/ui/ReactionBadge.js.map +1 -1
  726. package/ui/ReactionButton.js +8 -8
  727. package/ui/ReactionButton.js.map +1 -1
  728. package/ui/SortByRow.js +7 -11
  729. package/ui/SortByRow.js.map +1 -1
  730. package/ui/TextButton.js +12 -12
  731. package/ui/TextButton.js.map +1 -1
  732. package/ui/TextMessageItemBody.js +23 -24
  733. package/ui/TextMessageItemBody.js.map +1 -1
  734. package/ui/ThreadReplies.js +10 -11
  735. package/ui/ThreadReplies.js.map +1 -1
  736. package/ui/ThumbnailMessageItemBody.js +17 -20
  737. package/ui/ThumbnailMessageItemBody.js.map +1 -1
  738. package/ui/Tooltip.js +6 -6
  739. package/ui/Tooltip.js.map +1 -1
  740. package/ui/TooltipWrapper.js +6 -8
  741. package/ui/TooltipWrapper.js.map +1 -1
  742. package/ui/UnknownMessageItemBody.js +13 -14
  743. package/ui/UnknownMessageItemBody.js.map +1 -1
  744. package/ui/UserListItem.js +28 -27
  745. package/ui/UserListItem.js.map +1 -1
  746. package/ui/UserProfile.js +15 -17
  747. package/ui/UserProfile.js.map +1 -1
  748. package/ui/VoiceMessageItemBody.js +24 -32
  749. package/ui/VoiceMessageItemBody.js.map +1 -1
  750. package/ui/VoiceMessgeInput.js +8 -8
  751. package/ui/Word.js +19 -30
  752. package/ui/Word.js.map +1 -1
  753. package/{useLongPress-e2570976.js → useLongPress-42dc7c5d.js} +13 -31
  754. package/useLongPress-42dc7c5d.js.map +1 -0
  755. package/useSendbirdStateContext.js +1 -2
  756. package/useSendbirdStateContext.js.map +1 -1
  757. package/utils/message/getOutgoingMessageState.js +0 -7
  758. package/utils/message/getOutgoingMessageState.js.map +1 -1
  759. package/utils/message/isVoiceMessage.js +2 -2
  760. package/utils/message/isVoiceMessage.js.map +1 -1
  761. package/{utils-4942106c.js → utils-1905e84d.js} +2 -7
  762. package/utils-1905e84d.js.map +1 -0
  763. package/{utils-3d03001e.js → utils-19ce54ee.js} +1 -5
  764. package/{utils-3d03001e.js.map → utils-19ce54ee.js.map} +1 -1
  765. package/{utils-04bd857d.js → utils-87be98af.js} +1 -1
  766. package/{utils-04bd857d.js.map → utils-87be98af.js.map} +1 -1
  767. package/{utils-12a3467f.js → utils-b568cd44.js} +1 -4
  768. package/utils-b568cd44.js.map +1 -0
  769. package/{uuid-31c6ecb2.js → uuid-e979d613.js} +1 -3
  770. package/{uuid-31c6ecb2.js.map → uuid-e979d613.js.map} +1 -1
  771. package/withSendbird.js +5 -7
  772. package/withSendbird.js.map +1 -1
  773. package/ChannelListProvider-10fe7340.js.map +0 -1
  774. package/ChannelProvider-4ac82784.js.map +0 -1
  775. package/MediaQueryContext-e791a4d1.js.map +0 -1
  776. package/MemberList-6f3c8288.js.map +0 -1
  777. package/OpenChannelListProvider-eb189b41.js.map +0 -1
  778. package/OpenChannelProvider-e418b369.js.map +0 -1
  779. package/ThreadProvider-faf3df5d.js.map +0 -1
  780. package/VoiceMessageInputWrapper-59373f20.js.map +0 -1
  781. package/_rollupPluginBabelHelpers-e908c50d.js.map +0 -1
  782. package/actionTypes-ee7f96a9.js +0 -6
  783. package/actionTypes-ee7f96a9.js.map +0 -1
  784. package/cjs/ChannelListProvider-d4f91fc4.js.map +0 -1
  785. package/cjs/ChannelProvider-af0b997c.js.map +0 -1
  786. package/cjs/MediaQueryContext-4978c777.js.map +0 -1
  787. package/cjs/MemberList-5c05b62f.js.map +0 -1
  788. package/cjs/OpenChannelListProvider-3be4b8a5.js.map +0 -1
  789. package/cjs/OpenChannelProvider-56af9a0e.js.map +0 -1
  790. package/cjs/ThreadProvider-12784adf.js.map +0 -1
  791. package/cjs/VoiceMessageInputWrapper-3b5db880.js.map +0 -1
  792. package/cjs/_rollupPluginBabelHelpers-994cd1da.js.map +0 -1
  793. package/cjs/actionTypes-38d53eaf.js +0 -10
  794. package/cjs/actionTypes-38d53eaf.js.map +0 -1
  795. package/cjs/color-8f9fe57f.js.map +0 -1
  796. package/cjs/compareIds-b77b66f3.js.map +0 -1
  797. package/cjs/index-1e57cbdb.js.map +0 -1
  798. package/cjs/index-603c2a7c.js.map +0 -1
  799. package/cjs/index-72fd0294.js.map +0 -1
  800. package/cjs/index-a7fa406f.js.map +0 -1
  801. package/cjs/index-aa908fcf.js.map +0 -1
  802. package/cjs/index-aeba3b06.js.map +0 -1
  803. package/cjs/index-b9fbe704.js.map +0 -1
  804. package/cjs/index-c825cf5b.js.map +0 -1
  805. package/cjs/index-d41db9c1.js.map +0 -1
  806. package/cjs/stringSet-7330b627.js.map +0 -1
  807. package/cjs/tokenize-a5a20ef3.js.map +0 -1
  808. package/cjs/topics-7547922a.js.map +0 -1
  809. package/cjs/tslib.es6-ee1122c5.js.map +0 -1
  810. package/cjs/types-7daeb4a1.js.map +0 -1
  811. package/cjs/useLongPress-3e3b1188.js.map +0 -1
  812. package/cjs/utils-5905fc1a.js.map +0 -1
  813. package/cjs/utils-de779857.js.map +0 -1
  814. package/compareIds-d958887d.js.map +0 -1
  815. package/index-0ecbda20.js.map +0 -1
  816. package/index-437c0f3c.js.map +0 -1
  817. package/index-47d179f2.js.map +0 -1
  818. package/index-63e7b57b.js.map +0 -1
  819. package/index-7b8ea67e.js.map +0 -1
  820. package/index-83ae3ffe.js.map +0 -1
  821. package/index-9626a87e.js.map +0 -1
  822. package/index-a52a0b76.js.map +0 -1
  823. package/index-ace292c2.js +0 -57
  824. package/index-ace292c2.js.map +0 -1
  825. package/stringSet-7c7d84fc.js.map +0 -1
  826. package/tokenize-8f238f49.js.map +0 -1
  827. package/topics-4697c2b3.js.map +0 -1
  828. package/tslib.es6-209c9f08.js.map +0 -1
  829. package/types-41ea68c8.js.map +0 -1
  830. package/useLongPress-e2570976.js.map +0 -1
  831. package/utils-12a3467f.js.map +0 -1
  832. package/utils-4942106c.js.map +0 -1
@@ -1,28 +1,27 @@
1
1
  import React__default from 'react';
2
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
2
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
3
3
  import Icon, { IconTypes, IconColors } from './Icon.js';
4
4
  import TextButton from './TextButton.js';
5
- import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-83ae3ffe.js';
6
- import { C as Colors } from '../color-f6e2214f.js';
7
- import { u as useMediaQueryContext } from '../MediaQueryContext-e791a4d1.js';
5
+ import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-f87c5aab.js';
6
+ import { C as Colors } from '../color-2037c3b8.js';
7
+ import { u as useMediaQueryContext } from '../MediaQueryContext-e4d4fb2a.js';
8
8
  import 'prop-types';
9
- import '../stringSet-7c7d84fc.js';
10
- import '../tslib.es6-209c9f08.js';
9
+ import '../stringSet-fa7e0d83.js';
10
+ import '../tslib.es6-debac48c.js';
11
11
  import '../utils/message/getOutgoingMessageState.js';
12
12
 
13
13
  function FileMessageItemBody(_a) {
14
14
  var _b;
15
-
16
15
  var className = _a.className,
17
- message = _a.message,
18
- _c = _a.isByMe,
19
- isByMe = _c === void 0 ? false : _c,
20
- _d = _a.mouseHover,
21
- mouseHover = _d === void 0 ? false : _d,
22
- _e = _a.isReactionEnabled,
23
- isReactionEnabled = _e === void 0 ? false : _e,
24
- _f = _a.truncateLimit,
25
- truncateLimit = _f === void 0 ? null : _f;
16
+ message = _a.message,
17
+ _c = _a.isByMe,
18
+ isByMe = _c === void 0 ? false : _c,
19
+ _d = _a.mouseHover,
20
+ mouseHover = _d === void 0 ? false : _d,
21
+ _e = _a.isReactionEnabled,
22
+ isReactionEnabled = _e === void 0 ? false : _e,
23
+ _f = _a.truncateLimit,
24
+ truncateLimit = _f === void 0 ? null : _f;
26
25
  var isMobile = useMediaQueryContext().isMobile;
27
26
  var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
28
27
  return /*#__PURE__*/React__default.createElement("div", {
@@ -1 +1 @@
1
- {"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n className?: string | Array<string>;\n message: FileMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isReactionEnabled?: boolean;\n truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isReactionEnabled = false,\n truncateLimit = null,\n}: Props): ReactElement {\n const { isMobile } = useMediaQueryContext();\n const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n return (\n <div className={getClassName([\n className,\n 'sendbird-file-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n ])}>\n <div className=\"sendbird-file-message-item-body__file-icon\">\n <Icon\n className=\"sendbird-file-message-item-body__file-icon__icon\"\n type={{\n IMAGE: IconTypes.PHOTO,\n VIDEO: IconTypes.PLAY,\n AUDIO: IconTypes.FILE_AUDIO,\n GIF: IconTypes.GIF,\n OTHERS: IconTypes.FILE_DOCUMENT,\n }[getUIKitFileType(message?.type)]}\n fillColor={IconColors.PRIMARY}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n <TextButton\n className=\"sendbird-file-message-item-body__file-name\"\n onClick={() => { window.open(message?.url) }}\n color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n >\n <Label\n className=\"sendbird-file-message-item-body__file-name__text\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n {truncateString(message?.name || message?.url, truncateMaxNum)}\n </Label>\n </TextButton>\n </div>\n );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","_f","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","getClassName","_b","reactions","length","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","window","open","url","Colors","ONCONTENT_1","ONBACKGROUND_1","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}
1
+ {"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n className?: string | Array<string>;\n message: FileMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isReactionEnabled?: boolean;\n truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isReactionEnabled = false,\n truncateLimit = null,\n}: Props): ReactElement {\n const { isMobile } = useMediaQueryContext();\n const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n return (\n <div className={getClassName([\n className,\n 'sendbird-file-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n ])}>\n <div className=\"sendbird-file-message-item-body__file-icon\">\n <Icon\n className=\"sendbird-file-message-item-body__file-icon__icon\"\n type={{\n IMAGE: IconTypes.PHOTO,\n VIDEO: IconTypes.PLAY,\n AUDIO: IconTypes.FILE_AUDIO,\n GIF: IconTypes.GIF,\n OTHERS: IconTypes.FILE_DOCUMENT,\n }[getUIKitFileType(message?.type)]}\n fillColor={IconColors.PRIMARY}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n <TextButton\n className=\"sendbird-file-message-item-body__file-name\"\n onClick={() => { window.open(message?.url) }}\n color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n >\n <Label\n className=\"sendbird-file-message-item-body__file-name__text\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n {truncateString(message?.name || message?.url, truncateMaxNum)}\n </Label>\n </TextButton>\n </div>\n );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","_f","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","_b","reactions","length","Icon","type","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","url","color","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}
package/ui/FileViewer.js CHANGED
@@ -1,31 +1,31 @@
1
1
  import React__default, { useContext } from 'react';
2
2
  import { createPortal } from 'react-dom';
3
- import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
4
- import { M as MODAL_ROOT } from '../index-12c44496.js';
5
- import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-83ae3ffe.js';
3
+ import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
4
+ import { M as MODAL_ROOT } from '../index-d5a761b9.js';
5
+ import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-f87c5aab.js';
6
6
  import Avatar from './Avatar.js';
7
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
7
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
8
8
  import Icon, { IconTypes, IconColors } from './Icon.js';
9
- import '../stringSet-7c7d84fc.js';
10
- import '../index-cf141ad7.js';
11
- import '../tslib.es6-209c9f08.js';
9
+ import '../stringSet-fa7e0d83.js';
10
+ import '../index-8b3cd0b6.js';
11
+ import '../tslib.es6-debac48c.js';
12
12
  import '../utils/message/getOutgoingMessageState.js';
13
13
  import './ImageRenderer.js';
14
- import '../uuid-31c6ecb2.js';
14
+ import '../uuid-e979d613.js';
15
15
  import 'prop-types';
16
16
 
17
17
  var FileViewerComponent = function (_a) {
18
18
  var profileUrl = _a.profileUrl,
19
- nickname = _a.nickname,
20
- name = _a.name,
21
- type = _a.type,
22
- url = _a.url,
23
- _b = _a.isByMe,
24
- isByMe = _b === void 0 ? true : _b,
25
- _c = _a.disableDelete,
26
- disableDelete = _c === void 0 ? false : _c,
27
- onClose = _a.onClose,
28
- onDelete = _a.onDelete;
19
+ nickname = _a.nickname,
20
+ name = _a.name,
21
+ type = _a.type,
22
+ url = _a.url,
23
+ _b = _a.isByMe,
24
+ isByMe = _b === void 0 ? true : _b,
25
+ _c = _a.disableDelete,
26
+ disableDelete = _c === void 0 ? false : _c,
27
+ onClose = _a.onClose,
28
+ onDelete = _a.onDelete;
29
29
  var stringSet = useContext(LocalizationContext).stringSet;
30
30
  return /*#__PURE__*/React__default.createElement("div", {
31
31
  className: "sendbird-fileviewer"
@@ -105,12 +105,11 @@ var FileViewerComponent = function (_a) {
105
105
  };
106
106
  function FileViewer(_a) {
107
107
  var _b, _c, _d;
108
-
109
108
  var message = _a.message,
110
- _e = _a.isByMe,
111
- isByMe = _e === void 0 ? false : _e,
112
- onClose = _a.onClose,
113
- onDelete = _a.onDelete;
109
+ _e = _a.isByMe,
110
+ isByMe = _e === void 0 ? false : _e,
111
+ onClose = _a.onClose,
112
+ onDelete = _a.onDelete;
114
113
  return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(FileViewerComponent, {
115
114
  profileUrl: (_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.profileUrl,
116
115
  nickname: (_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.nickname,
@@ -1 +1 @@
1
- {"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n profileUrl: string;\n nickname: string;\n}\ninterface FileInfo {\n name: string;\n type: string;\n url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n isByMe?: boolean;\n disableDelete?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n profileUrl,\n nickname,\n name,\n type,\n url,\n isByMe = true,\n disableDelete = false,\n onClose,\n onDelete,\n}: FileViewerComponentProps): ReactElement => {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-fileviewer\">\n <div className=\"sendbird-fileviewer__header\">\n <div className=\"sendbird-fileviewer__header__left\">\n <div className=\"sendbird-fileviewer__header__left__avatar\">\n <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n </div>\n <Label\n className=\"sendbird-fileviewer__header__left__filename\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {name}\n </Label>\n <Label\n className=\"sendbird-fileviewer__header__left__sender-name\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {nickname}\n </Label>\n </div>\n <div\n className=\"sendbird-fileviewer__header__right\"\n >\n {\n isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__header__right__actions\" >\n <a\n className=\"sendbird-fileviewer__header__right__actions__download\"\n rel=\"noopener noreferrer\"\n href={url}\n target=\"_blank\"\n >\n <Icon\n type={IconTypes.DOWNLOAD}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n />\n </a>\n {\n onDelete && isByMe && (\n <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n <Icon\n className={disableDelete ? 'disabled' : ''}\n type={IconTypes.DELETE}\n fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => { if (!disableDelete) { onDelete?.(e); } }}\n />\n </div>\n )\n }\n </div>\n )\n }\n <div className=\"sendbird-fileviewer__header__right__actions__close\">\n <Icon\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => onClose?.(e)}\n />\n </div>\n </div>\n </div>\n <div className=\"sendbird-fileviewer__content\">\n {isVideo(type) && (\n <video\n controls\n className=\"sendbird-fileviewer__content__video\"\n >\n <source src={url} type={type} />\n </video>\n )}\n {\n isImage(type) && (\n <img\n src={url}\n alt={name}\n className=\"sendbird-fileviewer__content__img\"\n />\n )\n }\n {\n !isSupportedFileView(type) && (\n <div\n className=\"sendbird-fileviewer__content__unsupported\"\n >\n <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet?.UI__FILE_VIEWER__UNSUPPORT || 'Unsupported message'}\n </Label>\n </div>\n )\n }\n </div>\n </div>\n );\n};\n\nexport interface FileViewerProps {\n message: FileMessage;\n isByMe?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n message,\n isByMe = false,\n onClose,\n onDelete,\n}: FileViewerProps): ReactElement {\n return createPortal(\n (\n <FileViewerComponent\n profileUrl={message?.sender?.profileUrl}\n nickname={message?.sender?.nickname}\n name={message?.name}\n type={message?.type}\n url={message?.url}\n isByMe={isByMe}\n disableDelete={message?.threadInfo?.replyCount > 0}\n onClose={onClose}\n onDelete={onDelete}\n />\n ),\n document.getElementById(MODAL_ROOT),\n );\n}\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","_b","isByMe","_c","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","e","CLOSE","isVideo","isImage","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","createPortal","sender","_d","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}
1
+ {"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n profileUrl: string;\n nickname: string;\n}\ninterface FileInfo {\n name: string;\n type: string;\n url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n isByMe?: boolean;\n disableDelete?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n profileUrl,\n nickname,\n name,\n type,\n url,\n isByMe = true,\n disableDelete = false,\n onClose,\n onDelete,\n}: FileViewerComponentProps): ReactElement => {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-fileviewer\">\n <div className=\"sendbird-fileviewer__header\">\n <div className=\"sendbird-fileviewer__header__left\">\n <div className=\"sendbird-fileviewer__header__left__avatar\">\n <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n </div>\n <Label\n className=\"sendbird-fileviewer__header__left__filename\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {name}\n </Label>\n <Label\n className=\"sendbird-fileviewer__header__left__sender-name\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {nickname}\n </Label>\n </div>\n <div\n className=\"sendbird-fileviewer__header__right\"\n >\n {\n isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__header__right__actions\" >\n <a\n className=\"sendbird-fileviewer__header__right__actions__download\"\n rel=\"noopener noreferrer\"\n href={url}\n target=\"_blank\"\n >\n <Icon\n type={IconTypes.DOWNLOAD}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n />\n </a>\n {\n onDelete && isByMe && (\n <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n <Icon\n className={disableDelete ? 'disabled' : ''}\n type={IconTypes.DELETE}\n fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => { if (!disableDelete) { onDelete?.(e); } }}\n />\n </div>\n )\n }\n </div>\n )\n }\n <div className=\"sendbird-fileviewer__header__right__actions__close\">\n <Icon\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={(e) => onClose?.(e)}\n />\n </div>\n </div>\n </div>\n <div className=\"sendbird-fileviewer__content\">\n {isVideo(type) && (\n <video\n controls\n className=\"sendbird-fileviewer__content__video\"\n >\n <source src={url} type={type} />\n </video>\n )}\n {\n isImage(type) && (\n <img\n src={url}\n alt={name}\n className=\"sendbird-fileviewer__content__img\"\n />\n )\n }\n {\n !isSupportedFileView(type) && (\n <div\n className=\"sendbird-fileviewer__content__unsupported\"\n >\n <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet?.UI__FILE_VIEWER__UNSUPPORT || 'Unsupported message'}\n </Label>\n </div>\n )\n }\n </div>\n </div>\n );\n};\n\nexport interface FileViewerProps {\n message: FileMessage;\n isByMe?: boolean;\n onClose: (e: MouseEvent<HTMLDivElement>) => void;\n onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n message,\n isByMe = false,\n onClose,\n onDelete,\n}: FileViewerProps): ReactElement {\n return createPortal(\n (\n <FileViewerComponent\n profileUrl={message?.sender?.profileUrl}\n nickname={message?.sender?.nickname}\n name={message?.name}\n type={message?.type}\n url={message?.url}\n isByMe={isByMe}\n disableDelete={message?.threadInfo?.replyCount > 0}\n onClose={onClose}\n onDelete={onDelete}\n />\n ),\n document.getElementById(MODAL_ROOT),\n );\n}\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","_b","isByMe","_c","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","e","CLOSE","isVideo","controls","isImage","alt","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","createPortal","sender","_d","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}