MPDX-7935 add mailing address

[dr-bizz]

Description

In this PR, I added a model for adding a mailing address, cleaned up the add button, and made some improvements to AddAddressModal, which I then did on EditContactAddressModal. I've also added tests for editing, deleting, and adding an address.

I also cleaned up the FixMailingAddress component, switched the modal state props to separate state values, and refactored the modal open/close handling.

Checklist:

• I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
• I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
• I have requested a review from another person on the project

[github-actions]

Bundle sizes [mpdx-react]

Compared against a9d552f

Route	Size (gzipped)	Diff
/accountLists/[accountListId]/tools/fixMailingAddresses	167.55 KB	+1008 B

Dynamic import	Size (gzipped)	Diff
../src/components/Contacts/ContactDetails/ContactDetailsTab/DynamicContactDetailsTab.tsx -> ./ContactDetailsTab	66.39 KB	+2.43 KB
../src/components/Contacts/ContactDetails/ContactDetailsTab/Mailing/AddAddressModal/DynamicAddAddressModal.tsx -> ./AddAddressModal	3.75 KB	added
../src/components/Contacts/ContactDetails/ContactDetailsTab/Mailing/EditContactAddressModal/DynamicEditContactAddressModal.tsx -> ./EditContactAddressModal	no change	added

[caleballdrin]

@dr-bizz The code looks good! Now that you have the add address button you can remove the "MPDX" text. Could you also align the button with the address boxes?

[caleballdrin]

I also noticed that Tnt Imported addresses have a lock next to them. They should show an edit pen icon because they are editable.

[dr-bizz]

I also noticed that Tnt Imported addresses have a lock next to them. They should show an edit pen icon because they are editable.

I don't think they should be editable, as they weren't before on the old MPDX. I think this is due to ensuring TNT is the only place people can update their info if it's imported from TNT.
Only is the source is MPDX, can it be edited on MPDX.

[caleballdrin]

I don't think they should be editable, as they weren't before on the old MPDX. I think this is due to ensuring TNT is the only place people can update their info if it's imported from TNT. Only is the source is MPDX, can it be edited on MPDX.

@dr-bizz Tnt addresses are editable in the old MPDX, it just also incorrectly shows a lock. There is no automatic update from Tnt like there is for Google and Siebel. Tnt import is more similar to a csv import where it is a one-time upload of data and then users will want to be able to edit that data in MPDX rather than going back to the csv/tnt file to re-import.

[dr-bizz]

I don't think they should be editable, as they weren't before on the old MPDX. I think this is due to ensuring TNT is the only place people can update their info if it's imported from TNT. Only is the source is MPDX, can it be edited on MPDX.

@dr-bizz Tnt addresses are editable in the old MPDX, it just also incorrectly shows a lock. There is no automatic update from Tnt like there is for Google and Siebel. Tnt import is more similar to a csv import where it is a one-time upload of data and then users will want to be able to edit that data in MPDX rather than going back to the csv/tnt file to re-import.

@caleballdrin Fixed

[caleballdrin]

@dr-bizz I'm pretty sure Tnt is different than DataServer. If you look at Pedros account you can see my contact was imported from Tnt.

[caleballdrin]

Nice work!

[caleballdrin]

@dr-bizz Can you remove this? "MPDX" is still showing up across from the "Add Address" button. See my screenshot above.