// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
// SPDX-License-Identifier: Apache-2.0
import type { Communication } from '@medplum/fhirtypes';
import type { JSX } from 'react';
import { useLocation, useNavigate, useParams } from 'react-router';
import { ThreadInbox } from '../../components/messages/ThreadInbox';
import classes from './MessagesPage.module.css';
import { formatSearchQuery, Operator } from '@medplum/core';
import type { SearchRequest } from '@medplum/core';
import { useEffect, useMemo } from 'react';
import { normalizeCommunicationSearch } from '../../utils/communication-search';
/**
* Fetches
* @returns A React component that displays all Threads/Topics.
*/
export function MessagesPage(): JSX.Element {
const { messageId } = useParams();
const navigate = useNavigate();
const location = useLocation();
const currentSearch = useMemo(() => (location.search ? location.search.substring(1) : ''), [location.search]);
const { normalizedSearch, parsedSearch } = useMemo(
() =>
normalizeCommunicationSearch({
search: currentSearch,
}),
[currentSearch]
);
useEffect(() => {
const isDetailView = Boolean(messageId);
if (!isDetailView && normalizedSearch !== currentSearch) {
const prefix = normalizedSearch ? `?${normalizedSearch}` : '';
navigate(`/Communication${prefix}`, { replace: true })?.catch(console.error);
}
}, [currentSearch, navigate, normalizedSearch, messageId]);
const onChange = (search: SearchRequest): void => {
navigate(`/Communication${formatSearchQuery(search)}`)?.catch(console.error);
};
const getThreadUri = (topic: Communication): string => {
return `/Communication/${topic.id}${formatSearchQuery(parsedSearch)}`;
};
const buildStatusSearch = (value: Communication['status']): SearchRequest => {
const otherFilters = parsedSearch.filters?.filter((f) => f.code !== 'status') || [];
const newFilters = [...otherFilters, { code: 'status', operator: Operator.EQUALS, value }];
return {
...parsedSearch,
filters: newFilters,
offset: 0,
};
};
const inProgressUri = `/Communication${formatSearchQuery(buildStatusSearch('in-progress'))}`;
const completedUri = `/Communication${formatSearchQuery(buildStatusSearch('completed'))}`;
const onNew = (message: Communication): void => {
navigate(getThreadUri(message))?.catch(console.error);
};
return (
<div className={classes.container}>
<ThreadInbox
threadId={messageId}
query={formatSearchQuery(parsedSearch).substring(1)}
showPatientSummary={true}
onNew={onNew}
getThreadUri={getThreadUri}
onChange={onChange}
inProgressUri={inProgressUri}
completedUri={completedUri}
/>
</div>
);
}
