import QtQuick 2.14 import QtQuick.Layouts 1.14 import utils 1.0 import shared.panels 1.0 import shared.status 1.0 import shared.controls 1.0 import shared.popups 1.0 import shared.views.chat 1.0 import shared.controls.chat 1.0 import shared.stores 1.0 import StatusQ.Core 0.1 import StatusQ.Core.Theme 0.1 import StatusQ.Core.Utils 0.1 as StatusQUtils import StatusQ.Controls 0.1 import StatusQ.Components 0.1 Loader { id: root property var rootStore property var messageStore property var usersStore property var contactsStore property var chatContentModule property var chatCommunitySectionModule property string channelEmoji property var chatLogView property var emojiPopup property var stickersPopup // Once we redo qml we will know all section/chat related details in each message form the parent components // without an explicit need to fetch those details via message store/module. property bool isChatBlocked: false property string chatId property string messageId: "" property string communityId: "" property string senderId: "" property string senderDisplayName: "" property string senderOptionalName: "" property bool senderIsEnsVerified: false property string senderIcon: "" //TODO: provide the sender color hash from nim model in case of ContactVerificationRequest, OngoingContactVerificationRequest or PinnedMessagesPopup property var senderColorHash: senderId != "" ? Utils.getColorHashAsJson(senderId, senderIsEnsVerified) : "" property bool amISender: false property bool amIChatAdmin: messageStore && messageStore.amIChatAdmin property bool senderIsAdded: false property int senderTrustStatus: Constants.trustStatus.unknown property string messageText: "" property string unparsedText: "" property string messageImage: "" property double messageTimestamp: 0 // We use double, because QML's int is too small property string messageOutgoingStatus: "" property string resendError: "" property int messageContentType: Constants.messageContentType.messageType property bool pinnedMessage: false property string messagePinnedBy: "" property var reactionsModel: [] property var linkPreviewModel property string messageAttachments: "" property var transactionParams property var emojiReactionsModel // These 2 properties can be dropped when the new unfurling flow supports GIFs property var links readonly property var gifLinks: { if (!links) return [] const arr = links.split(" ") return arr.filter(value => value.toLowerCase().endsWith('.gif')) } property string responseToMessageWithId: "" property string quotedMessageText: "" property string quotedMessageFrom: "" property int quotedMessageContentType: Constants.messageContentType.messageType property int quotedMessageFromIterator: -1 property bool quotedMessageDeleted: false property string quotedMessageAuthorDetailsName: "" property string quotedMessageAuthorDetailsDisplayName: "" property string quotedMessageAuthorDetailsThumbnailImage: "" property bool quotedMessageAuthorDetailsEnsVerified: false property bool quotedMessageAuthorDetailsIsContact: false property var quotedMessageAuthorDetailsColorHash property var album: [] property int albumCount: 0 property var quotedMessageAlbumMessageImages: [] property int quotedMessageAlbumImagesCount: 0 // External behavior changers property bool isInPinnedPopup: false // The pinned popup limits the number of buttons shown property bool isViewMemberMessagesePopup: false // The view member messages popup limits the number of buttons property bool disableHover: false // Used to force the HoverHandler to be active (useful for messages in popups) property bool placeholderMessage: false property int gapFrom: 0 property int gapTo: 0 property int prevMessageIndex: -1 property int prevMessageContentType: prevMessageAsJsonObj ? prevMessageAsJsonObj.contentType : Constants.messageContentType.unknownContentType property bool prevMessageDeleted: false property double prevMessageTimestamp: prevMessageAsJsonObj ? prevMessageAsJsonObj.timestamp : 0 property string prevMessageSenderId: prevMessageAsJsonObj ? prevMessageAsJsonObj.senderId : "" property var prevMessageAsJsonObj property int nextMessageIndex: -1 property double nextMessageTimestamp: nextMessageAsJsonObj ? nextMessageAsJsonObj.timestamp : 0 property var nextMessageAsJsonObj readonly property bool editRestricted: root.isSticker property bool editModeOn: false property bool isEdited: false property bool deleted: false property string deletedBy: "" property string deletedByContactDisplayName: "" property string deletedByContactIcon: "" property string deletedByContactColorHash: "" property bool shouldRepeatHeader: d.shouldRepeatHeader property bool hasMention: false property bool stickersLoaded: false property string sticker property int stickerPack: -1 property string bridgeName: "" property bool isEmoji: messageContentType === Constants.messageContentType.emojiType property bool isImage: messageContentType === Constants.messageContentType.imageType || (isDiscordMessage && messageImage != "") property bool isAudio: messageContentType === Constants.messageContentType.audioType property bool isSticker: messageContentType === Constants.messageContentType.stickerType property bool isDiscordMessage: messageContentType === Constants.messageContentType.discordMessageType property bool isBridgeMessage: messageContentType === Constants.messageContentType.bridgeMessageType property bool isText: messageContentType === Constants.messageContentType.messageType || messageContentType === Constants.messageContentType.contactRequestType || isDiscordMessage || isBridgeMessage property bool isMessage: isEmoji || isImage || isSticker || isText || isAudio || messageContentType === Constants.messageContentType.communityInviteType || messageContentType === Constants.messageContentType.transactionType function openProfileContextMenu(sender, mouse, isReply = false) { if (isReply && !quotedMessageFrom) { // The responseTo message was deleted // so we don't enable to right click the unavailable profile return false } const params = { selectedUserPublicKey: isReply ? quotedMessageFrom : root.senderId, selectedUserDisplayName: isReply ? quotedMessageAuthorDetailsDisplayName : root.senderDisplayName, selectedUserIcon: isReply ? quotedMessageAuthorDetailsThumbnailImage : root.senderIcon, isBridgedAccount: isReply ? (quotedMessageContentType === Constants.messageContentType.bridgeMessageType) : root.isBridgeMessage } Global.openMenu(profileContextMenuComponent, sender, params) } function openMessageContextMenu() { if (placeholderMessage || !root.rootStore.mainModuleInst.activeSection.joined) return const params = { myPublicKey: userProfile.pubKey, amIChatAdmin: root.amIChatAdmin, pinMessageAllowedForMembers: messageStore.isPinMessageAllowedForMembers, chatType: messageStore.chatType, messageId: root.messageId, unparsedText: root.unparsedText, messageSenderId: root.senderId, messageContentType: root.messageContentType, pinnedMessage: root.pinnedMessage, canPin: !!root.messageStore && root.messageStore.getNumberOfPinnedMessages() < Constants.maxNumberOfPins, editRestricted: root.editRestricted, } Global.openMenu(messageContextMenuComponent, this, params) } function setMessageActive(messageId, active) { // TODO: Is argument messageId actually needed? // It was probably used with dynamic scoping, // but not this method can be moved to private `d`. // Probably that it was done this way, because `MessageView` is reused as delegate. if (active) { d.activeMessage = messageId; return; } if (d.activeMessage === messageId) { d.activeMessage = ""; return; } } signal showReplyArea(string messageId, string author) function startMessageFoundAnimation() { if (root.active && root.item.startMessageFoundAnimation) { root.item.startMessageFoundAnimation() } } signal openStickerPackPopup(string stickerPackId) z: (typeof chatLogView === "undefined") ? 1 : (chatLogView.count - index) asynchronous: true sourceComponent: { if (root.deleted) { return deletedMessageComponent } switch(messageContentType) { case Constants.messageContentType.chatIdentifier: return channelIdentifierComponent case Constants.messageContentType.fetchMoreMessagesButton: return fetchMoreMessagesButtonComponent case Constants.messageContentType.systemMessagePrivateGroupType: // no break return systemMessageGroupComponent case Constants.messageContentType.systemMessageMutualEventSent: case Constants.messageContentType.systemMessageMutualEventAccepted: case Constants.messageContentType.systemMessageMutualEventRemoved: return systemMessageMutualEventComponent case Constants.messageContentType.systemMessagePinnedMessage: return systemMessagePinnedMessageComponent case Constants.messageContentType.gapType: return gapComponent case Constants.messageContentType.newMessagesMarker: return newMessagesMarkerComponent case Constants.messageContentType.messageType: case Constants.messageContentType.stickerType: case Constants.messageContentType.emojiType: case Constants.messageContentType.transactionType: case Constants.messageContentType.imageType: case Constants.messageContentType.audioType: case Constants.messageContentType.communityInviteType: case Constants.messageContentType.discordMessageType: case Constants.messageContentType.contactRequestType: case Constants.messageContentType.bridgeMessageType: return messageComponent case Constants.messageContentType.unknownContentType: // NOTE: We could display smth like "unknown message type, please upgrade Status to see it". return null default: return null } } QtObject { id: d readonly property int chatButtonSize: 32 property bool hideMessage: false property string activeMessage readonly property bool isMessageActive: d.activeMessage === root.messageId readonly property bool addReactionAllowed: !root.isInPinnedPopup && root.chatContentModule.chatDetails.canPostReactions && !root.isViewMemberMessagesePopup readonly property bool canPost: root.chatContentModule.chatDetails.canPost readonly property bool canView: canPost || root.chatContentModule.chatDetails.canView function getNextMessageHasHeader() { if (!root.nextMessageAsJsonObj) { return false } return root.senderId !== root.nextMessageAsJsonObj.senderId || d.getShouldRepeatHeader(root.nextMessageAsJsonObj.timeStamp, root.messageTimestamp, root.nextMessageAsJsonObj.outgoingStatus) || root.nextMessageAsJsonObj.responseToMessageWithId !== "" } function getShouldRepeatHeader(messageTimeStamp, prevMessageTimeStamp, messageOutgoingStatus) { return ((messageTimeStamp - prevMessageTimeStamp) / 60 / 1000) > Constants.repeatHeaderInterval || d.getIsExpired(messageTimeStamp, messageOutgoingStatus) } function getIsExpired(messageTimeStamp, messageOutgoingStatus) { return (messageOutgoingStatus === Constants.messageOutgoingStatus.sending && (Math.floor(messageTimeStamp) + 180000) < Date.now()) || messageOutgoingStatus === Constants.expired } property bool isExpired: false property bool shouldRepeatHeader: false property bool nextMessageHasHeader: false Component.onCompleted: { onTimeChanged() } function onTimeChanged() { isExpired = getIsExpired(root.messageTimestamp, root.messageOutgoingStatus) shouldRepeatHeader = getShouldRepeatHeader(root.messageTimestamp, root.prevMessageTimestamp, root.messageOutgoingStatus) nextMessageHasHeader = getNextMessageHasHeader() } function convertContentType(value) { switch (value) { case Constants.messageContentType.contactRequestType: case Constants.messageContentType.messageType: return StatusMessage.ContentType.Text; case Constants.messageContentType.stickerType: return StatusMessage.ContentType.Sticker; case Constants.messageContentType.emojiType: return StatusMessage.ContentType.Emoji; case Constants.messageContentType.transactionType: return StatusMessage.ContentType.Transaction; case Constants.messageContentType.imageType: return StatusMessage.ContentType.Image; case Constants.messageContentType.audioType: return StatusMessage.ContentType.Audio; case Constants.messageContentType.communityInviteType: return StatusMessage.ContentType.Invitation; case Constants.messageContentType.discordMessageType: return StatusMessage.ContentType.DiscordMessage; case Constants.messageContentType.bridgeMessageType: return StatusMessage.ContentType.BridgeMessage; case Constants.messageContentType.systemMessagePinnedMessage: return StatusMessage.ContentType.SystemMessagePinnedMessage; case Constants.messageContentType.systemMessageMutualEventSent: return StatusMessage.ContentType.SystemMessageMutualEventSent; case Constants.messageContentType.systemMessageMutualEventAccepted: return StatusMessage.ContentType.SystemMessageMutualEventAccepted; case Constants.messageContentType.systemMessageMutualEventRemoved: return StatusMessage.ContentType.SystemMessageMutualEventRemoved; case Constants.messageContentType.fetchMoreMessagesButton: case Constants.messageContentType.chatIdentifier: case Constants.messageContentType.unknownContentType: case Constants.messageContentType.statusType: case Constants.messageContentType.systemMessagePrivateGroupType: case Constants.messageContentType.gapType: default: return StatusMessage.ContentType.Unknown; } } function convertOutgoingStatus(value) { switch (value) { case Constants.messageOutgoingStatus.sending: return StatusMessage.OutgoingStatus.Sending case Constants.messageOutgoingStatus.delivered: return StatusMessage.OutgoingStatus.Delivered case Constants.messageOutgoingStatus.expired: return StatusMessage.OutgoingStatus.Expired case Constants.messageOutgoingStatus.failedResending: return StatusMessage.OutgoingStatus.FailedResending case Constants.messageOutgoingStatus.sent: default: return StatusMessage.OutgoingStatus.Sent } } function addReactionClicked(mouseArea, mouse) { if (!d.addReactionAllowed) return // Don't use mouseArea as parent, as it will be destroyed right after opening menu const point = mouseArea.mapToItem(root, mouse.x, mouse.y) Global.openMenu(addReactionContextMenu, root, {}, point) } function onImageClicked(image, mouse, imageSource, url = "") { switch (mouse.button) { case Qt.LeftButton: Global.openImagePopup(image, url, false) break; case Qt.RightButton: Global.openMenu(imageContextMenuComponent, image, { imageSource, url }) break; } } function correctBridgeNameCapitalization(bridgeName) { return (bridgeName === "discord") ? "Discord" : bridgeName } } Connections { target: StatusSharedUpdateTimer function onTriggered() { d.onTimeChanged() } } Component { id: gapComponent GapComponent { gapFrom: root.gapFrom gapTo: root.gapTo onClicked: { messageStore.fillGaps(messageId) root.visible = false; root.height = 0; } } } Component { id: fetchMoreMessagesButtonComponent FetchMoreMessagesButton { nextMessageIndex: root.nextMessageIndex nextMsgTimestamp: root.nextMessageTimestamp onTimerTriggered: { messageStore.requestMoreMessages(); } } } Component { id: channelIdentifierComponent ChannelIdentifierView { chatName: root.senderDisplayName chatId: root.messageStore.getChatId() chatType: root.messageStore.chatType chatColor: root.messageStore.chatColor chatEmoji: root.channelEmoji amIChatAdmin: root.amIChatAdmin chatIcon: { if (root.messageStore.chatType === Constants.chatType.privateGroupChat && root.messageStore.chatIcon !== "") { return root.messageStore.chatIcon } return root.senderIcon } } } Component { id: systemMessageGroupComponent StyledText { wrapMode: Text.Wrap readonly property string systemMessageText: root.messageText.length > 0 ? root.messageText : root.unparsedText text: { return ``+ ``+ ``+ ``+ ``+ `${systemMessageText}`+ ``+ ``; } font.pixelSize: 14 color: Style.current.secondaryText width: parent.width - 120 horizontalAlignment: Text.AlignHCenter anchors.horizontalCenter: parent.horizontalCenter textFormat: Text.RichText topPadding: root.prevMessageIndex === 1 ? Style.current.bigPadding : 0 } } Component{ id: systemMessageMutualEventComponent StyledText { text: { var displayName = root.amISender ? Utils.getContactDetailsAsJson(chatId, false).displayName : root.senderDisplayName switch (root.messageContentType) { case Constants.messageContentType.systemMessageMutualEventSent: return root.amISender ? qsTr("You sent a contact request to %1").arg(displayName) : qsTr("%1 sent you a contact request").arg(displayName) case Constants.messageContentType.systemMessageMutualEventAccepted: return root.amISender ? qsTr("You accepted %1's contact request").arg(displayName) : qsTr("%1 accepted your contact request").arg(displayName) case Constants.messageContentType.systemMessageMutualEventRemoved: return root.amISender ? qsTr("You removed %1 as a contact").arg(displayName) : qsTr("%1 removed you as a contact").arg(displayName) default: return root.messageText } } font.pixelSize: 14 color: Style.current.secondaryText width: parent.width - 120 horizontalAlignment: Text.AlignHCenter anchors.horizontalCenter: parent.horizontalCenter textFormat: Text.RichText topPadding: root.prevMessageIndex === 1 ? Style.current.bigPadding : 0 } } Component { id: systemMessagePinnedMessageComponent StatusBaseText { width: parent.width - 120 horizontalAlignment: Text.AlignHCenter text: qsTr("%1 pinned a message").arg(senderDisplayName) color: Theme.palette.directColor3 font.family: Theme.palette.baseFont.name font.pixelSize: Theme.primaryTextFontSize textFormat: Text.RichText wrapMode: Text.Wrap topPadding: root.prevMessageIndex === 1 ? Style.current.bigPadding : 0 } } Component { id: deletedMessageComponent ColumnLayout { RowLayout { id: deletedMessage height: 40 Layout.fillWidth: true Layout.topMargin: 8 Layout.bottomMargin: 8 Layout.leftMargin: 16 spacing: 8 readonly property int smartIconSize: 20 readonly property int colorId: Utils.colorIdForPubkey(root.deletedBy) readonly property var messageDetails: StatusMessageDetails { sender.profileImage { width: deletedMessage.smartIconSize height: deletedMessage.smartIconSize assetSettings: StatusAssetSettings { width: deletedMessage.smartIconSize height: deletedMessage.smartIconSize name: root.deletedByContactIcon || "" isLetterIdenticon: name === "" imgIsIdenticon: false charactersLen: 1 color: Theme.palette.userCustomizationColors[deletedMessage.colorId] letterSize: 14 } name: root.deletedByContactIcon || "" pubkey: root.deletedBy colorId: deletedMessage.colorId colorHash: root.deletedByContactColorHash showRing: true } } Rectangle { Layout.preferredWidth: deletedMessage.height Layout.preferredHeight: deletedMessage.height radius: width / 2 color: Theme.palette.dangerColor3 Layout.alignment: Qt.AlignVCenter StatusIcon { anchors.centerIn: parent width: 24 height: 24 icon: "delete" color: Theme.palette.dangerColor1 } } StatusSmartIdenticon { id: profileImage Layout.preferredWidth: deletedMessage.smartIconSize Layout.preferredHeight: deletedMessage.smartIconSize Layout.alignment: Qt.AlignVCenter visible: true name: root.deletedByContactDisplayName asset: deletedMessage.messageDetails.sender.profileImage.assetSettings ringSettings: deletedMessage.messageDetails.sender.profileImage.ringSettings } StatusBaseText { text: qsTr("%1 deleted this message").arg(root.deletedByContactDisplayName) Layout.alignment: Qt.AlignVCenter } StatusTimeStampLabel { Layout.alignment: Qt.AlignVCenter timestamp: root.messageTimestamp showFullTimestamp: false } } } } Component { id: messageComponent ColumnLayout { spacing: 0 function startMessageFoundAnimation() { delegate.startMessageFoundAnimation(); } StatusDateGroupLabel { id: dateGroupLabel Layout.fillWidth: true Layout.topMargin: 16 Layout.bottomMargin: 16 messageTimestamp: root.messageTimestamp previousMessageTimestamp: root.prevMessageIndex === -1 ? 0 : root.prevMessageTimestamp visible: text !== "" && !root.isInPinnedPopup && !root.isViewMemberMessagesePopup } StatusMessage { id: delegate Layout.fillWidth: true Layout.topMargin: showHeader && !root.isInPinnedPopup ? 2 : 0 Layout.bottomMargin: !root.isInPinnedPopup ? 2 : 0 readonly property int contentType: d.convertContentType(root.messageContentType) property string originalMessageText: "" readonly property bool hideQuickActions: { return root.isChatBlocked || root.placeholderMessage || root.isInPinnedPopup || root.editModeOn || !root.rootStore.mainModuleInst.activeSection.joined } function editCancelledHandler() { root.messageStore.setEditModeOff(root.messageId) } function editCompletedHandler(newMessageText) { if (delegate.originalMessageText === newMessageText) { delegate.editCancelledHandler() return } const message = root.rootStore.plainText(StatusQUtils.Emoji.deparse(newMessageText)) if (message.length <= 0) return; root.unparsedText = message const interpretedMessage = root.messageStore.interpretMessage(message) root.messageStore.setEditModeOff(root.messageId) root.messageStore.editMessage( root.messageId, Utils.isOnlyEmoji(message) ? Constants.messageContentType.emojiType : Constants.messageContentType.messageType, interpretedMessage ) } pinnedMsgInfoText: root.isDiscordMessage ? qsTr("Pinned") : qsTr("Pinned by") reactionIcons: [ Style.svg("emojiReactions/heart"), Style.svg("emojiReactions/thumbsUp"), Style.svg("emojiReactions/thumbsDown"), Style.svg("emojiReactions/laughing"), Style.svg("emojiReactions/sad"), Style.svg("emojiReactions/angry"), ] timestamp: root.messageTimestamp editMode: root.editModeOn isAReply: root.responseToMessageWithId !== "" isEdited: root.isEdited hasMention: root.hasMention isPinned: root.pinnedMessage pinnedBy: { if (!root.pinnedMessage || root.isDiscordMessage) return "" const contact = Utils.getContactDetailsAsJson(root.messagePinnedBy, false) return ProfileUtils.displayName(contact.localNickname, contact.name, contact.displayName, contact.alias) } isInPinnedPopup: root.isInPinnedPopup outgoingStatus: d.isExpired ? StatusMessage.OutgoingStatus.Expired : d.convertOutgoingStatus(messageOutgoingStatus) resendError: root.resendError reactionsModel: root.reactionsModel linkPreviewModel: root.linkPreviewModel gifLinks: root.gifLinks showHeader: root.shouldRepeatHeader || dateGroupLabel.visible || isAReply || root.prevMessageContentType === Constants.messageContentType.systemMessagePrivateGroupType || root.prevMessageContentType === Constants.messageContentType.systemMessagePinnedMessage || root.prevMessageContentType === Constants.messageContentType.systemMessageMutualEventSent || root.prevMessageContentType === Constants.messageContentType.systemMessageMutualEventAccepted || root.prevMessageContentType === Constants.messageContentType.systemMessageMutualEventRemoved || root.prevMessageContentType === Constants.messageContentType.bridgeMessageType || root.senderId !== root.prevMessageSenderId || root.prevMessageDeleted isActiveMessage: d.isMessageActive topPadding: showHeader ? Style.current.halfPadding : 0 bottomPadding: showHeader && d.nextMessageHasHeader ? Style.current.halfPadding : 2 disableHover: root.disableHover || (delegate.hideQuickActions && !d.addReactionAllowed) || (root.chatLogView && root.chatLogView.moving) || Global.activityPopupOpened disableEmojis: !d.addReactionAllowed hideMessage: d.hideMessage overrideBackground: root.placeholderMessage profileClickable: !root.isDiscordMessage messageAttachments: root.messageAttachments onEditCancelled: { delegate.editCancelledHandler() } onEditCompleted: delegate.editCompletedHandler(newMsgText) onImageClicked: (image, mouse, imageSource) => { d.onImageClicked(image, mouse, imageSource) } onLinkActivated: { if (link.startsWith('//')) { const pubkey = link.replace("//", ""); Global.openProfilePopup(pubkey) return } if (link.startsWith('#')) { rootStore.chatCommunitySectionModule.switchToChannel(link.replace("#", "")) return } const linkPreviewType = root.linkPreviewModel.getLinkPreviewType(link) if (linkPreviewType === Constants.LinkPreviewType.Standard || !Utils.isStatusDeepLink(link)) { Global.openLink(link) return } Global.activateDeepLink(link) } onProfilePictureClicked: { root.openProfileContextMenu(sender, mouse) } onReplyProfileClicked: { root.openProfileContextMenu(sender, mouse, true) } onReplyMessageClicked: { root.messageStore.messageModule.jumpToMessage(root.responseToMessageWithId) } onSenderNameClicked: { root.openProfileContextMenu(sender, mouse) } onToggleReactionClicked: { if (root.isChatBlocked) return if (!root.messageStore) { console.error("Reaction can not be toggled, message store is not valid") return } root.messageStore.toggleReaction(root.messageId, emojiId) } onAddReactionClicked: (sender, mouse) => { d.addReactionClicked(sender, mouse) } onStickerClicked: { root.openStickerPackPopup(root.stickerPack); } onResendClicked: { root.messageStore.resendMessage(root.messageId) } mouseArea { acceptedButtons: Qt.RightButton enabled: (!root.isChatBlocked || d.addReactionAllowed) && !root.placeholderMessage onClicked: { root.openMessageContextMenu() } } messageDetails: StatusMessageDetails { contentType: delegate.contentType messageOriginInfo: { if (isDiscordMessage) { return qsTr("Imported from discord") } else if (isBridgeMessage) { return qsTr("Bridged from %1").arg(d.correctBridgeNameCapitalization(root.bridgeName)) } return "" } messageText: root.messageText messageContent: { switch (delegate.contentType) { case StatusMessage.ContentType.Sticker: return root.sticker; case StatusMessage.ContentType.Image: return root.messageImage; } if (root.isDiscordMessage && root.messageImage != "") { return root.messageImage } return ""; } album: root.album albumCount: root.albumCount amISender: root.amISender sender.id: root.senderIsEnsVerified ? "" : Utils.getCompressedPk(root.senderId) sender.displayName: root.senderDisplayName sender.secondaryName: root.senderOptionalName sender.isEnsVerified: root.isBridgeMessage ? false : root.senderIsEnsVerified sender.isContact: root.isBridgeMessage ? false : root.senderIsAdded sender.trustIndicator: root.isBridgeMessage ? StatusContactVerificationIcons.TrustedType.None: root.senderTrustStatus sender.profileImage { width: 40 height: 40 name: root.senderIcon || "" pubkey: root.senderId colorId: Utils.colorIdForPubkey(root.senderId) colorHash: root.senderColorHash showRing: !root.isDiscordMessage && !root.senderIsEnsVerified && !root.isBridgeMessage } sender.badgeImage: Style.svg("discord-bridge") } replyDetails: StatusMessageDetails { readonly property var responseMessage: contentType === StatusMessage.ContentType.Sticker || contentType === StatusMessage.ContentType.Image ? root.messageStore.getMessageByIdAsJson(responseToMessageWithId) : null onResponseMessageChanged: { if (!responseMessage) return switch (contentType) { case StatusMessage.ContentType.Sticker: messageContent = responseMessage.sticker; return case StatusMessage.ContentType.Image: messageContent = responseMessage.messageImage; albumCount = responseMessage.albumImagesCount album = responseMessage.albumMessageImages return default: messageContent = "" } } messageText: { if (messageDeleted) return qsTr("Message deleted") if (!root.quotedMessageText && !root.quotedMessageFrom) return qsTr("Unknown message. Try fetching more messages") return root.quotedMessageText } album: root.quotedMessageAlbumMessageImages albumCount: root.quotedMessageAlbumImagesCount messageDeleted: root.quotedMessageDeleted contentType: d.convertContentType(root.quotedMessageContentType) amISender: root.quotedMessageFrom === userProfile.pubKey sender.id: root.quotedMessageFrom sender.isContact: quotedMessageAuthorDetailsIsContact sender.displayName: quotedMessageAuthorDetailsDisplayName sender.isEnsVerified: quotedMessageAuthorDetailsEnsVerified sender.secondaryName: quotedMessageAuthorDetailsName sender.profileImage { width: 20 height: 20 name: quotedMessageAuthorDetailsThumbnailImage assetSettings.isImage: quotedMessageAuthorDetailsThumbnailImage showRing: (root.quotedMessageContentType !== Constants.messageContentType.discordMessageType) && !sender.isEnsVerified && (root.quotedMessageContentType !== Constants.messageContentType.bridgeMessageType) pubkey: sender.id colorId: Utils.colorIdForPubkey(sender.id) colorHash: quotedMessageAuthorDetailsColorHash } } statusChatInput: Component { StatusChatInput { id: editTextInput objectName: "editMessageInput" readonly property string messageText: editTextInput.textInput.text // TODO: Move this property and Escape handler to StatusChatInput property bool suggestionsOpened: false width: parent.width Keys.onEscapePressed: { if (!suggestionsOpened) { delegate.editCancelled() } suggestionsOpened = false } store: root.rootStore usersStore: root.usersStore emojiPopup: root.emojiPopup stickersPopup: root.stickersPopup chatType: root.messageStore.chatType isEdit: true onSendMessage: delegate.editCompletedHandler(editTextInput.getTextWithPublicKeys()) Component.onCompleted: { parseMessage(root.messageText); delegate.originalMessageText = editTextInput.textInput.text } } } linksComponent: Component { LinksMessageView { id: linksMessageView linkPreviewModel: root.linkPreviewModel gifLinks: root.gifLinks playAnimations: root.messageStore.playAnimation isOnline: root.rootStore.mainModuleInst.isOnline highlightLink: delegate.hoveredLink onImageClicked: (image, mouse, imageSource, url) => { d.onImageClicked(image, mouse, imageSource, url) } onOpenContextMenu: (item, url, domain) => { Global.openMenu(imageContextMenuComponent, item, { url: url, domain: domain, requireConfirmationOnOpen: true }) } onHoveredLinkChanged: delegate.highlightedLink = linksMessageView.hoveredLink gifUnfurlingEnabled: RootStore.gifUnfurlingEnabled canAskToUnfurlGifs: !RootStore.neverAskAboutUnfurlingAgain onSetNeverAskAboutUnfurlingAgain: RootStore.setNeverAskAboutUnfurlingAgain(neverAskAgain) Component.onCompleted: { root.messageStore.messageModule.forceLinkPreviewsLocalData(root.messageId) } } } transcationComponent: Component { TransactionBubbleView { transactionParams: root.transactionParams store: root.rootStore contactsStore: root.contactsStore } } invitationComponent: Component { InvitationBubbleView { store: root.rootStore communityId: root.communityId } } quickActions: [ Loader { active: d.addReactionAllowed && delegate.hovered && !root.isViewMemberMessagesePopup visible: active sourceComponent: StatusFlatRoundButton { width: d.chatButtonSize height: d.chatButtonSize icon.name: "reaction-b" type: StatusFlatRoundButton.Type.Tertiary tooltip.text: qsTr("Add reaction") onClicked: (mouse) => { d.addReactionClicked(this, mouse) } } }, Loader { active: !root.isInPinnedPopup && delegate.hovered && !delegate.hideQuickActions && !root.isViewMemberMessagesePopup && d.canPost visible: active sourceComponent: StatusFlatRoundButton { objectName: "replyToMessageButton" width: d.chatButtonSize height: d.chatButtonSize icon.name: "reply" type: StatusFlatRoundButton.Type.Tertiary tooltip.text: qsTr("Reply") onClicked: { root.showReplyArea(root.messageId, root.senderId) } } }, Loader { active: { return !root.isInPinnedPopup && !root.editRestricted && !root.editModeOn && root.amISender && delegate.hovered && !delegate.hideQuickActions && !root.isViewMemberMessagesePopup && d.canPost } visible: active sourceComponent: StatusFlatRoundButton { objectName: "editMessageButton" width: d.chatButtonSize height: d.chatButtonSize icon.name: "edit_pencil" type: StatusFlatRoundButton.Type.Tertiary tooltip.text: qsTr("Edit") onClicked: { root.messageStore.setEditModeOn(root.messageId) } } }, Loader { active: { if(!delegate.hovered) return false; if (!root.messageStore) return false if(delegate.hideQuickActions) return false; if (!d.canPost) return false; if (root.isViewMemberMessagesePopup) { return false } const chatType = root.messageStore.chatType; const pinMessageAllowedForMembers = root.messageStore.isPinMessageAllowedForMembers return chatType === Constants.chatType.oneToOne || chatType === Constants.chatType.privateGroupChat && root.amIChatAdmin || chatType === Constants.chatType.communityChat && (root.amIChatAdmin || pinMessageAllowedForMembers); } visible: active sourceComponent: StatusFlatRoundButton { objectName: "MessageView_toggleMessagePin" width: d.chatButtonSize height: d.chatButtonSize icon.name: root.pinnedMessage ? "unpin" : "pin" type: StatusFlatRoundButton.Type.Tertiary tooltip.text: root.pinnedMessage ? qsTr("Unpin") : qsTr("Pin") onClicked: { if (root.pinnedMessage) { messageStore.unpinMessage(root.messageId) return; } if (!!root.messageStore && root.messageStore.getNumberOfPinnedMessages() < Constants.maxNumberOfPins) { messageStore.pinMessage(root.messageId) return; } if (!chatContentModule) { console.warn("error on open pinned messages limit reached from message context menu - chat content module is not set") return; } const chatId = root.messageStore.chatType === Constants.chatType.oneToOne ? chatContentModule.getMyChatId() : "" Global.openPinnedMessagesPopupRequested(root.rootStore, messageStore, chatContentModule.pinnedMessagesModel, root.messageId, chatId) } } }, Loader { active: !root.editModeOn && delegate.hovered && !delegate.hideQuickActions && !root.isViewMemberMessagesePopup visible: active sourceComponent: StatusFlatRoundButton { objectName: "markAsUnreadButton" width: d.chatButtonSize height: d.chatButtonSize icon.name: "hide" type: StatusFlatRoundButton.Type.Tertiary tooltip.text: qsTr("Mark as unread") onClicked: { root.messageStore.markMessageAsUnread(root.messageId) } } }, Loader { active: { if(!delegate.hovered) return false; if (root.isInPinnedPopup) return false; if (!root.messageStore) return false; if (delegate.hideQuickActions) return false; if (!d.canPost) return false; return (root.amISender || root.amIChatAdmin) && (messageContentType === Constants.messageContentType.messageType || messageContentType === Constants.messageContentType.stickerType || messageContentType === Constants.messageContentType.emojiType || messageContentType === Constants.messageContentType.imageType || messageContentType === Constants.messageContentType.audioType); } visible: active sourceComponent: StatusFlatRoundButton { objectName: "chatDeleteMessageButton" width: d.chatButtonSize height: d.chatButtonSize icon.name: "delete" type: StatusFlatRoundButton.Type.Tertiary tooltip.text: qsTr("Delete") onClicked: root.isViewMemberMessagesePopup ? root.chatCommunitySectionModule.deleteCommunityMemberMessages(root.senderId, root.messageId, root.chatId) : messageStore.warnAndDeleteMessage(root.messageId) } } ] } } } Component { id: newMessagesMarkerComponent NewMessagesMarker { count: root.messageStore.newMessagesCount timestamp: root.messageTimestamp } } Component { id: addReactionContextMenu MessageAddReactionContextMenu { reactionsModel: root.emojiReactionsModel onToggleReaction: (emojiId) => { root.messageStore.toggleReaction(root.messageId, emojiId) } onOpened: { root.setMessageActive(root.messageId, true) } onClosed: { root.setMessageActive(root.messageId, false) destroy() } } } Component { id: imageContextMenuComponent ImageContextMenu { onClosed: { destroy() } } } Component { id: profileContextMenuComponent ProfileContextMenu { store: root.rootStore onOpenProfileClicked: (publicKey) => { Global.openProfilePopup(publicKey, null) } onCreateOneToOneChat: (communityId, chatId, ensName) => { Global.changeAppSectionBySectionType(Constants.appSection.chat) root.rootStore.chatCommunitySectionModule.createOneToOneChat("", chatId, ensName) } onOpened: { root.setMessageActive(root.messageId, true) } onClosed: { root.setMessageActive(root.messageId, false) destroy() } } } Component { id: messageContextMenuComponent MessageContextMenuView { store: root.rootStore reactionModel: root.emojiReactionsModel disabledForChat: !root.rootStore.isUserAllowedToSendMessage forceEnableEmojiReactions: !root.rootStore.isUserAllowedToSendMessage && d.addReactionAllowed onPinMessage: (messageId) => { root.messageStore.pinMessage(messageId) } onUnpinMessage: (messageId) => { root.messageStore.unpinMessage(messageId) } onPinnedMessagesLimitReached: (messageId) => { if (!root.chatContentModule) { console.warn("error on open pinned messages limit reached from message context menu - chat content module is not set") return } Global.openPinnedMessagesPopupRequested(root.rootStore, root.messageStore, root.chatContentModule.pinnedMessagesModel, messageId, root.chatId) } onMarkMessageAsUnread: (messageId) => { root.messageStore.markMessageAsUnread(messageId) } onToggleReaction: (messageId, emojiId) => { root.messageStore.toggleReaction(messageId, emojiId) } onDeleteMessage: (messageId) => { root.messageStore.warnAndDeleteMessage(messageId) } onEditClicked: (messageId) => { root.messageStore.setEditModeOn(messageId) } onShowReplyArea: (messageId, senderId) => { root.showReplyArea(messageId, senderId) } onOpened: { root.setMessageActive(model.id, true) } onClosed: { root.setMessageActive(model.id, false) destroy() } } } }