@sendbird/uikit-react 3.5.0-rc.1 → 3.5.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 (936) hide show
  1. package/App.js +312 -235
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +544 -0
  4. package/Channel/components/ChannelHeader.js +46 -41
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +104 -131
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +56 -52
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +12 -7
  11. package/Channel/components/FrozenNotification.js.map +1 -1
  12. package/Channel/components/Message.js +240 -230
  13. package/Channel/components/Message.js.map +1 -1
  14. package/Channel/components/MessageInput.js +152 -129
  15. package/Channel/components/MessageInput.js.map +1 -1
  16. package/Channel/components/MessageList.js +260 -175
  17. package/Channel/components/MessageList.js.map +1 -1
  18. package/Channel/components/RemoveMessageModal.js +34 -30
  19. package/Channel/components/RemoveMessageModal.js.map +1 -1
  20. package/Channel/components/SuggestedMentionList.js +139 -193
  21. package/Channel/components/SuggestedMentionList.js.map +1 -1
  22. package/Channel/components/TypingIndicator.js +44 -61
  23. package/Channel/components/TypingIndicator.js.map +1 -1
  24. package/Channel/components/UnreadCount.js +18 -20
  25. package/Channel/components/UnreadCount.js.map +1 -1
  26. package/Channel/context.js +12 -19
  27. package/Channel/context.js.map +1 -1
  28. package/Channel.js +69 -44
  29. package/Channel.js.map +1 -1
  30. package/ChannelList/components/AddChannel.js +29 -30
  31. package/ChannelList/components/AddChannel.js.map +1 -1
  32. package/ChannelList/components/ChannelListHeader.js +32 -28
  33. package/ChannelList/components/ChannelListHeader.js.map +1 -1
  34. package/ChannelList/components/ChannelListUI.js +101 -142
  35. package/ChannelList/components/ChannelListUI.js.map +1 -1
  36. package/ChannelList/components/ChannelPreview.js +72 -82
  37. package/ChannelList/components/ChannelPreview.js.map +1 -1
  38. package/ChannelList/components/ChannelPreviewAction.js +36 -36
  39. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  40. package/ChannelList/context.js +7 -8
  41. package/ChannelList/context.js.map +1 -1
  42. package/ChannelList.js +32 -31
  43. package/ChannelList.js.map +1 -1
  44. package/{ChannelListProvider-1d36e2e9.js → ChannelListProvider-4cf5c0f5.js} +233 -285
  45. package/ChannelListProvider-4cf5c0f5.js.map +1 -0
  46. package/{ChannelProvider-289cd35f.js → ChannelProvider-6e8e99df.js} +659 -726
  47. package/ChannelProvider-6e8e99df.js.map +1 -0
  48. package/ChannelSettings/components/ChannelProfile.js +33 -46
  49. package/ChannelSettings/components/ChannelProfile.js.map +1 -1
  50. package/ChannelSettings/components/ChannelSettingsUI.js +45 -48
  51. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  52. package/ChannelSettings/components/EditDetailsModal.js +47 -58
  53. package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  54. package/ChannelSettings/components/LeaveChannel.js +40 -46
  55. package/ChannelSettings/components/LeaveChannel.js.map +1 -1
  56. package/ChannelSettings/components/ModerationPanel.js +522 -605
  57. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  58. package/ChannelSettings/components/UserListItem.js +71 -72
  59. package/ChannelSettings/components/UserListItem.js.map +1 -1
  60. package/ChannelSettings/components/UserPanel.js +29 -32
  61. package/ChannelSettings/components/UserPanel.js.map +1 -1
  62. package/ChannelSettings/context.js +53 -57
  63. package/ChannelSettings/context.js.map +1 -1
  64. package/ChannelSettings.js +20 -20
  65. package/ChannelSettings.js.map +1 -1
  66. package/CreateChannel/components/CreateChannelUI.js +24 -24
  67. package/CreateChannel/components/CreateChannelUI.js.map +1 -1
  68. package/CreateChannel/components/InviteUsers.js +102 -124
  69. package/CreateChannel/components/InviteUsers.js.map +1 -1
  70. package/CreateChannel/components/SelectChannelType.js +41 -42
  71. package/CreateChannel/components/SelectChannelType.js.map +1 -1
  72. package/CreateChannel/context.js +4 -4
  73. package/CreateChannel.js +22 -21
  74. package/CreateChannel.js.map +1 -1
  75. package/CreateChannelProvider-34603fa5.js +44 -0
  76. package/CreateChannelProvider-34603fa5.js.map +1 -0
  77. package/CreateOpenChannel/components/CreateOpenChannelUI.js +33 -43
  78. package/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  79. package/CreateOpenChannel/context.js +33 -33
  80. package/CreateOpenChannel/context.js.map +1 -1
  81. package/CreateOpenChannel.js +18 -17
  82. package/CreateOpenChannel.js.map +1 -1
  83. package/EditUserProfile/components/EditUserProfileUI.js +12 -13
  84. package/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  85. package/EditUserProfile/context.js +0 -2
  86. package/EditUserProfile/context.js.map +1 -1
  87. package/EditUserProfile.js +18 -17
  88. package/EditUserProfile.js.map +1 -1
  89. package/LocalizationContext-04c0c9dc.js +20 -0
  90. package/{LocalizationContext-289c1917.js.map → LocalizationContext-04c0c9dc.js.map} +1 -1
  91. package/MediaQueryContext-ff9dca2b.js +87 -0
  92. package/MediaQueryContext-ff9dca2b.js.map +1 -0
  93. package/MemberList-9bf26111.js +403 -0
  94. package/MemberList-9bf26111.js.map +1 -0
  95. package/Message/context.js +31 -0
  96. package/Message/context.js.map +1 -0
  97. package/MessageSearch/components/MessageSearchUI.js +62 -71
  98. package/MessageSearch/components/MessageSearchUI.js.map +1 -1
  99. package/MessageSearch/context.js +201 -224
  100. package/MessageSearch/context.js.map +1 -1
  101. package/MessageSearch.js +46 -58
  102. package/MessageSearch.js.map +1 -1
  103. package/OpenChannel/components/FrozenChannelNotification.js +8 -6
  104. package/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
  105. package/OpenChannel/components/OpenChannelHeader.js +27 -25
  106. package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  107. package/OpenChannel/components/OpenChannelInput.js +50 -35
  108. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  109. package/OpenChannel/components/OpenChannelMessage.js +174 -191
  110. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  111. package/OpenChannel/components/OpenChannelMessageList.js +72 -92
  112. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  113. package/OpenChannel/components/OpenChannelUI.js +52 -49
  114. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  115. package/OpenChannel/context.js +8 -9
  116. package/OpenChannel/context.js.map +1 -1
  117. package/OpenChannel.js +36 -30
  118. package/OpenChannel.js.map +1 -1
  119. package/OpenChannelList/components/OpenChannelListUI.js +61 -76
  120. package/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  121. package/OpenChannelList/components/OpenChannelPreview.js +21 -22
  122. package/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
  123. package/OpenChannelList/context.js +3 -4
  124. package/OpenChannelList/context.js.map +1 -1
  125. package/OpenChannelList.js +26 -24
  126. package/OpenChannelList.js.map +1 -1
  127. package/OpenChannelListProvider-d7372692.js +429 -0
  128. package/OpenChannelListProvider-d7372692.js.map +1 -0
  129. package/OpenChannelProvider-24cd68b9.js +1885 -0
  130. package/OpenChannelProvider-24cd68b9.js.map +1 -0
  131. package/OpenChannelSettings/components/EditDetailsModal.js +47 -56
  132. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  133. package/OpenChannelSettings/components/OpenChannelProfile.js +26 -31
  134. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  135. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +45 -43
  136. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  137. package/OpenChannelSettings/components/OperatorUI.js +516 -586
  138. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  139. package/OpenChannelSettings/components/ParticipantUI.js +15 -16
  140. package/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  141. package/OpenChannelSettings/context.js +56 -69
  142. package/OpenChannelSettings/context.js.map +1 -1
  143. package/OpenChannelSettings.js +19 -20
  144. package/OpenChannelSettings.js.map +1 -1
  145. package/README.md +62 -13
  146. package/RemoveMessageModal-94e2bf9e.js +36 -0
  147. package/RemoveMessageModal-94e2bf9e.js.map +1 -0
  148. package/SendbirdProvider.js +749 -408
  149. package/SendbirdProvider.js.map +1 -1
  150. package/Thread/components/ParentMessageInfo.js +238 -217
  151. package/Thread/components/ParentMessageInfo.js.map +1 -1
  152. package/Thread/components/ParentMessageInfoItem.js +112 -89
  153. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  154. package/Thread/components/ThreadHeader.js +22 -23
  155. package/Thread/components/ThreadHeader.js.map +1 -1
  156. package/Thread/components/ThreadList.js +108 -83
  157. package/Thread/components/ThreadList.js.map +1 -1
  158. package/Thread/components/ThreadListItem.js +306 -276
  159. package/Thread/components/ThreadListItem.js.map +1 -1
  160. package/Thread/components/ThreadMessageInput.js +146 -113
  161. package/Thread/components/ThreadMessageInput.js.map +1 -1
  162. package/Thread/components/ThreadUI.js +169 -138
  163. package/Thread/components/ThreadUI.js.map +1 -1
  164. package/Thread/context/types.js +9 -14
  165. package/Thread/context/types.js.map +1 -1
  166. package/Thread/context.js +8 -8
  167. package/Thread.js +87 -57
  168. package/Thread.js.map +1 -1
  169. package/ThreadProvider-203b94f3.js +1695 -0
  170. package/ThreadProvider-203b94f3.js.map +1 -0
  171. package/{UserProfileContext-e3530842.js → UserProfileContext-c776d522.js} +1 -4
  172. package/{UserProfileContext-e3530842.js.map → UserProfileContext-c776d522.js.map} +1 -1
  173. package/VoiceMessageInputWrapper-77d8f487.js +170 -0
  174. package/VoiceMessageInputWrapper-77d8f487.js.map +1 -0
  175. package/VoicePlayer/context.js +7 -0
  176. package/{NotificationChannel → VoicePlayer}/context.js.map +1 -1
  177. package/VoicePlayer/useVoicePlayer.js +84 -0
  178. package/VoicePlayer/useVoicePlayer.js.map +1 -0
  179. package/VoiceRecorder/context.js +156 -0
  180. package/VoiceRecorder/context.js.map +1 -0
  181. package/VoiceRecorder/useVoiceRecorder.js +121 -0
  182. package/VoiceRecorder/useVoiceRecorder.js.map +1 -0
  183. package/WebAudioUtils-62e6d3a7.js +123 -0
  184. package/WebAudioUtils-62e6d3a7.js.map +1 -0
  185. package/{_rollupPluginBabelHelpers-519f674b.js → _rollupPluginBabelHelpers-fb0e05a4.js} +17 -11
  186. package/_rollupPluginBabelHelpers-fb0e05a4.js.map +1 -0
  187. package/actionTypes-1db5749d.js +8 -0
  188. package/actionTypes-1db5749d.js.map +1 -0
  189. package/cjs/App.js +312 -235
  190. package/cjs/App.js.map +1 -1
  191. package/cjs/Channel/components/ChannelHeader.js +46 -41
  192. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  193. package/cjs/Channel/components/ChannelUI.js +102 -129
  194. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  195. package/cjs/Channel/components/FileViewer.js +56 -52
  196. package/cjs/Channel/components/FileViewer.js.map +1 -1
  197. package/cjs/Channel/components/FrozenNotification.js +12 -7
  198. package/cjs/Channel/components/FrozenNotification.js.map +1 -1
  199. package/cjs/Channel/components/Message.js +243 -233
  200. package/cjs/Channel/components/Message.js.map +1 -1
  201. package/cjs/Channel/components/MessageInput.js +151 -128
  202. package/cjs/Channel/components/MessageInput.js.map +1 -1
  203. package/cjs/Channel/components/MessageList.js +260 -175
  204. package/cjs/Channel/components/MessageList.js.map +1 -1
  205. package/cjs/Channel/components/RemoveMessageModal.js +34 -30
  206. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  207. package/cjs/Channel/components/SuggestedMentionList.js +139 -193
  208. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  209. package/cjs/Channel/components/TypingIndicator.js +44 -61
  210. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  211. package/cjs/Channel/components/UnreadCount.js +18 -20
  212. package/cjs/Channel/components/UnreadCount.js.map +1 -1
  213. package/cjs/Channel/context.js +12 -23
  214. package/cjs/Channel/context.js.map +1 -1
  215. package/cjs/Channel.js +69 -44
  216. package/cjs/Channel.js.map +1 -1
  217. package/cjs/ChannelList/components/AddChannel.js +29 -30
  218. package/cjs/ChannelList/components/AddChannel.js.map +1 -1
  219. package/cjs/ChannelList/components/ChannelListHeader.js +32 -28
  220. package/cjs/ChannelList/components/ChannelListHeader.js.map +1 -1
  221. package/cjs/ChannelList/components/ChannelListUI.js +100 -141
  222. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  223. package/cjs/ChannelList/components/ChannelPreview.js +72 -82
  224. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  225. package/cjs/ChannelList/components/ChannelPreviewAction.js +36 -36
  226. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  227. package/cjs/ChannelList/context.js +7 -8
  228. package/cjs/ChannelList/context.js.map +1 -1
  229. package/cjs/ChannelList.js +32 -31
  230. package/cjs/ChannelList.js.map +1 -1
  231. package/cjs/{ChannelListProvider-0de52d2b.js → ChannelListProvider-e0ce316a.js} +232 -284
  232. package/cjs/ChannelListProvider-e0ce316a.js.map +1 -0
  233. package/cjs/{ChannelProvider-fc58e60e.js → ChannelProvider-0df75472.js} +657 -724
  234. package/cjs/ChannelProvider-0df75472.js.map +1 -0
  235. package/cjs/ChannelSettings/components/ChannelProfile.js +33 -46
  236. package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
  237. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +45 -48
  238. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  239. package/cjs/ChannelSettings/components/EditDetailsModal.js +47 -58
  240. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  241. package/cjs/ChannelSettings/components/LeaveChannel.js +40 -46
  242. package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
  243. package/cjs/ChannelSettings/components/ModerationPanel.js +522 -605
  244. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  245. package/cjs/ChannelSettings/components/UserListItem.js +71 -72
  246. package/cjs/ChannelSettings/components/UserListItem.js.map +1 -1
  247. package/cjs/ChannelSettings/components/UserPanel.js +29 -32
  248. package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
  249. package/cjs/ChannelSettings/context.js +55 -59
  250. package/cjs/ChannelSettings/context.js.map +1 -1
  251. package/cjs/ChannelSettings.js +20 -20
  252. package/cjs/ChannelSettings.js.map +1 -1
  253. package/cjs/CreateChannel/components/CreateChannelUI.js +24 -24
  254. package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
  255. package/cjs/CreateChannel/components/InviteUsers.js +102 -124
  256. package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
  257. package/cjs/CreateChannel/components/SelectChannelType.js +41 -42
  258. package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
  259. package/cjs/CreateChannel/context.js +4 -4
  260. package/cjs/CreateChannel.js +22 -21
  261. package/cjs/CreateChannel.js.map +1 -1
  262. package/cjs/CreateChannelProvider-c0fca0a5.js +52 -0
  263. package/cjs/CreateChannelProvider-c0fca0a5.js.map +1 -0
  264. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +33 -43
  265. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  266. package/cjs/CreateOpenChannel/context.js +33 -33
  267. package/cjs/CreateOpenChannel/context.js.map +1 -1
  268. package/cjs/CreateOpenChannel.js +18 -17
  269. package/cjs/CreateOpenChannel.js.map +1 -1
  270. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -13
  271. package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  272. package/cjs/EditUserProfile/context.js +0 -2
  273. package/cjs/EditUserProfile/context.js.map +1 -1
  274. package/cjs/EditUserProfile.js +18 -17
  275. package/cjs/EditUserProfile.js.map +1 -1
  276. package/cjs/{LocalizationContext-bddc5c2b.js → LocalizationContext-0e429c3d.js} +9 -11
  277. package/cjs/{LocalizationContext-bddc5c2b.js.map → LocalizationContext-0e429c3d.js.map} +1 -1
  278. package/cjs/MediaQueryContext-33fc3b17.js +94 -0
  279. package/cjs/MediaQueryContext-33fc3b17.js.map +1 -0
  280. package/cjs/MemberList-a45a51c4.js +409 -0
  281. package/cjs/MemberList-a45a51c4.js.map +1 -0
  282. package/cjs/Message/context.js +40 -0
  283. package/cjs/Message/context.js.map +1 -0
  284. package/cjs/MessageSearch/components/MessageSearchUI.js +61 -70
  285. package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
  286. package/cjs/MessageSearch/context.js +201 -224
  287. package/cjs/MessageSearch/context.js.map +1 -1
  288. package/cjs/MessageSearch.js +46 -58
  289. package/cjs/MessageSearch.js.map +1 -1
  290. package/cjs/OpenChannel/components/FrozenChannelNotification.js +8 -6
  291. package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
  292. package/cjs/OpenChannel/components/OpenChannelHeader.js +27 -25
  293. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  294. package/cjs/OpenChannel/components/OpenChannelInput.js +50 -35
  295. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  296. package/cjs/OpenChannel/components/OpenChannelMessage.js +174 -191
  297. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  298. package/cjs/OpenChannel/components/OpenChannelMessageList.js +72 -92
  299. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  300. package/cjs/OpenChannel/components/OpenChannelUI.js +52 -49
  301. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  302. package/cjs/OpenChannel/context.js +8 -9
  303. package/cjs/OpenChannel/context.js.map +1 -1
  304. package/cjs/OpenChannel.js +36 -30
  305. package/cjs/OpenChannel.js.map +1 -1
  306. package/cjs/OpenChannelList/components/OpenChannelListUI.js +61 -76
  307. package/cjs/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  308. package/cjs/OpenChannelList/components/OpenChannelPreview.js +21 -22
  309. package/cjs/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
  310. package/cjs/OpenChannelList/context.js +3 -4
  311. package/cjs/OpenChannelList/context.js.map +1 -1
  312. package/cjs/OpenChannelList.js +26 -24
  313. package/cjs/OpenChannelList.js.map +1 -1
  314. package/cjs/OpenChannelListProvider-fc8b53ee.js +439 -0
  315. package/cjs/OpenChannelListProvider-fc8b53ee.js.map +1 -0
  316. package/cjs/OpenChannelProvider-217a8ac2.js +1894 -0
  317. package/cjs/OpenChannelProvider-217a8ac2.js.map +1 -0
  318. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +47 -56
  319. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  320. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +26 -31
  321. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  322. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +45 -43
  323. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  324. package/cjs/OpenChannelSettings/components/OperatorUI.js +516 -586
  325. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  326. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -16
  327. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  328. package/cjs/OpenChannelSettings/context.js +57 -70
  329. package/cjs/OpenChannelSettings/context.js.map +1 -1
  330. package/cjs/OpenChannelSettings.js +19 -20
  331. package/cjs/OpenChannelSettings.js.map +1 -1
  332. package/cjs/{RemoveMessageModal-9169766a.js → RemoveMessageModal-5903f232.js} +19 -14
  333. package/cjs/RemoveMessageModal-5903f232.js.map +1 -0
  334. package/cjs/SendbirdProvider.js +748 -408
  335. package/cjs/SendbirdProvider.js.map +1 -1
  336. package/cjs/Thread/components/ParentMessageInfo.js +237 -216
  337. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  338. package/cjs/Thread/components/ParentMessageInfoItem.js +111 -88
  339. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  340. package/cjs/Thread/components/ThreadHeader.js +22 -23
  341. package/cjs/Thread/components/ThreadHeader.js.map +1 -1
  342. package/cjs/Thread/components/ThreadList.js +108 -83
  343. package/cjs/Thread/components/ThreadList.js.map +1 -1
  344. package/cjs/Thread/components/ThreadListItem.js +305 -275
  345. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  346. package/cjs/Thread/components/ThreadMessageInput.js +146 -113
  347. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  348. package/cjs/Thread/components/ThreadUI.js +170 -139
  349. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  350. package/cjs/Thread/context/types.js +13 -14
  351. package/cjs/Thread/context/types.js.map +1 -1
  352. package/cjs/Thread/context.js +8 -8
  353. package/cjs/Thread.js +87 -57
  354. package/cjs/Thread.js.map +1 -1
  355. package/cjs/ThreadProvider-8ee179c2.js +1704 -0
  356. package/cjs/ThreadProvider-8ee179c2.js.map +1 -0
  357. package/cjs/{UserProfileContext-8d0dee57.js → UserProfileContext-87580795.js} +1 -4
  358. package/cjs/{UserProfileContext-8d0dee57.js.map → UserProfileContext-87580795.js.map} +1 -1
  359. package/cjs/VoiceMessageInputWrapper-4fdc8ef1.js +176 -0
  360. package/cjs/VoiceMessageInputWrapper-4fdc8ef1.js.map +1 -0
  361. package/cjs/VoicePlayer/context.js +17 -0
  362. package/cjs/{NotificationChannel → VoicePlayer}/context.js.map +1 -1
  363. package/cjs/VoicePlayer/useVoicePlayer.js +88 -0
  364. package/cjs/VoicePlayer/useVoicePlayer.js.map +1 -0
  365. package/cjs/VoiceRecorder/context.js +166 -0
  366. package/cjs/VoiceRecorder/context.js.map +1 -0
  367. package/cjs/VoiceRecorder/useVoiceRecorder.js +126 -0
  368. package/cjs/VoiceRecorder/useVoiceRecorder.js.map +1 -0
  369. package/cjs/WebAudioUtils-e226789c.js +126 -0
  370. package/cjs/WebAudioUtils-e226789c.js.map +1 -0
  371. package/cjs/{_rollupPluginBabelHelpers-fed1e122.js → _rollupPluginBabelHelpers-c89f311a.js} +17 -10
  372. package/cjs/_rollupPluginBabelHelpers-c89f311a.js.map +1 -0
  373. package/cjs/actionTypes-0fa2943d.js +10 -0
  374. package/cjs/actionTypes-0fa2943d.js.map +1 -0
  375. package/cjs/{color-f47044b3.js → color-bada0fc7.js} +13 -21
  376. package/cjs/color-bada0fc7.js.map +1 -0
  377. package/cjs/{compareIds-4124b297.js → compareIds-ccccfe86.js} +5 -6
  378. package/cjs/compareIds-ccccfe86.js.map +1 -0
  379. package/cjs/const-a85f3364.js +20 -0
  380. package/cjs/const-a85f3364.js.map +1 -0
  381. package/cjs/{const-fd64914b.js → const-d8cece19.js} +4 -4
  382. package/cjs/const-d8cece19.js.map +1 -0
  383. package/cjs/consts-1c3020ad.js +6 -0
  384. package/cjs/consts-1c3020ad.js.map +1 -0
  385. package/cjs/consts-1d94dc61.js +6 -0
  386. package/cjs/consts-1d94dc61.js.map +1 -0
  387. package/cjs/consts-5e0f96b3.js +41 -0
  388. package/cjs/consts-5e0f96b3.js.map +1 -0
  389. package/cjs/consts-740f60b8.js +6 -0
  390. package/cjs/consts-740f60b8.js.map +1 -0
  391. package/cjs/{context-7a0e057b.js → context-8e7e8457.js} +6 -5
  392. package/cjs/{context-7a0e057b.js.map → context-8e7e8457.js.map} +1 -1
  393. package/cjs/dist/index.css +1640 -1187
  394. package/cjs/dist/index.css.map +1 -1
  395. package/cjs/handlers/OpenChannelHandler.js.map +1 -1
  396. package/cjs/handlers/SessionHandler.js.map +1 -1
  397. package/cjs/{index-d14a43c4.js → index-016f7106.js} +1 -1
  398. package/cjs/{index-d14a43c4.js.map → index-016f7106.js.map} +1 -1
  399. package/cjs/{index-9ca07037.js → index-1613ae03.js} +29 -37
  400. package/cjs/index-1613ae03.js.map +1 -0
  401. package/cjs/index-2be14d85.js +57 -0
  402. package/cjs/index-2be14d85.js.map +1 -0
  403. package/cjs/index-3b30939e.js +79 -0
  404. package/cjs/index-3b30939e.js.map +1 -0
  405. package/cjs/index-5231fde8.js +585 -0
  406. package/cjs/index-5231fde8.js.map +1 -0
  407. package/cjs/index-648c06ed.js +330 -0
  408. package/cjs/index-648c06ed.js.map +1 -0
  409. package/cjs/{index-5d5497c2.js → index-6cb0d040.js} +11 -25
  410. package/cjs/index-6cb0d040.js.map +1 -0
  411. package/cjs/{index-c475c3c8.js → index-71fdaa1b.js} +55 -63
  412. package/cjs/index-71fdaa1b.js.map +1 -0
  413. package/cjs/{index-343cd84a.js → index-7d125728.js} +2 -2
  414. package/cjs/{index-343cd84a.js.map → index-7d125728.js.map} +1 -1
  415. package/cjs/{index-3a4f8219.js → index-7f6bbe0c.js} +42 -51
  416. package/cjs/index-7f6bbe0c.js.map +1 -0
  417. package/cjs/{index-8de8f28a.js → index-869e9a94.js} +2 -2
  418. package/cjs/{index-8de8f28a.js.map → index-869e9a94.js.map} +1 -1
  419. package/cjs/index-89d81dad.js +456 -0
  420. package/cjs/index-89d81dad.js.map +1 -0
  421. package/cjs/{index-abbc8024.js → index-8affdde5.js} +57 -3
  422. package/cjs/index-8affdde5.js.map +1 -0
  423. package/cjs/index-99f16473.js +202 -0
  424. package/cjs/index-99f16473.js.map +1 -0
  425. package/cjs/index-c9d348b6.js +367 -0
  426. package/cjs/index-c9d348b6.js.map +1 -0
  427. package/cjs/index-e8c0080f.js +161 -0
  428. package/cjs/index-e8c0080f.js.map +1 -0
  429. package/cjs/{index-c5cd589d.js → index-f570d25c.js} +1 -1
  430. package/cjs/index-f570d25c.js.map +1 -0
  431. package/cjs/index.js +84 -63
  432. package/cjs/index.js.map +1 -1
  433. package/cjs/index.module-0585715f.js +6 -0
  434. package/cjs/index.module-0585715f.js.map +1 -0
  435. package/cjs/lame.all.js +2541 -0
  436. package/cjs/lame.all.js.map +1 -0
  437. package/cjs/resolvedReplyType-67e78c63.js +32 -0
  438. package/cjs/resolvedReplyType-67e78c63.js.map +1 -0
  439. package/cjs/sendbirdSelectors.js +307 -417
  440. package/cjs/sendbirdSelectors.js.map +1 -1
  441. package/cjs/{stringSet-3e6167ef.js → stringSet-106da549.js} +112 -90
  442. package/cjs/stringSet-106da549.js.map +1 -0
  443. package/cjs/tokenize-2aa0f876.js +164 -0
  444. package/cjs/tokenize-2aa0f876.js.map +1 -0
  445. package/cjs/topics-b384e6b3.js +18 -0
  446. package/cjs/topics-b384e6b3.js.map +1 -0
  447. package/cjs/types-e0b77c8c.js +17 -0
  448. package/cjs/types-e0b77c8c.js.map +1 -0
  449. package/cjs/ui/Accordion.js +21 -24
  450. package/cjs/ui/Accordion.js.map +1 -1
  451. package/cjs/ui/AccordionGroup.js +10 -13
  452. package/cjs/ui/AccordionGroup.js.map +1 -1
  453. package/cjs/ui/AdminMessage.js +10 -13
  454. package/cjs/ui/AdminMessage.js.map +1 -1
  455. package/cjs/ui/Avatar.js +57 -79
  456. package/cjs/ui/Avatar.js.map +1 -1
  457. package/cjs/ui/Badge.js +16 -15
  458. package/cjs/ui/Badge.js.map +1 -1
  459. package/cjs/ui/BottomSheet.js +14 -12
  460. package/cjs/ui/BottomSheet.js.map +1 -1
  461. package/cjs/ui/Button.js +20 -35
  462. package/cjs/ui/Button.js.map +1 -1
  463. package/cjs/ui/ChannelAvatar.js +38 -41
  464. package/cjs/ui/ChannelAvatar.js.map +1 -1
  465. package/cjs/ui/Checkbox.js +11 -13
  466. package/cjs/ui/Checkbox.js.map +1 -1
  467. package/cjs/ui/ConnectionStatus.js +7 -5
  468. package/cjs/ui/ConnectionStatus.js.map +1 -1
  469. package/cjs/ui/ContextMenu.js +175 -199
  470. package/cjs/ui/ContextMenu.js.map +1 -1
  471. package/cjs/ui/DateSeparator.js +12 -14
  472. package/cjs/ui/DateSeparator.js.map +1 -1
  473. package/cjs/ui/EmojiReactions.js +299 -107
  474. package/cjs/ui/EmojiReactions.js.map +1 -1
  475. package/cjs/ui/FileMessageItemBody.js +22 -23
  476. package/cjs/ui/FileMessageItemBody.js.map +1 -1
  477. package/cjs/ui/FileViewer.js +36 -36
  478. package/cjs/ui/FileViewer.js.map +1 -1
  479. package/cjs/ui/Icon.js +447 -623
  480. package/cjs/ui/Icon.js.map +1 -1
  481. package/cjs/ui/IconButton.js +20 -31
  482. package/cjs/ui/IconButton.js.map +1 -1
  483. package/cjs/ui/ImageRenderer.js +34 -43
  484. package/cjs/ui/ImageRenderer.js.map +1 -1
  485. package/cjs/ui/Input.js +16 -16
  486. package/cjs/ui/Input.js.map +1 -1
  487. package/cjs/ui/Label.js +2 -2
  488. package/cjs/ui/LinkLabel.js +4 -3
  489. package/cjs/ui/LinkLabel.js.map +1 -1
  490. package/cjs/ui/Loader.js +10 -12
  491. package/cjs/ui/Loader.js.map +1 -1
  492. package/cjs/ui/MentionLabel.js +58 -65
  493. package/cjs/ui/MentionLabel.js.map +1 -1
  494. package/cjs/ui/MentionUserLabel.js +12 -10
  495. package/cjs/ui/MentionUserLabel.js.map +1 -1
  496. package/cjs/ui/MessageContent.js +212 -548
  497. package/cjs/ui/MessageContent.js.map +1 -1
  498. package/cjs/ui/MessageInput.js +392 -119
  499. package/cjs/ui/MessageInput.js.map +1 -1
  500. package/cjs/ui/MessageItemMenu.js +83 -83
  501. package/cjs/ui/MessageItemMenu.js.map +1 -1
  502. package/cjs/ui/MessageItemReactionMenu.js +58 -62
  503. package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
  504. package/cjs/ui/MessageSearchFileItem.js +56 -51
  505. package/cjs/ui/MessageSearchFileItem.js.map +1 -1
  506. package/cjs/ui/MessageSearchItem.js +42 -41
  507. package/cjs/ui/MessageSearchItem.js.map +1 -1
  508. package/cjs/ui/MessageStatus.js +10 -11
  509. package/cjs/ui/MessageStatus.js.map +1 -1
  510. package/cjs/ui/Modal.js +52 -46
  511. package/cjs/ui/Modal.js.map +1 -1
  512. package/cjs/ui/MutedAvatarOverlay.js +10 -10
  513. package/cjs/ui/MutedAvatarOverlay.js.map +1 -1
  514. package/cjs/ui/OGMessageItemBody.js +67 -63
  515. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  516. package/cjs/ui/OpenChannelAdminMessage.js +8 -7
  517. package/cjs/ui/OpenChannelAdminMessage.js.map +1 -1
  518. package/cjs/ui/OpenChannelAvatar.js +18 -17
  519. package/cjs/ui/OpenChannelAvatar.js.map +1 -1
  520. package/cjs/ui/OpenchannelConversationHeader.js +17 -13
  521. package/cjs/ui/OpenchannelConversationHeader.js.map +1 -1
  522. package/cjs/ui/OpenchannelFileMessage.js +140 -151
  523. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  524. package/cjs/ui/OpenchannelOGMessage.js +204 -233
  525. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  526. package/cjs/ui/OpenchannelThumbnailMessage.js +215 -222
  527. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  528. package/cjs/ui/OpenchannelUserMessage.js +168 -178
  529. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  530. package/cjs/ui/PlaceHolder.js +5 -6
  531. package/cjs/ui/PlaceHolder.js.map +1 -1
  532. package/cjs/ui/PlaybackTime.js +35 -0
  533. package/cjs/ui/PlaybackTime.js.map +1 -0
  534. package/cjs/ui/ProgressBar.js +40 -0
  535. package/cjs/ui/ProgressBar.js.map +1 -0
  536. package/cjs/ui/QuoteMessage.js +50 -44
  537. package/cjs/ui/QuoteMessage.js.map +1 -1
  538. package/cjs/ui/QuoteMessageInput.js +31 -29
  539. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  540. package/cjs/ui/ReactionBadge.js +13 -21
  541. package/cjs/ui/ReactionBadge.js.map +1 -1
  542. package/cjs/ui/ReactionButton.js +30 -27
  543. package/cjs/ui/ReactionButton.js.map +1 -1
  544. package/cjs/ui/SortByRow.js +14 -18
  545. package/cjs/ui/SortByRow.js.map +1 -1
  546. package/cjs/ui/TextButton.js +13 -21
  547. package/cjs/ui/TextButton.js.map +1 -1
  548. package/cjs/ui/TextMessageItemBody.js +41 -48
  549. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  550. package/cjs/ui/ThreadReplies.js +25 -22
  551. package/cjs/ui/ThreadReplies.js.map +1 -1
  552. package/cjs/ui/ThumbnailMessageItemBody.js +36 -45
  553. package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
  554. package/cjs/ui/Toggle.js +202 -0
  555. package/cjs/ui/Toggle.js.map +1 -0
  556. package/cjs/ui/Tooltip.js +8 -9
  557. package/cjs/ui/Tooltip.js.map +1 -1
  558. package/cjs/ui/TooltipWrapper.js +17 -20
  559. package/cjs/ui/TooltipWrapper.js.map +1 -1
  560. package/cjs/ui/UnknownMessageItemBody.js +21 -22
  561. package/cjs/ui/UnknownMessageItemBody.js.map +1 -1
  562. package/cjs/ui/UserListItem.js +76 -76
  563. package/cjs/ui/UserListItem.js.map +1 -1
  564. package/cjs/ui/UserProfile.js +31 -29
  565. package/cjs/ui/UserProfile.js.map +1 -1
  566. package/cjs/ui/VoiceMessageItemBody.js +119 -0
  567. package/cjs/ui/VoiceMessageItemBody.js.map +1 -0
  568. package/cjs/ui/VoiceMessgeInput.js +22 -0
  569. package/cjs/ui/VoiceMessgeInput.js.map +1 -0
  570. package/cjs/ui/Word.js +31 -39
  571. package/cjs/ui/Word.js.map +1 -1
  572. package/cjs/useDirtyGetMentions-b8ca5675.js +77 -0
  573. package/cjs/useDirtyGetMentions-b8ca5675.js.map +1 -0
  574. package/cjs/useLongPress-8037894e.js +87 -0
  575. package/cjs/useLongPress-8037894e.js.map +1 -0
  576. package/cjs/useSendbirdStateContext.js +2 -3
  577. package/cjs/useSendbirdStateContext.js.map +1 -1
  578. package/cjs/utils/message/getOutgoingMessageState.js +16 -21
  579. package/cjs/utils/message/getOutgoingMessageState.js.map +1 -1
  580. package/cjs/utils/message/isVoiceMessage.js +12 -0
  581. package/cjs/utils/message/isVoiceMessage.js.map +1 -0
  582. package/cjs/{utils-5f86a394.js → utils-01ff5332.js} +3 -7
  583. package/cjs/{utils-5f86a394.js.map → utils-01ff5332.js.map} +1 -1
  584. package/cjs/utils-2edcddc8.js +35 -0
  585. package/cjs/utils-2edcddc8.js.map +1 -0
  586. package/cjs/utils-5ac3db44.js +31 -0
  587. package/cjs/utils-5ac3db44.js.map +1 -0
  588. package/cjs/{utils-374d57b4.js → utils-ad7b5b82.js} +1 -1
  589. package/cjs/{utils-374d57b4.js.map → utils-ad7b5b82.js.map} +1 -1
  590. package/cjs/uuid-12b01f73.js +15 -0
  591. package/cjs/{uuid-2475ef6c.js.map → uuid-12b01f73.js.map} +1 -1
  592. package/cjs/withSendbird.js +5 -6
  593. package/cjs/withSendbird.js.map +1 -1
  594. package/{color-163ba24d.js → color-347926b6.js} +5 -14
  595. package/{color-163ba24d.js.map → color-347926b6.js.map} +1 -1
  596. package/{compareIds-ef41eb2c.js → compareIds-3a43c11b.js} +5 -6
  597. package/compareIds-3a43c11b.js.map +1 -0
  598. package/const-18dba7a4.js +13 -0
  599. package/const-18dba7a4.js.map +1 -0
  600. package/{const-76d87f47.js → const-c608f749.js} +4 -4
  601. package/const-c608f749.js.map +1 -0
  602. package/consts-6bca01c7.js +4 -0
  603. package/consts-6bca01c7.js.map +1 -0
  604. package/consts-7a169a0f.js +4 -0
  605. package/consts-7a169a0f.js.map +1 -0
  606. package/consts-c1baf70a.js +27 -0
  607. package/consts-c1baf70a.js.map +1 -0
  608. package/consts-fb4d475a.js +4 -0
  609. package/consts-fb4d475a.js.map +1 -0
  610. package/context-786ef1a2.js +13 -0
  611. package/{context-10475c77.js.map → context-786ef1a2.js.map} +1 -1
  612. package/dist/index.css +1640 -1187
  613. package/dist/index.css.map +1 -1
  614. package/handlers/OpenChannelHandler.js.map +1 -1
  615. package/handlers/SessionHandler.js.map +1 -1
  616. package/{index-12754b45.js → index-06b854f7.js} +55 -63
  617. package/index-06b854f7.js.map +1 -0
  618. package/index-2673effb.js +360 -0
  619. package/index-2673effb.js.map +1 -0
  620. package/{index-4ebfc7a7.js → index-319984d0.js} +1 -1
  621. package/{index-4ebfc7a7.js.map → index-319984d0.js.map} +1 -1
  622. package/{index-3c013a28.js → index-4455855e.js} +2 -2
  623. package/{index-3c013a28.js.map → index-4455855e.js.map} +1 -1
  624. package/index-6663ce18.js +450 -0
  625. package/index-6663ce18.js.map +1 -0
  626. package/{index-a02da5bd.js → index-6c252d25.js} +2 -2
  627. package/{index-a02da5bd.js.map → index-6c252d25.js.map} +1 -1
  628. package/index-71a20863.js +320 -0
  629. package/index-71a20863.js.map +1 -0
  630. package/index-7d71b26c.js +154 -0
  631. package/index-7d71b26c.js.map +1 -0
  632. package/{index-2f346069.js → index-9a4e0846.js} +1 -1
  633. package/index-9a4e0846.js.map +1 -0
  634. package/{index-232388fa.js → index-9cd77b08.js} +29 -37
  635. package/index-9cd77b08.js.map +1 -0
  636. package/index-c149ea48.js +187 -0
  637. package/index-c149ea48.js.map +1 -0
  638. package/index-cf3939c6.js +76 -0
  639. package/index-cf3939c6.js.map +1 -0
  640. package/index-cf859f03.js +540 -0
  641. package/index-cf859f03.js.map +1 -0
  642. package/{index-2784bdd8.js → index-e33f7f55.js} +11 -25
  643. package/index-e33f7f55.js.map +1 -0
  644. package/{index-aea7b7d6.js → index-eabd1e7e.js} +39 -48
  645. package/index-eabd1e7e.js.map +1 -0
  646. package/index-ebb62af1.js +51 -0
  647. package/index-ebb62af1.js.map +1 -0
  648. package/{index-751f97ce.js → index-edf844f0.js} +57 -4
  649. package/index-edf844f0.js.map +1 -0
  650. package/index.d.ts +176 -124
  651. package/index.js +84 -63
  652. package/index.js.map +1 -1
  653. package/index.module-6b7ed635.js +4 -0
  654. package/index.module-6b7ed635.js.map +1 -0
  655. package/lame.all.js +2537 -0
  656. package/lame.all.js.map +1 -0
  657. package/package.json +62 -41
  658. package/resolvedReplyType-8776d777.js +29 -0
  659. package/resolvedReplyType-8776d777.js.map +1 -0
  660. package/sendbirdSelectors.js +307 -417
  661. package/sendbirdSelectors.js.map +1 -1
  662. package/{stringSet-9ae71b7d.js → stringSet-e0ee1265.js} +112 -90
  663. package/stringSet-e0ee1265.js.map +1 -0
  664. package/tokenize-1b053c86.js +159 -0
  665. package/tokenize-1b053c86.js.map +1 -0
  666. package/topics-70f569e9.js +16 -0
  667. package/topics-70f569e9.js.map +1 -0
  668. package/types-77bbdda6.js +15 -0
  669. package/types-77bbdda6.js.map +1 -0
  670. package/ui/Accordion.js +21 -24
  671. package/ui/Accordion.js.map +1 -1
  672. package/ui/AccordionGroup.js +10 -13
  673. package/ui/AccordionGroup.js.map +1 -1
  674. package/ui/AdminMessage.js +10 -13
  675. package/ui/AdminMessage.js.map +1 -1
  676. package/ui/Avatar.js +57 -79
  677. package/ui/Avatar.js.map +1 -1
  678. package/ui/Badge.js +16 -15
  679. package/ui/Badge.js.map +1 -1
  680. package/ui/BottomSheet.js +14 -12
  681. package/ui/BottomSheet.js.map +1 -1
  682. package/ui/Button.js +20 -35
  683. package/ui/Button.js.map +1 -1
  684. package/ui/ChannelAvatar.js +38 -41
  685. package/ui/ChannelAvatar.js.map +1 -1
  686. package/ui/Checkbox.js +11 -13
  687. package/ui/Checkbox.js.map +1 -1
  688. package/ui/ConnectionStatus.js +7 -5
  689. package/ui/ConnectionStatus.js.map +1 -1
  690. package/ui/ContextMenu.js +176 -200
  691. package/ui/ContextMenu.js.map +1 -1
  692. package/ui/DateSeparator.js +12 -14
  693. package/ui/DateSeparator.js.map +1 -1
  694. package/ui/EmojiReactions.js +300 -108
  695. package/ui/EmojiReactions.js.map +1 -1
  696. package/ui/FileMessageItemBody.js +22 -23
  697. package/ui/FileMessageItemBody.js.map +1 -1
  698. package/ui/FileViewer.js +36 -36
  699. package/ui/FileViewer.js.map +1 -1
  700. package/ui/Icon.js +448 -622
  701. package/ui/Icon.js.map +1 -1
  702. package/ui/IconButton.js +20 -31
  703. package/ui/IconButton.js.map +1 -1
  704. package/ui/ImageRenderer.js +34 -43
  705. package/ui/ImageRenderer.js.map +1 -1
  706. package/ui/Input.js +16 -16
  707. package/ui/Input.js.map +1 -1
  708. package/ui/Label.js +2 -2
  709. package/ui/LinkLabel.js +4 -3
  710. package/ui/LinkLabel.js.map +1 -1
  711. package/ui/Loader.js +10 -12
  712. package/ui/Loader.js.map +1 -1
  713. package/ui/MentionLabel.js +58 -65
  714. package/ui/MentionLabel.js.map +1 -1
  715. package/ui/MentionUserLabel.js +12 -10
  716. package/ui/MentionUserLabel.js.map +1 -1
  717. package/ui/MessageContent.js +215 -551
  718. package/ui/MessageContent.js.map +1 -1
  719. package/ui/MessageInput.js +392 -120
  720. package/ui/MessageInput.js.map +1 -1
  721. package/ui/MessageItemMenu.js +83 -83
  722. package/ui/MessageItemMenu.js.map +1 -1
  723. package/ui/MessageItemReactionMenu.js +58 -62
  724. package/ui/MessageItemReactionMenu.js.map +1 -1
  725. package/ui/MessageSearchFileItem.js +55 -50
  726. package/ui/MessageSearchFileItem.js.map +1 -1
  727. package/ui/MessageSearchItem.js +41 -40
  728. package/ui/MessageSearchItem.js.map +1 -1
  729. package/ui/MessageStatus.js +10 -11
  730. package/ui/MessageStatus.js.map +1 -1
  731. package/ui/Modal.js +52 -46
  732. package/ui/Modal.js.map +1 -1
  733. package/ui/MutedAvatarOverlay.js +10 -10
  734. package/ui/MutedAvatarOverlay.js.map +1 -1
  735. package/ui/OGMessageItemBody.js +68 -64
  736. package/ui/OGMessageItemBody.js.map +1 -1
  737. package/ui/OpenChannelAdminMessage.js +8 -7
  738. package/ui/OpenChannelAdminMessage.js.map +1 -1
  739. package/ui/OpenChannelAvatar.js +18 -17
  740. package/ui/OpenChannelAvatar.js.map +1 -1
  741. package/ui/OpenchannelConversationHeader.js +17 -13
  742. package/ui/OpenchannelConversationHeader.js.map +1 -1
  743. package/ui/OpenchannelFileMessage.js +140 -151
  744. package/ui/OpenchannelFileMessage.js.map +1 -1
  745. package/ui/OpenchannelOGMessage.js +204 -233
  746. package/ui/OpenchannelOGMessage.js.map +1 -1
  747. package/ui/OpenchannelThumbnailMessage.js +215 -222
  748. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  749. package/ui/OpenchannelUserMessage.js +168 -178
  750. package/ui/OpenchannelUserMessage.js.map +1 -1
  751. package/ui/PlaceHolder.js +5 -6
  752. package/ui/PlaceHolder.js.map +1 -1
  753. package/ui/PlaybackTime.js +26 -0
  754. package/ui/PlaybackTime.js.map +1 -0
  755. package/ui/ProgressBar.js +30 -0
  756. package/ui/ProgressBar.js.map +1 -0
  757. package/ui/QuoteMessage.js +50 -44
  758. package/ui/QuoteMessage.js.map +1 -1
  759. package/ui/QuoteMessageInput.js +31 -29
  760. package/ui/QuoteMessageInput.js.map +1 -1
  761. package/ui/ReactionBadge.js +13 -21
  762. package/ui/ReactionBadge.js.map +1 -1
  763. package/ui/ReactionButton.js +30 -27
  764. package/ui/ReactionButton.js.map +1 -1
  765. package/ui/SortByRow.js +14 -18
  766. package/ui/SortByRow.js.map +1 -1
  767. package/ui/TextButton.js +13 -21
  768. package/ui/TextButton.js.map +1 -1
  769. package/ui/TextMessageItemBody.js +41 -48
  770. package/ui/TextMessageItemBody.js.map +1 -1
  771. package/ui/ThreadReplies.js +25 -22
  772. package/ui/ThreadReplies.js.map +1 -1
  773. package/ui/ThumbnailMessageItemBody.js +36 -45
  774. package/ui/ThumbnailMessageItemBody.js.map +1 -1
  775. package/ui/Toggle.js +191 -0
  776. package/ui/Toggle.js.map +1 -0
  777. package/ui/Tooltip.js +8 -9
  778. package/ui/Tooltip.js.map +1 -1
  779. package/ui/TooltipWrapper.js +17 -20
  780. package/ui/TooltipWrapper.js.map +1 -1
  781. package/ui/UnknownMessageItemBody.js +21 -22
  782. package/ui/UnknownMessageItemBody.js.map +1 -1
  783. package/ui/UserListItem.js +76 -76
  784. package/ui/UserListItem.js.map +1 -1
  785. package/ui/UserProfile.js +31 -29
  786. package/ui/UserProfile.js.map +1 -1
  787. package/ui/VoiceMessageItemBody.js +110 -0
  788. package/ui/VoiceMessageItemBody.js.map +1 -0
  789. package/ui/VoiceMessgeInput.js +14 -0
  790. package/ui/VoiceMessgeInput.js.map +1 -0
  791. package/ui/Word.js +31 -39
  792. package/ui/Word.js.map +1 -1
  793. package/useDirtyGetMentions-f00f1f94.js +75 -0
  794. package/useDirtyGetMentions-f00f1f94.js.map +1 -0
  795. package/useLongPress-1ab49410.js +85 -0
  796. package/useLongPress-1ab49410.js.map +1 -0
  797. package/useSendbirdStateContext.js +2 -3
  798. package/useSendbirdStateContext.js.map +1 -1
  799. package/utils/message/getOutgoingMessageState.js +9 -15
  800. package/utils/message/getOutgoingMessageState.js.map +1 -1
  801. package/utils/message/isVoiceMessage.js +8 -0
  802. package/utils/message/isVoiceMessage.js.map +1 -0
  803. package/{utils-ea66f822.js → utils-56cb7de5.js} +1 -1
  804. package/{utils-ea66f822.js.map → utils-56cb7de5.js.map} +1 -1
  805. package/utils-77f7e8b2.js +29 -0
  806. package/utils-77f7e8b2.js.map +1 -0
  807. package/{utils-ddb0df4c.js → utils-7f3d0d8c.js} +3 -7
  808. package/{utils-ddb0df4c.js.map → utils-7f3d0d8c.js.map} +1 -1
  809. package/utils-af9b1c06.js +31 -0
  810. package/utils-af9b1c06.js.map +1 -0
  811. package/uuid-92d22300.js +13 -0
  812. package/{uuid-7e004f47.js.map → uuid-92d22300.js.map} +1 -1
  813. package/withSendbird.js +5 -6
  814. package/withSendbird.js.map +1 -1
  815. package/ChannelListProvider-1d36e2e9.js.map +0 -1
  816. package/ChannelProvider-289cd35f.js.map +0 -1
  817. package/CreateChannelProvider-72b655e9.js +0 -55
  818. package/CreateChannelProvider-72b655e9.js.map +0 -1
  819. package/LocalizationContext-289c1917.js +0 -22
  820. package/MediaQueryContext-273d29f6.js +0 -90
  821. package/MediaQueryContext-273d29f6.js.map +0 -1
  822. package/MemberList-7ad0fa0b.js +0 -435
  823. package/MemberList-7ad0fa0b.js.map +0 -1
  824. package/NotificationChannel/components/NotificationChannelUI.js +0 -119
  825. package/NotificationChannel/components/NotificationChannelUI.js.map +0 -1
  826. package/NotificationChannel/components/NotificationList.js +0 -111
  827. package/NotificationChannel/components/NotificationList.js.map +0 -1
  828. package/NotificationChannel/components/NotificationMessageWrap.js +0 -136
  829. package/NotificationChannel/components/NotificationMessageWrap.js.map +0 -1
  830. package/NotificationChannel/context.js +0 -12
  831. package/NotificationChannel.js +0 -58
  832. package/NotificationChannel.js.map +0 -1
  833. package/NotificationChannelProvider-ad556c64.js +0 -535
  834. package/NotificationChannelProvider-ad556c64.js.map +0 -1
  835. package/OpenChannelListProvider-0febf8b2.js +0 -434
  836. package/OpenChannelListProvider-0febf8b2.js.map +0 -1
  837. package/OpenChannelProvider-c254c663.js +0 -2000
  838. package/OpenChannelProvider-c254c663.js.map +0 -1
  839. package/RemoveMessageModal-d6cbf9fa.js +0 -31
  840. package/RemoveMessageModal-d6cbf9fa.js.map +0 -1
  841. package/ThreadProvider-8696ef31.js +0 -1644
  842. package/ThreadProvider-8696ef31.js.map +0 -1
  843. package/_rollupPluginBabelHelpers-519f674b.js.map +0 -1
  844. package/actionTypes-9f87e87f.js +0 -6
  845. package/actionTypes-9f87e87f.js.map +0 -1
  846. package/cjs/ChannelListProvider-0de52d2b.js.map +0 -1
  847. package/cjs/ChannelProvider-fc58e60e.js.map +0 -1
  848. package/cjs/CreateChannelProvider-a82d20f4.js +0 -62
  849. package/cjs/CreateChannelProvider-a82d20f4.js.map +0 -1
  850. package/cjs/MediaQueryContext-4711a81f.js +0 -97
  851. package/cjs/MediaQueryContext-4711a81f.js.map +0 -1
  852. package/cjs/MemberList-b2623166.js +0 -441
  853. package/cjs/MemberList-b2623166.js.map +0 -1
  854. package/cjs/NotificationChannel/components/NotificationChannelUI.js +0 -125
  855. package/cjs/NotificationChannel/components/NotificationChannelUI.js.map +0 -1
  856. package/cjs/NotificationChannel/components/NotificationList.js +0 -117
  857. package/cjs/NotificationChannel/components/NotificationList.js.map +0 -1
  858. package/cjs/NotificationChannel/components/NotificationMessageWrap.js +0 -142
  859. package/cjs/NotificationChannel/components/NotificationMessageWrap.js.map +0 -1
  860. package/cjs/NotificationChannel/context.js +0 -21
  861. package/cjs/NotificationChannel.js +0 -64
  862. package/cjs/NotificationChannel.js.map +0 -1
  863. package/cjs/NotificationChannelProvider-2cdc7ff4.js +0 -543
  864. package/cjs/NotificationChannelProvider-2cdc7ff4.js.map +0 -1
  865. package/cjs/OpenChannelListProvider-60bc3c69.js +0 -443
  866. package/cjs/OpenChannelListProvider-60bc3c69.js.map +0 -1
  867. package/cjs/OpenChannelProvider-3ed4eb6e.js +0 -2009
  868. package/cjs/OpenChannelProvider-3ed4eb6e.js.map +0 -1
  869. package/cjs/RemoveMessageModal-9169766a.js.map +0 -1
  870. package/cjs/ThreadProvider-389f5031.js +0 -1653
  871. package/cjs/ThreadProvider-389f5031.js.map +0 -1
  872. package/cjs/_rollupPluginBabelHelpers-fed1e122.js.map +0 -1
  873. package/cjs/actionTypes-2f90e726.js +0 -10
  874. package/cjs/actionTypes-2f90e726.js.map +0 -1
  875. package/cjs/color-f47044b3.js.map +0 -1
  876. package/cjs/compareIds-4124b297.js.map +0 -1
  877. package/cjs/const-015e5589.js +0 -20
  878. package/cjs/const-015e5589.js.map +0 -1
  879. package/cjs/const-fd64914b.js.map +0 -1
  880. package/cjs/index-30c97863.js +0 -194
  881. package/cjs/index-30c97863.js.map +0 -1
  882. package/cjs/index-3a4f8219.js.map +0 -1
  883. package/cjs/index-40e4653a.js +0 -59
  884. package/cjs/index-40e4653a.js.map +0 -1
  885. package/cjs/index-5d5497c2.js.map +0 -1
  886. package/cjs/index-62c1bdfc.js +0 -701
  887. package/cjs/index-62c1bdfc.js.map +0 -1
  888. package/cjs/index-9ca07037.js.map +0 -1
  889. package/cjs/index-9f3670d0.js +0 -360
  890. package/cjs/index-9f3670d0.js.map +0 -1
  891. package/cjs/index-abbc8024.js.map +0 -1
  892. package/cjs/index-c475c3c8.js.map +0 -1
  893. package/cjs/index-c5cd589d.js.map +0 -1
  894. package/cjs/stringSet-3e6167ef.js.map +0 -1
  895. package/cjs/topics-56842e14.js +0 -22
  896. package/cjs/topics-56842e14.js.map +0 -1
  897. package/cjs/tslib.es6-b8ba50ef.js +0 -110
  898. package/cjs/tslib.es6-b8ba50ef.js.map +0 -1
  899. package/cjs/useLongPress-99c66f7f.js +0 -118
  900. package/cjs/useLongPress-99c66f7f.js.map +0 -1
  901. package/cjs/utils-9adfd244.js +0 -38
  902. package/cjs/utils-9adfd244.js.map +0 -1
  903. package/cjs/utils-f6a96ebf.js +0 -32
  904. package/cjs/utils-f6a96ebf.js.map +0 -1
  905. package/cjs/uuid-2475ef6c.js +0 -19
  906. package/compareIds-ef41eb2c.js.map +0 -1
  907. package/const-76d87f47.js.map +0 -1
  908. package/const-da6f3d34.js +0 -14
  909. package/const-da6f3d34.js.map +0 -1
  910. package/context-10475c77.js +0 -12
  911. package/index-12754b45.js.map +0 -1
  912. package/index-1e46e582.js +0 -179
  913. package/index-1e46e582.js.map +0 -1
  914. package/index-232388fa.js.map +0 -1
  915. package/index-2784bdd8.js.map +0 -1
  916. package/index-2f346069.js.map +0 -1
  917. package/index-4637b0de.js +0 -57
  918. package/index-4637b0de.js.map +0 -1
  919. package/index-4900e890.js +0 -353
  920. package/index-4900e890.js.map +0 -1
  921. package/index-751f97ce.js.map +0 -1
  922. package/index-855ef33d.js +0 -662
  923. package/index-855ef33d.js.map +0 -1
  924. package/index-aea7b7d6.js.map +0 -1
  925. package/stringSet-9ae71b7d.js.map +0 -1
  926. package/topics-e2963bba.js +0 -13
  927. package/topics-e2963bba.js.map +0 -1
  928. package/tslib.es6-72df3331.js +0 -104
  929. package/tslib.es6-72df3331.js.map +0 -1
  930. package/useLongPress-1a777e9e.js +0 -116
  931. package/useLongPress-1a777e9e.js.map +0 -1
  932. package/utils-2976f2c1.js +0 -30
  933. package/utils-2976f2c1.js.map +0 -1
  934. package/utils-6b69fb18.js +0 -34
  935. package/utils-6b69fb18.js.map +0 -1
  936. package/uuid-7e004f47.js +0 -17
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationChannelUI.js","sources":["../../../../src/smart-components/NotificationChannel/components/NotificationChannelUI/index.tsx"],"sourcesContent":["import './notification-channel-ui.scss';\n\nimport React from 'react';\n\nimport NotificationList from '../NotificationList';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { renderMessage, renderMessageHeader } from '../../types';\nimport { useNotficationChannelContext } from '../../context/NotificationChannelProvider';\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport { actionTypes } from '../../context/dux/actionTypes';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport sendbirdSelectors from '../../../../lib/selectors';\n\n\nexport type NotificationChannelUIProps = {\n isLoading?: boolean;\n renderPlaceholderLoader?: () => React.ReactElement;\n renderPlaceholderInvalid?: () => React.ReactElement;\n renderPlaceholderEmpty?: () => React.ReactElement;\n renderHeader?: () => React.ReactElement;\n renderMessageHeader?: renderMessageHeader;\n renderMessage?: renderMessage;\n}\n\nconst NotificationChannelUI: React.FC<NotificationChannelUIProps> = ({\n isLoading,\n renderPlaceholderLoader,\n renderPlaceholderInvalid,\n renderPlaceholderEmpty,\n renderMessageHeader,\n renderHeader,\n renderMessage,\n}: NotificationChannelUIProps): React.ReactElement => {\n const {\n uiState,\n showDeleteModal,\n notificationsDispatcher,\n currentNotificationChannel,\n messageToDelete,\n } = useNotficationChannelContext();\n const { stringSet } = useLocalization();\n const store = useSendbirdStateContext();\n const deleteMessage = sendbirdSelectors.getDeleteMessage(store);\n if (isLoading || uiState === 'loading') {\n return (\n <div className=\"sendbird-notification-channel\" data-notificationuistate=\"loading\">\n { renderHeader?.() || null }\n {\n renderPlaceholderLoader?.() || (\n <PlaceHolder\n type={PlaceHolderTypes.LOADING}\n className=\"sendbird-notification-channel__placeholder\"\n />\n )\n }\n </div>\n )\n }\n\n if (uiState === 'invalid') {\n return (\n <div className=\"sendbird-notification-channel\" data-notificationuistate=\"invalid\">\n { renderHeader?.() || null }\n {\n renderPlaceholderInvalid?.() || (\n <PlaceHolder\n type={PlaceHolderTypes.WRONG}\n className=\"sendbird-notification-channel__placeholder\"\n />\n )\n }\n </div>\n )\n }\n return (\n <div className=\"sendbird-notification-channel\">\n { renderHeader?.() || null }\n <NotificationList\n renderPlaceholderEmpty={renderPlaceholderEmpty}\n renderMessageHeader={renderMessageHeader}\n renderMessage={renderMessage}\n />\n {\n showDeleteModal && (\n <Modal\n type={ButtonTypes.DANGER}\n onCancel={() => {\n notificationsDispatcher({\n type: actionTypes.SHOW_DELETE_MODAL,\n payload: {\n showDeleteModal: false,\n message: null,\n },\n })\n }}\n onSubmit={() => {\n // @ts-ignore\n deleteMessage(currentNotificationChannel, messageToDelete).then(() => {\n notificationsDispatcher({\n type: actionTypes.ON_MESSAGE_DELETED,\n payload: {\n channel: currentNotificationChannel,\n message: messageToDelete,\n },\n });\n notificationsDispatcher({\n type: actionTypes.SHOW_DELETE_MODAL,\n payload: {\n showDeleteModal: false,\n message: null,\n },\n });\n });\n }}\n submitText={stringSet.MESSAGE_MENU__DELETE}\n titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n />\n )\n }\n </div>\n );\n}\n\nexport default NotificationChannelUI;\n"],"names":["NotificationChannelUI","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderMessageHeader","renderHeader","renderMessage","_b","useNotficationChannelContext","uiState","showDeleteModal","notificationsDispatcher","currentNotificationChannel","messageToDelete","stringSet","useLocalization","store","useSendbirdStateContext","deleteMessage","sendbirdSelectors","getDeleteMessage","React","PlaceHolder","PlaceHolderTypes","LOADING","WRONG","NotificationList","Modal","ButtonTypes","DANGER","type","actionTypes","SHOW_DELETE_MODAL","payload","message","then","ON_MESSAGE_DELETED","channel","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE"],"mappings":"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"}
@@ -1,117 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var NotificationChannel_context = require('../../NotificationChannelProvider-2cdc7ff4.js');
5
- var NotificationChannel_components_NotificationMessageWrap = require('./NotificationMessageWrap.js');
6
- var ui_PlaceHolder = require('../../index-9ca07037.js');
7
- require('../../useSendbirdStateContext.js');
8
- require('../../withSendbird.js');
9
- require('../../_rollupPluginBabelHelpers-fed1e122.js');
10
- require('../../tslib.es6-b8ba50ef.js');
11
- require('../../compareIds-4124b297.js');
12
- require('../../index-62c1bdfc.js');
13
- require('../../utils/message/getOutgoingMessageState.js');
14
- require('@sendbird/chat/groupChannel');
15
- require('../../uuid-2475ef6c.js');
16
- require('../../index-abbc8024.js');
17
- require('../../index-343cd84a.js');
18
- require('../../index-8de8f28a.js');
19
- require('../../index-d14a43c4.js');
20
- require('../../ui/UnknownMessageItemBody.js');
21
- require('../../index-5d5497c2.js');
22
- require('prop-types');
23
- require('../../stringSet-3e6167ef.js');
24
- require('../../LocalizationContext-bddc5c2b.js');
25
- require('../../ui/Icon.js');
26
- require('@sendbird/react-uikit-message-template-view');
27
- require('../../ui/Loader.js');
28
-
29
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
30
-
31
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
32
-
33
- var OFF_SET = 50;
34
-
35
- var shouldScroll = function (clientHeight, scrollTop, scrollHeight) {
36
- return clientHeight + scrollTop + OFF_SET > scrollHeight;
37
- };
38
-
39
- var SCROLL_DEBOUNCE = 400;
40
-
41
- var NotificationList = function (_a) {
42
- var renderMessage = _a.renderMessage,
43
- renderMessageHeader = _a.renderMessageHeader,
44
- renderPlaceholderEmpty = _a.renderPlaceholderEmpty;
45
-
46
- var _b = NotificationChannel_context.useNotficationChannelContext(),
47
- allMessages = _b.allMessages,
48
- scrollRef = _b.scrollRef,
49
- onFetchMore = _b.onFetchMore,
50
- hasMore = _b.hasMore;
51
-
52
- React.useEffect(function () {
53
- var timerId;
54
- var scrollDiv = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
55
-
56
- var handleScroll = function () {
57
- clearTimeout(timerId);
58
- timerId = setTimeout(function () {
59
- var scrollTop = scrollDiv.scrollTop,
60
- clientHeight = scrollDiv.clientHeight,
61
- scrollHeight = scrollDiv.scrollHeight;
62
-
63
- if (shouldScroll(clientHeight, scrollTop, scrollHeight) && hasMore) {
64
- var nodes = scrollRef.current.querySelectorAll('.sendbird-notification-channel__message-wrap');
65
- var last_1 = nodes === null || nodes === void 0 ? void 0 : nodes[(nodes === null || nodes === void 0 ? void 0 : nodes.length) - 1];
66
- onFetchMore(function (_a) {
67
- var messages = _a[0];
68
-
69
- if ((messages === null || messages === void 0 ? void 0 : messages.length) > 0) {
70
- // https://github.com/scabbiaza/react-scroll-position-on-updating-dom
71
- // Set block to nearest to prevent unexpected scrolling from outer components
72
- try {
73
- last_1.scrollIntoView({
74
- block: "start",
75
- inline: "nearest"
76
- });
77
- } catch (error) {//
78
- }
79
- }
80
- });
81
- }
82
- }, SCROLL_DEBOUNCE);
83
- };
84
-
85
- scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.addEventListener("scroll", handleScroll);
86
- return function () {
87
- clearTimeout(timerId);
88
- scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.removeEventListener("scroll", handleScroll);
89
- };
90
- }, [onFetchMore, hasMore, scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current]);
91
-
92
- if (allMessages.length === 0) {
93
- return /*#__PURE__*/React__default["default"].createElement("div", {
94
- className: "sendbird-notification-channel__list",
95
- "data-notificationuistate": "empty"
96
- }, (renderPlaceholderEmpty === null || renderPlaceholderEmpty === void 0 ? void 0 : renderPlaceholderEmpty()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
97
- type: ui_PlaceHolder.PlaceHolderTypes.NO_NOTIFICATIONS,
98
- className: "sendbird-notification-channel__placeholder"
99
- }));
100
- }
101
-
102
- return /*#__PURE__*/React__default["default"].createElement("div", {
103
- className: "sendbird-notification-channel__list",
104
- "data-notificationuistate": "loaded",
105
- ref: scrollRef
106
- }, /*#__PURE__*/React__default["default"].createElement("div", null, allMessages.map(function (message) {
107
- return /*#__PURE__*/React__default["default"].createElement(NotificationChannel_components_NotificationMessageWrap, {
108
- key: message === null || message === void 0 ? void 0 : message.messageId,
109
- message: message,
110
- renderMessage: renderMessage,
111
- renderMessageHeader: renderMessageHeader
112
- });
113
- })));
114
- };
115
-
116
- module.exports = NotificationList;
117
- //# sourceMappingURL=NotificationList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationList.js","sources":["../../../../src/smart-components/NotificationChannel/components/NotificationList/index.tsx"],"sourcesContent":["import './notification-list.scss';\n\nimport React, { useEffect } from \"react\";\n\nimport { renderMessage, renderMessageHeader } from \"../../types\";\nimport { useNotficationChannelContext } from \"../../context/NotificationChannelProvider\";\nimport NotificationMessageWrap from \"../NotificationMessageWrap\";\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nconst OFF_SET = 50;\nconst shouldScroll = (clientHeight: number, scrollTop: number, scrollHeight: number) => {\n return (clientHeight + scrollTop + OFF_SET) > scrollHeight;\n};\nconst SCROLL_DEBOUNCE = 400;\n\ntype Props = {\n renderMessage?: renderMessage;\n renderMessageHeader?: renderMessageHeader;\n renderPlaceholderEmpty?: () => React.ReactElement;\n}\n\nconst NotificationList: React.FC<Props> = ({\n renderMessage,\n renderMessageHeader,\n renderPlaceholderEmpty,\n}: Props): React.ReactElement => {\n const {\n allMessages,\n scrollRef,\n onFetchMore,\n hasMore,\n } = useNotficationChannelContext();\n\n useEffect(() => {\n let timerId;\n const scrollDiv = scrollRef?.current;\n const handleScroll = () => {\n clearTimeout(timerId);\n timerId = setTimeout(() => {\n const { scrollTop, clientHeight, scrollHeight } = scrollDiv;\n if (shouldScroll(clientHeight, scrollTop, scrollHeight) && hasMore) {\n const nodes = scrollRef.current.querySelectorAll('.sendbird-notification-channel__message-wrap');\n const last = nodes?.[nodes?.length - 1];\n onFetchMore(([messages]) => {\n if (messages?.length > 0) {\n // https://github.com/scabbiaza/react-scroll-position-on-updating-dom\n // Set block to nearest to prevent unexpected scrolling from outer components\n try {\n last.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n } catch (error) {\n //\n }\n }\n });\n }\n }, SCROLL_DEBOUNCE);\n };\n scrollDiv?.addEventListener(\"scroll\", handleScroll);\n\n return () => {\n clearTimeout(timerId);\n scrollDiv?.removeEventListener(\"scroll\", handleScroll);\n };\n }, [onFetchMore, hasMore, scrollRef?.current]);\n\n if (allMessages.length === 0) {\n return (\n <div className=\"sendbird-notification-channel__list\" data-notificationuistate=\"empty\">\n {\n renderPlaceholderEmpty?.() || (\n <PlaceHolder\n type={PlaceHolderTypes.NO_NOTIFICATIONS}\n className=\"sendbird-notification-channel__placeholder\"\n />\n )\n }\n </div>\n );\n }\n\n return (\n <div className=\"sendbird-notification-channel__list\" data-notificationuistate=\"loaded\" ref={scrollRef}>\n <div>\n {\n allMessages.map((message) => {\n return (\n <NotificationMessageWrap\n key={message?.messageId}\n message={message}\n renderMessage={renderMessage}\n renderMessageHeader={renderMessageHeader}\n />\n );\n })\n }\n </div>\n </div>\n );\n}\n\nexport default NotificationList;\n"],"names":["OFF_SET","shouldScroll","clientHeight","scrollTop","scrollHeight","SCROLL_DEBOUNCE","NotificationList","_a","renderMessage","renderMessageHeader","renderPlaceholderEmpty","_b","useNotficationChannelContext","allMessages","scrollRef","onFetchMore","hasMore","useEffect","timerId","scrollDiv","current","handleScroll","clearTimeout","setTimeout","nodes","querySelectorAll","last_1","length","messages","scrollIntoView","block","inline","error","addEventListener","removeEventListener","React","PlaceHolder","PlaceHolderTypes","NO_NOTIFICATIONS","map","message","NotificationMessageWrap","messageId"],"mappings":"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"}
@@ -1,142 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var index = require('../../index-abbc8024.js');
5
- var index$1 = require('../../index-8de8f28a.js');
6
- var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
7
- var ui_Icon = require('../../ui/Icon.js');
8
- var ui_Label = require('../../index-5d5497c2.js');
9
- var LocalizationContext = require('../../LocalizationContext-bddc5c2b.js');
10
- var NotificationChannel_context = require('../../NotificationChannelProvider-2cdc7ff4.js');
11
- var reactUikitMessageTemplateView = require('@sendbird/react-uikit-message-template-view');
12
- require('../../index-343cd84a.js');
13
- require('../../index-d14a43c4.js');
14
- require('../../index-62c1bdfc.js');
15
- require('../../tslib.es6-b8ba50ef.js');
16
- require('../../utils/message/getOutgoingMessageState.js');
17
- require('prop-types');
18
- require('../../stringSet-3e6167ef.js');
19
- require('../../useSendbirdStateContext.js');
20
- require('../../withSendbird.js');
21
- require('../../_rollupPluginBabelHelpers-fed1e122.js');
22
- require('../../compareIds-4124b297.js');
23
- require('@sendbird/chat/groupChannel');
24
- require('../../uuid-2475ef6c.js');
25
-
26
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
-
28
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
-
30
- var NotificationIcon = function () {
31
- return /*#__PURE__*/React__default["default"].createElement("div", {
32
- className: "sendbird-notification-channel__channel-icon-wrap"
33
- }, /*#__PURE__*/React__default["default"].createElement("div", {
34
- className: "sendbird-notification-channel__channel-icon"
35
- }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
36
- className: "sendbird-notification-channel__channel-icon-hash",
37
- fillColor: ui_Icon.IconColors.CONTENT,
38
- width: "12px",
39
- height: "12px",
40
- type: ui_Icon.IconTypes.CHANNELS
41
- })));
42
- };
43
-
44
- function NotificationMessageWrap(_a) {
45
- var _b, _c, _d;
46
-
47
- var renderMessage = _a.renderMessage,
48
- renderMessageHeader = _a.renderMessageHeader,
49
- message = _a.message;
50
-
51
- var _e = LocalizationContext.useLocalization(),
52
- dateLocale = _e.dateLocale,
53
- stringSet = _e.stringSet;
54
-
55
- var _f = NotificationChannel_context.useNotficationChannelContext(),
56
- lastSeen = _f.lastSeen,
57
- handleWebAction = _f.handleWebAction,
58
- handleCustomAction = _f.handleCustomAction,
59
- handlePredefinedAction = _f.handlePredefinedAction; // Typecasting to UserMessage to pass custom error message to UnknownMessage
60
-
61
-
62
- var _message = message;
63
- var customErrorLabel = (_message === null || _message === void 0 ? void 0 : _message.message) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE);
64
- var messageTemplate;
65
-
66
- try {
67
- // todo: typecaste properly after moving to seperate package
68
- // @ts-ignore
69
- messageTemplate = JSON.parse((_b = message === null || message === void 0 ? void 0 : message.extendedMessage) === null || _b === void 0 ? void 0 : _b.sub_data);
70
- } catch (error) {//
71
- }
72
-
73
- var memoizedCustomMessage = React.useMemo(function () {
74
- if (typeof renderMessage === 'function') {
75
- return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage({
76
- message: message
77
- });
78
- }
79
-
80
- return null;
81
- }, [message, renderMessage]);
82
- var memoizedCustomHeader = React.useMemo(function () {
83
- if (typeof renderMessageHeader === 'function') {
84
- return renderMessageHeader === null || renderMessageHeader === void 0 ? void 0 : renderMessageHeader({
85
- message: message
86
- });
87
- }
88
-
89
- return null;
90
- }, [message, renderMessageHeader]);
91
-
92
- var formatDate = function (createdAt) {
93
- var optionalParam = dateLocale ? {
94
- locale: dateLocale
95
- } : null;
96
-
97
- if (!createdAt) {
98
- return '';
99
- }
100
-
101
- if (index.isToday(createdAt)) {
102
- return index$1.format(createdAt, 'p', optionalParam);
103
- }
104
-
105
- if (index.isYesterday(createdAt)) {
106
- return stringSet.NOTIFICATION_CHANNEL__YESTERDAY;
107
- }
108
-
109
- return index$1.format(createdAt, 'MMM dd', optionalParam);
110
- };
111
-
112
- return /*#__PURE__*/React__default["default"].createElement(reactUikitMessageTemplateView.MessageProvider, {
113
- message: message,
114
- handleWebAction: handleWebAction,
115
- handleCustomAction: handleCustomAction,
116
- handlePredefinedAction: handlePredefinedAction
117
- }, /*#__PURE__*/React__default["default"].createElement("div", {
118
- className: "sendbird-notification-channel__message-wrap",
119
- "data-messageid": message === null || message === void 0 ? void 0 : message.messageId
120
- }, /*#__PURE__*/React__default["default"].createElement("div", {
121
- className: "sendbird-notification-channel__message-wrap-header"
122
- }, memoizedCustomHeader || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, null), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
123
- className: "sendbird-notification-channel__message-caption",
124
- type: ui_Label.LabelTypography.CAPTION_2
125
- }, message === null || message === void 0 ? void 0 : message.customType), /*#__PURE__*/React__default["default"].createElement("div", {
126
- className: "sendbird-notification-channel__message-date-wrap"
127
- }, (message === null || message === void 0 ? void 0 : message.createdAt) > lastSeen && /*#__PURE__*/React__default["default"].createElement("span", {
128
- className: "sendbird-notification-channel__unread"
129
- }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
130
- className: "sendbird-notification-channel__message-date",
131
- type: ui_Label.LabelTypography.CAPTION_3,
132
- color: ui_Label.LabelColors.ONBACKGROUND_3
133
- }, formatDate((message === null || message === void 0 ? void 0 : message.createdAt) || 0))))), memoizedCustomMessage || (((_c = messageTemplate === null || messageTemplate === void 0 ? void 0 : messageTemplate.body) === null || _c === void 0 ? void 0 : _c.items) === undefined ? /*#__PURE__*/React__default["default"].createElement(ui_UnknownMessageItemBody, {
134
- message: message,
135
- customText: customErrorLabel
136
- }) : /*#__PURE__*/React__default["default"].createElement(reactUikitMessageTemplateView.MessageTemplate, {
137
- templateItems: (_d = messageTemplate === null || messageTemplate === void 0 ? void 0 : messageTemplate.body) === null || _d === void 0 ? void 0 : _d.items
138
- }))));
139
- }
140
-
141
- module.exports = NotificationMessageWrap;
142
- //# sourceMappingURL=NotificationMessageWrap.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationMessageWrap.js","sources":["../../../../src/smart-components/NotificationChannel/components/NotificationMessageWrap/index.tsx"],"sourcesContent":["import '@sendbird/react-uikit-message-template-view/dist/index.css';\nimport './notification-message-wrap.scss';\n\nimport React, { useMemo } from \"react\";\nimport { BaseMessage, UserMessage } from \"@sendbird/chat/message\";\nimport isToday from \"date-fns/isToday\";\nimport format from \"date-fns/format\";\nimport isYesterday from \"date-fns/isYesterday\";\n\nimport { renderMessage, renderMessageHeader } from \"../../types\";\nimport UnknownMessageItemBody from \"../../../../ui/UnknownMessageItemBody\";\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useNotficationChannelContext } from '../../context/NotificationChannelProvider';\n\nimport { MessageTemplate, MessageProvider } from '@sendbird/react-uikit-message-template-view';\n\nconst NotificationIcon = (): React.ReactElement => (\n <div className=\"sendbird-notification-channel__channel-icon-wrap\">\n <div className=\"sendbird-notification-channel__channel-icon\">\n <Icon\n className=\"sendbird-notification-channel__channel-icon-hash\"\n fillColor={IconColors.CONTENT}\n width=\"12px\"\n height=\"12px\"\n type={IconTypes.CHANNELS}\n />\n </div>\n </div>\n);\n\ntype Props = {\n renderMessage?: renderMessage;\n renderMessageHeader?: renderMessageHeader;\n message: BaseMessage;\n}\n\nexport default function NotificationMessageWrap({\n renderMessage,\n renderMessageHeader,\n message,\n}: Props): JSX.Element {\n const { dateLocale, stringSet } = useLocalization();\n const {\n lastSeen,\n handleWebAction,\n handleCustomAction,\n handlePredefinedAction,\n } = useNotficationChannelContext();\n // Typecasting to UserMessage to pass custom error message to UnknownMessage\n const _message = message as UserMessage;\n const customErrorLabel = _message?.message || stringSet?.NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE;\n\n let messageTemplate;\n try {\n // todo: typecaste properly after moving to seperate package\n // @ts-ignore\n messageTemplate = JSON.parse(message?.extendedMessage?.sub_data);\n } catch (error) {\n //\n }\n const memoizedCustomMessage = useMemo(() => {\n if (typeof renderMessage === 'function') {\n return renderMessage?.({ message });\n }\n return null;\n }, [message, renderMessage]);\n\n const memoizedCustomHeader = useMemo(() => {\n if (typeof renderMessageHeader === 'function') {\n return renderMessageHeader?.({ message });\n }\n return null;\n }, [message, renderMessageHeader]);\n\n const formatDate = (createdAt: number) => {\n const optionalParam = dateLocale ? { locale: dateLocale } : null;\n if (!createdAt) {\n return '';\n }\n if (isToday(createdAt)) {\n return format(createdAt, 'p', optionalParam);\n }\n if (isYesterday(createdAt)) {\n return stringSet.NOTIFICATION_CHANNEL__YESTERDAY;\n }\n return format(createdAt, 'MMM dd', optionalParam);\n };\n\n return (\n <MessageProvider\n message={message}\n handleWebAction={handleWebAction}\n handleCustomAction={handleCustomAction}\n handlePredefinedAction={handlePredefinedAction}\n >\n <div className=\"sendbird-notification-channel__message-wrap\" data-messageid={message?.messageId}>\n <div className=\"sendbird-notification-channel__message-wrap-header\">\n {\n memoizedCustomHeader || (\n <>\n <NotificationIcon />\n <Label\n className=\"sendbird-notification-channel__message-caption\"\n type={LabelTypography.CAPTION_2}\n >\n {message?.customType}\n </Label>\n <div className='sendbird-notification-channel__message-date-wrap'>\n {\n message?.createdAt > lastSeen && (\n <span className=\"sendbird-notification-channel__unread\" />\n )\n }\n <Label\n className=\"sendbird-notification-channel__message-date\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_3}\n >\n {formatDate(message?.createdAt || 0)}\n </Label>\n </div>\n </>\n )\n }\n </div>\n {/* render custom message or unknown message or message template */}\n { memoizedCustomMessage || (\n messageTemplate?.body?.items === undefined ? (\n <UnknownMessageItemBody\n message={message}\n customText={customErrorLabel}\n />\n ) : (\n <MessageTemplate templateItems={messageTemplate?.body?.items} />\n )\n )}\n </div>\n\n </MessageProvider>\n );\n}\n"],"names":["NotificationIcon","React","Icon","IconColors","CONTENT","IconTypes","CHANNELS","NotificationMessageWrap","_a","renderMessage","renderMessageHeader","message","_e","useLocalization","dateLocale","stringSet","_f","useNotficationChannelContext","lastSeen","handleWebAction","handleCustomAction","handlePredefinedAction","_message","customErrorLabel","NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE","messageTemplate","JSON","parse","extendedMessage","_b","sub_data","error","memoizedCustomMessage","useMemo","memoizedCustomHeader","formatDate","createdAt","optionalParam","locale","isToday","format","isYesterday","NOTIFICATION_CHANNEL__YESTERDAY","MessageProvider","messageId","Label","LabelTypography","CAPTION_2","customType","CAPTION_3","LabelColors","ONBACKGROUND_3","_c","body","items","undefined","UnknownMessageItemBody","MessageTemplate","_d"],"mappings":"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"}
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('react');
6
- require('../useSendbirdStateContext.js');
7
- var NotificationChannel_context = require('../NotificationChannelProvider-2cdc7ff4.js');
8
- require('../withSendbird.js');
9
- require('../_rollupPluginBabelHelpers-fed1e122.js');
10
- require('../tslib.es6-b8ba50ef.js');
11
- require('../compareIds-4124b297.js');
12
- require('../index-62c1bdfc.js');
13
- require('../utils/message/getOutgoingMessageState.js');
14
- require('@sendbird/chat/groupChannel');
15
- require('../uuid-2475ef6c.js');
16
-
17
-
18
-
19
- exports.NotficationChannelProvider = NotificationChannel_context.NotficationChannelProvider;
20
- exports.useNotficationChannelContext = NotificationChannel_context.useNotficationChannelContext;
21
- //# sourceMappingURL=context.js.map
@@ -1,64 +0,0 @@
1
- 'use strict';
2
-
3
- var tslib_es6 = require('./tslib.es6-b8ba50ef.js');
4
- var React = require('react');
5
- var NotificationChannel_context = require('./NotificationChannelProvider-2cdc7ff4.js');
6
- var NotificationChannel_components_NotificationChannelUI = require('./NotificationChannel/components/NotificationChannelUI.js');
7
- require('./useSendbirdStateContext.js');
8
- require('./withSendbird.js');
9
- require('./_rollupPluginBabelHelpers-fed1e122.js');
10
- require('./compareIds-4124b297.js');
11
- require('./index-62c1bdfc.js');
12
- require('./utils/message/getOutgoingMessageState.js');
13
- require('@sendbird/chat/groupChannel');
14
- require('./uuid-2475ef6c.js');
15
- require('./NotificationChannel/components/NotificationList.js');
16
- require('./NotificationChannel/components/NotificationMessageWrap.js');
17
- require('./index-abbc8024.js');
18
- require('./index-343cd84a.js');
19
- require('./index-8de8f28a.js');
20
- require('./index-d14a43c4.js');
21
- require('./ui/UnknownMessageItemBody.js');
22
- require('./index-5d5497c2.js');
23
- require('prop-types');
24
- require('./stringSet-3e6167ef.js');
25
- require('./LocalizationContext-bddc5c2b.js');
26
- require('./ui/Icon.js');
27
- require('@sendbird/react-uikit-message-template-view');
28
- require('./index-9ca07037.js');
29
- require('./ui/Loader.js');
30
- require('./ui/Modal.js');
31
- require('react-dom');
32
- require('./index-c5cd589d.js');
33
- require('./ui/Button.js');
34
- require('./ui/IconButton.js');
35
- require('./MediaQueryContext-4711a81f.js');
36
- require('./sendbirdSelectors.js');
37
- require('./topics-56842e14.js');
38
- require('./utils-374d57b4.js');
39
-
40
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
41
-
42
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
43
-
44
- function NotificationChannel(props) {
45
- var channelUrl = props.channelUrl,
46
- messageListParams = props.messageListParams,
47
- lastSeen = props.lastSeen,
48
- handleWebAction = props.handleWebAction,
49
- handleCustomAction = props.handleCustomAction,
50
- handlePredefinedAction = props.handlePredefinedAction,
51
- uiProps = tslib_es6.__rest(props, ["channelUrl", "messageListParams", "lastSeen", "handleWebAction", "handleCustomAction", "handlePredefinedAction"]);
52
-
53
- return /*#__PURE__*/React__default["default"].createElement(NotificationChannel_context.NotficationChannelProvider, {
54
- channelUrl: channelUrl,
55
- lastSeen: lastSeen,
56
- messageListParams: messageListParams,
57
- handleWebAction: handleWebAction,
58
- handleCustomAction: handleCustomAction,
59
- handlePredefinedAction: handlePredefinedAction
60
- }, /*#__PURE__*/React__default["default"].createElement(NotificationChannel_components_NotificationChannelUI, uiProps));
61
- }
62
-
63
- module.exports = NotificationChannel;
64
- //# sourceMappingURL=NotificationChannel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationChannel.js","sources":["../../src/smart-components/NotificationChannel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotficationChannelContextProps, NotficationChannelProvider } from \"./context/NotificationChannelProvider\";\nimport NotificationChannelUI, { NotificationChannelUIProps } from \"./components/NotificationChannelUI\";\n\nexport interface NotificationChannelProps extends NotificationChannelUIProps, NotficationChannelContextProps {}\nexport default function NotificationChannel(props: NotificationChannelProps): JSX.Element {\n const {\n channelUrl,\n messageListParams,\n lastSeen,\n handleWebAction,\n handleCustomAction,\n handlePredefinedAction,\n ...uiProps\n } = props;\n return (\n <NotficationChannelProvider\n channelUrl={channelUrl}\n lastSeen={lastSeen}\n messageListParams={messageListParams}\n handleWebAction={handleWebAction}\n handleCustomAction={handleCustomAction}\n handlePredefinedAction={handlePredefinedAction}\n >\n <NotificationChannelUI\n {...uiProps}\n />\n </NotficationChannelProvider>\n )\n}\n"],"names":["NotificationChannel","props","channelUrl","messageListParams","lastSeen","handleWebAction","handleCustomAction","handlePredefinedAction","uiProps","__rest","React","NotficationChannelProvider","NotificationChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKwB,SAAAA,mBAAA,CAAoBC,KAApB,EAAmD;AAEvE,EAAA,IAAAC,UAAU,GAORD,KAAK,CAPGC,UAAV;AAAA,MACAC,iBAAiB,GAMfF,KAAK,CANUE,iBADjB;AAAA,MAEAC,QAAQ,GAKNH,KAAK,CALCG,QAFR;AAAA,MAGAC,eAAe,GAIbJ,KAAK,CAJQI,eAHf;AAAA,MAIAC,kBAAkB,GAGhBL,KAAK,CAHWK,kBAJlB;AAAA,MAKAC,sBAAsB,GAEpBN,KAAK,CAFeM,sBALtB;AAAA,MAMGC,OAAO,GACRC,gBAAA,CAAAR,KAAA,EARE,CAAA,YAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,wBAAA,CAQF,CAPF,CAAA;;AAQF,EAAA,oBACES,wCAACC,sDAAD,EAAA;AACE,IAAA,UAAU,EAAET,UADd;AAEE,IAAA,QAAQ,EAAEE,QAFZ;AAGE,IAAA,iBAAiB,EAAED,iBAHrB;AAIE,IAAA,eAAe,EAAEE,eAJnB;AAKE,IAAA,kBAAkB,EAAEC,kBALtB;AAME,IAAA,sBAAsB,EAAEC,sBAAAA;AAN1B,GAAA,eAQEG,yBAAC,CAAA,aAAA,CAAAE,oDAAD,EACMJ,OADN,CARF,CADF,CAAA;AAcD;;;;"}