127 lines
4.3 KiB
TypeScript
127 lines
4.3 KiB
TypeScript
// Copyright 2021-2022 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import type { StateType } from '../reducer';
|
|
import { mapDispatchToProps } from '../actions';
|
|
import type { StateProps } from '../../components/conversation/conversation-details/ConversationDetails';
|
|
import { ConversationDetails } from '../../components/conversation/conversation-details/ConversationDetails';
|
|
import {
|
|
getConversationByIdSelector,
|
|
getConversationByUuidSelector,
|
|
} from '../selectors/conversations';
|
|
import { getGroupMemberships } from '../../util/getGroupMemberships';
|
|
import { getActiveCallState } from '../selectors/calling';
|
|
import { getAreWeASubscriber } from '../selectors/items';
|
|
import { getIntl, getTheme } from '../selectors/user';
|
|
import type { MediaItemType } from '../../types/MediaItem';
|
|
import {
|
|
getBadgesSelector,
|
|
getPreferredBadgeSelector,
|
|
} from '../selectors/badges';
|
|
import { assertDev } from '../../util/assert';
|
|
import { SignalService as Proto } from '../../protobuf';
|
|
import { getConversationColorAttributes } from '../../util/getConversationColorAttributes';
|
|
import type { SmartChooseGroupMembersModalPropsType } from './ChooseGroupMembersModal';
|
|
import { SmartChooseGroupMembersModal } from './ChooseGroupMembersModal';
|
|
import type { SmartConfirmAdditionsModalPropsType } from './ConfirmAdditionsModal';
|
|
import { SmartConfirmAdditionsModal } from './ConfirmAdditionsModal';
|
|
|
|
export type SmartConversationDetailsProps = {
|
|
addMembers: (conversationIds: ReadonlyArray<string>) => Promise<void>;
|
|
conversationId: string;
|
|
loadRecentMediaItems: (limit: number) => void;
|
|
setDisappearingMessages: (seconds: number) => void;
|
|
showAllMedia: () => void;
|
|
showChatColorEditor: () => void;
|
|
showGroupLinkManagement: () => void;
|
|
showGroupV2Permissions: () => void;
|
|
showConversationNotificationsSettings: () => void;
|
|
showPendingInvites: () => void;
|
|
showLightboxForMedia: (
|
|
selectedMediaItem: MediaItemType,
|
|
media: Array<MediaItemType>
|
|
) => void;
|
|
updateGroupAttributes: (
|
|
_: Readonly<{
|
|
avatar?: undefined | Uint8Array;
|
|
title?: string;
|
|
}>
|
|
) => Promise<void>;
|
|
onBlock: () => void;
|
|
onLeave: () => void;
|
|
onUnblock: () => void;
|
|
setMuteExpiration: (muteExpiresAt: undefined | number) => unknown;
|
|
onOutgoingAudioCallInConversation: () => unknown;
|
|
onOutgoingVideoCallInConversation: () => unknown;
|
|
};
|
|
|
|
const ACCESS_ENUM = Proto.AccessControl.AccessRequired;
|
|
|
|
const renderChooseGroupMembersModal = (
|
|
props: SmartChooseGroupMembersModalPropsType
|
|
) => {
|
|
return <SmartChooseGroupMembersModal {...props} />;
|
|
};
|
|
|
|
const renderConfirmAdditionsModal = (
|
|
props: SmartConfirmAdditionsModalPropsType
|
|
) => {
|
|
return <SmartConfirmAdditionsModal {...props} />;
|
|
};
|
|
|
|
const mapStateToProps = (
|
|
state: StateType,
|
|
props: SmartConversationDetailsProps
|
|
): StateProps => {
|
|
const conversationSelector = getConversationByIdSelector(state);
|
|
const conversation = conversationSelector(props.conversationId);
|
|
assertDev(
|
|
conversation,
|
|
'<SmartConversationDetails> expected a conversation to be found'
|
|
);
|
|
|
|
const canEditGroupInfo = Boolean(conversation.canEditGroupInfo);
|
|
const isAdmin = Boolean(conversation.areWeAdmin);
|
|
|
|
const hasGroupLink =
|
|
Boolean(conversation.groupLink) &&
|
|
conversation.accessControlAddFromInviteLink !== ACCESS_ENUM.UNSATISFIABLE;
|
|
|
|
const conversationByUuidSelector = getConversationByUuidSelector(state);
|
|
const groupMemberships = getGroupMemberships(
|
|
conversation,
|
|
conversationByUuidSelector
|
|
);
|
|
|
|
const badges = getBadgesSelector(state)(conversation.badges);
|
|
|
|
return {
|
|
...props,
|
|
areWeASubscriber: getAreWeASubscriber(state),
|
|
badges,
|
|
canEditGroupInfo,
|
|
conversation: {
|
|
...conversation,
|
|
...getConversationColorAttributes(conversation),
|
|
},
|
|
getPreferredBadge: getPreferredBadgeSelector(state),
|
|
hasActiveCall: Boolean(getActiveCallState(state)),
|
|
i18n: getIntl(state),
|
|
isAdmin,
|
|
...groupMemberships,
|
|
userAvatarData: conversation.avatars || [],
|
|
hasGroupLink,
|
|
isGroup: conversation.type === 'group',
|
|
theme: getTheme(state),
|
|
renderChooseGroupMembersModal,
|
|
renderConfirmAdditionsModal,
|
|
};
|
|
};
|
|
|
|
const smart = connect(mapStateToProps, mapDispatchToProps);
|
|
|
|
export const SmartConversationDetails = smart(ConversationDetails);
|