Modernize ContactModal

ts/state/ducks/conversations.ts

@@ -58,6 +58,7 @@ import {
 import { AvatarDataType, getDefaultAvatars } from '../../types/Avatar';
 import { getAvatarData } from '../../util/getAvatarData';
 import { isSameAvatarData } from '../../util/isSameAvatarData';
+import { longRunningTaskWrapper } from '../../util/longRunningTaskWrapper';
 
 import { NoopActionType } from './noop';
 
@@ -780,6 +781,7 @@ export const actions = {
   openConversationInternal,
   removeAllConversations,
   removeCustomColorOnConversations,
+  removeMemberFromGroup,
   repairNewestMessage,
   repairOldestMessage,
   replaceAvatar,
@@ -803,11 +805,14 @@ export const actions = {
   showArchivedConversations,
   showChooseGroupMembers,
   showInbox,
+  showSafetyNumberInConversation,
   startComposing,
   startNewConversationFromPhoneNumber,
   startSettingGroupMetadata,
+  toggleAdmin,
   toggleConversationInChooseMembers,
   toggleComposeEditingAvatar,
+  updateConversationModelSharedGroups,
   verifyConversationsStoppingMessageSend,
 };
 
@@ -1720,6 +1725,73 @@ function openConversationExternal(
   };
 }
 
+function removeMemberFromGroup(
+  conversationId: string,
+  contactId: string
+): ThunkAction<void, RootStateType, unknown, NoopActionType> {
+  return dispatch => {
+    const conversationModel = window.ConversationController.get(conversationId);
+    if (conversationModel) {
+      const idForLogging = conversationModel.idForLogging();
+      longRunningTaskWrapper({
+        name: 'removeMemberFromGroup',
+        idForLogging,
+        task: () => conversationModel.removeFromGroupV2(contactId),
+      });
+    }
+    dispatch({
+      type: 'NOOP',
+      payload: null,
+    });
+  };
+}
+
+function toggleAdmin(
+  conversationId: string,
+  contactId: string
+): ThunkAction<void, RootStateType, unknown, NoopActionType> {
+  return dispatch => {
+    const conversationModel = window.ConversationController.get(conversationId);
+    if (conversationModel) {
+      conversationModel.toggleAdmin(contactId);
+    }
+    dispatch({
+      type: 'NOOP',
+      payload: null,
+    });
+  };
+}
+
+function updateConversationModelSharedGroups(
+  conversationId: string
+): ThunkAction<void, RootStateType, unknown, NoopActionType> {
+  return dispatch => {
+    const conversation = window.ConversationController.get(conversationId);
+    if (conversation && conversation.throttledUpdateSharedGroups) {
+      conversation.throttledUpdateSharedGroups();
+    }
+    dispatch({
+      type: 'NOOP',
+      payload: null,
+    });
+  };
+}
+
+function showSafetyNumberInConversation(
+  conversationId: string
+): ThunkAction<void, RootStateType, unknown, NoopActionType> {
+  return dispatch => {
+    window.Whisper.events.trigger(
+      'showSafetyNumberInConversation',
+      conversationId
+    );
+    dispatch({
+      type: 'NOOP',
+      payload: null,
+    });
+  };
+}
+
 function showInbox(): ShowInboxActionType {
   return {
     type: 'SHOW_INBOX',

ts/state/ducks/globalModals.ts

@@ -4,16 +4,33 @@
 // State
 
 export type GlobalModalsStateType = {
+  readonly contactModalState?: ContactModalStateType;
   readonly isProfileEditorVisible: boolean;
   readonly profileEditorHasError: boolean;
 };
 
 // Actions
 
+const HIDE_CONTACT_MODAL = 'globalModals/HIDE_CONTACT_MODAL';
+const SHOW_CONTACT_MODAL = 'globalModals/SHOW_CONTACT_MODAL';
 const TOGGLE_PROFILE_EDITOR = 'globalModals/TOGGLE_PROFILE_EDITOR';
 export const TOGGLE_PROFILE_EDITOR_ERROR =
   'globalModals/TOGGLE_PROFILE_EDITOR_ERROR';
 
+export type ContactModalStateType = {
+  contactId: string;
+  conversationId?: string;
+};
+
+type HideContactModalActionType = {
+  type: typeof HIDE_CONTACT_MODAL;
+};
+
+type ShowContactModalActionType = {
+  type: typeof SHOW_CONTACT_MODAL;
+  payload: ContactModalStateType;
+};
+
 type ToggleProfileEditorActionType = {
   type: typeof TOGGLE_PROFILE_EDITOR;
 };
@@ -23,16 +40,39 @@ export type ToggleProfileEditorErrorActionType = {
 };
 
 export type GlobalModalsActionType =
+  | HideContactModalActionType
+  | ShowContactModalActionType
   | ToggleProfileEditorActionType
   | ToggleProfileEditorErrorActionType;
 
 // Action Creators
 
 export const actions = {
+  hideContactModal,
+  showContactModal,
   toggleProfileEditor,
   toggleProfileEditorHasError,
 };
 
+function hideContactModal(): HideContactModalActionType {
+  return {
+    type: HIDE_CONTACT_MODAL,
+  };
+}
+
+function showContactModal(
+  contactId: string,
+  conversationId?: string
+): ShowContactModalActionType {
+  return {
+    type: SHOW_CONTACT_MODAL,
+    payload: {
+      contactId,
+      conversationId,
+    },
+  };
+}
+
 function toggleProfileEditor(): ToggleProfileEditorActionType {
   return { type: TOGGLE_PROFILE_EDITOR };
 }
@@ -68,5 +108,19 @@ export function reducer(
     };
   }
 
+  if (action.type === SHOW_CONTACT_MODAL) {
+    return {
+      ...state,
+      contactModalState: action.payload,
+    };
+  }
+
+  if (action.type === HIDE_CONTACT_MODAL) {
+    return {
+      ...state,
+      contactModalState: undefined,
+    };
+  }
+
   return state;
 }