vintasend 0.4.0 → 0.4.7

package/dist/examples/vintasend-medplum-example/src/pages/messages/MessagesPage.test.tsx

@@ -0,0 +1,103 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { MantineProvider } from '@mantine/core';
+import { Notifications } from '@mantine/notifications';
+import type { Communication } from '@medplum/fhirtypes';
+import type { WithId } from '@medplum/core';
+import { HomerSimpson, MockClient } from '@medplum/mock';
+import { MedplumProvider } from '@medplum/react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { MemoryRouter } from 'react-router';
+import { describe, expect, test, vi, beforeEach } from 'vitest';
+import { MessagesPage } from './MessagesPage';
+
+vi.mock('@medplum/react-hooks', async () => {
+  const actual = await vi.importActual('@medplum/react-hooks');
+  return {
+    ...actual,
+    useSubscription: vi.fn(),
+  };
+});
+
+describe('MessagesPage', () => {
+  let medplum: MockClient;
+
+  beforeEach(async () => {
+    medplum = new MockClient();
+    vi.clearAllMocks();
+  });
+
+  const setup = (messageId?: string): void => {
+    const path = messageId ? `/Communication/${messageId}` : '/Communication';
+    render(
+      <MemoryRouter initialEntries={[path]}>
+        <MedplumProvider medplum={medplum}>
+          <MantineProvider>
+            <Notifications />
+            <MessagesPage />
+          </MantineProvider>
+        </MedplumProvider>
+      </MemoryRouter>
+    );
+  };
+
+  test('shows empty state when messageId is not in URL', async () => {
+    setup();
+
+    await waitFor(() => {
+      expect(screen.getByText('In progress')).toBeInTheDocument();
+    });
+
+    expect(screen.getByText('Select a message from the list to view details')).toBeInTheDocument();
+  });
+
+  test('attempts to load thread when messageId is in URL', async () => {
+    const mockCommunication: Communication = {
+      resourceType: 'Communication',
+      id: 'comm-123',
+      status: 'in-progress',
+      topic: { text: 'Test Topic' },
+      subject: { reference: `Patient/${HomerSimpson.id}` },
+    };
+
+    const lastMessage: Communication = {
+      resourceType: 'Communication',
+      id: 'last-msg-123',
+      status: 'in-progress',
+      partOf: [{ reference: `Communication/${mockCommunication.id}` }],
+      sent: '2024-01-01T12:00:00Z',
+      payload: [{ contentString: 'Last message' }],
+    };
+
+    vi.spyOn(medplum, 'search').mockResolvedValue({
+      resourceType: 'Bundle',
+      type: 'searchset',
+      total: 1,
+      entry: [{ resource: mockCommunication as WithId<Communication> }],
+    });
+
+    vi.spyOn(medplum, 'graphql').mockResolvedValue({
+      data: {
+        thread_comm123: [lastMessage],
+      },
+    } as any);
+
+    vi.spyOn(medplum, 'readResource').mockResolvedValue(mockCommunication as WithId<Communication>);
+
+    setup('comm-123');
+
+    await waitFor(
+      () => {
+        expect(screen.getByText('In progress')).toBeInTheDocument();
+      },
+      { timeout: 3000 }
+    );
+
+    await waitFor(
+      () => {
+        expect(screen.getByText('Test Topic')).toBeInTheDocument();
+      },
+      { timeout: 3000 }
+    );
+  });
+});

package/dist/examples/vintasend-medplum-example/src/pages/messages/MessagesPage.tsx

@@ -0,0 +1,78 @@
+// 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>
+  );
+}

package/dist/examples/vintasend-medplum-example/src/pages/patient/CommunicationTab.test.tsx

@@ -0,0 +1,84 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { MantineProvider } from '@mantine/core';
+import { Notifications } from '@mantine/notifications';
+import type { Communication } from '@medplum/fhirtypes';
+import { HomerSimpson, MockClient } from '@medplum/mock';
+import { MedplumProvider } from '@medplum/react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { MemoryRouter, Routes, Route } from 'react-router';
+import * as reactRouter from 'react-router';
+import { describe, expect, test, vi, beforeEach } from 'vitest';
+import { CommunicationTab } from './CommunicationTab';
+
+vi.mock('@medplum/react-hooks', async () => {
+  const actual = await vi.importActual('@medplum/react-hooks');
+  return {
+    ...actual,
+    useSubscription: vi.fn(),
+  };
+});
+
+describe('CommunicationTab', () => {
+  let medplum: MockClient;
+  let useNavigateSpy: ReturnType<typeof vi.spyOn>;
+  let useParamsSpy: ReturnType<typeof vi.spyOn>;
+
+  beforeEach(async () => {
+    medplum = new MockClient();
+    vi.clearAllMocks();
+    useNavigateSpy = vi.spyOn(reactRouter, 'useNavigate');
+    useParamsSpy = vi.spyOn(reactRouter, 'useParams');
+  });
+
+  const setup = (url: string): ReturnType<typeof render> => {
+    return render(
+      <MemoryRouter initialEntries={[url]}>
+        <MedplumProvider medplum={medplum}>
+          <MantineProvider>
+            <Notifications />
+            <Routes>
+              <Route path="/Patient/:patientId/Communication/:messageId?" element={<CommunicationTab />} />
+            </Routes>
+          </MantineProvider>
+        </MedplumProvider>
+      </MemoryRouter>
+    );
+  };
+
+  test('Renders ThreadInbox component', async () => {
+    setup(`/Patient/${HomerSimpson.id}/Communication`);
+
+    await waitFor(() => {
+      expect(screen.getByText('In progress')).toBeInTheDocument();
+    });
+
+    expect(useParamsSpy).toHaveBeenCalled();
+    expect(useNavigateSpy).toHaveBeenCalled();
+  });
+
+  test('Renders ThreadInbox with patient query', async () => {
+    setup(`/Patient/${HomerSimpson.id}/Communication`);
+
+    await waitFor(() => {
+      expect(screen.getByText('In progress')).toBeInTheDocument();
+    });
+  });
+
+  test('Attempts to load thread when messageId is in URL', async () => {
+    const mockCommunication: Communication = {
+      resourceType: 'Communication',
+      id: 'message-123',
+      status: 'in-progress',
+      subject: { reference: `Patient/${HomerSimpson.id}` },
+    };
+
+    await medplum.createResource(mockCommunication);
+
+    setup(`/Patient/${HomerSimpson.id}/Communication/message-123`);
+
+    await waitFor(() => {
+      expect(screen.getByText('In progress')).toBeInTheDocument();
+    });
+  });
+});

package/dist/examples/vintasend-medplum-example/src/pages/patient/CommunicationTab.tsx

@@ -0,0 +1,82 @@
+// 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 { ThreadInbox } from '../../components/messages/ThreadInbox';
+import { useLocation, useNavigate, useParams } from 'react-router';
+import { useEffect, useMemo } from 'react';
+import { formatSearchQuery, Operator } from '@medplum/core';
+import type { SearchRequest } from '@medplum/core';
+import { normalizeCommunicationSearch } from '../../utils/communication-search';
+
+export function CommunicationTab(): JSX.Element {
+  const { patientId, messageId } = useParams();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const patientRef = `Patient/${patientId}`;
+
+  const currentSearch = useMemo(() => (location.search ? location.search.substring(1) : ''), [location.search]);
+
+  const params = useMemo(() => new URLSearchParams(currentSearch), [currentSearch]);
+
+  const hasPatient = params.has('patient');
+
+  const { normalizedSearch, parsedSearch } = useMemo(() => {
+    const entries = Array.from(params.entries());
+    if (!hasPatient) {
+      entries.push(['patient', patientRef]);
+    }
+    const searchWithPatient = new URLSearchParams(entries).toString();
+    return normalizeCommunicationSearch({
+      search: searchWithPatient,
+    });
+  }, [hasPatient, params, patientRef]);
+
+  useEffect(() => {
+    if (normalizedSearch !== currentSearch) {
+      const prefix = normalizedSearch ? `?${normalizedSearch}` : '';
+      navigate(`/Patient/${patientId}/Communication${prefix}`, { replace: true })?.catch(console.error);
+    }
+  }, [currentSearch, navigate, normalizedSearch, patientId]);
+
+  const onChange = (search: SearchRequest): void => {
+    navigate(`/Patient/${patientId}/Communication${formatSearchQuery(search)}`)?.catch(console.error);
+  };
+
+  const getThreadUri = (topic: Communication): string => {
+    return `/Patient/${patientId}/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 = `/Patient/${patientId}/Communication${formatSearchQuery(buildStatusSearch('in-progress'))}`;
+  const completedUri = `/Patient/${patientId}/Communication${formatSearchQuery(buildStatusSearch('completed'))}`;
+
+  const onNew = (message: Communication): void => {
+    navigate(getThreadUri(message))?.catch(console.error);
+  };
+
+  return (
+    <div style={{ height: `calc(100vh - 98px)` }}>
+      <ThreadInbox
+        threadId={messageId}
+        query={formatSearchQuery(parsedSearch).substring(1)}
+        subject={{ reference: patientRef }}
+        showPatientSummary={false}
+        onNew={onNew}
+        getThreadUri={getThreadUri}
+        onChange={onChange}
+        inProgressUri={inProgressUri}
+        completedUri={completedUri}
+      />
+    </div>
+  );
+}