@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,230 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-07dd6257.js');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var index = require('../index-a2ce047a.js');
|
|
6
|
-
var ui_Avatar = require('./Avatar.js');
|
|
7
|
-
var ui_ContextMenu = require('./ContextMenu.js');
|
|
8
|
-
var ui_Label = require('../index-f1971e28.js');
|
|
9
|
-
var ui_Loader = require('./Loader.js');
|
|
10
|
-
var ui_Icon = require('./Icon.js');
|
|
11
|
-
var ui_IconButton = require('./IconButton.js');
|
|
12
|
-
var ui_TextButton = require('./TextButton.js');
|
|
13
|
-
var ui_UserProfile = require('./UserProfile.js');
|
|
14
|
-
var UserProfileContext = require('../UserProfileContext-0b7ef11a.js');
|
|
15
|
-
var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
|
|
16
|
-
var openChannelUtils = require('../openChannelUtils-16f29ba2.js');
|
|
17
|
-
require('../index-20a06ed6.js');
|
|
18
|
-
require('./ImageRenderer.js');
|
|
19
|
-
require('../_rollupPluginBabelHelpers-6193d45d.js');
|
|
20
|
-
require('prop-types');
|
|
21
|
-
require('../uuid-172844fb.js');
|
|
22
|
-
require('../index-212a11f2.js');
|
|
23
|
-
require('react-dom');
|
|
24
|
-
require('./SortByRow.js');
|
|
25
|
-
require('../stringSet-b9ea6eef.js');
|
|
26
|
-
require('../color-1816dacf.js');
|
|
27
|
-
require('../withSendBird.js');
|
|
28
|
-
require('../sendBirdSelectors.js');
|
|
29
|
-
require('../topics-11048db8.js');
|
|
30
|
-
require('../index-01072ac9.js');
|
|
31
|
-
|
|
32
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
33
|
-
|
|
34
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
35
|
-
|
|
36
|
-
var checkFileType = function checkFileType(fileUrl) {
|
|
37
|
-
var audioFile = /(\.mp3)$/i;
|
|
38
|
-
var gifFile = /(\.gif)$/i;
|
|
39
|
-
|
|
40
|
-
if (audioFile.test(fileUrl)) {
|
|
41
|
-
return ui_Icon.IconTypes.FILE_AUDIO;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
if (gifFile.test(fileUrl)) {
|
|
45
|
-
return ui_Icon.IconTypes.GIF;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
return ui_Icon.IconTypes.FILE_DOCUMENT;
|
|
49
|
-
};
|
|
50
|
-
var truncate = function truncate(fullStr, strLen) {
|
|
51
|
-
if (fullStr === null || fullStr === undefined) return '';
|
|
52
|
-
if (fullStr.length <= strLen) return fullStr;
|
|
53
|
-
var separator = '...';
|
|
54
|
-
var sepLen = separator.length;
|
|
55
|
-
var charsToShow = strLen - sepLen;
|
|
56
|
-
var frontChars = Math.ceil(charsToShow / 2);
|
|
57
|
-
var backChars = Math.floor(charsToShow / 2);
|
|
58
|
-
return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
function OpenchannelFileMessage(_a) {
|
|
62
|
-
var className = _a.className,
|
|
63
|
-
message = _a.message,
|
|
64
|
-
userId = _a.userId,
|
|
65
|
-
disabled = _a.disabled,
|
|
66
|
-
chainTop = _a.chainTop,
|
|
67
|
-
showRemove = _a.showRemove,
|
|
68
|
-
resendMessage = _a.resendMessage;
|
|
69
|
-
var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
|
|
70
|
-
|
|
71
|
-
var _b = LocalizationContext.useLocalization(),
|
|
72
|
-
dateLocale = _b.dateLocale,
|
|
73
|
-
stringSet = _b.stringSet;
|
|
74
|
-
|
|
75
|
-
var contextMenuRef = React.useRef(null);
|
|
76
|
-
var avatarRef = React.useRef(null);
|
|
77
|
-
|
|
78
|
-
var _c = React.useContext(UserProfileContext.UserProfileContext),
|
|
79
|
-
disableUserProfile = _c.disableUserProfile,
|
|
80
|
-
renderUserProfile = _c.renderUserProfile;
|
|
81
|
-
|
|
82
|
-
var openFileUrl = function openFileUrl() {
|
|
83
|
-
window.open(message.url);
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
var isByMe = openChannelUtils.checkIsByMe(message, userId);
|
|
87
|
-
var isPending = openChannelUtils.checkIsPending(status);
|
|
88
|
-
var isFailed = openChannelUtils.checkIsFailed(status);
|
|
89
|
-
var sender = openChannelUtils.getSenderFromMessage(message);
|
|
90
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91
|
-
className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-openchannel-file-message'], false).join(' ')
|
|
92
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
93
|
-
className: "sendbird-openchannel-file-message__left"
|
|
94
|
-
}, !chainTop && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
|
|
95
|
-
menuTrigger: function menuTrigger(toggleDropdown) {
|
|
96
|
-
return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
|
|
97
|
-
className: "sendbird-openchannel-file-message__left__avatar",
|
|
98
|
-
src: sender.profileUrl || '',
|
|
99
|
-
ref: avatarRef,
|
|
100
|
-
width: "28px",
|
|
101
|
-
height: "28px",
|
|
102
|
-
onClick: function onClick() {
|
|
103
|
-
if (!disableUserProfile) {
|
|
104
|
-
toggleDropdown();
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
},
|
|
109
|
-
menuItems: function menuItems(closeDropdown) {
|
|
110
|
-
return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
|
|
111
|
-
parentRef: avatarRef,
|
|
112
|
-
parentContainRef: avatarRef,
|
|
113
|
-
closeDropdown: closeDropdown,
|
|
114
|
-
style: {
|
|
115
|
-
paddingTop: 0,
|
|
116
|
-
paddingBottom: 0
|
|
117
|
-
}
|
|
118
|
-
}, renderUserProfile ? renderUserProfile({
|
|
119
|
-
user: sender,
|
|
120
|
-
close: closeDropdown
|
|
121
|
-
}) : /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
|
|
122
|
-
user: sender,
|
|
123
|
-
onSuccess: closeDropdown,
|
|
124
|
-
disableMessaging: true
|
|
125
|
-
}));
|
|
126
|
-
}
|
|
127
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
128
|
-
className: "sendbird-openchannel-file-message__right"
|
|
129
|
-
}, !chainTop && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
130
|
-
className: "sendbird-openchannel-file-message__right__title"
|
|
131
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
132
|
-
className: "sendbird-openchannel-file-message__right__title__sender-name",
|
|
133
|
-
type: ui_Label.LabelTypography.CAPTION_2,
|
|
134
|
-
color: isByMe ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2
|
|
135
|
-
}, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
136
|
-
className: "sendbird-openchannel-file-message__right__title__sent-at",
|
|
137
|
-
type: ui_Label.LabelTypography.CAPTION_3,
|
|
138
|
-
color: ui_Label.LabelColors.ONBACKGROUND_3
|
|
139
|
-
}, (message === null || message === void 0 ? void 0 : message.createdAt) && index.format(message.createdAt, 'p', {
|
|
140
|
-
locale: dateLocale
|
|
141
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
142
|
-
className: "sendbird-openchannel-file-message__right__body"
|
|
143
|
-
}, checkFileType(message.url) && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
144
|
-
className: "sendbird-openchannel-file-message__right__body__icon",
|
|
145
|
-
type: checkFileType(message.url),
|
|
146
|
-
fillColor: ui_Icon.IconColors.PRIMARY,
|
|
147
|
-
width: "48px",
|
|
148
|
-
height: "48px"
|
|
149
|
-
}), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
|
|
150
|
-
className: "sendbird-openchannel-file-message__right__body__file-name",
|
|
151
|
-
onClick: openFileUrl
|
|
152
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
153
|
-
type: ui_Label.LabelTypography.BODY_1,
|
|
154
|
-
color: ui_Label.LabelColors.ONBACKGROUND_1
|
|
155
|
-
}, truncate(message.name || message.url, 40)))), (isPending || isFailed) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
156
|
-
className: "sendbird-openchannel-file-message__right__tail"
|
|
157
|
-
}, isPending && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
|
|
158
|
-
width: "16px",
|
|
159
|
-
height: "16px"
|
|
160
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
161
|
-
className: "sendbird-openchannel-file-message__right__tail__pending",
|
|
162
|
-
type: ui_Icon.IconTypes.SPINNER,
|
|
163
|
-
fillColor: ui_Icon.IconColors.PRIMARY,
|
|
164
|
-
width: "16px",
|
|
165
|
-
height: "16px"
|
|
166
|
-
})), isFailed && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
167
|
-
className: "sendbird-openchannel-file-message__right__tail__failed",
|
|
168
|
-
type: ui_Icon.IconTypes.ERROR,
|
|
169
|
-
fillColor: ui_Icon.IconColors.ERROR,
|
|
170
|
-
width: "16px",
|
|
171
|
-
height: "16px"
|
|
172
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
173
|
-
className: "sendbird-openchannel-file-message__context-menu",
|
|
174
|
-
ref: contextMenuRef
|
|
175
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
|
|
176
|
-
menuTrigger: function menuTrigger(toggleDropdown) {
|
|
177
|
-
return openChannelUtils.showMenuTrigger({
|
|
178
|
-
message: message,
|
|
179
|
-
userId: userId,
|
|
180
|
-
status: status
|
|
181
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
|
|
182
|
-
className: "sendbird-openchannel-file-message__context-menu__icon",
|
|
183
|
-
width: "32px",
|
|
184
|
-
height: "32px",
|
|
185
|
-
onClick: toggleDropdown
|
|
186
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
187
|
-
type: ui_Icon.IconTypes.MORE,
|
|
188
|
-
width: "24px",
|
|
189
|
-
height: "24px"
|
|
190
|
-
}));
|
|
191
|
-
},
|
|
192
|
-
menuItems: function menuItems(closeDropdown) {
|
|
193
|
-
return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
|
|
194
|
-
parentRef: contextMenuRef,
|
|
195
|
-
parentContainRef: contextMenuRef,
|
|
196
|
-
closeDropdown: closeDropdown,
|
|
197
|
-
openLeft: true
|
|
198
|
-
}, openChannelUtils.isFineResend({
|
|
199
|
-
message: message,
|
|
200
|
-
userId: userId,
|
|
201
|
-
status: status
|
|
202
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
|
|
203
|
-
onClick: function onClick() {
|
|
204
|
-
if (disabled) {
|
|
205
|
-
return;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
resendMessage(message);
|
|
209
|
-
closeDropdown();
|
|
210
|
-
}
|
|
211
|
-
}, stringSet.CONTEXT_MENU_DROPDOWN__RESEND), openChannelUtils.isFineDelete({
|
|
212
|
-
message: message,
|
|
213
|
-
userId: userId,
|
|
214
|
-
status: status
|
|
215
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
|
|
216
|
-
onClick: function onClick() {
|
|
217
|
-
if (disabled) {
|
|
218
|
-
return;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
showRemove(true);
|
|
222
|
-
closeDropdown();
|
|
223
|
-
}
|
|
224
|
-
}, stringSet.CONTEXT_MENU_DROPDOWN__DELETE));
|
|
225
|
-
}
|
|
226
|
-
})));
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
module.exports = OpenchannelFileMessage;
|
|
230
|
-
//# sourceMappingURL=OpenchannelFileMessage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OpenchannelFileMessage.js","sources":["../../../src/ui/OpenchannelFileMessage/utils.ts","../../../src/ui/OpenchannelFileMessage/index.tsx"],"sourcesContent":["import { IconTypes } from '../Icon';\n\nexport const checkFileType = (fileUrl: string): string => {\n const audioFile = /(\\.mp3)$/i;\n const gifFile = /(\\.gif)$/i;\n if (audioFile.test(fileUrl)) {\n return IconTypes.FILE_AUDIO;\n }\n if (gifFile.test(fileUrl)) {\n return IconTypes.GIF\n }\n return IconTypes.FILE_DOCUMENT;\n}\n\nexport const truncate = (fullStr:string, strLen: number): string => {\n if (fullStr === null || fullStr === undefined) return '';\n if (fullStr.length <= strLen) return fullStr;\n const separator = '...';\n const sepLen = separator.length;\n const charsToShow = strLen - sepLen;\n const frontChars = Math.ceil(charsToShow / 2);\n const backChars = Math.floor(charsToShow / 2);\n return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);\n};\n","import React, { useContext, useRef } from 'react';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkFileType, truncate } from './utils';\nimport { ClientFileMessage } from '../../index';\nimport {\n checkIsByMe,\n checkIsPending,\n checkIsFailed,\n isFineDelete,\n isFineResend,\n showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n className?: string | Array<string>;\n message: ClientFileMessage;\n userId: string;\n disabled?: boolean;\n chainTop?: boolean;\n chainBottom?: boolean;\n showRemove(bool: boolean): void;\n resendMessage(message: ClientFileMessage): void;\n}\n\nexport default function OpenchannelFileMessage({\n className,\n message,\n userId,\n disabled,\n chainTop,\n showRemove,\n resendMessage,\n}: Props): JSX.Element {\n const status = message?.sendingStatus;\n const { dateLocale, stringSet } = useLocalization();\n const contextMenuRef = useRef(null);\n const avatarRef = useRef(null);\n const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n\n const openFileUrl = () => { window.open(message.url); };\n\n const isByMe = checkIsByMe(message, userId);\n const isPending = checkIsPending(status);\n const isFailed = checkIsFailed(status);\n const sender = getSenderFromMessage(message);\n\n return (\n <div\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-openchannel-file-message',\n ].join(' ')}\n >\n <div className=\"sendbird-openchannel-file-message__left\">\n {\n !chainTop && (\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n <Avatar\n className=\"sendbird-openchannel-file-message__left__avatar\"\n src={sender.profileUrl || ''}\n ref={avatarRef}\n width=\"28px\"\n height=\"28px\"\n onClick={() => {\n if (!disableUserProfile) {\n toggleDropdown();\n }\n }}\n />\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentRef={avatarRef}\n parentContainRef={avatarRef}\n closeDropdown={closeDropdown}\n style={{ paddingTop: 0, paddingBottom: 0 }}\n >\n {\n renderUserProfile\n ? (\n renderUserProfile({\n user: sender,\n close: closeDropdown,\n })\n )\n : (\n <UserProfile\n user={sender}\n onSuccess={closeDropdown}\n disableMessaging\n />\n )\n }\n </MenuItems>\n )}\n />\n )\n }\n </div>\n <div className=\"sendbird-openchannel-file-message__right\">\n {\n !chainTop && (\n <div className=\"sendbird-openchannel-file-message__right__title\">\n <Label\n className=\"sendbird-openchannel-file-message__right__title__sender-name\"\n type={LabelTypography.CAPTION_2}\n color={isByMe ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n >\n {\n sender && (\n sender.friendName\n || sender.nickname\n || sender.userId\n )\n }\n </Label>\n <Label\n className=\"sendbird-openchannel-file-message__right__title__sent-at\"\n type={LabelTypography.CAPTION_3}\n color={LabelColors.ONBACKGROUND_3}\n >\n {\n message?.createdAt && (\n format(message.createdAt, 'p', {\n locale: dateLocale,\n })\n )\n }\n </Label>\n </div>\n )\n }\n <div className=\"sendbird-openchannel-file-message__right__body\">\n {\n checkFileType(message.url) && (\n <Icon\n className=\"sendbird-openchannel-file-message__right__body__icon\"\n type={checkFileType(message.url)}\n fillColor={IconColors.PRIMARY}\n width=\"48px\"\n height=\"48px\"\n />\n )\n }\n <TextButton\n className=\"sendbird-openchannel-file-message__right__body__file-name\"\n onClick={openFileUrl}\n >\n <Label\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {truncate(message.name || message.url, 40)}\n </Label>\n </TextButton>\n </div>\n {\n (isPending || isFailed) && (\n <div className=\"sendbird-openchannel-file-message__right__tail\">\n {\n isPending && (\n <Loader\n width=\"16px\"\n height=\"16px\"\n >\n <Icon\n className=\"sendbird-openchannel-file-message__right__tail__pending\"\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"16px\"\n height=\"16px\"\n />\n </Loader>\n )\n }\n {\n isFailed && (\n <Icon\n className=\"sendbird-openchannel-file-message__right__tail__failed\"\n type={IconTypes.ERROR}\n fillColor={IconColors.ERROR}\n width=\"16px\"\n height=\"16px\"\n />\n )\n }\n </div>\n )\n }\n </div>\n <div\n className=\"sendbird-openchannel-file-message__context-menu\"\n ref={contextMenuRef}\n >\n {\n <ContextMenu\n menuTrigger={(toggleDropdown) => (\n showMenuTrigger({ message, userId, status }) && (\n <IconButton\n className=\"sendbird-openchannel-file-message__context-menu__icon\"\n width=\"32px\"\n height=\"32px\"\n onClick={toggleDropdown}\n >\n <Icon\n type={IconTypes.MORE}\n width=\"24px\"\n height=\"24px\"\n />\n </IconButton>\n )\n )}\n menuItems={(closeDropdown) => (\n <MenuItems\n parentRef={contextMenuRef}\n parentContainRef={contextMenuRef}\n closeDropdown={closeDropdown}\n openLeft\n >\n {\n isFineResend({ message, userId, status }) && (\n <MenuItem\n onClick={() => {\n if (disabled) { return; }\n resendMessage(message);\n closeDropdown();\n }}\n >\n {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n </MenuItem>\n )\n }\n {\n isFineDelete({ message, userId, status }) && (\n <MenuItem\n onClick={() => {\n if (disabled) { return; }\n showRemove(true);\n closeDropdown();\n }}\n >\n {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n </MenuItem>\n )\n }\n </MenuItems>\n )}\n />\n }\n </div>\n </div>\n );\n}\n"],"names":["checkFileType","fileUrl","audioFile","gifFile","test","IconTypes","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullStr","strLen","undefined","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","OpenchannelFileMessage","_a","className","message","userId","disabled","chainTop","showRemove","resendMessage","status","sendingStatus","_b","useLocalization","dateLocale","stringSet","contextMenuRef","useRef","avatarRef","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","openFileUrl","window","open","url","isByMe","checkIsByMe","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","React","__spreadArray","Array","isArray","join","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","user","close","UserProfile","Label","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","Icon","IconColors","PRIMARY","TextButton","BODY_1","ONBACKGROUND_1","name","Loader","SPINNER","ERROR","showMenuTrigger","IconButton","MORE","isFineResend","MenuItem","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":"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"}
|
|
@@ -1,345 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-07dd6257.js');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var index = require('../index-a2ce047a.js');
|
|
6
|
-
var ui_Avatar = require('./Avatar.js');
|
|
7
|
-
var ui_ContextMenu = require('./ContextMenu.js');
|
|
8
|
-
var ui_Icon = require('./Icon.js');
|
|
9
|
-
var ui_IconButton = require('./IconButton.js');
|
|
10
|
-
var ui_ImageRenderer = require('./ImageRenderer.js');
|
|
11
|
-
var ui_LinkLabel = require('./LinkLabel.js');
|
|
12
|
-
var ui_Label = require('../index-f1971e28.js');
|
|
13
|
-
var ui_Loader = require('./Loader.js');
|
|
14
|
-
var ui_UserProfile = require('./UserProfile.js');
|
|
15
|
-
var UserProfileContext = require('../UserProfileContext-0b7ef11a.js');
|
|
16
|
-
var uuid = require('../uuid-172844fb.js');
|
|
17
|
-
var utils = require('../utils-3240365f.js');
|
|
18
|
-
var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
|
|
19
|
-
var openChannelUtils = require('../openChannelUtils-16f29ba2.js');
|
|
20
|
-
require('../index-20a06ed6.js');
|
|
21
|
-
require('../_rollupPluginBabelHelpers-6193d45d.js');
|
|
22
|
-
require('prop-types');
|
|
23
|
-
require('../index-212a11f2.js');
|
|
24
|
-
require('react-dom');
|
|
25
|
-
require('./SortByRow.js');
|
|
26
|
-
require('../stringSet-b9ea6eef.js');
|
|
27
|
-
require('../withSendBird.js');
|
|
28
|
-
require('../sendBirdSelectors.js');
|
|
29
|
-
require('../topics-11048db8.js');
|
|
30
|
-
require('../index-01072ac9.js');
|
|
31
|
-
|
|
32
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
33
|
-
|
|
34
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
35
|
-
|
|
36
|
-
var URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
|
|
37
|
-
var createUrlTester = function createUrlTester(regexp) {
|
|
38
|
-
return function (text) {
|
|
39
|
-
return regexp.test(text);
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
var checkOGIsEnalbed = function checkOGIsEnalbed(message) {
|
|
43
|
-
var ogMetaData = message.ogMetaData;
|
|
44
|
-
|
|
45
|
-
if (!ogMetaData) {
|
|
46
|
-
return false;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
var url = ogMetaData.url;
|
|
50
|
-
|
|
51
|
-
if (!url) {
|
|
52
|
-
return false;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
return true;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
function OpenchannelOGMessage(_a) {
|
|
59
|
-
var message = _a.message,
|
|
60
|
-
className = _a.className,
|
|
61
|
-
disabled = _a.disabled,
|
|
62
|
-
showEdit = _a.showEdit,
|
|
63
|
-
showRemove = _a.showRemove,
|
|
64
|
-
resendMessage = _a.resendMessage,
|
|
65
|
-
chainTop = _a.chainTop,
|
|
66
|
-
userId = _a.userId;
|
|
67
|
-
|
|
68
|
-
if (!message || message.messageType !== 'user') {
|
|
69
|
-
return null;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
|
|
73
|
-
var ogMetaData = message.ogMetaData;
|
|
74
|
-
var defaultImage = ogMetaData.defaultImage;
|
|
75
|
-
|
|
76
|
-
var _b = LocalizationContext.useLocalization(),
|
|
77
|
-
stringSet = _b.stringSet,
|
|
78
|
-
dateLocale = _b.dateLocale;
|
|
79
|
-
|
|
80
|
-
var _c = React.useContext(UserProfileContext.UserProfileContext),
|
|
81
|
-
disableUserProfile = _c.disableUserProfile,
|
|
82
|
-
renderUserProfile = _c.renderUserProfile;
|
|
83
|
-
|
|
84
|
-
var _d = React.useState({}),
|
|
85
|
-
contextStyle = _d[0],
|
|
86
|
-
setContextStyle = _d[1];
|
|
87
|
-
|
|
88
|
-
var messageComponentRef = React.useRef(null);
|
|
89
|
-
var contextMenuRef = React.useRef(null);
|
|
90
|
-
var avatarRef = React.useRef(null);
|
|
91
|
-
var isUrl = createUrlTester(URL_REG);
|
|
92
|
-
var isByMe = openChannelUtils.checkIsByMe(message, userId);
|
|
93
|
-
var isPending = openChannelUtils.checkIsPending(status);
|
|
94
|
-
var isFailed = openChannelUtils.checkIsFailed(status);
|
|
95
|
-
var sender = openChannelUtils.getSenderFromMessage(message);
|
|
96
|
-
var MemoizedMessageText = React.useMemo(function () {
|
|
97
|
-
return function () {
|
|
98
|
-
var wordClassName = 'sendbird-openchannel-og-message--word';
|
|
99
|
-
var splitMessage = message.message.split(' ');
|
|
100
|
-
var matchedMessage = splitMessage.map(function (word) {
|
|
101
|
-
return isUrl(word) ? /*#__PURE__*/React__default["default"].createElement(ui_LinkLabel["default"], {
|
|
102
|
-
key: uuid.uuidv4(),
|
|
103
|
-
className: [wordClassName, 'sendbird-openchannel-og-message--word--link'],
|
|
104
|
-
src: word,
|
|
105
|
-
type: ui_Label.LabelTypography.BODY_1,
|
|
106
|
-
color: ui_Label.LabelColors.PRIMARY
|
|
107
|
-
}, word) : /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
108
|
-
key: uuid.uuidv4(),
|
|
109
|
-
className: wordClassName,
|
|
110
|
-
type: ui_Label.LabelTypography.BODY_1,
|
|
111
|
-
color: ui_Label.LabelColors.ONBACKGROUND_1
|
|
112
|
-
}, word);
|
|
113
|
-
});
|
|
114
|
-
|
|
115
|
-
if (message.updatedAt > 0) {
|
|
116
|
-
matchedMessage.push( /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
117
|
-
key: uuid.uuidv4(),
|
|
118
|
-
className: wordClassName,
|
|
119
|
-
type: ui_Label.LabelTypography.BODY_1,
|
|
120
|
-
color: ui_Label.LabelColors.ONBACKGROUND_2
|
|
121
|
-
}, stringSet.MESSAGE_EDITED));
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
return matchedMessage;
|
|
125
|
-
};
|
|
126
|
-
}, [message, message.updatedAt]);
|
|
127
|
-
|
|
128
|
-
var openLink = function openLink() {
|
|
129
|
-
if (checkOGIsEnalbed(message)) {
|
|
130
|
-
var url = ogMetaData.url;
|
|
131
|
-
window.open(url);
|
|
132
|
-
}
|
|
133
|
-
}; // place conxt menu top depending clientHeight of message component
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
React.useEffect(function () {
|
|
137
|
-
var _a;
|
|
138
|
-
|
|
139
|
-
if (((_a = messageComponentRef === null || messageComponentRef === void 0 ? void 0 : messageComponentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 36) {
|
|
140
|
-
setContextStyle({
|
|
141
|
-
top: '8px '
|
|
142
|
-
});
|
|
143
|
-
} else {
|
|
144
|
-
setContextStyle({
|
|
145
|
-
top: '2px'
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
}, [window.innerWidth]);
|
|
149
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
150
|
-
className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-openchannel-og-message'], false).join(' '),
|
|
151
|
-
ref: messageComponentRef
|
|
152
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
153
|
-
className: "sendbird-openchannel-og-message__top"
|
|
154
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
155
|
-
className: "sendbird-openchannel-og-message__top__left"
|
|
156
|
-
}, !chainTop && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
|
|
157
|
-
menuTrigger: function menuTrigger(toggleDropdown) {
|
|
158
|
-
return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
|
|
159
|
-
className: "sendbird-openchannel-og-message__top__left__avatar",
|
|
160
|
-
src: sender.profileUrl || '',
|
|
161
|
-
ref: avatarRef,
|
|
162
|
-
width: "28px",
|
|
163
|
-
height: "28px",
|
|
164
|
-
onClick: function onClick() {
|
|
165
|
-
if (!disableUserProfile) {
|
|
166
|
-
toggleDropdown();
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
});
|
|
170
|
-
},
|
|
171
|
-
menuItems: function menuItems(closeDropdown) {
|
|
172
|
-
return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
|
|
173
|
-
parentRef: avatarRef,
|
|
174
|
-
parentContainRef: avatarRef,
|
|
175
|
-
closeDropdown: closeDropdown,
|
|
176
|
-
style: {
|
|
177
|
-
paddingTop: 0,
|
|
178
|
-
paddingBottom: 0
|
|
179
|
-
}
|
|
180
|
-
}, renderUserProfile ? renderUserProfile({
|
|
181
|
-
user: sender,
|
|
182
|
-
close: closeDropdown
|
|
183
|
-
}) : /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
|
|
184
|
-
user: sender,
|
|
185
|
-
onSuccess: closeDropdown,
|
|
186
|
-
disableMessaging: true
|
|
187
|
-
}));
|
|
188
|
-
}
|
|
189
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
190
|
-
className: "sendbird-openchannel-og-message__top__right"
|
|
191
|
-
}, !chainTop && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
192
|
-
className: "sendbird-openchannel-og-message__top__right__title"
|
|
193
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
194
|
-
className: "sendbird-openchannel-og-message__top__right__title__sender-name",
|
|
195
|
-
type: ui_Label.LabelTypography.CAPTION_2,
|
|
196
|
-
color: isByMe ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2
|
|
197
|
-
}, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
198
|
-
className: "sendbird-openchannel-og-message__top__right__title__sent-at",
|
|
199
|
-
type: ui_Label.LabelTypography.CAPTION_3,
|
|
200
|
-
color: ui_Label.LabelColors.ONBACKGROUND_3
|
|
201
|
-
}, (message === null || message === void 0 ? void 0 : message.createdAt) && index.format(message === null || message === void 0 ? void 0 : message.createdAt, 'p', {
|
|
202
|
-
locale: dateLocale
|
|
203
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
204
|
-
className: "sendbird-openchannel-og-message__top__right__description"
|
|
205
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
206
|
-
className: "sendbird-openchannel-og-message__top__right__description__message",
|
|
207
|
-
type: ui_Label.LabelTypography.BODY_1,
|
|
208
|
-
color: ui_Label.LabelColors.ONBACKGROUND_1
|
|
209
|
-
}, MemoizedMessageText()))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
210
|
-
className: "sendbird-openchannel-og-message__top__context-menu",
|
|
211
|
-
ref: contextMenuRef,
|
|
212
|
-
style: contextStyle
|
|
213
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
|
|
214
|
-
menuTrigger: function menuTrigger(toggleDropdown) {
|
|
215
|
-
return openChannelUtils.showMenuTrigger({
|
|
216
|
-
message: message,
|
|
217
|
-
userId: userId,
|
|
218
|
-
status: status
|
|
219
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
|
|
220
|
-
className: "sendbird-openchannel-og-message__top__context-menu--icon",
|
|
221
|
-
width: "32px",
|
|
222
|
-
height: "32px",
|
|
223
|
-
onClick: function onClick() {
|
|
224
|
-
toggleDropdown();
|
|
225
|
-
}
|
|
226
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
227
|
-
type: ui_Icon.IconTypes.MORE,
|
|
228
|
-
fillColor: ui_Icon.IconColors.CONTENT_INVERSE,
|
|
229
|
-
width: "24px",
|
|
230
|
-
height: "24px"
|
|
231
|
-
}));
|
|
232
|
-
},
|
|
233
|
-
menuItems: function menuItems(closeDropdown) {
|
|
234
|
-
return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
|
|
235
|
-
parentRef: contextMenuRef,
|
|
236
|
-
parentContainRef: contextMenuRef,
|
|
237
|
-
closeDropdown: closeDropdown,
|
|
238
|
-
openLeft: true
|
|
239
|
-
}, openChannelUtils.isFineCopy({
|
|
240
|
-
message: message,
|
|
241
|
-
userId: userId,
|
|
242
|
-
status: status
|
|
243
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
|
|
244
|
-
className: "sendbird-openchannel-og-message__top__context-menu__copy",
|
|
245
|
-
onClick: function onClick() {
|
|
246
|
-
utils.copyToClipboard(message.message);
|
|
247
|
-
closeDropdown();
|
|
248
|
-
}
|
|
249
|
-
}, stringSet.CONTEXT_MENU_DROPDOWN__COPY), openChannelUtils.isFineEdit({
|
|
250
|
-
message: message,
|
|
251
|
-
userId: userId,
|
|
252
|
-
status: status
|
|
253
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
|
|
254
|
-
className: "sendbird-openchannel-og-message__top__context-menu__edit",
|
|
255
|
-
onClick: function onClick() {
|
|
256
|
-
if (disabled) {
|
|
257
|
-
return;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
showEdit(true);
|
|
261
|
-
closeDropdown();
|
|
262
|
-
}
|
|
263
|
-
}, stringSet.CONTEXT_MENU_DROPDOWN__EDIT), openChannelUtils.isFineResend({
|
|
264
|
-
message: message,
|
|
265
|
-
userId: userId,
|
|
266
|
-
status: status
|
|
267
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
|
|
268
|
-
className: "sendbird-openchannel-og-message__top__context-menu__resend",
|
|
269
|
-
onClick: function onClick() {
|
|
270
|
-
resendMessage(message);
|
|
271
|
-
closeDropdown();
|
|
272
|
-
}
|
|
273
|
-
}, stringSet.CONTEXT_MENU_DROPDOWN__RESEND), openChannelUtils.isFineDelete({
|
|
274
|
-
message: message,
|
|
275
|
-
userId: userId,
|
|
276
|
-
status: status
|
|
277
|
-
}) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
|
|
278
|
-
className: "sendbird-openchannel-og-message__top__context-menu__delete",
|
|
279
|
-
onClick: function onClick() {
|
|
280
|
-
if (disabled) {
|
|
281
|
-
return;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
showRemove(true);
|
|
285
|
-
closeDropdown();
|
|
286
|
-
}
|
|
287
|
-
}, stringSet.CONTEXT_MENU_DROPDOWN__DELETE));
|
|
288
|
-
}
|
|
289
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
290
|
-
className: "sendbird-openchannel-og-message__bottom"
|
|
291
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
292
|
-
className: "sendbird-openchannel-og-message__bottom__og-tag"
|
|
293
|
-
}, ogMetaData.url && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
294
|
-
className: "sendbird-openchannel-og-message__bottom__og-tag__url",
|
|
295
|
-
type: ui_Label.LabelTypography.CAPTION_3,
|
|
296
|
-
color: ui_Label.LabelColors.ONBACKGROUND_2
|
|
297
|
-
}, ogMetaData.url), ogMetaData.title && /*#__PURE__*/React__default["default"].createElement(ui_LinkLabel["default"], {
|
|
298
|
-
className: "sendbird-openchannel-og-message__bottom__og-tag__title",
|
|
299
|
-
src: ogMetaData.url,
|
|
300
|
-
type: ui_Label.LabelTypography.SUBTITLE_2,
|
|
301
|
-
color: ui_Label.LabelColors.PRIMARY
|
|
302
|
-
}, ogMetaData.title), ogMetaData.description && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
|
|
303
|
-
className: "sendbird-openchannel-og-message__bottom__og-tag__description",
|
|
304
|
-
type: ui_Label.LabelTypography.BODY_2,
|
|
305
|
-
color: ui_Label.LabelColors.ONBACKGROUND_1
|
|
306
|
-
}, ogMetaData.description), ogMetaData.url && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
307
|
-
className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail",
|
|
308
|
-
role: "button",
|
|
309
|
-
onClick: openLink,
|
|
310
|
-
onKeyDown: openLink,
|
|
311
|
-
tabIndex: 0
|
|
312
|
-
}, defaultImage && /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
|
|
313
|
-
className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image",
|
|
314
|
-
url: defaultImage.url || '',
|
|
315
|
-
alt: defaultImage.alt || '',
|
|
316
|
-
height: "189px",
|
|
317
|
-
defaultComponent: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
318
|
-
className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder"
|
|
319
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
320
|
-
type: ui_Icon.IconTypes.THUMBNAIL_NONE,
|
|
321
|
-
width: "56px",
|
|
322
|
-
height: "56px"
|
|
323
|
-
}))
|
|
324
|
-
}))), (isPending || isFailed) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
325
|
-
className: "sendbird-openchannel-og-message__top__right__tail"
|
|
326
|
-
}, isPending && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
|
|
327
|
-
width: "16px",
|
|
328
|
-
height: "16px"
|
|
329
|
-
}, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
330
|
-
className: "sendbird-openchannel-og-message__top__right__tail__pending",
|
|
331
|
-
type: ui_Icon.IconTypes.SPINNER,
|
|
332
|
-
fillColor: ui_Icon.IconColors.PRIMARY,
|
|
333
|
-
width: "16px",
|
|
334
|
-
height: "16px"
|
|
335
|
-
})), isFailed && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
|
|
336
|
-
className: "sendbird-openchannel-og-message__top__right__tail__failed",
|
|
337
|
-
type: ui_Icon.IconTypes.ERROR,
|
|
338
|
-
fillColor: ui_Icon.IconColors.ERROR,
|
|
339
|
-
width: "16px",
|
|
340
|
-
height: "16px"
|
|
341
|
-
}))));
|
|
342
|
-
}
|
|
343
|
-
|
|
344
|
-
module.exports = OpenchannelOGMessage;
|
|
345
|
-
//# sourceMappingURL=OpenchannelOGMessage.js.map
|