@sendbird/uikit-react 3.2.4 → 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 +16 -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-c6fbc45c.js → ChannelListProvider-cef1f985.js} +33 -11
  36. package/ChannelListProvider-cef1f985.js.map +1 -0
  37. package/{ChannelProvider-00f1bb31.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-c0d11b0b.js → CreateChannelProvider-2b5b2952.js} +1 -1
  66. package/{CreateChannelProvider-c0d11b0b.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-b6ff0c3d.js → LocalizationContext-2bd4bbe8.js} +3 -3
  77. package/{LocalizationContext-b6ff0c3d.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-07e7c82a.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-956b2f42.js → OpenChannelListProvider-13648dc9.js} +3 -3
  105. package/{OpenChannelListProvider-956b2f42.js.map → OpenChannelListProvider-13648dc9.js.map} +1 -1
  106. package/{OpenChannelProvider-e7b44f68.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-9f99563d.js → UserProfileContext-0d8287d0.js} +8 -4
  124. package/UserProfileContext-0d8287d0.js.map +1 -0
  125. package/{_rollupPluginBabelHelpers-dea8a6c9.js → _rollupPluginBabelHelpers-fa4874e9.js} +19 -2
  126. package/_rollupPluginBabelHelpers-fa4874e9.js.map +1 -0
  127. package/{actionTypes-7203a821.js → actionTypes-36657780.js} +1 -1
  128. package/{actionTypes-7203a821.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-1d42a73f.js → ChannelListProvider-7ee975c5.js} +33 -11
  163. package/cjs/ChannelListProvider-7ee975c5.js.map +1 -0
  164. package/cjs/{ChannelProvider-7b5ac56e.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-a23a11b3.js → CreateChannelProvider-e368f771.js} +1 -1
  193. package/cjs/{CreateChannelProvider-a23a11b3.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-5447c898.js → LocalizationContext-2a1cb44b.js} +3 -3
  204. package/cjs/{LocalizationContext-5447c898.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-745e3d9e.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-8f2a88c2.js → OpenChannelListProvider-ee1df405.js} +3 -3
  232. package/cjs/{OpenChannelListProvider-8f2a88c2.js.map → OpenChannelListProvider-ee1df405.js.map} +1 -1
  233. package/cjs/{OpenChannelProvider-447d5b53.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-2201df8d.js → UserProfileContext-157c5174.js} +8 -4
  251. package/cjs/UserProfileContext-157c5174.js.map +1 -0
  252. package/cjs/{_rollupPluginBabelHelpers-cb661818.js → _rollupPluginBabelHelpers-c8ddc77e.js} +19 -1
  253. package/cjs/_rollupPluginBabelHelpers-c8ddc77e.js.map +1 -0
  254. package/cjs/{actionTypes-0521e719.js → actionTypes-8d79679a.js} +1 -1
  255. package/cjs/{actionTypes-0521e719.js.map → actionTypes-8d79679a.js.map} +1 -1
  256. package/cjs/{color-50f674f3.js → color-fcbb3426.js} +1 -1
  257. package/cjs/{color-50f674f3.js.map → color-fcbb3426.js.map} +1 -1
  258. package/cjs/{compareIds-d0e5da82.js → compareIds-eb7c82dc.js} +1 -1
  259. package/cjs/{compareIds-d0e5da82.js.map → compareIds-eb7c82dc.js.map} +1 -1
  260. package/cjs/{const-12075c2d.js → const-3ceaca5c.js} +1 -1
  261. package/cjs/{const-12075c2d.js.map → const-3ceaca5c.js.map} +1 -1
  262. package/cjs/{const-093eff13.js → const-8b0c6ef1.js} +1 -1
  263. package/cjs/{const-093eff13.js.map → const-8b0c6ef1.js.map} +1 -1
  264. package/cjs/{context-a452ae97.js → context-ca0ce6fa.js} +2 -2
  265. package/cjs/{context-a452ae97.js.map → context-ca0ce6fa.js.map} +1 -1
  266. package/cjs/dist/index.css +627 -300
  267. package/cjs/dist/index.css.map +1 -1
  268. package/cjs/{index-bdac4741.js → index-02154394.js} +4 -4
  269. package/cjs/{index-bdac4741.js.map → index-02154394.js.map} +1 -1
  270. package/cjs/{index-d3706b9e.js → index-06c0cb5d.js} +9 -8
  271. package/cjs/index-06c0cb5d.js.map +1 -0
  272. package/cjs/{index-61180888.js → index-223b8a15.js} +6 -5
  273. package/cjs/index-223b8a15.js.map +1 -0
  274. package/cjs/{index-a9f8c4d4.js → index-5513787c.js} +2 -2
  275. package/cjs/{index-a9f8c4d4.js.map → index-5513787c.js.map} +1 -1
  276. package/cjs/{index-63513959.js → index-5ce5b5ef.js} +1 -1
  277. package/cjs/{index-63513959.js.map → index-5ce5b5ef.js.map} +1 -1
  278. package/cjs/{index-ec6e34c8.js → index-6c759d44.js} +2 -2
  279. package/cjs/{index-ec6e34c8.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-f7729b70.js → index-7f18a16f.js} +2 -2
  283. package/cjs/{index-f7729b70.js.map → index-7f18a16f.js.map} +1 -1
  284. package/cjs/{index-259776b5.js → index-8d7bc2cf.js} +4 -4
  285. package/cjs/{index-259776b5.js.map → index-8d7bc2cf.js.map} +1 -1
  286. package/cjs/{index-8320b791.js → index-f1ad3c0d.js} +1 -1
  287. package/cjs/{index-8320b791.js.map → index-f1ad3c0d.js.map} +1 -1
  288. package/cjs/{index-1e4f968c.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-7509e1fb.js → stringSet-b531455a.js} +4 -1
  294. package/cjs/stringSet-b531455a.js.map +1 -0
  295. package/cjs/{topics-ae5e326d.js → topics-14e5ee9f.js} +1 -1
  296. package/cjs/{topics-ae5e326d.js.map → topics-14e5ee9f.js.map} +1 -1
  297. package/cjs/{tslib.es6-062eb722.js → tslib.es6-ce6b9cf9.js} +1 -1
  298. package/cjs/{tslib.es6-062eb722.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-079403ab.js → utils-54962329.js} +1 -1
  374. package/cjs/{utils-079403ab.js.map → utils-54962329.js.map} +1 -1
  375. package/cjs/{utils-7e01ad5d.js → utils-b076caa2.js} +1 -1
  376. package/cjs/{utils-7e01ad5d.js.map → utils-b076caa2.js.map} +1 -1
  377. package/cjs/{utils-d512a340.js → utils-d8b4def1.js} +1 -1
  378. package/cjs/{utils-d512a340.js.map → utils-d8b4def1.js.map} +1 -1
  379. package/cjs/{uuid-5f2be0dc.js → uuid-e0efb18c.js} +1 -1
  380. package/cjs/{uuid-5f2be0dc.js.map → uuid-e0efb18c.js.map} +1 -1
  381. package/cjs/withSendbird.js +1 -1
  382. package/{color-d6871add.js → color-468f177a.js} +1 -1
  383. package/{color-d6871add.js.map → color-468f177a.js.map} +1 -1
  384. package/{compareIds-f300a3d3.js → compareIds-7e80cfd0.js} +1 -1
  385. package/{compareIds-f300a3d3.js.map → compareIds-7e80cfd0.js.map} +1 -1
  386. package/{const-460c0f68.js → const-5feae56e.js} +1 -1
  387. package/{const-460c0f68.js.map → const-5feae56e.js.map} +1 -1
  388. package/{const-cea7932a.js → const-7a18ac0a.js} +1 -1
  389. package/{const-cea7932a.js.map → const-7a18ac0a.js.map} +1 -1
  390. package/{context-1aee2fcc.js → context-0e023b05.js} +2 -2
  391. package/{context-1aee2fcc.js.map → context-0e023b05.js.map} +1 -1
  392. package/dist/index.css +627 -300
  393. package/dist/index.css.map +1 -1
  394. package/{index-eee9204a.js → index-1c02ac0d.js} +2 -2
  395. package/{index-eee9204a.js.map → index-1c02ac0d.js.map} +1 -1
  396. package/{index-b71aed3b.js → index-36f812a7.js} +4 -4
  397. package/{index-b71aed3b.js.map → index-36f812a7.js.map} +1 -1
  398. package/{index-b1bcebc7.js → index-670435a8.js} +1 -1
  399. package/{index-b1bcebc7.js.map → index-670435a8.js.map} +1 -1
  400. package/{index-52b2b816.js → index-867e0d39.js} +6 -6
  401. package/index-867e0d39.js.map +1 -0
  402. package/{index-45615e6e.js → index-8b890de6.js} +9 -8
  403. package/index-8b890de6.js.map +1 -0
  404. package/{index-f936a084.js → index-b4ee3569.js} +1 -1
  405. package/{index-f936a084.js.map → index-b4ee3569.js.map} +1 -1
  406. package/{index-a5ba7985.js → index-b8a1932a.js} +2 -2
  407. package/{index-a5ba7985.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-8c54bbb8.js → index-c4eefc9d.js} +2 -2
  411. package/{index-8c54bbb8.js.map → index-c4eefc9d.js.map} +1 -1
  412. package/{index-f532aec7.js → index-dcae1e38.js} +6 -5
  413. package/index-dcae1e38.js.map +1 -0
  414. package/{index-c003c91c.js → index-ec923bf5.js} +4 -4
  415. package/{index-c003c91c.js.map → index-ec923bf5.js.map} +1 -1
  416. package/index.d.ts +17 -6
  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-38fffb6a.js → stringSet-65cf83b4.js} +4 -1
  422. package/stringSet-65cf83b4.js.map +1 -0
  423. package/{topics-d594b804.js → topics-2ff5f12a.js} +1 -1
  424. package/{topics-d594b804.js.map → topics-2ff5f12a.js.map} +1 -1
  425. package/{tslib.es6-8a087055.js → tslib.es6-7fef98cd.js} +1 -1
  426. package/{tslib.es6-8a087055.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-daa9779c.js → utils-a3afc9f0.js} +1 -1
  502. package/{utils-daa9779c.js.map → utils-a3afc9f0.js.map} +1 -1
  503. package/{utils-e55000b0.js → utils-ac92824a.js} +1 -1
  504. package/{utils-e55000b0.js.map → utils-ac92824a.js.map} +1 -1
  505. package/{utils-4edea23e.js → utils-db039320.js} +1 -1
  506. package/{utils-4edea23e.js.map → utils-db039320.js.map} +1 -1
  507. package/{uuid-c6ede0a0.js → uuid-68db8245.js} +1 -1
  508. package/{uuid-c6ede0a0.js.map → uuid-68db8245.js.map} +1 -1
  509. package/withSendbird.js +1 -1
  510. package/ChannelListProvider-c6fbc45c.js.map +0 -1
  511. package/ChannelProvider-00f1bb31.js.map +0 -1
  512. package/MemberList-07e7c82a.js.map +0 -1
  513. package/OpenChannelProvider-e7b44f68.js.map +0 -1
  514. package/UserProfileContext-9f99563d.js.map +0 -1
  515. package/_rollupPluginBabelHelpers-dea8a6c9.js.map +0 -1
  516. package/cjs/ChannelListProvider-1d42a73f.js.map +0 -1
  517. package/cjs/ChannelProvider-7b5ac56e.js.map +0 -1
  518. package/cjs/MemberList-745e3d9e.js.map +0 -1
  519. package/cjs/OpenChannelProvider-447d5b53.js.map +0 -1
  520. package/cjs/UserProfileContext-2201df8d.js.map +0 -1
  521. package/cjs/_rollupPluginBabelHelpers-cb661818.js.map +0 -1
  522. package/cjs/index-1e4f968c.js.map +0 -1
  523. package/cjs/index-61180888.js.map +0 -1
  524. package/cjs/index-d3706b9e.js.map +0 -1
  525. package/cjs/openChannelUtils-3cc2cf97.js +0 -96
  526. package/cjs/openChannelUtils-3cc2cf97.js.map +0 -1
  527. package/cjs/stringSet-7509e1fb.js.map +0 -1
  528. package/index-45615e6e.js.map +0 -1
  529. package/index-52b2b816.js.map +0 -1
  530. package/index-f532aec7.js.map +0 -1
  531. package/openChannelUtils-a5650554.js +0 -86
  532. package/openChannelUtils-a5650554.js.map +0 -1
  533. package/stringSet-38fffb6a.js.map +0 -1
package/App.js CHANGED
@@ -1,32 +1,33 @@
1
- import React__default, { useState } from 'react';
1
+ import React__default, { useState, useEffect } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import Sendbird from './SendbirdProvider.js';
4
+ import { u as useMediaQueryContext } from './MediaQueryContext-7be72ab4.js';
4
5
  import ChannelList from './ChannelList.js';
5
6
  import Channel from './Channel.js';
6
7
  import ChannelSettings from './ChannelSettings.js';
7
8
  import MessageSearchPannel from './MessageSearch.js';
8
- import './_rollupPluginBabelHelpers-dea8a6c9.js';
9
+ import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
10
+ import useSendbirdStateContext from './useSendbirdStateContext.js';
11
+ import { u as uuidv4 } from './uuid-68db8245.js';
12
+ import './_rollupPluginBabelHelpers-fa4874e9.js';
9
13
  import './withSendbird.js';
10
14
  import '@sendbird/chat';
11
15
  import '@sendbird/chat/openChannel';
12
- import '@sendbird/chat/groupChannel';
13
- import './actionTypes-7203a821.js';
14
- import './index-52b2b816.js';
15
- import './tslib.es6-8a087055.js';
16
+ import './actionTypes-36657780.js';
17
+ import './index-867e0d39.js';
18
+ import './tslib.es6-7fef98cd.js';
16
19
  import './utils/message/getOutgoingMessageState.js';
17
20
  import 'css-vars-ponyfill';
18
- import './uuid-c6ede0a0.js';
19
- import './LocalizationContext-b6ff0c3d.js';
20
- import './stringSet-38fffb6a.js';
21
- import './index-b1bcebc7.js';
22
- import './ChannelListProvider-c6fbc45c.js';
23
- import './topics-d594b804.js';
24
- import './utils-4edea23e.js';
25
- import './UserProfileContext-9f99563d.js';
26
- import './useSendbirdStateContext.js';
21
+ import './LocalizationContext-2bd4bbe8.js';
22
+ import './stringSet-65cf83b4.js';
23
+ import './index-670435a8.js';
24
+ import './ChannelListProvider-cef1f985.js';
25
+ import './topics-2ff5f12a.js';
26
+ import './utils-db039320.js';
27
+ import './UserProfileContext-0d8287d0.js';
27
28
  import './ChannelList/components/ChannelListUI.js';
28
29
  import './ChannelList/components/ChannelListHeader.js';
29
- import './index-8c54bbb8.js';
30
+ import './index-c4eefc9d.js';
30
31
  import './ui/IconButton.js';
31
32
  import './ui/Avatar.js';
32
33
  import './ui/ImageRenderer.js';
@@ -34,12 +35,12 @@ import './ui/Icon.js';
34
35
  import './ChannelList/components/AddChannel.js';
35
36
  import './CreateChannel.js';
36
37
  import './CreateChannel/components/CreateChannelUI.js';
37
- import './CreateChannelProvider-c0d11b0b.js';
38
+ import './CreateChannelProvider-2b5b2952.js';
38
39
  import './sendbirdSelectors.js';
39
40
  import './CreateChannel/components/InviteUsers.js';
40
41
  import './ui/Modal.js';
41
42
  import 'react-dom';
42
- import './index-f936a084.js';
43
+ import './index-b4ee3569.js';
43
44
  import './ui/Button.js';
44
45
  import './ui/UserListItem.js';
45
46
  import './ui/MutedAvatarOverlay.js';
@@ -50,34 +51,35 @@ import './ui/SortByRow.js';
50
51
  import './CreateChannel/components/SelectChannelType.js';
51
52
  import './ChannelList/components/ChannelPreview.js';
52
53
  import './ui/ChannelAvatar.js';
53
- import './utils-daa9779c.js';
54
+ import './utils-a3afc9f0.js';
54
55
  import './ui/Badge.js';
55
- import './index-b71aed3b.js';
56
- import './index-eee9204a.js';
57
- import './index-a5ba7985.js';
56
+ import './index-36f812a7.js';
57
+ import './index-1c02ac0d.js';
58
+ import './index-b8a1932a.js';
58
59
  import './ui/MentionUserLabel.js';
60
+ import './ui/TextButton.js';
61
+ import './color-468f177a.js';
59
62
  import './Channel/components/TypingIndicator.js';
60
- import './ChannelProvider-00f1bb31.js';
61
- import './compareIds-f300a3d3.js';
62
- import './const-cea7932a.js';
63
+ import './ChannelProvider-924d5a93.js';
64
+ import './compareIds-7e80cfd0.js';
65
+ import './const-7a18ac0a.js';
63
66
  import '@sendbird/chat/message';
64
67
  import './ui/ReactionButton.js';
65
68
  import './ui/MessageStatus.js';
66
69
  import './ui/Loader.js';
70
+ import './useLongPress-2c79297b.js';
67
71
  import './ChannelList/components/ChannelPreviewAction.js';
68
72
  import './EditUserProfile.js';
69
- import './index-f532aec7.js';
73
+ import './index-dcae1e38.js';
70
74
  import './ui/Input.js';
71
- import './ui/TextButton.js';
72
- import './color-d6871add.js';
73
- import './index-c003c91c.js';
75
+ import './index-ec923bf5.js';
74
76
  import './Channel/components/ChannelUI.js';
75
77
  import './ui/ConnectionStatus.js';
76
78
  import './Channel/components/ChannelHeader.js';
77
79
  import './Channel/components/MessageList.js';
78
80
  import './Channel/components/Message.js';
79
81
  import './Channel/components/SuggestedMentionList.js';
80
- import './const-460c0f68.js';
82
+ import './const-5feae56e.js';
81
83
  import './ui/DateSeparator.js';
82
84
  import './ui/MessageInput.js';
83
85
  import 'react-dom/server';
@@ -98,6 +100,7 @@ import './ui/ThumbnailMessageItemBody.js';
98
100
  import './ui/OGMessageItemBody.js';
99
101
  import './ui/UnknownMessageItemBody.js';
100
102
  import './ui/QuoteMessage.js';
103
+ import './ui/BottomSheet.js';
101
104
  import './Channel/components/FileViewer.js';
102
105
  import './Channel/components/RemoveMessageModal.js';
103
106
  import './Channel/components/FrozenNotification.js';
@@ -111,9 +114,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
111
114
  import './ChannelSettings/components/ModerationPanel.js';
112
115
  import './ui/Accordion.js';
113
116
  import './ui/AccordionGroup.js';
114
- import './context-1aee2fcc.js';
117
+ import './context-0e023b05.js';
115
118
  import './ChannelSettings/components/UserListItem.js';
116
- import './MemberList-07e7c82a.js';
119
+ import './MemberList-405c20b6.js';
117
120
  import './ChannelSettings/components/LeaveChannel.js';
118
121
  import './ChannelSettings/components/UserPanel.js';
119
122
  import './MessageSearch/components/MessageSearchUI.js';
@@ -121,6 +124,282 @@ import './MessageSearch/context.js';
121
124
  import './ui/MessageSearchItem.js';
122
125
  import './ui/MessageSearchFileItem.js';
123
126
 
127
+ var DesktopLayout = function (props) {
128
+ var isReactionEnabled = props.isReactionEnabled,
129
+ replyType = props.replyType,
130
+ isMessageGroupingEnabled = props.isMessageGroupingEnabled,
131
+ allowProfileEdit = props.allowProfileEdit,
132
+ showSearchIcon = props.showSearchIcon,
133
+ onProfileEditSuccess = props.onProfileEditSuccess,
134
+ disableAutoSelect = props.disableAutoSelect,
135
+ currentChannelUrl = props.currentChannelUrl,
136
+ setCurrentChannelUrl = props.setCurrentChannelUrl,
137
+ showSettings = props.showSettings,
138
+ setShowSettings = props.setShowSettings,
139
+ showSearch = props.showSearch,
140
+ setShowSearch = props.setShowSearch,
141
+ highlightedMessage = props.highlightedMessage,
142
+ setHighlightedMessage = props.setHighlightedMessage,
143
+ startingPoint = props.startingPoint,
144
+ setStartingPoint = props.setStartingPoint;
145
+ return /*#__PURE__*/React__default.createElement("div", {
146
+ className: "sendbird-app__wrap"
147
+ }, /*#__PURE__*/React__default.createElement("div", {
148
+ className: "sendbird-app__channellist-wrap"
149
+ }, /*#__PURE__*/React__default.createElement(ChannelList, {
150
+ allowProfileEdit: allowProfileEdit,
151
+ onProfileEditSuccess: onProfileEditSuccess,
152
+ disableAutoSelect: disableAutoSelect,
153
+ onChannelSelect: function (channel) {
154
+ setStartingPoint(null);
155
+ setHighlightedMessage(null);
156
+
157
+ if (channel === null || channel === void 0 ? void 0 : channel.url) {
158
+ setCurrentChannelUrl(channel.url);
159
+ } else {
160
+ setCurrentChannelUrl('');
161
+ }
162
+ }
163
+ })), /*#__PURE__*/React__default.createElement("div", {
164
+ className: "\n ".concat(showSettings ? 'sendbird-app__conversation--settings-open' : '', "\n ").concat(showSearch ? 'sendbird-app__conversation--search-open' : '', "\n sendbird-app__conversation-wrap\n ")
165
+ }, /*#__PURE__*/React__default.createElement(Channel, {
166
+ channelUrl: currentChannelUrl,
167
+ onChatHeaderActionClick: function () {
168
+ setShowSearch(false);
169
+ setShowSettings(!showSettings);
170
+ },
171
+ onSearchClick: function () {
172
+ setShowSettings(false);
173
+ setShowSearch(!showSearch);
174
+ },
175
+ showSearchIcon: showSearchIcon,
176
+ startingPoint: startingPoint,
177
+ highlightedMessage: highlightedMessage,
178
+ isReactionEnabled: isReactionEnabled,
179
+ replyType: replyType,
180
+ isMessageGroupingEnabled: isMessageGroupingEnabled
181
+ })), showSettings && /*#__PURE__*/React__default.createElement("div", {
182
+ className: "sendbird-app__settingspanel-wrap"
183
+ }, /*#__PURE__*/React__default.createElement(ChannelSettings, {
184
+ className: "sendbird-channel-settings",
185
+ channelUrl: currentChannelUrl,
186
+ onCloseClick: function () {
187
+ setShowSettings(false);
188
+ }
189
+ })), showSearch && /*#__PURE__*/React__default.createElement("div", {
190
+ className: "sendbird-app__searchpanel-wrap"
191
+ }, /*#__PURE__*/React__default.createElement(MessageSearchPannel, {
192
+ channelUrl: currentChannelUrl,
193
+ onResultClick: function (message) {
194
+ if (message.messageId === highlightedMessage) {
195
+ setHighlightedMessage(null);
196
+ setTimeout(function () {
197
+ setHighlightedMessage(message.messageId);
198
+ });
199
+ } else {
200
+ setStartingPoint(message.createdAt);
201
+ setHighlightedMessage(message.messageId);
202
+ }
203
+ },
204
+ onCloseClick: function () {
205
+ setShowSearch(false);
206
+ }
207
+ })));
208
+ };
209
+
210
+ var PANELS;
211
+
212
+ (function (PANELS) {
213
+ PANELS["CHANNEL_LIST"] = "CHANNEL_LIST";
214
+ PANELS["CHANNEL"] = "CHANNEL";
215
+ PANELS["CHANNEL_SETTINGS"] = "CHANNEL_SETTINGS";
216
+ PANELS["MESSAGE_SEARCH"] = "MESSAGE_SEARCH";
217
+ })(PANELS || (PANELS = {}));
218
+
219
+ var MobileLayout = function (props) {
220
+ var _a, _b, _c;
221
+
222
+ var replyType = props.replyType,
223
+ isMessageGroupingEnabled = props.isMessageGroupingEnabled,
224
+ allowProfileEdit = props.allowProfileEdit,
225
+ isReactionEnabled = props.isReactionEnabled,
226
+ showSearchIcon = props.showSearchIcon,
227
+ onProfileEditSuccess = props.onProfileEditSuccess,
228
+ currentChannelUrl = props.currentChannelUrl,
229
+ setCurrentChannelUrl = props.setCurrentChannelUrl,
230
+ highlightedMessage = props.highlightedMessage,
231
+ setHighlightedMessage = props.setHighlightedMessage,
232
+ startingPoint = props.startingPoint,
233
+ setStartingPoint = props.setStartingPoint;
234
+
235
+ var _d = useState(PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST),
236
+ panel = _d[0],
237
+ setPanel = _d[1];
238
+
239
+ var store = useSendbirdStateContext();
240
+ 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;
241
+ var userId = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId;
242
+
243
+ var goToMessage = function (message) {
244
+ setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
245
+ setTimeout(function () {
246
+ setHighlightedMessage(message === null || message === void 0 ? void 0 : message.messageId);
247
+ });
248
+ };
249
+
250
+ useEffect(function () {
251
+ if (panel !== (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL)) {
252
+ goToMessage();
253
+ }
254
+ }, [panel]);
255
+ useEffect(function () {
256
+ var _a, _b;
257
+
258
+ var handlerId = uuidv4();
259
+
260
+ if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
261
+ var handler = new GroupChannelHandler({
262
+ onUserBanned: function (groupChannel, user) {
263
+ if (groupChannel.url === currentChannelUrl && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
264
+ setPanel(PANELS.CHANNEL_LIST);
265
+ }
266
+ },
267
+ onChannelDeleted: function (channelUrl) {
268
+ if (channelUrl === currentChannelUrl) {
269
+ setPanel(PANELS.CHANNEL_LIST);
270
+ }
271
+ },
272
+ onUserLeft: function (groupChannel, user) {
273
+ if (groupChannel.url === currentChannelUrl && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
274
+ setPanel(PANELS.CHANNEL_LIST);
275
+ }
276
+ }
277
+ });
278
+ (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(handlerId, handler);
279
+ }
280
+
281
+ return function () {
282
+ var _a, _b;
283
+
284
+ (_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);
285
+ };
286
+ }, [sdk]);
287
+ return /*#__PURE__*/React__default.createElement("div", null, panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST) && /*#__PURE__*/React__default.createElement("div", {
288
+ className: "sb_mobile__panelwrap"
289
+ }, /*#__PURE__*/React__default.createElement(ChannelList, {
290
+ onProfileEditSuccess: onProfileEditSuccess,
291
+ onChannelSelect: function (channel) {
292
+ setCurrentChannelUrl(channel === null || channel === void 0 ? void 0 : channel.url);
293
+ setPanel(PANELS.CHANNEL);
294
+ },
295
+ allowProfileEdit: allowProfileEdit // this condition must be true for mobile
296
+ ,
297
+ disableAutoSelect: true
298
+ })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL) && /*#__PURE__*/React__default.createElement("div", {
299
+ className: "sb_mobile__panelwrap"
300
+ }, /*#__PURE__*/React__default.createElement(Channel, {
301
+ replyType: replyType,
302
+ channelUrl: currentChannelUrl,
303
+ onSearchClick: function () {
304
+ setPanel(PANELS.MESSAGE_SEARCH);
305
+ },
306
+ onBackClick: function () {
307
+ setPanel(PANELS.CHANNEL_LIST);
308
+ },
309
+ isReactionEnabled: isReactionEnabled,
310
+ showSearchIcon: showSearchIcon,
311
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
312
+ startingPoint: startingPoint,
313
+ highlightedMessage: highlightedMessage,
314
+ onChatHeaderActionClick: function () {
315
+ setPanel(PANELS.CHANNEL_SETTINGS);
316
+ }
317
+ })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_SETTINGS) && /*#__PURE__*/React__default.createElement("div", {
318
+ className: "sb_mobile__panelwrap"
319
+ }, /*#__PURE__*/React__default.createElement(ChannelSettings, {
320
+ channelUrl: currentChannelUrl,
321
+ onCloseClick: function () {
322
+ setPanel(PANELS.CHANNEL);
323
+ },
324
+ onLeaveChannel: function () {
325
+ setPanel(PANELS.CHANNEL_LIST);
326
+ }
327
+ })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.MESSAGE_SEARCH) && /*#__PURE__*/React__default.createElement("div", {
328
+ className: "sb_mobile__panelwrap"
329
+ }, /*#__PURE__*/React__default.createElement(MessageSearchPannel, {
330
+ channelUrl: currentChannelUrl,
331
+ onCloseClick: function () {
332
+ setPanel(PANELS.CHANNEL);
333
+ },
334
+ onResultClick: function (message) {
335
+ setPanel(PANELS.CHANNEL);
336
+ goToMessage(message);
337
+ }
338
+ })));
339
+ };
340
+
341
+ var AppLayout = function (props) {
342
+ var isReactionEnabled = props.isReactionEnabled,
343
+ replyType = props.replyType,
344
+ isMessageGroupingEnabled = props.isMessageGroupingEnabled,
345
+ allowProfileEdit = props.allowProfileEdit,
346
+ showSearchIcon = props.showSearchIcon,
347
+ onProfileEditSuccess = props.onProfileEditSuccess,
348
+ disableAutoSelect = props.disableAutoSelect,
349
+ currentChannelUrl = props.currentChannelUrl,
350
+ setCurrentChannelUrl = props.setCurrentChannelUrl;
351
+
352
+ var _a = useState(false),
353
+ showSettings = _a[0],
354
+ setShowSettings = _a[1];
355
+
356
+ var _b = useState(false),
357
+ showSearch = _b[0],
358
+ setShowSearch = _b[1];
359
+
360
+ var _c = useState(null),
361
+ highlightedMessage = _c[0],
362
+ setHighlightedMessage = _c[1];
363
+
364
+ var _d = useState(null),
365
+ startingPoint = _d[0],
366
+ setStartingPoint = _d[1];
367
+
368
+ var isMobile = useMediaQueryContext().isMobile;
369
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isMobile ? /*#__PURE__*/React__default.createElement(MobileLayout, {
370
+ replyType: replyType,
371
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
372
+ allowProfileEdit: allowProfileEdit,
373
+ isReactionEnabled: isReactionEnabled,
374
+ showSearchIcon: showSearchIcon,
375
+ onProfileEditSuccess: onProfileEditSuccess,
376
+ currentChannelUrl: currentChannelUrl,
377
+ setCurrentChannelUrl: setCurrentChannelUrl,
378
+ highlightedMessage: highlightedMessage,
379
+ setHighlightedMessage: setHighlightedMessage,
380
+ startingPoint: startingPoint,
381
+ setStartingPoint: setStartingPoint
382
+ }) : /*#__PURE__*/React__default.createElement(DesktopLayout, {
383
+ isReactionEnabled: isReactionEnabled,
384
+ replyType: replyType,
385
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
386
+ allowProfileEdit: allowProfileEdit,
387
+ showSearchIcon: showSearchIcon,
388
+ onProfileEditSuccess: onProfileEditSuccess,
389
+ disableAutoSelect: disableAutoSelect,
390
+ currentChannelUrl: currentChannelUrl,
391
+ setCurrentChannelUrl: setCurrentChannelUrl,
392
+ showSettings: showSettings,
393
+ setShowSettings: setShowSettings,
394
+ showSearch: showSearch,
395
+ setShowSearch: setShowSearch,
396
+ highlightedMessage: highlightedMessage,
397
+ setHighlightedMessage: setHighlightedMessage,
398
+ startingPoint: startingPoint,
399
+ setStartingPoint: setStartingPoint
400
+ }));
401
+ };
402
+
124
403
  /**
125
404
  * This is a drop in Chat solution
126
405
  * Can also be used as an example for creating
@@ -133,6 +412,7 @@ function App(props) {
133
412
  accessToken,
134
413
  customApiHost,
135
414
  customWebSocketHost,
415
+ mediaQueryBreakPoint,
136
416
  theme,
137
417
  userListQuery,
138
418
  nickname,
@@ -157,10 +437,6 @@ function App(props) {
157
437
  isMessageReceiptStatusEnabledOnChannelList
158
438
  } = props;
159
439
  const [currentChannelUrl, setCurrentChannelUrl] = useState(null);
160
- const [showSettings, setShowSettings] = useState(false);
161
- const [showSearch, setShowSearch] = useState(false);
162
- const [highlightedMessage, setHighlightedMessage] = useState(null);
163
- const [startingPoint, setStartingPoint] = useState(null);
164
440
  return /*#__PURE__*/React__default.createElement(Sendbird, {
165
441
  stringSet: stringSet,
166
442
  appId: appId,
@@ -168,6 +444,7 @@ function App(props) {
168
444
  accessToken: accessToken,
169
445
  customApiHost: customApiHost,
170
446
  customWebSocketHost: customWebSocketHost,
447
+ mediaQueryBreakPoint: mediaQueryBreakPoint,
171
448
  theme: theme,
172
449
  nickname: nickname,
173
450
  profileUrl: profileUrl,
@@ -181,75 +458,22 @@ function App(props) {
181
458
  imageCompression: imageCompression,
182
459
  isReactionEnabled: isReactionEnabled,
183
460
  isMentionEnabled: isMentionEnabled,
461
+ onUserProfileMessage: channel => {
462
+ setCurrentChannelUrl(channel === null || channel === void 0 ? void 0 : channel.url);
463
+ },
184
464
  isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList,
185
465
  isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList
186
- }, /*#__PURE__*/React__default.createElement("div", {
187
- className: "sendbird-app__wrap"
188
- }, /*#__PURE__*/React__default.createElement("div", {
189
- className: "sendbird-app__channellist-wrap"
190
- }, /*#__PURE__*/React__default.createElement(ChannelList, {
191
- allowProfileEdit: allowProfileEdit,
192
- onProfileEditSuccess: onProfileEditSuccess,
193
- disableAutoSelect: disableAutoSelect,
194
- onChannelSelect: channel => {
195
- setStartingPoint(null);
196
- setHighlightedMessage(null);
197
-
198
- if (channel !== null && channel !== void 0 && channel.url) {
199
- setCurrentChannelUrl(channel.url);
200
- } else {
201
- setCurrentChannelUrl('');
202
- }
203
- }
204
- })), /*#__PURE__*/React__default.createElement("div", {
205
- className: `
206
- ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}
207
- ${showSearch ? 'sendbird-app__conversation--search-open' : ''}
208
- sendbird-app__conversation-wrap
209
- `
210
- }, /*#__PURE__*/React__default.createElement(Channel, {
211
- channelUrl: currentChannelUrl,
212
- onChatHeaderActionClick: () => {
213
- setShowSearch(false);
214
- setShowSettings(!showSettings);
215
- },
216
- onSearchClick: () => {
217
- setShowSettings(false);
218
- setShowSearch(!showSearch);
219
- },
220
- showSearchIcon: showSearchIcon,
221
- startingPoint: startingPoint,
222
- highlightedMessage: highlightedMessage,
466
+ }, /*#__PURE__*/React__default.createElement(AppLayout, {
467
+ currentChannelUrl: currentChannelUrl,
468
+ setCurrentChannelUrl: setCurrentChannelUrl,
223
469
  isReactionEnabled: isReactionEnabled,
224
470
  replyType: replyType,
225
- isMessageGroupingEnabled: isMessageGroupingEnabled
226
- })), showSettings && /*#__PURE__*/React__default.createElement("div", {
227
- className: "sendbird-app__settingspanel-wrap"
228
- }, /*#__PURE__*/React__default.createElement(ChannelSettings, {
229
- className: "sendbird-channel-settings",
230
- channelUrl: currentChannelUrl,
231
- onCloseClick: () => {
232
- setShowSettings(false);
233
- }
234
- })), showSearch && /*#__PURE__*/React__default.createElement("div", {
235
- className: "sendbird-app__searchpanel-wrap"
236
- }, /*#__PURE__*/React__default.createElement(MessageSearchPannel, {
237
- channelUrl: currentChannelUrl,
238
- onResultClick: message => {
239
- if (message.messageId === highlightedMessage) {
240
- setHighlightedMessage(null);
241
- setTimeout(() => {
242
- setHighlightedMessage(message.messageId);
243
- });
244
- } else {
245
- setStartingPoint(message.createdAt);
246
- setHighlightedMessage(message.messageId);
247
- }
248
- },
249
- onCloseClick: () => {
250
- setShowSearch(false);
251
- }
252
- }))));
471
+ isMessageGroupingEnabled: isMessageGroupingEnabled,
472
+ allowProfileEdit: allowProfileEdit,
473
+ showSearchIcon: showSearchIcon,
474
+ onProfileEditSuccess: onProfileEditSuccess,
475
+ disableAutoSelect: disableAutoSelect
476
+ }));
253
477
  }
254
478
  App.propTypes = {
255
479
  appId: PropTypes.string.isRequired,
@@ -261,6 +485,7 @@ App.propTypes = {
261
485
  userListQuery: PropTypes.func,
262
486
  nickname: PropTypes.string,
263
487
  profileUrl: PropTypes.string,
488
+ mediaQueryBreakPoint: PropTypes.string,
264
489
  allowProfileEdit: PropTypes.bool,
265
490
  disableUserProfile: PropTypes.bool,
266
491
  disableMarkAsDelivered: PropTypes.bool,
@@ -296,6 +521,7 @@ App.defaultProps = {
296
521
  nickname: '',
297
522
  profileUrl: '',
298
523
  userListQuery: null,
524
+ mediaQueryBreakPoint: null,
299
525
  dateLocale: null,
300
526
  allowProfileEdit: false,
301
527
  onProfileEditSuccess: null,
package/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","channel","url","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","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","MessageSearch","AppLayout","isMobile","useMediaQueryContext","App","appId","accessToken","customApiHost","customWebSocketHost","mediaQueryBreakPoint","theme","userListQuery","nickname","profileUrl","dateLocale","isMentionEnabled","colorSet","stringSet","disableUserProfile","disableMarkAsDelivered","renderUserProfile","imageCompression","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}