// Copyright 2019-2022 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only /* eslint-disable camelcase */ import type { ThunkAction } from 'redux-thunk'; import { difference, fromPairs, omit, orderBy, pick, values, without, } from 'lodash'; import type { StateType as RootStateType } from '../reducer'; import * as groups from '../../groups'; import * as log from '../../logging/log'; import { calling } from '../../services/calling'; import { getOwn } from '../../util/getOwn'; import { assertDev, strictAssert } from '../../util/assert'; import * as universalExpireTimer from '../../util/universalExpireTimer'; import type { ShowSendAnywayDialogActiontype, ToggleProfileEditorErrorActionType, } from './globalModals'; import { SHOW_SEND_ANYWAY_DIALOG, TOGGLE_PROFILE_EDITOR_ERROR, } from './globalModals'; import { isRecord } from '../../util/isRecord'; import type { UUIDFetchStateKeyType, UUIDFetchStateType, } from '../../util/uuidFetchState'; import type { AvatarColorType, ConversationColorType, CustomColorType, } from '../../types/Colors'; import type { LastMessageStatus, ConversationAttributesType, MessageAttributesType, } from '../../model-types.d'; import type { BodyRangeType } from '../../types/Util'; import { CallMode } from '../../types/Calling'; import type { MediaItemType } from '../../types/MediaItem'; import type { UUIDStringType } from '../../types/UUID'; import { getGroupSizeRecommendedLimit, getGroupSizeHardLimit, } from '../../groups/limits'; import { isMessageUnread } from '../../util/isMessageUnread'; import { toggleSelectedContactForGroupAddition } from '../../groups/toggleSelectedContactForGroupAddition'; import type { GroupNameCollisionsWithIdsByTitle } from '../../util/groupMemberNameCollisions'; import { ContactSpoofingType } from '../../util/contactSpoofing'; import { writeProfile } from '../../services/writeProfile'; import { writeUsername } from '../../services/writeUsername'; import { getConversationUuidsStoppingSend, getConversationIdsStoppedForVerification, getMe, getUsernameSaveState, } from '../selectors/conversations'; import type { AvatarDataType, AvatarUpdateType } from '../../types/Avatar'; import { getDefaultAvatars } from '../../types/Avatar'; import { getAvatarData } from '../../util/getAvatarData'; import { isSameAvatarData } from '../../util/isSameAvatarData'; import { longRunningTaskWrapper } from '../../util/longRunningTaskWrapper'; import { ComposerStep, ConversationVerificationState, OneTimeModalState, UsernameSaveState, } from './conversationsEnums'; import { showToast } from '../../util/showToast'; import { ToastFailedToDeleteUsername } from '../../components/ToastFailedToDeleteUsername'; import { useBoundActions } from '../../hooks/useBoundActions'; import type { NoopActionType } from './noop'; import { conversationJobQueue } from '../../jobs/conversationJobQueue'; import type { TimelineMessageLoadingState } from '../../util/timelineUtil'; import { isGroup } from '../../util/whatTypeOfConversation'; import { missingCaseError } from '../../util/missingCaseError'; // State export type DBConversationType = { id: string; activeAt?: number; lastMessage?: string | null; type: string; }; export const InteractionModes = ['mouse', 'keyboard'] as const; export type InteractionModeType = typeof InteractionModes[number]; export type MessageType = MessageAttributesType & { interactionType?: InteractionModeType; }; export type MessageWithUIFieldsType = MessageAttributesType & { displayLimit?: number; }; export const ConversationTypes = ['direct', 'group'] as const; export type ConversationTypeType = typeof ConversationTypes[number]; export type ConversationType = { id: string; uuid?: UUIDStringType; e164?: string; name?: string; familyName?: string; firstName?: string; profileName?: string; username?: string; about?: string; aboutText?: string; aboutEmoji?: string; avatars?: Array; avatarPath?: string; avatarHash?: string; profileAvatarPath?: string; unblurredAvatarPath?: string; areWeAdmin?: boolean; areWePending?: boolean; areWePendingApproval?: boolean; canChangeTimer?: boolean; canEditGroupInfo?: boolean; color?: AvatarColorType; conversationColor?: ConversationColorType; customColor?: CustomColorType; customColorId?: string; discoveredUnregisteredAt?: number; hideStory?: boolean; isArchived?: boolean; isBlocked?: boolean; isGroupV1AndDisabled?: boolean; isPinned?: boolean; isUntrusted?: boolean; isVerified?: boolean; activeAt?: number; timestamp?: number; inboxPosition?: number; left?: boolean; lastMessage?: | { status?: LastMessageStatus; text: string; author?: string; deletedForEveryone: false; } | { deletedForEveryone: true }; markedUnread?: boolean; phoneNumber?: string; membersCount?: number; messageCount?: number; accessControlAddFromInviteLink?: number; accessControlAttributes?: number; accessControlMembers?: number; announcementsOnly?: boolean; announcementsOnlyReady?: boolean; expireTimer?: number; memberships?: Array<{ uuid: UUIDStringType; isAdmin: boolean; }>; pendingMemberships?: Array<{ uuid: UUIDStringType; addedByUserId?: UUIDStringType; }>; pendingApprovalMemberships?: Array<{ uuid: UUIDStringType; }>; bannedMemberships?: Array; muteExpiresAt?: number; dontNotifyForMentionsIfMuted?: boolean; type: ConversationTypeType; isMe: boolean; lastUpdated?: number; // This is used by the CompositionInput for @mentions sortedGroupMembers?: Array; title: string; searchableTitle?: string; unreadCount?: number; isSelected?: boolean; isFetchingUUID?: boolean; typingContactId?: string; recentMediaItems?: Array; profileSharing?: boolean; shouldShowDraft?: boolean; draftText?: string | null; draftBodyRanges?: Array; draftPreview?: string; sharedGroupNames: Array; groupDescription?: string; groupVersion?: 1 | 2; groupId?: string; groupLink?: string; isGroupStorySendReady?: boolean; messageRequestsEnabled?: boolean; acceptedMessageRequest: boolean; secretParams?: string; publicParams?: string; acknowledgedGroupNameCollisions?: GroupNameCollisionsWithIdsByTitle; profileKey?: string; voiceNotePlaybackRate?: number; badges: Array< | { id: string; } | { id: string; expiresAt: number; isVisible: boolean; } >; }; export type ProfileDataType = { firstName: string; } & Pick; export type ConversationLookupType = { [key: string]: ConversationType; }; export type CustomError = Error & { identifier?: string; number?: string; }; type MessagePointerType = { id: string; received_at: number; sent_at?: number; }; type MessageMetricsType = { newest?: MessagePointerType; oldest?: MessagePointerType; oldestUnseen?: MessagePointerType; totalUnseen: number; }; export type MessageLookupType = { [key: string]: MessageWithUIFieldsType; }; export type ConversationMessageType = { isNearBottom?: boolean; messageChangeCounter: number; messageIds: Array; messageLoadingState?: undefined | TimelineMessageLoadingState; metrics: MessageMetricsType; scrollToMessageId?: string; scrollToMessageCounter: number; }; export type MessagesByConversationType = { [key: string]: ConversationMessageType | undefined; }; export type PreJoinConversationType = { avatar?: { loading?: boolean; url?: string; }; groupDescription?: string; memberCount: number; title: string; approvalRequired: boolean; }; type ComposerGroupCreationState = { groupAvatar: undefined | Uint8Array; groupName: string; groupExpireTimer: number; maximumGroupSizeModalState: OneTimeModalState; recommendedGroupSizeModalState: OneTimeModalState; selectedConversationIds: Array; userAvatarData: Array; }; export type ConversationVerificationData = | { type: ConversationVerificationState.PendingVerification; uuidsNeedingVerification: ReadonlyArray; } | { type: ConversationVerificationState.VerificationCancelled; canceledAt: number; }; type ComposerStateType = | { step: ComposerStep.StartDirectConversation; searchTerm: string; uuidFetchState: UUIDFetchStateType; } | ({ step: ComposerStep.ChooseGroupMembers; searchTerm: string; uuidFetchState: UUIDFetchStateType; } & ComposerGroupCreationState) | ({ step: ComposerStep.SetGroupMetadata; isEditingAvatar: boolean; } & ComposerGroupCreationState & ( | { isCreating: false; hasError: boolean } | { isCreating: true; hasError: false } )); type ContactSpoofingReviewStateType = | { type: ContactSpoofingType.DirectConversationWithSameTitle; safeConversationId: string; } | { type: ContactSpoofingType.MultipleGroupMembersWithSameTitle; groupConversationId: string; }; export type ConversationsStateType = { preJoinConversation?: PreJoinConversationType; invitedUuidsForNewlyCreatedGroup?: Array; conversationLookup: ConversationLookupType; conversationsByE164: ConversationLookupType; conversationsByUuid: ConversationLookupType; conversationsByGroupId: ConversationLookupType; conversationsByUsername: ConversationLookupType; selectedConversationId?: string; selectedMessage?: string; selectedMessageCounter: number; selectedConversationTitle?: string; selectedConversationPanelDepth: number; showArchived: boolean; composer?: ComposerStateType; contactSpoofingReview?: ContactSpoofingReviewStateType; usernameSaveState: UsernameSaveState; /** * Each key is a conversation ID. Each value is a value representing the state of * verification: either a set of pending conversationIds to be approved, or a tombstone * telling jobs to cancel themselves up to that timestamp. */ verificationDataByConversation: Record; // Note: it's very important that both of these locations are always kept up to date messagesLookup: MessageLookupType; messagesByConversation: MessagesByConversationType; }; // Helpers export const getConversationCallMode = ( conversation: ConversationType ): CallMode => { if ( conversation.left || conversation.isBlocked || conversation.isMe || !conversation.acceptedMessageRequest ) { return CallMode.None; } if (conversation.type === 'direct') { return CallMode.Direct; } if (conversation.type === 'group' && conversation.groupVersion === 2) { return CallMode.Group; } return CallMode.None; }; // Actions const CANCEL_CONVERSATION_PENDING_VERIFICATION = 'conversations/CANCEL_CONVERSATION_PENDING_VERIFICATION'; const CLEAR_CANCELLED_VERIFICATION = 'conversations/CLEAR_CANCELLED_VERIFICATION'; const CLEAR_CONVERSATIONS_PENDING_VERIFICATION = 'conversations/CLEAR_CONVERSATIONS_PENDING_VERIFICATION'; export const COLORS_CHANGED = 'conversations/COLORS_CHANGED'; export const COLOR_SELECTED = 'conversations/COLOR_SELECTED'; const COMPOSE_TOGGLE_EDITING_AVATAR = 'conversations/compose/COMPOSE_TOGGLE_EDITING_AVATAR'; const COMPOSE_ADD_AVATAR = 'conversations/compose/ADD_AVATAR'; const COMPOSE_REMOVE_AVATAR = 'conversations/compose/REMOVE_AVATAR'; const COMPOSE_REPLACE_AVATAR = 'conversations/compose/REPLACE_AVATAR'; const CUSTOM_COLOR_REMOVED = 'conversations/CUSTOM_COLOR_REMOVED'; const CONVERSATION_STOPPED_BY_MISSING_VERIFICATION = 'conversations/CONVERSATION_STOPPED_BY_MISSING_VERIFICATION'; const DISCARD_MESSAGES = 'conversations/DISCARD_MESSAGES'; const REPLACE_AVATARS = 'conversations/REPLACE_AVATARS'; const UPDATE_USERNAME_SAVE_STATE = 'conversations/UPDATE_USERNAME_SAVE_STATE'; export const SELECTED_CONVERSATION_CHANGED = 'conversations/SELECTED_CONVERSATION_CHANGED'; export const SET_VOICE_NOTE_PLAYBACK_RATE = 'conversations/SET_VOICE_NOTE_PLAYBACK_RATE'; export type CancelVerificationDataByConversationActionType = { type: typeof CANCEL_CONVERSATION_PENDING_VERIFICATION; payload: { canceledAt: number; }; }; type ClearGroupCreationErrorActionType = { type: 'CLEAR_GROUP_CREATION_ERROR' }; type ClearInvitedUuidsForNewlyCreatedGroupActionType = { type: 'CLEAR_INVITED_UUIDS_FOR_NEWLY_CREATED_GROUP'; }; type ClearVerificationDataByConversationActionType = { type: typeof CLEAR_CONVERSATIONS_PENDING_VERIFICATION; }; type ClearCancelledVerificationActionType = { type: typeof CLEAR_CANCELLED_VERIFICATION; payload: { conversationId: string; }; }; type CloseContactSpoofingReviewActionType = { type: 'CLOSE_CONTACT_SPOOFING_REVIEW'; }; type CloseMaximumGroupSizeModalActionType = { type: 'CLOSE_MAXIMUM_GROUP_SIZE_MODAL'; }; type CloseRecommendedGroupSizeModalActionType = { type: 'CLOSE_RECOMMENDED_GROUP_SIZE_MODAL'; }; type ColorsChangedActionType = { type: typeof COLORS_CHANGED; payload: { conversationColor?: ConversationColorType; customColorData?: { id: string; value: CustomColorType; }; }; }; type ColorSelectedPayloadType = { conversationId: string; conversationColor?: ConversationColorType; customColorData?: { id: string; value: CustomColorType; }; }; export type ColorSelectedActionType = { type: typeof COLOR_SELECTED; payload: ColorSelectedPayloadType; }; type ComposeDeleteAvatarActionType = { type: typeof COMPOSE_REMOVE_AVATAR; payload: AvatarDataType; }; type ComposeReplaceAvatarsActionType = { type: typeof COMPOSE_REPLACE_AVATAR; payload: { curr: AvatarDataType; prev?: AvatarDataType; }; }; type ComposeSaveAvatarActionType = { type: typeof COMPOSE_ADD_AVATAR; payload: AvatarDataType; }; type CustomColorRemovedActionType = { type: typeof CUSTOM_COLOR_REMOVED; payload: { colorId: string; }; }; type DiscardMessagesActionType = { type: typeof DISCARD_MESSAGES; payload: Readonly< | { conversationId: string; numberToKeepAtBottom: number; } | { conversationId: string; numberToKeepAtTop: number } >; }; type SetPreJoinConversationActionType = { type: 'SET_PRE_JOIN_CONVERSATION'; payload: { data: PreJoinConversationType | undefined; }; }; type ConversationAddedActionType = { type: 'CONVERSATION_ADDED'; payload: { id: string; data: ConversationType; }; }; export type ConversationChangedActionType = { type: 'CONVERSATION_CHANGED'; payload: { id: string; data: ConversationType; }; }; export type ConversationRemovedActionType = { type: 'CONVERSATION_REMOVED'; payload: { id: string; }; }; export type ConversationUnloadedActionType = { type: 'CONVERSATION_UNLOADED'; payload: { id: string; }; }; type CreateGroupPendingActionType = { type: 'CREATE_GROUP_PENDING'; }; type CreateGroupFulfilledActionType = { type: 'CREATE_GROUP_FULFILLED'; payload: { invitedUuids: Array; }; }; type CreateGroupRejectedActionType = { type: 'CREATE_GROUP_REJECTED'; }; export type RemoveAllConversationsActionType = { type: 'CONVERSATIONS_REMOVE_ALL'; payload: null; }; export type MessageSelectedActionType = { type: 'MESSAGE_SELECTED'; payload: { messageId: string; conversationId: string; }; }; type ConversationStoppedByMissingVerificationActionType = { type: typeof CONVERSATION_STOPPED_BY_MISSING_VERIFICATION; payload: { conversationId: string; untrustedUuids: ReadonlyArray; }; }; export type MessageChangedActionType = { type: 'MESSAGE_CHANGED'; payload: { id: string; conversationId: string; data: MessageAttributesType; }; }; export type MessageDeletedActionType = { type: 'MESSAGE_DELETED'; payload: { id: string; conversationId: string; }; }; export type MessageExpandedActionType = { type: 'MESSAGE_EXPANDED'; payload: { id: string; displayLimit: number; }; }; export type MessagesAddedActionType = { type: 'MESSAGES_ADDED'; payload: { conversationId: string; isActive: boolean; isJustSent: boolean; isNewMessage: boolean; messages: Array; }; }; export type RepairNewestMessageActionType = { type: 'REPAIR_NEWEST_MESSAGE'; payload: { conversationId: string; }; }; export type RepairOldestMessageActionType = { type: 'REPAIR_OLDEST_MESSAGE'; payload: { conversationId: string; }; }; export type MessagesResetActionType = { type: 'MESSAGES_RESET'; payload: { conversationId: string; messages: Array; metrics: MessageMetricsType; scrollToMessageId?: string; // The set of provided messages should be trusted, even if it conflicts with metrics, // because we weren't looking for a specific time window of messages with our query. unboundedFetch: boolean; }; }; export type SetMessageLoadingStateActionType = { type: 'SET_MESSAGE_LOADING_STATE'; payload: { conversationId: string; messageLoadingState: undefined | TimelineMessageLoadingState; }; }; export type SetIsNearBottomActionType = { type: 'SET_NEAR_BOTTOM'; payload: { conversationId: string; isNearBottom: boolean; }; }; export type SetConversationHeaderTitleActionType = { type: 'SET_CONVERSATION_HEADER_TITLE'; payload: { title?: string }; }; export type SetSelectedConversationPanelDepthActionType = { type: 'SET_SELECTED_CONVERSATION_PANEL_DEPTH'; payload: { panelDepth: number }; }; export type ScrollToMessageActionType = { type: 'SCROLL_TO_MESSAGE'; payload: { conversationId: string; messageId: string; }; }; export type ClearSelectedMessageActionType = { type: 'CLEAR_SELECTED_MESSAGE'; payload: null; }; export type ClearUnreadMetricsActionType = { type: 'CLEAR_UNREAD_METRICS'; payload: { conversationId: string; }; }; export type SelectedConversationChangedActionType = { type: typeof SELECTED_CONVERSATION_CHANGED; payload: { id?: string; messageId?: string; switchToAssociatedView?: boolean; }; }; type ReviewGroupMemberNameCollisionActionType = { type: 'REVIEW_GROUP_MEMBER_NAME_COLLISION'; payload: { groupConversationId: string; }; }; type ReviewMessageRequestNameCollisionActionType = { type: 'REVIEW_MESSAGE_REQUEST_NAME_COLLISION'; payload: { safeConversationId: string; }; }; type ShowInboxActionType = { type: 'SHOW_INBOX'; payload: null; }; export type ShowArchivedConversationsActionType = { type: 'SHOW_ARCHIVED_CONVERSATIONS'; payload: null; }; type SetComposeGroupAvatarActionType = { type: 'SET_COMPOSE_GROUP_AVATAR'; payload: { groupAvatar: undefined | Uint8Array }; }; type SetComposeGroupNameActionType = { type: 'SET_COMPOSE_GROUP_NAME'; payload: { groupName: string }; }; type SetComposeGroupExpireTimerActionType = { type: 'SET_COMPOSE_GROUP_EXPIRE_TIMER'; payload: { groupExpireTimer: number }; }; type SetComposeSearchTermActionType = { type: 'SET_COMPOSE_SEARCH_TERM'; payload: { searchTerm: string }; }; type SetIsFetchingUUIDActionType = { type: 'SET_IS_FETCHING_UUID'; payload: { identifier: UUIDFetchStateKeyType; isFetching: boolean; }; }; type SetRecentMediaItemsActionType = { type: 'SET_RECENT_MEDIA_ITEMS'; payload: { id: string; recentMediaItems: Array; }; }; type ToggleComposeEditingAvatarActionType = { type: typeof COMPOSE_TOGGLE_EDITING_AVATAR; }; type StartComposingActionType = { type: 'START_COMPOSING'; }; type ShowChooseGroupMembersActionType = { type: 'SHOW_CHOOSE_GROUP_MEMBERS'; }; type StartSettingGroupMetadataActionType = { type: 'START_SETTING_GROUP_METADATA'; }; export type ToggleConversationInChooseMembersActionType = { type: 'TOGGLE_CONVERSATION_IN_CHOOSE_MEMBERS'; payload: { conversationId: string; maxRecommendedGroupSize: number; maxGroupSize: number; }; }; type UpdateUsernameSaveStateActionType = { type: typeof UPDATE_USERNAME_SAVE_STATE; payload: { newSaveState: UsernameSaveState; }; }; type ReplaceAvatarsActionType = { type: typeof REPLACE_AVATARS; payload: { conversationId: string; avatars: Array; }; }; export type ConversationActionType = | CancelVerificationDataByConversationActionType | ClearCancelledVerificationActionType | ClearVerificationDataByConversationActionType | ClearGroupCreationErrorActionType | ClearInvitedUuidsForNewlyCreatedGroupActionType | ClearSelectedMessageActionType | ClearUnreadMetricsActionType | CloseContactSpoofingReviewActionType | CloseMaximumGroupSizeModalActionType | CloseRecommendedGroupSizeModalActionType | ColorSelectedActionType | ColorsChangedActionType | ComposeDeleteAvatarActionType | ComposeReplaceAvatarsActionType | ComposeSaveAvatarActionType | ConversationAddedActionType | ConversationChangedActionType | ConversationRemovedActionType | ConversationStoppedByMissingVerificationActionType | ConversationUnloadedActionType | CreateGroupFulfilledActionType | CreateGroupPendingActionType | CreateGroupRejectedActionType | CustomColorRemovedActionType | DiscardMessagesActionType | MessageChangedActionType | MessageDeletedActionType | MessageExpandedActionType | MessageSelectedActionType | MessagesAddedActionType | MessagesResetActionType | RemoveAllConversationsActionType | RepairNewestMessageActionType | RepairOldestMessageActionType | ReplaceAvatarsActionType | ReviewGroupMemberNameCollisionActionType | ReviewMessageRequestNameCollisionActionType | ScrollToMessageActionType | SelectedConversationChangedActionType | SetComposeGroupAvatarActionType | SetComposeGroupExpireTimerActionType | SetComposeGroupNameActionType | SetComposeSearchTermActionType | SetConversationHeaderTitleActionType | SetIsFetchingUUIDActionType | SetIsNearBottomActionType | SetMessageLoadingStateActionType | SetPreJoinConversationActionType | SetRecentMediaItemsActionType | SetSelectedConversationPanelDepthActionType | ShowArchivedConversationsActionType | ShowChooseGroupMembersActionType | ShowInboxActionType | ShowSendAnywayDialogActiontype | StartComposingActionType | StartSettingGroupMetadataActionType | ToggleConversationInChooseMembersActionType | ToggleComposeEditingAvatarActionType | UpdateUsernameSaveStateActionType; // Action Creators export const actions = { cancelConversationVerification, changeHasGroupLink, clearCancelledConversationVerification, clearGroupCreationError, clearInvitedUuidsForNewlyCreatedGroup, clearSelectedMessage, clearUnreadMetrics, clearUsernameSave, closeContactSpoofingReview, closeMaximumGroupSizeModal, closeRecommendedGroupSizeModal, colorSelected, composeDeleteAvatarFromDisk, composeReplaceAvatar, composeSaveAvatarToDisk, conversationAdded, conversationChanged, conversationRemoved, conversationStoppedByMissingVerification, conversationUnloaded, createGroup, deleteAvatarFromDisk, discardMessages, doubleCheckMissingQuoteReference, generateNewGroupLink, messageChanged, messageDeleted, messageExpanded, messagesAdded, messagesReset, myProfileChanged, removeAllConversations, removeCustomColorOnConversations, removeMemberFromGroup, repairNewestMessage, repairOldestMessage, replaceAvatar, resetAllChatColors, reviewGroupMemberNameCollision, reviewMessageRequestNameCollision, saveAvatarToDisk, saveUsername, scrollToMessage, selectMessage, setAccessControlAddFromInviteLinkSetting, setComposeGroupAvatar, setComposeGroupExpireTimer, setComposeGroupName, setComposeSearchTerm, setIsFetchingUUID, setIsNearBottom, setMessageLoadingState, setPreJoinConversation, setRecentMediaItems, setSelectedConversationHeaderTitle, setSelectedConversationPanelDepth, setVoiceNotePlaybackRate, showArchivedConversations, showChooseGroupMembers, showInbox, showConversation, startComposing, startSettingGroupMetadata, toggleAdmin, toggleConversationInChooseMembers, toggleComposeEditingAvatar, toggleGroupsForStorySend, toggleHideStories, updateConversationModelSharedGroups, verifyConversationsStoppingSend, }; export const useConversationsActions = (): typeof actions => useBoundActions(actions); function filterAvatarData( avatars: ReadonlyArray, data: AvatarDataType ): Array { return avatars.filter(avatarData => !isSameAvatarData(data, avatarData)); } function getNextAvatarId(avatars: Array): number { return Math.max(...avatars.map(x => Number(x.id))) + 1; } async function getAvatarsAndUpdateConversation( conversations: ConversationsStateType, conversationId: string, getNextAvatarsData: ( avatars: Array, nextId: number ) => Array ): Promise> { const conversation = window.ConversationController.get(conversationId); if (!conversation) { throw new Error('No conversation found'); } const { conversationLookup } = conversations; const conversationAttrs = conversationLookup[conversationId]; const avatars = conversationAttrs.avatars || getAvatarData(conversation.attributes); const nextAvatarId = getNextAvatarId(avatars); const nextAvatars = getNextAvatarsData(avatars, nextAvatarId); // We don't save buffers to the db, but we definitely want it in-memory so // we don't have to re-generate them. // // Mutating here because we don't want to trigger a model change // because we're updating redux here manually ourselves. Au revoir Backbone! conversation.attributes.avatars = nextAvatars.map(avatarData => omit(avatarData, ['buffer']) ); await window.Signal.Data.updateConversation(conversation.attributes); return nextAvatars; } function deleteAvatarFromDisk( avatarData: AvatarDataType, conversationId?: string ): ThunkAction { return async (dispatch, getState) => { if (avatarData.imagePath) { await window.Signal.Migrations.deleteAvatar(avatarData.imagePath); } else { log.info( 'No imagePath for avatarData. Removing from userAvatarData, but not disk' ); } strictAssert(conversationId, 'conversationId not provided'); const avatars = await getAvatarsAndUpdateConversation( getState().conversations, conversationId, prevAvatarsData => filterAvatarData(prevAvatarsData, avatarData) ); dispatch({ type: REPLACE_AVATARS, payload: { conversationId, avatars, }, }); }; } function changeHasGroupLink( conversationId: string, value: boolean ): ThunkAction { return async dispatch => { const conversation = window.ConversationController.get(conversationId); if (!conversation) { throw new Error('No conversation found'); } await longRunningTaskWrapper({ name: 'toggleGroupLink', idForLogging: conversation.idForLogging(), task: async () => conversation.toggleGroupLink(value), }); dispatch({ type: 'NOOP', payload: null, }); }; } function generateNewGroupLink( conversationId: string ): ThunkAction { return async dispatch => { const conversation = window.ConversationController.get(conversationId); if (!conversation) { throw new Error('No conversation found'); } await longRunningTaskWrapper({ name: 'refreshGroupLink', idForLogging: conversation.idForLogging(), task: async () => conversation.refreshGroupLink(), }); dispatch({ type: 'NOOP', payload: null, }); }; } function setAccessControlAddFromInviteLinkSetting( conversationId: string, value: boolean ): ThunkAction { return async dispatch => { const conversation = window.ConversationController.get(conversationId); if (!conversation) { throw new Error('No conversation found'); } await longRunningTaskWrapper({ idForLogging: conversation.idForLogging(), name: 'updateAccessControlAddFromInviteLink', task: async () => conversation.updateAccessControlAddFromInviteLink(value), }); dispatch({ type: 'NOOP', payload: null, }); }; } function discardMessages( payload: Readonly ): DiscardMessagesActionType { return { type: DISCARD_MESSAGES, payload }; } function replaceAvatar( curr: AvatarDataType, prev?: AvatarDataType, conversationId?: string ): ThunkAction { return async (dispatch, getState) => { strictAssert(conversationId, 'conversationId not provided'); const avatars = await getAvatarsAndUpdateConversation( getState().conversations, conversationId, (prevAvatarsData, nextId) => { const newAvatarData = { ...curr, id: prev?.id ?? nextId, }; const existingAvatarsData = prev ? filterAvatarData(prevAvatarsData, prev) : prevAvatarsData; return [newAvatarData, ...existingAvatarsData]; } ); dispatch({ type: REPLACE_AVATARS, payload: { conversationId, avatars, }, }); }; } function saveAvatarToDisk( avatarData: AvatarDataType, conversationId?: string ): ThunkAction { return async (dispatch, getState) => { if (!avatarData.buffer) { throw new Error('No avatar Uint8Array provided'); } strictAssert(conversationId, 'conversationId not provided'); const imagePath = await window.Signal.Migrations.writeNewAvatarData( avatarData.buffer ); const avatars = await getAvatarsAndUpdateConversation( getState().conversations, conversationId, (prevAvatarsData, id) => { const newAvatarData = { ...avatarData, imagePath, id, }; return [newAvatarData, ...prevAvatarsData]; } ); dispatch({ type: REPLACE_AVATARS, payload: { conversationId, avatars, }, }); }; } function makeUsernameSaveType( newSaveState: UsernameSaveState ): UpdateUsernameSaveStateActionType { return { type: UPDATE_USERNAME_SAVE_STATE, payload: { newSaveState, }, }; } function clearUsernameSave(): UpdateUsernameSaveStateActionType { return makeUsernameSaveType(UsernameSaveState.None); } function saveUsername({ username, previousUsername, }: { username: string | undefined; previousUsername: string | undefined; }): ThunkAction< void, RootStateType, unknown, UpdateUsernameSaveStateActionType > { return async (dispatch, getState) => { const state = getState(); const previousState = getUsernameSaveState(state); if (previousState !== UsernameSaveState.None) { log.error( `saveUsername: Save requested, but previous state was ${previousState}` ); dispatch(makeUsernameSaveType(UsernameSaveState.GeneralError)); return; } try { dispatch(makeUsernameSaveType(UsernameSaveState.Saving)); await writeUsername({ username, previousUsername }); // writeUsername above updates the backbone model which in turn updates // redux through it's on:change event listener. Once we lose Backbone // we'll need to manually sync these new changes. dispatch(makeUsernameSaveType(UsernameSaveState.Success)); } catch (error: unknown) { // Check to see if we were deleting if (!username) { dispatch(makeUsernameSaveType(UsernameSaveState.DeleteFailed)); showToast(ToastFailedToDeleteUsername); return; } if (!isRecord(error)) { dispatch(makeUsernameSaveType(UsernameSaveState.GeneralError)); return; } if (error.code === 409) { dispatch(makeUsernameSaveType(UsernameSaveState.UsernameTakenError)); return; } if (error.code === 400) { dispatch( makeUsernameSaveType(UsernameSaveState.UsernameMalformedError) ); return; } dispatch(makeUsernameSaveType(UsernameSaveState.GeneralError)); } }; } function myProfileChanged( profileData: ProfileDataType, avatar: AvatarUpdateType ): ThunkAction< void, RootStateType, unknown, NoopActionType | ToggleProfileEditorErrorActionType > { return async (dispatch, getState) => { const conversation = getMe(getState()); try { await writeProfile( { ...conversation, ...profileData, }, avatar ); // writeProfile above updates the backbone model which in turn updates // redux through it's on:change event listener. Once we lose Backbone // we'll need to manually sync these new changes. dispatch({ type: 'NOOP', payload: null, }); } catch (err) { log.error('myProfileChanged', err && err.stack ? err.stack : err); dispatch({ type: TOGGLE_PROFILE_EDITOR_ERROR }); } }; } function removeCustomColorOnConversations( colorId: string ): ThunkAction { return async dispatch => { const conversationsToUpdate: Array = []; // We don't want to trigger a model change because we're updating redux // here manually ourselves. Au revoir Backbone! window.getConversations().forEach(conversation => { if (conversation.get('customColorId') === colorId) { // eslint-disable-next-line no-param-reassign delete conversation.attributes.conversationColor; // eslint-disable-next-line no-param-reassign delete conversation.attributes.customColor; // eslint-disable-next-line no-param-reassign delete conversation.attributes.customColorId; conversationsToUpdate.push(conversation.attributes); } }); if (conversationsToUpdate.length) { await window.Signal.Data.updateConversations(conversationsToUpdate); } dispatch({ type: CUSTOM_COLOR_REMOVED, payload: { colorId, }, }); }; } function resetAllChatColors(): ThunkAction< void, RootStateType, unknown, ColorsChangedActionType > { return async dispatch => { // Calling this with no args unsets all the colors in the db await window.Signal.Data.updateAllConversationColors(); // We don't want to trigger a model change because we're updating redux // here manually ourselves. Au revoir Backbone! window.getConversations().forEach(conversation => { // eslint-disable-next-line no-param-reassign delete conversation.attributes.conversationColor; // eslint-disable-next-line no-param-reassign delete conversation.attributes.customColor; // eslint-disable-next-line no-param-reassign delete conversation.attributes.customColorId; }); dispatch({ type: COLORS_CHANGED, payload: { conversationColor: undefined, customColorData: undefined, }, }); }; } // update the conversation voice note playback rate preference for the conversation export function setVoiceNotePlaybackRate({ conversationId, rate, }: { conversationId: string; rate: number; }): ThunkAction { return async dispatch => { const conversationModel = window.ConversationController.get(conversationId); if (conversationModel) { if (rate === 1) { delete conversationModel.attributes.voiceNotePlaybackRate; } else { conversationModel.attributes.voiceNotePlaybackRate = rate; } await window.Signal.Data.updateConversation(conversationModel.attributes); } const conversation = conversationModel?.format(); if (conversation) { dispatch({ type: 'CONVERSATION_CHANGED', payload: { id: conversationId, data: { ...conversation, voiceNotePlaybackRate: rate, }, }, }); } }; } function colorSelected({ conversationId, conversationColor, customColorData, }: ColorSelectedPayloadType): ThunkAction< void, RootStateType, unknown, ColorSelectedActionType > { return async dispatch => { // We don't want to trigger a model change because we're updating redux // here manually ourselves. Au revoir Backbone! const conversation = window.ConversationController.get(conversationId); if (conversation) { if (conversationColor) { conversation.attributes.conversationColor = conversationColor; if (customColorData) { conversation.attributes.customColor = customColorData.value; conversation.attributes.customColorId = customColorData.id; } else { delete conversation.attributes.customColor; delete conversation.attributes.customColorId; } } else { delete conversation.attributes.conversationColor; delete conversation.attributes.customColor; delete conversation.attributes.customColorId; } await window.Signal.Data.updateConversation(conversation.attributes); } dispatch({ type: COLOR_SELECTED, payload: { conversationId, conversationColor, customColorData, }, }); }; } function toggleComposeEditingAvatar(): ToggleComposeEditingAvatarActionType { return { type: COMPOSE_TOGGLE_EDITING_AVATAR, }; } export function cancelConversationVerification( canceledAt?: number ): ThunkAction< void, RootStateType, unknown, CancelVerificationDataByConversationActionType > { return (dispatch, getState) => { const state = getState(); const conversationIdsBlocked = getConversationIdsStoppedForVerification(state); dispatch({ type: CANCEL_CONVERSATION_PENDING_VERIFICATION, payload: { canceledAt: canceledAt ?? Date.now(), }, }); // Start the blocked conversation queues up again conversationIdsBlocked.forEach(conversationId => { conversationJobQueue.resolveVerificationWaiter(conversationId); }); }; } function verifyConversationsStoppingSend(): ThunkAction< void, RootStateType, unknown, ClearVerificationDataByConversationActionType > { return async (dispatch, getState) => { const state = getState(); const uuidsStoppingSend = getConversationUuidsStoppingSend(state); const conversationIdsBlocked = getConversationIdsStoppedForVerification(state); log.info( `verifyConversationsStoppingSend: Starting with ${conversationIdsBlocked.length} blocked ` + `conversations and ${uuidsStoppingSend.length} conversations to verify.` ); // Mark conversations as approved/verified as appropriate const promises: Array> = []; uuidsStoppingSend.forEach(async uuid => { const conversation = window.ConversationController.get(uuid); if (!conversation) { log.warn( `verifyConversationsStoppingSend: Cannot verify missing converastion for uuid ${uuid}` ); return; } log.info( `verifyConversationsStoppingSend: Verifying conversation ${conversation.idForLogging()}` ); if (conversation.isUnverified()) { promises.push(conversation.setVerifiedDefault()); } promises.push(conversation.setApproved()); }); dispatch({ type: CLEAR_CONVERSATIONS_PENDING_VERIFICATION, }); await Promise.all(promises); // Start the blocked conversation queues up again conversationIdsBlocked.forEach(conversationId => { conversationJobQueue.resolveVerificationWaiter(conversationId); }); }; } export function clearCancelledConversationVerification( conversationId: string ): ClearCancelledVerificationActionType { return { type: CLEAR_CANCELLED_VERIFICATION, payload: { conversationId, }, }; } function composeSaveAvatarToDisk( avatarData: AvatarDataType ): ThunkAction { return async dispatch => { if (!avatarData.buffer) { throw new Error('No avatar Uint8Array provided'); } const imagePath = await window.Signal.Migrations.writeNewAvatarData( avatarData.buffer ); dispatch({ type: COMPOSE_ADD_AVATAR, payload: { ...avatarData, imagePath, }, }); }; } function composeDeleteAvatarFromDisk( avatarData: AvatarDataType ): ThunkAction { return async dispatch => { if (avatarData.imagePath) { await window.Signal.Migrations.deleteAvatar(avatarData.imagePath); } else { log.info( 'No imagePath for avatarData. Removing from userAvatarData, but not disk' ); } dispatch({ type: COMPOSE_REMOVE_AVATAR, payload: avatarData, }); }; } function composeReplaceAvatar( curr: AvatarDataType, prev?: AvatarDataType ): ComposeReplaceAvatarsActionType { return { type: COMPOSE_REPLACE_AVATAR, payload: { curr, prev, }, }; } function setPreJoinConversation( data: PreJoinConversationType | undefined ): SetPreJoinConversationActionType { return { type: 'SET_PRE_JOIN_CONVERSATION', payload: { data, }, }; } function conversationAdded( id: string, data: ConversationType ): ConversationAddedActionType { return { type: 'CONVERSATION_ADDED', payload: { id, data, }, }; } function conversationChanged( id: string, data: ConversationType ): ThunkAction { return dispatch => { calling.groupMembersChanged(id); dispatch({ type: 'CONVERSATION_CHANGED', payload: { id, data, }, }); }; } function conversationRemoved(id: string): ConversationRemovedActionType { return { type: 'CONVERSATION_REMOVED', payload: { id, }, }; } function conversationUnloaded(id: string): ConversationUnloadedActionType { return { type: 'CONVERSATION_UNLOADED', payload: { id, }, }; } function createGroup( createGroupV2 = groups.createGroupV2 ): ThunkAction< void, RootStateType, unknown, | CreateGroupPendingActionType | CreateGroupFulfilledActionType | CreateGroupRejectedActionType | SelectedConversationChangedActionType > { return async (dispatch, getState) => { const { composer } = getState().conversations; if ( composer?.step !== ComposerStep.SetGroupMetadata || composer.isCreating ) { assertDev(false, 'Cannot create group in this stage; doing nothing'); return; } dispatch({ type: 'CREATE_GROUP_PENDING' }); try { const conversation = await createGroupV2({ name: composer.groupName.trim(), avatar: composer.groupAvatar, avatars: composer.userAvatarData.map(avatarData => omit(avatarData, ['buffer']) ), expireTimer: composer.groupExpireTimer, conversationIds: composer.selectedConversationIds, }); dispatch({ type: 'CREATE_GROUP_FULFILLED', payload: { invitedUuids: (conversation.get('pendingMembersV2') || []).map( member => member.uuid ), }, }); dispatch( showConversation({ conversationId: conversation.id, switchToAssociatedView: true, }) ); } catch (err) { log.error('Failed to create group', err && err.stack ? err.stack : err); dispatch({ type: 'CREATE_GROUP_REJECTED' }); } }; } function removeAllConversations(): RemoveAllConversationsActionType { return { type: 'CONVERSATIONS_REMOVE_ALL', payload: null, }; } function selectMessage( messageId: string, conversationId: string ): MessageSelectedActionType { return { type: 'MESSAGE_SELECTED', payload: { messageId, conversationId, }, }; } function conversationStoppedByMissingVerification(payload: { conversationId: string; untrustedUuids: ReadonlyArray; }): ConversationStoppedByMissingVerificationActionType { // Fetching profiles to ensure that we have their latest identity key in storage payload.untrustedUuids.forEach(uuid => { const conversation = window.ConversationController.get(uuid); if (!conversation) { log.error( `conversationStoppedByMissingVerification: uuid ${uuid} not found!` ); return; } // Intentionally not awaiting here conversation.getProfiles(); }); return { type: CONVERSATION_STOPPED_BY_MISSING_VERIFICATION, payload, }; } function messageChanged( id: string, conversationId: string, data: MessageAttributesType ): MessageChangedActionType { return { type: 'MESSAGE_CHANGED', payload: { id, conversationId, data, }, }; } function messageDeleted( id: string, conversationId: string ): MessageDeletedActionType { return { type: 'MESSAGE_DELETED', payload: { id, conversationId, }, }; } function messageExpanded( id: string, displayLimit: number ): MessageExpandedActionType { return { type: 'MESSAGE_EXPANDED', payload: { id, displayLimit, }, }; } function messagesAdded({ conversationId, isActive, isJustSent, isNewMessage, messages, }: { conversationId: string; isActive: boolean; isJustSent: boolean; isNewMessage: boolean; messages: Array; }): MessagesAddedActionType { return { type: 'MESSAGES_ADDED', payload: { conversationId, isActive, isJustSent, isNewMessage, messages, }, }; } function repairNewestMessage( conversationId: string ): RepairNewestMessageActionType { return { type: 'REPAIR_NEWEST_MESSAGE', payload: { conversationId, }, }; } function repairOldestMessage( conversationId: string ): RepairOldestMessageActionType { return { type: 'REPAIR_OLDEST_MESSAGE', payload: { conversationId, }, }; } function reviewGroupMemberNameCollision( groupConversationId: string ): ReviewGroupMemberNameCollisionActionType { return { type: 'REVIEW_GROUP_MEMBER_NAME_COLLISION', payload: { groupConversationId }, }; } function reviewMessageRequestNameCollision( payload: Readonly<{ safeConversationId: string; }> ): ReviewMessageRequestNameCollisionActionType { return { type: 'REVIEW_MESSAGE_REQUEST_NAME_COLLISION', payload }; } export type MessageResetOptionsType = Readonly<{ conversationId: string; messages: Array; metrics: MessageMetricsType; scrollToMessageId?: string; unboundedFetch?: boolean; }>; function messagesReset({ conversationId, messages, metrics, scrollToMessageId, unboundedFetch, }: MessageResetOptionsType): MessagesResetActionType { for (const message of messages) { strictAssert( message.conversationId === conversationId, `messagesReset(${conversationId}): invalid message conversationId ` + `${message.conversationId}` ); } return { type: 'MESSAGES_RESET', payload: { unboundedFetch: Boolean(unboundedFetch), conversationId, messages, metrics, scrollToMessageId, }, }; } function setMessageLoadingState( conversationId: string, messageLoadingState: undefined | TimelineMessageLoadingState ): SetMessageLoadingStateActionType { return { type: 'SET_MESSAGE_LOADING_STATE', payload: { conversationId, messageLoadingState, }, }; } function setIsNearBottom( conversationId: string, isNearBottom: boolean ): SetIsNearBottomActionType { return { type: 'SET_NEAR_BOTTOM', payload: { conversationId, isNearBottom, }, }; } function setIsFetchingUUID( identifier: UUIDFetchStateKeyType, isFetching: boolean ): SetIsFetchingUUIDActionType { return { type: 'SET_IS_FETCHING_UUID', payload: { identifier, isFetching, }, }; } function setSelectedConversationHeaderTitle( title?: string ): SetConversationHeaderTitleActionType { return { type: 'SET_CONVERSATION_HEADER_TITLE', payload: { title }, }; } function setSelectedConversationPanelDepth( panelDepth: number ): SetSelectedConversationPanelDepthActionType { return { type: 'SET_SELECTED_CONVERSATION_PANEL_DEPTH', payload: { panelDepth }, }; } function setRecentMediaItems( id: string, recentMediaItems: Array ): SetRecentMediaItemsActionType { return { type: 'SET_RECENT_MEDIA_ITEMS', payload: { id, recentMediaItems }, }; } function clearInvitedUuidsForNewlyCreatedGroup(): ClearInvitedUuidsForNewlyCreatedGroupActionType { return { type: 'CLEAR_INVITED_UUIDS_FOR_NEWLY_CREATED_GROUP' }; } function clearGroupCreationError(): ClearGroupCreationErrorActionType { return { type: 'CLEAR_GROUP_CREATION_ERROR' }; } function clearSelectedMessage(): ClearSelectedMessageActionType { return { type: 'CLEAR_SELECTED_MESSAGE', payload: null, }; } function clearUnreadMetrics( conversationId: string ): ClearUnreadMetricsActionType { return { type: 'CLEAR_UNREAD_METRICS', payload: { conversationId, }, }; } function closeContactSpoofingReview(): CloseContactSpoofingReviewActionType { return { type: 'CLOSE_CONTACT_SPOOFING_REVIEW' }; } function closeMaximumGroupSizeModal(): CloseMaximumGroupSizeModalActionType { return { type: 'CLOSE_MAXIMUM_GROUP_SIZE_MODAL' }; } function closeRecommendedGroupSizeModal(): CloseRecommendedGroupSizeModalActionType { return { type: 'CLOSE_RECOMMENDED_GROUP_SIZE_MODAL' }; } function scrollToMessage( conversationId: string, messageId: string ): ScrollToMessageActionType { return { type: 'SCROLL_TO_MESSAGE', payload: { conversationId, messageId, }, }; } function setComposeGroupAvatar( groupAvatar: undefined | Uint8Array ): SetComposeGroupAvatarActionType { return { type: 'SET_COMPOSE_GROUP_AVATAR', payload: { groupAvatar }, }; } function setComposeGroupName(groupName: string): SetComposeGroupNameActionType { return { type: 'SET_COMPOSE_GROUP_NAME', payload: { groupName }, }; } function setComposeGroupExpireTimer( groupExpireTimer: number ): SetComposeGroupExpireTimerActionType { return { type: 'SET_COMPOSE_GROUP_EXPIRE_TIMER', payload: { groupExpireTimer }, }; } function setComposeSearchTerm( searchTerm: string ): SetComposeSearchTermActionType { return { type: 'SET_COMPOSE_SEARCH_TERM', payload: { searchTerm }, }; } function startComposing(): StartComposingActionType { return { type: 'START_COMPOSING' }; } function showChooseGroupMembers(): ShowChooseGroupMembersActionType { return { type: 'SHOW_CHOOSE_GROUP_MEMBERS' }; } function startSettingGroupMetadata(): StartSettingGroupMetadataActionType { return { type: 'START_SETTING_GROUP_METADATA' }; } function toggleConversationInChooseMembers( conversationId: string ): ThunkAction< void, RootStateType, unknown, ToggleConversationInChooseMembersActionType > { return dispatch => { const maxRecommendedGroupSize = getGroupSizeRecommendedLimit(151); const maxGroupSize = Math.max( getGroupSizeHardLimit(1001), maxRecommendedGroupSize + 1 ); assertDev( maxGroupSize > maxRecommendedGroupSize, 'Expected the hard max group size to be larger than the recommended maximum' ); dispatch({ type: 'TOGGLE_CONVERSATION_IN_CHOOSE_MEMBERS', payload: { conversationId, maxGroupSize, maxRecommendedGroupSize }, }); }; } function toggleHideStories( conversationId: string ): ThunkAction { return dispatch => { const conversationModel = window.ConversationController.get(conversationId); if (conversationModel) { conversationModel.toggleHideStories(); } dispatch({ type: 'NOOP', payload: null, }); }; } function removeMemberFromGroup( conversationId: string, contactId: string ): ThunkAction { return dispatch => { const conversationModel = window.ConversationController.get(conversationId); if (conversationModel) { const idForLogging = conversationModel.idForLogging(); longRunningTaskWrapper({ name: 'removeMemberFromGroup', idForLogging, task: () => conversationModel.removeFromGroupV2(contactId), }); } dispatch({ type: 'NOOP', payload: null, }); }; } function toggleGroupsForStorySend( conversationIds: Array ): ThunkAction { return async dispatch => { await Promise.all( conversationIds.map(async conversationId => { const conversation = window.ConversationController.get(conversationId); if (!conversation) { return; } conversation.set({ isGroupStorySendReady: !conversation.get('isGroupStorySendReady'), }); await window.Signal.Data.updateConversation(conversation.attributes); }) ); dispatch({ type: 'NOOP', payload: null, }); }; } function toggleAdmin( conversationId: string, contactId: string ): ThunkAction { return dispatch => { const conversationModel = window.ConversationController.get(conversationId); if (conversationModel) { conversationModel.toggleAdmin(contactId); } dispatch({ type: 'NOOP', payload: null, }); }; } function updateConversationModelSharedGroups( conversationId: string ): ThunkAction { return dispatch => { const conversation = window.ConversationController.get(conversationId); if (conversation && conversation.throttledUpdateSharedGroups) { conversation.throttledUpdateSharedGroups(); } dispatch({ type: 'NOOP', payload: null, }); }; } function showInbox(): ShowInboxActionType { return { type: 'SHOW_INBOX', payload: null, }; } type ShowConversationArgsType = { conversationId?: string; messageId?: string; switchToAssociatedView?: boolean; }; export type ShowConversationType = (_: ShowConversationArgsType) => unknown; function showConversation({ conversationId, messageId, switchToAssociatedView, }: ShowConversationArgsType): SelectedConversationChangedActionType { return { type: SELECTED_CONVERSATION_CHANGED, payload: { id: conversationId, messageId, switchToAssociatedView, }, }; } function showArchivedConversations(): ShowArchivedConversationsActionType { return { type: 'SHOW_ARCHIVED_CONVERSATIONS', payload: null, }; } function doubleCheckMissingQuoteReference(messageId: string): NoopActionType { const message = window.MessageController.getById(messageId); if (message) { message.doubleCheckMissingQuoteReference(); } return { type: 'NOOP', payload: null, }; } // Reducer export function getEmptyState(): ConversationsStateType { return { conversationLookup: {}, conversationsByE164: {}, conversationsByUuid: {}, conversationsByGroupId: {}, conversationsByUsername: {}, verificationDataByConversation: {}, messagesByConversation: {}, messagesLookup: {}, selectedMessageCounter: 0, showArchived: false, selectedConversationTitle: '', selectedConversationPanelDepth: 0, usernameSaveState: UsernameSaveState.None, }; } export function updateConversationLookups( added: ConversationType | undefined, removed: ConversationType | undefined, state: ConversationsStateType ): Pick< ConversationsStateType, | 'conversationsByE164' | 'conversationsByUuid' | 'conversationsByGroupId' | 'conversationsByUsername' > { const result = { conversationsByE164: state.conversationsByE164, conversationsByUuid: state.conversationsByUuid, conversationsByGroupId: state.conversationsByGroupId, conversationsByUsername: state.conversationsByUsername, }; if (removed && removed.e164) { result.conversationsByE164 = omit(result.conversationsByE164, removed.e164); } if (removed && removed.uuid) { result.conversationsByUuid = omit(result.conversationsByUuid, removed.uuid); } if (removed && removed.groupId) { result.conversationsByGroupId = omit( result.conversationsByGroupId, removed.groupId ); } if (removed && removed.username) { result.conversationsByUsername = omit( result.conversationsByUsername, removed.username ); } if (added && added.e164) { result.conversationsByE164 = { ...result.conversationsByE164, [added.e164]: added, }; } if (added && added.uuid) { result.conversationsByUuid = { ...result.conversationsByUuid, [added.uuid]: added, }; } if (added && added.groupId) { result.conversationsByGroupId = { ...result.conversationsByGroupId, [added.groupId]: added, }; } if (added && added.username) { result.conversationsByUsername = { ...result.conversationsByUsername, [added.username]: added, }; } return result; } function closeComposerModal( state: Readonly, modalToClose: 'maximumGroupSizeModalState' | 'recommendedGroupSizeModalState' ): ConversationsStateType { const { composer } = state; if (composer?.step !== ComposerStep.ChooseGroupMembers) { assertDev( false, "Can't close the modal in this composer step. Doing nothing" ); return state; } if (composer[modalToClose] !== OneTimeModalState.Showing) { return state; } return { ...state, composer: { ...composer, [modalToClose]: OneTimeModalState.Shown, }, }; } function getVerificationDataForConversation( state: Readonly, conversationId: string, untrustedUuids: ReadonlyArray ): Record { const { verificationDataByConversation } = state; const existingPendingState = getOwn( verificationDataByConversation, conversationId ); if ( !existingPendingState || existingPendingState.type === ConversationVerificationState.VerificationCancelled ) { return { [conversationId]: { type: ConversationVerificationState.PendingVerification as const, uuidsNeedingVerification: untrustedUuids, }, }; } const uuidsNeedingVerification: ReadonlyArray = Array.from( new Set([ ...existingPendingState.uuidsNeedingVerification, ...untrustedUuids, ]) ); return { [conversationId]: { type: ConversationVerificationState.PendingVerification as const, uuidsNeedingVerification, }, }; } export function reducer( state: Readonly = getEmptyState(), action: Readonly ): ConversationsStateType { if (action.type === CLEAR_CONVERSATIONS_PENDING_VERIFICATION) { return { ...state, verificationDataByConversation: {}, }; } if (action.type === CLEAR_CANCELLED_VERIFICATION) { const { conversationId } = action.payload; const { verificationDataByConversation } = state; const existingPendingState = getOwn( verificationDataByConversation, conversationId ); // If there are active verifications required, this will do nothing. if ( existingPendingState && existingPendingState.type === ConversationVerificationState.PendingVerification ) { return state; } return { ...state, verificationDataByConversation: omit( verificationDataByConversation, conversationId ), }; } if (action.type === CANCEL_CONVERSATION_PENDING_VERIFICATION) { const { canceledAt } = action.payload; const { verificationDataByConversation } = state; const newverificationDataByConversation: Record< string, ConversationVerificationData > = {}; const entries = Object.entries(verificationDataByConversation); if (!entries.length) { log.warn( 'CANCEL_CONVERSATION_PENDING_VERIFICATION: No conversations pending verification' ); return state; } for (const [conversationId, data] of entries) { if ( data.type === ConversationVerificationState.VerificationCancelled && data.canceledAt > canceledAt ) { newverificationDataByConversation[conversationId] = data; } else { newverificationDataByConversation[conversationId] = { type: ConversationVerificationState.VerificationCancelled, canceledAt, }; } } return { ...state, verificationDataByConversation: newverificationDataByConversation, }; } if (action.type === 'CLEAR_INVITED_UUIDS_FOR_NEWLY_CREATED_GROUP') { return omit(state, 'invitedUuidsForNewlyCreatedGroup'); } if (action.type === 'CLEAR_GROUP_CREATION_ERROR') { const { composer } = state; if (composer?.step !== ComposerStep.SetGroupMetadata) { assertDev( false, "Can't clear group creation error in this composer state. Doing nothing" ); return state; } return { ...state, composer: { ...composer, hasError: false, }, }; } if (action.type === 'CLOSE_CONTACT_SPOOFING_REVIEW') { return omit(state, 'contactSpoofingReview'); } if (action.type === 'CLOSE_MAXIMUM_GROUP_SIZE_MODAL') { return closeComposerModal(state, 'maximumGroupSizeModalState' as const); } if (action.type === 'CLOSE_RECOMMENDED_GROUP_SIZE_MODAL') { return closeComposerModal(state, 'recommendedGroupSizeModalState' as const); } if (action.type === DISCARD_MESSAGES) { const { conversationId } = action.payload; if ('numberToKeepAtBottom' in action.payload) { const { numberToKeepAtBottom } = action.payload; const conversationMessages = getOwn( state.messagesByConversation, conversationId ); if (!conversationMessages) { return state; } const { messageIds: oldMessageIds } = conversationMessages; if (oldMessageIds.length <= numberToKeepAtBottom) { return state; } const messageIdsToRemove = oldMessageIds.slice(0, -numberToKeepAtBottom); const messageIdsToKeep = oldMessageIds.slice(-numberToKeepAtBottom); return { ...state, messagesLookup: omit(state.messagesLookup, messageIdsToRemove), messagesByConversation: { ...state.messagesByConversation, [conversationId]: { ...conversationMessages, messageIds: messageIdsToKeep, }, }, }; } if ('numberToKeepAtTop' in action.payload) { const { numberToKeepAtTop } = action.payload; const conversationMessages = getOwn( state.messagesByConversation, conversationId ); if (!conversationMessages) { return state; } const { messageIds: oldMessageIds } = conversationMessages; if (oldMessageIds.length <= numberToKeepAtTop) { return state; } const messageIdsToRemove = oldMessageIds.slice(numberToKeepAtTop); const messageIdsToKeep = oldMessageIds.slice(0, numberToKeepAtTop); return { ...state, messagesLookup: omit(state.messagesLookup, messageIdsToRemove), messagesByConversation: { ...state.messagesByConversation, [conversationId]: { ...conversationMessages, messageIds: messageIdsToKeep, }, }, }; } throw missingCaseError(action.payload); } if (action.type === 'SET_PRE_JOIN_CONVERSATION') { const { payload } = action; const { data } = payload; return { ...state, preJoinConversation: data, }; } if (action.type === 'CONVERSATION_ADDED') { const { payload } = action; const { id, data } = payload; const { conversationLookup } = state; return { ...state, conversationLookup: { ...conversationLookup, [id]: data, }, ...updateConversationLookups(data, undefined, state), }; } if (action.type === 'CONVERSATION_CHANGED') { const { payload } = action; const { id, data } = payload; const { conversationLookup } = state; const { selectedConversationId } = state; let { showArchived } = state; const existing = conversationLookup[id]; // We only modify the lookup if we already had that conversation and the conversation // changed. if (!existing || data === existing) { return state; } const keysToOmit: Array = []; if (selectedConversationId === id) { // Archived -> Inbox: we go back to the normal inbox view if (existing.isArchived && !data.isArchived) { showArchived = false; } // Inbox -> Archived: no conversation is selected // Note: With today's stacked conversations architecture, this can result in weird // behavior - no selected conversation in the left pane, but a conversation show // in the right pane. if (!existing.isArchived && data.isArchived) { keysToOmit.push('selectedConversationId'); } if (!existing.isBlocked && data.isBlocked) { keysToOmit.push('contactSpoofingReview'); } } return { ...omit(state, keysToOmit), selectedConversationId, showArchived, conversationLookup: { ...conversationLookup, [id]: data, }, ...updateConversationLookups(data, existing, state), }; } if (action.type === 'CONVERSATION_REMOVED') { const { payload } = action; const { id } = payload; const { conversationLookup } = state; const existing = getOwn(conversationLookup, id); // No need to make a change if we didn't have a record of this conversation! if (!existing) { return state; } return { ...state, conversationLookup: omit(conversationLookup, [id]), ...updateConversationLookups(undefined, existing, state), }; } if (action.type === 'CONVERSATION_UNLOADED') { const { payload } = action; const { id } = payload; const existingConversation = state.messagesByConversation[id]; if (!existingConversation) { return state; } const { messageIds } = existingConversation; const selectedConversationId = state.selectedConversationId !== id ? state.selectedConversationId : undefined; return { ...omit(state, 'contactSpoofingReview'), selectedConversationId, selectedConversationPanelDepth: 0, messagesLookup: omit(state.messagesLookup, messageIds), messagesByConversation: omit(state.messagesByConversation, [id]), }; } if (action.type === 'CONVERSATIONS_REMOVE_ALL') { return getEmptyState(); } if (action.type === 'CREATE_GROUP_PENDING') { const { composer } = state; if (composer?.step !== ComposerStep.SetGroupMetadata) { // This should be unlikely, but it can happen if someone closes the composer while // a group is being created. return state; } return { ...state, composer: { ...composer, hasError: false, isCreating: true, }, }; } if (action.type === 'CREATE_GROUP_FULFILLED') { // We don't do much here and instead rely on `showConversation` to do most of // the work. return { ...state, invitedUuidsForNewlyCreatedGroup: action.payload.invitedUuids, }; } if (action.type === 'CREATE_GROUP_REJECTED') { const { composer } = state; if (composer?.step !== ComposerStep.SetGroupMetadata) { // This should be unlikely, but it can happen if someone closes the composer while // a group is being created. return state; } return { ...state, composer: { ...composer, hasError: true, isCreating: false, }, }; } if (action.type === 'SET_SELECTED_CONVERSATION_PANEL_DEPTH') { return { ...state, selectedConversationPanelDepth: action.payload.panelDepth, }; } if (action.type === 'MESSAGE_SELECTED') { const { messageId, conversationId } = action.payload; if (state.selectedConversationId !== conversationId) { return state; } return { ...state, selectedMessage: messageId, selectedMessageCounter: state.selectedMessageCounter + 1, }; } if (action.type === CONVERSATION_STOPPED_BY_MISSING_VERIFICATION) { const { conversationId, untrustedUuids } = action.payload; const nextVerificationData = getVerificationDataForConversation( state, conversationId, untrustedUuids ); return { ...state, verificationDataByConversation: { ...state.verificationDataByConversation, ...nextVerificationData, }, }; } if (action.type === SHOW_SEND_ANYWAY_DIALOG) { const verificationDataByConversation = { ...state.verificationDataByConversation, }; action.payload.conversationsToPause.forEach( (untrustedUuids, conversationId) => { const nextVerificationData = getVerificationDataForConversation( state, conversationId, Array.from(untrustedUuids) ); Object.assign(verificationDataByConversation, nextVerificationData); } ); return { ...state, verificationDataByConversation, }; } if (action.type === 'MESSAGE_CHANGED') { const { id, conversationId, data } = action.payload; const existingConversation = state.messagesByConversation[conversationId]; // We don't keep track of messages unless their conversation is loaded... if (!existingConversation) { return state; } // ...and we've already loaded that message once const existingMessage = getOwn(state.messagesLookup, id); if (!existingMessage) { return state; } const conversationAttrs = state.conversationLookup[conversationId]; const isGroupStoryReply = isGroup(conversationAttrs) && data.storyId; if (isGroupStoryReply) { return state; } const toIncrement = data.reactions?.length ? 1 : 0; return { ...state, messagesByConversation: { ...state.messagesByConversation, [conversationId]: { ...existingConversation, messageChangeCounter: (existingConversation.messageChangeCounter || 0) + toIncrement, }, }, messagesLookup: { ...state.messagesLookup, [id]: { ...data, displayLimit: existingMessage.displayLimit, }, }, }; } if (action.type === 'MESSAGE_EXPANDED') { const { id, displayLimit } = action.payload; const existingMessage = state.messagesLookup[id]; if (!existingMessage) { return state; } return { ...state, messagesLookup: { ...state.messagesLookup, [id]: { ...existingMessage, displayLimit, }, }, }; } if (action.type === 'MESSAGES_RESET') { const { conversationId, messages, metrics, scrollToMessageId, unboundedFetch, } = action.payload; const { messagesByConversation, messagesLookup } = state; const existingConversation = messagesByConversation[conversationId]; const lookup = fromPairs(messages.map(message => [message.id, message])); const sorted = orderBy( values(lookup), ['received_at', 'sent_at'], ['ASC', 'ASC'] ); let { newest, oldest } = metrics; // If our metrics are a little out of date, we'll fix them up if (sorted.length > 0) { const first = sorted[0]; if (first && (!oldest || first.received_at <= oldest.received_at)) { oldest = pick(first, ['id', 'received_at', 'sent_at']); } const last = sorted[sorted.length - 1]; if ( last && (!newest || unboundedFetch || last.received_at >= newest.received_at) ) { newest = pick(last, ['id', 'received_at', 'sent_at']); } } const messageIds = sorted.map(message => message.id); return { ...state, ...(state.selectedConversationId === conversationId ? { selectedMessage: scrollToMessageId, selectedMessageCounter: state.selectedMessageCounter + 1, } : {}), messagesLookup: { ...messagesLookup, ...lookup, }, messagesByConversation: { ...messagesByConversation, [conversationId]: { messageChangeCounter: 0, scrollToMessageId, scrollToMessageCounter: existingConversation ? existingConversation.scrollToMessageCounter + 1 : 0, messageIds, metrics: { ...metrics, newest, oldest, }, }, }, }; } if (action.type === 'SET_MESSAGE_LOADING_STATE') { const { payload } = action; const { conversationId, messageLoadingState } = payload; const { messagesByConversation } = state; const existingConversation = messagesByConversation[conversationId]; if (!existingConversation) { return state; } return { ...state, messagesByConversation: { ...messagesByConversation, [conversationId]: { ...existingConversation, messageLoadingState, }, }, }; } if (action.type === 'SET_NEAR_BOTTOM') { const { payload } = action; const { conversationId, isNearBottom } = payload; const { messagesByConversation } = state; const existingConversation = messagesByConversation[conversationId]; if ( !existingConversation || existingConversation.isNearBottom === isNearBottom ) { return state; } return { ...state, messagesByConversation: { ...messagesByConversation, [conversationId]: { ...existingConversation, isNearBottom, }, }, }; } if (action.type === 'SCROLL_TO_MESSAGE') { const { payload } = action; const { conversationId, messageId } = payload; const { messagesByConversation, messagesLookup } = state; const existingConversation = messagesByConversation[conversationId]; if (!existingConversation) { return state; } if (!messagesLookup[messageId]) { return state; } if (!existingConversation.messageIds.includes(messageId)) { return state; } return { ...state, selectedMessage: messageId, selectedMessageCounter: state.selectedMessageCounter + 1, messagesByConversation: { ...messagesByConversation, [conversationId]: { ...existingConversation, messageLoadingState: undefined, scrollToMessageId: messageId, scrollToMessageCounter: existingConversation.scrollToMessageCounter + 1, }, }, }; } if (action.type === 'MESSAGE_DELETED') { const { id, conversationId } = action.payload; const { messagesByConversation, messagesLookup } = state; const existingConversation = messagesByConversation[conversationId]; if (!existingConversation) { return state; } // Assuming that we always have contiguous groups of messages in memory, the removal // of one message at one end of our message set be replaced with the message right // next to it. const oldIds = existingConversation.messageIds; let { newest, oldest } = existingConversation.metrics; if (oldIds.length > 1) { const firstId = oldIds[0]; const lastId = oldIds[oldIds.length - 1]; if (oldest && oldest.id === firstId && firstId === id) { const second = messagesLookup[oldIds[1]]; oldest = second ? pick(second, ['id', 'received_at', 'sent_at']) : undefined; } if (newest && newest.id === lastId && lastId === id) { const penultimate = messagesLookup[oldIds[oldIds.length - 2]]; newest = penultimate ? pick(penultimate, ['id', 'received_at', 'sent_at']) : undefined; } } // Removing it from our caches const messageIds = without(existingConversation.messageIds, id); let metrics; if (messageIds.length === 0) { metrics = { totalUnseen: 0, }; } else { metrics = { ...existingConversation.metrics, oldest, newest, }; } return { ...state, messagesLookup: omit(messagesLookup, id), messagesByConversation: { [conversationId]: { ...existingConversation, messageIds, metrics, }, }, }; } if (action.type === 'REPAIR_NEWEST_MESSAGE') { const { conversationId } = action.payload; const { messagesByConversation, messagesLookup } = state; const existingConversation = getOwn(messagesByConversation, conversationId); if (!existingConversation) { return state; } const { messageIds } = existingConversation; const lastId = messageIds && messageIds.length ? messageIds[messageIds.length - 1] : undefined; const last = lastId ? getOwn(messagesLookup, lastId) : undefined; const newest = last ? pick(last, ['id', 'received_at', 'sent_at']) : undefined; return { ...state, messagesByConversation: { ...messagesByConversation, [conversationId]: { ...existingConversation, metrics: { ...existingConversation.metrics, newest, }, }, }, }; } if (action.type === 'REPAIR_OLDEST_MESSAGE') { const { conversationId } = action.payload; const { messagesByConversation, messagesLookup } = state; const existingConversation = getOwn(messagesByConversation, conversationId); if (!existingConversation) { return state; } const { messageIds } = existingConversation; const firstId = messageIds && messageIds.length ? messageIds[0] : undefined; const first = firstId ? getOwn(messagesLookup, firstId) : undefined; const oldest = first ? pick(first, ['id', 'received_at', 'sent_at']) : undefined; return { ...state, messagesByConversation: { ...messagesByConversation, [conversationId]: { ...existingConversation, metrics: { ...existingConversation.metrics, oldest, }, }, }, }; } if (action.type === 'REVIEW_GROUP_MEMBER_NAME_COLLISION') { return { ...state, contactSpoofingReview: { type: ContactSpoofingType.MultipleGroupMembersWithSameTitle, ...action.payload, }, }; } if (action.type === 'REVIEW_MESSAGE_REQUEST_NAME_COLLISION') { return { ...state, contactSpoofingReview: { type: ContactSpoofingType.DirectConversationWithSameTitle, ...action.payload, }, }; } if (action.type === 'MESSAGES_ADDED') { const { conversationId, isActive, isJustSent, isNewMessage, messages } = action.payload; const { messagesByConversation, messagesLookup } = state; const existingConversation = messagesByConversation[conversationId]; if (!existingConversation) { return state; } let { newest, oldest, oldestUnseen, totalUnseen } = existingConversation.metrics; if (messages.length < 1) { return state; } const lookup = fromPairs( existingConversation.messageIds.map(id => [id, messagesLookup[id]]) ); messages.forEach(message => { lookup[message.id] = message; }); const sorted = orderBy( values(lookup), ['received_at', 'sent_at'], ['ASC', 'ASC'] ); const messageIds = sorted.map(message => message.id); const first = sorted[0]; const last = sorted[sorted.length - 1]; if (!newest) { newest = pick(first, ['id', 'received_at', 'sent_at']); } if (!oldest) { oldest = pick(last, ['id', 'received_at', 'sent_at']); } const existingTotal = existingConversation.messageIds.length; if (isNewMessage && existingTotal > 0) { const lastMessageId = existingConversation.messageIds[existingTotal - 1]; // If our messages in memory don't include the most recent messages, then we // won't add new messages to our message list. const haveLatest = newest && newest.id === lastMessageId; if (!haveLatest) { if (isJustSent) { log.warn( 'reducer/MESSAGES_ADDED: isJustSent is true, but haveLatest is false' ); } return state; } } // Update oldest and newest if we receive older/newer // messages (or duplicated timestamps!) if (first && oldest && first.received_at <= oldest.received_at) { oldest = pick(first, ['id', 'received_at', 'sent_at']); } if (last && newest && last.received_at >= newest.received_at) { newest = pick(last, ['id', 'received_at', 'sent_at']); } const newIds = messages.map(message => message.id); const newMessageIds = difference(newIds, existingConversation.messageIds); const { isNearBottom } = existingConversation; if ((!isNearBottom || !isActive) && !oldestUnseen) { const oldestId = newMessageIds.find(messageId => { const message = lookup[messageId]; return message && isMessageUnread(message); }); if (oldestId) { oldestUnseen = pick(lookup[oldestId], [ 'id', 'received_at', 'sent_at', ]) as MessagePointerType; } } // If this is a new incoming message, we'll increment our totalUnseen count if (isNewMessage && !isJustSent && oldestUnseen) { const newUnread: number = newMessageIds.reduce((sum, messageId) => { const message = lookup[messageId]; return sum + (message && isMessageUnread(message) ? 1 : 0); }, 0); totalUnseen = (totalUnseen || 0) + newUnread; } return { ...state, messagesLookup: { ...messagesLookup, ...lookup, }, messagesByConversation: { ...messagesByConversation, [conversationId]: { ...existingConversation, messageIds, messageLoadingState: undefined, scrollToMessageId: isJustSent ? last.id : undefined, metrics: { ...existingConversation.metrics, newest, oldest, totalUnseen, oldestUnseen, }, }, }, }; } if (action.type === 'CLEAR_SELECTED_MESSAGE') { return { ...state, selectedMessage: undefined, }; } if (action.type === 'CLEAR_UNREAD_METRICS') { const { payload } = action; const { conversationId } = payload; const existingConversation = state.messagesByConversation[conversationId]; if (!existingConversation) { return state; } return { ...state, messagesByConversation: { ...state.messagesByConversation, [conversationId]: { ...existingConversation, metrics: { ...existingConversation.metrics, oldestUnseen: undefined, totalUnseen: 0, }, }, }, }; } if (action.type === SELECTED_CONVERSATION_CHANGED) { const { payload } = action; const { id, messageId, switchToAssociatedView } = payload; const nextState = { ...omit(state, 'contactSpoofingReview'), selectedConversationId: id, selectedMessage: messageId, }; if (switchToAssociatedView && id) { const conversation = getOwn(state.conversationLookup, id); if (!conversation) { return nextState; } return { ...omit(nextState, 'composer'), showArchived: Boolean(conversation.isArchived), }; } return nextState; } if (action.type === 'SHOW_INBOX') { return { ...omit(state, 'composer'), showArchived: false, }; } if (action.type === 'SHOW_ARCHIVED_CONVERSATIONS') { return { ...omit(state, 'composer'), showArchived: true, }; } if (action.type === 'SET_CONVERSATION_HEADER_TITLE') { return { ...state, selectedConversationTitle: action.payload.title, }; } if (action.type === 'SET_RECENT_MEDIA_ITEMS') { const { id, recentMediaItems } = action.payload; const { conversationLookup } = state; const conversationData = conversationLookup[id]; if (!conversationData) { return state; } const data = { ...conversationData, recentMediaItems, }; return { ...state, conversationLookup: { ...conversationLookup, [id]: data, }, ...updateConversationLookups(data, undefined, state), }; } if (action.type === 'START_COMPOSING') { if (state.composer?.step === ComposerStep.StartDirectConversation) { return state; } return { ...state, showArchived: false, composer: { step: ComposerStep.StartDirectConversation, searchTerm: '', uuidFetchState: {}, }, }; } if (action.type === 'SHOW_CHOOSE_GROUP_MEMBERS') { let selectedConversationIds: Array; let recommendedGroupSizeModalState: OneTimeModalState; let maximumGroupSizeModalState: OneTimeModalState; let groupName: string; let groupAvatar: undefined | Uint8Array; let groupExpireTimer: number; let userAvatarData = getDefaultAvatars(true); switch (state.composer?.step) { case ComposerStep.ChooseGroupMembers: return state; case ComposerStep.SetGroupMetadata: ({ selectedConversationIds, recommendedGroupSizeModalState, maximumGroupSizeModalState, groupName, groupAvatar, groupExpireTimer, userAvatarData, } = state.composer); break; default: selectedConversationIds = []; recommendedGroupSizeModalState = OneTimeModalState.NeverShown; maximumGroupSizeModalState = OneTimeModalState.NeverShown; groupName = ''; groupExpireTimer = universalExpireTimer.get(); break; } return { ...state, showArchived: false, composer: { step: ComposerStep.ChooseGroupMembers, searchTerm: '', uuidFetchState: {}, selectedConversationIds, recommendedGroupSizeModalState, maximumGroupSizeModalState, groupName, groupAvatar, groupExpireTimer, userAvatarData, }, }; } if (action.type === 'START_SETTING_GROUP_METADATA') { const { composer } = state; switch (composer?.step) { case ComposerStep.ChooseGroupMembers: return { ...state, showArchived: false, composer: { step: ComposerStep.SetGroupMetadata, isEditingAvatar: false, isCreating: false, hasError: false, ...pick(composer, [ 'groupAvatar', 'groupName', 'groupExpireTimer', 'maximumGroupSizeModalState', 'recommendedGroupSizeModalState', 'selectedConversationIds', 'userAvatarData', ]), }, }; case ComposerStep.SetGroupMetadata: return state; default: assertDev( false, 'Cannot transition to setting group metadata from this state' ); return state; } } if (action.type === 'SET_COMPOSE_GROUP_AVATAR') { const { composer } = state; switch (composer?.step) { case ComposerStep.ChooseGroupMembers: case ComposerStep.SetGroupMetadata: return { ...state, composer: { ...composer, groupAvatar: action.payload.groupAvatar, }, }; default: assertDev( false, 'Setting compose group avatar at this step is a no-op' ); return state; } } if (action.type === 'SET_COMPOSE_GROUP_NAME') { const { composer } = state; switch (composer?.step) { case ComposerStep.ChooseGroupMembers: case ComposerStep.SetGroupMetadata: return { ...state, composer: { ...composer, groupName: action.payload.groupName, }, }; default: assertDev(false, 'Setting compose group name at this step is a no-op'); return state; } } if (action.type === 'SET_COMPOSE_GROUP_EXPIRE_TIMER') { const { composer } = state; switch (composer?.step) { case ComposerStep.ChooseGroupMembers: case ComposerStep.SetGroupMetadata: return { ...state, composer: { ...composer, groupExpireTimer: action.payload.groupExpireTimer, }, }; default: assertDev(false, 'Setting compose group name at this step is a no-op'); return state; } } if (action.type === 'SET_COMPOSE_SEARCH_TERM') { const { composer } = state; if (!composer) { assertDev( false, 'Setting compose search term with the composer closed is a no-op' ); return state; } if ( composer.step !== ComposerStep.StartDirectConversation && composer.step !== ComposerStep.ChooseGroupMembers ) { assertDev( false, `Setting compose search term at step ${composer.step} is a no-op` ); return state; } return { ...state, composer: { ...composer, searchTerm: action.payload.searchTerm, }, }; } if (action.type === 'SET_IS_FETCHING_UUID') { const { composer } = state; if (!composer) { assertDev( false, 'Setting compose uuid fetch state with the composer closed is a no-op' ); return state; } if ( composer.step !== ComposerStep.StartDirectConversation && composer.step !== ComposerStep.ChooseGroupMembers ) { assertDev( false, 'Setting compose uuid fetch state at this step is a no-op' ); return state; } const { identifier, isFetching } = action.payload; const { uuidFetchState } = composer; return { ...state, composer: { ...composer, uuidFetchState: isFetching ? { ...composer.uuidFetchState, [identifier]: isFetching, } : omit(uuidFetchState, identifier), }, }; } if (action.type === COMPOSE_TOGGLE_EDITING_AVATAR) { const { composer } = state; switch (composer?.step) { case ComposerStep.SetGroupMetadata: return { ...state, composer: { ...composer, isEditingAvatar: !composer.isEditingAvatar, }, }; default: assertDev(false, 'Setting editing avatar at this step is a no-op'); return state; } } if (action.type === COMPOSE_ADD_AVATAR) { const { payload } = action; const { composer } = state; switch (composer?.step) { case ComposerStep.ChooseGroupMembers: case ComposerStep.SetGroupMetadata: return { ...state, composer: { ...composer, userAvatarData: [ { ...payload, id: getNextAvatarId(composer.userAvatarData), }, ...composer.userAvatarData, ], }, }; default: assertDev(false, 'Adding an avatar at this step is a no-op'); return state; } } if (action.type === COMPOSE_REMOVE_AVATAR) { const { payload } = action; const { composer } = state; switch (composer?.step) { case ComposerStep.ChooseGroupMembers: case ComposerStep.SetGroupMetadata: return { ...state, composer: { ...composer, userAvatarData: filterAvatarData(composer.userAvatarData, payload), }, }; default: assertDev(false, 'Removing an avatar at this step is a no-op'); return state; } } if (action.type === COMPOSE_REPLACE_AVATAR) { const { curr, prev } = action.payload; const { composer } = state; switch (composer?.step) { case ComposerStep.ChooseGroupMembers: case ComposerStep.SetGroupMetadata: return { ...state, composer: { ...composer, userAvatarData: [ { ...curr, id: prev?.id ?? getNextAvatarId(composer.userAvatarData), }, ...(prev ? filterAvatarData(composer.userAvatarData, prev) : composer.userAvatarData), ], }, }; default: assertDev(false, 'Replacing an avatar at this step is a no-op'); return state; } } if (action.type === 'TOGGLE_CONVERSATION_IN_CHOOSE_MEMBERS') { const { composer } = state; if (composer?.step !== ComposerStep.ChooseGroupMembers) { assertDev( false, 'Toggling conversation members is a no-op in this composer step' ); return state; } return { ...state, composer: { ...composer, ...toggleSelectedContactForGroupAddition( action.payload.conversationId, { maxGroupSize: action.payload.maxGroupSize, maxRecommendedGroupSize: action.payload.maxRecommendedGroupSize, maximumGroupSizeModalState: composer.maximumGroupSizeModalState, // We say you're already in the group, even though it hasn't been created yet. numberOfContactsAlreadyInGroup: 1, recommendedGroupSizeModalState: composer.recommendedGroupSizeModalState, selectedConversationIds: composer.selectedConversationIds, } ), }, }; } if (action.type === COLORS_CHANGED) { const { conversationLookup } = state; const { conversationColor, customColorData } = action.payload; const nextState = { ...state, }; Object.keys(conversationLookup).forEach(id => { const existing = conversationLookup[id]; const added = { ...existing, conversationColor, customColor: customColorData?.value, customColorId: customColorData?.id, }; Object.assign( nextState, updateConversationLookups(added, existing, nextState), { conversationLookup: { ...nextState.conversationLookup, [id]: added, }, } ); }); return nextState; } if (action.type === COLOR_SELECTED) { const { conversationLookup } = state; const { conversationId, conversationColor, customColorData } = action.payload; const existing = conversationLookup[conversationId]; if (!existing) { return state; } const changed = { ...existing, conversationColor, customColor: customColorData?.value, customColorId: customColorData?.id, }; return { ...state, conversationLookup: { ...conversationLookup, [conversationId]: changed, }, ...updateConversationLookups(changed, existing, state), }; } if (action.type === CUSTOM_COLOR_REMOVED) { const { conversationLookup } = state; const { colorId } = action.payload; const nextState = { ...state, }; Object.keys(conversationLookup).forEach(id => { const existing = conversationLookup[id]; if (existing.customColorId !== colorId) { return; } const changed = { ...existing, conversationColor: undefined, customColor: undefined, customColorId: undefined, }; Object.assign( nextState, updateConversationLookups(changed, existing, nextState), { conversationLookup: { ...nextState.conversationLookup, [id]: changed, }, } ); }); return nextState; } if (action.type === REPLACE_AVATARS) { const { conversationLookup } = state; const { conversationId, avatars } = action.payload; const conversation = conversationLookup[conversationId]; if (!conversation) { return state; } const changed = { ...conversation, avatars, }; return { ...state, conversationLookup: { ...conversationLookup, [conversationId]: changed, }, ...updateConversationLookups(changed, conversation, state), }; } if (action.type === UPDATE_USERNAME_SAVE_STATE) { const { newSaveState } = action.payload; return { ...state, usernameSaveState: newSaveState, }; } return state; }