@sendbird/uikit-react 3.5.0-rc.0 → 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-ade145a7.js → ChannelListProvider-4cf5c0f5.js} +233 -285
  45. package/ChannelListProvider-4cf5c0f5.js.map +1 -0
  46. package/{ChannelProvider-c9db10c0.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-60894e38.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-33a26cc4.js → UserProfileContext-c776d522.js} +1 -4
  172. package/{UserProfileContext-33a26cc4.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-ed44209e.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-65473831.js → ChannelListProvider-e0ce316a.js} +232 -284
  232. package/cjs/ChannelListProvider-e0ce316a.js.map +1 -0
  233. package/cjs/{ChannelProvider-1e08a7a9.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-8780a64e.js → LocalizationContext-0e429c3d.js} +9 -11
  277. package/cjs/{LocalizationContext-8780a64e.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-0da4f94b.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-0808e413.js → UserProfileContext-87580795.js} +1 -4
  358. package/cjs/{UserProfileContext-0808e413.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-bd6baf0a.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-fdbe394d.js → color-bada0fc7.js} +13 -21
  376. package/cjs/color-bada0fc7.js.map +1 -0
  377. package/cjs/{compareIds-d0c02eca.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-8785e4ad.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-012aecd1.js → context-8e7e8457.js} +6 -5
  392. package/cjs/{context-012aecd1.js.map → context-8e7e8457.js.map} +1 -1
  393. package/cjs/dist/index.css +1682 -1229
  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-48d85d8f.js → index-016f7106.js} +1 -1
  398. package/cjs/{index-48d85d8f.js.map → index-016f7106.js.map} +1 -1
  399. package/cjs/{index-e8544e24.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-bdd889a2.js → index-6cb0d040.js} +11 -25
  410. package/cjs/index-6cb0d040.js.map +1 -0
  411. package/cjs/{index-ebb542c3.js → index-71fdaa1b.js} +55 -63
  412. package/cjs/index-71fdaa1b.js.map +1 -0
  413. package/cjs/{index-abe135e6.js → index-7d125728.js} +2 -2
  414. package/cjs/{index-abe135e6.js.map → index-7d125728.js.map} +1 -1
  415. package/cjs/{index-e191d245.js → index-7f6bbe0c.js} +42 -51
  416. package/cjs/index-7f6bbe0c.js.map +1 -0
  417. package/cjs/{index-5ea12b7a.js → index-869e9a94.js} +2 -2
  418. package/cjs/{index-5ea12b7a.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-c13771a7.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-08d232f8.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-60660a99.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-ba58eacf.js → utils-01ff5332.js} +3 -7
  583. package/cjs/{utils-ba58eacf.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-708aa730.js → utils-ad7b5b82.js} +1 -1
  589. package/cjs/{utils-708aa730.js.map → utils-ad7b5b82.js.map} +1 -1
  590. package/cjs/uuid-12b01f73.js +15 -0
  591. package/cjs/{uuid-a9006ea2.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-c39702d1.js → color-347926b6.js} +5 -14
  595. package/{color-c39702d1.js.map → color-347926b6.js.map} +1 -1
  596. package/{compareIds-063e5503.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-1510a671.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-d5dc28c9.js.map → context-786ef1a2.js.map} +1 -1
  612. package/dist/index.css +1682 -1229
  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-7c1f570b.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-5e776774.js → index-319984d0.js} +1 -1
  621. package/{index-5e776774.js.map → index-319984d0.js.map} +1 -1
  622. package/{index-eadca08d.js → index-4455855e.js} +2 -2
  623. package/{index-eadca08d.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-b19486f5.js → index-6c252d25.js} +2 -2
  627. package/{index-b19486f5.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-d81c515b.js → index-9a4e0846.js} +1 -1
  633. package/index-9a4e0846.js.map +1 -0
  634. package/{index-fd15e3b0.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-95ac9232.js → index-e33f7f55.js} +11 -25
  643. package/index-e33f7f55.js.map +1 -0
  644. package/{index-b8de16d6.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-0fd24497.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-7ace5726.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-30c326f7.js → utils-56cb7de5.js} +1 -1
  804. package/{utils-30c326f7.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-ded73fa5.js → utils-7f3d0d8c.js} +3 -7
  808. package/{utils-ded73fa5.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-968941a0.js.map → uuid-92d22300.js.map} +1 -1
  813. package/withSendbird.js +5 -6
  814. package/withSendbird.js.map +1 -1
  815. package/ChannelListProvider-ade145a7.js.map +0 -1
  816. package/ChannelProvider-c9db10c0.js.map +0 -1
  817. package/CreateChannelProvider-be2dfe96.js +0 -55
  818. package/CreateChannelProvider-be2dfe96.js.map +0 -1
  819. package/LocalizationContext-60894e38.js +0 -22
  820. package/MediaQueryContext-bcf72e28.js +0 -90
  821. package/MediaQueryContext-bcf72e28.js.map +0 -1
  822. package/MemberList-ce1fd162.js +0 -435
  823. package/MemberList-ce1fd162.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-2cb7ca21.js +0 -535
  834. package/NotificationChannelProvider-2cb7ca21.js.map +0 -1
  835. package/OpenChannelListProvider-0bdafda1.js +0 -434
  836. package/OpenChannelListProvider-0bdafda1.js.map +0 -1
  837. package/OpenChannelProvider-a72c6fb7.js +0 -2000
  838. package/OpenChannelProvider-a72c6fb7.js.map +0 -1
  839. package/RemoveMessageModal-b025d4a7.js +0 -31
  840. package/RemoveMessageModal-b025d4a7.js.map +0 -1
  841. package/ThreadProvider-de5a7889.js +0 -1644
  842. package/ThreadProvider-de5a7889.js.map +0 -1
  843. package/_rollupPluginBabelHelpers-ed44209e.js.map +0 -1
  844. package/actionTypes-aa58fd27.js +0 -6
  845. package/actionTypes-aa58fd27.js.map +0 -1
  846. package/cjs/ChannelListProvider-65473831.js.map +0 -1
  847. package/cjs/ChannelProvider-1e08a7a9.js.map +0 -1
  848. package/cjs/CreateChannelProvider-cbf490c6.js +0 -62
  849. package/cjs/CreateChannelProvider-cbf490c6.js.map +0 -1
  850. package/cjs/MediaQueryContext-e455934a.js +0 -97
  851. package/cjs/MediaQueryContext-e455934a.js.map +0 -1
  852. package/cjs/MemberList-aee91fce.js +0 -441
  853. package/cjs/MemberList-aee91fce.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-4cc9575f.js +0 -543
  864. package/cjs/NotificationChannelProvider-4cc9575f.js.map +0 -1
  865. package/cjs/OpenChannelListProvider-4aab4391.js +0 -443
  866. package/cjs/OpenChannelListProvider-4aab4391.js.map +0 -1
  867. package/cjs/OpenChannelProvider-a763b71c.js +0 -2009
  868. package/cjs/OpenChannelProvider-a763b71c.js.map +0 -1
  869. package/cjs/RemoveMessageModal-0da4f94b.js.map +0 -1
  870. package/cjs/ThreadProvider-51be09a5.js +0 -1653
  871. package/cjs/ThreadProvider-51be09a5.js.map +0 -1
  872. package/cjs/_rollupPluginBabelHelpers-bd6baf0a.js.map +0 -1
  873. package/cjs/actionTypes-561bdde9.js +0 -10
  874. package/cjs/actionTypes-561bdde9.js.map +0 -1
  875. package/cjs/color-fdbe394d.js.map +0 -1
  876. package/cjs/compareIds-d0c02eca.js.map +0 -1
  877. package/cjs/const-8785e4ad.js.map +0 -1
  878. package/cjs/const-beb25e10.js +0 -20
  879. package/cjs/const-beb25e10.js.map +0 -1
  880. package/cjs/index-08d232f8.js.map +0 -1
  881. package/cjs/index-8a4b2f10.js +0 -59
  882. package/cjs/index-8a4b2f10.js.map +0 -1
  883. package/cjs/index-8c350889.js +0 -194
  884. package/cjs/index-8c350889.js.map +0 -1
  885. package/cjs/index-b3371ef2.js +0 -701
  886. package/cjs/index-b3371ef2.js.map +0 -1
  887. package/cjs/index-bdd889a2.js.map +0 -1
  888. package/cjs/index-c13771a7.js.map +0 -1
  889. package/cjs/index-e191d245.js.map +0 -1
  890. package/cjs/index-e8544e24.js.map +0 -1
  891. package/cjs/index-ebb542c3.js.map +0 -1
  892. package/cjs/index-f032bd2c.js +0 -360
  893. package/cjs/index-f032bd2c.js.map +0 -1
  894. package/cjs/stringSet-60660a99.js.map +0 -1
  895. package/cjs/topics-f3f74edc.js +0 -22
  896. package/cjs/topics-f3f74edc.js.map +0 -1
  897. package/cjs/tslib.es6-5a7eb30d.js +0 -110
  898. package/cjs/tslib.es6-5a7eb30d.js.map +0 -1
  899. package/cjs/useLongPress-e7140087.js +0 -118
  900. package/cjs/useLongPress-e7140087.js.map +0 -1
  901. package/cjs/utils-693dd952.js +0 -38
  902. package/cjs/utils-693dd952.js.map +0 -1
  903. package/cjs/utils-b6001dd4.js +0 -32
  904. package/cjs/utils-b6001dd4.js.map +0 -1
  905. package/cjs/uuid-a9006ea2.js +0 -19
  906. package/compareIds-063e5503.js.map +0 -1
  907. package/const-14919575.js +0 -14
  908. package/const-14919575.js.map +0 -1
  909. package/const-1510a671.js.map +0 -1
  910. package/context-d5dc28c9.js +0 -12
  911. package/index-0fd24497.js.map +0 -1
  912. package/index-2561104e.js +0 -179
  913. package/index-2561104e.js.map +0 -1
  914. package/index-54843058.js +0 -57
  915. package/index-54843058.js.map +0 -1
  916. package/index-58e5d82d.js +0 -662
  917. package/index-58e5d82d.js.map +0 -1
  918. package/index-7c1f570b.js.map +0 -1
  919. package/index-95ac9232.js.map +0 -1
  920. package/index-b8de16d6.js.map +0 -1
  921. package/index-d07faed8.js +0 -353
  922. package/index-d07faed8.js.map +0 -1
  923. package/index-d81c515b.js.map +0 -1
  924. package/index-fd15e3b0.js.map +0 -1
  925. package/stringSet-7ace5726.js.map +0 -1
  926. package/topics-d390daf6.js +0 -13
  927. package/topics-d390daf6.js.map +0 -1
  928. package/tslib.es6-d9fa3716.js +0 -104
  929. package/tslib.es6-d9fa3716.js.map +0 -1
  930. package/useLongPress-7d9a5f67.js +0 -116
  931. package/useLongPress-7d9a5f67.js.map +0 -1
  932. package/utils-40ce4da5.js +0 -34
  933. package/utils-40ce4da5.js.map +0 -1
  934. package/utils-d485030c.js +0 -30
  935. package/utils-d485030c.js.map +0 -1
  936. package/uuid-968941a0.js +0 -17
@@ -1,140 +1,126 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../../tslib.es6-5a7eb30d.js');
3
+ var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-c89f311a.js');
4
4
  var React = require('react');
5
- var LocalizationContext = require('../../LocalizationContext-8780a64e.js');
6
- var CreateChannel_context = require('../../CreateChannelProvider-cbf490c6.js');
5
+ var LocalizationContext = require('../../LocalizationContext-0e429c3d.js');
6
+ var CreateChannel_context = require('../../CreateChannelProvider-c0fca0a5.js');
7
7
  var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
8
8
  var ui_Modal = require('../../ui/Modal.js');
9
- var ui_Label = require('../../index-bdd889a2.js');
9
+ var ui_Label = require('../../index-6cb0d040.js');
10
10
  var ui_Button = require('../../ui/Button.js');
11
11
  var ui_UserListItem = require('../../ui/UserListItem.js');
12
- require('../../stringSet-60660a99.js');
13
- require('../../index-48d85d8f.js');
12
+ require('../../stringSet-106da549.js');
13
+ require('../../index-016f7106.js');
14
14
  require('../../sendbirdSelectors.js');
15
- require('../../topics-f3f74edc.js');
16
- require('../../utils-708aa730.js');
15
+ require('../../topics-b384e6b3.js');
16
+ require('../../utils-ad7b5b82.js');
17
17
  require('../../withSendbird.js');
18
- require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
19
18
  require('react-dom');
20
- require('../../index-08d232f8.js');
19
+ require('../../index-f570d25c.js');
21
20
  require('../../ui/Icon.js');
22
21
  require('prop-types');
23
22
  require('../../ui/IconButton.js');
24
- require('../../MediaQueryContext-e455934a.js');
25
- require('../../UserProfileContext-0808e413.js');
23
+ require('../../MediaQueryContext-33fc3b17.js');
24
+ require('../../UserProfileContext-87580795.js');
26
25
  require('../../ui/Avatar.js');
27
26
  require('../../ui/ImageRenderer.js');
28
- require('../../uuid-a9006ea2.js');
27
+ require('../../uuid-12b01f73.js');
29
28
  require('../../ui/MutedAvatarOverlay.js');
30
29
  require('../../ui/Checkbox.js');
31
30
  require('../../ui/UserProfile.js');
32
31
  require('../../ui/ContextMenu.js');
33
32
  require('../../ui/SortByRow.js');
34
- require('../../index-b3371ef2.js');
33
+ require('../../index-5231fde8.js');
35
34
  require('../../utils/message/getOutgoingMessageState.js');
36
35
 
37
36
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
38
37
 
39
38
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
40
39
 
41
- var filterUser = function (idsToFilter) {
42
- return function (currentId) {
43
- return idsToFilter === null || idsToFilter === void 0 ? void 0 : idsToFilter.includes(currentId);
44
- };
45
- };
46
- var setChannelType = function (params, type) {
40
+ const filterUser = idsToFilter => currentId => idsToFilter === null || idsToFilter === void 0 ? void 0 : idsToFilter.includes(currentId);
41
+ const setChannelType = (params, type) => {
47
42
  if (type === 'broadcast') {
48
43
  // eslint-disable-next-line no-param-reassign
49
44
  params.isBroadcast = true;
50
45
  }
51
-
52
46
  if (type === 'supergroup') {
53
47
  // eslint-disable-next-line no-param-reassign
54
48
  params.isSuper = true;
55
49
  }
56
-
57
50
  return params;
58
51
  };
59
- var createDefaultUserListQuery = function (_a) {
60
- var sdk = _a.sdk,
61
- userFilledApplicationUserListQuery = _a.userFilledApplicationUserListQuery;
62
-
63
- if (sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery) {
64
- var params_1 = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
65
-
52
+ const createDefaultUserListQuery = _ref => {
53
+ let {
54
+ sdk,
55
+ userFilledApplicationUserListQuery
56
+ } = _ref;
57
+ if (sdk !== null && sdk !== void 0 && sdk.createApplicationUserListQuery) {
58
+ const params = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
66
59
  if (userFilledApplicationUserListQuery) {
67
- Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
68
- params_1[key] = userFilledApplicationUserListQuery[key];
60
+ Object.keys(userFilledApplicationUserListQuery).forEach(key => {
61
+ params[key] = userFilledApplicationUserListQuery[key];
69
62
  });
70
63
  }
71
-
72
- return params_1;
64
+ return params;
73
65
  }
74
66
  };
75
67
 
76
- var appHeight = function () {
68
+ const appHeight = () => {
77
69
  try {
78
- var doc = document.documentElement;
79
- doc.style.setProperty('--sendbird-vh', window.innerHeight * .01 + 'px');
80
- } catch (_a) {}
70
+ const doc = document.documentElement;
71
+ doc.style.setProperty('--sendbird-vh', window.innerHeight * 0.01 + 'px');
72
+ } catch (_unused) {
73
+ //
74
+ }
81
75
  };
82
-
83
- var InviteUsers = function (_a) {
84
- var _b, _c, _d;
85
-
86
- var onCancel = _a.onCancel,
87
- userListQuery = _a.userListQuery;
88
-
89
- var _e = CreateChannel_context.useCreateChannelContext(),
90
- onBeforeCreateChannel = _e.onBeforeCreateChannel,
91
- onCreateChannel = _e.onCreateChannel,
92
- overrideInviteUser = _e.overrideInviteUser,
93
- createChannel = _e.createChannel,
94
- type = _e.type;
95
-
96
- var globalStore = useSendbirdStateContext();
97
- var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
98
- var sdk = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
99
- var idsToFilter = [userId];
100
-
101
- var _f = React.useState([]),
102
- users = _f[0],
103
- setUsers = _f[1];
104
-
105
- var _g = React.useState({}),
106
- selectedUsers = _g[0],
107
- setSelectedUsers = _g[1];
108
-
109
- var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
110
-
111
- var _h = React.useState(null),
112
- usersDataSource = _h[0],
113
- setUsersDataSource = _h[1];
114
-
115
- var selectedCount = Object.keys(selectedUsers).length;
116
- var titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
117
- var submitText = stringSet.BUTTON__CREATE;
118
- var userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({
119
- sdk: sdk
76
+ const BUFFER = 50;
77
+ const InviteUsers = _ref => {
78
+ var _globalStore$config, _globalStore$stores, _globalStore$stores$s;
79
+ let {
80
+ onCancel,
81
+ userListQuery
82
+ } = _ref;
83
+ const {
84
+ onBeforeCreateChannel,
85
+ onCreateChannel,
86
+ overrideInviteUser,
87
+ createChannel,
88
+ type
89
+ } = CreateChannel_context.useCreateChannelContext();
90
+ const globalStore = useSendbirdStateContext();
91
+ const userId = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config = globalStore.config) === null || _globalStore$config === void 0 ? void 0 : _globalStore$config.userId;
92
+ const sdk = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$stores = globalStore.stores) === null || _globalStore$stores === void 0 ? void 0 : (_globalStore$stores$s = _globalStore$stores.sdkStore) === null || _globalStore$stores$s === void 0 ? void 0 : _globalStore$stores$s.sdk;
93
+ const idsToFilter = [userId];
94
+ const [users, setUsers] = React.useState([]);
95
+ const [selectedUsers, setSelectedUsers] = React.useState({});
96
+ const {
97
+ stringSet
98
+ } = React.useContext(LocalizationContext.LocalizationContext);
99
+ const [usersDataSource, setUsersDataSource] = React.useState(null);
100
+ const selectedCount = Object.keys(selectedUsers).length;
101
+ const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
102
+ const submitText = stringSet.BUTTON__CREATE;
103
+ const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({
104
+ sdk
120
105
  });
121
- React.useEffect(function () {
122
- var applicationUserListQuery = userQueryCreator;
123
- setUsersDataSource(applicationUserListQuery); // @ts-ignore
124
-
125
- if (!(applicationUserListQuery === null || applicationUserListQuery === void 0 ? void 0 : applicationUserListQuery.isLoading)) {
126
- applicationUserListQuery.next().then(function (users_) {
106
+ React.useEffect(() => {
107
+ const applicationUserListQuery = userQueryCreator;
108
+ setUsersDataSource(applicationUserListQuery);
109
+ // @ts-ignore
110
+ if (!(applicationUserListQuery !== null && applicationUserListQuery !== void 0 && applicationUserListQuery.isLoading)) {
111
+ applicationUserListQuery.next().then(users_ => {
127
112
  setUsers(users_);
128
113
  });
129
114
  }
130
- }, []); // https://stackoverflow.com/a/70302463
115
+ }, []);
116
+
117
+ // https://stackoverflow.com/a/70302463
131
118
  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing
132
119
  // to fix navbar break in mobile
133
-
134
- React.useEffect(function () {
120
+ React.useEffect(() => {
135
121
  appHeight();
136
122
  window.addEventListener('resize', appHeight);
137
- return function () {
123
+ return () => {
138
124
  window.removeEventListener('resize', appHeight);
139
125
  };
140
126
  }, []);
@@ -145,9 +131,8 @@ var InviteUsers = function (_a) {
145
131
  type: ui_Button.ButtonTypes.PRIMARY,
146
132
  disabled: Object.keys(selectedUsers).length === 0,
147
133
  onCancel: onCancel,
148
- onSubmit: function () {
149
- var selectedUserList = Object.keys(selectedUsers);
150
-
134
+ onSubmit: () => {
135
+ const selectedUserList = Object.keys(selectedUsers);
151
136
  if (typeof overrideInviteUser === 'function') {
152
137
  overrideInviteUser({
153
138
  users: selectedUserList,
@@ -156,68 +141,61 @@ var InviteUsers = function (_a) {
156
141
  });
157
142
  return;
158
143
  }
159
-
160
144
  if (selectedUserList.length > 0) {
161
145
  if (onBeforeCreateChannel) {
162
- var params = onBeforeCreateChannel(selectedUserList);
146
+ const params = onBeforeCreateChannel(selectedUserList);
163
147
  setChannelType(params, type);
164
- createChannel(params).then(function (channel) {
148
+ createChannel(params).then(channel => {
165
149
  onCreateChannel(channel);
166
150
  });
167
151
  } else {
168
- var params = {};
152
+ const params = {};
169
153
  params.invitedUserIds = selectedUserList;
170
154
  params.isDistinct = false;
171
-
172
155
  if (userId) {
173
156
  params.operatorUserIds = [userId];
174
157
  }
175
-
176
- setChannelType(params, type); // do not have custom params
177
-
178
- createChannel(params).then(function (channel) {
158
+ setChannelType(params, type);
159
+ // do not have custom params
160
+ createChannel(params).then(channel => {
179
161
  onCreateChannel(channel);
180
162
  });
181
163
  }
182
-
183
164
  onCancel();
184
165
  }
185
166
  }
186
167
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
187
168
  color: selectedCount > 0 ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3,
188
169
  type: ui_Label.LabelTypography.CAPTION_1
189
- }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)), /*#__PURE__*/React__default["default"].createElement("div", {
170
+ }, `${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTED}`), /*#__PURE__*/React__default["default"].createElement("div", {
190
171
  className: "sendbird-create-channel--scroll",
191
- onScroll: function (e) {
192
- var eventTarget = e.target;
193
- var hasNext = usersDataSource.hasNext;
194
- var fetchMore = eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight;
195
-
172
+ onScroll: e => {
173
+ const eventTarget = e.target;
174
+ const {
175
+ hasNext
176
+ } = usersDataSource;
177
+ const fetchMore = eventTarget.clientHeight + eventTarget.scrollTop + BUFFER > eventTarget.scrollHeight;
196
178
  if (hasNext && fetchMore) {
197
- usersDataSource.next().then(function (usersBatch) {
198
- setUsers(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], users, true), usersBatch, true));
179
+ usersDataSource.next().then(usersBatch => {
180
+ setUsers([...users, ...usersBatch]);
199
181
  });
200
182
  }
201
183
  }
202
- }, users.map(function (user) {
203
- return !filterUser(idsToFilter)(user.userId) && /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
204
- key: user.userId,
205
- user: user,
206
- checkBox: true,
207
- checked: selectedUsers[user.userId],
208
- onChange: function (event) {
209
- var _a;
210
-
211
- var modifiedSelectedUsers = tslib_es6.__assign(tslib_es6.__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
212
-
213
- if (!event.target.checked) {
214
- delete modifiedSelectedUsers[event.target.id];
215
- }
216
-
217
- setSelectedUsers(modifiedSelectedUsers);
184
+ }, users.map(user => !filterUser(idsToFilter)(user.userId) && /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
185
+ key: user.userId,
186
+ user: user,
187
+ checkBox: true,
188
+ checked: selectedUsers[user.userId],
189
+ onChange: event => {
190
+ const modifiedSelectedUsers = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, selectedUsers), {}, {
191
+ [event.target.id]: event.target.checked
192
+ });
193
+ if (!event.target.checked) {
194
+ delete modifiedSelectedUsers[event.target.id];
218
195
  }
219
- });
220
- }))));
196
+ setSelectedUsers(modifiedSelectedUsers);
197
+ }
198
+ })))));
221
199
  };
222
200
 
223
201
  module.exports = InviteUsers;
@@ -1 +1 @@
1
- {"version":3,"file":"InviteUsers.js","sources":["../../../../src/smart-components/CreateChannel/components/InviteUsers/utils.ts","../../../../src/smart-components/CreateChannel/components/InviteUsers/index.tsx"],"sourcesContent":["import type { ApplicationUserListQuery } from \"@sendbird/chat\";\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\nimport { CHANNEL_TYPE } from \"../../types\";\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n params: GroupChannelCreateParams,\n type: CHANNEL_TYPE,\n): GroupChannelCreateParams => {\n if (type === 'broadcast') {\n // eslint-disable-next-line no-param-reassign\n params.isBroadcast = true;\n }\n if (type === 'supergroup') {\n // eslint-disable-next-line no-param-reassign\n params.isSuper = true;\n }\n return params;\n};\n\ntype CreateDefaultUserListQueryType = {\n sdk: SendbirdGroupChat;\n userFilledApplicationUserListQuery?: ApplicationUserListQuery;\n}\n\nexport const createDefaultUserListQuery = (\n { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType\n): ApplicationUserListQuery => {\n if (sdk?.createApplicationUserListQuery) {\n const params = sdk?.createApplicationUserListQuery();\n if (userFilledApplicationUserListQuery) {\n Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n params[key] = userFilledApplicationUserListQuery[key];\n });\n }\n return params;\n }\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport type { ApplicationUserListQuery } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n LabelColors,\n LabelTypography,\n} from '../../../../ui/Label';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { UserListQuery } from '../../context/CreateChannelProvider';\n\nimport {\n filterUser,\n setChannelType,\n createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n onCancel?: () => void;\n userListQuery?(): UserListQuery;\n}\n\nconst appHeight = () => {\n try {\n const doc = document.documentElement;\n doc.style.setProperty('--sendbird-vh', (window.innerHeight*.01) + 'px');\n } catch {}\n}\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n onCancel,\n userListQuery,\n}: InviteUsersProps) => {\n const {\n onBeforeCreateChannel,\n onCreateChannel,\n overrideInviteUser,\n createChannel,\n type,\n } = useCreateChannelContext();\n\n const globalStore = useSendbirdStateContext();\n const userId = globalStore?.config?.userId;\n const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n const idsToFilter = [userId];\n const [users, setUsers] = useState([]);\n const [selectedUsers, setSelectedUsers] = useState({});\n const { stringSet } = useContext(LocalizationContext);\n const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);\n const selectedCount = Object.keys(selectedUsers).length;\n const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;\n const submitText = stringSet.BUTTON__CREATE;\n\n const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });\n\n useEffect(() => {\n const applicationUserListQuery = userQueryCreator;\n setUsersDataSource(applicationUserListQuery);\n // @ts-ignore\n if (!applicationUserListQuery?.isLoading) {\n applicationUserListQuery.next().then((users_) => {\n setUsers(users_);\n });\n }\n }, []);\n\n // https://stackoverflow.com/a/70302463\n // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing\n // to fix navbar break in mobile\n useEffect(() => {\n appHeight();\n window.addEventListener('resize', appHeight);\n return () => {\n window.removeEventListener('resize', appHeight);\n }\n }, []);\n\n return (\n <Modal\n isFullScreenOnMobile\n titleText={titleText}\n submitText={submitText}\n type={ButtonTypes.PRIMARY}\n disabled={Object.keys(selectedUsers).length === 0}\n onCancel={onCancel}\n onSubmit={() => {\n const selectedUserList = Object.keys(selectedUsers);\n if (typeof overrideInviteUser === 'function') {\n overrideInviteUser({\n users: selectedUserList,\n onClose: onCancel,\n channelType: type,\n });\n return;\n }\n if (selectedUserList.length > 0) {\n if (onBeforeCreateChannel) {\n const params = onBeforeCreateChannel(selectedUserList);\n setChannelType(params, type);\n createChannel(params).then((channel) => {\n onCreateChannel(channel);\n });\n } else {\n const params: GroupChannelCreateParams = {};\n params.invitedUserIds = selectedUserList;\n params.isDistinct = false;\n if (userId) {\n params.operatorUserIds = [userId];\n }\n setChannelType(params, type);\n // do not have custom params\n createChannel(params).then((channel) => {\n onCreateChannel(channel);\n });\n }\n onCancel();\n }\n }}\n >\n <div>\n <Label\n color={(selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n type={LabelTypography.CAPTION_1}\n >\n {`${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTED}`}\n </Label>\n <div\n className=\"sendbird-create-channel--scroll\"\n onScroll={(e) => {\n const eventTarget = e.target as HTMLDivElement;\n const { hasNext } = usersDataSource;\n const fetchMore = (\n eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight\n );\n\n if (hasNext && fetchMore) {\n usersDataSource.next().then((usersBatch) => {\n setUsers([\n ...users,\n ...usersBatch,\n ]);\n });\n }\n }}\n >\n {\n users.map((user) => (!filterUser(idsToFilter)(user.userId)) && (\n <UserListItem\n key={user.userId}\n user={user}\n checkBox\n checked={selectedUsers[user.userId]}\n onChange={\n (event) => {\n const modifiedSelectedUsers = {\n ...selectedUsers,\n [event.target.id]: event.target.checked,\n };\n if (!event.target.checked) {\n delete modifiedSelectedUsers[event.target.id];\n }\n setSelectedUsers(modifiedSelectedUsers);\n }\n }\n />\n ))\n }\n </div>\n </div>\n </Modal>\n );\n};\n\nexport default InviteUsers;\n"],"names":["filterUser","idsToFilter","currentId","includes","setChannelType","params","type","isBroadcast","isSuper","createDefaultUserListQuery","_a","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","params_1","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","InviteUsers","onCancel","userListQuery","_e","useCreateChannelContext","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","globalStore","useSendbirdStateContext","userId","_b","config","_d","_c","stores","sdkStore","_f","useState","users","setUsers","_g","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","_h","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","isLoading","next","then","users_","addEventListener","removeEventListener","React","Modal","ButtonTypes","PRIMARY","selectedUserList","onClose","channelType","channel","invitedUserIds","isDistinct","operatorUserIds","Label","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","concat","MODAL__INVITE_MEMBER__SELECTED","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","__spreadArray","map","user","UserListItem","event","modifiedSelectedUsers","__assign","id","checked"],"mappings":"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"}
1
+ {"version":3,"file":"InviteUsers.js","sources":["../../../../src/modules/CreateChannel/components/InviteUsers/utils.ts","../../../../src/modules/CreateChannel/components/InviteUsers/index.tsx"],"sourcesContent":["import type { ApplicationUserListQuery } from '@sendbird/chat';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { CHANNEL_TYPE } from '../../types';\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n params: GroupChannelCreateParams,\n type: CHANNEL_TYPE,\n): GroupChannelCreateParams => {\n if (type === 'broadcast') {\n // eslint-disable-next-line no-param-reassign\n params.isBroadcast = true;\n }\n if (type === 'supergroup') {\n // eslint-disable-next-line no-param-reassign\n params.isSuper = true;\n }\n return params;\n};\n\ntype CreateDefaultUserListQueryType = {\n sdk: SendbirdGroupChat;\n userFilledApplicationUserListQuery?: ApplicationUserListQuery;\n};\n\nexport const createDefaultUserListQuery = (\n { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType,\n): ApplicationUserListQuery => {\n if (sdk?.createApplicationUserListQuery) {\n const params = sdk?.createApplicationUserListQuery();\n if (userFilledApplicationUserListQuery) {\n Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n params[key] = userFilledApplicationUserListQuery[key];\n });\n }\n return params;\n }\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport type { ApplicationUserListQuery, User } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext, UserListQuery } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n LabelColors,\n LabelTypography,\n} from '../../../../ui/Label';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\n\nimport {\n filterUser,\n setChannelType,\n createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n onCancel?: () => void;\n userListQuery?(): UserListQuery;\n}\n\nconst appHeight = () => {\n try {\n const doc = document.documentElement;\n doc.style.setProperty('--sendbird-vh', (window.innerHeight * 0.01) + 'px');\n } catch {\n //\n }\n};\n\nconst BUFFER = 50;\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n onCancel,\n userListQuery,\n}: InviteUsersProps) => {\n const {\n onBeforeCreateChannel,\n onCreateChannel,\n overrideInviteUser,\n createChannel,\n type,\n } = useCreateChannelContext();\n\n const globalStore = useSendbirdStateContext();\n const userId = globalStore?.config?.userId;\n const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n const idsToFilter = [userId];\n const [users, setUsers] = useState<User[]>([]);\n const [selectedUsers, setSelectedUsers] = useState({});\n const { stringSet } = useContext(LocalizationContext);\n const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);\n const selectedCount = Object.keys(selectedUsers).length;\n const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;\n const submitText = stringSet.BUTTON__CREATE;\n\n const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });\n\n useEffect(() => {\n const applicationUserListQuery = userQueryCreator;\n setUsersDataSource(applicationUserListQuery);\n // @ts-ignore\n if (!applicationUserListQuery?.isLoading) {\n applicationUserListQuery.next().then((users_) => {\n setUsers(users_);\n });\n }\n }, []);\n\n // https://stackoverflow.com/a/70302463\n // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing\n // to fix navbar break in mobile\n useEffect(() => {\n appHeight();\n window.addEventListener('resize', appHeight);\n return () => {\n window.removeEventListener('resize', appHeight);\n };\n }, []);\n\n return (\n <Modal\n isFullScreenOnMobile\n titleText={titleText}\n submitText={submitText}\n type={ButtonTypes.PRIMARY}\n disabled={Object.keys(selectedUsers).length === 0}\n onCancel={onCancel}\n onSubmit={() => {\n const selectedUserList = Object.keys(selectedUsers);\n if (typeof overrideInviteUser === 'function') {\n overrideInviteUser({\n users: selectedUserList,\n onClose: onCancel,\n channelType: type,\n });\n return;\n }\n if (selectedUserList.length > 0) {\n if (onBeforeCreateChannel) {\n const params = onBeforeCreateChannel(selectedUserList);\n setChannelType(params, type);\n createChannel(params).then((channel) => {\n onCreateChannel(channel);\n });\n } else {\n const params: GroupChannelCreateParams = {};\n params.invitedUserIds = selectedUserList;\n params.isDistinct = false;\n if (userId) {\n params.operatorUserIds = [userId];\n }\n setChannelType(params, type);\n // do not have custom params\n createChannel(params).then((channel) => {\n onCreateChannel(channel);\n });\n }\n onCancel();\n }\n }}\n >\n <div>\n <Label\n color={(selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n type={LabelTypography.CAPTION_1}\n >\n {`${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTED}`}\n </Label>\n <div\n className=\"sendbird-create-channel--scroll\"\n\n onScroll={(e) => {\n const eventTarget = e.target as HTMLDivElement;\n const { hasNext } = usersDataSource;\n const fetchMore = (\n (eventTarget.clientHeight + eventTarget.scrollTop + BUFFER) > eventTarget.scrollHeight\n );\n\n if (hasNext && fetchMore) {\n usersDataSource.next().then((usersBatch) => {\n setUsers([\n ...users,\n ...usersBatch,\n ]);\n });\n }\n }}\n >\n {\n users.map((user) => (!filterUser(idsToFilter)(user.userId)) && (\n <UserListItem\n key={user.userId}\n user={user}\n checkBox\n checked={selectedUsers[user.userId]}\n onChange={\n (event) => {\n const modifiedSelectedUsers = {\n ...selectedUsers,\n [event.target.id]: event.target.checked,\n };\n if (!event.target.checked) {\n delete modifiedSelectedUsers[event.target.id];\n }\n setSelectedUsers(modifiedSelectedUsers);\n }\n }\n />\n ))\n }\n </div>\n </div>\n </Modal>\n );\n};\n\nexport default InviteUsers;\n"],"names":["filterUser","idsToFilter","currentId","includes","setChannelType","params","type","isBroadcast","isSuper","createDefaultUserListQuery","_ref","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","_unused","BUFFER","InviteUsers","_globalStore$config","_globalStore$stores","_globalStore$stores$s","onCancel","userListQuery","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","useCreateChannelContext","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","users","setUsers","useState","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","isLoading","next","then","users_","addEventListener","removeEventListener","React","createElement","Modal","isFullScreenOnMobile","ButtonTypes","PRIMARY","disabled","onSubmit","selectedUserList","onClose","channelType","channel","invitedUserIds","isDistinct","operatorUserIds","Label","color","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTED","className","onScroll","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","UserListItem","checkBox","checked","onChange","event","modifiedSelectedUsers","_objectSpread","id"],"mappings":"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"}
@@ -3,68 +3,67 @@
3
3
  var React = require('react');
4
4
  var sendbirdSelectors = require('../../sendbirdSelectors.js');
5
5
  var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
6
- var CreateChannel_context = require('../../CreateChannelProvider-cbf490c6.js');
7
- var LocalizationContext = require('../../LocalizationContext-8780a64e.js');
8
- var ui_Label = require('../../index-bdd889a2.js');
6
+ var CreateChannel_context = require('../../CreateChannelProvider-c0fca0a5.js');
7
+ var LocalizationContext = require('../../LocalizationContext-0e429c3d.js');
8
+ var ui_Label = require('../../index-6cb0d040.js');
9
9
  var ui_Icon = require('../../ui/Icon.js');
10
10
  var ui_Modal = require('../../ui/Modal.js');
11
- require('../../topics-f3f74edc.js');
12
- require('../../utils-708aa730.js');
11
+ require('../../_rollupPluginBabelHelpers-c89f311a.js');
12
+ require('../../topics-b384e6b3.js');
13
+ require('../../utils-ad7b5b82.js');
13
14
  require('../../withSendbird.js');
14
- require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
15
- require('../../stringSet-60660a99.js');
16
- require('../../index-48d85d8f.js');
15
+ require('../../stringSet-106da549.js');
16
+ require('../../index-016f7106.js');
17
17
  require('prop-types');
18
18
  require('react-dom');
19
- require('../../index-08d232f8.js');
19
+ require('../../index-f570d25c.js');
20
20
  require('../../ui/Button.js');
21
- require('../../tslib.es6-5a7eb30d.js');
22
21
  require('../../ui/IconButton.js');
23
- require('../../MediaQueryContext-e455934a.js');
22
+ require('../../MediaQueryContext-33fc3b17.js');
24
23
 
25
24
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
25
 
27
26
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
27
 
29
- var isBroadcastChannelEnabled = function (sdk) {
30
- var _a;
31
-
32
- var ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';
33
- var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
34
-
28
+ const isBroadcastChannelEnabled = sdk => {
29
+ var _sdk$appInfo;
30
+ const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';
31
+ const applicationAttributes = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : _sdk$appInfo.applicationAttributes;
35
32
  if (Array.isArray(applicationAttributes)) {
36
33
  return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);
37
34
  }
38
-
39
35
  return false;
40
36
  };
41
- var isSuperGroupChannelEnabled = function (sdk) {
42
- var _a;
43
-
44
- var ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
45
- var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
46
-
37
+ const isSuperGroupChannelEnabled = sdk => {
38
+ var _sdk$appInfo2;
39
+ const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
40
+ const applicationAttributes = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo2 = sdk.appInfo) === null || _sdk$appInfo2 === void 0 ? void 0 : _sdk$appInfo2.applicationAttributes;
47
41
  if (Array.isArray(applicationAttributes)) {
48
42
  return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);
49
43
  }
50
-
51
44
  return false;
52
45
  };
53
46
 
54
- var SelectChannelType = function (props) {
55
- var onCancel = props.onCancel;
56
- var store = useSendbirdStateContext();
57
- var sdk = sendbirdSelectors.getSdk(store);
58
- var createChannelProps = CreateChannel_context.useCreateChannelContext();
59
- var setStep = createChannelProps.setStep,
60
- setType = createChannelProps.setType;
61
- var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
62
- var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
63
- var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
47
+ const SelectChannelType = props => {
48
+ const {
49
+ onCancel
50
+ } = props;
51
+ const store = useSendbirdStateContext();
52
+ const sdk = sendbirdSelectors.getSdk(store);
53
+ const createChannelProps = CreateChannel_context.useCreateChannelContext();
54
+ const {
55
+ setStep,
56
+ setType
57
+ } = createChannelProps;
58
+ const {
59
+ stringSet
60
+ } = React.useContext(LocalizationContext.LocalizationContext);
61
+ const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
62
+ const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
64
63
  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
65
64
  titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE,
66
65
  hideFooter: true,
67
- onCancel: function () {
66
+ onCancel: () => {
68
67
  onCancel();
69
68
  },
70
69
  className: "sendbird-add-channel__modal"
@@ -72,13 +71,13 @@ var SelectChannelType = function (props) {
72
71
  className: "sendbird-add-channel__rectangle-wrap"
73
72
  }, /*#__PURE__*/React__default["default"].createElement("div", {
74
73
  className: "sendbird-add-channel__rectangle",
75
- onClick: function () {
74
+ onClick: () => {
76
75
  setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
77
76
  setStep(1);
78
77
  },
79
78
  role: "button",
80
79
  tabIndex: 0,
81
- onKeyDown: function () {
80
+ onKeyDown: () => {
82
81
  setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
83
82
  setStep(1);
84
83
  }
@@ -93,13 +92,13 @@ var SelectChannelType = function (props) {
93
92
  color: ui_Label.LabelColors.ONBACKGROUND_1
94
93
  }, stringSet.MODAL__CREATE_CHANNEL__GROUP)), isSupergroupAvailable && /*#__PURE__*/React__default["default"].createElement("div", {
95
94
  className: "sendbird-add-channel__rectangle",
96
- onClick: function () {
95
+ onClick: () => {
97
96
  setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
98
97
  setStep(1);
99
98
  },
100
99
  role: "button",
101
100
  tabIndex: 0,
102
- onKeyDown: function () {
101
+ onKeyDown: () => {
103
102
  setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
104
103
  setStep(1);
105
104
  }
@@ -114,13 +113,13 @@ var SelectChannelType = function (props) {
114
113
  color: ui_Label.LabelColors.ONBACKGROUND_1
115
114
  }, stringSet.MODAL__CREATE_CHANNEL__SUPER)), isBroadcastAvailable && /*#__PURE__*/React__default["default"].createElement("div", {
116
115
  className: "sendbird-add-channel__rectangle",
117
- onClick: function () {
116
+ onClick: () => {
118
117
  setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
119
118
  setStep(1);
120
119
  },
121
120
  role: "button",
122
121
  tabIndex: 0,
123
- onKeyDown: function () {
122
+ onKeyDown: () => {
124
123
  setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
125
124
  setStep(1);
126
125
  }
@@ -1 +1 @@
1
- {"version":3,"file":"SelectChannelType.js","sources":["../../../../src/smart-components/CreateChannel/utils.ts","../../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n if (Array.isArray(applicationAttributes)) {\n return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n }\n\n return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n if (Array.isArray(applicationAttributes)) {\n return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n }\n\n return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n isBroadcastChannelEnabled,\n isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n const { onCancel } = props;\n const store = useSendbirdStateContext();\n\n const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n const createChannelProps = useCreateChannelContext();\n const {\n setStep,\n setType,\n } = createChannelProps;\n\n const { stringSet } = useContext(LocalizationContext);\n\n const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n return (\n <Modal\n titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n hideFooter\n onCancel={() => { onCancel(); }}\n className=\"sendbird-add-channel__modal\"\n >\n <div className=\"sendbird-add-channel__rectangle-wrap\">\n <div\n className=\"sendbird-add-channel__rectangle\"\n onClick={() => {\n setType(CHANNEL_TYPE.GROUP);\n setStep(1);\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={() => {\n setType(CHANNEL_TYPE.GROUP);\n setStep(1);\n }}\n >\n <Icon\n className=\"sendbird-add-channel__rectangle__chat-icon\"\n type={IconTypes.CHAT}\n fillColor={IconColors.PRIMARY}\n width=\"28px\"\n height=\"28px\"\n />\n <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n </Label>\n </div>\n {\n isSupergroupAvailable && (\n <div\n className=\"sendbird-add-channel__rectangle\"\n onClick={() => {\n setType(CHANNEL_TYPE.SUPERGROUP);\n setStep(1);\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={() => {\n setType(CHANNEL_TYPE.SUPERGROUP);\n setStep(1);\n }}\n >\n <Icon\n className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n type={IconTypes.SUPERGROUP}\n fillColor={IconColors.PRIMARY}\n width=\"28px\"\n height=\"28px\"\n />\n <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n </Label>\n </div>\n )\n }\n {\n isBroadcastAvailable && (\n <div\n className=\"sendbird-add-channel__rectangle\"\n onClick={() => {\n setType(CHANNEL_TYPE.BROADCAST);\n setStep(1);\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={() => {\n setType(CHANNEL_TYPE.BROADCAST);\n setStep(1);\n }}\n >\n <Icon\n className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n type={IconTypes.BROADCAST}\n fillColor={IconColors.PRIMARY}\n width=\"28px\"\n height=\"28px\"\n />\n <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n </Label>\n </div>\n )\n }\n </div>\n </Modal>\n );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","_a","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","Modal","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","Icon","IconTypes","CHAT","IconColors","PRIMARY","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}
1
+ {"version":3,"file":"SelectChannelType.js","sources":["../../../../src/modules/CreateChannel/utils.ts","../../../../src/modules/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n if (Array.isArray(applicationAttributes)) {\n return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n }\n\n return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n if (Array.isArray(applicationAttributes)) {\n return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n }\n\n return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n isBroadcastChannelEnabled,\n isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n const { onCancel } = props;\n const store = useSendbirdStateContext();\n\n const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n const createChannelProps = useCreateChannelContext();\n const {\n setStep,\n setType,\n } = createChannelProps;\n\n const { stringSet } = useContext(LocalizationContext);\n\n const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n return (\n <Modal\n titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n hideFooter\n onCancel={() => { onCancel(); }}\n className=\"sendbird-add-channel__modal\"\n >\n <div className=\"sendbird-add-channel__rectangle-wrap\">\n <div\n className=\"sendbird-add-channel__rectangle\"\n onClick={() => {\n setType(CHANNEL_TYPE.GROUP);\n setStep(1);\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={() => {\n setType(CHANNEL_TYPE.GROUP);\n setStep(1);\n }}\n >\n <Icon\n className=\"sendbird-add-channel__rectangle__chat-icon\"\n type={IconTypes.CHAT}\n fillColor={IconColors.PRIMARY}\n width=\"28px\"\n height=\"28px\"\n />\n <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n </Label>\n </div>\n {\n isSupergroupAvailable && (\n <div\n className=\"sendbird-add-channel__rectangle\"\n onClick={() => {\n setType(CHANNEL_TYPE.SUPERGROUP);\n setStep(1);\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={() => {\n setType(CHANNEL_TYPE.SUPERGROUP);\n setStep(1);\n }}\n >\n <Icon\n className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n type={IconTypes.SUPERGROUP}\n fillColor={IconColors.PRIMARY}\n width=\"28px\"\n height=\"28px\"\n />\n <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n </Label>\n </div>\n )\n }\n {\n isBroadcastAvailable && (\n <div\n className=\"sendbird-add-channel__rectangle\"\n onClick={() => {\n setType(CHANNEL_TYPE.BROADCAST);\n setStep(1);\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={() => {\n setType(CHANNEL_TYPE.BROADCAST);\n setStep(1);\n }}\n >\n <Icon\n className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n type={IconTypes.BROADCAST}\n fillColor={IconColors.PRIMARY}\n width=\"28px\"\n height=\"28px\"\n />\n <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n </Label>\n </div>\n )\n }\n </div>\n </Modal>\n );\n};\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","_sdk$appInfo","ALLOW_BROADCAST_CHANNEL","applicationAttributes","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","_sdk$appInfo2","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","createElement","Modal","titleText","MODAL__CREATE_CHANNEL__TITLE","hideFooter","className","onClick","CHANNEL_TYPE","GROUP","role","tabIndex","onKeyDown","Icon","type","IconTypes","CHAT","fillColor","IconColors","PRIMARY","width","height","Label","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('../sendbirdSelectors.js');
7
7
  require('../useSendbirdStateContext.js');
8
- var CreateChannel_context = require('../CreateChannelProvider-cbf490c6.js');
9
- require('../topics-f3f74edc.js');
10
- require('../utils-708aa730.js');
8
+ var CreateChannel_context = require('../CreateChannelProvider-c0fca0a5.js');
9
+ require('../_rollupPluginBabelHelpers-c89f311a.js');
10
+ require('../topics-b384e6b3.js');
11
+ require('../utils-ad7b5b82.js');
11
12
  require('../withSendbird.js');
12
- require('../_rollupPluginBabelHelpers-bd6baf0a.js');
13
13
 
14
14
 
15
15