Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { Stack, Text } from '@mantine/core'; import { showNotification } from '@mantine/notifications'; import { createReference, normalizeErrorString, normalizeOperationOutcome } from '@medplum/core'; import type { OperationOutcome, Patient, Resource, ResourceType } from '@medplum/fhirtypes'; import { Document, Loading, useMedplum } from '@medplum/react'; import { useEffect, useState } from 'react'; import type { JSX } from 'react'; import { useNavigate, useParams } from 'react-router'; import { ResourceFormWithRequiredProfile } from '../../components/ResourceFormWithRequiredProfile'; import { usePatient } from '../../hooks/usePatient'; import { prependPatientPath } from '../patient/PatientPage.utils'; import { RESOURCE_PROFILE_URLS } from './utils'; const PatientReferencesElements: Partial<Record<ResourceType, string[]>> = { Task: ['for'], MedicationRequest: ['subject'], ServiceRequest: ['subject'], Device: ['patient'], DiagnosticReport: ['subject'], DocumentReference: ['subject'], Appointment: ['participant.actor'], CarePlan: ['subject'], }; function getDefaultValue(resourceType: ResourceType, patient: Patient | undefined): Partial<Resource> { const dv = { resourceType } as Partial<Resource>; const refKeys = PatientReferencesElements[resourceType]; if (patient && refKeys) { for (const key of refKeys) { const keyParts = key.split('.'); if (keyParts.length === 1) { (dv as any)[key] = createReference(patient); } else if (keyParts.length === 2) { const [first, second] = keyParts; (dv as any)[first] = [{ [second]: createReference(patient) }]; } else { throw new Error('Can only process keys with one or two parts'); } } } return dv; } function getResourceTypeFromPath(pathname: string): ResourceType | undefined { const pathParts = pathname.split('/'); if (pathParts.length >= 3 && pathParts[2] === 'new') { return pathParts[1] as ResourceType; } return undefined; } export function ResourceCreatePage(): JSX.Element { const medplum = useMedplum(); const [outcome, setOutcome] = useState<OperationOutcome | undefined>(); const patient = usePatient({ ignoreMissingPatientId: true, setOutcome }); const navigate = useNavigate(); const params = useParams() as { patientId?: string; resourceType?: ResourceType }; const resourceType = params.resourceType || getResourceTypeFromPath(location.pathname); const patientId = params.patientId; const [loadingPatient, setLoadingPatient] = useState(Boolean(patientId)); const [defaultValue, setDefaultValue] = useState<Partial<Resource>>(() => { if (!resourceType) { return {}; } return getDefaultValue(resourceType, patient); }); const profileUrl = resourceType && RESOURCE_PROFILE_URLS[resourceType]; useEffect(() => { if (patient && resourceType) { setDefaultValue(getDefaultValue(resourceType, patient)); } setLoadingPatient(false); }, [patient, resourceType]); const handleSubmit = (newResource: Resource): void => { if (outcome) { setOutcome(undefined); } medplum .createResource(newResource) .then((result) => navigate(prependPatientPath(patient, '/' + result.resourceType + '/' + result.id))) .catch((err) => { if (setOutcome) { setOutcome(normalizeOperationOutcome(err)); } showNotification({ color: 'red', message: normalizeErrorString(err), autoClose: false, styles: { description: { whiteSpace: 'pre-line' } }, }); }); }; if (loadingPatient) { return <Loading />; } return ( <Document shadow="xs"> <Stack> <Text fw={500}>New&nbsp;{resourceType}</Text> <ResourceFormWithRequiredProfile defaultValue={defaultValue} onSubmit={handleSubmit} outcome={outcome} profileUrl={profileUrl} /> </Stack> </Document> ); }