// Copyright 2021 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only import { identity, isEqual, isNumber, isObject, map, omit, pick, reduce, } from 'lodash'; import { createSelectorCreator } from 'reselect'; import filesize from 'filesize'; import type { LastMessageStatus, MessageReactionType, ShallowChallengeError, } from '../../model-types.d'; import type { TimelineItemType } from '../../components/conversation/TimelineItem'; import type { PropsData } from '../../components/conversation/Message'; import type { PropsData as TimerNotificationProps } from '../../components/conversation/TimerNotification'; import type { PropsData as ChangeNumberNotificationProps } from '../../components/conversation/ChangeNumberNotification'; import type { PropsData as SafetyNumberNotificationProps } from '../../components/conversation/SafetyNumberNotification'; import type { PropsData as VerificationNotificationProps } from '../../components/conversation/VerificationNotification'; import type { PropsDataType as GroupsV2Props } from '../../components/conversation/GroupV2Change'; import type { PropsDataType as GroupV1MigrationPropsType } from '../../components/conversation/GroupV1Migration'; import type { PropsDataType as DeliveryIssuePropsType } from '../../components/conversation/DeliveryIssueNotification'; import type { PropsData as GroupNotificationProps, ChangeType, } from '../../components/conversation/GroupNotification'; import type { PropsType as ProfileChangeNotificationPropsType } from '../../components/conversation/ProfileChangeNotification'; import type { QuotedAttachmentType } from '../../components/conversation/Quote'; import { getDomain, isStickerPack } from '../../types/LinkPreview'; import type { UUIDStringType } from '../../types/UUID'; import type { EmbeddedContactType } from '../../types/EmbeddedContact'; import { embeddedContactSelector } from '../../types/EmbeddedContact'; import type { AssertProps, BodyRangesType } from '../../types/Util'; import type { LinkPreviewType } from '../../types/message/LinkPreviews'; import { CallMode } from '../../types/Calling'; import { SignalService as Proto } from '../../protobuf'; import type { AttachmentType } from '../../types/Attachment'; import { isVoiceMessage } from '../../types/Attachment'; import { ReadStatus } from '../../messages/MessageReadStatus'; import type { CallingNotificationType } from '../../util/callingNotification'; import { memoizeByRoot } from '../../util/memoizeByRoot'; import { missingCaseError } from '../../util/missingCaseError'; import { isNotNil } from '../../util/isNotNil'; import { isMoreRecentThan } from '../../util/timestamp'; import * as iterables from '../../util/iterables'; import { strictAssert } from '../../util/assert'; import type { ConversationType, MessageWithUIFieldsType, } from '../ducks/conversations'; import type { AccountSelectorType } from './accounts'; import type { CallSelectorType, CallStateType } from './calling'; import type { GetConversationByIdType, ContactNameColorSelectorType, } from './conversations'; import { isMissingRequiredProfileSharing } from './conversations'; import { SendStatus, isDelivered, isFailed, isMessageJustForMe, isRead, isSent, isViewed, maxStatus, someSendStatus, } from '../../messages/MessageSendState'; import * as log from '../../logging/log'; const THREE_HOURS = 3 * 60 * 60 * 1000; type FormattedContact = Partial & Pick< ConversationType, | 'acceptedMessageRequest' | 'id' | 'isMe' | 'sharedGroupNames' | 'title' | 'type' | 'unblurredAvatarPath' >; type PropsForMessage = Omit; type PropsForUnsupportedMessage = { canProcessNow: boolean; contact: FormattedContact; }; export type GetPropsForBubbleOptions = Readonly<{ conversationSelector: GetConversationByIdType; ourConversationId: string; ourNumber?: string; ourUuid: UUIDStringType; selectedMessageId?: string; selectedMessageCounter?: number; regionCode: string; callSelector: CallSelectorType; activeCall?: CallStateType; accountSelector: AccountSelectorType; contactNameColorSelector: ContactNameColorSelectorType; }>; export function isIncoming( message: Pick ): boolean { return message.type === 'incoming'; } export function isOutgoing( message: Pick ): boolean { return message.type === 'outgoing'; } export function hasErrors( message: Pick ): boolean { return message.errors ? message.errors.length > 0 : false; } export function getSource( message: MessageWithUIFieldsType, ourNumber: string | undefined ): string | undefined { if (isIncoming(message)) { return message.source; } if (!isOutgoing(message)) { log.warn('message.getSource: Called for non-incoming/non-outoing message'); } return ourNumber; } export function getSourceDevice( message: MessageWithUIFieldsType, ourDeviceId: number ): string | number | undefined { const { sourceDevice } = message; if (isIncoming(message)) { return sourceDevice; } if (!isOutgoing(message)) { log.warn( 'message.getSourceDevice: Called for non-incoming/non-outoing message' ); } return sourceDevice || ourDeviceId; } export function getSourceUuid( message: MessageWithUIFieldsType, ourUuid: string | undefined ): string | undefined { if (isIncoming(message)) { return message.sourceUuid; } if (!isOutgoing(message)) { log.warn( 'message.getSourceUuid: Called for non-incoming/non-outoing message' ); } return ourUuid; } export type GetContactOptions = Pick< GetPropsForBubbleOptions, 'conversationSelector' | 'ourConversationId' | 'ourNumber' | 'ourUuid' >; function getContactId( message: MessageWithUIFieldsType, { conversationSelector, ourConversationId, ourNumber, ourUuid, }: GetContactOptions ): string { const source = getSource(message, ourNumber); const sourceUuid = getSourceUuid(message, ourUuid); if (!source && !sourceUuid) { return ourConversationId; } const conversation = conversationSelector(sourceUuid || source); return conversation.id; } // TODO: DESKTOP-2145 export function getContact( message: MessageWithUIFieldsType, { conversationSelector, ourConversationId, ourNumber, ourUuid, }: GetContactOptions ): ConversationType { const source = getSource(message, ourNumber); const sourceUuid = getSourceUuid(message, ourUuid); if (!source && !sourceUuid) { return conversationSelector(ourConversationId); } return conversationSelector(sourceUuid || source); } export function getConversation( message: Pick, conversationSelector: GetConversationByIdType ): ConversationType { return conversationSelector(message.conversationId); } // Message export const getAttachmentsForMessage = createSelectorCreator(memoizeByRoot)( // `memoizeByRoot` requirement identity, ({ sticker }: MessageWithUIFieldsType) => sticker, ({ attachments }: MessageWithUIFieldsType) => attachments, (_, sticker, attachments = []): Array => { if (sticker && sticker.data) { const { data } = sticker; // We don't show anything if we don't have the sticker or the blurhash... if (!data.blurHash && (data.pending || !data.path)) { return []; } return [ { ...data, // We want to show the blurhash for stickers, not the spinner pending: false, url: data.path ? window.Signal.Migrations.getAbsoluteAttachmentPath(data.path) : undefined, }, ]; } return attachments .filter(attachment => !attachment.error) .map(attachment => getPropsForAttachment(attachment)) .filter(isNotNil); } ); export const processBodyRanges = createSelectorCreator(memoizeByRoot, isEqual)( // `memoizeByRoot` requirement identity, ( { bodyRanges }: Pick, { conversationSelector }: { conversationSelector: GetConversationByIdType } ): BodyRangesType | undefined => { if (!bodyRanges) { return undefined; } return bodyRanges .filter(range => range.mentionUuid) .map(range => { const conversation = conversationSelector(range.mentionUuid); return { ...range, conversationID: conversation.id, replacementText: conversation.title, }; }) .sort((a, b) => b.start - a.start); }, (_, ranges): undefined | BodyRangesType => ranges ); const getAuthorForMessage = createSelectorCreator(memoizeByRoot)( // `memoizeByRoot` requirement identity, getContact, (_, convo: ConversationType): PropsData['author'] => { const { acceptedMessageRequest, avatarPath, badges, color, id, isMe, name, phoneNumber, profileName, sharedGroupNames, title, unblurredAvatarPath, } = convo; const unsafe = { acceptedMessageRequest, avatarPath, badges, color, id, isMe, name, phoneNumber, profileName, sharedGroupNames, title, unblurredAvatarPath, }; const safe: AssertProps = unsafe; return safe; } ); const getCachedAuthorForMessage = createSelectorCreator(memoizeByRoot, isEqual)( // `memoizeByRoot` requirement identity, getAuthorForMessage, (_, author): PropsData['author'] => author ); export const getPreviewsForMessage = createSelectorCreator(memoizeByRoot)( // `memoizeByRoot` requirement identity, ({ preview }: MessageWithUIFieldsType) => preview, (_, previews = []): Array => { return previews.map(preview => ({ ...preview, isStickerPack: isStickerPack(preview.url), domain: getDomain(preview.url), image: preview.image ? getPropsForAttachment(preview.image) : null, })); } ); export const getReactionsForMessage = createSelectorCreator( memoizeByRoot, isEqual )( // `memoizeByRoot` requirement identity, ( { reactions = [] }: MessageWithUIFieldsType, { conversationSelector }: { conversationSelector: GetConversationByIdType } ) => { const reactionBySender = new Map(); for (const reaction of reactions) { const existingReaction = reactionBySender.get(reaction.fromId); if ( !existingReaction || reaction.timestamp > existingReaction.timestamp ) { reactionBySender.set(reaction.fromId, reaction); } } const reactionsWithEmpties = reactionBySender.values(); const reactionsWithEmoji = iterables.filter( reactionsWithEmpties, re => re.emoji ); const formattedReactions = iterables.map(reactionsWithEmoji, re => { const c = conversationSelector(re.fromId); type From = NonNullable[0]['from']; const unsafe = pick(c, [ 'acceptedMessageRequest', 'avatarPath', 'badges', 'color', 'id', 'isMe', 'name', 'phoneNumber', 'profileName', 'sharedGroupNames', 'title', ]); const from: AssertProps = unsafe; strictAssert(re.emoji, 'Expected all reactions to have an emoji'); return { emoji: re.emoji, timestamp: re.timestamp, from, }; }); return [...formattedReactions]; }, (_, reactions): PropsData['reactions'] => reactions ); export const getPropsForQuote = createSelectorCreator(memoizeByRoot, isEqual)( // `memoizeByRoot` requirement identity, ( message: Pick, { conversationSelector, ourConversationId, }: { conversationSelector: GetConversationByIdType; ourConversationId?: string; } ): PropsData['quote'] => { const { quote } = message; if (!quote) { return undefined; } const { author, authorUuid, id: sentAt, isViewOnce, referencedMessageNotFound, text, } = quote; const contact = conversationSelector(authorUuid || author); const authorId = contact.id; const authorName = contact.name; const authorPhoneNumber = contact.phoneNumber; const authorProfileName = contact.profileName; const authorTitle = contact.title; const isFromMe = authorId === ourConversationId; const firstAttachment = quote.attachments && quote.attachments[0]; const conversation = getConversation(message, conversationSelector); const defaultConversationColor = window.Events.getDefaultConversationColor(); return { authorId, authorName, authorPhoneNumber, authorProfileName, authorTitle, bodyRanges: processBodyRanges(quote, { conversationSelector }), conversationColor: conversation.conversationColor || defaultConversationColor.color, customColor: conversation.customColor || defaultConversationColor.customColorData?.value, isFromMe, rawAttachment: firstAttachment ? processQuoteAttachment(firstAttachment) : undefined, isViewOnce, referencedMessageNotFound, sentAt: Number(sentAt), text: createNonBreakingLastSeparator(text), }; }, (_, quote): PropsData['quote'] => quote ); export type GetPropsForMessageOptions = Pick< GetPropsForBubbleOptions, | 'conversationSelector' | 'ourConversationId' | 'ourUuid' | 'ourNumber' | 'selectedMessageId' | 'selectedMessageCounter' | 'regionCode' | 'accountSelector' | 'contactNameColorSelector' >; type ShallowPropsType = Pick< PropsForMessage, | 'canDeleteForEveryone' | 'canDownload' | 'canReply' | 'contact' | 'contactNameColor' | 'conversationColor' | 'conversationId' | 'conversationType' | 'customColor' | 'deletedForEveryone' | 'direction' | 'displayLimit' | 'expirationLength' | 'expirationTimestamp' | 'id' | 'isBlocked' | 'isMessageRequestAccepted' | 'isSelected' | 'isSelectedCounter' | 'isSticker' | 'isTapToView' | 'isTapToViewError' | 'isTapToViewExpired' | 'readStatus' | 'selectedReaction' | 'status' | 'text' | 'textPending' | 'timestamp' >; const getShallowPropsForMessage = createSelectorCreator(memoizeByRoot, isEqual)( // `memoizeByRoot` requirement identity, ( message: MessageWithUIFieldsType, { accountSelector, conversationSelector, ourConversationId, ourNumber, ourUuid, regionCode, selectedMessageId, selectedMessageCounter, contactNameColorSelector, }: GetPropsForMessageOptions ): ShallowPropsType => { const { expireTimer, expirationStartTimestamp, conversationId } = message; const expirationLength = expireTimer ? expireTimer * 1000 : undefined; const expirationTimestamp = expirationStartTimestamp && expirationLength ? expirationStartTimestamp + expirationLength : undefined; const conversation = getConversation(message, conversationSelector); const isGroup = conversation.type === 'group'; const { sticker } = message; const isMessageTapToView = isTapToView(message); const isSelected = message.id === selectedMessageId; const selectedReaction = ( (message.reactions || []).find(re => re.fromId === ourConversationId) || {} ).emoji; const authorId = getContactId(message, { conversationSelector, ourConversationId, ourNumber, ourUuid, }); const contactNameColor = contactNameColorSelector(conversationId, authorId); const defaultConversationColor = window.Events.getDefaultConversationColor(); return { canDeleteForEveryone: canDeleteForEveryone(message), canDownload: canDownload(message, conversationSelector), canReply: canReply(message, ourConversationId, conversationSelector), contact: getPropsForEmbeddedContact(message, regionCode, accountSelector), contactNameColor, conversationColor: conversation.conversationColor || defaultConversationColor.color, conversationId, conversationType: isGroup ? 'group' : 'direct', customColor: conversation.customColor || defaultConversationColor.customColorData?.value, deletedForEveryone: message.deletedForEveryone || false, direction: isIncoming(message) ? 'incoming' : 'outgoing', displayLimit: message.displayLimit, expirationLength, expirationTimestamp, id: message.id, isBlocked: conversation.isBlocked || false, isMessageRequestAccepted: conversation?.acceptedMessageRequest ?? true, isSelected, isSelectedCounter: isSelected ? selectedMessageCounter : undefined, isSticker: Boolean(sticker), isTapToView: isMessageTapToView, isTapToViewError: isMessageTapToView && isIncoming(message) && message.isTapToViewInvalid, isTapToViewExpired: isMessageTapToView && message.isErased, readStatus: message.readStatus ?? ReadStatus.Read, selectedReaction, status: getMessagePropStatus(message, ourConversationId), text: createNonBreakingLastSeparator(message.body), textPending: message.bodyPending, timestamp: message.sent_at, }; }, (_: unknown, props: ShallowPropsType) => props ); export const getPropsForMessage: ( message: MessageWithUIFieldsType, options: GetPropsForMessageOptions ) => Omit = createSelectorCreator( memoizeByRoot )( // `memoizeByRoot` requirement identity, getAttachmentsForMessage, processBodyRanges, getCachedAuthorForMessage, getPreviewsForMessage, getReactionsForMessage, getPropsForQuote, getShallowPropsForMessage, ( _, attachments: Array, bodyRanges: BodyRangesType | undefined, author: PropsData['author'], previews: Array, reactions: PropsData['reactions'], quote: PropsData['quote'], shallowProps: ShallowPropsType ): Omit => { return { attachments, author, bodyRanges, previews, quote, reactions, ...shallowProps, }; } ); export const getBubblePropsForMessage = createSelectorCreator(memoizeByRoot)( // `memoizeByRoot` requirement identity, getPropsForMessage, (_, data): TimelineItemType => ({ type: 'message' as const, data, }) ); // Top-level prop generation for the message bubble export function getPropsForBubble( message: MessageWithUIFieldsType, options: GetPropsForBubbleOptions ): TimelineItemType { if (isUnsupportedMessage(message)) { return { type: 'unsupportedMessage', data: getPropsForUnsupportedMessage(message, options), }; } if (isGroupV2Change(message)) { return { type: 'groupV2Change', data: getPropsForGroupV2Change(message, options), }; } if (isGroupV1Migration(message)) { return { type: 'groupV1Migration', data: getPropsForGroupV1Migration(message, options), }; } if (isMessageHistoryUnsynced(message)) { return { type: 'linkNotification', data: null, }; } if (isExpirationTimerUpdate(message)) { return { type: 'timerNotification', data: getPropsForTimerNotification(message, options), }; } if (isKeyChange(message)) { return { type: 'safetyNumberNotification', data: getPropsForSafetyNumberNotification(message, options), }; } if (isVerifiedChange(message)) { return { type: 'verificationNotification', data: getPropsForVerificationNotification(message, options), }; } if (isGroupUpdate(message)) { return { type: 'groupNotification', data: getPropsForGroupNotification(message, options), }; } if (isEndSession(message)) { return { type: 'resetSessionNotification', data: null, }; } if (isCallHistory(message)) { return { type: 'callHistory', data: getPropsForCallHistory(message, options), }; } if (isProfileChange(message)) { return { type: 'profileChange', data: getPropsForProfileChange(message, options), }; } if (isUniversalTimerNotification(message)) { return { type: 'universalTimerNotification', data: null, }; } if (isChangeNumberNotification(message)) { return { type: 'changeNumberNotification', data: getPropsForChangeNumberNotification(message, options), }; } if (isChatSessionRefreshed(message)) { return { type: 'chatSessionRefreshed', data: null, }; } if (isDeliveryIssue(message)) { return { type: 'deliveryIssue', data: getPropsForDeliveryIssue(message, options), }; } return getBubblePropsForMessage(message, options); } // Unsupported Message export function isUnsupportedMessage( message: MessageWithUIFieldsType ): boolean { const versionAtReceive = message.supportedVersionAtReceive; const requiredVersion = message.requiredProtocolVersion; return ( isNumber(versionAtReceive) && isNumber(requiredVersion) && versionAtReceive < requiredVersion ); } function getPropsForUnsupportedMessage( message: MessageWithUIFieldsType, options: GetContactOptions ): PropsForUnsupportedMessage { const CURRENT_PROTOCOL_VERSION = Proto.DataMessage.ProtocolVersion.CURRENT; const requiredVersion = message.requiredProtocolVersion; const canProcessNow = Boolean( CURRENT_PROTOCOL_VERSION && requiredVersion && CURRENT_PROTOCOL_VERSION >= requiredVersion ); return { canProcessNow, contact: getContact(message, options), }; } // GroupV2 Change export function isGroupV2Change(message: MessageWithUIFieldsType): boolean { return Boolean(message.groupV2Change); } function getPropsForGroupV2Change( message: MessageWithUIFieldsType, { conversationSelector, ourUuid }: GetPropsForBubbleOptions ): GroupsV2Props { const change = message.groupV2Change; if (!change) { throw new Error('getPropsForGroupV2Change: Change is missing!'); } const conversation = getConversation(message, conversationSelector); return { groupName: conversation?.type === 'group' ? conversation?.name : undefined, ourUuid, change, }; } // GroupV1 Migration export function isGroupV1Migration(message: MessageWithUIFieldsType): boolean { return message.type === 'group-v1-migration'; } function getPropsForGroupV1Migration( message: MessageWithUIFieldsType, { conversationSelector }: GetPropsForBubbleOptions ): GroupV1MigrationPropsType { const migration = message.groupMigration; if (!migration) { // Backwards-compatibility with data schema in early betas const invitedGV2Members = message.invitedGV2Members || []; const droppedGV2MemberIds = message.droppedGV2MemberIds || []; const invitedMembers = invitedGV2Members.map(item => conversationSelector(item.uuid) ); const droppedMembers = droppedGV2MemberIds.map(conversationId => conversationSelector(conversationId) ); return { areWeInvited: false, droppedMembers, invitedMembers, }; } const { areWeInvited, droppedMemberIds, invitedMembers: rawInvitedMembers, } = migration; const invitedMembers = rawInvitedMembers.map(item => conversationSelector(item.uuid) ); const droppedMembers = droppedMemberIds.map(conversationId => conversationSelector(conversationId) ); return { areWeInvited, droppedMembers, invitedMembers, }; } // Message History Unsynced export function isMessageHistoryUnsynced( message: MessageWithUIFieldsType ): boolean { return message.type === 'message-history-unsynced'; } // Note: props are null! // Expiration Timer Update export function isExpirationTimerUpdate( message: Pick ): boolean { const flag = Proto.DataMessage.Flags.EXPIRATION_TIMER_UPDATE; // eslint-disable-next-line no-bitwise return Boolean(message.flags && message.flags & flag); } function getPropsForTimerNotification( message: MessageWithUIFieldsType, { ourConversationId, conversationSelector }: GetPropsForBubbleOptions ): TimerNotificationProps { const timerUpdate = message.expirationTimerUpdate; if (!timerUpdate) { throw new Error( 'getPropsForTimerNotification: missing expirationTimerUpdate!' ); } const { expireTimer, fromSync, source, sourceUuid } = timerUpdate; const disabled = !expireTimer; const sourceId = sourceUuid || source; const formattedContact = conversationSelector(sourceId); const basicProps = { ...formattedContact, disabled, expireTimer, type: 'fromOther' as const, }; if (fromSync) { return { ...basicProps, type: 'fromSync' as const, }; } if (formattedContact.id === ourConversationId) { return { ...basicProps, type: 'fromMe' as const, }; } if (!sourceId) { return { ...basicProps, type: 'fromMember' as const, }; } return basicProps; } // Key Change export function isKeyChange(message: MessageWithUIFieldsType): boolean { return message.type === 'keychange'; } function getPropsForSafetyNumberNotification( message: MessageWithUIFieldsType, { conversationSelector }: GetPropsForBubbleOptions ): SafetyNumberNotificationProps { const conversation = getConversation(message, conversationSelector); const isGroup = conversation?.type === 'group'; const identifier = message.key_changed; const contact = conversationSelector(identifier); return { isGroup, contact, }; } // Verified Change export function isVerifiedChange(message: MessageWithUIFieldsType): boolean { return message.type === 'verified-change'; } function getPropsForVerificationNotification( message: MessageWithUIFieldsType, { conversationSelector }: GetPropsForBubbleOptions ): VerificationNotificationProps { const type = message.verified ? 'markVerified' : 'markNotVerified'; const isLocal = message.local || false; const identifier = message.verifiedChanged; return { type, isLocal, contact: conversationSelector(identifier), }; } // Group Update (V1) export function isGroupUpdate( message: Pick ): boolean { return Boolean(message.group_update); } function getPropsForGroupNotification( message: MessageWithUIFieldsType, options: GetContactOptions ): GroupNotificationProps { const groupUpdate = message.group_update; if (!groupUpdate) { throw new Error( 'getPropsForGroupNotification: Message missing group_update' ); } const { conversationSelector } = options; const changes = []; if ( !groupUpdate.avatarUpdated && !groupUpdate.left && !groupUpdate.joined && !groupUpdate.name ) { changes.push({ type: 'general' as ChangeType, }); } if (groupUpdate.joined?.length) { changes.push({ type: 'add' as ChangeType, contacts: map( Array.isArray(groupUpdate.joined) ? groupUpdate.joined : [groupUpdate.joined], identifier => conversationSelector(identifier) ), }); } if (groupUpdate.left === 'You') { changes.push({ type: 'remove' as ChangeType, }); } else if (groupUpdate.left) { changes.push({ type: 'remove' as ChangeType, contacts: map( Array.isArray(groupUpdate.left) ? groupUpdate.left : [groupUpdate.left], identifier => conversationSelector(identifier) ), }); } if (groupUpdate.name) { changes.push({ type: 'name' as ChangeType, newName: groupUpdate.name, }); } if (groupUpdate.avatarUpdated) { changes.push({ type: 'avatar' as ChangeType, }); } const from = getContact(message, options); return { from, changes, }; } // End Session export function isEndSession( message: Pick ): boolean { const flag = Proto.DataMessage.Flags.END_SESSION; // eslint-disable-next-line no-bitwise return Boolean(message.flags && message.flags & flag); } // Call History export function isCallHistory(message: MessageWithUIFieldsType): boolean { return message.type === 'call-history'; } export type GetPropsForCallHistoryOptions = Pick< GetPropsForBubbleOptions, 'conversationSelector' | 'callSelector' | 'activeCall' >; export function getPropsForCallHistory( message: MessageWithUIFieldsType, { conversationSelector, callSelector, activeCall, }: GetPropsForCallHistoryOptions ): CallingNotificationType { const { callHistoryDetails } = message; if (!callHistoryDetails) { throw new Error('getPropsForCallHistory: Missing callHistoryDetails'); } switch (callHistoryDetails.callMode) { // Old messages weren't saved with a call mode. case undefined: case CallMode.Direct: return { ...callHistoryDetails, callMode: CallMode.Direct, }; case CallMode.Group: { const { conversationId } = message; if (!conversationId) { throw new Error('getPropsForCallHistory: missing conversation ID'); } const creator = conversationSelector(callHistoryDetails.creatorUuid); let call = callSelector(conversationId); if (call && call.callMode !== CallMode.Group) { log.error( 'getPropsForCallHistory: there is an unexpected non-group call; pretending it does not exist' ); call = undefined; } return { activeCallConversationId: activeCall?.conversationId, callMode: CallMode.Group, conversationId, creator, deviceCount: call?.peekInfo.deviceCount ?? 0, ended: callHistoryDetails.eraId !== call?.peekInfo.eraId, maxDevices: call?.peekInfo.maxDevices ?? Infinity, startedTime: callHistoryDetails.startedTime, }; } default: throw new Error( `getPropsForCallHistory: missing case ${missingCaseError( callHistoryDetails )}` ); } } // Profile Change export function isProfileChange(message: MessageWithUIFieldsType): boolean { return message.type === 'profile-change'; } function getPropsForProfileChange( message: MessageWithUIFieldsType, { conversationSelector }: GetPropsForBubbleOptions ): ProfileChangeNotificationPropsType { const change = message.profileChange; const { changedId } = message; const changedContact = conversationSelector(changedId); if (!change) { throw new Error('getPropsForProfileChange: profileChange is undefined'); } return { changedContact, change, } as ProfileChangeNotificationPropsType; } // Universal Timer Notification // Note: smart, so props not generated here export function isUniversalTimerNotification( message: MessageWithUIFieldsType ): boolean { return message.type === 'universal-timer-notification'; } // Change Number Notification export function isChangeNumberNotification( message: MessageWithUIFieldsType ): boolean { return message.type === 'change-number-notification'; } function getPropsForChangeNumberNotification( message: MessageWithUIFieldsType, { conversationSelector }: GetPropsForBubbleOptions ): ChangeNumberNotificationProps { return { sender: conversationSelector(message.sourceUuid), timestamp: message.sent_at, }; } // Chat Session Refreshed export function isChatSessionRefreshed( message: MessageWithUIFieldsType ): boolean { return message.type === 'chat-session-refreshed'; } // Note: props are null // Delivery Issue export function isDeliveryIssue(message: MessageWithUIFieldsType): boolean { return message.type === 'delivery-issue'; } function getPropsForDeliveryIssue( message: MessageWithUIFieldsType, { conversationSelector }: GetPropsForBubbleOptions ): DeliveryIssuePropsType { const sender = conversationSelector(message.sourceUuid); const conversation = conversationSelector(message.conversationId); return { sender, inGroup: conversation.type === 'group', }; } // Other utility functions export function isTapToView(message: MessageWithUIFieldsType): boolean { // If a message is deleted for everyone, that overrides all other styling if (message.deletedForEveryone) { return false; } return Boolean(message.isViewOnce || message.messageTimer); } function createNonBreakingLastSeparator(text?: string): string { if (!text) { return ''; } const nbsp = '\xa0'; const regex = /(\S)( +)(\S+\s*)$/; return text.replace(regex, (_match, start, spaces, end) => { const newSpaces = end.length < 12 ? reduce(spaces, accumulator => accumulator + nbsp, '') : spaces; return `${start}${newSpaces}${end}`; }); } export function getMessagePropStatus( message: Pick< MessageWithUIFieldsType, 'type' | 'errors' | 'sendStateByConversationId' >, ourConversationId: string ): LastMessageStatus | undefined { if (!isOutgoing(message)) { return undefined; } if (getLastChallengeError(message)) { return 'paused'; } const { sendStateByConversationId = {} } = message; if (isMessageJustForMe(sendStateByConversationId, ourConversationId)) { const status = sendStateByConversationId[ourConversationId]?.status ?? SendStatus.Pending; const sent = isSent(status); if ( hasErrors(message) || someSendStatus(sendStateByConversationId, isFailed) ) { return sent ? 'partial-sent' : 'error'; } return sent ? 'viewed' : 'sending'; } const sendStates = Object.values( omit(sendStateByConversationId, ourConversationId) ); const highestSuccessfulStatus = sendStates.reduce( (result: SendStatus, { status }) => maxStatus(result, status), SendStatus.Pending ); if ( hasErrors(message) || someSendStatus(sendStateByConversationId, isFailed) ) { return isSent(highestSuccessfulStatus) ? 'partial-sent' : 'error'; } if (isViewed(highestSuccessfulStatus)) { return 'viewed'; } if (isRead(highestSuccessfulStatus)) { return 'read'; } if (isDelivered(highestSuccessfulStatus)) { return 'delivered'; } if (isSent(highestSuccessfulStatus)) { return 'sent'; } return 'sending'; } export function getPropsForEmbeddedContact( message: MessageWithUIFieldsType, regionCode: string, accountSelector: (identifier?: string) => boolean ): EmbeddedContactType | undefined { const contacts = message.contact; if (!contacts || !contacts.length) { return undefined; } const firstContact = contacts[0]; const numbers = firstContact?.number; const firstNumber = numbers && numbers[0] ? numbers[0].value : undefined; return embeddedContactSelector(firstContact, { regionCode, getAbsoluteAttachmentPath: window.Signal.Migrations.getAbsoluteAttachmentPath, firstNumber, isNumberOnSignal: accountSelector(firstNumber), }); } export function getPropsForAttachment( attachment: AttachmentType ): AttachmentType | null { if (!attachment) { return null; } const { path, pending, size, screenshot, thumbnail } = attachment; return { ...attachment, fileSize: size ? filesize(size) : undefined, isVoiceMessage: isVoiceMessage(attachment), pending, url: path ? window.Signal.Migrations.getAbsoluteAttachmentPath(path) : undefined, screenshot: screenshot ? { ...screenshot, url: window.Signal.Migrations.getAbsoluteAttachmentPath( screenshot.path ), } : undefined, thumbnail: thumbnail ? { ...thumbnail, url: window.Signal.Migrations.getAbsoluteAttachmentPath( thumbnail.path ), } : undefined, }; } function processQuoteAttachment( attachment: AttachmentType ): QuotedAttachmentType { const { thumbnail } = attachment; const path = thumbnail && thumbnail.path && window.Signal.Migrations.getAbsoluteAttachmentPath(thumbnail.path); const objectUrl = thumbnail && thumbnail.objectUrl; const thumbnailWithObjectUrl = (!path && !objectUrl) || !thumbnail ? undefined : { ...thumbnail, objectUrl: path || objectUrl }; return { ...attachment, isVoiceMessage: isVoiceMessage(attachment), thumbnail: thumbnailWithObjectUrl, }; } function canReplyOrReact( message: Pick< MessageWithUIFieldsType, 'deletedForEveryone' | 'sendStateByConversationId' | 'type' >, ourConversationId: string, conversation: undefined | Readonly ): boolean { const { deletedForEveryone, sendStateByConversationId } = message; if (!conversation) { return false; } if (conversation.isGroupV1AndDisabled) { return false; } if (isMissingRequiredProfileSharing(conversation)) { return false; } if (!conversation.acceptedMessageRequest) { return false; } if (deletedForEveryone) { return false; } if (isOutgoing(message)) { return ( isMessageJustForMe(sendStateByConversationId, ourConversationId) || someSendStatus(omit(sendStateByConversationId, ourConversationId), isSent) ); } if (isIncoming(message)) { return true; } // Fail safe. return false; } export function canReply( message: Pick< MessageWithUIFieldsType, | 'conversationId' | 'deletedForEveryone' | 'sendStateByConversationId' | 'type' >, ourConversationId: string, conversationSelector: GetConversationByIdType ): boolean { const conversation = getConversation(message, conversationSelector); if ( !conversation || (conversation.announcementsOnly && !conversation.areWeAdmin) ) { return false; } return canReplyOrReact(message, ourConversationId, conversation); } export function canReact( message: Pick< MessageWithUIFieldsType, | 'conversationId' | 'deletedForEveryone' | 'sendStateByConversationId' | 'type' >, ourConversationId: string, conversationSelector: GetConversationByIdType ): boolean { const conversation = getConversation(message, conversationSelector); return canReplyOrReact(message, ourConversationId, conversation); } export function canDeleteForEveryone( message: Pick< MessageWithUIFieldsType, 'type' | 'deletedForEveryone' | 'sent_at' | 'sendStateByConversationId' > ): boolean { return ( // Is this a message I sent? isOutgoing(message) && // Has the message already been deleted? !message.deletedForEveryone && // Is it too old to delete? isMoreRecentThan(message.sent_at, THREE_HOURS) && // Is it sent to anyone? someSendStatus(message.sendStateByConversationId, isSent) ); } export function canDownload( message: MessageWithUIFieldsType, conversationSelector: GetConversationByIdType ): boolean { if (isOutgoing(message)) { return true; } const conversation = getConversation(message, conversationSelector); const isAccepted = Boolean( conversation && conversation.acceptedMessageRequest ); if (!isAccepted) { return false; } // Ensure that all attachments are downloadable const { attachments } = message; if (attachments && attachments.length) { return attachments.every(attachment => Boolean(attachment.path)); } return true; } export function getLastChallengeError( message: Pick ): ShallowChallengeError | undefined { const { errors } = message; if (!errors) { return undefined; } const challengeErrors = errors .filter((error): error is ShallowChallengeError => { return ( error.name === 'SendMessageChallengeError' && isNumber(error.retryAfter) && isObject(error.data) ); }) .sort((a, b) => a.retryAfter - b.retryAfter); return challengeErrors.pop(); }