85 lines
3 KiB
TypeScript
85 lines
3 KiB
TypeScript
|
// Copyright 2024 Signal Messenger, LLC
|
||
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
||
|
|
|
||
|
|
import React, { useCallback, useMemo } from 'react';
|
||
|
|
import { useSelector } from 'react-redux';
|
||
|
|
|
||
|
|
import { getIntl } from '../selectors/user';
|
||
|
|
import { getGlobalModalsState } from '../selectors/globalModals';
|
||
|
|
import { getConversationSelector } from '../selectors/conversations';
|
||
|
|
import { useConversationsActions } from '../ducks/conversations';
|
||
|
|
import {
|
||
|
|
MessageRequestActionsConfirmation,
|
||
|
|
MessageRequestState,
|
||
|
|
} from '../../components/conversation/MessageRequestActionsConfirmation';
|
||
|
|
import { useContactNameData } from '../../components/conversation/ContactName';
|
||
|
|
import { getAddedByForOurPendingInvitation } from '../../util/getAddedByForOurPendingInvitation';
|
||
|
|
import { strictAssert } from '../../util/assert';
|
||
|
|
import { useGlobalModalActions } from '../ducks/globalModals';
|
||
|
|
|
||
|
|
export function SmartMessageRequestActionsConfirmation(): JSX.Element | null {
|
||
|
|
const i18n = useSelector(getIntl);
|
||
|
|
const globalModals = useSelector(getGlobalModalsState);
|
||
|
|
const { messageRequestActionsConfirmationProps } = globalModals;
|
||
|
|
strictAssert(
|
||
|
|
messageRequestActionsConfirmationProps,
|
||
|
|
'messageRequestActionsConfirmationProps are required'
|
||
|
|
);
|
||
|
|
const { conversationId, state } = messageRequestActionsConfirmationProps;
|
||
|
|
strictAssert(state !== MessageRequestState.default, 'state is required');
|
||
|
|
const getConversation = useSelector(getConversationSelector);
|
||
|
|
const conversation = getConversation(conversationId);
|
||
|
|
const addedBy = useMemo(() => {
|
||
|
|
if (conversation.type === 'group') {
|
||
|
|
return getAddedByForOurPendingInvitation(conversation);
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}, [conversation]);
|
||
|
|
|
||
|
|
const conversationName = useContactNameData(conversation);
|
||
|
|
strictAssert(conversationName, 'conversationName is required');
|
||
|
|
const addedByName = useContactNameData(addedBy);
|
||
|
|
|
||
|
|
const {
|
||
|
|
acceptConversation,
|
||
|
|
blockConversation,
|
||
|
|
reportSpam,
|
||
|
|
blockAndReportSpam,
|
||
|
|
deleteConversation,
|
||
|
|
} = useConversationsActions();
|
||
|
|
const { toggleMessageRequestActionsConfirmation } = useGlobalModalActions();
|
||
|
|
|
||
|
|
const handleChangeState = useCallback(
|
||
|
|
(nextState: MessageRequestState) => {
|
||
|
|
if (nextState === MessageRequestState.default) {
|
||
|
|
toggleMessageRequestActionsConfirmation(null);
|
||
|
|
} else {
|
||
|
|
toggleMessageRequestActionsConfirmation({
|
||
|
|
conversationId,
|
||
|
|
state: nextState,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
[conversationId, toggleMessageRequestActionsConfirmation]
|
||
|
|
);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<MessageRequestActionsConfirmation
|
||
|
|
i18n={i18n}
|
||
|
|
conversationId={conversation.id}
|
||
|
|
conversationType={conversation.type}
|
||
|
|
conversationName={conversationName}
|
||
|
|
addedByName={addedByName}
|
||
|
|
isBlocked={conversation.isBlocked ?? false}
|
||
|
|
isReported={conversation.isReported ?? false}
|
||
|
|
acceptConversation={acceptConversation}
|
||
|
|
blockConversation={blockConversation}
|
||
|
|
reportSpam={reportSpam}
|
||
|
|
blockAndReportSpam={blockAndReportSpam}
|
||
|
|
deleteConversation={deleteConversation}
|
||
|
|
state={state}
|
||
|
|
onChangeState={handleChangeState}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|