@sendbird/uikit-react 3.2.5 → 3.2.6-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.js +327 -101
- package/App.js.map +1 -1
- package/CHANGELOG.md +7 -0
- package/Channel/components/ChannelHeader.js +30 -18
- package/Channel/components/ChannelHeader.js.map +1 -1
- package/Channel/components/ChannelUI.js +31 -22
- package/Channel/components/ChannelUI.js.map +1 -1
- package/Channel/components/FileViewer.js +14 -14
- package/Channel/components/FrozenNotification.js +4 -4
- package/Channel/components/Message.js +76 -73
- package/Channel/components/Message.js.map +1 -1
- package/Channel/components/MessageInput.js +15 -15
- package/Channel/components/MessageList.js +23 -20
- package/Channel/components/MessageList.js.map +1 -1
- package/Channel/components/RemoveMessageModal.js +16 -15
- package/Channel/components/RemoveMessageModal.js.map +1 -1
- package/Channel/components/SuggestedMentionList.js +15 -15
- package/Channel/components/TypingIndicator.js +14 -14
- package/Channel/components/UnreadCount.js +4 -4
- package/Channel/context.js +13 -13
- package/Channel.js +25 -21
- package/Channel.js.map +1 -1
- package/ChannelList/components/AddChannel.js +14 -13
- package/ChannelList/components/AddChannel.js.map +1 -1
- package/ChannelList/components/ChannelListHeader.js +7 -7
- package/ChannelList/components/ChannelListUI.js +32 -26
- package/ChannelList/components/ChannelListUI.js.map +1 -1
- package/ChannelList/components/ChannelPreview.js +69 -28
- package/ChannelList/components/ChannelPreview.js.map +1 -1
- package/ChannelList/components/ChannelPreviewAction.js +14 -13
- package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
- package/ChannelList/context.js +8 -8
- package/ChannelList.js +28 -26
- package/ChannelList.js.map +1 -1
- package/{ChannelListProvider-cdb08b62.js → ChannelListProvider-f69a3eab.js} +33 -11
- package/ChannelListProvider-f69a3eab.js.map +1 -0
- package/{ChannelProvider-08b86d72.js → ChannelProvider-beed5203.js} +49 -25
- package/ChannelProvider-beed5203.js.map +1 -0
- package/ChannelSettings/components/ChannelProfile.js +12 -11
- package/ChannelSettings/components/ChannelProfile.js.map +1 -1
- package/ChannelSettings/components/ChannelSettingsUI.js +18 -17
- package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
- package/ChannelSettings/components/EditDetailsModal.js +13 -11
- package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/ChannelSettings/components/LeaveChannel.js +74 -26
- package/ChannelSettings/components/LeaveChannel.js.map +1 -1
- package/ChannelSettings/components/ModerationPanel.js +19 -14
- package/ChannelSettings/components/ModerationPanel.js.map +1 -1
- package/ChannelSettings/components/UserListItem.js +11 -11
- package/ChannelSettings/components/UserPanel.js +14 -13
- package/ChannelSettings/components/UserPanel.js.map +1 -1
- package/ChannelSettings/context.js +9 -5
- package/ChannelSettings/context.js.map +1 -1
- package/ChannelSettings.js +19 -17
- package/ChannelSettings.js.map +1 -1
- package/CreateChannel/components/CreateChannelUI.js +14 -13
- package/CreateChannel/components/CreateChannelUI.js.map +1 -1
- package/CreateChannel/components/InviteUsers.js +32 -13
- package/CreateChannel/components/InviteUsers.js.map +1 -1
- package/CreateChannel/components/SelectChannelType.js +13 -11
- package/CreateChannel/components/SelectChannelType.js.map +1 -1
- package/CreateChannel/context.js +4 -4
- package/CreateChannel.js +14 -13
- package/CreateChannel.js.map +1 -1
- package/{CreateChannelProvider-b5fa7c16.js → CreateChannelProvider-6b83f0e6.js} +1 -1
- package/{CreateChannelProvider-b5fa7c16.js.map → CreateChannelProvider-6b83f0e6.js.map} +1 -1
- package/CreateOpenChannel/components/CreateOpenChannelUI.js +11 -9
- package/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
- package/CreateOpenChannel/context.js +1 -1
- package/CreateOpenChannel.js +10 -9
- package/CreateOpenChannel.js.map +1 -1
- package/EditUserProfile/components/EditUserProfileUI.js +13 -12
- package/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
- package/EditUserProfile.js +13 -12
- package/EditUserProfile.js.map +1 -1
- package/{LocalizationContext-9976b34e.js → LocalizationContext-4f852f2e.js} +3 -3
- package/{LocalizationContext-9976b34e.js.map → LocalizationContext-4f852f2e.js.map} +1 -1
- package/MediaQueryContext-20ff176d.js +90 -0
- package/MediaQueryContext-20ff176d.js.map +1 -0
- package/{MemberList-070e920a.js → MemberList-8ffa1f2e.js} +12 -6
- package/MemberList-8ffa1f2e.js.map +1 -0
- package/MessageSearch/components/MessageSearchUI.js +11 -11
- package/MessageSearch/context.js +2 -2
- package/MessageSearch.js +11 -11
- package/OpenChannel/components/FrozenChannelNotification.js +4 -4
- package/OpenChannel/components/OpenChannelHeader.js +25 -15
- package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
- package/OpenChannel/components/OpenChannelInput.js +15 -15
- package/OpenChannel/components/OpenChannelMessage.js +22 -20
- package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/OpenChannel/components/OpenChannelMessageList.js +24 -22
- package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/OpenChannel/components/OpenChannelUI.js +27 -23
- package/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/OpenChannel/context.js +9 -9
- package/OpenChannel.js +27 -24
- package/OpenChannel.js.map +1 -1
- package/OpenChannelList/components/OpenChannelListUI.js +15 -13
- package/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
- package/OpenChannelList/components/OpenChannelPreview.js +4 -4
- package/OpenChannelList/context.js +4 -4
- package/OpenChannelList.js +13 -12
- package/OpenChannelList.js.map +1 -1
- package/{OpenChannelListProvider-ca1d96e3.js → OpenChannelListProvider-4e00f9cf.js} +3 -3
- package/{OpenChannelListProvider-ca1d96e3.js.map → OpenChannelListProvider-4e00f9cf.js.map} +1 -1
- package/{OpenChannelProvider-03efd3ff.js → OpenChannelProvider-f244c340.js} +40 -30
- package/OpenChannelProvider-f244c340.js.map +1 -0
- package/OpenChannelSettings/components/EditDetailsModal.js +14 -12
- package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/OpenChannelSettings/components/OpenChannelProfile.js +13 -12
- package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -18
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
- package/OpenChannelSettings/components/OperatorUI.js +22 -16
- package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
- package/OpenChannelSettings/components/ParticipantUI.js +15 -14
- package/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
- package/OpenChannelSettings/context.js +3 -3
- package/OpenChannelSettings.js +18 -17
- package/OpenChannelSettings.js.map +1 -1
- package/SendbirdProvider.js +22 -10
- package/SendbirdProvider.js.map +1 -1
- package/{UserProfileContext-24bb1c79.js → UserProfileContext-32f70da9.js} +8 -4
- package/UserProfileContext-32f70da9.js.map +1 -0
- package/{_rollupPluginBabelHelpers-a72165e4.js → _rollupPluginBabelHelpers-42595172.js} +19 -2
- package/_rollupPluginBabelHelpers-42595172.js.map +1 -0
- package/{actionTypes-b30fed5f.js → actionTypes-5126af74.js} +1 -1
- package/{actionTypes-b30fed5f.js.map → actionTypes-5126af74.js.map} +1 -1
- package/cjs/App.js +326 -100
- package/cjs/App.js.map +1 -1
- package/cjs/Channel/components/ChannelHeader.js +29 -17
- package/cjs/Channel/components/ChannelHeader.js.map +1 -1
- package/cjs/Channel/components/ChannelUI.js +31 -22
- package/cjs/Channel/components/ChannelUI.js.map +1 -1
- package/cjs/Channel/components/FileViewer.js +14 -14
- package/cjs/Channel/components/FrozenNotification.js +4 -4
- package/cjs/Channel/components/Message.js +76 -73
- package/cjs/Channel/components/Message.js.map +1 -1
- package/cjs/Channel/components/MessageInput.js +15 -15
- package/cjs/Channel/components/MessageList.js +23 -20
- package/cjs/Channel/components/MessageList.js.map +1 -1
- package/cjs/Channel/components/RemoveMessageModal.js +16 -15
- package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
- package/cjs/Channel/components/SuggestedMentionList.js +15 -15
- package/cjs/Channel/components/TypingIndicator.js +14 -14
- package/cjs/Channel/components/UnreadCount.js +4 -4
- package/cjs/Channel/context.js +13 -13
- package/cjs/Channel.js +25 -21
- package/cjs/Channel.js.map +1 -1
- package/cjs/ChannelList/components/AddChannel.js +14 -13
- package/cjs/ChannelList/components/AddChannel.js.map +1 -1
- package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
- package/cjs/ChannelList/components/ChannelListUI.js +32 -26
- package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreview.js +68 -27
- package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -13
- package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
- package/cjs/ChannelList/context.js +8 -8
- package/cjs/ChannelList.js +28 -26
- package/cjs/ChannelList.js.map +1 -1
- package/cjs/{ChannelListProvider-5543db95.js → ChannelListProvider-573d11bf.js} +33 -11
- package/cjs/ChannelListProvider-573d11bf.js.map +1 -0
- package/cjs/{ChannelProvider-c9b390b7.js → ChannelProvider-c4c8058c.js} +49 -25
- package/cjs/ChannelProvider-c4c8058c.js.map +1 -0
- package/cjs/ChannelSettings/components/ChannelProfile.js +12 -11
- package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -17
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
- package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -11
- package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/cjs/ChannelSettings/components/LeaveChannel.js +74 -26
- package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
- package/cjs/ChannelSettings/components/ModerationPanel.js +19 -14
- package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
- package/cjs/ChannelSettings/components/UserListItem.js +11 -11
- package/cjs/ChannelSettings/components/UserPanel.js +14 -13
- package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
- package/cjs/ChannelSettings/context.js +9 -5
- package/cjs/ChannelSettings/context.js.map +1 -1
- package/cjs/ChannelSettings.js +19 -17
- package/cjs/ChannelSettings.js.map +1 -1
- package/cjs/CreateChannel/components/CreateChannelUI.js +14 -13
- package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
- package/cjs/CreateChannel/components/InviteUsers.js +32 -13
- package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
- package/cjs/CreateChannel/components/SelectChannelType.js +13 -11
- package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
- package/cjs/CreateChannel/context.js +4 -4
- package/cjs/CreateChannel.js +14 -13
- package/cjs/CreateChannel.js.map +1 -1
- package/cjs/{CreateChannelProvider-0a28a871.js → CreateChannelProvider-d75d1c0e.js} +1 -1
- package/cjs/{CreateChannelProvider-0a28a871.js.map → CreateChannelProvider-d75d1c0e.js.map} +1 -1
- package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +11 -9
- package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
- package/cjs/CreateOpenChannel/context.js +1 -1
- package/cjs/CreateOpenChannel.js +10 -9
- package/cjs/CreateOpenChannel.js.map +1 -1
- package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -12
- package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
- package/cjs/EditUserProfile.js +13 -12
- package/cjs/EditUserProfile.js.map +1 -1
- package/cjs/{LocalizationContext-0349dfbd.js → LocalizationContext-b8b9eb7b.js} +3 -3
- package/cjs/{LocalizationContext-0349dfbd.js.map → LocalizationContext-b8b9eb7b.js.map} +1 -1
- package/cjs/MediaQueryContext-f8dbf0b3.js +97 -0
- package/cjs/MediaQueryContext-f8dbf0b3.js.map +1 -0
- package/cjs/{MemberList-a95f8e7f.js → MemberList-7bcc79b2.js} +12 -6
- package/cjs/MemberList-7bcc79b2.js.map +1 -0
- package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
- package/cjs/MessageSearch/context.js +2 -2
- package/cjs/MessageSearch.js +11 -11
- package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
- package/cjs/OpenChannel/components/OpenChannelHeader.js +24 -14
- package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelInput.js +15 -15
- package/cjs/OpenChannel/components/OpenChannelMessage.js +22 -20
- package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelMessageList.js +24 -22
- package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelUI.js +27 -23
- package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/cjs/OpenChannel/context.js +9 -9
- package/cjs/OpenChannel.js +27 -24
- package/cjs/OpenChannel.js.map +1 -1
- package/cjs/OpenChannelList/components/OpenChannelListUI.js +15 -13
- package/cjs/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
- package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
- package/cjs/OpenChannelList/context.js +4 -4
- package/cjs/OpenChannelList.js +13 -12
- package/cjs/OpenChannelList.js.map +1 -1
- package/cjs/{OpenChannelListProvider-df27c36c.js → OpenChannelListProvider-9d3966e5.js} +3 -3
- package/cjs/{OpenChannelListProvider-df27c36c.js.map → OpenChannelListProvider-9d3966e5.js.map} +1 -1
- package/cjs/{OpenChannelProvider-4895f5f6.js → OpenChannelProvider-a2a44b3a.js} +40 -30
- package/cjs/OpenChannelProvider-a2a44b3a.js.map +1 -0
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js +14 -12
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -12
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +21 -18
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OperatorUI.js +22 -16
- package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
- package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -14
- package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
- package/cjs/OpenChannelSettings/context.js +3 -3
- package/cjs/OpenChannelSettings.js +18 -17
- package/cjs/OpenChannelSettings.js.map +1 -1
- package/cjs/SendbirdProvider.js +22 -10
- package/cjs/SendbirdProvider.js.map +1 -1
- package/cjs/{UserProfileContext-d1596965.js → UserProfileContext-12e3deb1.js} +8 -4
- package/cjs/UserProfileContext-12e3deb1.js.map +1 -0
- package/cjs/{_rollupPluginBabelHelpers-93d42928.js → _rollupPluginBabelHelpers-bd20f22f.js} +19 -1
- package/cjs/_rollupPluginBabelHelpers-bd20f22f.js.map +1 -0
- package/cjs/{actionTypes-6a04e98a.js → actionTypes-fa2458d4.js} +1 -1
- package/cjs/{actionTypes-6a04e98a.js.map → actionTypes-fa2458d4.js.map} +1 -1
- package/cjs/{color-8da1967d.js → color-30d0a088.js} +1 -1
- package/cjs/{color-8da1967d.js.map → color-30d0a088.js.map} +1 -1
- package/cjs/{compareIds-20b6caa8.js → compareIds-33bc8bec.js} +1 -1
- package/cjs/{compareIds-20b6caa8.js.map → compareIds-33bc8bec.js.map} +1 -1
- package/cjs/{const-0ce11db5.js → const-5ff5760f.js} +1 -1
- package/cjs/{const-0ce11db5.js.map → const-5ff5760f.js.map} +1 -1
- package/cjs/{const-ed017cc9.js → const-bc367512.js} +1 -1
- package/cjs/{const-ed017cc9.js.map → const-bc367512.js.map} +1 -1
- package/cjs/{context-bd7de995.js → context-c1adec92.js} +2 -2
- package/cjs/{context-bd7de995.js.map → context-c1adec92.js.map} +1 -1
- package/cjs/dist/index.css +439 -112
- package/cjs/dist/index.css.map +1 -1
- package/cjs/{index-a52296d6.js → index-0686bdcb.js} +9 -8
- package/cjs/index-0686bdcb.js.map +1 -0
- package/cjs/{index-e741ec2c.js → index-0e88b900.js} +4 -4
- package/cjs/{index-e741ec2c.js.map → index-0e88b900.js.map} +1 -1
- package/cjs/{index-558d367a.js → index-0f54b27e.js} +5 -5
- package/cjs/index-0f54b27e.js.map +1 -0
- package/cjs/{index-7ab4005e.js → index-3f8db0b0.js} +6 -5
- package/cjs/index-3f8db0b0.js.map +1 -0
- package/cjs/{index-491f2403.js → index-62071d1a.js} +1 -1
- package/cjs/{index-491f2403.js.map → index-62071d1a.js.map} +1 -1
- package/cjs/{index-1ce4efa3.js → index-70f4ade7.js} +4 -4
- package/cjs/{index-1ce4efa3.js.map → index-70f4ade7.js.map} +1 -1
- package/cjs/index-978dbae2.js +194 -0
- package/cjs/index-978dbae2.js.map +1 -0
- package/cjs/{index-c7bba14f.js → index-aca9abc8.js} +2 -2
- package/cjs/{index-c7bba14f.js.map → index-aca9abc8.js.map} +1 -1
- package/cjs/{index-200b85a3.js → index-be16bf7f.js} +1 -1
- package/cjs/{index-200b85a3.js.map → index-be16bf7f.js.map} +1 -1
- package/cjs/{index-09d50472.js → index-c97a25fe.js} +2 -2
- package/cjs/{index-09d50472.js.map → index-c97a25fe.js.map} +1 -1
- package/cjs/{index-e59510d3.js → index-e739b357.js} +2 -2
- package/cjs/{index-e59510d3.js.map → index-e739b357.js.map} +1 -1
- package/cjs/index.js +35 -32
- package/cjs/index.js.map +1 -1
- package/cjs/sendbirdSelectors.js +2 -2
- package/cjs/{stringSet-9eadd9a2.js → stringSet-b90c8eb9.js} +4 -1
- package/cjs/stringSet-b90c8eb9.js.map +1 -0
- package/cjs/{topics-c4ffdf98.js → topics-774fce2f.js} +1 -1
- package/cjs/{topics-c4ffdf98.js.map → topics-774fce2f.js.map} +1 -1
- package/cjs/{tslib.es6-712ab026.js → tslib.es6-54dccd69.js} +1 -1
- package/cjs/{tslib.es6-712ab026.js.map → tslib.es6-54dccd69.js.map} +1 -1
- package/cjs/ui/Accordion.js +3 -3
- package/cjs/ui/AccordionGroup.js +2 -2
- package/cjs/ui/AdminMessage.js +3 -3
- package/cjs/ui/Avatar.js +2 -2
- package/cjs/ui/Badge.js +5 -5
- package/cjs/ui/BottomSheet.js +43 -0
- package/cjs/ui/BottomSheet.js.map +1 -0
- package/cjs/ui/Button.js +3 -3
- package/cjs/ui/ChannelAvatar.js +3 -3
- package/cjs/ui/ConnectionStatus.js +4 -4
- package/cjs/ui/ContextMenu.js +14 -10
- package/cjs/ui/ContextMenu.js.map +1 -1
- package/cjs/ui/DateSeparator.js +4 -4
- package/cjs/ui/EmojiReactions.js +7 -7
- package/cjs/ui/FileMessageItemBody.js +8 -6
- package/cjs/ui/FileMessageItemBody.js.map +1 -1
- package/cjs/ui/FileViewer.js +8 -8
- package/cjs/ui/IconButton.js +1 -1
- package/cjs/ui/ImageRenderer.js +1 -1
- package/cjs/ui/Input.js +2 -2
- package/cjs/ui/Label.js +2 -2
- package/cjs/ui/LinkLabel.js +9 -3
- package/cjs/ui/LinkLabel.js.map +1 -1
- package/cjs/ui/Loader.js +1 -1
- package/cjs/ui/MentionLabel.js +11 -10
- package/cjs/ui/MentionLabel.js.map +1 -1
- package/cjs/ui/MessageContent.js +450 -40
- package/cjs/ui/MessageContent.js.map +1 -1
- package/cjs/ui/MessageInput.js +23 -16
- package/cjs/ui/MessageInput.js.map +1 -1
- package/cjs/ui/MessageItemMenu.js +7 -7
- package/cjs/ui/MessageItemReactionMenu.js +5 -5
- package/cjs/ui/MessageSearchFileItem.js +9 -9
- package/cjs/ui/MessageSearchItem.js +9 -9
- package/cjs/ui/MessageStatus.js +7 -7
- package/cjs/ui/Modal.js +33 -18
- package/cjs/ui/Modal.js.map +1 -1
- package/cjs/ui/OGMessageItemBody.js +11 -10
- package/cjs/ui/OGMessageItemBody.js.map +1 -1
- package/cjs/ui/OpenChannelAdminMessage.js +3 -3
- package/cjs/ui/OpenChannelAvatar.js +6 -6
- package/cjs/ui/OpenchannelConversationHeader.js +6 -6
- package/cjs/ui/OpenchannelFileMessage.js +56 -26
- package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
- package/cjs/ui/OpenchannelOGMessage.js +75 -37
- package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
- package/cjs/ui/OpenchannelThumbnailMessage.js +58 -26
- package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
- package/cjs/ui/OpenchannelUserMessage.js +74 -51
- package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
- package/cjs/ui/PlaceHolder.js +6 -6
- package/cjs/ui/QuoteMessage.js +9 -6
- package/cjs/ui/QuoteMessage.js.map +1 -1
- package/cjs/ui/QuoteMessageInput.js +6 -6
- package/cjs/ui/ReactionBadge.js +4 -3
- package/cjs/ui/ReactionBadge.js.map +1 -1
- package/cjs/ui/ReactionButton.js +7 -1
- package/cjs/ui/ReactionButton.js.map +1 -1
- package/cjs/ui/SortByRow.js +2 -2
- package/cjs/ui/TextButton.js +2 -2
- package/cjs/ui/TextMessageItemBody.js +11 -10
- package/cjs/ui/TextMessageItemBody.js.map +1 -1
- package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
- package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
- package/cjs/ui/Tooltip.js +3 -3
- package/cjs/ui/TooltipWrapper.js +1 -1
- package/cjs/ui/UnknownMessageItemBody.js +6 -6
- package/cjs/ui/UserListItem.js +11 -11
- package/cjs/ui/UserProfile.js +18 -11
- package/cjs/ui/UserProfile.js.map +1 -1
- package/cjs/ui/Word.js +11 -10
- package/cjs/ui/Word.js.map +1 -1
- package/cjs/useLongPress-447fc2b4.js +118 -0
- package/cjs/useLongPress-447fc2b4.js.map +1 -0
- package/cjs/useSendbirdStateContext.js +1 -1
- package/cjs/{utils-90917fdb.js → utils-47e4a7f3.js} +1 -1
- package/cjs/{utils-90917fdb.js.map → utils-47e4a7f3.js.map} +1 -1
- package/cjs/{utils-03670a4b.js → utils-b42b5273.js} +1 -1
- package/cjs/{utils-03670a4b.js.map → utils-b42b5273.js.map} +1 -1
- package/cjs/{utils-db03a3ee.js → utils-b808700b.js} +1 -1
- package/cjs/{utils-db03a3ee.js.map → utils-b808700b.js.map} +1 -1
- package/cjs/{uuid-4fb21145.js → uuid-65030b4c.js} +1 -1
- package/cjs/{uuid-4fb21145.js.map → uuid-65030b4c.js.map} +1 -1
- package/cjs/withSendbird.js +1 -1
- package/{color-511dde29.js → color-d2a15055.js} +1 -1
- package/{color-511dde29.js.map → color-d2a15055.js.map} +1 -1
- package/{compareIds-8626728b.js → compareIds-cd18758a.js} +1 -1
- package/{compareIds-8626728b.js.map → compareIds-cd18758a.js.map} +1 -1
- package/{const-411c29c2.js → const-7186e391.js} +1 -1
- package/{const-411c29c2.js.map → const-7186e391.js.map} +1 -1
- package/{const-4836ca2f.js → const-9ed3c2e5.js} +1 -1
- package/{const-4836ca2f.js.map → const-9ed3c2e5.js.map} +1 -1
- package/{context-b3b0d94d.js → context-9f3c35b6.js} +2 -2
- package/{context-b3b0d94d.js.map → context-9f3c35b6.js.map} +1 -1
- package/dist/index.css +439 -112
- package/dist/index.css.map +1 -1
- package/index-115ce580.js +179 -0
- package/index-115ce580.js.map +1 -0
- package/{index-dbe2f386.js → index-14e045d4.js} +1 -1
- package/{index-dbe2f386.js.map → index-14e045d4.js.map} +1 -1
- package/{index-07ae6a1b.js → index-39b44653.js} +2 -2
- package/{index-07ae6a1b.js.map → index-39b44653.js.map} +1 -1
- package/{index-4be14273.js → index-5e8156eb.js} +6 -5
- package/index-5e8156eb.js.map +1 -0
- package/{index-c3c4236f.js → index-a28ce5ed.js} +4 -4
- package/{index-c3c4236f.js.map → index-a28ce5ed.js.map} +1 -1
- package/{index-200a8796.js → index-b02633bc.js} +2 -2
- package/{index-200a8796.js.map → index-b02633bc.js.map} +1 -1
- package/{index-5e61b8f6.js → index-c766d64c.js} +1 -1
- package/{index-5e61b8f6.js.map → index-c766d64c.js.map} +1 -1
- package/{index-9113fa9d.js → index-e0ade5e4.js} +2 -2
- package/{index-9113fa9d.js.map → index-e0ade5e4.js.map} +1 -1
- package/{index-89cd6e36.js → index-e1f156d0.js} +6 -6
- package/index-e1f156d0.js.map +1 -0
- package/{index-c16ac1c8.js → index-e2a7caae.js} +9 -8
- package/index-e2a7caae.js.map +1 -0
- package/{index-5cc28c33.js → index-f29a239d.js} +4 -4
- package/{index-5cc28c33.js.map → index-f29a239d.js.map} +1 -1
- package/index.d.ts +15 -4
- package/index.js +35 -32
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/sendbirdSelectors.js +2 -2
- package/{stringSet-8662ec77.js → stringSet-fd9dcf1e.js} +4 -1
- package/stringSet-fd9dcf1e.js.map +1 -0
- package/{topics-0752cb33.js → topics-954a5dbc.js} +1 -1
- package/{topics-0752cb33.js.map → topics-954a5dbc.js.map} +1 -1
- package/{tslib.es6-d20349ad.js → tslib.es6-38d6449a.js} +1 -1
- package/{tslib.es6-d20349ad.js.map → tslib.es6-38d6449a.js.map} +1 -1
- package/ui/Accordion.js +3 -3
- package/ui/AccordionGroup.js +2 -2
- package/ui/AdminMessage.js +3 -3
- package/ui/Avatar.js +2 -2
- package/ui/Badge.js +5 -5
- package/ui/BottomSheet.js +37 -0
- package/ui/BottomSheet.js.map +1 -0
- package/ui/Button.js +3 -3
- package/ui/ChannelAvatar.js +3 -3
- package/ui/ConnectionStatus.js +4 -4
- package/ui/ContextMenu.js +14 -10
- package/ui/ContextMenu.js.map +1 -1
- package/ui/DateSeparator.js +4 -4
- package/ui/EmojiReactions.js +7 -7
- package/ui/FileMessageItemBody.js +8 -6
- package/ui/FileMessageItemBody.js.map +1 -1
- package/ui/FileViewer.js +8 -8
- package/ui/IconButton.js +1 -1
- package/ui/ImageRenderer.js +1 -1
- package/ui/Input.js +2 -2
- package/ui/Label.js +2 -2
- package/ui/LinkLabel.js +9 -3
- package/ui/LinkLabel.js.map +1 -1
- package/ui/Loader.js +1 -1
- package/ui/MentionLabel.js +11 -10
- package/ui/MentionLabel.js.map +1 -1
- package/ui/MessageContent.js +452 -42
- package/ui/MessageContent.js.map +1 -1
- package/ui/MessageInput.js +23 -16
- package/ui/MessageInput.js.map +1 -1
- package/ui/MessageItemMenu.js +7 -7
- package/ui/MessageItemReactionMenu.js +5 -5
- package/ui/MessageSearchFileItem.js +9 -9
- package/ui/MessageSearchItem.js +9 -9
- package/ui/MessageStatus.js +7 -7
- package/ui/Modal.js +33 -18
- package/ui/Modal.js.map +1 -1
- package/ui/OGMessageItemBody.js +11 -10
- package/ui/OGMessageItemBody.js.map +1 -1
- package/ui/OpenChannelAdminMessage.js +3 -3
- package/ui/OpenChannelAvatar.js +6 -6
- package/ui/OpenchannelConversationHeader.js +6 -6
- package/ui/OpenchannelFileMessage.js +50 -20
- package/ui/OpenchannelFileMessage.js.map +1 -1
- package/ui/OpenchannelOGMessage.js +66 -28
- package/ui/OpenchannelOGMessage.js.map +1 -1
- package/ui/OpenchannelThumbnailMessage.js +50 -18
- package/ui/OpenchannelThumbnailMessage.js.map +1 -1
- package/ui/OpenchannelUserMessage.js +67 -44
- package/ui/OpenchannelUserMessage.js.map +1 -1
- package/ui/PlaceHolder.js +6 -6
- package/ui/QuoteMessage.js +9 -6
- package/ui/QuoteMessage.js.map +1 -1
- package/ui/QuoteMessageInput.js +6 -6
- package/ui/ReactionBadge.js +4 -3
- package/ui/ReactionBadge.js.map +1 -1
- package/ui/ReactionButton.js +7 -1
- package/ui/ReactionButton.js.map +1 -1
- package/ui/SortByRow.js +2 -2
- package/ui/TextButton.js +2 -2
- package/ui/TextMessageItemBody.js +11 -10
- package/ui/TextMessageItemBody.js.map +1 -1
- package/ui/ThumbnailMessageItemBody.js +2 -2
- package/ui/ThumbnailMessageItemBody.js.map +1 -1
- package/ui/Tooltip.js +3 -3
- package/ui/TooltipWrapper.js +1 -1
- package/ui/UnknownMessageItemBody.js +6 -6
- package/ui/UserListItem.js +11 -11
- package/ui/UserProfile.js +18 -11
- package/ui/UserProfile.js.map +1 -1
- package/ui/Word.js +11 -10
- package/ui/Word.js.map +1 -1
- package/useLongPress-3488ddd6.js +116 -0
- package/useLongPress-3488ddd6.js.map +1 -0
- package/useSendbirdStateContext.js +1 -1
- package/{utils-5569d95d.js → utils-80e9e20d.js} +1 -1
- package/{utils-5569d95d.js.map → utils-80e9e20d.js.map} +1 -1
- package/{utils-aba28b29.js → utils-cb1a4884.js} +1 -1
- package/{utils-aba28b29.js.map → utils-cb1a4884.js.map} +1 -1
- package/{utils-beb5bcc4.js → utils-f036cfe7.js} +1 -1
- package/{utils-beb5bcc4.js.map → utils-f036cfe7.js.map} +1 -1
- package/{uuid-e5bc1634.js → uuid-11fdaf7d.js} +1 -1
- package/{uuid-e5bc1634.js.map → uuid-11fdaf7d.js.map} +1 -1
- package/withSendbird.js +1 -1
- package/ChannelListProvider-cdb08b62.js.map +0 -1
- package/ChannelProvider-08b86d72.js.map +0 -1
- package/MemberList-070e920a.js.map +0 -1
- package/OpenChannelProvider-03efd3ff.js.map +0 -1
- package/UserProfileContext-24bb1c79.js.map +0 -1
- package/_rollupPluginBabelHelpers-a72165e4.js.map +0 -1
- package/cjs/ChannelListProvider-5543db95.js.map +0 -1
- package/cjs/ChannelProvider-c9b390b7.js.map +0 -1
- package/cjs/MemberList-a95f8e7f.js.map +0 -1
- package/cjs/OpenChannelProvider-4895f5f6.js.map +0 -1
- package/cjs/UserProfileContext-d1596965.js.map +0 -1
- package/cjs/_rollupPluginBabelHelpers-93d42928.js.map +0 -1
- package/cjs/index-558d367a.js.map +0 -1
- package/cjs/index-7ab4005e.js.map +0 -1
- package/cjs/index-a52296d6.js.map +0 -1
- package/cjs/openChannelUtils-5a371d5c.js +0 -96
- package/cjs/openChannelUtils-5a371d5c.js.map +0 -1
- package/cjs/stringSet-9eadd9a2.js.map +0 -1
- package/index-4be14273.js.map +0 -1
- package/index-89cd6e36.js.map +0 -1
- package/index-c16ac1c8.js.map +0 -1
- package/openChannelUtils-fecc8bc0.js +0 -86
- package/openChannelUtils-fecc8bc0.js.map +0 -1
- 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-f8dbf0b3.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('
|
|
11
|
+
var groupChannel = require('@sendbird/chat/groupChannel');
|
|
12
|
+
var useSendbirdStateContext = require('./useSendbirdStateContext.js');
|
|
13
|
+
var uuid = require('./uuid-65030b4c.js');
|
|
14
|
+
require('./_rollupPluginBabelHelpers-bd20f22f.js');
|
|
11
15
|
require('./withSendbird.js');
|
|
12
16
|
require('@sendbird/chat');
|
|
13
17
|
require('@sendbird/chat/openChannel');
|
|
14
|
-
require('
|
|
15
|
-
require('./
|
|
16
|
-
require('./
|
|
17
|
-
require('./tslib.es6-712ab026.js');
|
|
18
|
+
require('./actionTypes-fa2458d4.js');
|
|
19
|
+
require('./index-0f54b27e.js');
|
|
20
|
+
require('./tslib.es6-54dccd69.js');
|
|
18
21
|
require('./utils/message/getOutgoingMessageState.js');
|
|
19
22
|
require('css-vars-ponyfill');
|
|
20
|
-
require('./
|
|
21
|
-
require('./
|
|
22
|
-
require('./
|
|
23
|
-
require('./
|
|
24
|
-
require('./
|
|
25
|
-
require('./
|
|
26
|
-
require('./
|
|
27
|
-
require('./UserProfileContext-d1596965.js');
|
|
28
|
-
require('./useSendbirdStateContext.js');
|
|
23
|
+
require('./LocalizationContext-b8b9eb7b.js');
|
|
24
|
+
require('./stringSet-b90c8eb9.js');
|
|
25
|
+
require('./index-62071d1a.js');
|
|
26
|
+
require('./ChannelListProvider-573d11bf.js');
|
|
27
|
+
require('./topics-774fce2f.js');
|
|
28
|
+
require('./utils-b42b5273.js');
|
|
29
|
+
require('./UserProfileContext-12e3deb1.js');
|
|
29
30
|
require('./ChannelList/components/ChannelListUI.js');
|
|
30
31
|
require('./ChannelList/components/ChannelListHeader.js');
|
|
31
|
-
require('./index-
|
|
32
|
+
require('./index-e739b357.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-
|
|
40
|
+
require('./CreateChannelProvider-d75d1c0e.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-
|
|
45
|
+
require('./index-be16bf7f.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-
|
|
56
|
+
require('./utils-47e4a7f3.js');
|
|
56
57
|
require('./ui/Badge.js');
|
|
57
|
-
require('./index-
|
|
58
|
-
require('./index-
|
|
59
|
-
require('./index-
|
|
58
|
+
require('./index-0e88b900.js');
|
|
59
|
+
require('./index-aca9abc8.js');
|
|
60
|
+
require('./index-c97a25fe.js');
|
|
60
61
|
require('./ui/MentionUserLabel.js');
|
|
62
|
+
require('./ui/TextButton.js');
|
|
63
|
+
require('./color-30d0a088.js');
|
|
61
64
|
require('./Channel/components/TypingIndicator.js');
|
|
62
|
-
require('./ChannelProvider-
|
|
63
|
-
require('./compareIds-
|
|
64
|
-
require('./const-
|
|
65
|
+
require('./ChannelProvider-c4c8058c.js');
|
|
66
|
+
require('./compareIds-33bc8bec.js');
|
|
67
|
+
require('./const-5ff5760f.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-447fc2b4.js');
|
|
69
73
|
require('./ChannelList/components/ChannelPreviewAction.js');
|
|
70
74
|
require('./EditUserProfile.js');
|
|
71
|
-
require('./index-
|
|
75
|
+
require('./index-3f8db0b0.js');
|
|
72
76
|
require('./ui/Input.js');
|
|
73
|
-
require('./
|
|
74
|
-
require('./color-8da1967d.js');
|
|
75
|
-
require('./index-1ce4efa3.js');
|
|
77
|
+
require('./index-70f4ade7.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-
|
|
84
|
+
require('./const-bc367512.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-
|
|
119
|
+
require('./context-c1adec92.js');
|
|
117
120
|
require('./ChannelSettings/components/UserListItem.js');
|
|
118
|
-
require('./MemberList-
|
|
121
|
+
require('./MemberList-7bcc79b2.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(
|
|
194
|
-
|
|
195
|
-
|
|
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
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
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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"}
|