@sendbird/uikit-react 3.0.0-beta.3 → 3.0.0-beta.4
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/CHANGELOG.md +65 -0
- package/README.md +129 -0
- package/dist/index.css +0 -2
- package/dist/index.css.map +1 -1
- package/package.json +29 -7
- package/App.js +0 -313
- package/App.js.map +0 -1
- package/Channel/components/ChannelHeader.js +0 -117
- package/Channel/components/ChannelHeader.js.map +0 -1
- package/Channel/components/ChannelUI.js +0 -179
- package/Channel/components/ChannelUI.js.map +0 -1
- package/Channel/components/FileViewer.js +0 -151
- package/Channel/components/FileViewer.js.map +0 -1
- package/Channel/components/FrozenNotification.js +0 -20
- package/Channel/components/FrozenNotification.js.map +0 -1
- package/Channel/components/Message.js +0 -355
- package/Channel/components/Message.js.map +0 -1
- package/Channel/components/MessageInput.js +0 -202
- package/Channel/components/MessageInput.js.map +0 -1
- package/Channel/components/MessageList.js +0 -239
- package/Channel/components/MessageList.js.map +0 -1
- package/Channel/components/RemoveMessageModal.js +0 -53
- package/Channel/components/RemoveMessageModal.js.map +0 -1
- package/Channel/components/SuggestedMentionList.js +0 -250
- package/Channel/components/SuggestedMentionList.js.map +0 -1
- package/Channel/components/TypingIndicator.js +0 -98
- package/Channel/components/TypingIndicator.js.map +0 -1
- package/Channel/components/UnreadCount.js +0 -41
- package/Channel/components/UnreadCount.js.map +0 -1
- package/Channel/context.js +0 -24
- package/Channel/context.js.map +0 -1
- package/Channel.js +0 -106
- package/Channel.js.map +0 -1
- package/ChannelList/components/AddChannel.js +0 -70
- package/ChannelList/components/AddChannel.js.map +0 -1
- package/ChannelList/components/ChannelListHeader.js +0 -62
- package/ChannelList/components/ChannelListHeader.js.map +0 -1
- package/ChannelList/components/ChannelListUI.js +0 -236
- package/ChannelList/components/ChannelListUI.js.map +0 -1
- package/ChannelList/components/ChannelPreview.js +0 -211
- package/ChannelList/components/ChannelPreview.js.map +0 -1
- package/ChannelList/components/ChannelPreviewAction.js +0 -131
- package/ChannelList/components/ChannelPreviewAction.js.map +0 -1
- package/ChannelList/context.js +0 -13
- package/ChannelList/context.js.map +0 -1
- package/ChannelList.js +0 -89
- package/ChannelList.js.map +0 -1
- package/ChannelListProvider-d602a166.js +0 -926
- package/ChannelListProvider-d602a166.js.map +0 -1
- package/ChannelProvider-cf8fc05a.js +0 -2114
- package/ChannelProvider-cf8fc05a.js.map +0 -1
- package/ChannelSettings/components/AdminPanel.js +0 -905
- package/ChannelSettings/components/AdminPanel.js.map +0 -1
- package/ChannelSettings/components/ChannelProfile.js +0 -102
- package/ChannelSettings/components/ChannelProfile.js.map +0 -1
- package/ChannelSettings/components/ChannelSettingsUI.js +0 -152
- package/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
- package/ChannelSettings/components/EditDetailsModal.js +0 -154
- package/ChannelSettings/components/EditDetailsModal.js.map +0 -1
- package/ChannelSettings/components/LeaveChannel.js +0 -53
- package/ChannelSettings/components/LeaveChannel.js.map +0 -1
- package/ChannelSettings/components/UserListItem.js +0 -105
- package/ChannelSettings/components/UserListItem.js.map +0 -1
- package/ChannelSettings/components/UserPanel.js +0 -79
- package/ChannelSettings/components/UserPanel.js.map +0 -1
- package/ChannelSettings/context.js +0 -93
- package/ChannelSettings/context.js.map +0 -1
- package/ChannelSettings.js +0 -71
- package/ChannelSettings.js.map +0 -1
- package/CreateChannel/components/CreateChannelUI.js +0 -53
- package/CreateChannel/components/CreateChannelUI.js.map +0 -1
- package/CreateChannel/components/InviteMembers.js +0 -184
- package/CreateChannel/components/InviteMembers.js.map +0 -1
- package/CreateChannel/components/SelectChannelType.js +0 -131
- package/CreateChannel/components/SelectChannelType.js.map +0 -1
- package/CreateChannel/context.js +0 -8
- package/CreateChannel/context.js.map +0 -1
- package/CreateChannel.js +0 -53
- package/CreateChannel.js.map +0 -1
- package/CreateChannelProvider-3f3dafed.js +0 -53
- package/CreateChannelProvider-3f3dafed.js.map +0 -1
- package/EditUserProfile/components/EditUserProfileUI.js +0 -26
- package/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
- package/EditUserProfile/context.js +0 -27
- package/EditUserProfile/context.js.map +0 -1
- package/EditUserProfile.js +0 -39
- package/EditUserProfile.js.map +0 -1
- package/LocalizationContext-b970a73c.js +0 -22
- package/LocalizationContext-b970a73c.js.map +0 -1
- package/MemberList-9d29bee4.js +0 -425
- package/MemberList-9d29bee4.js.map +0 -1
- package/MessageSearch/components/MessageSearchUI.js +0 -151
- package/MessageSearch/components/MessageSearchUI.js.map +0 -1
- package/MessageSearch/context.js +0 -392
- package/MessageSearch/context.js.map +0 -1
- package/MessageSearch.js +0 -146
- package/MessageSearch.js.map +0 -1
- package/OpenChannel/components/FrozenChannelNotification.js +0 -20
- package/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
- package/OpenChannel/components/OpenChannelHeader.js +0 -78
- package/OpenChannel/components/OpenChannelHeader.js.map +0 -1
- package/OpenChannel/components/OpenChannelInput.js +0 -56
- package/OpenChannel/components/OpenChannelInput.js.map +0 -1
- package/OpenChannel/components/OpenChannelMessage.js +0 -282
- package/OpenChannel/components/OpenChannelMessage.js.map +0 -1
- package/OpenChannel/components/OpenChannelMessageList.js +0 -157
- package/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
- package/OpenChannel/components/OpenChannelUI.js +0 -109
- package/OpenChannel/components/OpenChannelUI.js.map +0 -1
- package/OpenChannel/context.js +0 -14
- package/OpenChannel/context.js.map +0 -1
- package/OpenChannel.js +0 -80
- package/OpenChannel.js.map +0 -1
- package/OpenChannelProvider-821fb008.js +0 -2011
- package/OpenChannelProvider-821fb008.js.map +0 -1
- package/OpenChannelSettings/components/EditDetailsModal.js +0 -149
- package/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
- package/OpenChannelSettings/components/OpenChannelProfile.js +0 -81
- package/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -104
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
- package/OpenChannelSettings/components/OperatorUI.js +0 -184
- package/OpenChannelSettings/components/OperatorUI.js.map +0 -1
- package/OpenChannelSettings/components/ParticipantUI.js +0 -172
- package/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
- package/OpenChannelSettings/context.js +0 -64
- package/OpenChannelSettings/context.js.map +0 -1
- package/OpenChannelSettings.js +0 -64
- package/OpenChannelSettings.js.map +0 -1
- package/SendbirdProvider.js +0 -762
- package/SendbirdProvider.js.map +0 -1
- package/UserProfileContext-f4ff4291.js +0 -38
- package/UserProfileContext-f4ff4291.js.map +0 -1
- package/_rollupPluginBabelHelpers-6bf18550.js +0 -233
- package/_rollupPluginBabelHelpers-6bf18550.js.map +0 -1
- package/actionTypes-8e320ded.js +0 -6
- package/actionTypes-8e320ded.js.map +0 -1
- package/cjs/App.js +0 -320
- package/cjs/App.js.map +0 -1
- package/cjs/Channel/components/ChannelHeader.js +0 -123
- package/cjs/Channel/components/ChannelHeader.js.map +0 -1
- package/cjs/Channel/components/ChannelUI.js +0 -185
- package/cjs/Channel/components/ChannelUI.js.map +0 -1
- package/cjs/Channel/components/FileViewer.js +0 -160
- package/cjs/Channel/components/FileViewer.js.map +0 -1
- package/cjs/Channel/components/FrozenNotification.js +0 -26
- package/cjs/Channel/components/FrozenNotification.js.map +0 -1
- package/cjs/Channel/components/Message.js +0 -361
- package/cjs/Channel/components/Message.js.map +0 -1
- package/cjs/Channel/components/MessageInput.js +0 -208
- package/cjs/Channel/components/MessageInput.js.map +0 -1
- package/cjs/Channel/components/MessageList.js +0 -245
- package/cjs/Channel/components/MessageList.js.map +0 -1
- package/cjs/Channel/components/RemoveMessageModal.js +0 -59
- package/cjs/Channel/components/RemoveMessageModal.js.map +0 -1
- package/cjs/Channel/components/SuggestedMentionList.js +0 -256
- package/cjs/Channel/components/SuggestedMentionList.js.map +0 -1
- package/cjs/Channel/components/TypingIndicator.js +0 -107
- package/cjs/Channel/components/TypingIndicator.js.map +0 -1
- package/cjs/Channel/components/UnreadCount.js +0 -47
- package/cjs/Channel/components/UnreadCount.js.map +0 -1
- package/cjs/Channel/context.js +0 -33
- package/cjs/Channel/context.js.map +0 -1
- package/cjs/Channel.js +0 -112
- package/cjs/Channel.js.map +0 -1
- package/cjs/ChannelList/components/AddChannel.js +0 -79
- package/cjs/ChannelList/components/AddChannel.js.map +0 -1
- package/cjs/ChannelList/components/ChannelListHeader.js +0 -68
- package/cjs/ChannelList/components/ChannelListHeader.js.map +0 -1
- package/cjs/ChannelList/components/ChannelListUI.js +0 -242
- package/cjs/ChannelList/components/ChannelListUI.js.map +0 -1
- package/cjs/ChannelList/components/ChannelPreview.js +0 -217
- package/cjs/ChannelList/components/ChannelPreview.js.map +0 -1
- package/cjs/ChannelList/components/ChannelPreviewAction.js +0 -138
- package/cjs/ChannelList/components/ChannelPreviewAction.js.map +0 -1
- package/cjs/ChannelList/context.js +0 -22
- package/cjs/ChannelList/context.js.map +0 -1
- package/cjs/ChannelList.js +0 -95
- package/cjs/ChannelList.js.map +0 -1
- package/cjs/ChannelListProvider-64db9f70.js +0 -938
- package/cjs/ChannelListProvider-64db9f70.js.map +0 -1
- package/cjs/ChannelProvider-5e8e33b1.js +0 -2127
- package/cjs/ChannelProvider-5e8e33b1.js.map +0 -1
- package/cjs/ChannelSettings/components/AdminPanel.js +0 -911
- package/cjs/ChannelSettings/components/AdminPanel.js.map +0 -1
- package/cjs/ChannelSettings/components/ChannelProfile.js +0 -108
- package/cjs/ChannelSettings/components/ChannelProfile.js.map +0 -1
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js +0 -158
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +0 -1
- package/cjs/ChannelSettings/components/EditDetailsModal.js +0 -160
- package/cjs/ChannelSettings/components/EditDetailsModal.js.map +0 -1
- package/cjs/ChannelSettings/components/LeaveChannel.js +0 -59
- package/cjs/ChannelSettings/components/LeaveChannel.js.map +0 -1
- package/cjs/ChannelSettings/components/UserListItem.js +0 -111
- package/cjs/ChannelSettings/components/UserListItem.js.map +0 -1
- package/cjs/ChannelSettings/components/UserPanel.js +0 -85
- package/cjs/ChannelSettings/components/UserPanel.js.map +0 -1
- package/cjs/ChannelSettings/context.js +0 -102
- package/cjs/ChannelSettings/context.js.map +0 -1
- package/cjs/ChannelSettings.js +0 -77
- package/cjs/ChannelSettings.js.map +0 -1
- package/cjs/CreateChannel/components/CreateChannelUI.js +0 -59
- package/cjs/CreateChannel/components/CreateChannelUI.js.map +0 -1
- package/cjs/CreateChannel/components/InviteMembers.js +0 -190
- package/cjs/CreateChannel/components/InviteMembers.js.map +0 -1
- package/cjs/CreateChannel/components/SelectChannelType.js +0 -137
- package/cjs/CreateChannel/components/SelectChannelType.js.map +0 -1
- package/cjs/CreateChannel/context.js +0 -17
- package/cjs/CreateChannel/context.js.map +0 -1
- package/cjs/CreateChannel.js +0 -59
- package/cjs/CreateChannel.js.map +0 -1
- package/cjs/CreateChannelProvider-dcf7f906.js +0 -60
- package/cjs/CreateChannelProvider-dcf7f906.js.map +0 -1
- package/cjs/EditUserProfile/components/EditUserProfileUI.js +0 -32
- package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +0 -1
- package/cjs/EditUserProfile/context.js +0 -36
- package/cjs/EditUserProfile/context.js.map +0 -1
- package/cjs/EditUserProfile.js +0 -45
- package/cjs/EditUserProfile.js.map +0 -1
- package/cjs/LocalizationContext-382a9ef1.js +0 -30
- package/cjs/LocalizationContext-382a9ef1.js.map +0 -1
- package/cjs/MemberList-03a241cd.js +0 -431
- package/cjs/MemberList-03a241cd.js.map +0 -1
- package/cjs/MessageSearch/components/MessageSearchUI.js +0 -160
- package/cjs/MessageSearch/components/MessageSearchUI.js.map +0 -1
- package/cjs/MessageSearch/context.js +0 -401
- package/cjs/MessageSearch/context.js.map +0 -1
- package/cjs/MessageSearch.js +0 -152
- package/cjs/MessageSearch.js.map +0 -1
- package/cjs/OpenChannel/components/FrozenChannelNotification.js +0 -26
- package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +0 -1
- package/cjs/OpenChannel/components/OpenChannelHeader.js +0 -84
- package/cjs/OpenChannel/components/OpenChannelHeader.js.map +0 -1
- package/cjs/OpenChannel/components/OpenChannelInput.js +0 -62
- package/cjs/OpenChannel/components/OpenChannelInput.js.map +0 -1
- package/cjs/OpenChannel/components/OpenChannelMessage.js +0 -288
- package/cjs/OpenChannel/components/OpenChannelMessage.js.map +0 -1
- package/cjs/OpenChannel/components/OpenChannelMessageList.js +0 -163
- package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +0 -1
- package/cjs/OpenChannel/components/OpenChannelUI.js +0 -115
- package/cjs/OpenChannel/components/OpenChannelUI.js.map +0 -1
- package/cjs/OpenChannel/context.js +0 -23
- package/cjs/OpenChannel/context.js.map +0 -1
- package/cjs/OpenChannel.js +0 -86
- package/cjs/OpenChannel.js.map +0 -1
- package/cjs/OpenChannelProvider-9000ccb9.js +0 -2020
- package/cjs/OpenChannelProvider-9000ccb9.js.map +0 -1
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js +0 -155
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +0 -1
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +0 -87
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +0 -1
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +0 -110
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +0 -1
- package/cjs/OpenChannelSettings/components/OperatorUI.js +0 -194
- package/cjs/OpenChannelSettings/components/OperatorUI.js.map +0 -1
- package/cjs/OpenChannelSettings/components/ParticipantUI.js +0 -178
- package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +0 -1
- package/cjs/OpenChannelSettings/context.js +0 -73
- package/cjs/OpenChannelSettings/context.js.map +0 -1
- package/cjs/OpenChannelSettings.js +0 -70
- package/cjs/OpenChannelSettings.js.map +0 -1
- package/cjs/SendbirdProvider.js +0 -771
- package/cjs/SendbirdProvider.js.map +0 -1
- package/cjs/UserProfileContext-0b7ef11a.js +0 -46
- package/cjs/UserProfileContext-0b7ef11a.js.map +0 -1
- package/cjs/_rollupPluginBabelHelpers-6193d45d.js +0 -243
- package/cjs/_rollupPluginBabelHelpers-6193d45d.js.map +0 -1
- package/cjs/actionTypes-092bc172.js +0 -10
- package/cjs/actionTypes-092bc172.js.map +0 -1
- package/cjs/color-1816dacf.js +0 -42
- package/cjs/color-1816dacf.js.map +0 -1
- package/cjs/compareIds-e9bca8c4.js +0 -20
- package/cjs/compareIds-e9bca8c4.js.map +0 -1
- package/cjs/const-c65837c1.js +0 -22
- package/cjs/const-c65837c1.js.map +0 -1
- package/cjs/const-d9f4d880.js +0 -14
- package/cjs/const-d9f4d880.js.map +0 -1
- package/cjs/context-6ebf3379.js +0 -19
- package/cjs/context-6ebf3379.js.map +0 -1
- package/cjs/index-01072ac9.js +0 -97
- package/cjs/index-01072ac9.js.map +0 -1
- package/cjs/index-20a06ed6.js +0 -514
- package/cjs/index-20a06ed6.js.map +0 -1
- package/cjs/index-212a11f2.js +0 -722
- package/cjs/index-212a11f2.js.map +0 -1
- package/cjs/index-2faa2f93.js +0 -9
- package/cjs/index-2faa2f93.js.map +0 -1
- package/cjs/index-4f40f311.js +0 -67
- package/cjs/index-4f40f311.js.map +0 -1
- package/cjs/index-75453415.js +0 -54
- package/cjs/index-75453415.js.map +0 -1
- package/cjs/index-948426a8.js +0 -284
- package/cjs/index-948426a8.js.map +0 -1
- package/cjs/index-a2ce047a.js +0 -1880
- package/cjs/index-a2ce047a.js.map +0 -1
- package/cjs/index-d57081d1.js +0 -175
- package/cjs/index-d57081d1.js.map +0 -1
- package/cjs/index-e63da805.js +0 -130
- package/cjs/index-e63da805.js.map +0 -1
- package/cjs/index-f1971e28.js +0 -142
- package/cjs/index-f1971e28.js.map +0 -1
- package/cjs/index.css +0 -4465
- package/cjs/index.css.map +0 -1
- package/cjs/index.js +0 -162
- package/cjs/index.js.map +0 -1
- package/cjs/openChannelUtils-16f29ba2.js +0 -92
- package/cjs/openChannelUtils-16f29ba2.js.map +0 -1
- package/cjs/sendBirdSelectors.js +0 -741
- package/cjs/sendBirdSelectors.js.map +0 -1
- package/cjs/stringSet-b9ea6eef.js +0 -118
- package/cjs/stringSet-b9ea6eef.js.map +0 -1
- package/cjs/topics-11048db8.js +0 -18
- package/cjs/topics-11048db8.js.map +0 -1
- package/cjs/tslib.es6-07dd6257.js +0 -40
- package/cjs/tslib.es6-07dd6257.js.map +0 -1
- package/cjs/ui/Accordion.js +0 -74
- package/cjs/ui/Accordion.js.map +0 -1
- package/cjs/ui/AccordionGroup.js +0 -32
- package/cjs/ui/AccordionGroup.js.map +0 -1
- package/cjs/ui/AdminMessage.js +0 -44
- package/cjs/ui/AdminMessage.js.map +0 -1
- package/cjs/ui/Avatar.js +0 -226
- package/cjs/ui/Avatar.js.map +0 -1
- package/cjs/ui/Badge.js +0 -45
- package/cjs/ui/Badge.js.map +0 -1
- package/cjs/ui/Button.js +0 -17
- package/cjs/ui/Button.js.map +0 -1
- package/cjs/ui/ChannelAvatar.js +0 -59
- package/cjs/ui/ChannelAvatar.js.map +0 -1
- package/cjs/ui/ChannelPreview.js +0 -201
- package/cjs/ui/ChannelPreview.js.map +0 -1
- package/cjs/ui/ChatHeader.js +0 -145
- package/cjs/ui/ChatHeader.js.map +0 -1
- package/cjs/ui/Checkbox.js +0 -49
- package/cjs/ui/Checkbox.js.map +0 -1
- package/cjs/ui/ConnectionStatus.js +0 -34
- package/cjs/ui/ConnectionStatus.js.map +0 -1
- package/cjs/ui/ContextMenu.js +0 -431
- package/cjs/ui/ContextMenu.js.map +0 -1
- package/cjs/ui/DateSeparator.js +0 -44
- package/cjs/ui/DateSeparator.js.map +0 -1
- package/cjs/ui/Dropdown.js +0 -107
- package/cjs/ui/Dropdown.js.map +0 -1
- package/cjs/ui/EmojiReactions.js +0 -127
- package/cjs/ui/EmojiReactions.js.map +0 -1
- package/cjs/ui/FileMessageItemBody.js +0 -57
- package/cjs/ui/FileMessageItemBody.js.map +0 -1
- package/cjs/ui/FileViewer.js +0 -174
- package/cjs/ui/FileViewer.js.map +0 -1
- package/cjs/ui/Icon.js +0 -1462
- package/cjs/ui/Icon.js.map +0 -1
- package/cjs/ui/IconButton.js +0 -83
- package/cjs/ui/IconButton.js.map +0 -1
- package/cjs/ui/ImageRenderer.js +0 -138
- package/cjs/ui/ImageRenderer.js.map +0 -1
- package/cjs/ui/Input.js +0 -74
- package/cjs/ui/Input.js.map +0 -1
- package/cjs/ui/Label.js +0 -17
- package/cjs/ui/Label.js.map +0 -1
- package/cjs/ui/LinkLabel.js +0 -51
- package/cjs/ui/LinkLabel.js.map +0 -1
- package/cjs/ui/Loader.js +0 -44
- package/cjs/ui/Loader.js.map +0 -1
- package/cjs/ui/MentionUserLabel.js +0 -25
- package/cjs/ui/MentionUserLabel.js.map +0 -1
- package/cjs/ui/MessageContent.js +0 -291
- package/cjs/ui/MessageContent.js.map +0 -1
- package/cjs/ui/MessageInput.js +0 -5048
- package/cjs/ui/MessageInput.js.map +0 -1
- package/cjs/ui/MessageItemMenu.js +0 -141
- package/cjs/ui/MessageItemMenu.js.map +0 -1
- package/cjs/ui/MessageItemReactionMenu.js +0 -112
- package/cjs/ui/MessageItemReactionMenu.js.map +0 -1
- package/cjs/ui/MessageSearchFileItem.js +0 -130
- package/cjs/ui/MessageSearchFileItem.js.map +0 -1
- package/cjs/ui/MessageSearchItem.js +0 -93
- package/cjs/ui/MessageSearchItem.js.map +0 -1
- package/cjs/ui/MessageStatus.js +0 -66
- package/cjs/ui/MessageStatus.js.map +0 -1
- package/cjs/ui/Modal.js +0 -140
- package/cjs/ui/Modal.js.map +0 -1
- package/cjs/ui/MutedAvatarOverlay.js +0 -40
- package/cjs/ui/MutedAvatarOverlay.js.map +0 -1
- package/cjs/ui/OGMessageItemBody.js +0 -107
- package/cjs/ui/OGMessageItemBody.js.map +0 -1
- package/cjs/ui/OpenChannelAdminMessage.js +0 -27
- package/cjs/ui/OpenChannelAdminMessage.js.map +0 -1
- package/cjs/ui/OpenChannelAvatar.js +0 -41
- package/cjs/ui/OpenChannelAvatar.js.map +0 -1
- package/cjs/ui/OpenChannelMessageContent.js +0 -14
- package/cjs/ui/OpenChannelMessageContent.js.map +0 -1
- package/cjs/ui/OpenchannelConversationHeader.js +0 -73
- package/cjs/ui/OpenchannelConversationHeader.js.map +0 -1
- package/cjs/ui/OpenchannelFileMessage.js +0 -230
- package/cjs/ui/OpenchannelFileMessage.js.map +0 -1
- package/cjs/ui/OpenchannelOGMessage.js +0 -345
- package/cjs/ui/OpenchannelOGMessage.js.map +0 -1
- package/cjs/ui/OpenchannelThumbnailMessage.js +0 -305
- package/cjs/ui/OpenchannelThumbnailMessage.js.map +0 -1
- package/cjs/ui/OpenchannelUserMessage.js +0 -264
- package/cjs/ui/OpenchannelUserMessage.js.map +0 -1
- package/cjs/ui/PlaceHolder.js +0 -20
- package/cjs/ui/PlaceHolder.js.map +0 -1
- package/cjs/ui/QuoteMessage.js +0 -131
- package/cjs/ui/QuoteMessage.js.map +0 -1
- package/cjs/ui/QuoteMessageInput.js +0 -99
- package/cjs/ui/QuoteMessageInput.js.map +0 -1
- package/cjs/ui/ReactionBadge.js +0 -68
- package/cjs/ui/ReactionBadge.js.map +0 -1
- package/cjs/ui/ReactionButton.js +0 -55
- package/cjs/ui/ReactionButton.js.map +0 -1
- package/cjs/ui/SortByRow.js +0 -57
- package/cjs/ui/SortByRow.js.map +0 -1
- package/cjs/ui/TextButton.js +0 -45
- package/cjs/ui/TextButton.js.map +0 -1
- package/cjs/ui/TextMessageItemBody.js +0 -62
- package/cjs/ui/TextMessageItemBody.js.map +0 -1
- package/cjs/ui/ThumbnailMessageItemBody.js +0 -82
- package/cjs/ui/ThumbnailMessageItemBody.js.map +0 -1
- package/cjs/ui/Tooltip.js +0 -35
- package/cjs/ui/Tooltip.js.map +0 -1
- package/cjs/ui/TooltipWrapper.js +0 -65
- package/cjs/ui/TooltipWrapper.js.map +0 -1
- package/cjs/ui/UnknownMessageItemBody.js +0 -41
- package/cjs/ui/UnknownMessageItemBody.js.map +0 -1
- package/cjs/ui/UserListItem.js +0 -158
- package/cjs/ui/UserListItem.js.map +0 -1
- package/cjs/ui/UserProfile.js +0 -87
- package/cjs/ui/UserProfile.js.map +0 -1
- package/cjs/useSendbirdStateContext.js +0 -22
- package/cjs/useSendbirdStateContext.js.map +0 -1
- package/cjs/utils-3240365f.js +0 -32
- package/cjs/utils-3240365f.js.map +0 -1
- package/cjs/utils-53d332a6.js +0 -38
- package/cjs/utils-53d332a6.js.map +0 -1
- package/cjs/utils-94ae6cec.js +0 -6
- package/cjs/utils-94ae6cec.js.map +0 -1
- package/cjs/uuid-172844fb.js +0 -19
- package/cjs/uuid-172844fb.js.map +0 -1
- package/cjs/withSendBird.js +0 -35
- package/cjs/withSendBird.js.map +0 -1
- package/color-38dc84d3.js +0 -39
- package/color-38dc84d3.js.map +0 -1
- package/compareIds-f01e0c3c.js +0 -18
- package/compareIds-f01e0c3c.js.map +0 -1
- package/const-b6685801.js +0 -8
- package/const-b6685801.js.map +0 -1
- package/const-d46f09a1.js +0 -18
- package/const-d46f09a1.js.map +0 -1
- package/context-b5168bd0.js +0 -12
- package/context-b5168bd0.js.map +0 -1
- package/index-1c2588aa.js +0 -1873
- package/index-1c2588aa.js.map +0 -1
- package/index-2dce3a04.js +0 -87
- package/index-2dce3a04.js.map +0 -1
- package/index-3bd4a058.js +0 -168
- package/index-3bd4a058.js.map +0 -1
- package/index-62fd2db7.js +0 -48
- package/index-62fd2db7.js.map +0 -1
- package/index-6381b534.js +0 -512
- package/index-6381b534.js.map +0 -1
- package/index-9afb4d01.js +0 -64
- package/index-9afb4d01.js.map +0 -1
- package/index-a6675155.js +0 -280
- package/index-a6675155.js.map +0 -1
- package/index-b12b270e.js +0 -121
- package/index-b12b270e.js.map +0 -1
- package/index-d0b30cd5.js +0 -131
- package/index-d0b30cd5.js.map +0 -1
- package/index-d0fe8fe1.js +0 -7
- package/index-d0fe8fe1.js.map +0 -1
- package/index-e6d0889d.js +0 -682
- package/index-e6d0889d.js.map +0 -1
- package/index.d.ts +0 -1829
- package/index.js +0 -143
- package/index.js.map +0 -1
- package/openChannelUtils-22ed0258.js +0 -81
- package/openChannelUtils-22ed0258.js.map +0 -1
- package/sendBirdSelectors.js +0 -713
- package/sendBirdSelectors.js.map +0 -1
- package/stringSet-2e6c1d2c.js +0 -116
- package/stringSet-2e6c1d2c.js.map +0 -1
- package/topics-67738aac.js +0 -10
- package/topics-67738aac.js.map +0 -1
- package/tslib.es6-b6e567bd.js +0 -38
- package/tslib.es6-b6e567bd.js.map +0 -1
- package/ui/Accordion.js +0 -65
- package/ui/Accordion.js.map +0 -1
- package/ui/AccordionGroup.js +0 -26
- package/ui/AccordionGroup.js.map +0 -1
- package/ui/AdminMessage.js +0 -37
- package/ui/AdminMessage.js.map +0 -1
- package/ui/Avatar.js +0 -217
- package/ui/Avatar.js.map +0 -1
- package/ui/Badge.js +0 -38
- package/ui/Badge.js.map +0 -1
- package/ui/Button.js +0 -7
- package/ui/Button.js.map +0 -1
- package/ui/ChannelAvatar.js +0 -53
- package/ui/ChannelAvatar.js.map +0 -1
- package/ui/ChannelPreview.js +0 -194
- package/ui/ChannelPreview.js.map +0 -1
- package/ui/ChatHeader.js +0 -138
- package/ui/ChatHeader.js.map +0 -1
- package/ui/Checkbox.js +0 -42
- package/ui/Checkbox.js.map +0 -1
- package/ui/ConnectionStatus.js +0 -28
- package/ui/ConnectionStatus.js.map +0 -1
- package/ui/ContextMenu.js +0 -417
- package/ui/ContextMenu.js.map +0 -1
- package/ui/DateSeparator.js +0 -37
- package/ui/DateSeparator.js.map +0 -1
- package/ui/Dropdown.js +0 -97
- package/ui/Dropdown.js.map +0 -1
- package/ui/EmojiReactions.js +0 -121
- package/ui/EmojiReactions.js.map +0 -1
- package/ui/FileMessageItemBody.js +0 -51
- package/ui/FileMessageItemBody.js.map +0 -1
- package/ui/FileViewer.js +0 -164
- package/ui/FileViewer.js.map +0 -1
- package/ui/Icon.js +0 -1432
- package/ui/Icon.js.map +0 -1
- package/ui/IconButton.js +0 -76
- package/ui/IconButton.js.map +0 -1
- package/ui/ImageRenderer.js +0 -131
- package/ui/ImageRenderer.js.map +0 -1
- package/ui/Input.js +0 -64
- package/ui/Input.js.map +0 -1
- package/ui/Label.js +0 -6
- package/ui/Label.js.map +0 -1
- package/ui/LinkLabel.js +0 -40
- package/ui/LinkLabel.js.map +0 -1
- package/ui/Loader.js +0 -37
- package/ui/Loader.js.map +0 -1
- package/ui/MentionUserLabel.js +0 -19
- package/ui/MentionUserLabel.js.map +0 -1
- package/ui/MessageContent.js +0 -285
- package/ui/MessageContent.js.map +0 -1
- package/ui/MessageInput.js +0 -5040
- package/ui/MessageInput.js.map +0 -1
- package/ui/MessageItemMenu.js +0 -135
- package/ui/MessageItemMenu.js.map +0 -1
- package/ui/MessageItemReactionMenu.js +0 -106
- package/ui/MessageItemReactionMenu.js.map +0 -1
- package/ui/MessageSearchFileItem.js +0 -124
- package/ui/MessageSearchFileItem.js.map +0 -1
- package/ui/MessageSearchItem.js +0 -87
- package/ui/MessageSearchItem.js.map +0 -1
- package/ui/MessageStatus.js +0 -57
- package/ui/MessageStatus.js.map +0 -1
- package/ui/Modal.js +0 -128
- package/ui/Modal.js.map +0 -1
- package/ui/MutedAvatarOverlay.js +0 -34
- package/ui/MutedAvatarOverlay.js.map +0 -1
- package/ui/OGMessageItemBody.js +0 -101
- package/ui/OGMessageItemBody.js.map +0 -1
- package/ui/OpenChannelAdminMessage.js +0 -21
- package/ui/OpenChannelAdminMessage.js.map +0 -1
- package/ui/OpenChannelAvatar.js +0 -35
- package/ui/OpenChannelAvatar.js.map +0 -1
- package/ui/OpenChannelMessageContent.js +0 -8
- package/ui/OpenChannelMessageContent.js.map +0 -1
- package/ui/OpenchannelConversationHeader.js +0 -67
- package/ui/OpenchannelConversationHeader.js.map +0 -1
- package/ui/OpenchannelFileMessage.js +0 -224
- package/ui/OpenchannelFileMessage.js.map +0 -1
- package/ui/OpenchannelOGMessage.js +0 -339
- package/ui/OpenchannelOGMessage.js.map +0 -1
- package/ui/OpenchannelThumbnailMessage.js +0 -299
- package/ui/OpenchannelThumbnailMessage.js.map +0 -1
- package/ui/OpenchannelUserMessage.js +0 -258
- package/ui/OpenchannelUserMessage.js.map +0 -1
- package/ui/PlaceHolder.js +0 -11
- package/ui/PlaceHolder.js.map +0 -1
- package/ui/QuoteMessage.js +0 -125
- package/ui/QuoteMessage.js.map +0 -1
- package/ui/QuoteMessageInput.js +0 -93
- package/ui/QuoteMessageInput.js.map +0 -1
- package/ui/ReactionBadge.js +0 -61
- package/ui/ReactionBadge.js.map +0 -1
- package/ui/ReactionButton.js +0 -48
- package/ui/ReactionButton.js.map +0 -1
- package/ui/SortByRow.js +0 -50
- package/ui/SortByRow.js.map +0 -1
- package/ui/TextButton.js +0 -38
- package/ui/TextButton.js.map +0 -1
- package/ui/TextMessageItemBody.js +0 -56
- package/ui/TextMessageItemBody.js.map +0 -1
- package/ui/ThumbnailMessageItemBody.js +0 -76
- package/ui/ThumbnailMessageItemBody.js.map +0 -1
- package/ui/Tooltip.js +0 -28
- package/ui/Tooltip.js.map +0 -1
- package/ui/TooltipWrapper.js +0 -58
- package/ui/TooltipWrapper.js.map +0 -1
- package/ui/UnknownMessageItemBody.js +0 -35
- package/ui/UnknownMessageItemBody.js.map +0 -1
- package/ui/UserListItem.js +0 -151
- package/ui/UserListItem.js.map +0 -1
- package/ui/UserProfile.js +0 -81
- package/ui/UserProfile.js.map +0 -1
- package/useSendbirdStateContext.js +0 -20
- package/useSendbirdStateContext.js.map +0 -1
- package/utils-04c291d8.js +0 -34
- package/utils-04c291d8.js.map +0 -1
- package/utils-28de36e9.js +0 -30
- package/utils-28de36e9.js.map +0 -1
- package/utils-f5c9ef64.js +0 -4
- package/utils-f5c9ef64.js.map +0 -1
- package/uuid-0139dc21.js +0 -17
- package/uuid-0139dc21.js.map +0 -1
- package/withSendBird.js +0 -26
- package/withSendBird.js.map +0 -1
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
import { a as __spreadArray } from '../../tslib.es6-b6e567bd.js';
|
|
2
|
-
import React__default, { useContext, useState, useEffect } from 'react';
|
|
3
|
-
import { u as useChannel, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-cf8fc05a.js';
|
|
4
|
-
import MessageInput from '../../ui/MessageInput.js';
|
|
5
|
-
import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
|
|
6
|
-
import { a as LocalizationContext } from '../../LocalizationContext-b970a73c.js';
|
|
7
|
-
import useSendbirdStateContext from '../../useSendbirdStateContext.js';
|
|
8
|
-
import SuggestedMentionList from './SuggestedMentionList.js';
|
|
9
|
-
import { M as MessageInputKeys } from '../../const-d46f09a1.js';
|
|
10
|
-
import '../../UserProfileContext-f4ff4291.js';
|
|
11
|
-
import 'prop-types';
|
|
12
|
-
import '../../_rollupPluginBabelHelpers-6bf18550.js';
|
|
13
|
-
import '../../index-1c2588aa.js';
|
|
14
|
-
import '../../index-6381b534.js';
|
|
15
|
-
import '../../topics-67738aac.js';
|
|
16
|
-
import '../../index-e6d0889d.js';
|
|
17
|
-
import '../../compareIds-f01e0c3c.js';
|
|
18
|
-
import '../../const-b6685801.js';
|
|
19
|
-
import '../../uuid-0139dc21.js';
|
|
20
|
-
import '../../ui/ContextMenu.js';
|
|
21
|
-
import '../../index-d0b30cd5.js';
|
|
22
|
-
import '../../stringSet-2e6c1d2c.js';
|
|
23
|
-
import 'react-dom';
|
|
24
|
-
import '../../ui/SortByRow.js';
|
|
25
|
-
import '../../ui/ReactionButton.js';
|
|
26
|
-
import '../../ui/ImageRenderer.js';
|
|
27
|
-
import '../../ui/Icon.js';
|
|
28
|
-
import 'stream';
|
|
29
|
-
import '../../ui/IconButton.js';
|
|
30
|
-
import '../../index-2dce3a04.js';
|
|
31
|
-
import '../../ui/MentionUserLabel.js';
|
|
32
|
-
import '../../withSendBird.js';
|
|
33
|
-
import '../../ui/Avatar.js';
|
|
34
|
-
|
|
35
|
-
var MessageInputWrapper = function MessageInputWrapper() {
|
|
36
|
-
var _a = useChannel(),
|
|
37
|
-
currentGroupChannel = _a.currentGroupChannel,
|
|
38
|
-
initialized = _a.initialized,
|
|
39
|
-
quoteMessage = _a.quoteMessage,
|
|
40
|
-
sendMessage = _a.sendMessage,
|
|
41
|
-
sendFileMessage = _a.sendFileMessage,
|
|
42
|
-
setQuoteMessage = _a.setQuoteMessage,
|
|
43
|
-
messageInputRef = _a.messageInputRef,
|
|
44
|
-
renderUserMentionItem = _a.renderUserMentionItem;
|
|
45
|
-
|
|
46
|
-
var globalStore = useSendbirdStateContext();
|
|
47
|
-
var channel = currentGroupChannel;
|
|
48
|
-
|
|
49
|
-
var _b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config,
|
|
50
|
-
isOnline = _b.isOnline,
|
|
51
|
-
isMentionEnabled = _b.isMentionEnabled,
|
|
52
|
-
userMention = _b.userMention;
|
|
53
|
-
|
|
54
|
-
var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10;
|
|
55
|
-
var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15;
|
|
56
|
-
var stringSet = useContext(LocalizationContext).stringSet;
|
|
57
|
-
|
|
58
|
-
var _c = useState(''),
|
|
59
|
-
mentionNickname = _c[0],
|
|
60
|
-
setMentionNickname = _c[1];
|
|
61
|
-
|
|
62
|
-
var _d = useState([]),
|
|
63
|
-
mentionedUsers = _d[0],
|
|
64
|
-
setMentionedUsers = _d[1];
|
|
65
|
-
|
|
66
|
-
var _e = useState([]),
|
|
67
|
-
mentionedUserIds = _e[0],
|
|
68
|
-
setMentionedUserIds = _e[1];
|
|
69
|
-
|
|
70
|
-
var _f = useState(null),
|
|
71
|
-
selectedUser = _f[0],
|
|
72
|
-
setSelectedUser = _f[1];
|
|
73
|
-
|
|
74
|
-
var _g = useState([]),
|
|
75
|
-
mentionSuggestedUsers = _g[0],
|
|
76
|
-
setMentionSuggestedUsers = _g[1];
|
|
77
|
-
|
|
78
|
-
var _h = useState(true),
|
|
79
|
-
ableMention = _h[0],
|
|
80
|
-
setAbleMention = _h[1];
|
|
81
|
-
|
|
82
|
-
var _j = useState(null),
|
|
83
|
-
messageInputEvent = _j[0],
|
|
84
|
-
setMessageInputEvent = _j[1];
|
|
85
|
-
|
|
86
|
-
var disabled = !initialized || isDisabledBecauseFrozen(channel) || isDisabledBecauseMuted(channel) || !isOnline;
|
|
87
|
-
var isOperator$1 = isOperator(channel);
|
|
88
|
-
var isBroadcast = channel.isBroadcast;
|
|
89
|
-
var displaySuggestedMentionList = isMentionEnabled && mentionNickname.length > 0;
|
|
90
|
-
useEffect(function () {
|
|
91
|
-
if ((mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) >= maxUserMentionCount) {
|
|
92
|
-
setAbleMention(false);
|
|
93
|
-
} else {
|
|
94
|
-
setAbleMention(true);
|
|
95
|
-
}
|
|
96
|
-
}, [mentionedUsers]);
|
|
97
|
-
useEffect(function () {
|
|
98
|
-
setMentionedUsers(mentionedUsers.filter(function (_a) {
|
|
99
|
-
var userId = _a.userId;
|
|
100
|
-
var i = mentionedUserIds.indexOf(userId);
|
|
101
|
-
|
|
102
|
-
if (i < 0) {
|
|
103
|
-
return false;
|
|
104
|
-
} else {
|
|
105
|
-
mentionedUserIds.splice(i, 1);
|
|
106
|
-
return true;
|
|
107
|
-
}
|
|
108
|
-
}));
|
|
109
|
-
}, [mentionedUserIds]); // broadcast channel + not operator
|
|
110
|
-
|
|
111
|
-
if (isBroadcast && !isOperator$1) {
|
|
112
|
-
return null;
|
|
113
|
-
} // other conditions
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
117
|
-
className: "sendbird-message-input-wrapper"
|
|
118
|
-
}, displaySuggestedMentionList && /*#__PURE__*/React__default.createElement(SuggestedMentionList, {
|
|
119
|
-
targetNickname: mentionNickname,
|
|
120
|
-
inputEvent: messageInputEvent,
|
|
121
|
-
renderUserMentionItem: renderUserMentionItem,
|
|
122
|
-
onUserItemClick: function onUserItemClick(user) {
|
|
123
|
-
if (user) {
|
|
124
|
-
setMentionedUsers(__spreadArray(__spreadArray([], mentionedUsers, true), [user], false));
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
setMentionNickname('');
|
|
128
|
-
setSelectedUser(user);
|
|
129
|
-
setMessageInputEvent(null);
|
|
130
|
-
},
|
|
131
|
-
onFocusItemChange: function onFocusItemChange() {
|
|
132
|
-
setMessageInputEvent(null);
|
|
133
|
-
},
|
|
134
|
-
onFetchUsers: function onFetchUsers(users) {
|
|
135
|
-
setMentionSuggestedUsers(users);
|
|
136
|
-
},
|
|
137
|
-
ableAddMention: ableMention,
|
|
138
|
-
maxMentionCount: maxUserMentionCount,
|
|
139
|
-
maxSuggestionCount: maxUserSuggestionCount
|
|
140
|
-
}), quoteMessage && /*#__PURE__*/React__default.createElement("div", {
|
|
141
|
-
className: "sendbird-message-input-wrapper__quote-message-input"
|
|
142
|
-
}, /*#__PURE__*/React__default.createElement(QuoteMessageInput, {
|
|
143
|
-
replyingMessage: quoteMessage,
|
|
144
|
-
onClose: function onClose() {
|
|
145
|
-
return setQuoteMessage(null);
|
|
146
|
-
}
|
|
147
|
-
})), /*#__PURE__*/React__default.createElement(MessageInput, {
|
|
148
|
-
className: "sendbird-message-input-wrapper__message-input",
|
|
149
|
-
channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
|
|
150
|
-
mentionSelectedUser: selectedUser,
|
|
151
|
-
isMentionEnabled: isMentionEnabled,
|
|
152
|
-
placeholder: quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER || isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED || isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED,
|
|
153
|
-
ref: messageInputRef,
|
|
154
|
-
disabled: disabled,
|
|
155
|
-
onStartTyping: function onStartTyping() {
|
|
156
|
-
channel === null || channel === void 0 ? void 0 : channel.startTyping();
|
|
157
|
-
},
|
|
158
|
-
onSendMessage: function onSendMessage(_a) {
|
|
159
|
-
var message = _a.message,
|
|
160
|
-
mentionTemplate = _a.mentionTemplate;
|
|
161
|
-
sendMessage({
|
|
162
|
-
message: message,
|
|
163
|
-
quoteMessage: quoteMessage,
|
|
164
|
-
mentionedUsers: mentionedUsers,
|
|
165
|
-
mentionTemplate: mentionTemplate
|
|
166
|
-
});
|
|
167
|
-
setMentionNickname('');
|
|
168
|
-
setMentionedUsers([]);
|
|
169
|
-
setQuoteMessage(null);
|
|
170
|
-
channel === null || channel === void 0 ? void 0 : channel.endTyping();
|
|
171
|
-
},
|
|
172
|
-
onFileUpload: function onFileUpload(file) {
|
|
173
|
-
sendFileMessage(file, quoteMessage);
|
|
174
|
-
setQuoteMessage(null);
|
|
175
|
-
},
|
|
176
|
-
onUserMentioned: function onUserMentioned(user) {
|
|
177
|
-
if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
|
|
178
|
-
setSelectedUser(null);
|
|
179
|
-
setMentionNickname('');
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
|
-
onMentionStringChange: function onMentionStringChange(mentionText) {
|
|
183
|
-
setMentionNickname(mentionText);
|
|
184
|
-
},
|
|
185
|
-
onMentionedUserIdsUpdated: function onMentionedUserIdsUpdated(userIds) {
|
|
186
|
-
setMentionedUserIds(userIds);
|
|
187
|
-
},
|
|
188
|
-
onKeyDown: function onKeyDown(e) {
|
|
189
|
-
if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0 && (e.key === MessageInputKeys.Enter && ableMention || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)) {
|
|
190
|
-
setMessageInputEvent(e);
|
|
191
|
-
return true;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
return false;
|
|
195
|
-
}
|
|
196
|
-
}));
|
|
197
|
-
};
|
|
198
|
-
|
|
199
|
-
var MessageInputWrapper$1 = /*#__PURE__*/React__default.forwardRef(MessageInputWrapper);
|
|
200
|
-
|
|
201
|
-
export { MessageInputWrapper$1 as default };
|
|
202
|
-
//# sourceMappingURL=MessageInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageInput.js","sources":["../../../src/smart-components/Channel/components/MessageInput/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\n\nimport './message-input.scss';\nimport * as utils from '../../context/utils';\n\nimport MessageInput from '../../../../ui/MessageInput';\nimport QuoteMessageInput from '../../../../ui/QuoteMessageInput';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useChannel } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\n\nconst MessageInputWrapper = (): JSX.Element => {\n const {\n currentGroupChannel,\n initialized,\n quoteMessage,\n sendMessage,\n sendFileMessage,\n setQuoteMessage,\n messageInputRef,\n renderUserMentionItem,\n } = useChannel();\n const globalStore = useSendbirdStateContext();\n const channel = currentGroupChannel;\n\n const { isOnline, isMentionEnabled, userMention } = globalStore?.config;\n const maxUserMentionCount = userMention?.maxMentionCount || 10;\n const maxUserSuggestionCount = userMention?.maxSuggestionCount || 15;\n\n const { stringSet } = useContext(LocalizationContext);\n const [mentionNickname, setMentionNickname] = useState('');\n const [mentionedUsers, setMentionedUsers] = useState([]);\n const [mentionedUserIds, setMentionedUserIds] = useState([]);\n const [selectedUser, setSelectedUser] = useState(null);\n const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n const [ableMention, setAbleMention] = useState(true);\n const [messageInputEvent, setMessageInputEvent] = useState(null);\n const disabled = !initialized\n || utils.isDisabledBecauseFrozen(channel)\n || utils.isDisabledBecauseMuted(channel)\n || !isOnline;\n const isOperator = utils.isOperator(channel);\n const { isBroadcast } = channel;\n\n const displaySuggestedMentionList = (isMentionEnabled && mentionNickname.length > 0);\n\n useEffect(() => {\n if (mentionedUsers?.length >= maxUserMentionCount) {\n setAbleMention(false);\n } else {\n setAbleMention(true);\n }\n }, [mentionedUsers]);\n\n useEffect(() => {\n setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n const i = mentionedUserIds.indexOf(userId);\n if (i < 0) {\n return false;\n } else {\n mentionedUserIds.splice(i, 1);\n return true;\n }\n }));\n }, [mentionedUserIds]);\n\n // broadcast channel + not operator\n if (isBroadcast && !isOperator) {\n return null;\n }\n // other conditions\n return (\n <div className=\"sendbird-message-input-wrapper\">\n {\n displaySuggestedMentionList && (\n <SuggestedMentionList\n targetNickname={mentionNickname}\n inputEvent={messageInputEvent}\n renderUserMentionItem={renderUserMentionItem}\n onUserItemClick={(user) => {\n if (user) {\n setMentionedUsers([...mentionedUsers, user]);\n }\n setMentionNickname('');\n setSelectedUser(user);\n setMessageInputEvent(null);\n }}\n onFocusItemChange={() => {\n setMessageInputEvent(null);\n }}\n onFetchUsers={(users) => {\n setMentionSuggestedUsers(users);\n }}\n ableAddMention={ableMention}\n maxMentionCount={maxUserMentionCount}\n maxSuggestionCount={maxUserSuggestionCount}\n />\n )\n }\n {quoteMessage && (\n <div className=\"sendbird-message-input-wrapper__quote-message-input\">\n <QuoteMessageInput\n replyingMessage={quoteMessage}\n onClose={() => setQuoteMessage(null)}\n />\n </div>\n )}\n <MessageInput\n className=\"sendbird-message-input-wrapper__message-input\"\n channelUrl={channel?.url}\n mentionSelectedUser={selectedUser}\n isMentionEnabled={isMentionEnabled}\n placeholder={\n (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)\n || (utils.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n || (utils.isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)\n }\n ref={messageInputRef}\n disabled={disabled}\n onStartTyping={() => {\n channel?.startTyping();\n }}\n onSendMessage={({ message, mentionTemplate }) => {\n sendMessage({\n message,\n quoteMessage,\n mentionedUsers,\n mentionTemplate,\n });\n setMentionNickname('');\n setMentionedUsers([]);\n setQuoteMessage(null);\n channel?.endTyping();\n }}\n onFileUpload={(file) => {\n sendFileMessage(file, quoteMessage);\n setQuoteMessage(null);\n }}\n onUserMentioned={(user) => {\n if (selectedUser?.userId === user?.userId) {\n setSelectedUser(null);\n setMentionNickname('');\n }\n }}\n onMentionStringChange={(mentionText) => {\n setMentionNickname(mentionText);\n }}\n onMentionedUserIdsUpdated={(userIds) => {\n setMentionedUserIds(userIds);\n }}\n onKeyDown={(e) => {\n if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n ) {\n setMessageInputEvent(e);\n return true;\n }\n return false;\n }}\n />\n </div>\n );\n}\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","_a","useChannel","currentGroupChannel","initialized","quoteMessage","sendMessage","sendFileMessage","setQuoteMessage","messageInputRef","renderUserMentionItem","globalStore","useSendbirdStateContext","channel","_b","config","isOnline","isMentionEnabled","userMention","maxUserMentionCount","maxMentionCount","maxUserSuggestionCount","maxSuggestionCount","stringSet","useContext","LocalizationContext","_c","useState","mentionNickname","setMentionNickname","_d","mentionedUsers","setMentionedUsers","_e","mentionedUserIds","setMentionedUserIds","_f","selectedUser","setSelectedUser","_g","mentionSuggestedUsers","setMentionSuggestedUsers","_h","ableMention","setAbleMention","_j","messageInputEvent","setMessageInputEvent","disabled","utils","isOperator","isBroadcast","displaySuggestedMentionList","length","useEffect","filter","userId","i","indexOf","splice","React","user","users","url","MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","MESSAGE_INPUT__PLACE_HOLDER__MUTED","startTyping","message","mentionTemplate","endTyping","file","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}
|
|
@@ -1,239 +0,0 @@
|
|
|
1
|
-
import React__default, { useState, useMemo } from 'react';
|
|
2
|
-
import { i as isSameDay } from '../../index-9afb4d01.js';
|
|
3
|
-
import { u as useChannel, c as compareMessagesForGrouping, i as isAboutSame } from '../../ChannelProvider-cf8fc05a.js';
|
|
4
|
-
import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-b12b270e.js';
|
|
5
|
-
import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
|
|
6
|
-
import Message from './Message.js';
|
|
7
|
-
import { u as uuidv4 } from '../../uuid-0139dc21.js';
|
|
8
|
-
import '../../index-1c2588aa.js';
|
|
9
|
-
import '../../index-6381b534.js';
|
|
10
|
-
import '../../UserProfileContext-f4ff4291.js';
|
|
11
|
-
import 'prop-types';
|
|
12
|
-
import '../../useSendbirdStateContext.js';
|
|
13
|
-
import '../../withSendBird.js';
|
|
14
|
-
import '../../_rollupPluginBabelHelpers-6bf18550.js';
|
|
15
|
-
import '../../topics-67738aac.js';
|
|
16
|
-
import '../../index-e6d0889d.js';
|
|
17
|
-
import '../../tslib.es6-b6e567bd.js';
|
|
18
|
-
import '../../compareIds-f01e0c3c.js';
|
|
19
|
-
import '../../const-b6685801.js';
|
|
20
|
-
import '../../ui/ContextMenu.js';
|
|
21
|
-
import '../../index-d0b30cd5.js';
|
|
22
|
-
import '../../stringSet-2e6c1d2c.js';
|
|
23
|
-
import 'react-dom';
|
|
24
|
-
import '../../ui/SortByRow.js';
|
|
25
|
-
import '../../ui/ReactionButton.js';
|
|
26
|
-
import '../../ui/ImageRenderer.js';
|
|
27
|
-
import '../../ui/Loader.js';
|
|
28
|
-
import '../../LocalizationContext-b970a73c.js';
|
|
29
|
-
import './SuggestedMentionList.js';
|
|
30
|
-
import '../../ui/Avatar.js';
|
|
31
|
-
import '../../const-d46f09a1.js';
|
|
32
|
-
import '../../ui/DateSeparator.js';
|
|
33
|
-
import '../../color-38dc84d3.js';
|
|
34
|
-
import '../../ui/MessageInput.js';
|
|
35
|
-
import 'stream';
|
|
36
|
-
import '../../ui/IconButton.js';
|
|
37
|
-
import '../../index-2dce3a04.js';
|
|
38
|
-
import '../../ui/MentionUserLabel.js';
|
|
39
|
-
import '../../ui/MessageContent.js';
|
|
40
|
-
import '../../ui/UserProfile.js';
|
|
41
|
-
import '../../sendBirdSelectors.js';
|
|
42
|
-
import '../../ui/MessageStatus.js';
|
|
43
|
-
import '../../ui/MessageItemMenu.js';
|
|
44
|
-
import '../../ui/MessageItemReactionMenu.js';
|
|
45
|
-
import '../../ui/EmojiReactions.js';
|
|
46
|
-
import '../../ui/Tooltip.js';
|
|
47
|
-
import '../../ui/TooltipWrapper.js';
|
|
48
|
-
import '../../ui/ReactionBadge.js';
|
|
49
|
-
import '../../ui/AdminMessage.js';
|
|
50
|
-
import '../../ui/TextMessageItemBody.js';
|
|
51
|
-
import '../../index-62fd2db7.js';
|
|
52
|
-
import '../../ui/LinkLabel.js';
|
|
53
|
-
import '../../ui/FileMessageItemBody.js';
|
|
54
|
-
import '../../ui/TextButton.js';
|
|
55
|
-
import '../../ui/ThumbnailMessageItemBody.js';
|
|
56
|
-
import '../../ui/OGMessageItemBody.js';
|
|
57
|
-
import '../../ui/UnknownMessageItemBody.js';
|
|
58
|
-
import '../../ui/QuoteMessage.js';
|
|
59
|
-
import './FileViewer.js';
|
|
60
|
-
import '../../index-d0fe8fe1.js';
|
|
61
|
-
import './RemoveMessageModal.js';
|
|
62
|
-
import '../../ui/Modal.js';
|
|
63
|
-
import '../../utils-f5c9ef64.js';
|
|
64
|
-
|
|
65
|
-
var SCROLL_REF_CLASS_NAME = '.sendbird-msg--scroll-ref';
|
|
66
|
-
|
|
67
|
-
var MessageList = function MessageList(props) {
|
|
68
|
-
var renderMessage = props.renderMessage,
|
|
69
|
-
renderPlaceholderEmpty = props.renderPlaceholderEmpty,
|
|
70
|
-
renderCustomSeparator = props.renderCustomSeparator;
|
|
71
|
-
|
|
72
|
-
var _a = useChannel(),
|
|
73
|
-
allMessages = _a.allMessages,
|
|
74
|
-
hasMorePrev = _a.hasMorePrev,
|
|
75
|
-
setInitialTimeStamp = _a.setInitialTimeStamp,
|
|
76
|
-
setAnimatedMessageId = _a.setAnimatedMessageId,
|
|
77
|
-
setHighLightedMessageId = _a.setHighLightedMessageId,
|
|
78
|
-
useMessageGrouping = _a.useMessageGrouping,
|
|
79
|
-
scrollRef = _a.scrollRef,
|
|
80
|
-
onScrollCallback = _a.onScrollCallback,
|
|
81
|
-
onScrollDownCallback = _a.onScrollDownCallback,
|
|
82
|
-
messagesDispatcher = _a.messagesDispatcher,
|
|
83
|
-
messageActionTypes = _a.messageActionTypes,
|
|
84
|
-
currentGroupChannel = _a.currentGroupChannel;
|
|
85
|
-
|
|
86
|
-
var _b = useState(0),
|
|
87
|
-
scrollBottom = _b[0],
|
|
88
|
-
setScrollBottom = _b[1];
|
|
89
|
-
|
|
90
|
-
var onScroll = function onScroll(e) {
|
|
91
|
-
var element = e.target;
|
|
92
|
-
var scrollTop = element.scrollTop,
|
|
93
|
-
clientHeight = element.clientHeight,
|
|
94
|
-
scrollHeight = element.scrollHeight;
|
|
95
|
-
|
|
96
|
-
if (scrollTop === 0) {
|
|
97
|
-
if (!hasMorePrev) {
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
var nodes = scrollRef.current.querySelectorAll(SCROLL_REF_CLASS_NAME);
|
|
102
|
-
var first_1 = nodes && nodes[0];
|
|
103
|
-
onScrollCallback(function (_a) {
|
|
104
|
-
var messages = _a[0];
|
|
105
|
-
|
|
106
|
-
if (messages) {
|
|
107
|
-
// https://github.com/scabbiaza/react-scroll-position-on-updating-dom
|
|
108
|
-
// Set block to nearest to prevent unexpected scrolling from outer components
|
|
109
|
-
try {
|
|
110
|
-
first_1.scrollIntoView({
|
|
111
|
-
block: "start",
|
|
112
|
-
inline: "nearest"
|
|
113
|
-
});
|
|
114
|
-
} catch (error) {//
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {
|
|
121
|
-
onScrollDownCallback(function (_a) {
|
|
122
|
-
var messages = _a[0];
|
|
123
|
-
|
|
124
|
-
if (messages) {
|
|
125
|
-
try {
|
|
126
|
-
element.scrollTop = scrollHeight - clientHeight;
|
|
127
|
-
} catch (error) {//
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
});
|
|
131
|
-
} // save the lastest scroll bottom value
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
|
|
135
|
-
var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
|
|
136
|
-
setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight);
|
|
137
|
-
} // do this later
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
setTimeout(function () {
|
|
141
|
-
// mark as read if scroll is at end
|
|
142
|
-
if (clientHeight + scrollTop === scrollHeight) {
|
|
143
|
-
messagesDispatcher({
|
|
144
|
-
type: messageActionTypes.MARK_AS_READ,
|
|
145
|
-
payload: {
|
|
146
|
-
channel: currentGroupChannel
|
|
147
|
-
}
|
|
148
|
-
});
|
|
149
|
-
currentGroupChannel.markAsRead();
|
|
150
|
-
}
|
|
151
|
-
}, 500);
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
var onClickScrollBot = function onClickScrollBot() {
|
|
155
|
-
var _a, _b, _c;
|
|
156
|
-
|
|
157
|
-
setInitialTimeStamp === null || setInitialTimeStamp === void 0 ? void 0 : setInitialTimeStamp(null);
|
|
158
|
-
setAnimatedMessageId === null || setAnimatedMessageId === void 0 ? void 0 : setAnimatedMessageId(null);
|
|
159
|
-
setHighLightedMessageId === null || setHighLightedMessageId === void 0 ? void 0 : setHighLightedMessageId(null);
|
|
160
|
-
|
|
161
|
-
if ((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) {
|
|
162
|
-
scrollRef.current.scrollTop = ((_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) - ((_c = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight);
|
|
163
|
-
}
|
|
164
|
-
}; // Because every message components are re-rendered everytime by every scroll events
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
var memoizedAllMessages = useMemo(function () {
|
|
168
|
-
return allMessages.map(function (m, idx) {
|
|
169
|
-
var previousMessage = allMessages[idx - 1];
|
|
170
|
-
var nextMessage = allMessages[idx + 1];
|
|
171
|
-
|
|
172
|
-
var _a = useMessageGrouping ? compareMessagesForGrouping(previousMessage, m, nextMessage) : [false, false],
|
|
173
|
-
chainTop = _a[0],
|
|
174
|
-
chainBottom = _a[1];
|
|
175
|
-
|
|
176
|
-
var previousMessageCreatedAt = previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.createdAt;
|
|
177
|
-
var currentCreatedAt = m.createdAt; // https://stackoverflow.com/a/41855608
|
|
178
|
-
|
|
179
|
-
var hasSeparator = !(previousMessageCreatedAt && isSameDay(currentCreatedAt, previousMessageCreatedAt));
|
|
180
|
-
|
|
181
|
-
var handleScroll = function handleScroll() {
|
|
182
|
-
var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
|
|
183
|
-
|
|
184
|
-
if (current) {
|
|
185
|
-
var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
|
|
186
|
-
|
|
187
|
-
if (scrollBottom < bottom) {
|
|
188
|
-
current.scrollTop += bottom - scrollBottom;
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
};
|
|
192
|
-
|
|
193
|
-
return /*#__PURE__*/React__default.createElement(Message, {
|
|
194
|
-
handleScroll: handleScroll,
|
|
195
|
-
renderMessage: renderMessage,
|
|
196
|
-
message: m,
|
|
197
|
-
hasSeparator: hasSeparator,
|
|
198
|
-
chainTop: chainTop,
|
|
199
|
-
chainBottom: chainBottom,
|
|
200
|
-
renderCustomSeparator: renderCustomSeparator,
|
|
201
|
-
key: m.messageId + uuidv4()
|
|
202
|
-
});
|
|
203
|
-
});
|
|
204
|
-
}, [allMessages]);
|
|
205
|
-
|
|
206
|
-
if (allMessages.length < 1) {
|
|
207
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (renderPlaceholderEmpty === null || renderPlaceholderEmpty === void 0 ? void 0 : renderPlaceholderEmpty()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
|
|
208
|
-
className: "sendbird-conversation__no-messages",
|
|
209
|
-
type: PlaceHolderTypes.NO_MESSAGES
|
|
210
|
-
}));
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
214
|
-
className: "sendbird-conversation__messages"
|
|
215
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
216
|
-
className: "sendbird-conversation__scroll-container"
|
|
217
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
218
|
-
className: "sendbird-conversation__padding"
|
|
219
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
220
|
-
className: "sendbird-conversation__messages-padding",
|
|
221
|
-
ref: scrollRef,
|
|
222
|
-
onScroll: onScroll
|
|
223
|
-
}, memoizedAllMessages)), // This flag is an unmatched variable
|
|
224
|
-
scrollBottom > 1 && /*#__PURE__*/React__default.createElement("div", {
|
|
225
|
-
className: "sendbird-conversation__scroll-bottom-button",
|
|
226
|
-
onClick: onClickScrollBot,
|
|
227
|
-
onKeyDown: onClickScrollBot,
|
|
228
|
-
tabIndex: 0,
|
|
229
|
-
role: "button"
|
|
230
|
-
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
231
|
-
width: "24px",
|
|
232
|
-
height: "24px",
|
|
233
|
-
type: IconTypes.CHEVRON_DOWN,
|
|
234
|
-
fillColor: IconColors.PRIMARY
|
|
235
|
-
})));
|
|
236
|
-
};
|
|
237
|
-
|
|
238
|
-
export { MessageList as default };
|
|
239
|
-
//# sourceMappingURL=MessageList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageList.js","sources":["../../../src/smart-components/Channel/components/MessageList/index.tsx"],"sourcesContent":["import './message-list.scss';\n\nimport React, { useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport { useChannel } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport Message from '../Message';\nimport { RenderMessageProps } from '../../../../types';\nimport { isAboutSame } from '../../context/utils';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport type MessageListProps = {\n renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n renderPlaceholderEmpty?: () => React.ReactNode;\n renderCustomSeparator?: () => React.ReactNode;\n};\n\nconst SCROLL_REF_CLASS_NAME = '.sendbird-msg--scroll-ref';\n\nconst MessageList: React.FC<MessageListProps> = (props: MessageListProps) => {\n const {\n renderMessage,\n renderPlaceholderEmpty,\n renderCustomSeparator,\n } = props;\n const {\n allMessages,\n hasMorePrev,\n setInitialTimeStamp,\n setAnimatedMessageId,\n setHighLightedMessageId,\n useMessageGrouping,\n scrollRef,\n onScrollCallback,\n onScrollDownCallback,\n messagesDispatcher,\n messageActionTypes,\n currentGroupChannel,\n } = useChannel();\n const [scrollBottom, setScrollBottom] = useState(0);\n\n const onScroll = (e) => {\n const element = e.target;\n const {\n scrollTop,\n clientHeight,\n scrollHeight,\n } = element;\n\n if (scrollTop === 0) {\n if (!hasMorePrev) {\n return;\n }\n const nodes = scrollRef.current.querySelectorAll(SCROLL_REF_CLASS_NAME);\n const first = nodes && nodes[0];\n onScrollCallback(([messages]) => {\n if (messages) {\n // https://github.com/scabbiaza/react-scroll-position-on-updating-dom\n // Set block to nearest to prevent unexpected scrolling from outer components\n try {\n first.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n } catch (error) {\n //\n }\n }\n });\n }\n\n if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {\n onScrollDownCallback(([messages]) => {\n if (messages) {\n try {\n element.scrollTop = scrollHeight - clientHeight;\n } catch (error) {\n //\n }\n }\n });\n }\n\n // save the lastest scroll bottom value\n if (scrollRef?.current) {\n const current = scrollRef?.current;\n setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n }\n\n // do this later\n setTimeout(() => {\n // mark as read if scroll is at end\n if (clientHeight + scrollTop === scrollHeight) {\n messagesDispatcher({\n type: messageActionTypes.MARK_AS_READ,\n payload: { channel: currentGroupChannel },\n });\n currentGroupChannel.markAsRead();\n }\n }, 500);\n };\n\n const onClickScrollBot = () => {\n setInitialTimeStamp?.(null);\n setAnimatedMessageId?.(null);\n setHighLightedMessageId?.(null);\n if (scrollRef?.current?.scrollTop) {\n scrollRef.current.scrollTop = scrollRef?.current?.scrollHeight - scrollRef?.current?.offsetHeight;\n }\n };\n\n // Because every message components are re-rendered everytime by every scroll events\n const memoizedAllMessages = useMemo(() => {\n return (\n allMessages.map((m, idx) => {\n const previousMessage = allMessages[idx - 1];\n const nextMessage = allMessages[idx + 1];\n const [chainTop, chainBottom] = useMessageGrouping\n ? compareMessagesForGrouping(previousMessage, m, nextMessage)\n : [false, false];\n const previousMessageCreatedAt = previousMessage?.createdAt;\n const currentCreatedAt = m.createdAt;\n // https://stackoverflow.com/a/41855608\n const hasSeparator = !(previousMessageCreatedAt && (\n isSameDay(currentCreatedAt, previousMessageCreatedAt)\n ));\n\n const handleScroll = () => {\n const current = scrollRef?.current;\n if (current) {\n const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n if (scrollBottom < bottom) {\n current.scrollTop += bottom - scrollBottom;\n }\n }\n }\n\n return (\n <Message\n handleScroll={handleScroll}\n renderMessage={renderMessage}\n message={m}\n hasSeparator={hasSeparator}\n chainTop={chainTop}\n chainBottom={chainBottom}\n renderCustomSeparator={renderCustomSeparator}\n key={m.messageId + uuidv4()}\n />\n );\n })\n );\n }, [allMessages]);\n\n if (allMessages.length < 1) {\n return (\n <>\n {\n renderPlaceholderEmpty?.() || (\n <PlaceHolder\n className=\"sendbird-conversation__no-messages\"\n type={PlaceHolderTypes.NO_MESSAGES}\n />)\n }\n </>\n );\n }\n return (\n <div className=\"sendbird-conversation__messages\">\n <div className=\"sendbird-conversation__scroll-container\">\n <div className=\"sendbird-conversation__padding\" />\n <div\n className=\"sendbird-conversation__messages-padding\"\n ref={scrollRef}\n onScroll={onScroll}\n >\n {memoizedAllMessages}\n </div>\n </div>\n {\n // This flag is an unmatched variable\n (scrollBottom > 1) && (\n <div\n className=\"sendbird-conversation__scroll-bottom-button\"\n onClick={onClickScrollBot}\n onKeyDown={onClickScrollBot}\n tabIndex={0}\n role=\"button\"\n >\n <Icon\n width=\"24px\"\n height=\"24px\"\n type={IconTypes.CHEVRON_DOWN}\n fillColor={IconColors.PRIMARY}\n />\n </div>\n )\n }\n </div>\n );\n};\n\nexport default MessageList;\n"],"names":["SCROLL_REF_CLASS_NAME","MessageList","props","renderMessage","renderPlaceholderEmpty","renderCustomSeparator","_a","useChannel","allMessages","hasMorePrev","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","useMessageGrouping","scrollRef","onScrollCallback","onScrollDownCallback","messagesDispatcher","messageActionTypes","currentGroupChannel","_b","useState","scrollBottom","setScrollBottom","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","nodes","current","querySelectorAll","first_1","messages","scrollIntoView","block","inline","error","isAboutSame","offsetHeight","setTimeout","type","MARK_AS_READ","payload","channel","markAsRead","onClickScrollBot","memoizedAllMessages","useMemo","map","m","idx","previousMessage","nextMessage","compareMessagesForGrouping","chainTop","chainBottom","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","handleScroll","bottom","React","messageId","uuidv4","length","PlaceHolderTypes","NO_MESSAGES","IconTypes","CHEVRON_DOWN","IconColors","PRIMARY"],"mappings":"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"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import React__default, { useContext } from 'react';
|
|
2
|
-
import Modal from '../../ui/Modal.js';
|
|
3
|
-
import { a as ButtonTypes } from '../../index-2dce3a04.js';
|
|
4
|
-
import { a as LocalizationContext } from '../../LocalizationContext-b970a73c.js';
|
|
5
|
-
import { u as useChannel } from '../../ChannelProvider-cf8fc05a.js';
|
|
6
|
-
import 'prop-types';
|
|
7
|
-
import 'react-dom';
|
|
8
|
-
import '../../index-d0fe8fe1.js';
|
|
9
|
-
import '../../ui/IconButton.js';
|
|
10
|
-
import '../../_rollupPluginBabelHelpers-6bf18550.js';
|
|
11
|
-
import '../../ui/Icon.js';
|
|
12
|
-
import '../../index-d0b30cd5.js';
|
|
13
|
-
import '../../stringSet-2e6c1d2c.js';
|
|
14
|
-
import '../../utils-f5c9ef64.js';
|
|
15
|
-
import '../../index-6381b534.js';
|
|
16
|
-
import '../../UserProfileContext-f4ff4291.js';
|
|
17
|
-
import '../../useSendbirdStateContext.js';
|
|
18
|
-
import '../../withSendBird.js';
|
|
19
|
-
import '../../index-1c2588aa.js';
|
|
20
|
-
import '../../topics-67738aac.js';
|
|
21
|
-
import '../../index-e6d0889d.js';
|
|
22
|
-
import '../../tslib.es6-b6e567bd.js';
|
|
23
|
-
import '../../compareIds-f01e0c3c.js';
|
|
24
|
-
import '../../const-b6685801.js';
|
|
25
|
-
import '../../uuid-0139dc21.js';
|
|
26
|
-
import '../../ui/ContextMenu.js';
|
|
27
|
-
import '../../ui/SortByRow.js';
|
|
28
|
-
import '../../ui/ReactionButton.js';
|
|
29
|
-
import '../../ui/ImageRenderer.js';
|
|
30
|
-
|
|
31
|
-
var RemoveMessage = function RemoveMessage(props) {
|
|
32
|
-
var _a;
|
|
33
|
-
|
|
34
|
-
var onCancel = props.onCancel,
|
|
35
|
-
message = props.message;
|
|
36
|
-
var stringSet = useContext(LocalizationContext).stringSet;
|
|
37
|
-
var deleteMessage = useChannel().deleteMessage;
|
|
38
|
-
return /*#__PURE__*/React__default.createElement(Modal, {
|
|
39
|
-
type: ButtonTypes.DANGER,
|
|
40
|
-
disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0,
|
|
41
|
-
onCancel: onCancel,
|
|
42
|
-
onSubmit: function onSubmit() {
|
|
43
|
-
deleteMessage(message).then(function () {
|
|
44
|
-
onCancel();
|
|
45
|
-
});
|
|
46
|
-
},
|
|
47
|
-
submitText: stringSet.MESSAGE_MENU__DELETE,
|
|
48
|
-
titleText: stringSet.MODAL__DELETE_MESSAGE__TITLE
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export { RemoveMessage as default };
|
|
53
|
-
//# sourceMappingURL=RemoveMessageModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RemoveMessageModal.js","sources":["../../../src/smart-components/Channel/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useChannel } from '../context/ChannelProvider';\nimport { EveryMessage } from '../../../types';\n\nexport interface RemoveMessageProps {\n onCancel: () => void;\n message: EveryMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n const {\n onCancel,\n message,\n } = props;\n const { stringSet } = useContext(LocalizationContext);\n const {\n deleteMessage,\n } = useChannel();\n return (\n <Modal\n type={ButtonTypes.DANGER}\n disabled={message?.threadInfo?.replyCount > 0}\n onCancel={onCancel}\n onSubmit={() => { deleteMessage(message).then(() => {\n onCancel();\n }) }}\n submitText={stringSet.MESSAGE_MENU__DELETE}\n titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n />\n );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","onCancel","message","stringSet","useContext","LocalizationContext","deleteMessage","useChannel","React","ButtonTypes","DANGER","threadInfo","replyCount","then","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,aAAa,GAAiC,SAA9CA,aAA8C,CAACC,KAAD;;;AAEhD,MAAAC,QAAQ,GAEND,KAAK,SAFP;AAAA,MACAE,OAAO,GACLF,KAAK,QAFP;AAGM,MAAAG,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AAEN,MAAAC,aAAa,GACXC,UAAU,gBADZ;AAEF,sBACEC,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEC,WAAW,CAACC,MADpB;AAEE,IAAA,QAAQ,EAAE,CAAA,MAAAR,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAES,UAAT,UAAA,iBAAA,SAAA,MAAqBC,UAArB,IAAkC,CAF9C;AAGE,IAAA,QAAQ,EAAEX,QAHZ;AAIE,IAAA,QAAQ,EAAE;AAAQK,MAAAA,aAAa,CAACJ,OAAD,CAAb,CAAuBW,IAAvB,CAA4B;AAC5CZ,QAAAA,QAAQ;AACT,OAFiB;AAEd,KANN;AAOE,IAAA,UAAU,EAAEE,SAAS,CAACW,oBAPxB;AAQE,IAAA,SAAS,EAAEX,SAAS,CAACY;AARvB,IADF;AAYD;;;;"}
|