@sendbird/uikit-react 3.2.5 → 3.2.6-rc.1

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 (535) hide show
  1. package/App.js +327 -101
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +7 -0
  4. package/Channel/components/ChannelHeader.js +30 -18
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +31 -22
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +14 -14
  9. package/Channel/components/FrozenNotification.js +4 -4
  10. package/Channel/components/Message.js +76 -73
  11. package/Channel/components/Message.js.map +1 -1
  12. package/Channel/components/MessageInput.js +15 -15
  13. package/Channel/components/MessageList.js +23 -20
  14. package/Channel/components/MessageList.js.map +1 -1
  15. package/Channel/components/RemoveMessageModal.js +16 -15
  16. package/Channel/components/RemoveMessageModal.js.map +1 -1
  17. package/Channel/components/SuggestedMentionList.js +15 -15
  18. package/Channel/components/TypingIndicator.js +14 -14
  19. package/Channel/components/UnreadCount.js +4 -4
  20. package/Channel/context.js +13 -13
  21. package/Channel.js +25 -21
  22. package/Channel.js.map +1 -1
  23. package/ChannelList/components/AddChannel.js +14 -13
  24. package/ChannelList/components/AddChannel.js.map +1 -1
  25. package/ChannelList/components/ChannelListHeader.js +7 -7
  26. package/ChannelList/components/ChannelListUI.js +32 -26
  27. package/ChannelList/components/ChannelListUI.js.map +1 -1
  28. package/ChannelList/components/ChannelPreview.js +69 -28
  29. package/ChannelList/components/ChannelPreview.js.map +1 -1
  30. package/ChannelList/components/ChannelPreviewAction.js +14 -13
  31. package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  32. package/ChannelList/context.js +8 -8
  33. package/ChannelList.js +28 -26
  34. package/ChannelList.js.map +1 -1
  35. package/{ChannelListProvider-cdb08b62.js → ChannelListProvider-f69a3eab.js} +33 -11
  36. package/ChannelListProvider-f69a3eab.js.map +1 -0
  37. package/{ChannelProvider-08b86d72.js → ChannelProvider-beed5203.js} +49 -25
  38. package/ChannelProvider-beed5203.js.map +1 -0
  39. package/ChannelSettings/components/ChannelProfile.js +12 -11
  40. package/ChannelSettings/components/ChannelProfile.js.map +1 -1
  41. package/ChannelSettings/components/ChannelSettingsUI.js +18 -17
  42. package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  43. package/ChannelSettings/components/EditDetailsModal.js +13 -11
  44. package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  45. package/ChannelSettings/components/LeaveChannel.js +74 -26
  46. package/ChannelSettings/components/LeaveChannel.js.map +1 -1
  47. package/ChannelSettings/components/ModerationPanel.js +19 -14
  48. package/ChannelSettings/components/ModerationPanel.js.map +1 -1
  49. package/ChannelSettings/components/UserListItem.js +11 -11
  50. package/ChannelSettings/components/UserPanel.js +14 -13
  51. package/ChannelSettings/components/UserPanel.js.map +1 -1
  52. package/ChannelSettings/context.js +9 -5
  53. package/ChannelSettings/context.js.map +1 -1
  54. package/ChannelSettings.js +19 -17
  55. package/ChannelSettings.js.map +1 -1
  56. package/CreateChannel/components/CreateChannelUI.js +14 -13
  57. package/CreateChannel/components/CreateChannelUI.js.map +1 -1
  58. package/CreateChannel/components/InviteUsers.js +32 -13
  59. package/CreateChannel/components/InviteUsers.js.map +1 -1
  60. package/CreateChannel/components/SelectChannelType.js +13 -11
  61. package/CreateChannel/components/SelectChannelType.js.map +1 -1
  62. package/CreateChannel/context.js +4 -4
  63. package/CreateChannel.js +14 -13
  64. package/CreateChannel.js.map +1 -1
  65. package/{CreateChannelProvider-b5fa7c16.js → CreateChannelProvider-6b83f0e6.js} +1 -1
  66. package/{CreateChannelProvider-b5fa7c16.js.map → CreateChannelProvider-6b83f0e6.js.map} +1 -1
  67. package/CreateOpenChannel/components/CreateOpenChannelUI.js +11 -9
  68. package/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  69. package/CreateOpenChannel/context.js +1 -1
  70. package/CreateOpenChannel.js +10 -9
  71. package/CreateOpenChannel.js.map +1 -1
  72. package/EditUserProfile/components/EditUserProfileUI.js +13 -12
  73. package/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  74. package/EditUserProfile.js +13 -12
  75. package/EditUserProfile.js.map +1 -1
  76. package/{LocalizationContext-9976b34e.js → LocalizationContext-4f852f2e.js} +3 -3
  77. package/{LocalizationContext-9976b34e.js.map → LocalizationContext-4f852f2e.js.map} +1 -1
  78. package/MediaQueryContext-20ff176d.js +90 -0
  79. package/MediaQueryContext-20ff176d.js.map +1 -0
  80. package/{MemberList-070e920a.js → MemberList-8ffa1f2e.js} +12 -6
  81. package/MemberList-8ffa1f2e.js.map +1 -0
  82. package/MessageSearch/components/MessageSearchUI.js +11 -11
  83. package/MessageSearch/context.js +2 -2
  84. package/MessageSearch.js +11 -11
  85. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  86. package/OpenChannel/components/OpenChannelHeader.js +25 -15
  87. package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  88. package/OpenChannel/components/OpenChannelInput.js +15 -15
  89. package/OpenChannel/components/OpenChannelMessage.js +22 -20
  90. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  91. package/OpenChannel/components/OpenChannelMessageList.js +24 -22
  92. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  93. package/OpenChannel/components/OpenChannelUI.js +27 -23
  94. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  95. package/OpenChannel/context.js +9 -9
  96. package/OpenChannel.js +27 -24
  97. package/OpenChannel.js.map +1 -1
  98. package/OpenChannelList/components/OpenChannelListUI.js +15 -13
  99. package/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  100. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  101. package/OpenChannelList/context.js +4 -4
  102. package/OpenChannelList.js +13 -12
  103. package/OpenChannelList.js.map +1 -1
  104. package/{OpenChannelListProvider-ca1d96e3.js → OpenChannelListProvider-4e00f9cf.js} +3 -3
  105. package/{OpenChannelListProvider-ca1d96e3.js.map → OpenChannelListProvider-4e00f9cf.js.map} +1 -1
  106. package/{OpenChannelProvider-03efd3ff.js → OpenChannelProvider-f244c340.js} +40 -30
  107. package/OpenChannelProvider-f244c340.js.map +1 -0
  108. package/OpenChannelSettings/components/EditDetailsModal.js +14 -12
  109. package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  110. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -12
  111. package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  112. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -18
  113. package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  114. package/OpenChannelSettings/components/OperatorUI.js +22 -16
  115. package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  116. package/OpenChannelSettings/components/ParticipantUI.js +15 -14
  117. package/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  118. package/OpenChannelSettings/context.js +3 -3
  119. package/OpenChannelSettings.js +18 -17
  120. package/OpenChannelSettings.js.map +1 -1
  121. package/SendbirdProvider.js +22 -10
  122. package/SendbirdProvider.js.map +1 -1
  123. package/{UserProfileContext-24bb1c79.js → UserProfileContext-32f70da9.js} +8 -4
  124. package/UserProfileContext-32f70da9.js.map +1 -0
  125. package/{_rollupPluginBabelHelpers-a72165e4.js → _rollupPluginBabelHelpers-42595172.js} +19 -2
  126. package/_rollupPluginBabelHelpers-42595172.js.map +1 -0
  127. package/{actionTypes-b30fed5f.js → actionTypes-5126af74.js} +1 -1
  128. package/{actionTypes-b30fed5f.js.map → actionTypes-5126af74.js.map} +1 -1
  129. package/cjs/App.js +326 -100
  130. package/cjs/App.js.map +1 -1
  131. package/cjs/Channel/components/ChannelHeader.js +29 -17
  132. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  133. package/cjs/Channel/components/ChannelUI.js +31 -22
  134. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  135. package/cjs/Channel/components/FileViewer.js +14 -14
  136. package/cjs/Channel/components/FrozenNotification.js +4 -4
  137. package/cjs/Channel/components/Message.js +76 -73
  138. package/cjs/Channel/components/Message.js.map +1 -1
  139. package/cjs/Channel/components/MessageInput.js +15 -15
  140. package/cjs/Channel/components/MessageList.js +23 -20
  141. package/cjs/Channel/components/MessageList.js.map +1 -1
  142. package/cjs/Channel/components/RemoveMessageModal.js +16 -15
  143. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  144. package/cjs/Channel/components/SuggestedMentionList.js +15 -15
  145. package/cjs/Channel/components/TypingIndicator.js +14 -14
  146. package/cjs/Channel/components/UnreadCount.js +4 -4
  147. package/cjs/Channel/context.js +13 -13
  148. package/cjs/Channel.js +25 -21
  149. package/cjs/Channel.js.map +1 -1
  150. package/cjs/ChannelList/components/AddChannel.js +14 -13
  151. package/cjs/ChannelList/components/AddChannel.js.map +1 -1
  152. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  153. package/cjs/ChannelList/components/ChannelListUI.js +32 -26
  154. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  155. package/cjs/ChannelList/components/ChannelPreview.js +68 -27
  156. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  157. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -13
  158. package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
  159. package/cjs/ChannelList/context.js +8 -8
  160. package/cjs/ChannelList.js +28 -26
  161. package/cjs/ChannelList.js.map +1 -1
  162. package/cjs/{ChannelListProvider-5543db95.js → ChannelListProvider-573d11bf.js} +33 -11
  163. package/cjs/ChannelListProvider-573d11bf.js.map +1 -0
  164. package/cjs/{ChannelProvider-c9b390b7.js → ChannelProvider-c4c8058c.js} +49 -25
  165. package/cjs/ChannelProvider-c4c8058c.js.map +1 -0
  166. package/cjs/ChannelSettings/components/ChannelProfile.js +12 -11
  167. package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
  168. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -17
  169. package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
  170. package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -11
  171. package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
  172. package/cjs/ChannelSettings/components/LeaveChannel.js +74 -26
  173. package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
  174. package/cjs/ChannelSettings/components/ModerationPanel.js +19 -14
  175. package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
  176. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  177. package/cjs/ChannelSettings/components/UserPanel.js +14 -13
  178. package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
  179. package/cjs/ChannelSettings/context.js +9 -5
  180. package/cjs/ChannelSettings/context.js.map +1 -1
  181. package/cjs/ChannelSettings.js +19 -17
  182. package/cjs/ChannelSettings.js.map +1 -1
  183. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -13
  184. package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
  185. package/cjs/CreateChannel/components/InviteUsers.js +32 -13
  186. package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
  187. package/cjs/CreateChannel/components/SelectChannelType.js +13 -11
  188. package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
  189. package/cjs/CreateChannel/context.js +4 -4
  190. package/cjs/CreateChannel.js +14 -13
  191. package/cjs/CreateChannel.js.map +1 -1
  192. package/cjs/{CreateChannelProvider-0a28a871.js → CreateChannelProvider-d75d1c0e.js} +1 -1
  193. package/cjs/{CreateChannelProvider-0a28a871.js.map → CreateChannelProvider-d75d1c0e.js.map} +1 -1
  194. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +11 -9
  195. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
  196. package/cjs/CreateOpenChannel/context.js +1 -1
  197. package/cjs/CreateOpenChannel.js +10 -9
  198. package/cjs/CreateOpenChannel.js.map +1 -1
  199. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -12
  200. package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  201. package/cjs/EditUserProfile.js +13 -12
  202. package/cjs/EditUserProfile.js.map +1 -1
  203. package/cjs/{LocalizationContext-0349dfbd.js → LocalizationContext-b8b9eb7b.js} +3 -3
  204. package/cjs/{LocalizationContext-0349dfbd.js.map → LocalizationContext-b8b9eb7b.js.map} +1 -1
  205. package/cjs/MediaQueryContext-f8dbf0b3.js +97 -0
  206. package/cjs/MediaQueryContext-f8dbf0b3.js.map +1 -0
  207. package/cjs/{MemberList-a95f8e7f.js → MemberList-7bcc79b2.js} +12 -6
  208. package/cjs/MemberList-7bcc79b2.js.map +1 -0
  209. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  210. package/cjs/MessageSearch/context.js +2 -2
  211. package/cjs/MessageSearch.js +11 -11
  212. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  213. package/cjs/OpenChannel/components/OpenChannelHeader.js +24 -14
  214. package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
  215. package/cjs/OpenChannel/components/OpenChannelInput.js +15 -15
  216. package/cjs/OpenChannel/components/OpenChannelMessage.js +22 -20
  217. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  218. package/cjs/OpenChannel/components/OpenChannelMessageList.js +24 -22
  219. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  220. package/cjs/OpenChannel/components/OpenChannelUI.js +27 -23
  221. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  222. package/cjs/OpenChannel/context.js +9 -9
  223. package/cjs/OpenChannel.js +27 -24
  224. package/cjs/OpenChannel.js.map +1 -1
  225. package/cjs/OpenChannelList/components/OpenChannelListUI.js +15 -13
  226. package/cjs/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
  227. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  228. package/cjs/OpenChannelList/context.js +4 -4
  229. package/cjs/OpenChannelList.js +13 -12
  230. package/cjs/OpenChannelList.js.map +1 -1
  231. package/cjs/{OpenChannelListProvider-df27c36c.js → OpenChannelListProvider-9d3966e5.js} +3 -3
  232. package/cjs/{OpenChannelListProvider-df27c36c.js.map → OpenChannelListProvider-9d3966e5.js.map} +1 -1
  233. package/cjs/{OpenChannelProvider-4895f5f6.js → OpenChannelProvider-a2a44b3a.js} +40 -30
  234. package/cjs/OpenChannelProvider-a2a44b3a.js.map +1 -0
  235. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +14 -12
  236. package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
  237. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -12
  238. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
  239. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -18
  240. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
  241. package/cjs/OpenChannelSettings/components/OperatorUI.js +22 -16
  242. package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
  243. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -14
  244. package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
  245. package/cjs/OpenChannelSettings/context.js +3 -3
  246. package/cjs/OpenChannelSettings.js +18 -17
  247. package/cjs/OpenChannelSettings.js.map +1 -1
  248. package/cjs/SendbirdProvider.js +22 -10
  249. package/cjs/SendbirdProvider.js.map +1 -1
  250. package/cjs/{UserProfileContext-d1596965.js → UserProfileContext-12e3deb1.js} +8 -4
  251. package/cjs/UserProfileContext-12e3deb1.js.map +1 -0
  252. package/cjs/{_rollupPluginBabelHelpers-93d42928.js → _rollupPluginBabelHelpers-bd20f22f.js} +19 -1
  253. package/cjs/_rollupPluginBabelHelpers-bd20f22f.js.map +1 -0
  254. package/cjs/{actionTypes-6a04e98a.js → actionTypes-fa2458d4.js} +1 -1
  255. package/cjs/{actionTypes-6a04e98a.js.map → actionTypes-fa2458d4.js.map} +1 -1
  256. package/cjs/{color-8da1967d.js → color-30d0a088.js} +1 -1
  257. package/cjs/{color-8da1967d.js.map → color-30d0a088.js.map} +1 -1
  258. package/cjs/{compareIds-20b6caa8.js → compareIds-33bc8bec.js} +1 -1
  259. package/cjs/{compareIds-20b6caa8.js.map → compareIds-33bc8bec.js.map} +1 -1
  260. package/cjs/{const-0ce11db5.js → const-5ff5760f.js} +1 -1
  261. package/cjs/{const-0ce11db5.js.map → const-5ff5760f.js.map} +1 -1
  262. package/cjs/{const-ed017cc9.js → const-bc367512.js} +1 -1
  263. package/cjs/{const-ed017cc9.js.map → const-bc367512.js.map} +1 -1
  264. package/cjs/{context-bd7de995.js → context-c1adec92.js} +2 -2
  265. package/cjs/{context-bd7de995.js.map → context-c1adec92.js.map} +1 -1
  266. package/cjs/dist/index.css +439 -112
  267. package/cjs/dist/index.css.map +1 -1
  268. package/cjs/{index-a52296d6.js → index-0686bdcb.js} +9 -8
  269. package/cjs/index-0686bdcb.js.map +1 -0
  270. package/cjs/{index-e741ec2c.js → index-0e88b900.js} +4 -4
  271. package/cjs/{index-e741ec2c.js.map → index-0e88b900.js.map} +1 -1
  272. package/cjs/{index-558d367a.js → index-0f54b27e.js} +5 -5
  273. package/cjs/index-0f54b27e.js.map +1 -0
  274. package/cjs/{index-7ab4005e.js → index-3f8db0b0.js} +6 -5
  275. package/cjs/index-3f8db0b0.js.map +1 -0
  276. package/cjs/{index-491f2403.js → index-62071d1a.js} +1 -1
  277. package/cjs/{index-491f2403.js.map → index-62071d1a.js.map} +1 -1
  278. package/cjs/{index-1ce4efa3.js → index-70f4ade7.js} +4 -4
  279. package/cjs/{index-1ce4efa3.js.map → index-70f4ade7.js.map} +1 -1
  280. package/cjs/index-978dbae2.js +194 -0
  281. package/cjs/index-978dbae2.js.map +1 -0
  282. package/cjs/{index-c7bba14f.js → index-aca9abc8.js} +2 -2
  283. package/cjs/{index-c7bba14f.js.map → index-aca9abc8.js.map} +1 -1
  284. package/cjs/{index-200b85a3.js → index-be16bf7f.js} +1 -1
  285. package/cjs/{index-200b85a3.js.map → index-be16bf7f.js.map} +1 -1
  286. package/cjs/{index-09d50472.js → index-c97a25fe.js} +2 -2
  287. package/cjs/{index-09d50472.js.map → index-c97a25fe.js.map} +1 -1
  288. package/cjs/{index-e59510d3.js → index-e739b357.js} +2 -2
  289. package/cjs/{index-e59510d3.js.map → index-e739b357.js.map} +1 -1
  290. package/cjs/index.js +35 -32
  291. package/cjs/index.js.map +1 -1
  292. package/cjs/sendbirdSelectors.js +2 -2
  293. package/cjs/{stringSet-9eadd9a2.js → stringSet-b90c8eb9.js} +4 -1
  294. package/cjs/stringSet-b90c8eb9.js.map +1 -0
  295. package/cjs/{topics-c4ffdf98.js → topics-774fce2f.js} +1 -1
  296. package/cjs/{topics-c4ffdf98.js.map → topics-774fce2f.js.map} +1 -1
  297. package/cjs/{tslib.es6-712ab026.js → tslib.es6-54dccd69.js} +1 -1
  298. package/cjs/{tslib.es6-712ab026.js.map → tslib.es6-54dccd69.js.map} +1 -1
  299. package/cjs/ui/Accordion.js +3 -3
  300. package/cjs/ui/AccordionGroup.js +2 -2
  301. package/cjs/ui/AdminMessage.js +3 -3
  302. package/cjs/ui/Avatar.js +2 -2
  303. package/cjs/ui/Badge.js +5 -5
  304. package/cjs/ui/BottomSheet.js +43 -0
  305. package/cjs/ui/BottomSheet.js.map +1 -0
  306. package/cjs/ui/Button.js +3 -3
  307. package/cjs/ui/ChannelAvatar.js +3 -3
  308. package/cjs/ui/ConnectionStatus.js +4 -4
  309. package/cjs/ui/ContextMenu.js +14 -10
  310. package/cjs/ui/ContextMenu.js.map +1 -1
  311. package/cjs/ui/DateSeparator.js +4 -4
  312. package/cjs/ui/EmojiReactions.js +7 -7
  313. package/cjs/ui/FileMessageItemBody.js +8 -6
  314. package/cjs/ui/FileMessageItemBody.js.map +1 -1
  315. package/cjs/ui/FileViewer.js +8 -8
  316. package/cjs/ui/IconButton.js +1 -1
  317. package/cjs/ui/ImageRenderer.js +1 -1
  318. package/cjs/ui/Input.js +2 -2
  319. package/cjs/ui/Label.js +2 -2
  320. package/cjs/ui/LinkLabel.js +9 -3
  321. package/cjs/ui/LinkLabel.js.map +1 -1
  322. package/cjs/ui/Loader.js +1 -1
  323. package/cjs/ui/MentionLabel.js +11 -10
  324. package/cjs/ui/MentionLabel.js.map +1 -1
  325. package/cjs/ui/MessageContent.js +450 -40
  326. package/cjs/ui/MessageContent.js.map +1 -1
  327. package/cjs/ui/MessageInput.js +23 -16
  328. package/cjs/ui/MessageInput.js.map +1 -1
  329. package/cjs/ui/MessageItemMenu.js +7 -7
  330. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  331. package/cjs/ui/MessageSearchFileItem.js +9 -9
  332. package/cjs/ui/MessageSearchItem.js +9 -9
  333. package/cjs/ui/MessageStatus.js +7 -7
  334. package/cjs/ui/Modal.js +33 -18
  335. package/cjs/ui/Modal.js.map +1 -1
  336. package/cjs/ui/OGMessageItemBody.js +11 -10
  337. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  338. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  339. package/cjs/ui/OpenChannelAvatar.js +6 -6
  340. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  341. package/cjs/ui/OpenchannelFileMessage.js +56 -26
  342. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  343. package/cjs/ui/OpenchannelOGMessage.js +75 -37
  344. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  345. package/cjs/ui/OpenchannelThumbnailMessage.js +58 -26
  346. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  347. package/cjs/ui/OpenchannelUserMessage.js +74 -51
  348. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  349. package/cjs/ui/PlaceHolder.js +6 -6
  350. package/cjs/ui/QuoteMessage.js +9 -6
  351. package/cjs/ui/QuoteMessage.js.map +1 -1
  352. package/cjs/ui/QuoteMessageInput.js +6 -6
  353. package/cjs/ui/ReactionBadge.js +4 -3
  354. package/cjs/ui/ReactionBadge.js.map +1 -1
  355. package/cjs/ui/ReactionButton.js +7 -1
  356. package/cjs/ui/ReactionButton.js.map +1 -1
  357. package/cjs/ui/SortByRow.js +2 -2
  358. package/cjs/ui/TextButton.js +2 -2
  359. package/cjs/ui/TextMessageItemBody.js +11 -10
  360. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  361. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  362. package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
  363. package/cjs/ui/Tooltip.js +3 -3
  364. package/cjs/ui/TooltipWrapper.js +1 -1
  365. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  366. package/cjs/ui/UserListItem.js +11 -11
  367. package/cjs/ui/UserProfile.js +18 -11
  368. package/cjs/ui/UserProfile.js.map +1 -1
  369. package/cjs/ui/Word.js +11 -10
  370. package/cjs/ui/Word.js.map +1 -1
  371. package/cjs/useLongPress-447fc2b4.js +118 -0
  372. package/cjs/useLongPress-447fc2b4.js.map +1 -0
  373. package/cjs/useSendbirdStateContext.js +1 -1
  374. package/cjs/{utils-90917fdb.js → utils-47e4a7f3.js} +1 -1
  375. package/cjs/{utils-90917fdb.js.map → utils-47e4a7f3.js.map} +1 -1
  376. package/cjs/{utils-03670a4b.js → utils-b42b5273.js} +1 -1
  377. package/cjs/{utils-03670a4b.js.map → utils-b42b5273.js.map} +1 -1
  378. package/cjs/{utils-db03a3ee.js → utils-b808700b.js} +1 -1
  379. package/cjs/{utils-db03a3ee.js.map → utils-b808700b.js.map} +1 -1
  380. package/cjs/{uuid-4fb21145.js → uuid-65030b4c.js} +1 -1
  381. package/cjs/{uuid-4fb21145.js.map → uuid-65030b4c.js.map} +1 -1
  382. package/cjs/withSendbird.js +1 -1
  383. package/{color-511dde29.js → color-d2a15055.js} +1 -1
  384. package/{color-511dde29.js.map → color-d2a15055.js.map} +1 -1
  385. package/{compareIds-8626728b.js → compareIds-cd18758a.js} +1 -1
  386. package/{compareIds-8626728b.js.map → compareIds-cd18758a.js.map} +1 -1
  387. package/{const-411c29c2.js → const-7186e391.js} +1 -1
  388. package/{const-411c29c2.js.map → const-7186e391.js.map} +1 -1
  389. package/{const-4836ca2f.js → const-9ed3c2e5.js} +1 -1
  390. package/{const-4836ca2f.js.map → const-9ed3c2e5.js.map} +1 -1
  391. package/{context-b3b0d94d.js → context-9f3c35b6.js} +2 -2
  392. package/{context-b3b0d94d.js.map → context-9f3c35b6.js.map} +1 -1
  393. package/dist/index.css +439 -112
  394. package/dist/index.css.map +1 -1
  395. package/index-115ce580.js +179 -0
  396. package/index-115ce580.js.map +1 -0
  397. package/{index-dbe2f386.js → index-14e045d4.js} +1 -1
  398. package/{index-dbe2f386.js.map → index-14e045d4.js.map} +1 -1
  399. package/{index-07ae6a1b.js → index-39b44653.js} +2 -2
  400. package/{index-07ae6a1b.js.map → index-39b44653.js.map} +1 -1
  401. package/{index-4be14273.js → index-5e8156eb.js} +6 -5
  402. package/index-5e8156eb.js.map +1 -0
  403. package/{index-c3c4236f.js → index-a28ce5ed.js} +4 -4
  404. package/{index-c3c4236f.js.map → index-a28ce5ed.js.map} +1 -1
  405. package/{index-200a8796.js → index-b02633bc.js} +2 -2
  406. package/{index-200a8796.js.map → index-b02633bc.js.map} +1 -1
  407. package/{index-5e61b8f6.js → index-c766d64c.js} +1 -1
  408. package/{index-5e61b8f6.js.map → index-c766d64c.js.map} +1 -1
  409. package/{index-9113fa9d.js → index-e0ade5e4.js} +2 -2
  410. package/{index-9113fa9d.js.map → index-e0ade5e4.js.map} +1 -1
  411. package/{index-89cd6e36.js → index-e1f156d0.js} +6 -6
  412. package/index-e1f156d0.js.map +1 -0
  413. package/{index-c16ac1c8.js → index-e2a7caae.js} +9 -8
  414. package/index-e2a7caae.js.map +1 -0
  415. package/{index-5cc28c33.js → index-f29a239d.js} +4 -4
  416. package/{index-5cc28c33.js.map → index-f29a239d.js.map} +1 -1
  417. package/index.d.ts +15 -4
  418. package/index.js +35 -32
  419. package/index.js.map +1 -1
  420. package/package.json +1 -1
  421. package/sendbirdSelectors.js +2 -2
  422. package/{stringSet-8662ec77.js → stringSet-fd9dcf1e.js} +4 -1
  423. package/stringSet-fd9dcf1e.js.map +1 -0
  424. package/{topics-0752cb33.js → topics-954a5dbc.js} +1 -1
  425. package/{topics-0752cb33.js.map → topics-954a5dbc.js.map} +1 -1
  426. package/{tslib.es6-d20349ad.js → tslib.es6-38d6449a.js} +1 -1
  427. package/{tslib.es6-d20349ad.js.map → tslib.es6-38d6449a.js.map} +1 -1
  428. package/ui/Accordion.js +3 -3
  429. package/ui/AccordionGroup.js +2 -2
  430. package/ui/AdminMessage.js +3 -3
  431. package/ui/Avatar.js +2 -2
  432. package/ui/Badge.js +5 -5
  433. package/ui/BottomSheet.js +37 -0
  434. package/ui/BottomSheet.js.map +1 -0
  435. package/ui/Button.js +3 -3
  436. package/ui/ChannelAvatar.js +3 -3
  437. package/ui/ConnectionStatus.js +4 -4
  438. package/ui/ContextMenu.js +14 -10
  439. package/ui/ContextMenu.js.map +1 -1
  440. package/ui/DateSeparator.js +4 -4
  441. package/ui/EmojiReactions.js +7 -7
  442. package/ui/FileMessageItemBody.js +8 -6
  443. package/ui/FileMessageItemBody.js.map +1 -1
  444. package/ui/FileViewer.js +8 -8
  445. package/ui/IconButton.js +1 -1
  446. package/ui/ImageRenderer.js +1 -1
  447. package/ui/Input.js +2 -2
  448. package/ui/Label.js +2 -2
  449. package/ui/LinkLabel.js +9 -3
  450. package/ui/LinkLabel.js.map +1 -1
  451. package/ui/Loader.js +1 -1
  452. package/ui/MentionLabel.js +11 -10
  453. package/ui/MentionLabel.js.map +1 -1
  454. package/ui/MessageContent.js +452 -42
  455. package/ui/MessageContent.js.map +1 -1
  456. package/ui/MessageInput.js +23 -16
  457. package/ui/MessageInput.js.map +1 -1
  458. package/ui/MessageItemMenu.js +7 -7
  459. package/ui/MessageItemReactionMenu.js +5 -5
  460. package/ui/MessageSearchFileItem.js +9 -9
  461. package/ui/MessageSearchItem.js +9 -9
  462. package/ui/MessageStatus.js +7 -7
  463. package/ui/Modal.js +33 -18
  464. package/ui/Modal.js.map +1 -1
  465. package/ui/OGMessageItemBody.js +11 -10
  466. package/ui/OGMessageItemBody.js.map +1 -1
  467. package/ui/OpenChannelAdminMessage.js +3 -3
  468. package/ui/OpenChannelAvatar.js +6 -6
  469. package/ui/OpenchannelConversationHeader.js +6 -6
  470. package/ui/OpenchannelFileMessage.js +50 -20
  471. package/ui/OpenchannelFileMessage.js.map +1 -1
  472. package/ui/OpenchannelOGMessage.js +66 -28
  473. package/ui/OpenchannelOGMessage.js.map +1 -1
  474. package/ui/OpenchannelThumbnailMessage.js +50 -18
  475. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  476. package/ui/OpenchannelUserMessage.js +67 -44
  477. package/ui/OpenchannelUserMessage.js.map +1 -1
  478. package/ui/PlaceHolder.js +6 -6
  479. package/ui/QuoteMessage.js +9 -6
  480. package/ui/QuoteMessage.js.map +1 -1
  481. package/ui/QuoteMessageInput.js +6 -6
  482. package/ui/ReactionBadge.js +4 -3
  483. package/ui/ReactionBadge.js.map +1 -1
  484. package/ui/ReactionButton.js +7 -1
  485. package/ui/ReactionButton.js.map +1 -1
  486. package/ui/SortByRow.js +2 -2
  487. package/ui/TextButton.js +2 -2
  488. package/ui/TextMessageItemBody.js +11 -10
  489. package/ui/TextMessageItemBody.js.map +1 -1
  490. package/ui/ThumbnailMessageItemBody.js +2 -2
  491. package/ui/ThumbnailMessageItemBody.js.map +1 -1
  492. package/ui/Tooltip.js +3 -3
  493. package/ui/TooltipWrapper.js +1 -1
  494. package/ui/UnknownMessageItemBody.js +6 -6
  495. package/ui/UserListItem.js +11 -11
  496. package/ui/UserProfile.js +18 -11
  497. package/ui/UserProfile.js.map +1 -1
  498. package/ui/Word.js +11 -10
  499. package/ui/Word.js.map +1 -1
  500. package/useLongPress-3488ddd6.js +116 -0
  501. package/useLongPress-3488ddd6.js.map +1 -0
  502. package/useSendbirdStateContext.js +1 -1
  503. package/{utils-5569d95d.js → utils-80e9e20d.js} +1 -1
  504. package/{utils-5569d95d.js.map → utils-80e9e20d.js.map} +1 -1
  505. package/{utils-aba28b29.js → utils-cb1a4884.js} +1 -1
  506. package/{utils-aba28b29.js.map → utils-cb1a4884.js.map} +1 -1
  507. package/{utils-beb5bcc4.js → utils-f036cfe7.js} +1 -1
  508. package/{utils-beb5bcc4.js.map → utils-f036cfe7.js.map} +1 -1
  509. package/{uuid-e5bc1634.js → uuid-11fdaf7d.js} +1 -1
  510. package/{uuid-e5bc1634.js.map → uuid-11fdaf7d.js.map} +1 -1
  511. package/withSendbird.js +1 -1
  512. package/ChannelListProvider-cdb08b62.js.map +0 -1
  513. package/ChannelProvider-08b86d72.js.map +0 -1
  514. package/MemberList-070e920a.js.map +0 -1
  515. package/OpenChannelProvider-03efd3ff.js.map +0 -1
  516. package/UserProfileContext-24bb1c79.js.map +0 -1
  517. package/_rollupPluginBabelHelpers-a72165e4.js.map +0 -1
  518. package/cjs/ChannelListProvider-5543db95.js.map +0 -1
  519. package/cjs/ChannelProvider-c9b390b7.js.map +0 -1
  520. package/cjs/MemberList-a95f8e7f.js.map +0 -1
  521. package/cjs/OpenChannelProvider-4895f5f6.js.map +0 -1
  522. package/cjs/UserProfileContext-d1596965.js.map +0 -1
  523. package/cjs/_rollupPluginBabelHelpers-93d42928.js.map +0 -1
  524. package/cjs/index-558d367a.js.map +0 -1
  525. package/cjs/index-7ab4005e.js.map +0 -1
  526. package/cjs/index-a52296d6.js.map +0 -1
  527. package/cjs/openChannelUtils-5a371d5c.js +0 -96
  528. package/cjs/openChannelUtils-5a371d5c.js.map +0 -1
  529. package/cjs/stringSet-9eadd9a2.js.map +0 -1
  530. package/index-4be14273.js.map +0 -1
  531. package/index-89cd6e36.js.map +0 -1
  532. package/index-c16ac1c8.js.map +0 -1
  533. package/openChannelUtils-fecc8bc0.js +0 -86
  534. package/openChannelUtils-fecc8bc0.js.map +0 -1
  535. package/stringSet-8662ec77.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../src/smart-components/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n closeModal?: () => void;\n renderHeader?: () => React.ReactElement;\n renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n closeModal,\n renderHeader,\n renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n const [newFile, setNewFile] = useState(null);\n const [currentImage, setCurrentImg] = useState(null);\n const inputFormRef = useRef(null);\n const inputFileRef = useRef(null);\n const inputTextRef = useRef(null);\n const { stringSet } = useContext(LocalizationContext);\n const {\n logger,\n createNewOpenChannel,\n } = useCreateOpenChannelContext();\n return (\n <div className=\"sendbird-create-open-channel-ui\">\n <Modal\n titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n type={ButtonTypes.PRIMARY}\n onCancel={closeModal}\n renderHeader={renderHeader}\n onSubmit={() => {\n const channelName = inputTextRef?.current?.value;\n if (!channelName) {\n logger.warning('CreateOpenChannelUI: You should fill the channel name');\n return;\n }\n createNewOpenChannel({\n name: channelName,\n coverUrlOrImage: newFile,\n });\n closeModal();\n }}\n >\n <>\n {renderProfileInput?.() || (\n <form\n className=\"sendbird-create-open-channel-ui__profile-input\"\n ref={inputFormRef}\n onSubmit={(e) => { e.preventDefault(); }}\n >\n <InputLabel>\n {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n </InputLabel>\n <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n {currentImage\n ? (\n <Avatar\n width=\"80px\"\n height=\"80px\"\n src={currentImage}\n />\n ) : (\n <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n <Icon\n type={IconTypes.CHANNELS}\n fillColor={IconColors.CONTENT}\n width=\"46px\"\n height=\"46px\"\n />\n </div>\n )}\n </div>\n <input\n className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n ref={inputFileRef}\n type=\"file\"\n accept=\"image/gif, image/jpeg, image/png\"\n style={{ display: 'none' }}\n onChange={(e) => {\n setCurrentImg(URL.createObjectURL(e.target.files[0]));\n setNewFile(e.target.files[0]);\n inputFileRef.current.value = '';\n }}\n />\n <TextButton\n className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n onClick={() => inputFileRef.current.click()}\n disableUnderline\n >\n <Label\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n </Label>\n </TextButton>\n </div>\n <div style={{ marginTop: '20px' }}>\n <InputLabel>\n {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n </InputLabel>\n </div>\n <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n <Input\n name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n ref={inputTextRef}\n placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n />\n </div>\n </form>\n )}\n </>\n </Modal>\n </div>\n );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_a","closeModal","renderHeader","renderProfileInput","_b","useState","newFile","setNewFile","_c","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","_d","useCreateOpenChannelContext","logger","createNewOpenChannel","React","CREATE_OPEN_CHANNEL_LIST__TITLE","CREATE_OPEN_CHANNEL_LIST__SUBMIT","ButtonTypes","PRIMARY","channelName","current","value","warning","name","coverUrlOrImage","e","preventDefault","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","IconTypes","CHANNELS","IconColors","CONTENT","display","URL","createObjectURL","target","files","click","LabelTypography","BUTTON_1","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}
1
+ {"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../src/smart-components/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n closeModal?: () => void;\n renderHeader?: () => React.ReactElement;\n renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n closeModal,\n renderHeader,\n renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n const [newFile, setNewFile] = useState(null);\n const [currentImage, setCurrentImg] = useState(null);\n const inputFormRef = useRef(null);\n const inputFileRef = useRef(null);\n const inputTextRef = useRef(null);\n const { stringSet } = useContext(LocalizationContext);\n const {\n logger,\n createNewOpenChannel,\n } = useCreateOpenChannelContext();\n return (\n <div className=\"sendbird-create-open-channel-ui\">\n <Modal\n isFullScreenOnMobile\n titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n type={ButtonTypes.PRIMARY}\n onCancel={closeModal}\n renderHeader={renderHeader}\n onSubmit={() => {\n const channelName = inputTextRef?.current?.value;\n if (!channelName) {\n logger.warning('CreateOpenChannelUI: You should fill the channel name');\n return;\n }\n createNewOpenChannel({\n name: channelName,\n coverUrlOrImage: newFile,\n });\n closeModal();\n }}\n >\n <>\n {renderProfileInput?.() || (\n <form\n className=\"sendbird-create-open-channel-ui__profile-input\"\n ref={inputFormRef}\n onSubmit={(e) => { e.preventDefault(); }}\n >\n <InputLabel>\n {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n </InputLabel>\n <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n {currentImage\n ? (\n <Avatar\n width=\"80px\"\n height=\"80px\"\n src={currentImage}\n />\n ) : (\n <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n <Icon\n type={IconTypes.CHANNELS}\n fillColor={IconColors.CONTENT}\n width=\"46px\"\n height=\"46px\"\n />\n </div>\n )}\n </div>\n <input\n className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n ref={inputFileRef}\n type=\"file\"\n accept=\"image/gif, image/jpeg, image/png\"\n style={{ display: 'none' }}\n onChange={(e) => {\n setCurrentImg(URL.createObjectURL(e.target.files[0]));\n setNewFile(e.target.files[0]);\n inputFileRef.current.value = '';\n }}\n />\n <TextButton\n className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n onClick={() => inputFileRef.current.click()}\n disableUnderline\n >\n <Label\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n </Label>\n </TextButton>\n </div>\n <div style={{ marginTop: '20px' }}>\n <InputLabel>\n {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n </InputLabel>\n </div>\n <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n <Input\n name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n ref={inputTextRef}\n placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n />\n </div>\n </form>\n )}\n </>\n </Modal>\n </div>\n );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_a","closeModal","renderHeader","renderProfileInput","_b","useState","newFile","setNewFile","_c","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","_d","useCreateOpenChannelContext","logger","createNewOpenChannel","React","CREATE_OPEN_CHANNEL_LIST__TITLE","CREATE_OPEN_CHANNEL_LIST__SUBMIT","ButtonTypes","PRIMARY","channelName","current","value","warning","name","coverUrlOrImage","e","preventDefault","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","IconTypes","CHANNELS","IconColors","CONTENT","display","URL","createObjectURL","target","files","click","LabelTypography","BUTTON_1","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import React__default, { useCallback } from 'react';
2
2
  import useSendbirdStateContext from '../useSendbirdStateContext.js';
3
3
  import '../withSendbird.js';
4
- import '../_rollupPluginBabelHelpers-a72165e4.js';
4
+ import '../_rollupPluginBabelHelpers-42595172.js';
5
5
 
6
6
  var CreateOpenChannelContext = /*#__PURE__*/React__default.createContext({
7
7
  sdk: null,
@@ -1,27 +1,28 @@
1
1
  import React__default from 'react';
2
2
  import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
3
3
  import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
4
- import './LocalizationContext-9976b34e.js';
5
- import './stringSet-8662ec77.js';
6
- import './index-5e61b8f6.js';
4
+ import './LocalizationContext-4f852f2e.js';
5
+ import './stringSet-fd9dcf1e.js';
6
+ import './index-c766d64c.js';
7
7
  import './ui/Avatar.js';
8
- import './tslib.es6-d20349ad.js';
8
+ import './tslib.es6-38d6449a.js';
9
9
  import './ui/ImageRenderer.js';
10
10
  import './ui/Icon.js';
11
11
  import 'prop-types';
12
- import './uuid-e5bc1634.js';
12
+ import './uuid-11fdaf7d.js';
13
13
  import './ui/Button.js';
14
- import './index-200a8796.js';
14
+ import './index-b02633bc.js';
15
15
  import './ui/Modal.js';
16
16
  import 'react-dom';
17
- import './index-dbe2f386.js';
17
+ import './index-14e045d4.js';
18
18
  import './ui/IconButton.js';
19
+ import './MediaQueryContext-20ff176d.js';
19
20
  import './ui/Input.js';
20
21
  import './ui/TextButton.js';
21
- import './color-511dde29.js';
22
+ import './color-d2a15055.js';
22
23
  import './useSendbirdStateContext.js';
23
24
  import './withSendbird.js';
24
- import './_rollupPluginBabelHelpers-a72165e4.js';
25
+ import './_rollupPluginBabelHelpers-42595172.js';
25
26
 
26
27
  function CreateOpenChannel(_a) {
27
28
  var className = _a.className,
@@ -1 +1 @@
1
- {"version":3,"file":"CreateOpenChannel.js","sources":["../src/smart-components/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport { CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n className,\n onCreateChannel,\n onBeforeCreateChannel,\n closeModal,\n renderHeader,\n renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n return (\n <CreateOpenChannelProvider\n className={className}\n onCreateChannel={onCreateChannel}\n onBeforeCreateChannel={onBeforeCreateChannel}\n >\n <CreateOpenChannelUI\n closeModal={closeModal}\n renderHeader={renderHeader}\n renderProfileInput={renderProfileInput}\n />\n </CreateOpenChannelProvider>\n );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_a","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAT,CAA2BC,EAA3B,EAOyB;AANvB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT;AAAA,MACAC,eAAe,GAAAF,EAAA,CAAAE,eADf;AAAA,MAEAC,qBAAqB,GAAAH,EAAA,CAAAG,qBAFrB;AAAA,MAGAC,UAAU,gBAHV;AAAA,MAIAC,YAAY,GAAAL,EAAA,CAAAK,YAJZ;AAAA,MAKAC,kBAAkB,GAAAN,EAAA,CAAAM,kBALlB,CAAA;AAOA,EAAA,oBACEC,6BAAC,yBAAD,EAAA;AACE,IAAA,SAAS,EAAEN,SADb;AAEE,IAAA,eAAe,EAAEC,eAFnB;AAGE,IAAA,qBAAqB,EAAEC,qBAAAA;AAHzB,GAAA,eAKEI,6BAAC,mBAAD,EAAA;AACE,IAAA,UAAU,EAAEH,UADd;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,kBAAkB,EAAEC,kBAAAA;AAHtB,GAAA,CALF,CADF,CAAA;AAaD;;;;"}
1
+ {"version":3,"file":"CreateOpenChannel.js","sources":["../src/smart-components/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport { CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n className,\n onCreateChannel,\n onBeforeCreateChannel,\n closeModal,\n renderHeader,\n renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n return (\n <CreateOpenChannelProvider\n className={className}\n onCreateChannel={onCreateChannel}\n onBeforeCreateChannel={onBeforeCreateChannel}\n >\n <CreateOpenChannelUI\n closeModal={closeModal}\n renderHeader={renderHeader}\n renderProfileInput={renderProfileInput}\n />\n </CreateOpenChannelProvider>\n );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_a","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAT,CAA2BC,EAA3B,EAOyB;AANvB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT;AAAA,MACAC,eAAe,GAAAF,EAAA,CAAAE,eADf;AAAA,MAEAC,qBAAqB,GAAAH,EAAA,CAAAG,qBAFrB;AAAA,MAGAC,UAAU,gBAHV;AAAA,MAIAC,YAAY,GAAAL,EAAA,CAAAK,YAJZ;AAAA,MAKAC,kBAAkB,GAAAN,EAAA,CAAAM,kBALlB,CAAA;AAOA,EAAA,oBACEC,6BAAC,yBAAD,EAAA;AACE,IAAA,SAAS,EAAEN,SADb;AAEE,IAAA,eAAe,EAAEC,eAFnB;AAGE,IAAA,qBAAqB,EAAEC,qBAAAA;AAHzB,GAAA,eAKEI,6BAAC,mBAAD,EAAA;AACE,IAAA,UAAU,EAAEH,UADd;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,kBAAkB,EAAEC,kBAAAA;AAHtB,GAAA,CALF,CADF,CAAA;AAaD;;;;"}
@@ -1,26 +1,27 @@
1
1
  import 'react';
2
- export { a as default } from '../../index-4be14273.js';
2
+ export { a as default } from '../../index-5e8156eb.js';
3
3
  import '../../ui/Modal.js';
4
- import '../../LocalizationContext-9976b34e.js';
4
+ import '../../LocalizationContext-4f852f2e.js';
5
5
  import '../../useSendbirdStateContext.js';
6
6
  import '../../ui/Input.js';
7
7
  import '../../ui/Avatar.js';
8
8
  import '../../ui/Icon.js';
9
9
  import '../../ui/Button.js';
10
- import '../../index-200a8796.js';
10
+ import '../../index-b02633bc.js';
11
11
  import '../../ui/TextButton.js';
12
- import '../../utils-5569d95d.js';
13
- import '../../actionTypes-b30fed5f.js';
12
+ import '../../utils-80e9e20d.js';
13
+ import '../../actionTypes-5126af74.js';
14
14
  import 'react-dom';
15
- import '../../index-dbe2f386.js';
15
+ import '../../index-14e045d4.js';
16
16
  import '../../ui/IconButton.js';
17
- import '../../tslib.es6-d20349ad.js';
18
- import '../../stringSet-8662ec77.js';
19
- import '../../index-5e61b8f6.js';
17
+ import '../../tslib.es6-38d6449a.js';
18
+ import '../../MediaQueryContext-20ff176d.js';
19
+ import '../../stringSet-fd9dcf1e.js';
20
+ import '../../index-c766d64c.js';
20
21
  import 'prop-types';
21
22
  import '../../withSendbird.js';
22
- import '../../_rollupPluginBabelHelpers-a72165e4.js';
23
+ import '../../_rollupPluginBabelHelpers-42595172.js';
23
24
  import '../../ui/ImageRenderer.js';
24
- import '../../uuid-e5bc1634.js';
25
- import '../../color-511dde29.js';
25
+ import '../../uuid-11fdaf7d.js';
26
+ import '../../color-d2a15055.js';
26
27
  //# sourceMappingURL=EditUserProfileUI.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EditUserProfileUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"EditUserProfileUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,28 +1,29 @@
1
1
  import React__default from 'react';
2
- import { E as EditUserProfileProvider, a as EditUserProfile } from './index-4be14273.js';
2
+ import { E as EditUserProfileProvider, a as EditUserProfile } from './index-5e8156eb.js';
3
3
  import './ui/Modal.js';
4
4
  import 'react-dom';
5
- import './index-dbe2f386.js';
6
- import './LocalizationContext-9976b34e.js';
7
- import './stringSet-8662ec77.js';
8
- import './index-5e61b8f6.js';
5
+ import './index-14e045d4.js';
6
+ import './LocalizationContext-4f852f2e.js';
7
+ import './stringSet-fd9dcf1e.js';
8
+ import './index-c766d64c.js';
9
9
  import './ui/Button.js';
10
- import './tslib.es6-d20349ad.js';
11
- import './index-200a8796.js';
10
+ import './tslib.es6-38d6449a.js';
11
+ import './index-b02633bc.js';
12
12
  import 'prop-types';
13
13
  import './ui/Icon.js';
14
14
  import './ui/IconButton.js';
15
+ import './MediaQueryContext-20ff176d.js';
15
16
  import './useSendbirdStateContext.js';
16
17
  import './withSendbird.js';
17
- import './_rollupPluginBabelHelpers-a72165e4.js';
18
+ import './_rollupPluginBabelHelpers-42595172.js';
18
19
  import './ui/Input.js';
19
20
  import './ui/Avatar.js';
20
21
  import './ui/ImageRenderer.js';
21
- import './uuid-e5bc1634.js';
22
+ import './uuid-11fdaf7d.js';
22
23
  import './ui/TextButton.js';
23
- import './color-511dde29.js';
24
- import './utils-5569d95d.js';
25
- import './actionTypes-b30fed5f.js';
24
+ import './color-d2a15055.js';
25
+ import './utils-80e9e20d.js';
26
+ import './actionTypes-5126af74.js';
26
27
 
27
28
  var EditProfile = function (props) {
28
29
  var onEditProfile = props.onEditProfile,
@@ -1 +1 @@
1
- {"version":3,"file":"EditUserProfile.js","sources":["../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n EditUserProfileProvider,\n EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n const {\n onEditProfile,\n onCancel,\n onThemeChange,\n } = props;\n return (\n <EditUserProfileProvider\n onEditProfile={onEditProfile}\n onCancel={onCancel}\n onThemeChange={onThemeChange}\n >\n <EditUserProfile />\n </EditUserProfileProvider>\n )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAmC,UAACC,KAAD,EAA4B;AAE5E,EAAA,IAAAC,aAAa,GAGXD,KAAK,CAAAC,aAHP;AAAA,MACAC,QAAQ,GAENF,KAAK,CAAAE,QAHP;AAAA,MAEAC,aAAa,GACXH,KAAK,cAHP,CAAA;AAIF,EAAA,oBACEI,6BAAC,uBAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,aAAa,EAAEC,aAAAA;GAEf,eAAAC,cAAA,CAAA,aAAA,CAAC,eAAD,EAAA,IAAA,CALF,CADF,CAAA;AASD;;;;"}
1
+ {"version":3,"file":"EditUserProfile.js","sources":["../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n EditUserProfileProvider,\n EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n const {\n onEditProfile,\n onCancel,\n onThemeChange,\n } = props;\n return (\n <EditUserProfileProvider\n onEditProfile={onEditProfile}\n onCancel={onCancel}\n onThemeChange={onThemeChange}\n >\n <EditUserProfile />\n </EditUserProfileProvider>\n )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAmC,UAACC,KAAD,EAA4B;AAE5E,EAAA,IAAAC,aAAa,GAGXD,KAAK,CAAAC,aAHP;AAAA,MACAC,QAAQ,GAENF,KAAK,CAAAE,QAHP;AAAA,MAEAC,aAAa,GACXH,KAAK,cAHP,CAAA;AAIF,EAAA,oBACEI,6BAAC,uBAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,aAAa,EAAEC,aAAAA;GAEf,eAAAC,cAAA,CAAA,aAAA,CAAC,eAAD,EAAA,IAAA,CALF,CADF,CAAA;AASD;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React__default from 'react';
2
- import { g as getStringSet } from './stringSet-8662ec77.js';
3
- import { d as defaultLocale } from './index-5e61b8f6.js';
2
+ import { g as getStringSet } from './stringSet-fd9dcf1e.js';
3
+ import { d as defaultLocale } from './index-c766d64c.js';
4
4
 
5
5
  var LocalizationContext = /*#__PURE__*/React__default.createContext({
6
6
  stringSet: getStringSet('en'),
@@ -19,4 +19,4 @@ var useLocalization = function () {
19
19
  };
20
20
 
21
21
  export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
22
- //# sourceMappingURL=LocalizationContext-9976b34e.js.map
22
+ //# sourceMappingURL=LocalizationContext-4f852f2e.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LocalizationContext-9976b34e.js","sources":["../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n stringSet: getStringSet('en'),\n dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n stringSet: Record<string, string>;\n dateLocale: Locale;\n children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n const { children } = props;\n return (\n <LocalizationContext.Provider value={props}>\n {children}\n </LocalizationContext.Provider>\n );\n};\n\nexport type UseLocalizationType = () => {\n stringSet: Record<string, string>;\n dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,aAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,cAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;"}
1
+ {"version":3,"file":"LocalizationContext-4f852f2e.js","sources":["../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n stringSet: getStringSet('en'),\n dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n stringSet: Record<string, string>;\n dateLocale: Locale;\n children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n const { children } = props;\n return (\n <LocalizationContext.Provider value={props}>\n {children}\n </LocalizationContext.Provider>\n );\n};\n\nexport type UseLocalizationType = () => {\n stringSet: Record<string, string>;\n dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,aAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,cAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;"}
@@ -0,0 +1,90 @@
1
+ import React__default, { useState, useEffect } from 'react';
2
+
3
+ var DEFAULT_MOBILE = '0px';
4
+ var MOBILE_CLASSNAME = 'sendbird--mobile-mode';
5
+ var MediaQueryContext = /*#__PURE__*/React__default.createContext({
6
+ mediaQueryBreakPoint: DEFAULT_MOBILE,
7
+ isMobile: false
8
+ });
9
+
10
+ var addClassNameToBody = function () {
11
+ try {
12
+ var body = document.querySelector('body');
13
+ body.classList.add(MOBILE_CLASSNAME);
14
+ } catch (_a) {// noop
15
+ }
16
+ };
17
+
18
+ var removeClassNameFromBody = function () {
19
+ try {
20
+ var body = document.querySelector('body');
21
+ body.classList.remove(MOBILE_CLASSNAME);
22
+ } catch (_a) {// noop
23
+ }
24
+ };
25
+
26
+ var MediaQueryProvider = function (props) {
27
+ var children = props.children,
28
+ logger = props.logger;
29
+ var mediaQueryBreakPoint = (props === null || props === void 0 ? void 0 : props.mediaQueryBreakPoint) || DEFAULT_MOBILE;
30
+
31
+ var _a = useState(false),
32
+ isMobile = _a[0],
33
+ setIsMobile = _a[1];
34
+
35
+ useEffect(function () {
36
+ var _a;
37
+
38
+ var updateSize = function () {
39
+ var _a, _b, _c, _d, _e;
40
+
41
+ if (typeof mediaQueryBreakPoint === 'boolean') {
42
+ setIsMobile(mediaQueryBreakPoint);
43
+
44
+ if (mediaQueryBreakPoint) {
45
+ (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, "MediaQueryProvider: isMobile: true");
46
+ addClassNameToBody();
47
+ } else {
48
+ (_b = logger === null || logger === void 0 ? void 0 : logger.info) === null || _b === void 0 ? void 0 : _b.call(logger, "MediaQueryProvider: isMobile: false");
49
+ removeClassNameFromBody();
50
+ }
51
+ } else {
52
+ var mq = window.matchMedia("(max-width: ".concat(mediaQueryBreakPoint, ")"));
53
+ (_c = logger === null || logger === void 0 ? void 0 : logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, "MediaQueryProvider: Screensize updated to ".concat(mediaQueryBreakPoint));
54
+
55
+ if (mq.matches) {
56
+ setIsMobile(true);
57
+ addClassNameToBody();
58
+ (_d = logger === null || logger === void 0 ? void 0 : logger.info) === null || _d === void 0 ? void 0 : _d.call(logger, "MediaQueryProvider: isMobile: true");
59
+ } else {
60
+ setIsMobile(false);
61
+ removeClassNameFromBody();
62
+ (_e = logger === null || logger === void 0 ? void 0 : logger.info) === null || _e === void 0 ? void 0 : _e.call(logger, "MediaQueryProvider: isMobile: false");
63
+ }
64
+ }
65
+ };
66
+
67
+ updateSize();
68
+ window.addEventListener('resize', updateSize);
69
+ (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, "MediaQueryProvider: addEventListener", updateSize);
70
+ return function () {
71
+ var _a;
72
+
73
+ window.removeEventListener('resize', updateSize);
74
+ (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, "MediaQueryProvider: removeEventListener", updateSize);
75
+ };
76
+ }, [mediaQueryBreakPoint]);
77
+ return /*#__PURE__*/React__default.createElement(MediaQueryContext.Provider, {
78
+ value: {
79
+ mediaQueryBreakPoint: mediaQueryBreakPoint,
80
+ isMobile: isMobile
81
+ }
82
+ }, children);
83
+ };
84
+
85
+ var useMediaQueryContext = function () {
86
+ return React__default.useContext(MediaQueryContext);
87
+ };
88
+
89
+ export { MediaQueryProvider as M, useMediaQueryContext as u };
90
+ //# sourceMappingURL=MediaQueryContext-20ff176d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MediaQueryContext-20ff176d.js","sources":["../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = '0px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nconst MediaQueryContext = React.createContext({\n mediaQueryBreakPoint: DEFAULT_MOBILE,\n isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n children: React.ReactElement;\n mediaQueryBreakPoint?: string | boolean;\n logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n try {\n const body = document.querySelector('body');\n body.classList.add(MOBILE_CLASSNAME);\n } catch {\n // noop\n }\n};\n\nconst removeClassNameFromBody = () => {\n try {\n const body = document.querySelector('body');\n body.classList.remove(MOBILE_CLASSNAME);\n } catch {\n // noop\n }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n const {\n children,\n logger,\n } = props;\n const mediaQueryBreakPoint = props?.mediaQueryBreakPoint || DEFAULT_MOBILE;\n const [isMobile, setIsMobile] = useState(false);\n useEffect(() => {\n const updateSize = () => {\n if (typeof mediaQueryBreakPoint === 'boolean') {\n setIsMobile(mediaQueryBreakPoint);\n if (mediaQueryBreakPoint) {\n logger?.info?.(`MediaQueryProvider: isMobile: true`);\n addClassNameToBody();\n } else {\n logger?.info?.(`MediaQueryProvider: isMobile: false`);\n removeClassNameFromBody();\n }\n } else {\n const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);\n logger?.info?.(`MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);\n if (mq.matches) {\n setIsMobile(true);\n addClassNameToBody();\n logger?.info?.(`MediaQueryProvider: isMobile: true`);\n } else {\n setIsMobile(false);\n removeClassNameFromBody();\n logger?.info?.(`MediaQueryProvider: isMobile: false`);\n }\n }\n }\n updateSize();\n window.addEventListener('resize', updateSize);\n logger?.info?.(`MediaQueryProvider: addEventListener`, updateSize);\n return () => {\n window.removeEventListener('resize', updateSize);\n logger?.info?.(`MediaQueryProvider: removeEventListener`, updateSize);\n }\n }, [mediaQueryBreakPoint]);\n return (\n <MediaQueryContext.Provider value={{ mediaQueryBreakPoint, isMobile }}>\n {children}\n </MediaQueryContext.Provider>\n );\n};\n\nexport type useMediaQueryContextType = () => ({\n mediaQueryBreakPoint: string | boolean;\n isMobile: boolean;\n});\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","mediaQueryBreakPoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_a","removeClassNameFromBody","remove","MediaQueryProvider","props","children","logger","useState","setIsMobile","useEffect","updateSize","info","call","_b","mq","window","matchMedia","concat","_c","matches","_d","_e","addEventListener","removeEventListener","useMediaQueryContext","useContext"],"mappings":"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"}
@@ -4,14 +4,14 @@ import IconButton from './ui/IconButton.js';
4
4
  import Icon, { IconTypes, IconColors } from './ui/Icon.js';
5
5
  import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
6
6
  import UserListItem$1 from './ChannelSettings/components/UserListItem.js';
7
- import { a as __spreadArray, _ as __assign } from './tslib.es6-d20349ad.js';
7
+ import { a as __spreadArray, _ as __assign } from './tslib.es6-38d6449a.js';
8
8
  import Modal from './ui/Modal.js';
9
9
  import UserListItem from './ui/UserListItem.js';
10
- import { n as noop } from './utils-5569d95d.js';
10
+ import { n as noop } from './utils-80e9e20d.js';
11
11
  import { useChannelSettingsContext } from './ChannelSettings/context.js';
12
12
  import useSendbirdStateContext from './useSendbirdStateContext.js';
13
- import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-9976b34e.js';
14
- import { u as uuidv4 } from './uuid-e5bc1634.js';
13
+ import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-4f852f2e.js';
14
+ import { u as uuidv4 } from './uuid-11fdaf7d.js';
15
15
 
16
16
  function MembersModal(_a) {
17
17
  var _b;
@@ -40,6 +40,7 @@ function MembersModal(_a) {
40
40
  setMemberQuery(memberListQuery);
41
41
  }, []);
42
42
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
43
+ isFullScreenOnMobile: true,
43
44
  hideFooter: true,
44
45
  onCancel: function () {
45
46
  return onCancel();
@@ -166,6 +167,10 @@ function MembersModal(_a) {
166
167
  }))));
167
168
  }
168
169
 
170
+ var isAboutSame = function (a, b, px) {
171
+ return Math.abs(a - b) <= px;
172
+ };
173
+
169
174
  function InviteUsers(_a) {
170
175
  var _b, _c, _d;
171
176
 
@@ -200,6 +205,7 @@ function InviteUsers(_a) {
200
205
  }
201
206
  }, [sdk]);
202
207
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
208
+ isFullScreenOnMobile: true,
203
209
  disabled: Object.keys(selectedMembers).length === 0,
204
210
  submitText: "Invite",
205
211
  type: ButtonTypes.PRIMARY,
@@ -220,7 +226,7 @@ function InviteUsers(_a) {
220
226
  onScroll: function (e) {
221
227
  var hasNext = userQuery.hasNext;
222
228
  var target = e.target;
223
- var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
229
+ var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);
224
230
 
225
231
  if (hasNext && fetchMore) {
226
232
  userQuery.next().then(function (users) {
@@ -411,4 +417,4 @@ var MemberList = function () {
411
417
  };
412
418
 
413
419
  export { MemberList as M };
414
- //# sourceMappingURL=MemberList-070e920a.js.map
420
+ //# sourceMappingURL=MemberList-8ffa1f2e.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MemberList-8ffa1f2e.js","sources":["../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useContext,\n useEffect,\n useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n const [members, setMembers] = useState([]);\n const [memberQuery, setMemberQuery] = useState(null);\n\n const { channel } = useChannelSettingsContext();\n const state = useSendbirdStateContext();\n const currentUser = state?.config?.userId;\n const { stringSet } = useContext(LocalizationContext);\n\n useEffect(() => {\n const memberListQuery = channel?.createMemberListQuery({\n limit: 20,\n });\n memberListQuery.next().then((members) => {\n setMembers(members);\n });\n setMemberQuery(memberListQuery);\n }, [])\n return (\n <div>\n <Modal\n isFullScreenOnMobile\n hideFooter\n onCancel={() => onCancel()}\n onSubmit={noop}\n titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n >\n <div\n className=\"sendbird-more-members__popup-scroll\"\n onScroll={(e) => {\n const { hasNext } = memberQuery;\n const target = e.target as HTMLTextAreaElement;\n const fetchMore = (\n target.clientHeight + target.scrollTop === target.scrollHeight\n );\n\n if (hasNext && fetchMore) {\n memberQuery.next().then((o) => {\n setMembers([\n ...members,\n ...o,\n ])\n });\n }\n }}\n >\n {\n members.map((member) => (\n <UserListItem\n user={member}\n key={member.userId}\n currentUser={currentUser}\n action={({ parentRef, actionRef }) => (\n <>\n {channel?.myRole === 'operator' && (\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} // for catching location(x, y) of MenuItems\n closeDropdown={closeDropdown}\n openLeft\n >\n <MenuItem\n onClick={() => {\n if ((member.role !== 'operator')) {\n channel?.addOperators([member.userId]).then(() => {\n setMembers(members.map(m => {\n if (m.userId === member.userId) {\n return {\n ...member,\n role: 'operator',\n };\n }\n return m;\n }));\n closeDropdown();\n });\n } else {\n channel?.removeOperators([member.userId]).then(() => {\n setMembers(members.map(m => {\n if (m.userId === member.userId) {\n return {\n ...member,\n role: '',\n };\n }\n return m;\n }));\n closeDropdown();\n });\n }\n }}\n >\n {\n member.role !== 'operator'\n ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n }\n </MenuItem>\n {\n // No muted members in broadcast channel\n !channel?.isBroadcast && (\n <MenuItem\n onClick={() => {\n if (member.isMuted) {\n channel?.unmuteUser(member).then(() => {\n setMembers(members.map(m => {\n if (m.userId === member.userId) {\n return {\n ...member,\n isMuted: false,\n };\n }\n return m;\n }));\n closeDropdown();\n })\n } else {\n channel?.muteUser(member).then(() => {\n setMembers(members.map(m => {\n if (m.userId === member.userId) {\n return {\n ...member,\n isMuted: true,\n };\n }\n return m;\n }));\n closeDropdown();\n });\n }\n }}\n >\n {\n member.isMuted\n ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n }\n </MenuItem>\n )\n }\n <MenuItem\n onClick={() => {\n channel?.banUser(member, -1, '').then(() => {\n setMembers(members.filter(({ userId }) => {\n return userId !== member.userId;\n }));\n });\n }}\n >\n {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n </MenuItem>\n </MenuItems>\n )}\n />\n )}\n </>\n )}\n />\n ))\n }\n </div>\n </Modal>\n </div>\n );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n onCancel(): void;\n onSubmit(members: Array<string>): void;\n}\n\nconst isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport default function InviteUsers({\n onCancel,\n onSubmit,\n}: Props): ReactElement {\n const [members, setMembers] = useState([]);\n const [selectedMembers, setSelectedMembers] = useState({});\n const [userQuery, setUserQuery] = useState(null);\n\n const state = useSendbirdStateContext();\n const sdk = state?.stores?.sdkStore?.sdk;\n const globalUserListQuery = state?.config?.userListQuery;\n\n const { channel } = useChannelSettingsContext();\n const { stringSet } = useLocalization();\n\n useEffect(() => {\n const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n if (userListQuery?.next) {\n userListQuery.next().then((members) => {\n setMembers(members);\n });\n setUserQuery(userListQuery);\n }\n }, [sdk]);\n return (\n <div>\n <Modal\n isFullScreenOnMobile\n disabled={Object.keys(selectedMembers).length === 0}\n submitText=\"Invite\"\n type={ButtonTypes.PRIMARY}\n onCancel={() => onCancel()}\n onSubmit={() => {\n const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n channel?.inviteWithUserIds(members).then(() => {\n onSubmit(members);\n });\n }}\n titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n >\n <div\n className=\"sendbird-more-members__popup-scroll\"\n onScroll={(e) => {\n const { hasNext } = userQuery;\n const target = e.target as HTMLTextAreaElement;\n const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);\n if (hasNext && fetchMore) {\n userQuery.next().then((users) => {\n setMembers([\n ...members,\n ...users,\n ])\n });\n }\n }}\n >\n <div className=\"sendbird-more-members__popup-scroll__inner\">\n { members.map((member) => (\n <UserListItem\n checkBox\n checked={selectedMembers[member.userId]}\n onChange={\n (event) => {\n const modifiedSelectedMembers = {\n ...selectedMembers,\n [event.target.id]: event.target.checked,\n };\n if (!event.target.checked) {\n delete modifiedSelectedMembers[event.target.id];\n }\n setSelectedMembers(modifiedSelectedMembers);\n }\n }\n user={member}\n key={member.userId}\n />\n ))}\n </div>\n </div>\n </Modal>\n </div>\n );\n}\n","import React, {\n ReactElement,\n useEffect,\n useState,\n useCallback,\n useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n const [members, setMembers] = useState([]);\n const [hasNext, setHasNext] = useState(false);\n const [showAllMembers, setShowAllMembers] = useState(false);\n const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n const state = useSendbirdStateContext();\n const {\n channel,\n setChannelUpdateId,\n } = useChannelSettingsContext();\n const { stringSet } = useContext(LocalizationContext);\n\n const sdk = state?.stores?.sdkStore?.sdk;\n const userId = state?.config?.userId;\n\n useEffect(() => {\n if (!channel) {\n setMembers([]);\n return;\n }\n\n const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n memberUserListQuery.next().then((members) => {\n setMembers(members);\n setHasNext(memberUserListQuery.hasNext);\n });\n }, [channel]);\n\n const refreshList = useCallback(() => {\n if (!channel) {\n setMembers([]);\n return;\n }\n const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n memberUserListQuery.next().then((members) => {\n setMembers(members);\n setHasNext(memberUserListQuery.hasNext);\n setChannelUpdateId(uuidv4());\n });\n }, [channel]);\n\n return (\n <div className=\"sendbird-channel-settings-member-list sendbird-accordion\">\n {\n members.map((member) => (\n <UserListItem\n key={member.userId}\n user={member}\n currentUser={sdk.currentUser.userId}\n action={\n (channel?.myRole === 'operator' && userId !== member.userId)\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} // for catching location(x, y) of MenuItems\n closeDropdown={closeDropdown}\n openLeft\n >\n <MenuItem\n onClick={() => {\n if ((member.role !== 'operator')) {\n channel?.addOperators([member.userId]).then(() => {\n refreshList();\n closeDropdown();\n });\n } else {\n channel?.removeOperators([member.userId]).then(() => {\n refreshList();\n closeDropdown();\n });\n }\n }}\n >\n {\n member.role !== 'operator'\n ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n }\n </MenuItem>\n {\n // No muted members in broadcast channel\n !channel?.isBroadcast && (\n <MenuItem\n onClick={() => {\n if (member.isMuted) {\n channel?.unmuteUser(member).then(() => {\n refreshList();\n closeDropdown();\n })\n } else {\n channel?.muteUser(member).then(() => {\n refreshList();\n closeDropdown();\n });\n }\n }}\n >\n {\n member.isMuted\n ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n }\n </MenuItem>\n )\n }\n <MenuItem\n onClick={() => {\n channel?.banUser(member, -1, '').then(() => {\n refreshList();\n closeDropdown();\n });\n }}\n >\n {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n </MenuItem>\n </MenuItems>\n )}\n />\n )\n : null\n }\n />\n ))\n }\n <div\n className=\"sendbird-channel-settings-accordion__footer\"\n >\n {\n hasNext && (\n <Button\n type={ButtonTypes.SECONDARY}\n size={ButtonSizes.SMALL}\n onClick={() => setShowAllMembers(true)}\n >\n {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n </Button>\n )\n }\n <Button\n type={ButtonTypes.SECONDARY}\n size={ButtonSizes.SMALL}\n onClick={() => setShowInviteUsers(true)}\n >\n {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n </Button>\n </div>\n {\n showAllMembers && (\n <MembersModal\n onCancel={() => {\n setShowAllMembers(false);\n refreshList();\n }}\n />\n )\n }\n {\n showInviteUsers && (\n <InviteUsers\n onSubmit={() => {\n setShowInviteUsers(false);\n refreshList();\n }}\n onCancel={() => setShowInviteUsers(false)}\n />\n )\n }\n </div>\n );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","_b","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","__spreadArray","map","member","parentRef","actionRef","myRole","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","role","addOperators","m","__assign","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","isAboutSame","a","b","px","Math","abs","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","useLocalization","createApplicationUserListQuery","Object","keys","length","ButtonTypes","PRIMARY","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","UserListItem","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}
@@ -1,24 +1,24 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { a as LocalizationContext } from '../../LocalizationContext-9976b34e.js';
2
+ import { a as LocalizationContext } from '../../LocalizationContext-4f852f2e.js';
3
3
  import { useMessageSearchContext } from '../context.js';
4
4
  import MessageSearchItem from '../../ui/MessageSearchItem.js';
5
- import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-c3c4236f.js';
5
+ import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a28ce5ed.js';
6
6
  import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
7
- import '../../stringSet-8662ec77.js';
8
- import '../../index-5e61b8f6.js';
7
+ import '../../stringSet-fd9dcf1e.js';
8
+ import '../../index-c766d64c.js';
9
9
  import '../../useSendbirdStateContext.js';
10
10
  import '../../withSendbird.js';
11
- import '../../_rollupPluginBabelHelpers-a72165e4.js';
12
- import '../../tslib.es6-d20349ad.js';
13
- import '../../index-07ae6a1b.js';
14
- import '../../index-5cc28c33.js';
15
- import '../../index-9113fa9d.js';
11
+ import '../../_rollupPluginBabelHelpers-42595172.js';
12
+ import '../../tslib.es6-38d6449a.js';
13
+ import '../../index-39b44653.js';
14
+ import '../../index-f29a239d.js';
15
+ import '../../index-e0ade5e4.js';
16
16
  import '../../ui/Avatar.js';
17
17
  import '../../ui/ImageRenderer.js';
18
18
  import '../../ui/Icon.js';
19
19
  import 'prop-types';
20
- import '../../uuid-e5bc1634.js';
21
- import '../../index-200a8796.js';
20
+ import '../../uuid-11fdaf7d.js';
21
+ import '../../index-b02633bc.js';
22
22
  import '../../ui/Loader.js';
23
23
 
24
24
  var COMPONENT_CLASS_NAME = 'sendbird-message-search';
@@ -1,8 +1,8 @@
1
1
  import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
2
2
  import useSendbirdStateContext from '../useSendbirdStateContext.js';
3
- import { _ as __assign, a as __spreadArray } from '../tslib.es6-d20349ad.js';
3
+ import { _ as __assign, a as __spreadArray } from '../tslib.es6-38d6449a.js';
4
4
  import '../withSendbird.js';
5
- import '../_rollupPluginBabelHelpers-a72165e4.js';
5
+ import '../_rollupPluginBabelHelpers-42595172.js';
6
6
 
7
7
  var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
8
8
  var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';
package/MessageSearch.js CHANGED
@@ -1,27 +1,27 @@
1
1
  import React__default, { useState, useContext, useEffect } from 'react';
2
2
  import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
3
- import { a as LocalizationContext } from './LocalizationContext-9976b34e.js';
3
+ import { a as LocalizationContext } from './LocalizationContext-4f852f2e.js';
4
4
  import Icon, { IconTypes, IconColors } from './ui/Icon.js';
5
5
  import IconButton from './ui/IconButton.js';
6
- import { L as Label, a as LabelTypography, b as LabelColors } from './index-200a8796.js';
6
+ import { L as Label, a as LabelTypography, b as LabelColors } from './index-b02633bc.js';
7
7
  import Loader from './ui/Loader.js';
8
8
  import { MessageSearchProvider } from './MessageSearch/context.js';
9
9
  import './ui/MessageSearchItem.js';
10
- import './tslib.es6-d20349ad.js';
11
- import './index-07ae6a1b.js';
12
- import './index-5e61b8f6.js';
13
- import './index-5cc28c33.js';
14
- import './index-9113fa9d.js';
10
+ import './tslib.es6-38d6449a.js';
11
+ import './index-39b44653.js';
12
+ import './index-c766d64c.js';
13
+ import './index-f29a239d.js';
14
+ import './index-e0ade5e4.js';
15
15
  import './ui/Avatar.js';
16
16
  import './ui/ImageRenderer.js';
17
- import './uuid-e5bc1634.js';
18
- import './index-c3c4236f.js';
17
+ import './uuid-11fdaf7d.js';
18
+ import './index-a28ce5ed.js';
19
19
  import './ui/MessageSearchFileItem.js';
20
- import './stringSet-8662ec77.js';
20
+ import './stringSet-fd9dcf1e.js';
21
21
  import 'prop-types';
22
22
  import './useSendbirdStateContext.js';
23
23
  import './withSendbird.js';
24
- import './_rollupPluginBabelHelpers-a72165e4.js';
24
+ import './_rollupPluginBabelHelpers-42595172.js';
25
25
 
26
26
  var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
27
27
 
@@ -1,8 +1,8 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { a as LocalizationContext } from '../../LocalizationContext-9976b34e.js';
3
- import { L as Label, a as LabelTypography } from '../../index-200a8796.js';
4
- import '../../stringSet-8662ec77.js';
5
- import '../../index-5e61b8f6.js';
2
+ import { a as LocalizationContext } from '../../LocalizationContext-4f852f2e.js';
3
+ import { L as Label, a as LabelTypography } from '../../index-b02633bc.js';
4
+ import '../../stringSet-fd9dcf1e.js';
5
+ import '../../index-c766d64c.js';
6
6
  import 'prop-types';
7
7
 
8
8
  var FrozenNotification = function () {