2021-02-23 20:34:28 +00:00
|
|
|
// Copyright 2019-2021 Signal Messenger, LLC
|
2020-10-30 20:34:04 +00:00
|
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
|
2019-05-16 22:32:11 +00:00
|
|
|
import { connect } from 'react-redux';
|
|
|
|
import { get } from 'lodash';
|
|
|
|
import { mapDispatchToProps } from '../actions';
|
2021-10-26 19:15:33 +00:00
|
|
|
import type { Props as ComponentPropsType } from '../../components/CompositionArea';
|
|
|
|
import { CompositionArea } from '../../components/CompositionArea';
|
|
|
|
import type { StateType } from '../reducer';
|
2021-05-13 20:57:27 +00:00
|
|
|
import { isConversationSMSOnly } from '../../util/isConversationSMSOnly';
|
2021-09-13 02:36:41 +00:00
|
|
|
import { dropNull } from '../../util/dropNull';
|
2022-11-16 21:41:38 +00:00
|
|
|
import { imageToBlurHash } from '../../util/imageToBlurHash';
|
2019-05-16 22:32:11 +00:00
|
|
|
|
2021-11-17 18:38:52 +00:00
|
|
|
import { getPreferredBadgeSelector } from '../selectors/badges';
|
2021-04-27 22:35:35 +00:00
|
|
|
import { selectRecentEmojis } from '../selectors/emojis';
|
2021-11-02 23:01:13 +00:00
|
|
|
import { getIntl, getTheme, getUserConversationId } from '../selectors/user';
|
2021-09-09 16:29:01 +00:00
|
|
|
import { getEmojiSkinTone } from '../selectors/items';
|
2021-06-17 17:15:10 +00:00
|
|
|
import {
|
|
|
|
getConversationSelector,
|
2021-07-20 20:18:35 +00:00
|
|
|
getGroupAdminsSelector,
|
2021-06-17 17:15:10 +00:00
|
|
|
isMissingRequiredProfileSharing,
|
|
|
|
} from '../selectors/conversations';
|
2021-06-25 16:08:16 +00:00
|
|
|
import { getPropsForQuote } from '../selectors/message';
|
2019-05-16 22:32:11 +00:00
|
|
|
import {
|
2019-05-24 01:27:42 +00:00
|
|
|
getBlessedStickerPacks,
|
2019-05-16 22:32:11 +00:00
|
|
|
getInstalledStickerPacks,
|
2019-05-24 01:27:42 +00:00
|
|
|
getKnownStickerPacks,
|
2019-05-16 22:32:11 +00:00
|
|
|
getReceivedStickerPacks,
|
2020-01-09 14:35:33 +00:00
|
|
|
getRecentlyInstalledStickerPack,
|
2019-05-16 22:32:11 +00:00
|
|
|
getRecentStickers,
|
|
|
|
} from '../selectors/stickers';
|
2022-11-09 02:38:19 +00:00
|
|
|
import { isSignalConversation } from '../../util/isSignalConversation';
|
2019-05-16 22:32:11 +00:00
|
|
|
|
2019-08-07 00:40:25 +00:00
|
|
|
type ExternalProps = {
|
|
|
|
id: string;
|
2021-10-05 16:47:06 +00:00
|
|
|
handleClickQuotedMessage: (id: string) => unknown;
|
2019-08-07 00:40:25 +00:00
|
|
|
};
|
|
|
|
|
2021-10-05 16:47:06 +00:00
|
|
|
export type CompositionAreaPropsType = ExternalProps & ComponentPropsType;
|
|
|
|
|
2019-08-07 00:40:25 +00:00
|
|
|
const mapStateToProps = (state: StateType, props: ExternalProps) => {
|
2021-10-05 16:47:06 +00:00
|
|
|
const { id, handleClickQuotedMessage } = props;
|
2019-08-07 00:40:25 +00:00
|
|
|
|
2021-06-25 16:08:16 +00:00
|
|
|
const conversationSelector = getConversationSelector(state);
|
|
|
|
const conversation = conversationSelector(id);
|
2019-08-07 00:40:25 +00:00
|
|
|
if (!conversation) {
|
|
|
|
throw new Error(`Conversation id ${id} not found!`);
|
|
|
|
}
|
|
|
|
|
2021-11-11 22:43:05 +00:00
|
|
|
const { announcementsOnly, areWeAdmin, draftText, draftBodyRanges } =
|
|
|
|
conversation;
|
2019-08-07 00:40:25 +00:00
|
|
|
|
2019-05-16 22:32:11 +00:00
|
|
|
const receivedPacks = getReceivedStickerPacks(state);
|
|
|
|
const installedPacks = getInstalledStickerPacks(state);
|
2019-05-24 01:27:42 +00:00
|
|
|
const blessedPacks = getBlessedStickerPacks(state);
|
|
|
|
const knownPacks = getKnownStickerPacks(state);
|
|
|
|
|
2020-01-09 14:35:33 +00:00
|
|
|
const installedPack = getRecentlyInstalledStickerPack(state);
|
|
|
|
|
2019-05-16 22:32:11 +00:00
|
|
|
const recentStickers = getRecentStickers(state);
|
|
|
|
const showIntroduction = get(
|
|
|
|
state.items,
|
2019-05-29 22:48:43 +00:00
|
|
|
['showStickersIntroduction'],
|
2019-05-16 22:32:11 +00:00
|
|
|
false
|
|
|
|
);
|
2021-09-13 02:36:41 +00:00
|
|
|
const showPickerHint = Boolean(
|
2019-05-29 22:48:43 +00:00
|
|
|
get(state.items, ['showStickerPickerHint'], false) &&
|
2021-09-13 02:36:41 +00:00
|
|
|
receivedPacks.length > 0
|
|
|
|
);
|
2019-05-16 22:32:11 +00:00
|
|
|
|
2021-06-25 16:08:16 +00:00
|
|
|
const {
|
|
|
|
attachments: draftAttachments,
|
|
|
|
linkPreviewLoading,
|
|
|
|
linkPreviewResult,
|
|
|
|
quotedMessage,
|
|
|
|
shouldSendHighQualityAttachments,
|
|
|
|
} = state.composer;
|
|
|
|
|
2019-06-27 20:35:21 +00:00
|
|
|
const recentEmojis = selectRecentEmojis(state);
|
|
|
|
|
2019-05-16 22:32:11 +00:00
|
|
|
return {
|
2019-06-27 20:35:21 +00:00
|
|
|
// Base
|
2021-09-24 20:02:30 +00:00
|
|
|
conversationId: id,
|
2019-06-27 20:35:21 +00:00
|
|
|
i18n: getIntl(state),
|
2021-11-02 23:01:13 +00:00
|
|
|
theme: getTheme(state),
|
2021-11-17 18:38:52 +00:00
|
|
|
getPreferredBadge: getPreferredBadgeSelector(state),
|
2021-09-29 20:23:06 +00:00
|
|
|
// AudioCapture
|
|
|
|
errorDialogAudioRecorderType:
|
|
|
|
state.audioRecorder.errorDialogAudioRecorderType,
|
2021-11-11 23:33:35 +00:00
|
|
|
recordingState: state.audioRecorder.recordingState,
|
2021-06-25 16:08:16 +00:00
|
|
|
// AttachmentsList
|
|
|
|
draftAttachments,
|
2022-11-16 21:41:38 +00:00
|
|
|
// MediaEditor
|
|
|
|
imageToBlurHash,
|
2021-06-25 16:08:16 +00:00
|
|
|
// MediaQualitySelector
|
2022-12-02 23:54:37 +00:00
|
|
|
shouldSendHighQualityAttachments:
|
|
|
|
shouldSendHighQualityAttachments !== undefined
|
|
|
|
? shouldSendHighQualityAttachments
|
|
|
|
: window.storage.get('sent-media-quality') === 'high',
|
2021-06-25 16:08:16 +00:00
|
|
|
// StagedLinkPreview
|
|
|
|
linkPreviewLoading,
|
|
|
|
linkPreviewResult,
|
|
|
|
// Quote
|
|
|
|
quotedMessageProps: quotedMessage
|
2021-08-11 23:06:20 +00:00
|
|
|
? getPropsForQuote(quotedMessage, {
|
2021-06-25 16:08:16 +00:00
|
|
|
conversationSelector,
|
2021-08-11 23:06:20 +00:00
|
|
|
ourConversationId: getUserConversationId(state),
|
|
|
|
})
|
2021-06-25 16:08:16 +00:00
|
|
|
: undefined,
|
2021-08-30 21:32:56 +00:00
|
|
|
onClickQuotedMessage: () => {
|
|
|
|
const messageId = quotedMessage?.quote?.messageId;
|
|
|
|
if (messageId) {
|
2021-10-05 16:47:06 +00:00
|
|
|
handleClickQuotedMessage(messageId);
|
2021-08-30 21:32:56 +00:00
|
|
|
}
|
|
|
|
},
|
2019-06-27 20:35:21 +00:00
|
|
|
// Emojis
|
|
|
|
recentEmojis,
|
2021-09-09 16:29:01 +00:00
|
|
|
skinTone: getEmojiSkinTone(state),
|
2019-06-27 20:35:21 +00:00
|
|
|
// Stickers
|
2019-05-16 22:32:11 +00:00
|
|
|
receivedPacks,
|
2020-01-09 14:35:33 +00:00
|
|
|
installedPack,
|
2019-05-24 01:27:42 +00:00
|
|
|
blessedPacks,
|
|
|
|
knownPacks,
|
2019-05-16 22:32:11 +00:00
|
|
|
installedPacks,
|
|
|
|
recentStickers,
|
|
|
|
showIntroduction,
|
|
|
|
showPickerHint,
|
2020-05-27 21:37:06 +00:00
|
|
|
// Message Requests
|
2020-09-01 20:14:29 +00:00
|
|
|
...conversation,
|
2020-05-27 21:37:06 +00:00
|
|
|
conversationType: conversation.type,
|
2021-05-13 20:57:27 +00:00
|
|
|
isSMSOnly: Boolean(isConversationSMSOnly(conversation)),
|
2022-11-09 02:38:19 +00:00
|
|
|
isSignalConversation: isSignalConversation(conversation),
|
2021-05-13 20:57:27 +00:00
|
|
|
isFetchingUUID: conversation.isFetchingUUID,
|
2021-11-11 22:43:05 +00:00
|
|
|
isMissingMandatoryProfileSharing:
|
|
|
|
isMissingRequiredProfileSharing(conversation),
|
2021-07-20 20:18:35 +00:00
|
|
|
// Groups
|
|
|
|
announcementsOnly,
|
|
|
|
areWeAdmin,
|
|
|
|
groupAdmins: getGroupAdminsSelector(state)(conversation.id),
|
2021-09-13 02:36:41 +00:00
|
|
|
|
|
|
|
draftText: dropNull(draftText),
|
|
|
|
draftBodyRanges,
|
2019-05-16 22:32:11 +00:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2019-06-27 20:35:21 +00:00
|
|
|
const dispatchPropsMap = {
|
2019-05-16 22:32:11 +00:00
|
|
|
...mapDispatchToProps,
|
2019-06-27 20:35:21 +00:00
|
|
|
onSetSkinTone: (tone: number) => mapDispatchToProps.putItem('skinTone', tone),
|
2019-05-16 22:32:11 +00:00
|
|
|
clearShowIntroduction: () =>
|
|
|
|
mapDispatchToProps.removeItem('showStickersIntroduction'),
|
|
|
|
clearShowPickerHint: () =>
|
|
|
|
mapDispatchToProps.removeItem('showStickerPickerHint'),
|
2020-05-05 19:49:34 +00:00
|
|
|
onPickEmoji: mapDispatchToProps.onUseEmoji,
|
2019-06-27 20:35:21 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
const smart = connect(mapStateToProps, dispatchPropsMap);
|
2019-05-16 22:32:11 +00:00
|
|
|
|
2021-09-13 02:36:41 +00:00
|
|
|
export const SmartCompositionArea = smart(CompositionArea);
|