@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,185 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
|
|
5
|
-
var Channel_context = require('../../ChannelProvider-5e8e33b1.js');
|
|
6
|
-
var ui_PlaceHolder = require('../../index-e63da805.js');
|
|
7
|
-
var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
|
|
8
|
-
var Channel_components_ChannelHeader = require('./ChannelHeader.js');
|
|
9
|
-
var Channel_components_MessageList = require('./MessageList.js');
|
|
10
|
-
var Channel_components_TypingIndicator = require('./TypingIndicator.js');
|
|
11
|
-
var Channel_components_FrozenNotification = require('./FrozenNotification.js');
|
|
12
|
-
var Channel_components_UnreadCount = require('./UnreadCount.js');
|
|
13
|
-
var Channel_components_MessageInput = require('./MessageInput.js');
|
|
14
|
-
require('../../withSendBird.js');
|
|
15
|
-
require('../../_rollupPluginBabelHelpers-6193d45d.js');
|
|
16
|
-
require('../../UserProfileContext-0b7ef11a.js');
|
|
17
|
-
require('prop-types');
|
|
18
|
-
require('../../index-a2ce047a.js');
|
|
19
|
-
require('../../index-20a06ed6.js');
|
|
20
|
-
require('../../topics-11048db8.js');
|
|
21
|
-
require('../../index-212a11f2.js');
|
|
22
|
-
require('../../tslib.es6-07dd6257.js');
|
|
23
|
-
require('../../compareIds-e9bca8c4.js');
|
|
24
|
-
require('../../const-d9f4d880.js');
|
|
25
|
-
require('../../uuid-172844fb.js');
|
|
26
|
-
require('../../ui/ContextMenu.js');
|
|
27
|
-
require('../../index-f1971e28.js');
|
|
28
|
-
require('../../stringSet-b9ea6eef.js');
|
|
29
|
-
require('react-dom');
|
|
30
|
-
require('../../ui/SortByRow.js');
|
|
31
|
-
require('../../ui/ReactionButton.js');
|
|
32
|
-
require('../../ui/ImageRenderer.js');
|
|
33
|
-
require('../../ui/Icon.js');
|
|
34
|
-
require('../../ui/Loader.js');
|
|
35
|
-
require('../../LocalizationContext-382a9ef1.js');
|
|
36
|
-
require('../../ui/IconButton.js');
|
|
37
|
-
require('../../ui/ChannelAvatar.js');
|
|
38
|
-
require('../../ui/Avatar.js');
|
|
39
|
-
require('../../utils-53d332a6.js');
|
|
40
|
-
require('../../index-4f40f311.js');
|
|
41
|
-
require('./Message.js');
|
|
42
|
-
require('./SuggestedMentionList.js');
|
|
43
|
-
require('../../const-c65837c1.js');
|
|
44
|
-
require('../../ui/DateSeparator.js');
|
|
45
|
-
require('../../color-1816dacf.js');
|
|
46
|
-
require('../../ui/MessageInput.js');
|
|
47
|
-
require('stream');
|
|
48
|
-
require('../../index-01072ac9.js');
|
|
49
|
-
require('../../ui/MentionUserLabel.js');
|
|
50
|
-
require('../../ui/MessageContent.js');
|
|
51
|
-
require('../../ui/UserProfile.js');
|
|
52
|
-
require('../../sendBirdSelectors.js');
|
|
53
|
-
require('../../ui/MessageStatus.js');
|
|
54
|
-
require('../../ui/MessageItemMenu.js');
|
|
55
|
-
require('../../ui/MessageItemReactionMenu.js');
|
|
56
|
-
require('../../ui/EmojiReactions.js');
|
|
57
|
-
require('../../ui/Tooltip.js');
|
|
58
|
-
require('../../ui/TooltipWrapper.js');
|
|
59
|
-
require('../../ui/ReactionBadge.js');
|
|
60
|
-
require('../../ui/AdminMessage.js');
|
|
61
|
-
require('../../ui/TextMessageItemBody.js');
|
|
62
|
-
require('../../index-75453415.js');
|
|
63
|
-
require('../../ui/LinkLabel.js');
|
|
64
|
-
require('../../ui/FileMessageItemBody.js');
|
|
65
|
-
require('../../ui/TextButton.js');
|
|
66
|
-
require('../../ui/ThumbnailMessageItemBody.js');
|
|
67
|
-
require('../../ui/OGMessageItemBody.js');
|
|
68
|
-
require('../../ui/UnknownMessageItemBody.js');
|
|
69
|
-
require('../../ui/QuoteMessage.js');
|
|
70
|
-
require('./FileViewer.js');
|
|
71
|
-
require('../../index-2faa2f93.js');
|
|
72
|
-
require('./RemoveMessageModal.js');
|
|
73
|
-
require('../../ui/Modal.js');
|
|
74
|
-
require('../../utils-94ae6cec.js');
|
|
75
|
-
require('../../ui/QuoteMessageInput.js');
|
|
76
|
-
|
|
77
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
78
|
-
|
|
79
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
80
|
-
|
|
81
|
-
var ChannelUI = function ChannelUI(_a) {
|
|
82
|
-
var _b, _c, _d, _e;
|
|
83
|
-
|
|
84
|
-
var renderPlaceholderLoader = _a.renderPlaceholderLoader,
|
|
85
|
-
renderPlaceholderInvalid = _a.renderPlaceholderInvalid,
|
|
86
|
-
renderPlaceholderEmpty = _a.renderPlaceholderEmpty,
|
|
87
|
-
renderChannelHeader = _a.renderChannelHeader,
|
|
88
|
-
renderMessage = _a.renderMessage,
|
|
89
|
-
renderMessageInput = _a.renderMessageInput,
|
|
90
|
-
renderTypingIndicator = _a.renderTypingIndicator,
|
|
91
|
-
renderCustomSeparator = _a.renderCustomSeparator;
|
|
92
|
-
|
|
93
|
-
var _f = Channel_context.useChannel(),
|
|
94
|
-
currentGroupChannel = _f.currentGroupChannel,
|
|
95
|
-
channelUrl = _f.channelUrl,
|
|
96
|
-
isInvalid = _f.isInvalid,
|
|
97
|
-
unreadSince = _f.unreadSince,
|
|
98
|
-
loading = _f.loading,
|
|
99
|
-
setInitialTimeStamp = _f.setInitialTimeStamp,
|
|
100
|
-
setAnimatedMessageId = _f.setAnimatedMessageId,
|
|
101
|
-
setHighLightedMessageId = _f.setHighLightedMessageId,
|
|
102
|
-
scrollRef = _f.scrollRef,
|
|
103
|
-
messagesDispatcher = _f.messagesDispatcher;
|
|
104
|
-
|
|
105
|
-
var _g = React.useState(0),
|
|
106
|
-
unreadCount = _g[0],
|
|
107
|
-
setUnreadCount = _g[1];
|
|
108
|
-
|
|
109
|
-
React.useEffect(function () {
|
|
110
|
-
setUnreadCount(currentGroupChannel.unreadMessageCount);
|
|
111
|
-
}, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount]);
|
|
112
|
-
var globalStore = useSendbirdStateContext();
|
|
113
|
-
var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
|
|
114
|
-
var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
|
|
115
|
-
var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
|
|
116
|
-
|
|
117
|
-
if (!channelUrl) {
|
|
118
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
119
|
-
className: "sendbird-conversation"
|
|
120
|
-
}, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
|
|
121
|
-
type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
|
|
122
|
-
}));
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
if (isInvalid) {
|
|
126
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
127
|
-
className: "sendbird-conversation"
|
|
128
|
-
}, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
|
|
129
|
-
type: ui_PlaceHolder.PlaceHolderTypes.WRONG
|
|
130
|
-
}));
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
if (sdkError) {
|
|
134
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
135
|
-
className: "sendbird-conversation"
|
|
136
|
-
}, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
|
|
137
|
-
type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
|
|
138
|
-
retryToConnect: function retryToConnect() {
|
|
139
|
-
logger.info('Channel: reconnecting'); // reconnect();
|
|
140
|
-
}
|
|
141
|
-
}));
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
145
|
-
className: "sendbird-conversation"
|
|
146
|
-
}, (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_ChannelHeader, null), (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(Channel_components_FrozenNotification, null), unreadCount > 0 && /*#__PURE__*/React__default["default"].createElement(Channel_components_UnreadCount, {
|
|
147
|
-
count: unreadCount,
|
|
148
|
-
time: unreadSince,
|
|
149
|
-
onClick: function onClick() {
|
|
150
|
-
var _a, _b, _c;
|
|
151
|
-
|
|
152
|
-
setUnreadCount(0);
|
|
153
|
-
|
|
154
|
-
if ((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) {
|
|
155
|
-
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);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
|
|
159
|
-
messagesDispatcher({
|
|
160
|
-
type: Channel_context.MARK_AS_READ,
|
|
161
|
-
payload: {
|
|
162
|
-
channel: currentGroupChannel
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
setInitialTimeStamp(null);
|
|
166
|
-
setAnimatedMessageId(null);
|
|
167
|
-
setHighLightedMessageId(null);
|
|
168
|
-
}
|
|
169
|
-
}), loading ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
170
|
-
className: "sendbird-conversation"
|
|
171
|
-
}, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
|
|
172
|
-
type: ui_PlaceHolder.PlaceHolderTypes.LOADING
|
|
173
|
-
})) : /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageList, {
|
|
174
|
-
renderMessage: renderMessage,
|
|
175
|
-
renderPlaceholderEmpty: renderPlaceholderEmpty,
|
|
176
|
-
renderCustomSeparator: renderCustomSeparator
|
|
177
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
178
|
-
className: "sendbird-conversation__footer"
|
|
179
|
-
}, (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageInput, null), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
180
|
-
className: "sendbird-conversation__footer__typing-indicator"
|
|
181
|
-
}, (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_TypingIndicator["default"], null), !isOnline && /*#__PURE__*/React__default["default"].createElement(ui_ConnectionStatus, null))));
|
|
182
|
-
};
|
|
183
|
-
|
|
184
|
-
module.exports = ChannelUI;
|
|
185
|
-
//# sourceMappingURL=ChannelUI.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelUI.js","sources":["../../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React, { useEffect, useState } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannel } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport FrozenNotification from '../FrozenNotification';\nimport UnreadCount from '../UnreadCount';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n renderPlaceholderLoader?: () => React.ReactNode;\n renderPlaceholderInvalid?: () => React.ReactNode;\n renderPlaceholderEmpty?: () => React.ReactNode;\n renderChannelHeader?: () => React.ReactNode;\n renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n renderMessageInput?: () => React.ReactNode;\n renderTypingIndicator?: () => React.ReactNode;\n renderCustomSeparator?: () => React.ReactNode;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n renderPlaceholderLoader,\n renderPlaceholderInvalid,\n renderPlaceholderEmpty,\n renderChannelHeader,\n renderMessage,\n renderMessageInput,\n renderTypingIndicator,\n renderCustomSeparator,\n}: ChannelUIProps) => {\n const {\n currentGroupChannel,\n channelUrl,\n isInvalid,\n unreadSince,\n loading,\n setInitialTimeStamp,\n setAnimatedMessageId,\n setHighLightedMessageId,\n scrollRef,\n messagesDispatcher,\n } = useChannel();\n const [unreadCount, setUnreadCount] = useState(0);\n useEffect(() => {\n setUnreadCount(currentGroupChannel.unreadMessageCount);\n }, [currentGroupChannel?.unreadMessageCount]);\n\n const globalStore = useSendbirdStateContext();\n const sdkError = globalStore?.stores?.sdkStore?.error;\n const logger = globalStore?.config?.logger;\n const isOnline = globalStore?.config?.isOnline;\n\n if (!channelUrl) {\n return (<div className=\"sendbird-conversation\">\n {\n renderPlaceholderInvalid?.() || (\n <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n )\n }\n </div>);\n }\n if (isInvalid) {\n return (\n <div className=\"sendbird-conversation\">\n {\n renderPlaceholderInvalid?.() || (\n <PlaceHolder type={PlaceHolderTypes.WRONG} />\n )\n }\n </div>\n );\n }\n if (sdkError) {\n return (\n <div className=\"sendbird-conversation\">\n {\n renderPlaceholderInvalid?.() || (\n <PlaceHolder\n type={PlaceHolderTypes.WRONG}\n retryToConnect={() => {\n logger.info('Channel: reconnecting');\n // reconnect();\n }}\n />\n )\n }\n </div>\n );\n }\n return (\n <div className='sendbird-conversation'>\n {\n renderChannelHeader?.() || (\n <ChannelHeader />\n )\n }\n {\n currentGroupChannel?.isFrozen && (\n <FrozenNotification />\n )\n }\n {\n unreadCount > 0 && (\n <UnreadCount\n count={unreadCount}\n time={unreadSince}\n onClick={() => {\n setUnreadCount(0);\n if (scrollRef?.current?.scrollTop) {\n scrollRef.current.scrollTop = scrollRef?.current?.scrollHeight - scrollRef?.current?.offsetHeight;\n }\n currentGroupChannel?.markAsRead();\n messagesDispatcher({\n type: messageActionTypes.MARK_AS_READ,\n payload: { channel: currentGroupChannel },\n });\n setInitialTimeStamp(null);\n setAnimatedMessageId(null);\n setHighLightedMessageId(null);\n }}\n />\n )\n }\n {\n loading\n ? (\n <div className=\"sendbird-conversation\">\n {\n renderPlaceholderLoader?.() || (\n <PlaceHolder type={PlaceHolderTypes.LOADING} />\n )\n }\n </div>\n ) : (\n <MessageList\n renderMessage={renderMessage}\n renderPlaceholderEmpty={renderPlaceholderEmpty}\n renderCustomSeparator={renderCustomSeparator}\n />\n )\n }\n <div className=\"sendbird-conversation__footer\">\n {\n renderMessageInput?.() || (\n <MessageInputWrapper />\n )\n }\n <div className=\"sendbird-conversation__footer__typing-indicator\">\n {\n renderTypingIndicator?.() || (\n <TypingIndicator />\n )\n }\n {\n !isOnline && (\n <ConnectionStatus />\n )\n }\n </div>\n </div>\n </div>\n );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","_f","useChannel","currentGroupChannel","channelUrl","isInvalid","unreadSince","loading","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","scrollRef","messagesDispatcher","_g","useState","unreadCount","setUnreadCount","useEffect","unreadMessageCount","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","FrozenNotification","UnreadCount","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","LOADING","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var reactDom = require('react-dom');
|
|
7
|
-
var ui_Avatar = require('../../ui/Avatar.js');
|
|
8
|
-
var ui_Label = require('../../index-f1971e28.js');
|
|
9
|
-
var ui_Icon = require('../../ui/Icon.js');
|
|
10
|
-
var index$1 = require('../../index-2faa2f93.js');
|
|
11
|
-
var index = require('../../index-212a11f2.js');
|
|
12
|
-
var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
|
|
13
|
-
var Channel_context = require('../../ChannelProvider-5e8e33b1.js');
|
|
14
|
-
require('../../tslib.es6-07dd6257.js');
|
|
15
|
-
require('../../ui/ImageRenderer.js');
|
|
16
|
-
require('../../_rollupPluginBabelHelpers-6193d45d.js');
|
|
17
|
-
require('prop-types');
|
|
18
|
-
require('../../uuid-172844fb.js');
|
|
19
|
-
require('../../stringSet-b9ea6eef.js');
|
|
20
|
-
require('../../withSendBird.js');
|
|
21
|
-
require('../../UserProfileContext-0b7ef11a.js');
|
|
22
|
-
require('../../index-a2ce047a.js');
|
|
23
|
-
require('../../index-20a06ed6.js');
|
|
24
|
-
require('../../topics-11048db8.js');
|
|
25
|
-
require('../../compareIds-e9bca8c4.js');
|
|
26
|
-
require('../../const-d9f4d880.js');
|
|
27
|
-
require('../../ui/ContextMenu.js');
|
|
28
|
-
require('../../ui/SortByRow.js');
|
|
29
|
-
require('../../ui/ReactionButton.js');
|
|
30
|
-
|
|
31
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
32
|
-
|
|
33
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
34
|
-
|
|
35
|
-
var FileViewerComponent = function FileViewerComponent(_a) {
|
|
36
|
-
var // sender
|
|
37
|
-
profileUrl = _a.profileUrl,
|
|
38
|
-
nickname = _a.nickname,
|
|
39
|
-
// file
|
|
40
|
-
name = _a.name,
|
|
41
|
-
type = _a.type,
|
|
42
|
-
url = _a.url,
|
|
43
|
-
// others
|
|
44
|
-
isByMe = _a.isByMe,
|
|
45
|
-
onCancel = _a.onCancel,
|
|
46
|
-
onDelete = _a.onDelete,
|
|
47
|
-
disableDelete = _a.disableDelete;
|
|
48
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
49
|
-
className: "sendbird-fileviewer"
|
|
50
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51
|
-
className: "sendbird-fileviewer__header"
|
|
52
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
53
|
-
className: "sendbird-fileviewer__header__left"
|
|
54
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
55
|
-
className: "sendbird-fileviewer__header__left__avatar"
|
|
56
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
|
|
57
|
-
height: "32px",
|
|
58
|
-
width: "32px",
|
|
59
|
-
src: profileUrl
|
|
60
|
-
})), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
61
|
-
className: "sendbird-fileviewer__header__left__filename",
|
|
62
|
-
type: ui_Label.LabelTypography.H_2,
|
|
63
|
-
color: ui_Label.LabelColors.ONBACKGROUND_1
|
|
64
|
-
}, name), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
65
|
-
className: "sendbird-fileviewer__header__left__sender-name",
|
|
66
|
-
type: ui_Label.LabelTypography.BODY_1,
|
|
67
|
-
color: ui_Label.LabelColors.ONBACKGROUND_2
|
|
68
|
-
}, nickname)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
69
|
-
className: "sendbird-fileviewer__header__right"
|
|
70
|
-
}, index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
71
|
-
className: "sendbird-fileviewer__header__right__actions"
|
|
72
|
-
}, /*#__PURE__*/React__default["default"].createElement("a", {
|
|
73
|
-
className: "sendbird-fileviewer__header__right__actions__download",
|
|
74
|
-
rel: "noopener noreferrer",
|
|
75
|
-
href: url,
|
|
76
|
-
target: "_blank"
|
|
77
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
78
|
-
type: ui_Icon.IconTypes.DOWNLOAD,
|
|
79
|
-
fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
|
|
80
|
-
height: "24px",
|
|
81
|
-
width: "24px"
|
|
82
|
-
})), onDelete && isByMe && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
83
|
-
className: "sendbird-fileviewer__header__right__actions__delete"
|
|
84
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
85
|
-
className: disableDelete ? 'disabled' : '',
|
|
86
|
-
type: ui_Icon.IconTypes.DELETE,
|
|
87
|
-
fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1,
|
|
88
|
-
height: "24px",
|
|
89
|
-
width: "24px",
|
|
90
|
-
onClick: function onClick() {
|
|
91
|
-
if (!disableDelete) {
|
|
92
|
-
onDelete();
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
96
|
-
className: "sendbird-fileviewer__header__right__actions__close"
|
|
97
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
98
|
-
type: ui_Icon.IconTypes.CLOSE,
|
|
99
|
-
fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
|
|
100
|
-
height: "24px",
|
|
101
|
-
width: "24px",
|
|
102
|
-
onClick: onCancel
|
|
103
|
-
})))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
104
|
-
className: "sendbird-fileviewer__content"
|
|
105
|
-
}, index.isVideo(type) && /*#__PURE__*/React__default["default"].createElement("video", {
|
|
106
|
-
controls: true,
|
|
107
|
-
className: "sendbird-fileviewer__content__video"
|
|
108
|
-
}, /*#__PURE__*/React__default["default"].createElement("source", {
|
|
109
|
-
src: url,
|
|
110
|
-
type: type
|
|
111
|
-
})), index.isImage(type) && /*#__PURE__*/React__default["default"].createElement("img", {
|
|
112
|
-
src: url,
|
|
113
|
-
alt: name,
|
|
114
|
-
className: "sendbird-fileviewer__content__img"
|
|
115
|
-
}), !index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
116
|
-
className: "sendbird-fileviewer__content__unsupported"
|
|
117
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
118
|
-
type: ui_Label.LabelTypography.H_1,
|
|
119
|
-
color: ui_Label.LabelColors.ONBACKGROUND_1
|
|
120
|
-
}, "Unsupoprted message"))));
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
var FileViewer = function FileViewer(_a) {
|
|
124
|
-
var _b, _c, _d;
|
|
125
|
-
|
|
126
|
-
var onCancel = _a.onCancel,
|
|
127
|
-
message = _a.message;
|
|
128
|
-
var deleteMessage = Channel_context.useChannel().deleteMessage;
|
|
129
|
-
var sender = message.sender,
|
|
130
|
-
type = message.type,
|
|
131
|
-
url = message.url,
|
|
132
|
-
_e = message.name,
|
|
133
|
-
name = _e === void 0 ? '' : _e,
|
|
134
|
-
threadInfo = message.threadInfo;
|
|
135
|
-
var user = (_c = (_b = useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.userId;
|
|
136
|
-
var isByMe = user === ((_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.userId);
|
|
137
|
-
var disableDelete = (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0;
|
|
138
|
-
var profileUrl = sender.profileUrl,
|
|
139
|
-
_f = sender.nickname,
|
|
140
|
-
nickname = _f === void 0 ? '' : _f;
|
|
141
|
-
return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(FileViewerComponent, {
|
|
142
|
-
profileUrl: profileUrl,
|
|
143
|
-
nickname: nickname,
|
|
144
|
-
type: type,
|
|
145
|
-
url: url,
|
|
146
|
-
name: name,
|
|
147
|
-
onCancel: onCancel,
|
|
148
|
-
onDelete: function onDelete() {
|
|
149
|
-
deleteMessage(message).then(function () {
|
|
150
|
-
onCancel();
|
|
151
|
-
});
|
|
152
|
-
},
|
|
153
|
-
isByMe: isByMe,
|
|
154
|
-
disableDelete: disableDelete
|
|
155
|
-
}), document.getElementById(index$1.MODAL_ROOT));
|
|
156
|
-
};
|
|
157
|
-
|
|
158
|
-
exports.FileViewerComponent = FileViewerComponent;
|
|
159
|
-
exports["default"] = FileViewer;
|
|
160
|
-
//# sourceMappingURL=FileViewer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileViewer.js","sources":["../../../../src/smart-components/Channel/components/FileViewer/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './file-viewer.scss';\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport { MODAL_ROOT } from '../../../../hooks/useModal/ModalRoot';\n\nimport { isImage, isVideo, isSupportedFileView } from '../../../../utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannel } from '../../context/ChannelProvider';\n\ntype FileViewerUIProps = {\n profileUrl: string;\n nickname: string;\n // file\n name: string;\n type: string;\n url: string;\n // others\n isByMe: boolean;\n onCancel: () => void;\n onDelete: () => void;\n disableDelete: boolean;\n};\n\nexport const FileViewerComponent: React.FC<FileViewerUIProps> = ({\n // sender\n profileUrl,\n nickname,\n // file\n name,\n type,\n url,\n // others\n isByMe,\n onCancel,\n onDelete,\n disableDelete,\n}: FileViewerUIProps) => (\n <div className=\"sendbird-fileviewer\">\n <div className=\"sendbird-fileviewer__header\">\n <div className=\"sendbird-fileviewer__header__left\">\n <div className=\"sendbird-fileviewer__header__left__avatar\">\n <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n </div>\n <Label\n className=\"sendbird-fileviewer__header__left__filename\"\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {name}\n </Label>\n <Label\n className=\"sendbird-fileviewer__header__left__sender-name\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {nickname}\n </Label>\n </div>\n <div className=\"sendbird-fileviewer__header__right\">\n {\n isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__header__right__actions\">\n <a\n className=\"sendbird-fileviewer__header__right__actions__download\"\n rel=\"noopener noreferrer\"\n href={url}\n target=\"_blank\"\n >\n <Icon\n type={IconTypes.DOWNLOAD}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n />\n </a>\n {\n onDelete && isByMe && (\n <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n <Icon\n className={disableDelete ? 'disabled' : ''}\n type={IconTypes.DELETE}\n fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={() => { if (!disableDelete) { onDelete(); } }}\n />\n </div>\n )\n }\n </div>\n )\n }\n <div className=\"sendbird-fileviewer__header__right__actions__close\">\n <Icon\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_1}\n height=\"24px\"\n width=\"24px\"\n onClick={onCancel}\n />\n </div>\n </div>\n </div>\n <div className=\"sendbird-fileviewer__content\">\n {isVideo(type) && (\n <video controls className=\"sendbird-fileviewer__content__video\">\n <source src={url} type={type} />\n </video>\n )}\n {\n isImage(type) && (\n <img\n src={url}\n alt={name}\n className=\"sendbird-fileviewer__content__img\"\n />\n )\n }\n {\n !isSupportedFileView(type) && (\n <div className=\"sendbird-fileviewer__content__unsupported\">\n <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n Unsupoprted message\n </Label>\n </div>\n )\n }\n </div>\n </div>\n);\n\ntype FileViewerProps = {\n onCancel:() => void;\n message: SendbirdUIKit.ClientFileMessage;\n};\n\nconst FileViewer: React.FC<FileViewerProps> = ({ onCancel, message }: FileViewerProps) => {\n const { deleteMessage } = useChannel();\n const {\n sender,\n type,\n url,\n name = '',\n threadInfo,\n } = message;\n const user = useSendbirdStateContext()?.config?.userId;\n const isByMe = user === message?.sender?.userId;\n const disableDelete = threadInfo?.replyCount > 0;\n const { profileUrl, nickname = '' } = sender;\n return createPortal(\n (\n <FileViewerComponent\n profileUrl={profileUrl}\n nickname={nickname}\n type={type}\n url={url}\n name={name}\n onCancel={onCancel}\n onDelete={() => {\n deleteMessage(message).then(() => {\n onCancel();\n });\n }}\n isByMe={isByMe}\n disableDelete={disableDelete}\n />\n ),\n document.getElementById(MODAL_ROOT),\n );\n}\n\nexport default FileViewer;\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","isByMe","onCancel","onDelete","disableDelete","React","Avatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","Icon","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","CLOSE","isVideo","isImage","H_1","FileViewer","message","deleteMessage","useChannel","sender","_e","threadInfo","user","useSendbirdStateContext","config","userId","replyCount","_f","createPortal","then","document","getElementById","MODAL_ROOT"],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var LocalizationContext = require('../../LocalizationContext-382a9ef1.js');
|
|
5
|
-
var ui_Label = require('../../index-f1971e28.js');
|
|
6
|
-
require('../../stringSet-b9ea6eef.js');
|
|
7
|
-
require('../../index-20a06ed6.js');
|
|
8
|
-
require('../../_rollupPluginBabelHelpers-6193d45d.js');
|
|
9
|
-
require('prop-types');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
|
|
15
|
-
var FrozenNotification = function FrozenNotification() {
|
|
16
|
-
var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
|
|
17
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
18
|
-
className: "sendbird-notification sendbird-notification--frozen"
|
|
19
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
20
|
-
className: "sendbird-notification__text",
|
|
21
|
-
type: ui_Label.LabelTypography.CAPTION_2
|
|
22
|
-
}, stringSet.CHANNEL_FROZEN));
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
module.exports = FrozenNotification;
|
|
26
|
-
//# sourceMappingURL=FrozenNotification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FrozenNotification.js","sources":["../../../../src/smart-components/Channel/components/FrozenNotification/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './frozen-notification.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography } from '../../../../ui/Label';\n\nconst FrozenNotification = (): JSX.Element => {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird-notification sendbird-notification--frozen\">\n <Label\n className=\"sendbird-notification__text\"\n type={LabelTypography.CAPTION_2}\n >\n {stringSet.CHANNEL_FROZEN}\n </Label>\n </div>\n );\n}\n\nexport default FrozenNotification;\n"],"names":["FrozenNotification","stringSet","useContext","LocalizationContext","React","Label","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;;;;;;;IAOMA,kBAAkB,GAAG,SAArBA,kBAAqB;AACjB,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACC,cAAD;AACE,IAAA,SAAS,EAAC,6BADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC;AAFxB,KAIGN,SAAS,CAACO,cAJb,CADF,CADF;AAUD;;;;"}
|