Add graphQL call to fetch contact's sources

src/components/Contacts/ContactDetails/ContactDetailsHeader/ContactDetailsMoreActions/ContactDetailsMoreActions.tsx

@@ -296,6 +296,7 @@ export const ContactDetailsMoreAcitions: React.FC<
           setOpen={setDeleteModalOpen}
           deleting={deleting}
           deleteContact={handleDeleteContact}
+          contactId={contactId}
         />
       )}
       {openHideModal && (

src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/ContactSource.graphql

@@ -0,0 +1,25 @@
+query ContactSource($accountListId: ID!, $contactId: ID!) {
+  contact(accountListId: $accountListId, id: $contactId) {
+    id
+    source
+    addresses {
+      nodes {
+        source
+      }
+    }
+    people {
+      nodes {
+        emailAddresses {
+          nodes {
+            source
+          }
+        }
+        phoneNumbers {
+          nodes {
+            source
+          }
+        }
+      }
+    }
+  }
+}

src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/DeleteContactModal.tsx

@@ -12,6 +12,7 @@ import {
   DeleteButton,
 } from 'src/components/common/Modal/ActionButtons/ActionButtons';
 import Modal from 'src/components/common/Modal/Modal';
+import { useAccountListId } from 'src/hooks/useAccountListId';
 
 const LoadingIndicator = styled(CircularProgress)(({ theme }) => ({
   margin: theme.spacing(0, 1, 0, 0),
@@ -22,15 +23,23 @@ interface DeleteContactModalProps {
   setOpen: (open: boolean) => void;
   deleting: boolean;
   deleteContact: () => void;
+  contactId: string;
 }
 
 export const DeleteContactModal: React.FC<DeleteContactModalProps> = ({
   open,
   setOpen,
   deleting,
   deleteContact,
+  contactId,
 }) => {
   const { t } = useTranslation();
+  const accountListId = useAccountListId() ?? '';
+
+  const { data } = useContactSourceQuery({
+    variables: { accountListId, contactId },
+    skip: !open && !contactId,
+  });
   return (
     <Modal
       isOpen={open}