MPDX-7865 Rename Contact Statuses

[caleballdrin]

Description

https://jira.cru.org/secure/RapidBoard.jspa?rapidView=3&view=detail&selectedIssue=MPDX-7865#

• Remove hard-coded statuses
• Create object from StatusEnum with translated name and phase
• Set default status when a contact is created

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

[aws-amplify-us-east-1]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-898.d3dytjb8adxkk5.amplifyapp.com

[dr-bizz]

I left some comments. I know this is still in review, so I didn't highlight everything.

[canac]

I see several TODOs left, but what you have looks pretty good so far!

[canac]

Since it seems that activity is only being used for the useEffect, I think it might be cleaner to remove the activity useState and return a setActivity function. I think it's also better to return an object from the hook instead of a tuple so that it's super clear what each of the members are.

const phaseFromActivity = (
  activity: PhaseTypeEnum | null,
): ContactPhaseData | null => {
  if (activity) {
    return (
      allPhaseData.find((phase) => phase.phase === activity.toLowerCase()) ??
      null
    );
  }

  return null;
};

export const useGetPhaseData = (
  activityId: PhaseTypeEnum | null,
): UseGetPhaseData => {
  const [phaseData, setPhaseData] = useState<ContactPhaseData | null>(
    phaseFromActivity(activityId),
  );

  const setActivity = useCallback((activity: PhaseTypeEnum | null) => {
    setPhaseData(phaseFromActivity(activity));
  }, []);

  return { phaseData, setActivity };
};