Spam Reporting UI changes

ts/state/smart/MessageRequestActionsConfirmation.tsx

@@ -0,0 +1,84 @@
+// 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}
+    />
+  );
+}