From 63d0daa940f9bfd467d76e081260f013966a700b Mon Sep 17 00:00:00 2001
From: Daniel Bisgrove <daniel@bizz-websites.com>
Date: Fri, 13 Dec 2024 12:28:52 -0500
Subject: [PATCH] Create donation services email variable

---
 next.config.ts                                 |  3 +++
 .../DeleteContactModal/ContactSource.graphql   |  1 +
 .../DeleteContactModal/DeleteContactModal.tsx  | 18 +++++++++++++++++-
 .../EditContactAddressModal.tsx                |  4 +++-
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index 99339ee59..a135ef40a 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -86,6 +86,9 @@ const config: NextConfig = {
     PRIVACY_POLICY_URL: process.env.PRIVACY_POLICY_URL,
     TERMS_OF_USE_URL: process.env.TERMS_OF_USE_URL,
     DD_ENV: process.env.DD_ENV ?? 'development',
+    SERVICE_SUPPORT_EMAIL: process.env.SERVICE_SUPPORT_EMAIL ?? 'dsar@cru.org',
+    DONATION_SERVICES_EMAIL:
+      process.env.DONATION_SERVICES_EMAIL ?? 'donation.services@cru.org',
   },
   // Force .page prefix on page files (ex. index.page.tsx) so generated files can be included in /pages directory without Next.js throwing build errors
   pageExtensions: ['page.tsx', 'page.ts', 'page.jsx', 'page.js'],
diff --git a/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/ContactSource.graphql b/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/ContactSource.graphql
index 83dbaa392..622186048 100644
--- a/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/ContactSource.graphql
+++ b/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/ContactSource.graphql
@@ -1,6 +1,7 @@
 query ContactSource($accountListId: ID!, $contactId: ID!) {
   contact(accountListId: $accountListId, id: $contactId) {
     id
+    name
     source
     addresses {
       nodes {
diff --git a/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/DeleteContactModal.tsx b/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/DeleteContactModal.tsx
index d6c2bdba5..762f63ce4 100644
--- a/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/DeleteContactModal.tsx
+++ b/src/components/Contacts/ContactDetails/ContactDetailsHeader/DeleteContactModal/DeleteContactModal.tsx
@@ -4,6 +4,7 @@ import {
   CircularProgress,
   DialogActions,
   DialogContent,
+  Link,
   List,
   ListItem,
   ListItemIcon,
@@ -55,6 +56,7 @@ export const DeleteContactModal: React.FC<DeleteContactModalProps> = ({
     skip: !open && !contactId,
   });
   const contactSources = data?.contact;
+  const contactName = data?.contact?.name;
 
   const dataInfo: DataInfo = useMemo(() => {
     if (!contactSources) {
@@ -136,7 +138,6 @@ export const DeleteContactModal: React.FC<DeleteContactModalProps> = ({
               )}
             </Typography>
             <br />
-            <br />
             <Typography variant="h6">{t('Data sources:')}</Typography>
             <List dense={true}>
               {!!dataInfo.contactSource && (
@@ -187,6 +188,21 @@ export const DeleteContactModal: React.FC<DeleteContactModalProps> = ({
                 </ListItem>
               )}
             </List>
+            <br />
+            <Typography>
+              <Link
+                href={`mailto:${
+                  process.env.DONATION_SERVICES_EMAIL
+                }?subject=Request+contact+deletion&body=${encodeURIComponent(
+                  `Dear Donation Services,\n\Please could you remove the following contacts: ${contactName} ` +
+                    '\n\nThanks,\n\n',
+                )}`}
+                underline="hover"
+                sx={{ fontWeight: 'bold' }}
+              >
+                {t('Email Donation Services here')}
+              </Link>
+            </Typography>
           </>
         )}
       </DialogContent>
diff --git a/src/components/Contacts/ContactDetails/ContactDetailsTab/Mailing/EditContactAddressModal/EditContactAddressModal.tsx b/src/components/Contacts/ContactDetails/ContactDetailsTab/Mailing/EditContactAddressModal/EditContactAddressModal.tsx
index cd518145b..01c4a5e3c 100644
--- a/src/components/Contacts/ContactDetails/ContactDetailsTab/Mailing/EditContactAddressModal/EditContactAddressModal.tsx
+++ b/src/components/Contacts/ContactDetails/ContactDetailsTab/Mailing/EditContactAddressModal/EditContactAddressModal.tsx
@@ -236,7 +236,9 @@ export const EditContactAddressModal: React.FC<
                         {emailData && (
                           <p>
                             <Link
-                              href={`mailto:donation.services@cru.org?subject=Donor+address+change&body=${encodeURIComponent(
+                              href={`mailto:${
+                                process.env.DONATION_SERVICES_EMAIL
+                              }?subject=Donor+address+change&body=${encodeURIComponent(
                                 generateEmailBody(emailData, address),
                               )}`}
                               underline="hover"