@sendbird/uikit-react 3.4.6-rc.1 → 3.4.6

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 (494) hide show
  1. package/App.js +46 -46
  2. package/Channel/components/ChannelHeader.js +19 -19
  3. package/Channel/components/ChannelUI.js +39 -39
  4. package/Channel/components/FileViewer.js +15 -15
  5. package/Channel/components/FrozenNotification.js +4 -4
  6. package/Channel/components/Message.js +34 -34
  7. package/Channel/components/MessageInput.js +27 -27
  8. package/Channel/components/MessageList.js +35 -35
  9. package/Channel/components/RemoveMessageModal.js +17 -17
  10. package/Channel/components/SuggestedMentionList.js +17 -17
  11. package/Channel/components/TypingIndicator.js +15 -15
  12. package/Channel/components/UnreadCount.js +4 -4
  13. package/Channel/context.js +14 -14
  14. package/Channel.js +39 -39
  15. package/ChannelList/components/AddChannel.js +15 -15
  16. package/ChannelList/components/ChannelListHeader.js +6 -6
  17. package/ChannelList/components/ChannelListUI.js +30 -30
  18. package/ChannelList/components/ChannelPreview.js +26 -26
  19. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  20. package/ChannelList/context.js +8 -8
  21. package/ChannelList.js +30 -30
  22. package/{ChannelListProvider-32bd4597.js → ChannelListProvider-a2f2ee4a.js} +8 -8
  23. package/{ChannelListProvider-32bd4597.js.map → ChannelListProvider-a2f2ee4a.js.map} +1 -1
  24. package/{ChannelProvider-4e33aa60.js → ChannelProvider-bb459e82.js} +10 -10
  25. package/{ChannelProvider-4e33aa60.js.map → ChannelProvider-bb459e82.js.map} +1 -1
  26. package/ChannelSettings/components/ChannelProfile.js +11 -11
  27. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  28. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  29. package/ChannelSettings/components/LeaveChannel.js +11 -11
  30. package/ChannelSettings/components/ModerationPanel.js +14 -14
  31. package/ChannelSettings/components/UserListItem.js +10 -10
  32. package/ChannelSettings/components/UserPanel.js +13 -13
  33. package/ChannelSettings/context.js +3 -3
  34. package/ChannelSettings.js +17 -17
  35. package/CreateChannel/components/CreateChannelUI.js +13 -13
  36. package/CreateChannel/components/InviteUsers.js +13 -13
  37. package/CreateChannel/components/SelectChannelType.js +10 -10
  38. package/CreateChannel/context.js +4 -4
  39. package/CreateChannel.js +13 -13
  40. package/{CreateChannelProvider-96aa4ed0.js → CreateChannelProvider-a935d833.js} +1 -1
  41. package/{CreateChannelProvider-96aa4ed0.js.map → CreateChannelProvider-a935d833.js.map} +1 -1
  42. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  43. package/CreateOpenChannel/context.js +1 -1
  44. package/CreateOpenChannel.js +9 -9
  45. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  46. package/EditUserProfile.js +12 -12
  47. package/{LocalizationContext-62966630.js → LocalizationContext-3d8c0b24.js} +3 -3
  48. package/{LocalizationContext-62966630.js.map → LocalizationContext-3d8c0b24.js.map} +1 -1
  49. package/{MediaQueryContext-17146a37.js → MediaQueryContext-1348e37b.js} +1 -1
  50. package/{MediaQueryContext-17146a37.js.map → MediaQueryContext-1348e37b.js.map} +1 -1
  51. package/{MemberList-ef0a35ad.js → MemberList-d8124d7e.js} +5 -5
  52. package/{MemberList-ef0a35ad.js.map → MemberList-d8124d7e.js.map} +1 -1
  53. package/MessageSearch/components/MessageSearchUI.js +11 -11
  54. package/MessageSearch/context.js +1 -1
  55. package/MessageSearch.js +11 -11
  56. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  57. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  58. package/OpenChannel/components/OpenChannelInput.js +19 -19
  59. package/OpenChannel/components/OpenChannelMessage.js +28 -28
  60. package/OpenChannel/components/OpenChannelMessageList.js +32 -32
  61. package/OpenChannel/components/OpenChannelUI.js +32 -32
  62. package/OpenChannel/context.js +8 -8
  63. package/OpenChannel.js +32 -32
  64. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  65. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  66. package/OpenChannelList/context.js +3 -3
  67. package/OpenChannelList.js +13 -13
  68. package/{OpenChannelListProvider-8be6450e.js → OpenChannelListProvider-f9ec8658.js} +3 -3
  69. package/{OpenChannelListProvider-8be6450e.js.map → OpenChannelListProvider-f9ec8658.js.map} +1 -1
  70. package/{OpenChannelProvider-98df8b74.js → OpenChannelProvider-36d0dd05.js} +7 -7
  71. package/{OpenChannelProvider-98df8b74.js.map → OpenChannelProvider-36d0dd05.js.map} +1 -1
  72. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  73. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  74. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  75. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  76. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  77. package/OpenChannelSettings/context.js +3 -3
  78. package/OpenChannelSettings.js +17 -17
  79. package/{RemoveMessageModal-0efd9201.js → RemoveMessageModal-7852c71d.js} +3 -3
  80. package/{RemoveMessageModal-0efd9201.js.map → RemoveMessageModal-7852c71d.js.map} +1 -1
  81. package/SendbirdProvider.js +12 -12
  82. package/SendbirdProvider.js.map +1 -1
  83. package/Thread/components/ParentMessageInfo.js +30 -30
  84. package/Thread/components/ParentMessageInfoItem.js +18 -18
  85. package/Thread/components/ThreadHeader.js +6 -6
  86. package/Thread/components/ThreadList.js +33 -33
  87. package/Thread/components/ThreadListItem.js +33 -33
  88. package/Thread/components/ThreadMessageInput.js +28 -28
  89. package/Thread/components/ThreadUI.js +37 -37
  90. package/Thread/context.js +8 -8
  91. package/Thread.js +37 -37
  92. package/{ThreadProvider-1798360b.js → ThreadProvider-43c384e9.js} +7 -7
  93. package/{ThreadProvider-1798360b.js.map → ThreadProvider-43c384e9.js.map} +1 -1
  94. package/{UserProfileContext-7083bd82.js → UserProfileContext-41938ddc.js} +1 -1
  95. package/{UserProfileContext-7083bd82.js.map → UserProfileContext-41938ddc.js.map} +1 -1
  96. package/{VoiceMessageInputWrapper-4479a1bd.js → VoiceMessageInputWrapper-0cd90994.js} +7 -7
  97. package/{VoiceMessageInputWrapper-4479a1bd.js.map → VoiceMessageInputWrapper-0cd90994.js.map} +1 -1
  98. package/VoicePlayer/context.js +3 -3
  99. package/VoicePlayer/useVoicePlayer.js +3 -3
  100. package/VoiceRecorder/context.js +3 -3
  101. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  102. package/{WebAudioUtils-f57301b1.js → WebAudioUtils-682aa6c0.js} +1 -1
  103. package/{WebAudioUtils-f57301b1.js.map → WebAudioUtils-682aa6c0.js.map} +1 -1
  104. package/{_rollupPluginBabelHelpers-48b56150.js → _rollupPluginBabelHelpers-79f64283.js} +1 -1
  105. package/_rollupPluginBabelHelpers-79f64283.js.map +1 -0
  106. package/{actionTypes-9badb1b4.js → actionTypes-52102db0.js} +1 -1
  107. package/{actionTypes-9badb1b4.js.map → actionTypes-52102db0.js.map} +1 -1
  108. package/cjs/App.js +46 -46
  109. package/cjs/Channel/components/ChannelHeader.js +19 -19
  110. package/cjs/Channel/components/ChannelUI.js +39 -39
  111. package/cjs/Channel/components/FileViewer.js +15 -15
  112. package/cjs/Channel/components/FrozenNotification.js +4 -4
  113. package/cjs/Channel/components/Message.js +34 -34
  114. package/cjs/Channel/components/MessageInput.js +27 -27
  115. package/cjs/Channel/components/MessageList.js +35 -35
  116. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  117. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  118. package/cjs/Channel/components/TypingIndicator.js +15 -15
  119. package/cjs/Channel/components/UnreadCount.js +4 -4
  120. package/cjs/Channel/context.js +14 -14
  121. package/cjs/Channel.js +39 -39
  122. package/cjs/ChannelList/components/AddChannel.js +15 -15
  123. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  124. package/cjs/ChannelList/components/ChannelListUI.js +30 -30
  125. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  126. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  127. package/cjs/ChannelList/context.js +8 -8
  128. package/cjs/ChannelList.js +30 -30
  129. package/cjs/{ChannelListProvider-c90e6d9b.js → ChannelListProvider-b0a363e0.js} +8 -8
  130. package/cjs/{ChannelListProvider-c90e6d9b.js.map → ChannelListProvider-b0a363e0.js.map} +1 -1
  131. package/cjs/{ChannelProvider-6da44044.js → ChannelProvider-cf5867c2.js} +10 -10
  132. package/cjs/{ChannelProvider-6da44044.js.map → ChannelProvider-cf5867c2.js.map} +1 -1
  133. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  134. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  135. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  136. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  137. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  138. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  139. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  140. package/cjs/ChannelSettings/context.js +3 -3
  141. package/cjs/ChannelSettings.js +17 -17
  142. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  143. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  144. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  145. package/cjs/CreateChannel/context.js +4 -4
  146. package/cjs/CreateChannel.js +13 -13
  147. package/cjs/{CreateChannelProvider-ff9bb9da.js → CreateChannelProvider-f82d812f.js} +1 -1
  148. package/cjs/{CreateChannelProvider-ff9bb9da.js.map → CreateChannelProvider-f82d812f.js.map} +1 -1
  149. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  150. package/cjs/CreateOpenChannel/context.js +1 -1
  151. package/cjs/CreateOpenChannel.js +9 -9
  152. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  153. package/cjs/EditUserProfile.js +12 -12
  154. package/cjs/{LocalizationContext-4c1a8e44.js → LocalizationContext-498cb747.js} +3 -3
  155. package/cjs/{LocalizationContext-4c1a8e44.js.map → LocalizationContext-498cb747.js.map} +1 -1
  156. package/cjs/{MediaQueryContext-9f3958fe.js → MediaQueryContext-b9c2ec1f.js} +1 -1
  157. package/cjs/{MediaQueryContext-9f3958fe.js.map → MediaQueryContext-b9c2ec1f.js.map} +1 -1
  158. package/cjs/{MemberList-1ad4eda5.js → MemberList-13ba769f.js} +5 -5
  159. package/cjs/{MemberList-1ad4eda5.js.map → MemberList-13ba769f.js.map} +1 -1
  160. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  161. package/cjs/MessageSearch/context.js +1 -1
  162. package/cjs/MessageSearch.js +11 -11
  163. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  164. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  165. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  166. package/cjs/OpenChannel/components/OpenChannelMessage.js +28 -28
  167. package/cjs/OpenChannel/components/OpenChannelMessageList.js +32 -32
  168. package/cjs/OpenChannel/components/OpenChannelUI.js +32 -32
  169. package/cjs/OpenChannel/context.js +8 -8
  170. package/cjs/OpenChannel.js +32 -32
  171. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  172. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  173. package/cjs/OpenChannelList/context.js +3 -3
  174. package/cjs/OpenChannelList.js +13 -13
  175. package/cjs/{OpenChannelListProvider-f7387ce4.js → OpenChannelListProvider-02d6d44b.js} +3 -3
  176. package/cjs/{OpenChannelListProvider-f7387ce4.js.map → OpenChannelListProvider-02d6d44b.js.map} +1 -1
  177. package/cjs/{OpenChannelProvider-0bbac562.js → OpenChannelProvider-850b9cd0.js} +7 -7
  178. package/cjs/{OpenChannelProvider-0bbac562.js.map → OpenChannelProvider-850b9cd0.js.map} +1 -1
  179. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  180. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  181. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  182. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  183. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  184. package/cjs/OpenChannelSettings/context.js +3 -3
  185. package/cjs/OpenChannelSettings.js +17 -17
  186. package/cjs/{RemoveMessageModal-63e870f4.js → RemoveMessageModal-457b1535.js} +3 -3
  187. package/cjs/{RemoveMessageModal-63e870f4.js.map → RemoveMessageModal-457b1535.js.map} +1 -1
  188. package/cjs/SendbirdProvider.js +12 -12
  189. package/cjs/SendbirdProvider.js.map +1 -1
  190. package/cjs/Thread/components/ParentMessageInfo.js +30 -30
  191. package/cjs/Thread/components/ParentMessageInfoItem.js +18 -18
  192. package/cjs/Thread/components/ThreadHeader.js +6 -6
  193. package/cjs/Thread/components/ThreadList.js +33 -33
  194. package/cjs/Thread/components/ThreadListItem.js +33 -33
  195. package/cjs/Thread/components/ThreadMessageInput.js +28 -28
  196. package/cjs/Thread/components/ThreadUI.js +37 -37
  197. package/cjs/Thread/context.js +8 -8
  198. package/cjs/Thread.js +37 -37
  199. package/cjs/{ThreadProvider-ca9e5e4f.js → ThreadProvider-37f2f0a3.js} +7 -7
  200. package/cjs/{ThreadProvider-ca9e5e4f.js.map → ThreadProvider-37f2f0a3.js.map} +1 -1
  201. package/cjs/{UserProfileContext-34f6be33.js → UserProfileContext-617420c9.js} +1 -1
  202. package/cjs/{UserProfileContext-34f6be33.js.map → UserProfileContext-617420c9.js.map} +1 -1
  203. package/cjs/{VoiceMessageInputWrapper-770a185c.js → VoiceMessageInputWrapper-43c29f38.js} +7 -7
  204. package/cjs/{VoiceMessageInputWrapper-770a185c.js.map → VoiceMessageInputWrapper-43c29f38.js.map} +1 -1
  205. package/cjs/VoicePlayer/context.js +3 -3
  206. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  207. package/cjs/VoiceRecorder/context.js +3 -3
  208. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  209. package/cjs/{WebAudioUtils-70bcccc3.js → WebAudioUtils-2b845cd2.js} +1 -1
  210. package/cjs/{WebAudioUtils-70bcccc3.js.map → WebAudioUtils-2b845cd2.js.map} +1 -1
  211. package/cjs/{_rollupPluginBabelHelpers-8164e35a.js → _rollupPluginBabelHelpers-c2313dcd.js} +1 -1
  212. package/cjs/_rollupPluginBabelHelpers-c2313dcd.js.map +1 -0
  213. package/cjs/{actionTypes-4a2939b3.js → actionTypes-0e0d2d59.js} +1 -1
  214. package/cjs/{actionTypes-4a2939b3.js.map → actionTypes-0e0d2d59.js.map} +1 -1
  215. package/cjs/{color-f43f059a.js → color-7f7508e6.js} +1 -1
  216. package/cjs/{color-f43f059a.js.map → color-7f7508e6.js.map} +1 -1
  217. package/cjs/{compareIds-e5f7db38.js → compareIds-27f7912f.js} +1 -1
  218. package/cjs/{compareIds-e5f7db38.js.map → compareIds-27f7912f.js.map} +1 -1
  219. package/cjs/{const-611ac2dd.js → const-61fc7be6.js} +1 -1
  220. package/cjs/{const-611ac2dd.js.map → const-61fc7be6.js.map} +1 -1
  221. package/cjs/{const-e7388711.js → const-e22c9d25.js} +1 -1
  222. package/cjs/{const-e7388711.js.map → const-e22c9d25.js.map} +1 -1
  223. package/cjs/{consts-f8bd3346.js → consts-3764bd68.js} +1 -1
  224. package/cjs/{consts-f8bd3346.js.map → consts-3764bd68.js.map} +1 -1
  225. package/cjs/{consts-e0f44b83.js → consts-46fa3a3a.js} +1 -1
  226. package/cjs/{consts-e0f44b83.js.map → consts-46fa3a3a.js.map} +1 -1
  227. package/cjs/{consts-82dce75d.js → consts-8605e767.js} +1 -1
  228. package/cjs/{consts-82dce75d.js.map → consts-8605e767.js.map} +1 -1
  229. package/cjs/{consts-d9ecf2d7.js → consts-ad849467.js} +1 -1
  230. package/cjs/{consts-d9ecf2d7.js.map → consts-ad849467.js.map} +1 -1
  231. package/cjs/{context-32080e3d.js → context-a4af6955.js} +2 -2
  232. package/cjs/{context-32080e3d.js.map → context-a4af6955.js.map} +1 -1
  233. package/cjs/dist/index.css +55 -55
  234. package/cjs/dist/index.css.map +1 -1
  235. package/cjs/{index-0f5a2c3b.js → index-0b9ad941.js} +7 -7
  236. package/cjs/{index-0f5a2c3b.js.map → index-0b9ad941.js.map} +1 -1
  237. package/cjs/{index-cc5b51fb.js → index-0dff9958.js} +7 -7
  238. package/cjs/{index-cc5b51fb.js.map → index-0dff9958.js.map} +1 -1
  239. package/cjs/{index-946fe9b8.js → index-2ac1f908.js} +2 -2
  240. package/cjs/{index-946fe9b8.js.map → index-2ac1f908.js.map} +1 -1
  241. package/cjs/{index-bddcf750.js → index-3626dfeb.js} +2 -2
  242. package/cjs/{index-bddcf750.js.map → index-3626dfeb.js.map} +1 -1
  243. package/cjs/{index-584a87f3.js → index-67f813a3.js} +1 -1
  244. package/cjs/{index-584a87f3.js.map → index-67f813a3.js.map} +1 -1
  245. package/cjs/{index-450c5c4a.js → index-71173fef.js} +2 -2
  246. package/cjs/{index-450c5c4a.js.map → index-71173fef.js.map} +1 -1
  247. package/cjs/{index-1837f392.js → index-8b5a13fe.js} +5 -5
  248. package/cjs/{index-1837f392.js.map → index-8b5a13fe.js.map} +1 -1
  249. package/cjs/{index-ecac7544.js → index-8b6bb1ee.js} +1 -1
  250. package/cjs/{index-ecac7544.js.map → index-8b6bb1ee.js.map} +1 -1
  251. package/cjs/{index-58bddb18.js → index-983f9d7a.js} +4 -4
  252. package/cjs/{index-58bddb18.js.map → index-983f9d7a.js.map} +1 -1
  253. package/cjs/{index-d217a491.js → index-a415176f.js} +2 -2
  254. package/cjs/{index-d217a491.js.map → index-a415176f.js.map} +1 -1
  255. package/cjs/{index-6253d289.js → index-a4887600.js} +3 -3
  256. package/cjs/{index-6253d289.js.map → index-a4887600.js.map} +1 -1
  257. package/cjs/{index-fc3f351f.js → index-ac1b0ab9.js} +2 -2
  258. package/cjs/{index-fc3f351f.js.map → index-ac1b0ab9.js.map} +1 -1
  259. package/cjs/{index-6295003c.js → index-b8a20afd.js} +2 -2
  260. package/cjs/{index-6295003c.js.map → index-b8a20afd.js.map} +1 -1
  261. package/cjs/{index-911b358f.js → index-cd680348.js} +3 -3
  262. package/cjs/{index-911b358f.js.map → index-cd680348.js.map} +1 -1
  263. package/cjs/{index-f2afea13.js → index-ddcf90b1.js} +4 -4
  264. package/cjs/{index-f2afea13.js.map → index-ddcf90b1.js.map} +1 -1
  265. package/cjs/{index-a9a828c4.js → index-ead97d9a.js} +4 -4
  266. package/cjs/{index-a9a828c4.js.map → index-ead97d9a.js.map} +1 -1
  267. package/cjs/index.js +50 -50
  268. package/cjs/{index.module-d62bc038.js → index.module-cf39e3b9.js} +1 -1
  269. package/cjs/{index.module-d62bc038.js.map → index.module-cf39e3b9.js.map} +1 -1
  270. package/cjs/sendbirdSelectors.js +2 -2
  271. package/cjs/{stringSet-9717efda.js → stringSet-061fe0c1.js} +1 -1
  272. package/cjs/{stringSet-9717efda.js.map → stringSet-061fe0c1.js.map} +1 -1
  273. package/cjs/{tokenize-b42df26a.js → tokenize-7e34a56e.js} +3 -3
  274. package/cjs/{tokenize-b42df26a.js.map → tokenize-7e34a56e.js.map} +1 -1
  275. package/cjs/{topics-11bf2ffa.js → topics-c8adbede.js} +1 -1
  276. package/cjs/{topics-11bf2ffa.js.map → topics-c8adbede.js.map} +1 -1
  277. package/cjs/{tslib.es6-b412d11d.js → tslib.es6-8f4b0cfe.js} +1 -1
  278. package/cjs/{tslib.es6-b412d11d.js.map → tslib.es6-8f4b0cfe.js.map} +1 -1
  279. package/cjs/{types-997d2578.js → types-beecfca4.js} +1 -1
  280. package/cjs/{types-997d2578.js.map → types-beecfca4.js.map} +1 -1
  281. package/cjs/ui/Accordion.js +3 -3
  282. package/cjs/ui/AccordionGroup.js +2 -2
  283. package/cjs/ui/AdminMessage.js +3 -3
  284. package/cjs/ui/Avatar.js +2 -2
  285. package/cjs/ui/Badge.js +5 -5
  286. package/cjs/ui/BottomSheet.js +1 -1
  287. package/cjs/ui/Button.js +3 -3
  288. package/cjs/ui/ChannelAvatar.js +3 -3
  289. package/cjs/ui/ConnectionStatus.js +4 -4
  290. package/cjs/ui/ContextMenu.js +5 -5
  291. package/cjs/ui/DateSeparator.js +4 -4
  292. package/cjs/ui/EmojiReactions.js +7 -7
  293. package/cjs/ui/FileMessageItemBody.js +6 -6
  294. package/cjs/ui/FileViewer.js +8 -8
  295. package/cjs/ui/IconButton.js +1 -1
  296. package/cjs/ui/ImageRenderer.js +1 -1
  297. package/cjs/ui/Input.js +2 -2
  298. package/cjs/ui/Label.js +2 -2
  299. package/cjs/ui/LinkLabel.js +2 -2
  300. package/cjs/ui/Loader.js +1 -1
  301. package/cjs/ui/MentionLabel.js +10 -10
  302. package/cjs/ui/MentionUserLabel.js +1 -1
  303. package/cjs/ui/MessageContent.js +28 -28
  304. package/cjs/ui/MessageInput.js +13 -13
  305. package/cjs/ui/MessageItemMenu.js +8 -8
  306. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  307. package/cjs/ui/MessageSearchFileItem.js +10 -10
  308. package/cjs/ui/MessageSearchItem.js +9 -9
  309. package/cjs/ui/MessageStatus.js +10 -10
  310. package/cjs/ui/Modal.js +7 -7
  311. package/cjs/ui/OGMessageItemBody.js +14 -14
  312. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  313. package/cjs/ui/OpenChannelAvatar.js +6 -6
  314. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  315. package/cjs/ui/OpenchannelFileMessage.js +16 -16
  316. package/cjs/ui/OpenchannelOGMessage.js +19 -19
  317. package/cjs/ui/OpenchannelThumbnailMessage.js +15 -15
  318. package/cjs/ui/OpenchannelUserMessage.js +16 -16
  319. package/cjs/ui/PlaceHolder.js +6 -6
  320. package/cjs/ui/PlaybackTime.js +2 -2
  321. package/cjs/ui/QuoteMessage.js +6 -6
  322. package/cjs/ui/QuoteMessageInput.js +6 -6
  323. package/cjs/ui/ReactionBadge.js +3 -3
  324. package/cjs/ui/ReactionButton.js +1 -1
  325. package/cjs/ui/SortByRow.js +2 -2
  326. package/cjs/ui/TextButton.js +2 -2
  327. package/cjs/ui/TextMessageItemBody.js +14 -14
  328. package/cjs/ui/ThreadReplies.js +6 -6
  329. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  330. package/cjs/ui/Tooltip.js +3 -3
  331. package/cjs/ui/TooltipWrapper.js +1 -1
  332. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  333. package/cjs/ui/UserListItem.js +10 -10
  334. package/cjs/ui/UserProfile.js +9 -9
  335. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  336. package/cjs/ui/VoiceMessgeInput.js +8 -8
  337. package/cjs/ui/Word.js +10 -10
  338. package/cjs/{useLongPress-0b0040bb.js → useLongPress-f3ee01a0.js} +3 -3
  339. package/cjs/{useLongPress-0b0040bb.js.map → useLongPress-f3ee01a0.js.map} +1 -1
  340. package/cjs/useSendbirdStateContext.js +1 -1
  341. package/cjs/utils/message/isVoiceMessage.js +2 -2
  342. package/cjs/{utils-d40c9909.js → utils-1038446c.js} +1 -1
  343. package/cjs/{utils-d40c9909.js.map → utils-1038446c.js.map} +1 -1
  344. package/cjs/{utils-301360ec.js → utils-3f3c2287.js} +2 -2
  345. package/cjs/{utils-301360ec.js.map → utils-3f3c2287.js.map} +1 -1
  346. package/cjs/{utils-43d14023.js → utils-6a97ff3a.js} +1 -1
  347. package/cjs/{utils-43d14023.js.map → utils-6a97ff3a.js.map} +1 -1
  348. package/cjs/{utils-aeadc058.js → utils-98ac09d1.js} +1 -1
  349. package/cjs/{utils-aeadc058.js.map → utils-98ac09d1.js.map} +1 -1
  350. package/cjs/{uuid-d0a9c040.js → uuid-1ffa3b79.js} +1 -1
  351. package/cjs/{uuid-d0a9c040.js.map → uuid-1ffa3b79.js.map} +1 -1
  352. package/cjs/withSendbird.js +1 -1
  353. package/{color-4ecee870.js → color-73049158.js} +1 -1
  354. package/{color-4ecee870.js.map → color-73049158.js.map} +1 -1
  355. package/{compareIds-bc4cf9bf.js → compareIds-88bffa50.js} +1 -1
  356. package/{compareIds-bc4cf9bf.js.map → compareIds-88bffa50.js.map} +1 -1
  357. package/{const-8a7444d1.js → const-2919bc87.js} +1 -1
  358. package/{const-8a7444d1.js.map → const-2919bc87.js.map} +1 -1
  359. package/{const-34b3294d.js → const-df1daff9.js} +1 -1
  360. package/{const-34b3294d.js.map → const-df1daff9.js.map} +1 -1
  361. package/{consts-7a61df9f.js → consts-0ea80430.js} +1 -1
  362. package/{consts-7a61df9f.js.map → consts-0ea80430.js.map} +1 -1
  363. package/{consts-165100af.js → consts-1861f891.js} +1 -1
  364. package/{consts-165100af.js.map → consts-1861f891.js.map} +1 -1
  365. package/{consts-96859f90.js → consts-966c9540.js} +1 -1
  366. package/{consts-96859f90.js.map → consts-966c9540.js.map} +1 -1
  367. package/{consts-81c7d9ed.js → consts-f4362414.js} +1 -1
  368. package/{consts-81c7d9ed.js.map → consts-f4362414.js.map} +1 -1
  369. package/{context-c54bc9b4.js → context-9baa8d25.js} +2 -2
  370. package/{context-c54bc9b4.js.map → context-9baa8d25.js.map} +1 -1
  371. package/dist/index.css +55 -55
  372. package/dist/index.css.map +1 -1
  373. package/{index-df6b2fc4.js → index-179bed8d.js} +2 -2
  374. package/{index-df6b2fc4.js.map → index-179bed8d.js.map} +1 -1
  375. package/{index-77a24725.js → index-61a102d7.js} +7 -7
  376. package/{index-77a24725.js.map → index-61a102d7.js.map} +1 -1
  377. package/{index-af95f2b0.js → index-91355132.js} +4 -4
  378. package/{index-af95f2b0.js.map → index-91355132.js.map} +1 -1
  379. package/{index-5cfaecc9.js → index-95b46112.js} +2 -2
  380. package/{index-5cfaecc9.js.map → index-95b46112.js.map} +1 -1
  381. package/{index-2ea26b17.js → index-9cead71b.js} +2 -2
  382. package/{index-2ea26b17.js.map → index-9cead71b.js.map} +1 -1
  383. package/{index-3ac8a689.js → index-a9183365.js} +4 -4
  384. package/{index-3ac8a689.js.map → index-a9183365.js.map} +1 -1
  385. package/{index-6574e8fd.js → index-aaa9b9f8.js} +1 -1
  386. package/{index-6574e8fd.js.map → index-aaa9b9f8.js.map} +1 -1
  387. package/{index-c4ff34e4.js → index-ac5ad4f9.js} +3 -3
  388. package/{index-c4ff34e4.js.map → index-ac5ad4f9.js.map} +1 -1
  389. package/{index-6f66895e.js → index-ad125f51.js} +1 -1
  390. package/{index-6f66895e.js.map → index-ad125f51.js.map} +1 -1
  391. package/{index-f5d419ec.js → index-c70af435.js} +4 -4
  392. package/{index-f5d419ec.js.map → index-c70af435.js.map} +1 -1
  393. package/{index-538fa479.js → index-cce0e324.js} +2 -2
  394. package/{index-538fa479.js.map → index-cce0e324.js.map} +1 -1
  395. package/{index-adfdd634.js → index-d37f34a3.js} +2 -2
  396. package/{index-adfdd634.js.map → index-d37f34a3.js.map} +1 -1
  397. package/{index-1db30515.js → index-e378ca4e.js} +2 -2
  398. package/{index-1db30515.js.map → index-e378ca4e.js.map} +1 -1
  399. package/{index-e2834120.js → index-f0f9692b.js} +7 -7
  400. package/{index-e2834120.js.map → index-f0f9692b.js.map} +1 -1
  401. package/{index-e5062739.js → index-fa96d1c0.js} +5 -5
  402. package/{index-e5062739.js.map → index-fa96d1c0.js.map} +1 -1
  403. package/{index-47ba6604.js → index-fd4fc9f0.js} +3 -3
  404. package/{index-47ba6604.js.map → index-fd4fc9f0.js.map} +1 -1
  405. package/index.d.ts +1 -1
  406. package/index.js +50 -50
  407. package/{index.module-a2145ffe.js → index.module-e6530c0d.js} +1 -1
  408. package/{index.module-a2145ffe.js.map → index.module-e6530c0d.js.map} +1 -1
  409. package/package.json +1 -1
  410. package/sendbirdSelectors.js +2 -2
  411. package/{stringSet-e0fd81b2.js → stringSet-9d579825.js} +1 -1
  412. package/{stringSet-e0fd81b2.js.map → stringSet-9d579825.js.map} +1 -1
  413. package/{tokenize-22d48b61.js → tokenize-bd8e35b2.js} +3 -3
  414. package/{tokenize-22d48b61.js.map → tokenize-bd8e35b2.js.map} +1 -1
  415. package/{topics-bc5fee43.js → topics-f9301447.js} +1 -1
  416. package/{topics-bc5fee43.js.map → topics-f9301447.js.map} +1 -1
  417. package/{tslib.es6-85bcd95d.js → tslib.es6-d6e50ec3.js} +1 -1
  418. package/{tslib.es6-85bcd95d.js.map → tslib.es6-d6e50ec3.js.map} +1 -1
  419. package/{types-84207ac4.js → types-d0a9adf8.js} +1 -1
  420. package/{types-84207ac4.js.map → types-d0a9adf8.js.map} +1 -1
  421. package/ui/Accordion.js +3 -3
  422. package/ui/AccordionGroup.js +2 -2
  423. package/ui/AdminMessage.js +3 -3
  424. package/ui/Avatar.js +2 -2
  425. package/ui/Badge.js +5 -5
  426. package/ui/BottomSheet.js +1 -1
  427. package/ui/Button.js +3 -3
  428. package/ui/ChannelAvatar.js +3 -3
  429. package/ui/ConnectionStatus.js +4 -4
  430. package/ui/ContextMenu.js +5 -5
  431. package/ui/DateSeparator.js +4 -4
  432. package/ui/EmojiReactions.js +7 -7
  433. package/ui/FileMessageItemBody.js +6 -6
  434. package/ui/FileViewer.js +8 -8
  435. package/ui/IconButton.js +1 -1
  436. package/ui/ImageRenderer.js +1 -1
  437. package/ui/Input.js +2 -2
  438. package/ui/Label.js +2 -2
  439. package/ui/LinkLabel.js +2 -2
  440. package/ui/Loader.js +1 -1
  441. package/ui/MentionLabel.js +10 -10
  442. package/ui/MentionUserLabel.js +1 -1
  443. package/ui/MessageContent.js +28 -28
  444. package/ui/MessageInput.js +13 -13
  445. package/ui/MessageItemMenu.js +8 -8
  446. package/ui/MessageItemReactionMenu.js +5 -5
  447. package/ui/MessageSearchFileItem.js +10 -10
  448. package/ui/MessageSearchItem.js +9 -9
  449. package/ui/MessageStatus.js +10 -10
  450. package/ui/Modal.js +7 -7
  451. package/ui/OGMessageItemBody.js +14 -14
  452. package/ui/OpenChannelAdminMessage.js +3 -3
  453. package/ui/OpenChannelAvatar.js +6 -6
  454. package/ui/OpenchannelConversationHeader.js +6 -6
  455. package/ui/OpenchannelFileMessage.js +16 -16
  456. package/ui/OpenchannelOGMessage.js +19 -19
  457. package/ui/OpenchannelThumbnailMessage.js +15 -15
  458. package/ui/OpenchannelUserMessage.js +16 -16
  459. package/ui/PlaceHolder.js +6 -6
  460. package/ui/PlaybackTime.js +2 -2
  461. package/ui/QuoteMessage.js +6 -6
  462. package/ui/QuoteMessageInput.js +6 -6
  463. package/ui/ReactionBadge.js +3 -3
  464. package/ui/ReactionButton.js +1 -1
  465. package/ui/SortByRow.js +2 -2
  466. package/ui/TextButton.js +2 -2
  467. package/ui/TextMessageItemBody.js +14 -14
  468. package/ui/ThreadReplies.js +6 -6
  469. package/ui/ThumbnailMessageItemBody.js +2 -2
  470. package/ui/Tooltip.js +3 -3
  471. package/ui/TooltipWrapper.js +1 -1
  472. package/ui/UnknownMessageItemBody.js +6 -6
  473. package/ui/UserListItem.js +10 -10
  474. package/ui/UserProfile.js +9 -9
  475. package/ui/VoiceMessageItemBody.js +5 -5
  476. package/ui/VoiceMessgeInput.js +8 -8
  477. package/ui/Word.js +10 -10
  478. package/{useLongPress-08d9369b.js → useLongPress-f119ff35.js} +3 -3
  479. package/{useLongPress-08d9369b.js.map → useLongPress-f119ff35.js.map} +1 -1
  480. package/useSendbirdStateContext.js +1 -1
  481. package/utils/message/isVoiceMessage.js +2 -2
  482. package/{utils-13ac01f0.js → utils-0c8334fa.js} +2 -2
  483. package/{utils-13ac01f0.js.map → utils-0c8334fa.js.map} +1 -1
  484. package/{utils-7dc80efd.js → utils-86d65b96.js} +1 -1
  485. package/{utils-7dc80efd.js.map → utils-86d65b96.js.map} +1 -1
  486. package/{utils-3c97842b.js → utils-e53018f1.js} +1 -1
  487. package/{utils-3c97842b.js.map → utils-e53018f1.js.map} +1 -1
  488. package/{utils-4aea6ebc.js → utils-e659e765.js} +1 -1
  489. package/{utils-4aea6ebc.js.map → utils-e659e765.js.map} +1 -1
  490. package/{uuid-39d923b9.js → uuid-86cb48e0.js} +1 -1
  491. package/{uuid-39d923b9.js.map → uuid-86cb48e0.js.map} +1 -1
  492. package/withSendbird.js +1 -1
  493. package/_rollupPluginBabelHelpers-48b56150.js.map +0 -1
  494. package/cjs/_rollupPluginBabelHelpers-8164e35a.js.map +0 -1
@@ -1,22 +1,22 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-b412d11d.js');
3
+ var tslib_es6 = require('./tslib.es6-8f4b0cfe.js');
4
4
  var React = require('react');
5
5
  var ui_Button = require('./ui/Button.js');
6
6
  var ui_ContextMenu = require('./ui/ContextMenu.js');
7
7
  var ui_Icon = require('./ui/Icon.js');
8
8
  var ui_IconButton = require('./ui/IconButton.js');
9
- var ui_Label = require('./index-6295003c.js');
10
- var LocalizationContext = require('./LocalizationContext-4c1a8e44.js');
11
- var UserProfileContext = require('./UserProfileContext-34f6be33.js');
12
- require('./context-32080e3d.js');
9
+ var ui_Label = require('./index-b8a20afd.js');
10
+ var LocalizationContext = require('./LocalizationContext-498cb747.js');
11
+ var UserProfileContext = require('./UserProfileContext-617420c9.js');
12
+ require('./context-a4af6955.js');
13
13
  var ui_Avatar = require('./ui/Avatar.js');
14
14
  require('react-dom');
15
15
  var ui_UserProfile = require('./ui/UserProfile.js');
16
16
  require('@sendbird/chat/openChannel');
17
17
  var ui_Modal = require('./ui/Modal.js');
18
18
  var ui_UserListItem = require('./ui/UserListItem.js');
19
- var utils = require('./utils-d40c9909.js');
19
+ var utils = require('./utils-1038446c.js');
20
20
  var OpenChannelSettings_context = require('./OpenChannelSettings/context.js');
21
21
  var useSendbirdStateContext = require('./useSendbirdStateContext.js');
22
22
 
@@ -343,4 +343,4 @@ function ParticipantList(_a) {
343
343
 
344
344
  exports.ParticipantList = ParticipantList;
345
345
  exports.UserListItem = UserListItem;
346
- //# sourceMappingURL=index-0f5a2c3b.js.map
346
+ //# sourceMappingURL=index-0b9ad941.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-0f5a2c3b.js","sources":["../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantsModal.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantItem.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/index.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useEffect,\n useState,\n useContext,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { noop } from '../../../../utils/utils';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n onCancel(): void;\n}\n\nexport default function ParticipantsModal({\n onCancel,\n}: Props): ReactElement {\n const state = useSendbirdStateContext();\n const { channel } = useOpenChannelSettingsContext();\n const { stringSet } = useContext(LocalizationContext);\n const [participants, setParticipants] = useState<Array<User> | null>([]);\n const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n const userId = state?.config?.userId;\n const sdk = state?.stores?.sdkStore?.sdk;\n const isOperatorView = channel?.isOperator(userId);\n useEffect(() => {\n if (!channel || !channel?.createParticipantListQuery) {\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({});\n setParticipantListQuery(participantListQuery);\n participantListQuery.next().then((participantList) => {\n setParticipants(participantList);\n });\n }, []);\n return (\n <div>\n <Modal\n hideFooter\n isFullScreenOnMobile\n onCancel={() => onCancel()}\n onSubmit={noop}\n titleText={stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n >\n <div\n className=\"sendbird-more-members__popup-scroll\"\n onScroll={(e) => {\n const { hasNext } = participantListQuery;\n const target = e.target as HTMLTextAreaElement;\n const fetchMore = (\n target.clientHeight + target.scrollTop === target.scrollHeight\n );\n\n if (hasNext && fetchMore) {\n participantListQuery.next().then((fetchedParticipants) => {\n setParticipants([\n ...participants,\n ...fetchedParticipants,\n ])\n });\n }\n }}\n >\n {\n participants.map((p) => {\n const isOperator = channel?.isOperator(p.userId);\n return (\n <UserListItem\n user={p}\n key={p.userId}\n currentUser={sdk?.currentUser?.userId}\n action={\n (userId !== p.userId && isOperatorView)\n ? ({ actionRef, parentRef }) => (\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <IconButton\n className=\"sendbird-user-message__more__menu\"\n width=\"32px\"\n height=\"32px\"\n onClick={toggleDropdown}\n >\n <Icon\n width=\"24px\"\n height=\"24px\"\n type={IconTypes.MORE}\n fillColor={IconColors.CONTENT_INVERSE}\n />\n </IconButton>\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentContainRef={parentRef}\n parentRef={actionRef}\n closeDropdown={closeDropdown}\n openLeft\n >\n <MenuItem\n onClick={() => {\n if (isOperator) {\n channel?.removeOperators([p.userId]).then(() => {\n closeDropdown();\n });\n } else {\n channel?.addOperators([p.userId]).then(() => {\n closeDropdown();\n });\n }\n }}\n >\n {\n isOperator\n ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n }\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.muteUser(p).then(() => {\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.banUser(p).then(() => {\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n </MenuItem>\n </MenuItems>\n )}\n />\n )\n : null\n }\n />\n )\n })\n }\n </div>\n </Modal>\n </div>\n )\n}\n","import React, {\n ReactElement,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport type { User } from '@sendbird/chat';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport Accordion from '../../../../ui/Accordion';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Avatar from '../../../../ui/Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ParticipantsModal from './ParticipantsModal';\nimport UserProfile from '../../../../ui/UserProfile';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nconst SHOWN_MEMBER_MAX = 10;\n\ninterface ActionProps {\n actionRef: React.RefObject<HTMLInputElement>;\n}\ninterface UserListItemProps {\n user: User;\n currentUser?: string;\n isOperator?: boolean;\n action?(props: ActionProps): ReactElement;\n}\n\nexport const UserListItem: React.FC<UserListItemProps> = ({\n user,\n currentUser,\n isOperator,\n action,\n}: UserListItemProps) => {\n const avatarRef = useRef(null);\n const actionRef = useRef(null);\n const {\n disableUserProfile,\n renderUserProfile,\n } = useContext(UserProfileContext);\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-participants-accordion__member\">\n <div className=\"sendbird-participants-accordion__member-avatar\">\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <Avatar\n onClick={() => {\n if (!disableUserProfile) {\n toggleDropdown();\n }\n }}\n ref={avatarRef}\n src={user.profileUrl}\n width={24}\n height={24}\n />\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n openLeft\n parentRef={avatarRef}\n // for catching location(x, y) of MenuItems\n parentContainRef={avatarRef}\n // for toggling more options(menus & reactions)\n closeDropdown={closeDropdown}\n style={{ paddingTop: '0px', paddingBottom: '0px' }}\n >\n {\n renderUserProfile\n ? renderUserProfile({\n user: user,\n currentUserId: currentUser,\n close: closeDropdown,\n })\n : (\n <UserProfile\n disableMessaging\n user={user}\n currentUserId={currentUser}\n onSuccess={closeDropdown}\n />\n )\n }\n </MenuItems>\n )}\n />\n </div>\n <Label\n className=\"sendbird-participants-accordion__member__title\"\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {user.nickname || stringSet.NO_NAME}\n {\n (currentUser === user.userId) && (\n stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU\n )\n }\n </Label>\n { // if there is now nickname, display userId\n !user.nickname && (\n <Label\n className=\"sendbird-participants-accordion__member__title user-id\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {user.userId}\n </Label>\n )\n }\n {\n isOperator && (\n <Label\n className={\n `sendbird-participants-accordion__member__title\n ${user?.userId !== currentUser ? 'operator' : ''}\n ${user?.userId === currentUser ? 'self-operator' : ''}\n `\n }\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR}\n </Label>\n )\n }\n {\n action && (\n <div\n className=\"sendbird-participants-accordion__member__action\"\n ref={actionRef}\n >\n { action({ actionRef }) }\n </div>\n )\n }\n </div>\n );\n};\n\nexport interface ParticipantsAccordionProps {\n maxMembers?: number;\n}\n\nexport default function ParticipantsAccordion(props: ParticipantsAccordionProps): ReactElement {\n const maxMembers = props?.maxMembers || SHOWN_MEMBER_MAX;\n const { channel } = useOpenChannelSettingsContext();\n const globalState = useSendbirdStateContext();\n const currentUser = globalState?.config?.userId;\n const [participants, setParticipants] = useState([]);\n const [showMoreModal, setShowMoreModal] = useState(false);\n const { stringSet } = useContext(LocalizationContext);\n\n useEffect(() => {\n if (!channel || !channel?.createParticipantListQuery) {\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({});\n participantListQuery.next().then((participantList) => {\n setParticipants(participantList);\n });\n }, [channel]);\n\n return (\n <Accordion\n className=\"sendbird-participants-accordion\"\n id=\"participants\"\n renderTitle={() => (\n <>\n <Icon\n type={IconTypes.MEMBERS}\n fillColor={IconColors.PRIMARY}\n width={24}\n height={24}\n className=\"sendbird-openchannel-settings__accordion-icon\"\n />\n <Label\n type={LabelTypography.SUBTITLE_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_ACCORDION_TITLE}\n </Label>\n </>\n )}\n renderContent={() => (\n <div className=\"\">\n <div className=\"sendbird-participants-accordion__list\">\n {\n participants.slice(0, maxMembers).map((p) => (\n <UserListItem\n user={p}\n currentUser={currentUser}\n key={p.userId}\n />\n ))\n }\n {\n (participants && participants.length === 0)\n ? (\n <Label\n className=\"sendbird-channel-settings__empty-list\"\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n </Label>\n ) : null\n }\n </div>\n {\n participants.length >= maxMembers && (\n <div className=\"sendbird-participants-accordion__footer\">\n <Button\n className=\"sendbird-participants-accordion__footer__all-participants\"\n type={ButtonTypes.SECONDARY}\n size={ButtonSizes.SMALL}\n onClick={() => setShowMoreModal(true)}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__SEE_ALL}\n </Button>\n {\n showMoreModal && (\n <ParticipantsModal\n onCancel={() => {\n setShowMoreModal(false);\n }}\n />\n )\n }\n </div>\n )\n }\n </div>\n )}\n />\n );\n}\n","import React, {\n ReactElement,\n useContext,\n useState,\n useEffect,\n useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport { UserListItem } from './ParticipantItem';\nimport ParticipantsModal from './ParticipantsModal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface ParticipantListProps {\n isOperatorView?: boolean;\n}\n\nexport default function ParticipantList({\n isOperatorView = false,\n}: ParticipantListProps): ReactElement {\n const globalState = useSendbirdStateContext();\n const currentUserId = globalState?.config?.userId;\n const { channel } = useOpenChannelSettingsContext();\n const { stringSet } = useContext(LocalizationContext);\n const [participants, setParticipants] = useState<Array<User> | null>(null);\n const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n const [showParticipantsModal, setShowParticipantsModal] = useState<boolean>(false);\n useEffect(() => {\n if (!channel || !channel?.createParticipantListQuery) {\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n setParticipantListQuery(participantListQuery);\n participantListQuery.next().then((participants) => {\n setParticipants(participants);\n });\n }, [channel]);\n const refreshList = useCallback(() => {\n if (!channel) {\n setParticipants([]);\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n participantListQuery.next().then((participants) => {\n setParticipants(participants);\n });\n }, [channel]);\n return (\n <div\n className=\"sendbird-openchannel-settings__participant-list\"\n onScroll={(e) => {\n const { hasNext } = participantListQuery;\n const target = e.target as HTMLTextAreaElement;\n const fetchMore = (\n target.clientHeight + target.scrollTop === target.scrollHeight\n );\n\n if (hasNext && fetchMore) {\n participantListQuery.next().then((fetchedParticipants) => {\n setParticipants([\n ...participants,\n ...fetchedParticipants,\n ])\n });\n }\n }}\n >\n <div>\n {\n participants?.map((p: User) => {\n const isOperator = channel?.isOperator(p.userId);\n return (\n <UserListItem\n user={p}\n currentUser={currentUserId}\n key={p.userId}\n isOperator={isOperator}\n action={({ actionRef }) => (\n (isOperatorView && currentUserId !== p?.userId)\n ? (\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <IconButton\n className=\"sendbird-openchannel-participant-list__menu\"\n width=\"32px\"\n height=\"32px\"\n onClick={toggleDropdown}\n >\n <Icon\n width=\"24px\"\n height=\"24px\"\n type={IconTypes.MORE}\n fillColor={IconColors.CONTENT_INVERSE}\n />\n </IconButton>\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentRef={actionRef}\n closeDropdown={closeDropdown}\n openLeft\n >\n <MenuItem\n onClick={() => {\n if (isOperator) {\n channel?.removeOperators([p.userId]).then(() => {\n refreshList();\n closeDropdown();\n });\n } else {\n channel?.addOperators([p.userId]).then(() => {\n refreshList();\n closeDropdown();\n })\n }\n }}\n >\n {\n isOperator\n ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n }\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.muteUser(p).then(() => {\n refreshList();\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.banUser(p).then(() => {\n refreshList();\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n </MenuItem>\n </MenuItems>\n )}\n />\n )\n : null\n )}\n />\n );\n })\n }\n {\n (participants && participants.length === 0)\n ? (\n <Label\n className=\"sendbird-channel-settings__empty-list\"\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n </Label>\n ) : null\n }\n <div className=\"sendbird-openchannel-participant-list__footer\">\n {\n participantListQuery?.hasNext && (\n <Button\n type={ButtonTypes.SECONDARY}\n size={ButtonSizes.SMALL}\n onClick={() => setShowParticipantsModal(true)}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n </Button>\n )\n }\n </div>\n {\n showParticipantsModal && (\n <ParticipantsModal\n onCancel={() => {\n setShowParticipantsModal(false);\n refreshList();\n }}\n />\n )\n }\n </div>\n </div>\n )\n}\n"],"names":["ParticipantsModal","_a","onCancel","state","useSendbirdStateContext","channel","useOpenChannelSettingsContext","stringSet","useContext","LocalizationContext","_e","useState","participants","setParticipants","_f","participantListQuery","setParticipantListQuery","userId","_b","config","sdk","_d","_c","stores","sdkStore","isOperatorView","isOperator","useEffect","createParticipantListQuery","next","then","participantList","React","createElement","Modal","hideFooter","isFullScreenOnMobile","onSubmit","noop","titleText","OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE","className","onScroll","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","fetchedParticipants","__spreadArray","map","p","UserListItem","user","key","currentUser","action","actionRef","parentRef","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","Icon","type","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","closeDropdown","MenuItems","parentContainRef","openLeft","MenuItem","removeOperators","addOperators","OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","muteUser","OPEN_CHANNEL_SETTING__MODERATION__MUTE","banUser","OPEN_CHANNEL_SETTING__MODERATION__BAN","avatarRef","useRef","UserProfileContext","disableUserProfile","renderUserProfile","Avatar","ref","src","profileUrl","style","paddingTop","paddingBottom","currentUserId","close","UserProfile","disableMessaging","onSuccess","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","OPEN_CHANNEL_SETTINGS__MEMBERS__YOU","CAPTION_3","ONBACKGROUND_2","concat","OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR","ParticipantList","globalState","showParticipantsModal","setShowParticipantsModal","limit","refreshList","useCallback","length","ONBACKGROUND_3","OPEN_CHANNEL_SETTINGS__EMPTY_LIST","Button","ButtonTypes","SECONDARY","size","ButtonSizes","SMALL"],"mappings":"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"}
1
+ {"version":3,"file":"index-0b9ad941.js","sources":["../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantsModal.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantItem.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/index.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useEffect,\n useState,\n useContext,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { noop } from '../../../../utils/utils';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n onCancel(): void;\n}\n\nexport default function ParticipantsModal({\n onCancel,\n}: Props): ReactElement {\n const state = useSendbirdStateContext();\n const { channel } = useOpenChannelSettingsContext();\n const { stringSet } = useContext(LocalizationContext);\n const [participants, setParticipants] = useState<Array<User> | null>([]);\n const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n const userId = state?.config?.userId;\n const sdk = state?.stores?.sdkStore?.sdk;\n const isOperatorView = channel?.isOperator(userId);\n useEffect(() => {\n if (!channel || !channel?.createParticipantListQuery) {\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({});\n setParticipantListQuery(participantListQuery);\n participantListQuery.next().then((participantList) => {\n setParticipants(participantList);\n });\n }, []);\n return (\n <div>\n <Modal\n hideFooter\n isFullScreenOnMobile\n onCancel={() => onCancel()}\n onSubmit={noop}\n titleText={stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n >\n <div\n className=\"sendbird-more-members__popup-scroll\"\n onScroll={(e) => {\n const { hasNext } = participantListQuery;\n const target = e.target as HTMLTextAreaElement;\n const fetchMore = (\n target.clientHeight + target.scrollTop === target.scrollHeight\n );\n\n if (hasNext && fetchMore) {\n participantListQuery.next().then((fetchedParticipants) => {\n setParticipants([\n ...participants,\n ...fetchedParticipants,\n ])\n });\n }\n }}\n >\n {\n participants.map((p) => {\n const isOperator = channel?.isOperator(p.userId);\n return (\n <UserListItem\n user={p}\n key={p.userId}\n currentUser={sdk?.currentUser?.userId}\n action={\n (userId !== p.userId && isOperatorView)\n ? ({ actionRef, parentRef }) => (\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <IconButton\n className=\"sendbird-user-message__more__menu\"\n width=\"32px\"\n height=\"32px\"\n onClick={toggleDropdown}\n >\n <Icon\n width=\"24px\"\n height=\"24px\"\n type={IconTypes.MORE}\n fillColor={IconColors.CONTENT_INVERSE}\n />\n </IconButton>\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentContainRef={parentRef}\n parentRef={actionRef}\n closeDropdown={closeDropdown}\n openLeft\n >\n <MenuItem\n onClick={() => {\n if (isOperator) {\n channel?.removeOperators([p.userId]).then(() => {\n closeDropdown();\n });\n } else {\n channel?.addOperators([p.userId]).then(() => {\n closeDropdown();\n });\n }\n }}\n >\n {\n isOperator\n ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n }\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.muteUser(p).then(() => {\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.banUser(p).then(() => {\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n </MenuItem>\n </MenuItems>\n )}\n />\n )\n : null\n }\n />\n )\n })\n }\n </div>\n </Modal>\n </div>\n )\n}\n","import React, {\n ReactElement,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport type { User } from '@sendbird/chat';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport Accordion from '../../../../ui/Accordion';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Avatar from '../../../../ui/Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ParticipantsModal from './ParticipantsModal';\nimport UserProfile from '../../../../ui/UserProfile';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nconst SHOWN_MEMBER_MAX = 10;\n\ninterface ActionProps {\n actionRef: React.RefObject<HTMLInputElement>;\n}\ninterface UserListItemProps {\n user: User;\n currentUser?: string;\n isOperator?: boolean;\n action?(props: ActionProps): ReactElement;\n}\n\nexport const UserListItem: React.FC<UserListItemProps> = ({\n user,\n currentUser,\n isOperator,\n action,\n}: UserListItemProps) => {\n const avatarRef = useRef(null);\n const actionRef = useRef(null);\n const {\n disableUserProfile,\n renderUserProfile,\n } = useContext(UserProfileContext);\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-participants-accordion__member\">\n <div className=\"sendbird-participants-accordion__member-avatar\">\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <Avatar\n onClick={() => {\n if (!disableUserProfile) {\n toggleDropdown();\n }\n }}\n ref={avatarRef}\n src={user.profileUrl}\n width={24}\n height={24}\n />\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n openLeft\n parentRef={avatarRef}\n // for catching location(x, y) of MenuItems\n parentContainRef={avatarRef}\n // for toggling more options(menus & reactions)\n closeDropdown={closeDropdown}\n style={{ paddingTop: '0px', paddingBottom: '0px' }}\n >\n {\n renderUserProfile\n ? renderUserProfile({\n user: user,\n currentUserId: currentUser,\n close: closeDropdown,\n })\n : (\n <UserProfile\n disableMessaging\n user={user}\n currentUserId={currentUser}\n onSuccess={closeDropdown}\n />\n )\n }\n </MenuItems>\n )}\n />\n </div>\n <Label\n className=\"sendbird-participants-accordion__member__title\"\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {user.nickname || stringSet.NO_NAME}\n {\n (currentUser === user.userId) && (\n stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU\n )\n }\n </Label>\n { // if there is now nickname, display userId\n !user.nickname && (\n <Label\n className=\"sendbird-participants-accordion__member__title user-id\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {user.userId}\n </Label>\n )\n }\n {\n isOperator && (\n <Label\n className={\n `sendbird-participants-accordion__member__title\n ${user?.userId !== currentUser ? 'operator' : ''}\n ${user?.userId === currentUser ? 'self-operator' : ''}\n `\n }\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR}\n </Label>\n )\n }\n {\n action && (\n <div\n className=\"sendbird-participants-accordion__member__action\"\n ref={actionRef}\n >\n { action({ actionRef }) }\n </div>\n )\n }\n </div>\n );\n};\n\nexport interface ParticipantsAccordionProps {\n maxMembers?: number;\n}\n\nexport default function ParticipantsAccordion(props: ParticipantsAccordionProps): ReactElement {\n const maxMembers = props?.maxMembers || SHOWN_MEMBER_MAX;\n const { channel } = useOpenChannelSettingsContext();\n const globalState = useSendbirdStateContext();\n const currentUser = globalState?.config?.userId;\n const [participants, setParticipants] = useState([]);\n const [showMoreModal, setShowMoreModal] = useState(false);\n const { stringSet } = useContext(LocalizationContext);\n\n useEffect(() => {\n if (!channel || !channel?.createParticipantListQuery) {\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({});\n participantListQuery.next().then((participantList) => {\n setParticipants(participantList);\n });\n }, [channel]);\n\n return (\n <Accordion\n className=\"sendbird-participants-accordion\"\n id=\"participants\"\n renderTitle={() => (\n <>\n <Icon\n type={IconTypes.MEMBERS}\n fillColor={IconColors.PRIMARY}\n width={24}\n height={24}\n className=\"sendbird-openchannel-settings__accordion-icon\"\n />\n <Label\n type={LabelTypography.SUBTITLE_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_ACCORDION_TITLE}\n </Label>\n </>\n )}\n renderContent={() => (\n <div className=\"\">\n <div className=\"sendbird-participants-accordion__list\">\n {\n participants.slice(0, maxMembers).map((p) => (\n <UserListItem\n user={p}\n currentUser={currentUser}\n key={p.userId}\n />\n ))\n }\n {\n (participants && participants.length === 0)\n ? (\n <Label\n className=\"sendbird-channel-settings__empty-list\"\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n </Label>\n ) : null\n }\n </div>\n {\n participants.length >= maxMembers && (\n <div className=\"sendbird-participants-accordion__footer\">\n <Button\n className=\"sendbird-participants-accordion__footer__all-participants\"\n type={ButtonTypes.SECONDARY}\n size={ButtonSizes.SMALL}\n onClick={() => setShowMoreModal(true)}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__SEE_ALL}\n </Button>\n {\n showMoreModal && (\n <ParticipantsModal\n onCancel={() => {\n setShowMoreModal(false);\n }}\n />\n )\n }\n </div>\n )\n }\n </div>\n )}\n />\n );\n}\n","import React, {\n ReactElement,\n useContext,\n useState,\n useEffect,\n useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport { UserListItem } from './ParticipantItem';\nimport ParticipantsModal from './ParticipantsModal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface ParticipantListProps {\n isOperatorView?: boolean;\n}\n\nexport default function ParticipantList({\n isOperatorView = false,\n}: ParticipantListProps): ReactElement {\n const globalState = useSendbirdStateContext();\n const currentUserId = globalState?.config?.userId;\n const { channel } = useOpenChannelSettingsContext();\n const { stringSet } = useContext(LocalizationContext);\n const [participants, setParticipants] = useState<Array<User> | null>(null);\n const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n const [showParticipantsModal, setShowParticipantsModal] = useState<boolean>(false);\n useEffect(() => {\n if (!channel || !channel?.createParticipantListQuery) {\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n setParticipantListQuery(participantListQuery);\n participantListQuery.next().then((participants) => {\n setParticipants(participants);\n });\n }, [channel]);\n const refreshList = useCallback(() => {\n if (!channel) {\n setParticipants([]);\n return;\n }\n const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n participantListQuery.next().then((participants) => {\n setParticipants(participants);\n });\n }, [channel]);\n return (\n <div\n className=\"sendbird-openchannel-settings__participant-list\"\n onScroll={(e) => {\n const { hasNext } = participantListQuery;\n const target = e.target as HTMLTextAreaElement;\n const fetchMore = (\n target.clientHeight + target.scrollTop === target.scrollHeight\n );\n\n if (hasNext && fetchMore) {\n participantListQuery.next().then((fetchedParticipants) => {\n setParticipants([\n ...participants,\n ...fetchedParticipants,\n ])\n });\n }\n }}\n >\n <div>\n {\n participants?.map((p: User) => {\n const isOperator = channel?.isOperator(p.userId);\n return (\n <UserListItem\n user={p}\n currentUser={currentUserId}\n key={p.userId}\n isOperator={isOperator}\n action={({ actionRef }) => (\n (isOperatorView && currentUserId !== p?.userId)\n ? (\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <IconButton\n className=\"sendbird-openchannel-participant-list__menu\"\n width=\"32px\"\n height=\"32px\"\n onClick={toggleDropdown}\n >\n <Icon\n width=\"24px\"\n height=\"24px\"\n type={IconTypes.MORE}\n fillColor={IconColors.CONTENT_INVERSE}\n />\n </IconButton>\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentRef={actionRef}\n closeDropdown={closeDropdown}\n openLeft\n >\n <MenuItem\n onClick={() => {\n if (isOperator) {\n channel?.removeOperators([p.userId]).then(() => {\n refreshList();\n closeDropdown();\n });\n } else {\n channel?.addOperators([p.userId]).then(() => {\n refreshList();\n closeDropdown();\n })\n }\n }}\n >\n {\n isOperator\n ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n }\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.muteUser(p).then(() => {\n refreshList();\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n </MenuItem>\n <MenuItem\n onClick={() => {\n channel?.banUser(p).then(() => {\n refreshList();\n closeDropdown();\n });\n }}\n >\n {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n </MenuItem>\n </MenuItems>\n )}\n />\n )\n : null\n )}\n />\n );\n })\n }\n {\n (participants && participants.length === 0)\n ? (\n <Label\n className=\"sendbird-channel-settings__empty-list\"\n type={LabelTypography.SUBTITLE_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n </Label>\n ) : null\n }\n <div className=\"sendbird-openchannel-participant-list__footer\">\n {\n participantListQuery?.hasNext && (\n <Button\n type={ButtonTypes.SECONDARY}\n size={ButtonSizes.SMALL}\n onClick={() => setShowParticipantsModal(true)}\n >\n {stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n </Button>\n )\n }\n </div>\n {\n showParticipantsModal && (\n <ParticipantsModal\n onCancel={() => {\n setShowParticipantsModal(false);\n refreshList();\n }}\n />\n )\n }\n </div>\n </div>\n )\n}\n"],"names":["ParticipantsModal","_a","onCancel","state","useSendbirdStateContext","channel","useOpenChannelSettingsContext","stringSet","useContext","LocalizationContext","_e","useState","participants","setParticipants","_f","participantListQuery","setParticipantListQuery","userId","_b","config","sdk","_d","_c","stores","sdkStore","isOperatorView","isOperator","useEffect","createParticipantListQuery","next","then","participantList","React","createElement","Modal","hideFooter","isFullScreenOnMobile","onSubmit","noop","titleText","OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE","className","onScroll","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","fetchedParticipants","__spreadArray","map","p","UserListItem","user","key","currentUser","action","actionRef","parentRef","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","Icon","type","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","closeDropdown","MenuItems","parentContainRef","openLeft","MenuItem","removeOperators","addOperators","OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","muteUser","OPEN_CHANNEL_SETTING__MODERATION__MUTE","banUser","OPEN_CHANNEL_SETTING__MODERATION__BAN","avatarRef","useRef","UserProfileContext","disableUserProfile","renderUserProfile","Avatar","ref","src","profileUrl","style","paddingTop","paddingBottom","currentUserId","close","UserProfile","disableMessaging","onSuccess","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","OPEN_CHANNEL_SETTINGS__MEMBERS__YOU","CAPTION_3","ONBACKGROUND_2","concat","OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR","ParticipantList","globalState","showParticipantsModal","setShowParticipantsModal","limit","refreshList","useCallback","length","ONBACKGROUND_3","OPEN_CHANNEL_SETTINGS__EMPTY_LIST","Button","ButtonTypes","SECONDARY","size","ButtonSizes","SMALL"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuBwB,SAAAA,iBAAiBA,CAACC,EAElC,EAAA;;AADN,EAAA,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA,CAAA;EAER,IAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AAC/B,EAAA,IAAAC,OAAO,GAAKC,yDAA6B,EAAE,QAApC,CAAA;AACP,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACX,EAAA,IAAAC,EAAA,GAAkCC,cAAQ,CAAqB,EAAE,CAAC;AAAjEC,IAAAA,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,EAAA,CAAA,CAAA,CAAoC,CAAA;AAClE,EAAA,IAAAI,EAAA,GAAkDH,cAAQ,CAA8B,IAAI,CAAC;AAA5FI,IAAAA,oBAAoB,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,uBAAuB,GAAAF,EAAA,CAAA,CAAA,CAA+C,CAAA;AACnG,EAAA,IAAMG,MAAM,GAAG,CAAAC,EAAA,GAAAf,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEgB,MAAM,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,MAAM,CAAA;EACpC,IAAMG,GAAG,GAAG,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAnB,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEoB,MAAM,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEE,QAAQ,MAAA,IAAA,IAAAH,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAED,GAAG,CAAA;AACxC,EAAA,IAAMK,cAAc,GAAGpB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEqB,UAAU,CAACT,MAAM,CAAC,CAAA;AAClDU,EAAAA,eAAS,CAAC,YAAA;IACR,IAAI,CAACtB,OAAO,IAAI,EAACA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEuB,0BAA0B,CAAA,EAAE;AACpD,MAAA,OAAA;AACD,KAAA;IACD,IAAMb,oBAAoB,GAAGV,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEuB,0BAA0B,CAAC,EAAE,CAAC,CAAA;IACpEZ,uBAAuB,CAACD,oBAAoB,CAAC,CAAA;IAC7CA,oBAAoB,CAACc,IAAI,EAAE,CAACC,IAAI,CAAC,UAACC,eAAe,EAAA;MAC/ClB,eAAe,CAACkB,eAAe,CAAC,CAAA;AAClC,KAAC,CAAC,CAAA;GACH,EAAE,EAAE,CAAC,CAAA;EACN,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,yBAAA,CAAAC,aAAA,CAACC,mBAAK,EAAA;IACJC,UAAU,EAAA,IAAA;IACVC,oBAAoB,EAAA,IAAA;IACpBlC,QAAQ,EAAE,YAAA;AAAM,MAAA,OAAAA,QAAQ,EAAE,CAAA;KAAC;AAC3BmC,IAAAA,QAAQ,EAAEC,UAAK;IACfC,SAAS,EAAEhC,SAAS,CAACiC,6CAAAA;GAErBR,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEQ,IAAAA,SAAS,EAAC,qCAAqC;AAC/CC,IAAAA,QAAQ,EAAE,UAACC,CAAC,EAAA;AACF,MAAA,IAAAC,OAAO,GAAK7B,oBAAoB,CAAA6B,OAAzB,CAAA;AACf,MAAA,IAAMC,MAAM,GAAGF,CAAC,CAACE,MAA6B,CAAA;AAC9C,MAAA,IAAMC,SAAS,GACbD,MAAM,CAACE,YAAY,GAAGF,MAAM,CAACG,SAAS,KAAKH,MAAM,CAACI,YACnD,CAAA;MAED,IAAIL,OAAO,IAAIE,SAAS,EAAE;QACxB/B,oBAAoB,CAACc,IAAI,EAAE,CAACC,IAAI,CAAC,UAACoB,mBAAmB,EAAA;AACnDrC,UAAAA,eAAe,CACVsC,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EAAAvC,YAAY,EACZ,IAAA,CAAA,EAAAsC,mBAAmB,QACtB,CAAA;AACJ,SAAC,CAAC,CAAA;AACH,OAAA;AACH,KAAA;AAAE,GAAA,EAGAtC,YAAY,CAACwC,GAAG,CAAC,UAACC,CAAC,EAAA;;IACjB,IAAM3B,UAAU,GAAGrB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEqB,UAAU,CAAC2B,CAAC,CAACpC,MAAM,CAAC,CAAA;AAChD,IAAA,oBACEe,yBAAA,CAAAC,aAAA,CAACqB,eAAY,EAAA;AACXC,MAAAA,IAAI,EAAEF,CAAE;MACRG,GAAG,EAAEH,CAAC,CAACpC,MAAO;AACdwC,MAAAA,WAAW,EAAE,CAAAxD,EAAA,GAAAmB,GAAG,KAAH,IAAA,IAAAA,GAAG,uBAAHA,GAAG,CAAEqC,WAAW,MAAE,IAAA,IAAAxD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAgB,MAAO;MACtCyC,MAAM,EACHzC,MAAM,KAAKoC,CAAC,CAACpC,MAAM,IAAIQ,cAAc,GAClC,UAACxB,EAAwB,EAAA;YAAtB0D,SAAS,GAAA1D,EAAA,CAAA0D,SAAA;UAAEC,SAAS,GAAA3D,EAAA,CAAA2D,SAAA,CAAA;AAAO,QAAA,oBAC9B5B,yBAAA,CAAAC,aAAA,CAAC4B,yBAAW,EAAA;AACVC,UAAAA,WAAW,EAAE,UAACC,cAAc,EAAK;AAAA,YAAA,oBAC/B/B,yBAAA,CAAAC,aAAA,CAAC+B,aAAU,EAAA;AACTvB,cAAAA,SAAS,EAAC,mCAAmC;AAC7CwB,cAAAA,KAAK,EAAC,MAAM;AACZC,cAAAA,MAAM,EAAC,MAAM;AACbC,cAAAA,OAAO,EAAEJ,cAAAA;AAAe,aAAA,eAExB/B,yBAAA,CAAAC,aAAA,CAACmC,kBAAI,EAAA;AACHH,cAAAA,KAAK,EAAC,MAAM;AACZC,cAAAA,MAAM,EAAC,MAAM;cACbG,IAAI,EAAEC,iBAAS,CAACC,IAAK;cACrBC,SAAS,EAAEC,kBAAU,CAACC,eAAAA;AAAgB,aAAA,CAE1C,CAAa,CAAA;WACb;AACFC,UAAAA,SAAS,EAAE,UAACC,aAAa,EAAA;AAAK,YAAA,oBAC5B5C,yBAAA,CAAAC,aAAA,CAAC4C,wBAAS,EAAA;AACRC,cAAAA,gBAAgB,EAAElB,SAAU;AAC5BA,cAAAA,SAAS,EAAED,SAAU;AACrBiB,cAAAA,aAAa,EAAEA,aAAc;cAC7BG,QAAQ,EAAA,IAAA;AAAA,aAAA,eAER/C,yBAAA,CAAAC,aAAA,CAAC+C,uBAAQ,EAAA;cACPb,OAAO,EAAE,YAAA;AACP,gBAAA,IAAIzC,UAAU,EAAE;kBACdrB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4E,eAAe,CAAC,CAAC5B,CAAC,CAACpC,MAAM,CAAC,CAAA,CAAEa,IAAI,CAAC,YAAA;AACxC8C,oBAAAA,aAAa,EAAE,CAAA;AACjB,mBAAC,CAAC,CAAA;AACH,iBAAA,MAAM;kBACLvE,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE6E,YAAY,CAAC,CAAC7B,CAAC,CAACpC,MAAM,CAAC,CAAA,CAAEa,IAAI,CAAC,YAAA;AACrC8C,oBAAAA,aAAa,EAAE,CAAA;AACjB,mBAAC,CAAC,CAAA;AACH,iBAAA;AACH,eAAA;AAAE,aAAA,EAGAlD,UAAU,GACNnB,SAAS,CAAC4E,qDAAqD,GAC/D5E,SAAS,CAAC6E,sDAAsD,CAGxE,eAAApD,yBAAA,CAAAC,aAAA,CAAC+C,uBAAQ,EAAA;cACPb,OAAO,EAAE,YAAA;gBACP9D,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEgF,QAAQ,CAAChC,CAAC,CAAE,CAAAvB,IAAI,CAAC,YAAA;AACxB8C,kBAAAA,aAAa,EAAE,CAAA;AACjB,iBAAC,CAAC,CAAA;AACJ,eAAA;aAECrE,EAAAA,SAAS,CAAC+E,sCAAsC,CAEnD,eAAAtD,yBAAA,CAAAC,aAAA,CAAC+C,uBAAQ,EAAA;cACPb,OAAO,EAAE,YAAA;gBACP9D,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEkF,OAAO,CAAClC,CAAC,CAAE,CAAAvB,IAAI,CAAC,YAAA;AACvB8C,kBAAAA,aAAa,EAAE,CAAA;AACjB,iBAAC,CAAC,CAAA;AACJ,eAAA;AAAE,aAAA,EAEDrE,SAAS,CAACiF,qCAAqC,CAEpD,CAAY,CAAA;AA5CgB,WAAA;SA8C9B,CAAA,CAAA;AA/D4B,OAgE/B,GACC,IAAA;KAEN,CAAA,CAAA;GAEL,CAAC,CAGR,CACF,CAAM,CAAA;AAEV;;IC3HalC,YAAY,GAAgC,UAACrD,EAKtC,EAAA;MAJlBsD,IAAI,GAAAtD,EAAA,CAAAsD,IAAA;IACJE,WAAW,GAAAxD,EAAA,CAAAwD,WAAA;IACX/B,UAAU,GAAAzB,EAAA,CAAAyB,UAAA;IACVgC,MAAM,GAAAzD,EAAA,CAAAyD,MAAA,CAAA;AAEN,EAAA,IAAM+B,SAAS,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;AAC9B,EAAA,IAAM/B,SAAS,GAAG+B,YAAM,CAAC,IAAI,CAAC,CAAA;AACxB,EAAA,IAAAxE,EAAA,GAGFV,gBAAU,CAACmF,qCAAkB,CAAC;IAFhCC,kBAAkB,GAAA1E,EAAA,CAAA0E,kBAAA;IAClBC,iBAAiB,GAAA3E,EAAA,CAAA2E,iBACe,CAAA;AAC1B,EAAA,IAAAtF,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;EACjB,oBACEuB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,yCAAA;GACbT,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,gDAAA;AAAgD,GAAA,eAC7DT,yBAAA,CAAAC,aAAA,CAAC4B,yBAAW,EAAA;AACVC,IAAAA,WAAW,EAAE,UAACC,cAAc,EAAK;AAAA,MAAA,oBAC/B/B,yBAAA,CAAAC,aAAA,CAAC6D,oBAAM,EAAA;QACL3B,OAAO,EAAE,YAAA;UACP,IAAI,CAACyB,kBAAkB,EAAE;AACvB7B,YAAAA,cAAc,EAAE,CAAA;AACjB,WAAA;SACD;AACFgC,QAAAA,GAAG,EAAEN,SAAU;QACfO,GAAG,EAAEzC,IAAI,CAAC0C,UAAW;AACrBhC,QAAAA,KAAK,EAAE,EAAG;AACVC,QAAAA,MAAM,EAAE,EAAA;OACR,CAAA,CAAA;KACF;AACFS,IAAAA,SAAS,EAAE,UAACC,aAAa;AAAK,MAAA,oBAC5B5C,yBAAA,CAAAC,aAAA,CAAC4C,wBAAS,EAAA;QACRE,QAAQ,EAAA,IAAA;AACRnB,QAAAA,SAAS,EAAE6B,SAAAA;AACX;AAAA;AACAX,QAAAA,gBAAgB,EAAEW,SAAAA;AAClB;AAAA;AACAb,QAAAA,aAAa,EAAEA,aAAc;AAC7BsB,QAAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,KAAK;AAAEC,UAAAA,aAAa,EAAE,KAAA;AAAK,SAAA;OAG9CP,EAAAA,iBAAiB,GACbA,iBAAiB,CAAC;AAClBtC,QAAAA,IAAI,EAAEA,IAAI;AACV8C,QAAAA,aAAa,EAAE5C,WAAW;AAC1B6C,QAAAA,KAAK,EAAE1B,aAAAA;OACR,CAAC,gBAEA5C,yBAAA,CAAAC,aAAA,CAACsE,cAAW,EAAA;QACVC,gBAAgB,EAAA,IAAA;AAChBjD,QAAAA,IAAI,EAAEA,IAAK;AACX8C,QAAAA,aAAa,EAAE5C,WAAY;AAC3BgD,QAAAA,SAAS,EAAE7B,aAAAA;AAAc,OAAA,CAE5B,CAEK,CAAA;AA1BgB,KAAA;AA2B5B,GAAA,CAEN,CACA,eAAA5C,yBAAA,CAAAC,aAAA,CAACyE,cAAK,EAAA;AACJjE,IAAAA,SAAS,EAAC,gDAAgD;IAC1D4B,IAAI,EAAEsC,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCxD,IAAI,CAACyD,QAAQ,IAAIzG,SAAS,CAAC0G,OAAO,EAEhCxD,WAAW,KAAKF,IAAI,CAACtC,MAAM,IAC1BV,SAAS,CAAC2G,mCACX,CAGL;AAAE;EACA,CAAC3D,IAAI,CAACyD,QAAQ,iBACZhF,yBAAA,CAAAC,aAAA,CAACyE,cAAK,EAAA;AACJjE,IAAAA,SAAS,EAAC,wDAAwD;IAClE4B,IAAI,EAAEsC,wBAAe,CAACQ,SAAU;IAChCN,KAAK,EAAEC,oBAAW,CAACM,cAAAA;GAElB7D,EAAAA,IAAI,CAACtC,MAAM,CAEf,EAGDS,UAAU,iBACRM,yBAAA,CAAAC,aAAA,CAACyE,cAAK,EAAA;IACJjE,SAAS,EACP,kEAAA,CAAA4E,MAAA,CACI,CAAA9D,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEtC,MAAM,MAAKwC,WAAW,GAAG,UAAU,GAAG,EAAE,EAAA,oBAAA,CAAA,CAAA4D,MAAA,CAC9C,CAAA9D,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEtC,MAAM,MAAKwC,WAAW,GAAG,eAAe,GAAG,EAAE,EACtD,kBAAA,CACF;IACDY,IAAI,EAAEsC,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEC,oBAAW,CAACM,cAAAA;GAElB7G,EAAAA,SAAS,CAAC+G,wCAAwC,CAEtD,EAGD5D,MAAM,iBACJ1B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEQ,IAAAA,SAAS,EAAC,iDAAiD;AAC3DsD,IAAAA,GAAG,EAAEpC,SAAAA;AAAU,GAAA,EAEbD,MAAM,CAAC;AAAEC,IAAAA,SAAS,EAAAA,SAAAA;GAAE,CAAC,CAE1B,CAEC,CAAA;AAEV;;ACvHwB,SAAA4D,eAAeA,CAACtH,EAEjB,EAAA;;AADrB,EAAA,IAAAqB,EAAA,GAAArB,EAAA,CAAAwB,cAAsB;IAAtBA,cAAc,GAAGH,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA,CAAA;EAEtB,IAAMkG,WAAW,GAAGpH,uBAAuB,EAAE,CAAA;AAC7C,EAAA,IAAMiG,aAAa,GAAG,CAAAnF,EAAA,GAAAsG,WAAW,KAAX,IAAA,IAAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAErG,MAAM,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,MAAM,CAAA;AACzC,EAAA,IAAAZ,OAAO,GAAKC,yDAA6B,EAAE,QAApC,CAAA;AACP,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACX,EAAA,IAAAY,EAAA,GAAkCV,cAAQ,CAAqB,IAAI,CAAC;AAAnEC,IAAAA,YAAY,GAAAS,EAAA,CAAA,CAAA,CAAA;AAAER,IAAAA,eAAe,GAAAQ,EAAA,CAAA,CAAA,CAAsC,CAAA;AACpE,EAAA,IAAAX,EAAA,GAAkDC,cAAQ,CAA8B,IAAI,CAAC;AAA5FI,IAAAA,oBAAoB,GAAAL,EAAA,CAAA,CAAA,CAAA;AAAEM,IAAAA,uBAAuB,GAAAN,EAAA,CAAA,CAAA,CAA+C,CAAA;AAC7F,EAAA,IAAAI,EAAA,GAAoDH,cAAQ,CAAU,KAAK,CAAC;AAA3E8G,IAAAA,qBAAqB,GAAA3G,EAAA,CAAA,CAAA,CAAA;AAAE4G,IAAAA,wBAAwB,GAAA5G,EAAA,CAAA,CAAA,CAA4B,CAAA;AAClFa,EAAAA,eAAS,CAAC,YAAA;IACR,IAAI,CAACtB,OAAO,IAAI,EAACA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEuB,0BAA0B,CAAA,EAAE;AACpD,MAAA,OAAA;AACD,KAAA;AACD,IAAA,IAAMb,oBAAoB,GAAGV,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEuB,0BAA0B,CAAC;AAAE+F,MAAAA,KAAK,EAAE,EAAA;AAAE,KAAE,CAAC,CAAA;IAC/E3G,uBAAuB,CAACD,oBAAoB,CAAC,CAAA;IAC7CA,oBAAoB,CAACc,IAAI,EAAE,CAACC,IAAI,CAAC,UAAClB,YAAY,EAAA;MAC5CC,eAAe,CAACD,YAAY,CAAC,CAAA;AAC/B,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACP,OAAO,CAAC,CAAC,CAAA;AACb,EAAA,IAAMuH,WAAW,GAAGC,iBAAW,CAAC,YAAA;IAC9B,IAAI,CAACxH,OAAO,EAAE;MACZQ,eAAe,CAAC,EAAE,CAAC,CAAA;AACnB,MAAA,OAAA;AACD,KAAA;AACD,IAAA,IAAME,oBAAoB,GAAGV,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEuB,0BAA0B,CAAC;AAAE+F,MAAAA,KAAK,EAAE,EAAA;AAAE,KAAE,CAAC,CAAA;IAC/E5G,oBAAoB,CAACc,IAAI,EAAE,CAACC,IAAI,CAAC,UAAClB,YAAY,EAAA;MAC5CC,eAAe,CAACD,YAAY,CAAC,CAAA;AAC/B,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACP,OAAO,CAAC,CAAC,CAAA;EACb,oBACE2B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEQ,IAAAA,SAAS,EAAC,iDAAiD;AAC3DC,IAAAA,QAAQ,EAAE,UAACC,CAAC,EAAA;AACF,MAAA,IAAAC,OAAO,GAAK7B,oBAAoB,CAAA6B,OAAzB,CAAA;AACf,MAAA,IAAMC,MAAM,GAAGF,CAAC,CAACE,MAA6B,CAAA;AAC9C,MAAA,IAAMC,SAAS,GACbD,MAAM,CAACE,YAAY,GAAGF,MAAM,CAACG,SAAS,KAAKH,MAAM,CAACI,YACnD,CAAA;MAED,IAAIL,OAAO,IAAIE,SAAS,EAAE;QACxB/B,oBAAoB,CAACc,IAAI,EAAE,CAACC,IAAI,CAAC,UAACoB,mBAAmB,EAAA;AACnDrC,UAAAA,eAAe,CACVsC,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EAAAvC,YAAY,EACZ,IAAA,CAAA,EAAAsC,mBAAmB,QACtB,CAAA;AACJ,SAAC,CAAC,CAAA;AACH,OAAA;AACH,KAAA;GAEAlB,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,EAEIrB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEwC,GAAG,CAAC,UAACC,CAAO,EAAA;IACxB,IAAM3B,UAAU,GAAGrB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEqB,UAAU,CAAC2B,CAAC,CAACpC,MAAM,CAAC,CAAA;AAChD,IAAA,oBACEe,yBAAA,CAAAC,aAAA,CAACqB,YAAY,EAAA;AACXC,MAAAA,IAAI,EAAEF,CAAE;AACRI,MAAAA,WAAW,EAAE4C,aAAc;MAC3B7C,GAAG,EAAEH,CAAC,CAACpC,MAAO;AACdS,MAAAA,UAAU,EAAEA,UAAW;AACvBgC,MAAAA,MAAM,EAAE,UAACzD,EAAa,EAAA;AAAX,QAAA,IAAA0D,SAAS,GAAA1D,EAAA,CAAA0D,SAAA,CAAA;QAAO,OACxBlC,cAAc,IAAI4E,aAAa,MAAKhD,CAAC,KAAD,IAAA,IAAAA,CAAC,KAAD,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,CAAC,CAAEpC,MAAM,CAAA,gBAE1Ce,yBAAA,CAAAC,aAAA,CAAC4B,yBAAW,EAAA;AACVC,UAAAA,WAAW,EAAE,UAACC,cAAc,EAAA;AAAK,YAAA,oBAC/B/B,yBAAA,CAAAC,aAAA,CAAC+B,aAAU,EAAA;AACTvB,cAAAA,SAAS,EAAC,6CAA6C;AACvDwB,cAAAA,KAAK,EAAC,MAAM;AACZC,cAAAA,MAAM,EAAC,MAAM;AACbC,cAAAA,OAAO,EAAEJ,cAAAA;AAAe,aAAA,eAExB/B,yBAAA,CAAAC,aAAA,CAACmC,kBAAI,EAAA;AACHH,cAAAA,KAAK,EAAC,MAAM;AACZC,cAAAA,MAAM,EAAC,MAAM;cACbG,IAAI,EAAEC,iBAAS,CAACC,IAAK;cACrBC,SAAS,EAAEC,kBAAU,CAACC,eAAAA;AAAgB,aAAA,CAE1C,CAAa,CAAA;WACb;AACFC,UAAAA,SAAS,EAAE,UAACC,aAAa;AAAK,YAAA,oBAC5B5C,yBAAA,CAAAC,aAAA,CAAC4C,wBAAS,EAAA;AACRjB,cAAAA,SAAS,EAAED,SAAU;AACrBiB,cAAAA,aAAa,EAAEA,aAAc;cAC7BG,QAAQ,EAAA,IAAA;AAAA,aAAA,eAER/C,yBAAA,CAAAC,aAAA,CAAC+C,uBAAQ,EAAA;cACPb,OAAO,EAAE,YAAA;AACP,gBAAA,IAAIzC,UAAU,EAAE;kBACdrB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4E,eAAe,CAAC,CAAC5B,CAAC,CAACpC,MAAM,CAAC,CAAA,CAAEa,IAAI,CAAC,YAAA;AACxC8F,oBAAAA,WAAW,EAAE,CAAA;AACbhD,oBAAAA,aAAa,EAAE,CAAA;AACjB,mBAAC,CAAC,CAAA;AACH,iBAAA,MAAM;kBACLvE,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE6E,YAAY,CAAC,CAAC7B,CAAC,CAACpC,MAAM,CAAC,CAAA,CAAEa,IAAI,CAAC,YAAA;AACrC8F,oBAAAA,WAAW,EAAE,CAAA;AACbhD,oBAAAA,aAAa,EAAE,CAAA;AACjB,mBAAC,CAAC,CAAA;AACH,iBAAA;AACH,eAAA;AAAE,aAAA,EAGAlD,UAAU,GACNnB,SAAS,CAAC4E,qDAAqD,GAC/D5E,SAAS,CAAC6E,sDAAsD,CAGxE,eAAApD,yBAAA,CAAAC,aAAA,CAAC+C,uBAAQ,EAAA;cACPb,OAAO,EAAE,YAAA;gBACP9D,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEgF,QAAQ,CAAChC,CAAC,CAAE,CAAAvB,IAAI,CAAC,YAAA;AACxB8F,kBAAAA,WAAW,EAAE,CAAA;AACbhD,kBAAAA,aAAa,EAAE,CAAA;AACjB,iBAAC,CAAC,CAAA;AACJ,eAAA;aAECrE,EAAAA,SAAS,CAAC+E,sCAAsC,CAEnD,eAAAtD,yBAAA,CAAAC,aAAA,CAAC+C,uBAAQ,EAAA;cACPb,OAAO,EAAE,YAAA;gBACP9D,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEkF,OAAO,CAAClC,CAAC,CAAE,CAAAvB,IAAI,CAAC,YAAA;AACvB8F,kBAAAA,WAAW,EAAE,CAAA;AACbhD,kBAAAA,aAAa,EAAE,CAAA;AACjB,iBAAC,CAAC,CAAA;AACJ,eAAA;AAAE,aAAA,EAEDrE,SAAS,CAACiF,qCAAqC,CAEpD,CAAY,CAAA;AA/CgB,WAAA;AAgD5B,SAAA,CACF,GAEF,IAAI,CAAA;AAtEiB,OAAA;KAwE3B,CAAA,CAAA;AAEN,GAAC,CAAC,EAGD5E,YAAY,IAAIA,YAAY,CAACkH,MAAM,KAAK,CAAC,gBAEtC9F,yBAAA,CAAAC,aAAA,CAACyE,cAAK,EAAA;AACJjE,IAAAA,SAAS,EAAC,uCAAuC;IACjD4B,IAAI,EAAEsC,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEC,oBAAW,CAACiB,cAAAA;GAElBxH,EAAAA,SAAS,CAACyH,iCAAiC,CACtC,GACN,IAAI,eAEZhG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,+CAAA;GAEX,EAAA,CAAA1B,oBAAoB,KAAA,IAAA,IAApBA,oBAAoB,KAApB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,oBAAoB,CAAE6B,OAAO,kBAC3BZ,yBAAA,CAAAC,aAAA,CAACgG,oBAAM,EAAA;IACL5D,IAAI,EAAE6D,qBAAW,CAACC,SAAU;IAC5BC,IAAI,EAAEC,qBAAW,CAACC,KAAM;IACxBnE,OAAO,EAAE,YAAM;MAAA,OAAAuD,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAA9B,KAAA;AAA+B,GAAA,EAE7CnH,SAAS,CAACiC,6CAA6C,CAE3D,CAGL,EACEiF,qBAAqB,iBACnBzF,yBAAA,CAAAC,aAAA,CAACjC,iBAAiB,EAAA;IAChBE,QAAQ,EAAE,YAAA;MACRwH,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAC/BE,MAAAA,WAAW,EAAE,CAAA;AACf,KAAA;AAAE,GAAA,CAEL,CAGP,CAAM,CAAA;AAEV;;;;;"}
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-b412d11d.js');
3
+ var tslib_es6 = require('./tslib.es6-8f4b0cfe.js');
4
4
  var React = require('react');
5
- var index$1 = require('./index-450c5c4a.js');
5
+ var index$1 = require('./index-71173fef.js');
6
6
  var ui_Icon = require('./ui/Icon.js');
7
- var ui_Label = require('./index-6295003c.js');
7
+ var ui_Label = require('./index-b8a20afd.js');
8
8
  var ui_Loader = require('./ui/Loader.js');
9
- var index$2 = require('./index-946fe9b8.js');
9
+ var index$2 = require('./index-2ac1f908.js');
10
10
  var utils_message_getOutgoingMessageState = require('./utils/message/getOutgoingMessageState.js');
11
- var index = require('./index-6253d289.js');
12
- var LocalizationContext = require('./LocalizationContext-4c1a8e44.js');
11
+ var index = require('./index-a4887600.js');
12
+ var LocalizationContext = require('./LocalizationContext-498cb747.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
15
 
@@ -135,4 +135,4 @@ exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
135
135
  exports.getLastMessage = getLastMessage;
136
136
  exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
137
137
  exports.getTotalMembers = getTotalMembers;
138
- //# sourceMappingURL=index-cc5b51fb.js.map
138
+ //# sourceMappingURL=index-0dff9958.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-cc5b51fb.js","sources":["../../src/smart-components/ChannelList/components/ChannelPreview/utils.js","../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n if (!channel?.name && !channel?.members) {\n return stringSet.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n if (channel?.members?.length === 1) {\n return stringSet.NO_MEMBERS;\n }\n return (channel?.members || [])\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n channel,\n locale,\n stringSet,\n}) => {\n const createdAt = channel?.lastMessage?.createdAt;\n const optionalParam = locale ? { locale } : null;\n if (!createdAt) {\n return '';\n }\n if (isToday(createdAt)) {\n return format(createdAt, 'p', optionalParam);\n }\n if (isYesterday(createdAt)) {\n return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n }\n if (isThisYear(createdAt)) {\n return format(createdAt, 'MMM d', optionalParam);\n }\n return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n channel?.memberCount\n ? channel.memberCount\n : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n const MAXLEN = 30;\n const { messageType, name } = message;\n if (messageType === 'file') {\n return truncateString(name, MAXLEN);\n }\n return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n channel?.unreadMessageCount\n ? channel.unreadMessageCount\n : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n getOutgoingMessageState,\n OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../smart-components/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n className?: string;\n message: UserMessage | FileMessage;\n channel: GroupChannel;\n isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n className,\n message,\n channel,\n isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n const { stringSet, dateLocale } = useLocalization();\n const status = getOutgoingMessageState(channel, message);\n const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n (channel.isSuper || channel.isPublic || channel.isBroadcast)\n && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n );\n const iconType = {\n [OutgoingMessageStates.SENT]: IconTypes.DONE,\n [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n };\n const iconColor = {\n [OutgoingMessageStates.SENT]: IconColors.SENT,\n [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n [OutgoingMessageStates.READ]: IconColors.READ,\n [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n };\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-message-status',\n ].join(' ')}\n >\n {(status === OutgoingMessageStates.PENDING) ? (\n <Loader\n className=\"sendbird-message-status__icon\"\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n ) : (\n <Icon\n className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n }`}\n type={iconType[status] || IconTypes.ERROR}\n fillColor={iconColor[status]}\n width=\"16px\"\n height=\"16px\"\n />\n )}\n {isSentStatus(status) && (\n <Label\n className=\"sendbird-message-status__text\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n isDateSeparatorConsidered\n ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n }\n </Label>\n )}\n </div>\n );\n}\n"],"names":["getChannelTitle","_channel$members","channel","arguments","length","undefined","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join","getLastMessageCreatedAt","_ref3","_channel$lastMessage","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","_e","isDateSeparatorConsidered","_f","useLocalization","dateLocale","status","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","createElement","__spreadArray","Array","isArray","Loader","width","height","Icon","type","SPINNER","fillColor","PRIMARY","concat","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}
1
+ {"version":3,"file":"index-0dff9958.js","sources":["../../src/smart-components/ChannelList/components/ChannelPreview/utils.js","../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n if (!channel?.name && !channel?.members) {\n return stringSet.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n if (channel?.members?.length === 1) {\n return stringSet.NO_MEMBERS;\n }\n return (channel?.members || [])\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n channel,\n locale,\n stringSet,\n}) => {\n const createdAt = channel?.lastMessage?.createdAt;\n const optionalParam = locale ? { locale } : null;\n if (!createdAt) {\n return '';\n }\n if (isToday(createdAt)) {\n return format(createdAt, 'p', optionalParam);\n }\n if (isYesterday(createdAt)) {\n return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n }\n if (isThisYear(createdAt)) {\n return format(createdAt, 'MMM d', optionalParam);\n }\n return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n channel?.memberCount\n ? channel.memberCount\n : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n const MAXLEN = 30;\n const { messageType, name } = message;\n if (messageType === 'file') {\n return truncateString(name, MAXLEN);\n }\n return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n channel?.unreadMessageCount\n ? channel.unreadMessageCount\n : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n getOutgoingMessageState,\n OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../smart-components/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n className?: string;\n message: UserMessage | FileMessage;\n channel: GroupChannel;\n isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n className,\n message,\n channel,\n isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n const { stringSet, dateLocale } = useLocalization();\n const status = getOutgoingMessageState(channel, message);\n const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n (channel.isSuper || channel.isPublic || channel.isBroadcast)\n && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n );\n const iconType = {\n [OutgoingMessageStates.SENT]: IconTypes.DONE,\n [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n };\n const iconColor = {\n [OutgoingMessageStates.SENT]: IconColors.SENT,\n [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n [OutgoingMessageStates.READ]: IconColors.READ,\n [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n };\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-message-status',\n ].join(' ')}\n >\n {(status === OutgoingMessageStates.PENDING) ? (\n <Loader\n className=\"sendbird-message-status__icon\"\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n ) : (\n <Icon\n className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n }`}\n type={iconType[status] || IconTypes.ERROR}\n fillColor={iconColor[status]}\n width=\"16px\"\n height=\"16px\"\n />\n )}\n {isSentStatus(status) && (\n <Label\n className=\"sendbird-message-status__text\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n isDateSeparatorConsidered\n ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n }\n </Label>\n )}\n </div>\n );\n}\n"],"names":["getChannelTitle","_channel$members","channel","arguments","length","undefined","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join","getLastMessageCreatedAt","_ref3","_channel$lastMessage","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","_e","isDateSeparatorConsidered","_f","useLocalization","dateLocale","status","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","createElement","__spreadArray","Array","isArray","Loader","width","height","Icon","type","SPINNER","fillColor","PRIMARY","concat","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-b412d11d.js');
3
+ var tslib_es6 = require('./tslib.es6-8f4b0cfe.js');
4
4
  var utils_message_getOutgoingMessageState = require('./utils/message/getOutgoingMessageState.js');
5
5
 
6
6
  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
@@ -646,4 +646,4 @@ exports.isVideo = isVideo;
646
646
  exports.isVideoMessage = isVideoMessage;
647
647
  exports.isVoiceMessage = isVoiceMessage;
648
648
  exports.truncateString = truncateString;
649
- //# sourceMappingURL=index-946fe9b8.js.map
649
+ //# sourceMappingURL=index-2ac1f908.js.map