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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (533) 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-cef1f985.js} +33 -11
  36. package/ChannelListProvider-cef1f985.js.map +1 -0
  37. package/{ChannelProvider-08b86d72.js → ChannelProvider-924d5a93.js} +15 -11
  38. package/ChannelProvider-924d5a93.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-2b5b2952.js} +1 -1
  66. package/{CreateChannelProvider-b5fa7c16.js.map → CreateChannelProvider-2b5b2952.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-2bd4bbe8.js} +3 -3
  77. package/{LocalizationContext-9976b34e.js.map → LocalizationContext-2bd4bbe8.js.map} +1 -1
  78. package/MediaQueryContext-7be72ab4.js +90 -0
  79. package/MediaQueryContext-7be72ab4.js.map +1 -0
  80. package/{MemberList-070e920a.js → MemberList-405c20b6.js} +12 -6
  81. package/MemberList-405c20b6.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 +24 -22
  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-13648dc9.js} +3 -3
  105. package/{OpenChannelListProvider-ca1d96e3.js.map → OpenChannelListProvider-13648dc9.js.map} +1 -1
  106. package/{OpenChannelProvider-03efd3ff.js → OpenChannelProvider-7a6eea29.js} +11 -9
  107. package/OpenChannelProvider-7a6eea29.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-0d8287d0.js} +8 -4
  124. package/UserProfileContext-0d8287d0.js.map +1 -0
  125. package/{_rollupPluginBabelHelpers-a72165e4.js → _rollupPluginBabelHelpers-fa4874e9.js} +19 -2
  126. package/_rollupPluginBabelHelpers-fa4874e9.js.map +1 -0
  127. package/{actionTypes-b30fed5f.js → actionTypes-36657780.js} +1 -1
  128. package/{actionTypes-b30fed5f.js.map → actionTypes-36657780.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-7ee975c5.js} +33 -11
  163. package/cjs/ChannelListProvider-7ee975c5.js.map +1 -0
  164. package/cjs/{ChannelProvider-c9b390b7.js → ChannelProvider-b28cd92d.js} +15 -11
  165. package/cjs/ChannelProvider-b28cd92d.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-e368f771.js} +1 -1
  193. package/cjs/{CreateChannelProvider-0a28a871.js.map → CreateChannelProvider-e368f771.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-2a1cb44b.js} +3 -3
  204. package/cjs/{LocalizationContext-0349dfbd.js.map → LocalizationContext-2a1cb44b.js.map} +1 -1
  205. package/cjs/MediaQueryContext-623586af.js +97 -0
  206. package/cjs/MediaQueryContext-623586af.js.map +1 -0
  207. package/cjs/{MemberList-a95f8e7f.js → MemberList-ab7f22b9.js} +12 -6
  208. package/cjs/MemberList-ab7f22b9.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 +24 -22
  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-ee1df405.js} +3 -3
  232. package/cjs/{OpenChannelListProvider-df27c36c.js.map → OpenChannelListProvider-ee1df405.js.map} +1 -1
  233. package/cjs/{OpenChannelProvider-4895f5f6.js → OpenChannelProvider-8b0e26a5.js} +11 -9
  234. package/cjs/OpenChannelProvider-8b0e26a5.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-157c5174.js} +8 -4
  251. package/cjs/UserProfileContext-157c5174.js.map +1 -0
  252. package/cjs/{_rollupPluginBabelHelpers-93d42928.js → _rollupPluginBabelHelpers-c8ddc77e.js} +19 -1
  253. package/cjs/_rollupPluginBabelHelpers-c8ddc77e.js.map +1 -0
  254. package/cjs/{actionTypes-6a04e98a.js → actionTypes-8d79679a.js} +1 -1
  255. package/cjs/{actionTypes-6a04e98a.js.map → actionTypes-8d79679a.js.map} +1 -1
  256. package/cjs/{color-8da1967d.js → color-fcbb3426.js} +1 -1
  257. package/cjs/{color-8da1967d.js.map → color-fcbb3426.js.map} +1 -1
  258. package/cjs/{compareIds-20b6caa8.js → compareIds-eb7c82dc.js} +1 -1
  259. package/cjs/{compareIds-20b6caa8.js.map → compareIds-eb7c82dc.js.map} +1 -1
  260. package/cjs/{const-ed017cc9.js → const-3ceaca5c.js} +1 -1
  261. package/cjs/{const-ed017cc9.js.map → const-3ceaca5c.js.map} +1 -1
  262. package/cjs/{const-0ce11db5.js → const-8b0c6ef1.js} +1 -1
  263. package/cjs/{const-0ce11db5.js.map → const-8b0c6ef1.js.map} +1 -1
  264. package/cjs/{context-bd7de995.js → context-ca0ce6fa.js} +2 -2
  265. package/cjs/{context-bd7de995.js.map → context-ca0ce6fa.js.map} +1 -1
  266. package/cjs/dist/index.css +565 -238
  267. package/cjs/dist/index.css.map +1 -1
  268. package/cjs/{index-e741ec2c.js → index-02154394.js} +4 -4
  269. package/cjs/{index-e741ec2c.js.map → index-02154394.js.map} +1 -1
  270. package/cjs/{index-a52296d6.js → index-06c0cb5d.js} +9 -8
  271. package/cjs/index-06c0cb5d.js.map +1 -0
  272. package/cjs/{index-7ab4005e.js → index-223b8a15.js} +6 -5
  273. package/cjs/index-223b8a15.js.map +1 -0
  274. package/cjs/{index-c7bba14f.js → index-5513787c.js} +2 -2
  275. package/cjs/{index-c7bba14f.js.map → index-5513787c.js.map} +1 -1
  276. package/cjs/{index-491f2403.js → index-5ce5b5ef.js} +1 -1
  277. package/cjs/{index-491f2403.js.map → index-5ce5b5ef.js.map} +1 -1
  278. package/cjs/{index-e59510d3.js → index-6c759d44.js} +2 -2
  279. package/cjs/{index-e59510d3.js.map → index-6c759d44.js.map} +1 -1
  280. package/cjs/index-6f03baa8.js +194 -0
  281. package/cjs/index-6f03baa8.js.map +1 -0
  282. package/cjs/{index-09d50472.js → index-7f18a16f.js} +2 -2
  283. package/cjs/{index-09d50472.js.map → index-7f18a16f.js.map} +1 -1
  284. package/cjs/{index-1ce4efa3.js → index-8d7bc2cf.js} +4 -4
  285. package/cjs/{index-1ce4efa3.js.map → index-8d7bc2cf.js.map} +1 -1
  286. package/cjs/{index-200b85a3.js → index-f1ad3c0d.js} +1 -1
  287. package/cjs/{index-200b85a3.js.map → index-f1ad3c0d.js.map} +1 -1
  288. package/cjs/{index-558d367a.js → index-f42aafcc.js} +5 -5
  289. package/cjs/index-f42aafcc.js.map +1 -0
  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-b531455a.js} +4 -1
  294. package/cjs/stringSet-b531455a.js.map +1 -0
  295. package/cjs/{topics-c4ffdf98.js → topics-14e5ee9f.js} +1 -1
  296. package/cjs/{topics-c4ffdf98.js.map → topics-14e5ee9f.js.map} +1 -1
  297. package/cjs/{tslib.es6-712ab026.js → tslib.es6-ce6b9cf9.js} +1 -1
  298. package/cjs/{tslib.es6-712ab026.js.map → tslib.es6-ce6b9cf9.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 +9 -9
  328. package/cjs/ui/MessageItemMenu.js +7 -7
  329. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  330. package/cjs/ui/MessageSearchFileItem.js +9 -9
  331. package/cjs/ui/MessageSearchItem.js +9 -9
  332. package/cjs/ui/MessageStatus.js +7 -7
  333. package/cjs/ui/Modal.js +33 -18
  334. package/cjs/ui/Modal.js.map +1 -1
  335. package/cjs/ui/OGMessageItemBody.js +11 -10
  336. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  337. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  338. package/cjs/ui/OpenChannelAvatar.js +6 -6
  339. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  340. package/cjs/ui/OpenchannelFileMessage.js +56 -26
  341. package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
  342. package/cjs/ui/OpenchannelOGMessage.js +75 -37
  343. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  344. package/cjs/ui/OpenchannelThumbnailMessage.js +58 -26
  345. package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
  346. package/cjs/ui/OpenchannelUserMessage.js +74 -51
  347. package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
  348. package/cjs/ui/PlaceHolder.js +6 -6
  349. package/cjs/ui/QuoteMessage.js +9 -6
  350. package/cjs/ui/QuoteMessage.js.map +1 -1
  351. package/cjs/ui/QuoteMessageInput.js +6 -6
  352. package/cjs/ui/ReactionBadge.js +4 -3
  353. package/cjs/ui/ReactionBadge.js.map +1 -1
  354. package/cjs/ui/ReactionButton.js +7 -1
  355. package/cjs/ui/ReactionButton.js.map +1 -1
  356. package/cjs/ui/SortByRow.js +2 -2
  357. package/cjs/ui/TextButton.js +2 -2
  358. package/cjs/ui/TextMessageItemBody.js +11 -10
  359. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  360. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  361. package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
  362. package/cjs/ui/Tooltip.js +3 -3
  363. package/cjs/ui/TooltipWrapper.js +1 -1
  364. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  365. package/cjs/ui/UserListItem.js +11 -11
  366. package/cjs/ui/UserProfile.js +18 -11
  367. package/cjs/ui/UserProfile.js.map +1 -1
  368. package/cjs/ui/Word.js +11 -10
  369. package/cjs/ui/Word.js.map +1 -1
  370. package/cjs/useLongPress-ca8f8cd9.js +118 -0
  371. package/cjs/useLongPress-ca8f8cd9.js.map +1 -0
  372. package/cjs/useSendbirdStateContext.js +1 -1
  373. package/cjs/{utils-03670a4b.js → utils-54962329.js} +1 -1
  374. package/cjs/{utils-03670a4b.js.map → utils-54962329.js.map} +1 -1
  375. package/cjs/{utils-db03a3ee.js → utils-b076caa2.js} +1 -1
  376. package/cjs/{utils-db03a3ee.js.map → utils-b076caa2.js.map} +1 -1
  377. package/cjs/{utils-90917fdb.js → utils-d8b4def1.js} +1 -1
  378. package/cjs/{utils-90917fdb.js.map → utils-d8b4def1.js.map} +1 -1
  379. package/cjs/{uuid-4fb21145.js → uuid-e0efb18c.js} +1 -1
  380. package/cjs/{uuid-4fb21145.js.map → uuid-e0efb18c.js.map} +1 -1
  381. package/cjs/withSendbird.js +1 -1
  382. package/{color-511dde29.js → color-468f177a.js} +1 -1
  383. package/{color-511dde29.js.map → color-468f177a.js.map} +1 -1
  384. package/{compareIds-8626728b.js → compareIds-7e80cfd0.js} +1 -1
  385. package/{compareIds-8626728b.js.map → compareIds-7e80cfd0.js.map} +1 -1
  386. package/{const-411c29c2.js → const-5feae56e.js} +1 -1
  387. package/{const-411c29c2.js.map → const-5feae56e.js.map} +1 -1
  388. package/{const-4836ca2f.js → const-7a18ac0a.js} +1 -1
  389. package/{const-4836ca2f.js.map → const-7a18ac0a.js.map} +1 -1
  390. package/{context-b3b0d94d.js → context-0e023b05.js} +2 -2
  391. package/{context-b3b0d94d.js.map → context-0e023b05.js.map} +1 -1
  392. package/dist/index.css +565 -238
  393. package/dist/index.css.map +1 -1
  394. package/{index-9113fa9d.js → index-1c02ac0d.js} +2 -2
  395. package/{index-9113fa9d.js.map → index-1c02ac0d.js.map} +1 -1
  396. package/{index-5cc28c33.js → index-36f812a7.js} +4 -4
  397. package/{index-5cc28c33.js.map → index-36f812a7.js.map} +1 -1
  398. package/{index-5e61b8f6.js → index-670435a8.js} +1 -1
  399. package/{index-5e61b8f6.js.map → index-670435a8.js.map} +1 -1
  400. package/{index-89cd6e36.js → index-867e0d39.js} +6 -6
  401. package/index-867e0d39.js.map +1 -0
  402. package/{index-c16ac1c8.js → index-8b890de6.js} +9 -8
  403. package/index-8b890de6.js.map +1 -0
  404. package/{index-dbe2f386.js → index-b4ee3569.js} +1 -1
  405. package/{index-dbe2f386.js.map → index-b4ee3569.js.map} +1 -1
  406. package/{index-07ae6a1b.js → index-b8a1932a.js} +2 -2
  407. package/{index-07ae6a1b.js.map → index-b8a1932a.js.map} +1 -1
  408. package/index-c4739f89.js +179 -0
  409. package/index-c4739f89.js.map +1 -0
  410. package/{index-200a8796.js → index-c4eefc9d.js} +2 -2
  411. package/{index-200a8796.js.map → index-c4eefc9d.js.map} +1 -1
  412. package/{index-4be14273.js → index-dcae1e38.js} +6 -5
  413. package/index-dcae1e38.js.map +1 -0
  414. package/{index-c3c4236f.js → index-ec923bf5.js} +4 -4
  415. package/{index-c3c4236f.js.map → index-ec923bf5.js.map} +1 -1
  416. package/index.d.ts +15 -4
  417. package/index.js +35 -32
  418. package/index.js.map +1 -1
  419. package/package.json +1 -1
  420. package/sendbirdSelectors.js +2 -2
  421. package/{stringSet-8662ec77.js → stringSet-65cf83b4.js} +4 -1
  422. package/stringSet-65cf83b4.js.map +1 -0
  423. package/{topics-0752cb33.js → topics-2ff5f12a.js} +1 -1
  424. package/{topics-0752cb33.js.map → topics-2ff5f12a.js.map} +1 -1
  425. package/{tslib.es6-d20349ad.js → tslib.es6-7fef98cd.js} +1 -1
  426. package/{tslib.es6-d20349ad.js.map → tslib.es6-7fef98cd.js.map} +1 -1
  427. package/ui/Accordion.js +3 -3
  428. package/ui/AccordionGroup.js +2 -2
  429. package/ui/AdminMessage.js +3 -3
  430. package/ui/Avatar.js +2 -2
  431. package/ui/Badge.js +5 -5
  432. package/ui/BottomSheet.js +37 -0
  433. package/ui/BottomSheet.js.map +1 -0
  434. package/ui/Button.js +3 -3
  435. package/ui/ChannelAvatar.js +3 -3
  436. package/ui/ConnectionStatus.js +4 -4
  437. package/ui/ContextMenu.js +14 -10
  438. package/ui/ContextMenu.js.map +1 -1
  439. package/ui/DateSeparator.js +4 -4
  440. package/ui/EmojiReactions.js +7 -7
  441. package/ui/FileMessageItemBody.js +8 -6
  442. package/ui/FileMessageItemBody.js.map +1 -1
  443. package/ui/FileViewer.js +8 -8
  444. package/ui/IconButton.js +1 -1
  445. package/ui/ImageRenderer.js +1 -1
  446. package/ui/Input.js +2 -2
  447. package/ui/Label.js +2 -2
  448. package/ui/LinkLabel.js +9 -3
  449. package/ui/LinkLabel.js.map +1 -1
  450. package/ui/Loader.js +1 -1
  451. package/ui/MentionLabel.js +11 -10
  452. package/ui/MentionLabel.js.map +1 -1
  453. package/ui/MessageContent.js +452 -42
  454. package/ui/MessageContent.js.map +1 -1
  455. package/ui/MessageInput.js +9 -9
  456. package/ui/MessageItemMenu.js +7 -7
  457. package/ui/MessageItemReactionMenu.js +5 -5
  458. package/ui/MessageSearchFileItem.js +9 -9
  459. package/ui/MessageSearchItem.js +9 -9
  460. package/ui/MessageStatus.js +7 -7
  461. package/ui/Modal.js +33 -18
  462. package/ui/Modal.js.map +1 -1
  463. package/ui/OGMessageItemBody.js +11 -10
  464. package/ui/OGMessageItemBody.js.map +1 -1
  465. package/ui/OpenChannelAdminMessage.js +3 -3
  466. package/ui/OpenChannelAvatar.js +6 -6
  467. package/ui/OpenchannelConversationHeader.js +6 -6
  468. package/ui/OpenchannelFileMessage.js +50 -20
  469. package/ui/OpenchannelFileMessage.js.map +1 -1
  470. package/ui/OpenchannelOGMessage.js +66 -28
  471. package/ui/OpenchannelOGMessage.js.map +1 -1
  472. package/ui/OpenchannelThumbnailMessage.js +50 -18
  473. package/ui/OpenchannelThumbnailMessage.js.map +1 -1
  474. package/ui/OpenchannelUserMessage.js +67 -44
  475. package/ui/OpenchannelUserMessage.js.map +1 -1
  476. package/ui/PlaceHolder.js +6 -6
  477. package/ui/QuoteMessage.js +9 -6
  478. package/ui/QuoteMessage.js.map +1 -1
  479. package/ui/QuoteMessageInput.js +6 -6
  480. package/ui/ReactionBadge.js +4 -3
  481. package/ui/ReactionBadge.js.map +1 -1
  482. package/ui/ReactionButton.js +7 -1
  483. package/ui/ReactionButton.js.map +1 -1
  484. package/ui/SortByRow.js +2 -2
  485. package/ui/TextButton.js +2 -2
  486. package/ui/TextMessageItemBody.js +11 -10
  487. package/ui/TextMessageItemBody.js.map +1 -1
  488. package/ui/ThumbnailMessageItemBody.js +2 -2
  489. package/ui/ThumbnailMessageItemBody.js.map +1 -1
  490. package/ui/Tooltip.js +3 -3
  491. package/ui/TooltipWrapper.js +1 -1
  492. package/ui/UnknownMessageItemBody.js +6 -6
  493. package/ui/UserListItem.js +11 -11
  494. package/ui/UserProfile.js +18 -11
  495. package/ui/UserProfile.js.map +1 -1
  496. package/ui/Word.js +11 -10
  497. package/ui/Word.js.map +1 -1
  498. package/useLongPress-2c79297b.js +116 -0
  499. package/useLongPress-2c79297b.js.map +1 -0
  500. package/useSendbirdStateContext.js +1 -1
  501. package/{utils-aba28b29.js → utils-a3afc9f0.js} +1 -1
  502. package/{utils-aba28b29.js.map → utils-a3afc9f0.js.map} +1 -1
  503. package/{utils-beb5bcc4.js → utils-ac92824a.js} +1 -1
  504. package/{utils-beb5bcc4.js.map → utils-ac92824a.js.map} +1 -1
  505. package/{utils-5569d95d.js → utils-db039320.js} +1 -1
  506. package/{utils-5569d95d.js.map → utils-db039320.js.map} +1 -1
  507. package/{uuid-e5bc1634.js → uuid-68db8245.js} +1 -1
  508. package/{uuid-e5bc1634.js.map → uuid-68db8245.js.map} +1 -1
  509. package/withSendbird.js +1 -1
  510. package/ChannelListProvider-cdb08b62.js.map +0 -1
  511. package/ChannelProvider-08b86d72.js.map +0 -1
  512. package/MemberList-070e920a.js.map +0 -1
  513. package/OpenChannelProvider-03efd3ff.js.map +0 -1
  514. package/UserProfileContext-24bb1c79.js.map +0 -1
  515. package/_rollupPluginBabelHelpers-a72165e4.js.map +0 -1
  516. package/cjs/ChannelListProvider-5543db95.js.map +0 -1
  517. package/cjs/ChannelProvider-c9b390b7.js.map +0 -1
  518. package/cjs/MemberList-a95f8e7f.js.map +0 -1
  519. package/cjs/OpenChannelProvider-4895f5f6.js.map +0 -1
  520. package/cjs/UserProfileContext-d1596965.js.map +0 -1
  521. package/cjs/_rollupPluginBabelHelpers-93d42928.js.map +0 -1
  522. package/cjs/index-558d367a.js.map +0 -1
  523. package/cjs/index-7ab4005e.js.map +0 -1
  524. package/cjs/index-a52296d6.js.map +0 -1
  525. package/cjs/openChannelUtils-5a371d5c.js +0 -96
  526. package/cjs/openChannelUtils-5a371d5c.js.map +0 -1
  527. package/cjs/stringSet-9eadd9a2.js.map +0 -1
  528. package/index-4be14273.js.map +0 -1
  529. package/index-89cd6e36.js.map +0 -1
  530. package/index-c16ac1c8.js.map +0 -1
  531. package/openChannelUtils-fecc8bc0.js +0 -86
  532. package/openChannelUtils-fecc8bc0.js.map +0 -1
  533. package/stringSet-8662ec77.js.map +0 -1
package/cjs/App.js CHANGED
@@ -3,32 +3,33 @@
3
3
  var React = require('react');
4
4
  var PropTypes = require('prop-types');
5
5
  var SendbirdProvider = require('./SendbirdProvider.js');
6
+ var MediaQueryContext = require('./MediaQueryContext-623586af.js');
6
7
  var ChannelList = require('./ChannelList.js');
7
8
  var Channel = require('./Channel.js');
8
9
  var ChannelSettings = require('./ChannelSettings.js');
9
10
  var MessageSearch = require('./MessageSearch.js');
10
- require('./_rollupPluginBabelHelpers-93d42928.js');
11
+ var groupChannel = require('@sendbird/chat/groupChannel');
12
+ var useSendbirdStateContext = require('./useSendbirdStateContext.js');
13
+ var uuid = require('./uuid-e0efb18c.js');
14
+ require('./_rollupPluginBabelHelpers-c8ddc77e.js');
11
15
  require('./withSendbird.js');
12
16
  require('@sendbird/chat');
13
17
  require('@sendbird/chat/openChannel');
14
- require('@sendbird/chat/groupChannel');
15
- require('./actionTypes-6a04e98a.js');
16
- require('./index-558d367a.js');
17
- require('./tslib.es6-712ab026.js');
18
+ require('./actionTypes-8d79679a.js');
19
+ require('./index-f42aafcc.js');
20
+ require('./tslib.es6-ce6b9cf9.js');
18
21
  require('./utils/message/getOutgoingMessageState.js');
19
22
  require('css-vars-ponyfill');
20
- require('./uuid-4fb21145.js');
21
- require('./LocalizationContext-0349dfbd.js');
22
- require('./stringSet-9eadd9a2.js');
23
- require('./index-491f2403.js');
24
- require('./ChannelListProvider-5543db95.js');
25
- require('./topics-c4ffdf98.js');
26
- require('./utils-03670a4b.js');
27
- require('./UserProfileContext-d1596965.js');
28
- require('./useSendbirdStateContext.js');
23
+ require('./LocalizationContext-2a1cb44b.js');
24
+ require('./stringSet-b531455a.js');
25
+ require('./index-5ce5b5ef.js');
26
+ require('./ChannelListProvider-7ee975c5.js');
27
+ require('./topics-14e5ee9f.js');
28
+ require('./utils-54962329.js');
29
+ require('./UserProfileContext-157c5174.js');
29
30
  require('./ChannelList/components/ChannelListUI.js');
30
31
  require('./ChannelList/components/ChannelListHeader.js');
31
- require('./index-e59510d3.js');
32
+ require('./index-6c759d44.js');
32
33
  require('./ui/IconButton.js');
33
34
  require('./ui/Avatar.js');
34
35
  require('./ui/ImageRenderer.js');
@@ -36,12 +37,12 @@ require('./ui/Icon.js');
36
37
  require('./ChannelList/components/AddChannel.js');
37
38
  require('./CreateChannel.js');
38
39
  require('./CreateChannel/components/CreateChannelUI.js');
39
- require('./CreateChannelProvider-0a28a871.js');
40
+ require('./CreateChannelProvider-e368f771.js');
40
41
  require('./sendbirdSelectors.js');
41
42
  require('./CreateChannel/components/InviteUsers.js');
42
43
  require('./ui/Modal.js');
43
44
  require('react-dom');
44
- require('./index-200b85a3.js');
45
+ require('./index-f1ad3c0d.js');
45
46
  require('./ui/Button.js');
46
47
  require('./ui/UserListItem.js');
47
48
  require('./ui/MutedAvatarOverlay.js');
@@ -52,34 +53,35 @@ require('./ui/SortByRow.js');
52
53
  require('./CreateChannel/components/SelectChannelType.js');
53
54
  require('./ChannelList/components/ChannelPreview.js');
54
55
  require('./ui/ChannelAvatar.js');
55
- require('./utils-90917fdb.js');
56
+ require('./utils-d8b4def1.js');
56
57
  require('./ui/Badge.js');
57
- require('./index-e741ec2c.js');
58
- require('./index-c7bba14f.js');
59
- require('./index-09d50472.js');
58
+ require('./index-02154394.js');
59
+ require('./index-5513787c.js');
60
+ require('./index-7f18a16f.js');
60
61
  require('./ui/MentionUserLabel.js');
62
+ require('./ui/TextButton.js');
63
+ require('./color-fcbb3426.js');
61
64
  require('./Channel/components/TypingIndicator.js');
62
- require('./ChannelProvider-c9b390b7.js');
63
- require('./compareIds-20b6caa8.js');
64
- require('./const-0ce11db5.js');
65
+ require('./ChannelProvider-b28cd92d.js');
66
+ require('./compareIds-eb7c82dc.js');
67
+ require('./const-8b0c6ef1.js');
65
68
  require('@sendbird/chat/message');
66
69
  require('./ui/ReactionButton.js');
67
70
  require('./ui/MessageStatus.js');
68
71
  require('./ui/Loader.js');
72
+ require('./useLongPress-ca8f8cd9.js');
69
73
  require('./ChannelList/components/ChannelPreviewAction.js');
70
74
  require('./EditUserProfile.js');
71
- require('./index-7ab4005e.js');
75
+ require('./index-223b8a15.js');
72
76
  require('./ui/Input.js');
73
- require('./ui/TextButton.js');
74
- require('./color-8da1967d.js');
75
- require('./index-1ce4efa3.js');
77
+ require('./index-8d7bc2cf.js');
76
78
  require('./Channel/components/ChannelUI.js');
77
79
  require('./ui/ConnectionStatus.js');
78
80
  require('./Channel/components/ChannelHeader.js');
79
81
  require('./Channel/components/MessageList.js');
80
82
  require('./Channel/components/Message.js');
81
83
  require('./Channel/components/SuggestedMentionList.js');
82
- require('./const-ed017cc9.js');
84
+ require('./const-3ceaca5c.js');
83
85
  require('./ui/DateSeparator.js');
84
86
  require('./ui/MessageInput.js');
85
87
  require('react-dom/server');
@@ -100,6 +102,7 @@ require('./ui/ThumbnailMessageItemBody.js');
100
102
  require('./ui/OGMessageItemBody.js');
101
103
  require('./ui/UnknownMessageItemBody.js');
102
104
  require('./ui/QuoteMessage.js');
105
+ require('./ui/BottomSheet.js');
103
106
  require('./Channel/components/FileViewer.js');
104
107
  require('./Channel/components/RemoveMessageModal.js');
105
108
  require('./Channel/components/FrozenNotification.js');
@@ -113,9 +116,9 @@ require('./ChannelSettings/components/EditDetailsModal.js');
113
116
  require('./ChannelSettings/components/ModerationPanel.js');
114
117
  require('./ui/Accordion.js');
115
118
  require('./ui/AccordionGroup.js');
116
- require('./context-bd7de995.js');
119
+ require('./context-ca0ce6fa.js');
117
120
  require('./ChannelSettings/components/UserListItem.js');
118
- require('./MemberList-a95f8e7f.js');
121
+ require('./MemberList-ab7f22b9.js');
119
122
  require('./ChannelSettings/components/LeaveChannel.js');
120
123
  require('./ChannelSettings/components/UserPanel.js');
121
124
  require('./MessageSearch/components/MessageSearchUI.js');
@@ -128,6 +131,282 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
128
131
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
129
132
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
130
133
 
134
+ var DesktopLayout = function (props) {
135
+ var isReactionEnabled = props.isReactionEnabled,
136
+ replyType = props.replyType,
137
+ isMessageGroupingEnabled = props.isMessageGroupingEnabled,
138
+ allowProfileEdit = props.allowProfileEdit,
139
+ showSearchIcon = props.showSearchIcon,
140
+ onProfileEditSuccess = props.onProfileEditSuccess,
141
+ disableAutoSelect = props.disableAutoSelect,
142
+ currentChannelUrl = props.currentChannelUrl,
143
+ setCurrentChannelUrl = props.setCurrentChannelUrl,
144
+ showSettings = props.showSettings,
145
+ setShowSettings = props.setShowSettings,
146
+ showSearch = props.showSearch,
147
+ setShowSearch = props.setShowSearch,
148
+ highlightedMessage = props.highlightedMessage,
149
+ setHighlightedMessage = props.setHighlightedMessage,
150
+ startingPoint = props.startingPoint,
151
+ setStartingPoint = props.setStartingPoint;
152
+ return /*#__PURE__*/React__default["default"].createElement("div", {
153
+ className: "sendbird-app__wrap"
154
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
155
+ className: "sendbird-app__channellist-wrap"
156
+ }, /*#__PURE__*/React__default["default"].createElement(ChannelList, {
157
+ allowProfileEdit: allowProfileEdit,
158
+ onProfileEditSuccess: onProfileEditSuccess,
159
+ disableAutoSelect: disableAutoSelect,
160
+ onChannelSelect: function (channel) {
161
+ setStartingPoint(null);
162
+ setHighlightedMessage(null);
163
+
164
+ if (channel === null || channel === void 0 ? void 0 : channel.url) {
165
+ setCurrentChannelUrl(channel.url);
166
+ } else {
167
+ setCurrentChannelUrl('');
168
+ }
169
+ }
170
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
171
+ className: "\n ".concat(showSettings ? 'sendbird-app__conversation--settings-open' : '', "\n ").concat(showSearch ? 'sendbird-app__conversation--search-open' : '', "\n sendbird-app__conversation-wrap\n ")
172
+ }, /*#__PURE__*/React__default["default"].createElement(Channel, {
173
+ channelUrl: currentChannelUrl,
174
+ onChatHeaderActionClick: function () {
175
+ setShowSearch(false);
176
+ setShowSettings(!showSettings);
177
+ },
178
+ onSearchClick: function () {
179
+ setShowSettings(false);
180
+ setShowSearch(!showSearch);
181
+ },
182
+ showSearchIcon: showSearchIcon,
183
+ startingPoint: startingPoint,
184
+ highlightedMessage: highlightedMessage,
185
+ isReactionEnabled: isReactionEnabled,
186
+ replyType: replyType,
187
+ isMessageGroupingEnabled: isMessageGroupingEnabled
188
+ })), showSettings && /*#__PURE__*/React__default["default"].createElement("div", {
189
+ className: "sendbird-app__settingspanel-wrap"
190
+ }, /*#__PURE__*/React__default["default"].createElement(ChannelSettings, {
191
+ className: "sendbird-channel-settings",
192
+ channelUrl: currentChannelUrl,
193
+ onCloseClick: function () {
194
+ setShowSettings(false);
195
+ }
196
+ })), showSearch && /*#__PURE__*/React__default["default"].createElement("div", {
197
+ className: "sendbird-app__searchpanel-wrap"
198
+ }, /*#__PURE__*/React__default["default"].createElement(MessageSearch, {
199
+ channelUrl: currentChannelUrl,
200
+ onResultClick: function (message) {
201
+ if (message.messageId === highlightedMessage) {
202
+ setHighlightedMessage(null);
203
+ setTimeout(function () {
204
+ setHighlightedMessage(message.messageId);
205
+ });
206
+ } else {
207
+ setStartingPoint(message.createdAt);
208
+ setHighlightedMessage(message.messageId);
209
+ }
210
+ },
211
+ onCloseClick: function () {
212
+ setShowSearch(false);
213
+ }
214
+ })));
215
+ };
216
+
217
+ var PANELS;
218
+
219
+ (function (PANELS) {
220
+ PANELS["CHANNEL_LIST"] = "CHANNEL_LIST";
221
+ PANELS["CHANNEL"] = "CHANNEL";
222
+ PANELS["CHANNEL_SETTINGS"] = "CHANNEL_SETTINGS";
223
+ PANELS["MESSAGE_SEARCH"] = "MESSAGE_SEARCH";
224
+ })(PANELS || (PANELS = {}));
225
+
226
+ var MobileLayout = function (props) {
227
+ var _a, _b, _c;
228
+
229
+ var replyType = props.replyType,
230
+ isMessageGroupingEnabled = props.isMessageGroupingEnabled,
231
+ allowProfileEdit = props.allowProfileEdit,
232
+ isReactionEnabled = props.isReactionEnabled,
233
+ showSearchIcon = props.showSearchIcon,
234
+ onProfileEditSuccess = props.onProfileEditSuccess,
235
+ currentChannelUrl = props.currentChannelUrl,
236
+ setCurrentChannelUrl = props.setCurrentChannelUrl,
237
+ highlightedMessage = props.highlightedMessage,
238
+ setHighlightedMessage = props.setHighlightedMessage,
239
+ startingPoint = props.startingPoint,
240
+ setStartingPoint = props.setStartingPoint;
241
+
242
+ var _d = React.useState(PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST),
243
+ panel = _d[0],
244
+ setPanel = _d[1];
245
+
246
+ var store = useSendbirdStateContext();
247
+ var sdk = (_b = (_a = store === null || store === void 0 ? void 0 : store.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
248
+ var userId = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId;
249
+
250
+ var goToMessage = function (message) {
251
+ setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
252
+ setTimeout(function () {
253
+ setHighlightedMessage(message === null || message === void 0 ? void 0 : message.messageId);
254
+ });
255
+ };
256
+
257
+ React.useEffect(function () {
258
+ if (panel !== (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL)) {
259
+ goToMessage();
260
+ }
261
+ }, [panel]);
262
+ React.useEffect(function () {
263
+ var _a, _b;
264
+
265
+ var handlerId = uuid.uuidv4();
266
+
267
+ if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
268
+ var handler = new groupChannel.GroupChannelHandler({
269
+ onUserBanned: function (groupChannel, user) {
270
+ if (groupChannel.url === currentChannelUrl && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
271
+ setPanel(PANELS.CHANNEL_LIST);
272
+ }
273
+ },
274
+ onChannelDeleted: function (channelUrl) {
275
+ if (channelUrl === currentChannelUrl) {
276
+ setPanel(PANELS.CHANNEL_LIST);
277
+ }
278
+ },
279
+ onUserLeft: function (groupChannel, user) {
280
+ if (groupChannel.url === currentChannelUrl && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
281
+ setPanel(PANELS.CHANNEL_LIST);
282
+ }
283
+ }
284
+ });
285
+ (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(handlerId, handler);
286
+ }
287
+
288
+ return function () {
289
+ var _a, _b;
290
+
291
+ (_b = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) === null || _b === void 0 ? void 0 : _b.call(_a, handlerId);
292
+ };
293
+ }, [sdk]);
294
+ return /*#__PURE__*/React__default["default"].createElement("div", null, panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST) && /*#__PURE__*/React__default["default"].createElement("div", {
295
+ className: "sb_mobile__panelwrap"
296
+ }, /*#__PURE__*/React__default["default"].createElement(ChannelList, {
297
+ onProfileEditSuccess: onProfileEditSuccess,
298
+ onChannelSelect: function (channel) {
299
+ setCurrentChannelUrl(channel === null || channel === void 0 ? void 0 : channel.url);
300
+ setPanel(PANELS.CHANNEL);
301
+ },
302
+ allowProfileEdit: allowProfileEdit // this condition must be true for mobile
303
+ ,
304
+ disableAutoSelect: true
305
+ })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL) && /*#__PURE__*/React__default["default"].createElement("div", {
306
+ className: "sb_mobile__panelwrap"
307
+ }, /*#__PURE__*/React__default["default"].createElement(Channel, {
308
+ replyType: replyType,
309
+ channelUrl: currentChannelUrl,
310
+ onSearchClick: function () {
311
+ setPanel(PANELS.MESSAGE_SEARCH);
312
+ },
313
+ onBackClick: function () {
314
+ setPanel(PANELS.CHANNEL_LIST);
315
+ },
316
+ isReactionEnabled: isReactionEnabled,
317
+ showSearchIcon: showSearchIcon,
318
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
319
+ startingPoint: startingPoint,
320
+ highlightedMessage: highlightedMessage,
321
+ onChatHeaderActionClick: function () {
322
+ setPanel(PANELS.CHANNEL_SETTINGS);
323
+ }
324
+ })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_SETTINGS) && /*#__PURE__*/React__default["default"].createElement("div", {
325
+ className: "sb_mobile__panelwrap"
326
+ }, /*#__PURE__*/React__default["default"].createElement(ChannelSettings, {
327
+ channelUrl: currentChannelUrl,
328
+ onCloseClick: function () {
329
+ setPanel(PANELS.CHANNEL);
330
+ },
331
+ onLeaveChannel: function () {
332
+ setPanel(PANELS.CHANNEL_LIST);
333
+ }
334
+ })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.MESSAGE_SEARCH) && /*#__PURE__*/React__default["default"].createElement("div", {
335
+ className: "sb_mobile__panelwrap"
336
+ }, /*#__PURE__*/React__default["default"].createElement(MessageSearch, {
337
+ channelUrl: currentChannelUrl,
338
+ onCloseClick: function () {
339
+ setPanel(PANELS.CHANNEL);
340
+ },
341
+ onResultClick: function (message) {
342
+ setPanel(PANELS.CHANNEL);
343
+ goToMessage(message);
344
+ }
345
+ })));
346
+ };
347
+
348
+ var AppLayout = function (props) {
349
+ var isReactionEnabled = props.isReactionEnabled,
350
+ replyType = props.replyType,
351
+ isMessageGroupingEnabled = props.isMessageGroupingEnabled,
352
+ allowProfileEdit = props.allowProfileEdit,
353
+ showSearchIcon = props.showSearchIcon,
354
+ onProfileEditSuccess = props.onProfileEditSuccess,
355
+ disableAutoSelect = props.disableAutoSelect,
356
+ currentChannelUrl = props.currentChannelUrl,
357
+ setCurrentChannelUrl = props.setCurrentChannelUrl;
358
+
359
+ var _a = React.useState(false),
360
+ showSettings = _a[0],
361
+ setShowSettings = _a[1];
362
+
363
+ var _b = React.useState(false),
364
+ showSearch = _b[0],
365
+ setShowSearch = _b[1];
366
+
367
+ var _c = React.useState(null),
368
+ highlightedMessage = _c[0],
369
+ setHighlightedMessage = _c[1];
370
+
371
+ var _d = React.useState(null),
372
+ startingPoint = _d[0],
373
+ setStartingPoint = _d[1];
374
+
375
+ var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
376
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isMobile ? /*#__PURE__*/React__default["default"].createElement(MobileLayout, {
377
+ replyType: replyType,
378
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
379
+ allowProfileEdit: allowProfileEdit,
380
+ isReactionEnabled: isReactionEnabled,
381
+ showSearchIcon: showSearchIcon,
382
+ onProfileEditSuccess: onProfileEditSuccess,
383
+ currentChannelUrl: currentChannelUrl,
384
+ setCurrentChannelUrl: setCurrentChannelUrl,
385
+ highlightedMessage: highlightedMessage,
386
+ setHighlightedMessage: setHighlightedMessage,
387
+ startingPoint: startingPoint,
388
+ setStartingPoint: setStartingPoint
389
+ }) : /*#__PURE__*/React__default["default"].createElement(DesktopLayout, {
390
+ isReactionEnabled: isReactionEnabled,
391
+ replyType: replyType,
392
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
393
+ allowProfileEdit: allowProfileEdit,
394
+ showSearchIcon: showSearchIcon,
395
+ onProfileEditSuccess: onProfileEditSuccess,
396
+ disableAutoSelect: disableAutoSelect,
397
+ currentChannelUrl: currentChannelUrl,
398
+ setCurrentChannelUrl: setCurrentChannelUrl,
399
+ showSettings: showSettings,
400
+ setShowSettings: setShowSettings,
401
+ showSearch: showSearch,
402
+ setShowSearch: setShowSearch,
403
+ highlightedMessage: highlightedMessage,
404
+ setHighlightedMessage: setHighlightedMessage,
405
+ startingPoint: startingPoint,
406
+ setStartingPoint: setStartingPoint
407
+ }));
408
+ };
409
+
131
410
  /**
132
411
  * This is a drop in Chat solution
133
412
  * Can also be used as an example for creating
@@ -140,6 +419,7 @@ function App(props) {
140
419
  accessToken,
141
420
  customApiHost,
142
421
  customWebSocketHost,
422
+ mediaQueryBreakPoint,
143
423
  theme,
144
424
  userListQuery,
145
425
  nickname,
@@ -164,10 +444,6 @@ function App(props) {
164
444
  isMessageReceiptStatusEnabledOnChannelList
165
445
  } = props;
166
446
  const [currentChannelUrl, setCurrentChannelUrl] = React.useState(null);
167
- const [showSettings, setShowSettings] = React.useState(false);
168
- const [showSearch, setShowSearch] = React.useState(false);
169
- const [highlightedMessage, setHighlightedMessage] = React.useState(null);
170
- const [startingPoint, setStartingPoint] = React.useState(null);
171
447
  return /*#__PURE__*/React__default["default"].createElement(SendbirdProvider, {
172
448
  stringSet: stringSet,
173
449
  appId: appId,
@@ -175,6 +451,7 @@ function App(props) {
175
451
  accessToken: accessToken,
176
452
  customApiHost: customApiHost,
177
453
  customWebSocketHost: customWebSocketHost,
454
+ mediaQueryBreakPoint: mediaQueryBreakPoint,
178
455
  theme: theme,
179
456
  nickname: nickname,
180
457
  profileUrl: profileUrl,
@@ -188,75 +465,22 @@ function App(props) {
188
465
  imageCompression: imageCompression,
189
466
  isReactionEnabled: isReactionEnabled,
190
467
  isMentionEnabled: isMentionEnabled,
468
+ onUserProfileMessage: channel => {
469
+ setCurrentChannelUrl(channel === null || channel === void 0 ? void 0 : channel.url);
470
+ },
191
471
  isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList,
192
472
  isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList
193
- }, /*#__PURE__*/React__default["default"].createElement("div", {
194
- className: "sendbird-app__wrap"
195
- }, /*#__PURE__*/React__default["default"].createElement("div", {
196
- className: "sendbird-app__channellist-wrap"
197
- }, /*#__PURE__*/React__default["default"].createElement(ChannelList, {
198
- allowProfileEdit: allowProfileEdit,
199
- onProfileEditSuccess: onProfileEditSuccess,
200
- disableAutoSelect: disableAutoSelect,
201
- onChannelSelect: channel => {
202
- setStartingPoint(null);
203
- setHighlightedMessage(null);
204
-
205
- if (channel !== null && channel !== void 0 && channel.url) {
206
- setCurrentChannelUrl(channel.url);
207
- } else {
208
- setCurrentChannelUrl('');
209
- }
210
- }
211
- })), /*#__PURE__*/React__default["default"].createElement("div", {
212
- className: `
213
- ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}
214
- ${showSearch ? 'sendbird-app__conversation--search-open' : ''}
215
- sendbird-app__conversation-wrap
216
- `
217
- }, /*#__PURE__*/React__default["default"].createElement(Channel, {
218
- channelUrl: currentChannelUrl,
219
- onChatHeaderActionClick: () => {
220
- setShowSearch(false);
221
- setShowSettings(!showSettings);
222
- },
223
- onSearchClick: () => {
224
- setShowSettings(false);
225
- setShowSearch(!showSearch);
226
- },
227
- showSearchIcon: showSearchIcon,
228
- startingPoint: startingPoint,
229
- highlightedMessage: highlightedMessage,
473
+ }, /*#__PURE__*/React__default["default"].createElement(AppLayout, {
474
+ currentChannelUrl: currentChannelUrl,
475
+ setCurrentChannelUrl: setCurrentChannelUrl,
230
476
  isReactionEnabled: isReactionEnabled,
231
477
  replyType: replyType,
232
- isMessageGroupingEnabled: isMessageGroupingEnabled
233
- })), showSettings && /*#__PURE__*/React__default["default"].createElement("div", {
234
- className: "sendbird-app__settingspanel-wrap"
235
- }, /*#__PURE__*/React__default["default"].createElement(ChannelSettings, {
236
- className: "sendbird-channel-settings",
237
- channelUrl: currentChannelUrl,
238
- onCloseClick: () => {
239
- setShowSettings(false);
240
- }
241
- })), showSearch && /*#__PURE__*/React__default["default"].createElement("div", {
242
- className: "sendbird-app__searchpanel-wrap"
243
- }, /*#__PURE__*/React__default["default"].createElement(MessageSearch, {
244
- channelUrl: currentChannelUrl,
245
- onResultClick: message => {
246
- if (message.messageId === highlightedMessage) {
247
- setHighlightedMessage(null);
248
- setTimeout(() => {
249
- setHighlightedMessage(message.messageId);
250
- });
251
- } else {
252
- setStartingPoint(message.createdAt);
253
- setHighlightedMessage(message.messageId);
254
- }
255
- },
256
- onCloseClick: () => {
257
- setShowSearch(false);
258
- }
259
- }))));
478
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
479
+ allowProfileEdit: allowProfileEdit,
480
+ showSearchIcon: showSearchIcon,
481
+ onProfileEditSuccess: onProfileEditSuccess,
482
+ disableAutoSelect: disableAutoSelect
483
+ }));
260
484
  }
261
485
  App.propTypes = {
262
486
  appId: PropTypes__default["default"].string.isRequired,
@@ -268,6 +492,7 @@ App.propTypes = {
268
492
  userListQuery: PropTypes__default["default"].func,
269
493
  nickname: PropTypes__default["default"].string,
270
494
  profileUrl: PropTypes__default["default"].string,
495
+ mediaQueryBreakPoint: PropTypes__default["default"].string,
271
496
  allowProfileEdit: PropTypes__default["default"].bool,
272
497
  disableUserProfile: PropTypes__default["default"].bool,
273
498
  disableMarkAsDelivered: PropTypes__default["default"].bool,
@@ -303,6 +528,7 @@ App.defaultProps = {
303
528
  nickname: '',
304
529
  profileUrl: '',
305
530
  userListQuery: null,
531
+ mediaQueryBreakPoint: null,
306
532
  dateLocale: null,
307
533
  allowProfileEdit: false,
308
534
  onProfileEditSuccess: null,
package/cjs/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sources":["../../src/smart-components/App/index.jsx"],"sourcesContent":["/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\n\nimport './index.scss';\n\nexport default function App(props) {\n const {\n appId,\n userId,\n accessToken,\n customApiHost,\n customWebSocketHost,\n theme,\n userListQuery,\n nickname,\n profileUrl,\n dateLocale,\n config = {},\n isReactionEnabled,\n isMentionEnabled,\n replyType,\n isMessageGroupingEnabled,\n colorSet,\n stringSet,\n allowProfileEdit,\n disableUserProfile,\n disableMarkAsDelivered,\n renderUserProfile,\n showSearchIcon,\n onProfileEditSuccess,\n imageCompression,\n disableAutoSelect,\n isTypingIndicatorEnabledOnChannelList,\n isMessageReceiptStatusEnabledOnChannelList,\n } = props;\n const [currentChannelUrl, setCurrentChannelUrl] = useState(null);\n const [showSettings, setShowSettings] = useState(false);\n const [showSearch, setShowSearch] = useState(false);\n const [highlightedMessage, setHighlightedMessage] = useState(null);\n const [startingPoint, setStartingPoint] = useState(null);\n\n return (\n <Sendbird\n stringSet={stringSet}\n appId={appId}\n userId={userId}\n accessToken={accessToken}\n customApiHost={customApiHost}\n customWebSocketHost={customWebSocketHost}\n theme={theme}\n nickname={nickname}\n profileUrl={profileUrl}\n dateLocale={dateLocale}\n userListQuery={userListQuery}\n config={config}\n colorSet={colorSet}\n disableUserProfile={disableUserProfile}\n disableMarkAsDelivered={disableMarkAsDelivered}\n renderUserProfile={renderUserProfile}\n imageCompression={imageCompression}\n isReactionEnabled={isReactionEnabled}\n isMentionEnabled={isMentionEnabled}\n isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\n >\n <div className=\"sendbird-app__wrap\">\n <div className=\"sendbird-app__channellist-wrap\">\n <ChannelList\n allowProfileEdit={allowProfileEdit}\n onProfileEditSuccess={onProfileEditSuccess}\n disableAutoSelect={disableAutoSelect}\n onChannelSelect={(channel) => {\n setStartingPoint(null);\n setHighlightedMessage(null);\n if (channel?.url) {\n setCurrentChannelUrl(channel.url);\n } else {\n setCurrentChannelUrl('');\n }\n }}\n />\n </div>\n <div\n className={`\n ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n sendbird-app__conversation-wrap\n `}\n >\n <Channel\n channelUrl={currentChannelUrl}\n onChatHeaderActionClick={() => {\n setShowSearch(false);\n setShowSettings(!showSettings);\n }}\n onSearchClick={() => {\n setShowSettings(false);\n setShowSearch(!showSearch);\n }}\n showSearchIcon={showSearchIcon}\n startingPoint={startingPoint}\n highlightedMessage={highlightedMessage}\n isReactionEnabled={isReactionEnabled}\n replyType={replyType}\n isMessageGroupingEnabled={isMessageGroupingEnabled}\n />\n </div>\n {showSettings && (\n <div className=\"sendbird-app__settingspanel-wrap\">\n <ChannelSettings\n className=\"sendbird-channel-settings\"\n channelUrl={currentChannelUrl}\n onCloseClick={() => {\n setShowSettings(false);\n }}\n />\n </div>\n )}\n {showSearch && (\n <div className=\"sendbird-app__searchpanel-wrap\">\n <MessageSearchPannel\n channelUrl={currentChannelUrl}\n onResultClick={(message) => {\n if (message.messageId === highlightedMessage) {\n setHighlightedMessage(null);\n setTimeout(() => {\n setHighlightedMessage(message.messageId);\n });\n } else {\n setStartingPoint(message.createdAt);\n setHighlightedMessage(message.messageId);\n }\n }}\n onCloseClick={() => {\n setShowSearch(false);\n }}\n />\n </div>\n )}\n </div>\n </Sendbird>\n );\n}\n\nApp.propTypes = {\n appId: PropTypes.string.isRequired,\n userId: PropTypes.string.isRequired,\n accessToken: PropTypes.string,\n customApiHost: PropTypes.string,\n customWebSocketHost: PropTypes.string,\n theme: PropTypes.string,\n userListQuery: PropTypes.func,\n nickname: PropTypes.string,\n profileUrl: PropTypes.string,\n allowProfileEdit: PropTypes.bool,\n disableUserProfile: PropTypes.bool,\n disableMarkAsDelivered: PropTypes.bool,\n renderUserProfile: PropTypes.func,\n onProfileEditSuccess: PropTypes.func,\n dateLocale: PropTypes.shape({}),\n config: PropTypes.shape({\n // None Error Warning Info 'All/Debug'\n logLevel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n isREMUnitEnabled: PropTypes.bool,\n }),\n isReactionEnabled: PropTypes.bool,\n replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n showSearchIcon: PropTypes.bool,\n isMessageGroupingEnabled: PropTypes.bool,\n stringSet: PropTypes.objectOf(PropTypes.string),\n colorSet: PropTypes.objectOf(PropTypes.string),\n imageCompression: PropTypes.shape({\n compressionRate: PropTypes.number,\n resizingWidth: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n resizingHeight: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n }),\n disableAutoSelect: PropTypes.bool,\n isMentionEnabled: PropTypes.bool,\n isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n accessToken: '',\n customApiHost: '',\n customWebSocketHost: '',\n theme: 'light',\n nickname: '',\n profileUrl: '',\n userListQuery: null,\n dateLocale: null,\n allowProfileEdit: false,\n onProfileEditSuccess: null,\n disableUserProfile: false,\n disableMarkAsDelivered: false,\n showSearchIcon: false,\n renderUserProfile: null,\n config: {},\n isReactionEnabled: true,\n isMentionEnabled: false,\n replyType: 'NONE',\n isMessageGroupingEnabled: true,\n stringSet: null,\n colorSet: null,\n imageCompression: {},\n disableAutoSelect: false,\n isTypingIndicatorEnabledOnChannelList: false,\n isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["App","props","appId","userId","accessToken","customApiHost","customWebSocketHost","theme","userListQuery","nickname","profileUrl","dateLocale","config","isReactionEnabled","isMentionEnabled","replyType","isMessageGroupingEnabled","colorSet","stringSet","allowProfileEdit","disableUserProfile","disableMarkAsDelivered","renderUserProfile","showSearchIcon","onProfileEditSuccess","imageCompression","disableAutoSelect","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","currentChannelUrl","setCurrentChannelUrl","useState","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","React","Sendbird","channel","url","MessageSearchPannel","message","messageId","setTimeout","createdAt","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}
1
+ {"version":3,"file":"App.js","sources":["../../src/smart-components/App/DesktopLayout.tsx","../../src/smart-components/App/MobileLayout.tsx","../../src/smart-components/App/AppLayout.tsx","../../src/smart-components/App/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport type { DesktopLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\n\nexport const DesktopLayout: React.FC<DesktopLayoutProps> = (\n props: DesktopLayoutProps,\n) => {\n const {\n isReactionEnabled,\n replyType,\n isMessageGroupingEnabled,\n allowProfileEdit,\n showSearchIcon,\n onProfileEditSuccess,\n disableAutoSelect,\n currentChannelUrl,\n setCurrentChannelUrl,\n showSettings,\n setShowSettings,\n showSearch,\n setShowSearch,\n highlightedMessage,\n setHighlightedMessage,\n startingPoint,\n setStartingPoint,\n } = props;\n return (\n <div className=\"sendbird-app__wrap\">\n <div className=\"sendbird-app__channellist-wrap\">\n <ChannelList\n allowProfileEdit={allowProfileEdit}\n onProfileEditSuccess={onProfileEditSuccess}\n disableAutoSelect={disableAutoSelect}\n onChannelSelect={(channel) => {\n setStartingPoint(null);\n setHighlightedMessage(null);\n if (channel?.url) {\n setCurrentChannelUrl(channel.url);\n } else {\n setCurrentChannelUrl('');\n }\n }}\n />\n </div>\n <div\n className={`\n ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n sendbird-app__conversation-wrap\n `}\n >\n <Channel\n channelUrl={currentChannelUrl}\n onChatHeaderActionClick={() => {\n setShowSearch(false);\n setShowSettings(!showSettings);\n }}\n onSearchClick={() => {\n setShowSettings(false);\n setShowSearch(!showSearch);\n }}\n showSearchIcon={showSearchIcon}\n startingPoint={startingPoint}\n highlightedMessage={highlightedMessage}\n isReactionEnabled={isReactionEnabled}\n replyType={replyType}\n isMessageGroupingEnabled={isMessageGroupingEnabled}\n />\n </div>\n {showSettings && (\n <div className=\"sendbird-app__settingspanel-wrap\">\n <ChannelSettings\n className=\"sendbird-channel-settings\"\n channelUrl={currentChannelUrl}\n onCloseClick={() => {\n setShowSettings(false);\n }}\n />\n </div>\n )}\n {showSearch && (\n <div className=\"sendbird-app__searchpanel-wrap\">\n <MessageSearchPannel\n channelUrl={currentChannelUrl}\n onResultClick={(message) => {\n if (message.messageId === highlightedMessage) {\n setHighlightedMessage(null);\n setTimeout(() => {\n setHighlightedMessage(message.messageId);\n });\n } else {\n setStartingPoint(message.createdAt);\n setHighlightedMessage(message.messageId);\n }\n }}\n onCloseClick={() => {\n setShowSearch(false);\n }}\n />\n </div>\n )}\n </div>\n )\n};\n","import './mobile.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { GroupChannelHandler } from '@sendbird/chat/groupChannel';\n\nimport type { MobileLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearch from '../MessageSearch';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport uuidv4 from '../../utils/uuid';\n\nenum PANELS {\n CHANNEL_LIST = 'CHANNEL_LIST',\n CHANNEL = 'CHANNEL',\n CHANNEL_SETTINGS = 'CHANNEL_SETTINGS',\n MESSAGE_SEARCH = 'MESSAGE_SEARCH',\n}\n\nexport const MobileLayout: React.FC<MobileLayoutProps> = (\n props: MobileLayoutProps,\n) => {\n const {\n replyType,\n isMessageGroupingEnabled,\n allowProfileEdit,\n isReactionEnabled,\n showSearchIcon,\n onProfileEditSuccess,\n currentChannelUrl,\n setCurrentChannelUrl,\n highlightedMessage,\n setHighlightedMessage,\n startingPoint,\n setStartingPoint,\n } = props;\n const [panel, setPanel] = useState(PANELS?.CHANNEL_LIST);\n\n const store = useSendbirdStateContext();\n const sdk = store?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n const userId = store?.config?.userId;\n\n const goToMessage = (message?: BaseMessage | null) => {\n setStartingPoint(message?.createdAt);\n setTimeout(() => {\n setHighlightedMessage(message?.messageId);\n });\n };\n\n useEffect(() => {\n if (panel !== PANELS?.CHANNEL) {\n goToMessage();\n }\n }, [panel]);\n\n useEffect(() => {\n const handlerId = uuidv4();\n if (sdk?.groupChannel?.addGroupChannelHandler) {\n const handler = new GroupChannelHandler({\n onUserBanned: (groupChannel, user) => {\n if (groupChannel.url === currentChannelUrl && user?.userId === userId) {\n setPanel(PANELS.CHANNEL_LIST);\n }\n },\n onChannelDeleted: (channelUrl) => {\n if (channelUrl === currentChannelUrl) {\n setPanel(PANELS.CHANNEL_LIST);\n }\n },\n onUserLeft: (groupChannel, user) => {\n if (groupChannel.url === currentChannelUrl && user?.userId === userId) {\n setPanel(PANELS.CHANNEL_LIST);\n }\n },\n });\n sdk?.groupChannel?.addGroupChannelHandler(handlerId, handler)\n }\n return () => {\n sdk?.groupChannel?.removeGroupChannelHandler?.(handlerId);\n }\n }, [sdk]);\n\n return (\n <div>\n {\n panel === PANELS?.CHANNEL_LIST && (\n <div className='sb_mobile__panelwrap'>\n <ChannelList\n onProfileEditSuccess={onProfileEditSuccess}\n onChannelSelect={(channel) => {\n setCurrentChannelUrl(channel?.url);\n setPanel(PANELS.CHANNEL);\n }}\n allowProfileEdit={allowProfileEdit}\n // this condition must be true for mobile\n disableAutoSelect\n />\n </div>\n )\n }\n {\n panel === PANELS?.CHANNEL && (\n <div className='sb_mobile__panelwrap'>\n <Channel\n replyType={replyType}\n channelUrl={currentChannelUrl}\n onSearchClick={() => {\n setPanel(PANELS.MESSAGE_SEARCH);\n }}\n onBackClick={() => {\n setPanel(PANELS.CHANNEL_LIST);\n }}\n isReactionEnabled={isReactionEnabled}\n showSearchIcon={showSearchIcon}\n isMessageGroupingEnabled={isMessageGroupingEnabled}\n startingPoint={startingPoint}\n highlightedMessage={highlightedMessage}\n onChatHeaderActionClick={() => {\n setPanel(PANELS.CHANNEL_SETTINGS);\n }}\n />\n </div>\n )\n }\n {\n panel === PANELS?.CHANNEL_SETTINGS && (\n <div className='sb_mobile__panelwrap'>\n <ChannelSettings\n channelUrl={currentChannelUrl}\n onCloseClick={() => {\n setPanel(PANELS.CHANNEL);\n }}\n onLeaveChannel={() => {\n setPanel(PANELS.CHANNEL_LIST);\n }}\n />\n </div>\n )\n }\n {\n panel === PANELS?.MESSAGE_SEARCH && (\n <div className='sb_mobile__panelwrap'>\n <MessageSearch\n channelUrl={currentChannelUrl}\n onCloseClick={() => {\n setPanel(PANELS.CHANNEL);\n }}\n onResultClick={(message) => {\n setPanel(PANELS.CHANNEL);\n goToMessage(message);\n }}\n />\n </div>\n )\n }\n </div>\n );\n};\n","import React, { useState } from 'react';\n\nimport type { AppLayoutProps } from './types';\n\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\nimport { DesktopLayout } from './DesktopLayout';\nimport { MobileLayout } from './MobileLayout';\n\nexport const AppLayout: React.FC<AppLayoutProps> = (\n props: AppLayoutProps,\n) => {\n const {\n isReactionEnabled,\n replyType,\n isMessageGroupingEnabled,\n allowProfileEdit,\n showSearchIcon,\n onProfileEditSuccess,\n disableAutoSelect,\n currentChannelUrl,\n setCurrentChannelUrl,\n } = props;\n const [showSettings, setShowSettings] = useState(false);\n const [showSearch, setShowSearch] = useState(false);\n const [highlightedMessage, setHighlightedMessage] = useState<number>(null);\n const [startingPoint, setStartingPoint] = useState<number>(null);\n const { isMobile } = useMediaQueryContext();\n return (\n <>\n {\n isMobile\n ? (\n <MobileLayout\n replyType={replyType}\n isMessageGroupingEnabled={isMessageGroupingEnabled}\n allowProfileEdit={allowProfileEdit}\n isReactionEnabled={isReactionEnabled}\n showSearchIcon={showSearchIcon}\n onProfileEditSuccess={onProfileEditSuccess}\n currentChannelUrl={currentChannelUrl}\n setCurrentChannelUrl={setCurrentChannelUrl}\n highlightedMessage={highlightedMessage}\n setHighlightedMessage={setHighlightedMessage}\n startingPoint={startingPoint}\n setStartingPoint={setStartingPoint}\n />\n )\n : (\n <DesktopLayout\n isReactionEnabled={isReactionEnabled}\n replyType={replyType}\n isMessageGroupingEnabled={isMessageGroupingEnabled}\n allowProfileEdit={allowProfileEdit}\n showSearchIcon={showSearchIcon}\n onProfileEditSuccess={onProfileEditSuccess}\n disableAutoSelect={disableAutoSelect}\n currentChannelUrl={currentChannelUrl}\n setCurrentChannelUrl={setCurrentChannelUrl}\n showSettings={showSettings}\n setShowSettings={setShowSettings}\n showSearch={showSearch}\n setShowSearch={setShowSearch}\n highlightedMessage={highlightedMessage}\n setHighlightedMessage={setHighlightedMessage}\n startingPoint={startingPoint}\n setStartingPoint={setStartingPoint}\n />\n )\n }\n </>\n )\n}\n","/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport { AppLayout } from './AppLayout';\n\nimport './index.scss';\n\nexport default function App(props) {\n const {\n appId,\n userId,\n accessToken,\n customApiHost,\n customWebSocketHost,\n mediaQueryBreakPoint,\n theme,\n userListQuery,\n nickname,\n profileUrl,\n dateLocale,\n config = {},\n isReactionEnabled,\n isMentionEnabled,\n replyType,\n isMessageGroupingEnabled,\n colorSet,\n stringSet,\n allowProfileEdit,\n disableUserProfile,\n disableMarkAsDelivered,\n renderUserProfile,\n showSearchIcon,\n onProfileEditSuccess,\n imageCompression,\n disableAutoSelect,\n isTypingIndicatorEnabledOnChannelList,\n isMessageReceiptStatusEnabledOnChannelList,\n } = props;\n const [currentChannelUrl, setCurrentChannelUrl] = useState(null);\n return (\n <Sendbird\n stringSet={stringSet}\n appId={appId}\n userId={userId}\n accessToken={accessToken}\n customApiHost={customApiHost}\n customWebSocketHost={customWebSocketHost}\n mediaQueryBreakPoint={mediaQueryBreakPoint}\n theme={theme}\n nickname={nickname}\n profileUrl={profileUrl}\n dateLocale={dateLocale}\n userListQuery={userListQuery}\n config={config}\n colorSet={colorSet}\n disableUserProfile={disableUserProfile}\n disableMarkAsDelivered={disableMarkAsDelivered}\n renderUserProfile={renderUserProfile}\n imageCompression={imageCompression}\n isReactionEnabled={isReactionEnabled}\n isMentionEnabled={isMentionEnabled}\n onUserProfileMessage={(channel) => {\n setCurrentChannelUrl(channel?.url);\n }}\n isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\n >\n <AppLayout\n currentChannelUrl={currentChannelUrl}\n setCurrentChannelUrl={setCurrentChannelUrl}\n isReactionEnabled={isReactionEnabled}\n replyType={replyType}\n isMessageGroupingEnabled={isMessageGroupingEnabled}\n allowProfileEdit={allowProfileEdit}\n showSearchIcon={showSearchIcon}\n onProfileEditSuccess={onProfileEditSuccess}\n disableAutoSelect={disableAutoSelect}\n />\n </Sendbird>\n );\n}\n\nApp.propTypes = {\n appId: PropTypes.string.isRequired,\n userId: PropTypes.string.isRequired,\n accessToken: PropTypes.string,\n customApiHost: PropTypes.string,\n customWebSocketHost: PropTypes.string,\n theme: PropTypes.string,\n userListQuery: PropTypes.func,\n nickname: PropTypes.string,\n profileUrl: PropTypes.string,\n mediaQueryBreakPoint: PropTypes.string,\n allowProfileEdit: PropTypes.bool,\n disableUserProfile: PropTypes.bool,\n disableMarkAsDelivered: PropTypes.bool,\n renderUserProfile: PropTypes.func,\n onProfileEditSuccess: PropTypes.func,\n dateLocale: PropTypes.shape({}),\n config: PropTypes.shape({\n // None Error Warning Info 'All/Debug'\n logLevel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n isREMUnitEnabled: PropTypes.bool,\n }),\n isReactionEnabled: PropTypes.bool,\n replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n showSearchIcon: PropTypes.bool,\n isMessageGroupingEnabled: PropTypes.bool,\n stringSet: PropTypes.objectOf(PropTypes.string),\n colorSet: PropTypes.objectOf(PropTypes.string),\n imageCompression: PropTypes.shape({\n compressionRate: PropTypes.number,\n resizingWidth: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n resizingHeight: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n }),\n disableAutoSelect: PropTypes.bool,\n isMentionEnabled: PropTypes.bool,\n isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n accessToken: '',\n customApiHost: '',\n customWebSocketHost: '',\n theme: 'light',\n nickname: '',\n profileUrl: '',\n userListQuery: null,\n mediaQueryBreakPoint: null,\n dateLocale: null,\n allowProfileEdit: false,\n onProfileEditSuccess: null,\n disableUserProfile: false,\n disableMarkAsDelivered: false,\n showSearchIcon: false,\n renderUserProfile: null,\n config: {},\n isReactionEnabled: true,\n isMentionEnabled: false,\n replyType: 'NONE',\n isMessageGroupingEnabled: true,\n stringSet: null,\n colorSet: null,\n imageCompression: {},\n disableAutoSelect: false,\n isTypingIndicatorEnabledOnChannelList: false,\n isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["DesktopLayout","props","isReactionEnabled","replyType","isMessageGroupingEnabled","allowProfileEdit","showSearchIcon","onProfileEditSuccess","disableAutoSelect","currentChannelUrl","setCurrentChannelUrl","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","React","channel","url","concat","MessageSearchPannel","message","messageId","setTimeout","createdAt","PANELS","MobileLayout","_d","useState","CHANNEL_LIST","panel","setPanel","store","useSendbirdStateContext","sdk","_b","_a","stores","sdkStore","userId","_c","config","goToMessage","useEffect","CHANNEL","handlerId","uuidv4","groupChannel","addGroupChannelHandler","handler","GroupChannelHandler","onUserBanned","user","onChannelDeleted","channelUrl","onUserLeft","removeGroupChannelHandler","call","MESSAGE_SEARCH","CHANNEL_SETTINGS","AppLayout","isMobile","useMediaQueryContext","App","appId","accessToken","customApiHost","customWebSocketHost","mediaQueryBreakPoint","theme","userListQuery","nickname","profileUrl","dateLocale","isMentionEnabled","colorSet","stringSet","disableUserProfile","disableMarkAsDelivered","renderUserProfile","imageCompression","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","Sendbird","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}