2022-02-16 18:33:52 +00:00
|
|
|
// Copyright 2021-2022 Signal Messenger, LLC
|
2021-01-29 21:19:24 +00:00
|
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
|
2022-04-05 00:38:22 +00:00
|
|
|
import React from 'react';
|
2021-01-29 21:19:24 +00:00
|
|
|
import { connect } from 'react-redux';
|
|
|
|
|
2021-10-26 19:15:33 +00:00
|
|
|
import type { StateType } from '../reducer';
|
2021-08-06 00:17:05 +00:00
|
|
|
import { mapDispatchToProps } from '../actions';
|
2021-10-26 19:15:33 +00:00
|
|
|
import type { StateProps } from '../../components/conversation/conversation-details/ConversationDetails';
|
|
|
|
import { ConversationDetails } from '../../components/conversation/conversation-details/ConversationDetails';
|
2021-03-11 21:29:31 +00:00
|
|
|
import {
|
2021-04-29 18:32:38 +00:00
|
|
|
getConversationByIdSelector,
|
2021-10-26 22:59:08 +00:00
|
|
|
getConversationByUuidSelector,
|
2021-03-11 21:29:31 +00:00
|
|
|
} from '../selectors/conversations';
|
2021-05-13 14:47:30 +00:00
|
|
|
import { getGroupMemberships } from '../../util/getGroupMemberships';
|
2022-02-16 18:33:52 +00:00
|
|
|
import { getActiveCallState } from '../selectors/calling';
|
2021-11-30 16:29:57 +00:00
|
|
|
import { getAreWeASubscriber } from '../selectors/items';
|
2021-11-02 23:01:13 +00:00
|
|
|
import { getIntl, getTheme } from '../selectors/user';
|
2021-10-26 19:15:33 +00:00
|
|
|
import type { MediaItemType } from '../../types/MediaItem';
|
2021-11-02 23:01:13 +00:00
|
|
|
import {
|
|
|
|
getBadgesSelector,
|
|
|
|
getPreferredBadgeSelector,
|
|
|
|
} from '../selectors/badges';
|
2022-09-15 19:17:15 +00:00
|
|
|
import { assertDev } from '../../util/assert';
|
2021-08-17 14:10:27 +00:00
|
|
|
import { SignalService as Proto } from '../../protobuf';
|
2021-12-04 02:10:03 +00:00
|
|
|
import { getConversationColorAttributes } from '../../util/getConversationColorAttributes';
|
2022-04-05 00:38:22 +00:00
|
|
|
import type { SmartChooseGroupMembersModalPropsType } from './ChooseGroupMembersModal';
|
|
|
|
import { SmartChooseGroupMembersModal } from './ChooseGroupMembersModal';
|
|
|
|
import type { SmartConfirmAdditionsModalPropsType } from './ConfirmAdditionsModal';
|
|
|
|
import { SmartConfirmAdditionsModal } from './ConfirmAdditionsModal';
|
2021-01-29 21:19:24 +00:00
|
|
|
|
|
|
|
export type SmartConversationDetailsProps = {
|
2021-03-11 21:29:31 +00:00
|
|
|
addMembers: (conversationIds: ReadonlyArray<string>) => Promise<void>;
|
2021-01-29 21:19:24 +00:00
|
|
|
conversationId: string;
|
|
|
|
loadRecentMediaItems: (limit: number) => void;
|
|
|
|
setDisappearingMessages: (seconds: number) => void;
|
|
|
|
showAllMedia: () => void;
|
2021-10-20 23:46:41 +00:00
|
|
|
showChatColorEditor: () => void;
|
2021-01-29 21:19:24 +00:00
|
|
|
showGroupLinkManagement: () => void;
|
|
|
|
showGroupV2Permissions: () => void;
|
2021-08-05 12:35:33 +00:00
|
|
|
showConversationNotificationsSettings: () => void;
|
2021-01-29 21:19:24 +00:00
|
|
|
showPendingInvites: () => void;
|
|
|
|
showLightboxForMedia: (
|
|
|
|
selectedMediaItem: MediaItemType,
|
|
|
|
media: Array<MediaItemType>
|
|
|
|
) => void;
|
2021-03-09 19:16:56 +00:00
|
|
|
updateGroupAttributes: (
|
|
|
|
_: Readonly<{
|
2021-09-24 00:49:05 +00:00
|
|
|
avatar?: undefined | Uint8Array;
|
2021-03-09 19:16:56 +00:00
|
|
|
title?: string;
|
|
|
|
}>
|
2021-03-12 23:31:47 +00:00
|
|
|
) => Promise<void>;
|
2021-04-28 20:27:16 +00:00
|
|
|
onBlock: () => void;
|
|
|
|
onLeave: () => void;
|
2021-10-20 23:46:41 +00:00
|
|
|
onUnblock: () => void;
|
|
|
|
setMuteExpiration: (muteExpiresAt: undefined | number) => unknown;
|
|
|
|
onOutgoingAudioCallInConversation: () => unknown;
|
|
|
|
onOutgoingVideoCallInConversation: () => unknown;
|
2021-01-29 21:19:24 +00:00
|
|
|
};
|
|
|
|
|
2021-08-17 14:10:27 +00:00
|
|
|
const ACCESS_ENUM = Proto.AccessControl.AccessRequired;
|
|
|
|
|
2022-04-05 00:38:22 +00:00
|
|
|
const renderChooseGroupMembersModal = (
|
|
|
|
props: SmartChooseGroupMembersModalPropsType
|
|
|
|
) => {
|
|
|
|
return <SmartChooseGroupMembersModal {...props} />;
|
|
|
|
};
|
|
|
|
|
|
|
|
const renderConfirmAdditionsModal = (
|
|
|
|
props: SmartConfirmAdditionsModalPropsType
|
|
|
|
) => {
|
|
|
|
return <SmartConfirmAdditionsModal {...props} />;
|
|
|
|
};
|
|
|
|
|
2021-01-29 21:19:24 +00:00
|
|
|
const mapStateToProps = (
|
|
|
|
state: StateType,
|
|
|
|
props: SmartConversationDetailsProps
|
|
|
|
): StateProps => {
|
2021-04-29 18:32:38 +00:00
|
|
|
const conversationSelector = getConversationByIdSelector(state);
|
|
|
|
const conversation = conversationSelector(props.conversationId);
|
2022-09-15 19:17:15 +00:00
|
|
|
assertDev(
|
2021-04-29 18:32:38 +00:00
|
|
|
conversation,
|
|
|
|
'<SmartConversationDetails> expected a conversation to be found'
|
|
|
|
);
|
|
|
|
|
2021-08-17 14:10:27 +00:00
|
|
|
const canEditGroupInfo = Boolean(conversation.canEditGroupInfo);
|
|
|
|
const isAdmin = Boolean(conversation.areWeAdmin);
|
2021-01-29 21:19:24 +00:00
|
|
|
|
2021-08-17 14:10:27 +00:00
|
|
|
const hasGroupLink =
|
|
|
|
Boolean(conversation.groupLink) &&
|
|
|
|
conversation.accessControlAddFromInviteLink !== ACCESS_ENUM.UNSATISFIABLE;
|
|
|
|
|
2021-10-26 22:59:08 +00:00
|
|
|
const conversationByUuidSelector = getConversationByUuidSelector(state);
|
2021-11-02 23:01:13 +00:00
|
|
|
const groupMemberships = getGroupMemberships(
|
|
|
|
conversation,
|
|
|
|
conversationByUuidSelector
|
|
|
|
);
|
|
|
|
|
|
|
|
const badges = getBadgesSelector(state)(conversation.badges);
|
|
|
|
|
2021-01-29 21:19:24 +00:00
|
|
|
return {
|
|
|
|
...props,
|
2021-11-30 16:29:57 +00:00
|
|
|
areWeASubscriber: getAreWeASubscriber(state),
|
2021-11-02 23:01:13 +00:00
|
|
|
badges,
|
2021-01-29 21:19:24 +00:00
|
|
|
canEditGroupInfo,
|
2021-12-04 02:10:03 +00:00
|
|
|
conversation: {
|
|
|
|
...conversation,
|
|
|
|
...getConversationColorAttributes(conversation),
|
|
|
|
},
|
2021-11-17 21:11:21 +00:00
|
|
|
getPreferredBadge: getPreferredBadgeSelector(state),
|
2022-02-16 18:33:52 +00:00
|
|
|
hasActiveCall: Boolean(getActiveCallState(state)),
|
2021-01-29 21:19:24 +00:00
|
|
|
i18n: getIntl(state),
|
|
|
|
isAdmin,
|
2021-11-02 23:01:13 +00:00
|
|
|
...groupMemberships,
|
2021-08-06 00:17:05 +00:00
|
|
|
userAvatarData: conversation.avatars || [],
|
2021-08-17 14:10:27 +00:00
|
|
|
hasGroupLink,
|
2021-10-20 23:46:41 +00:00
|
|
|
isGroup: conversation.type === 'group',
|
2021-11-02 23:01:13 +00:00
|
|
|
theme: getTheme(state),
|
2022-04-05 00:38:22 +00:00
|
|
|
renderChooseGroupMembersModal,
|
|
|
|
renderConfirmAdditionsModal,
|
2021-01-29 21:19:24 +00:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2021-08-06 00:17:05 +00:00
|
|
|
const smart = connect(mapStateToProps, mapDispatchToProps);
|
2021-01-29 21:19:24 +00:00
|
|
|
|
|
|
|
export const SmartConversationDetails = smart(ConversationDetails);
|