vintasend 0.4.0 → 0.4.7

package/dist/examples/vintasend-medplum-example/src/App.tsx

@@ -0,0 +1,185 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { getReferenceString } from '@medplum/core';
+import { AppShell, Loading, Logo, NotificationIcon, useMedplum, useMedplumProfile } from '@medplum/react';
+import {
+  IconApps,
+  IconBook2,
+  IconCalendarEvent,
+  IconClipboardCheck,
+  IconMail,
+  IconUserPlus,
+  IconUsers,
+} from '@tabler/icons-react';
+import type { JSX } from 'react';
+import { Suspense } from 'react';
+import { Navigate, Route, Routes, useLocation, useSearchParams } from 'react-router';
+import { DoseSpotIcon } from './components/DoseSpotIcon';
+import { TaskDetailsModal } from './components/tasks/TaskDetailsModal';
+import { hasDoseSpotIdentifier } from './components/utils';
+import './index.css';
+import { EncounterChartPage } from './pages/encounter/EncounterChartPage';
+import { EncounterModal } from './pages/encounter/EncounterModal';
+import { DoseSpotFavoritesPage } from './pages/integrations/DoseSpotFavoritesPage';
+import { IntegrationsPage } from './pages/integrations/IntegrationsPage';
+import { MessagesPage } from './pages/messages/MessagesPage';
+import { CommunicationTab } from './pages/patient/CommunicationTab';
+import { DoseSpotTab } from './pages/patient/DoseSpotTab';
+import { EditTab } from './pages/patient/EditTab';
+import { ExportTab } from './pages/patient/ExportTab';
+import { IntakeFormPage } from './pages/patient/IntakeFormPage';
+import { LabsPage } from './pages/patient/LabsPage';
+import { PatientPage } from './pages/patient/PatientPage';
+import { PatientSearchPage } from './pages/patient/PatientSearchPage';
+import { TasksTab } from './pages/patient/TasksTab';
+import { TimelineTab } from './pages/patient/TimelineTab';
+import { ResourceCreatePage } from './pages/resource/ResourceCreatePage';
+import { ResourceDetailPage } from './pages/resource/ResourceDetailPage';
+import { ResourceEditPage } from './pages/resource/ResourceEditPage';
+import { ResourceHistoryPage } from './pages/resource/ResourceHistoryPage';
+import { ResourcePage } from './pages/resource/ResourcePage';
+import { SchedulePage } from './pages/schedule/SchedulePage';
+import { SearchPage } from './pages/SearchPage';
+import { SignInPage } from './pages/SignInPage';
+import { SpacesPage } from './pages/spaces/SpacesPage';
+import { TasksPage } from './pages/tasks/TasksPage';
+
+export function App(): JSX.Element | null {
+  const medplum = useMedplum();
+  const profile = useMedplumProfile();
+  const location = useLocation();
+  const [searchParams] = useSearchParams();
+
+  if (medplum.isLoading()) {
+    return null;
+  }
+
+  const membership = medplum.getProjectMembership();
+  const hasDoseSpot = hasDoseSpotIdentifier(membership);
+
+  return (
+    <AppShell
+      logo={<Logo size={24} />}
+      pathname={location.pathname}
+      searchParams={searchParams}
+      menus={
+        profile
+          ? [
+              {
+                links: [
+                  { icon: <IconBook2 />, label: 'Spaces', href: '/Spaces/Communication' },
+                  {
+                    icon: <IconUsers />,
+                    label: 'Patients',
+                    href: '/Patient?_count=20&_fields=name,email,gender&_sort=-_lastUpdated',
+                  },
+                  { icon: <IconCalendarEvent />, label: 'Schedule', href: '/schedule' },
+                  {
+                    icon: (
+                      <NotificationIcon
+                        resourceType="Communication"
+                        countCriteria={`recipient=${getReferenceString(profile)}&status:not=completed&_summary=count`}
+                        subscriptionCriteria={`Communication?recipient=${getReferenceString(profile)}`}
+                        iconComponent={<IconMail />}
+                      />
+                    ),
+                    label: 'Messages',
+                    href: `/Communication?status=in-progress`,
+                  },
+                  {
+                    icon: (
+                      <NotificationIcon
+                        resourceType="Task"
+                        countCriteria={`owner=${getReferenceString(profile)}&status=requested,ready,received,accepted,in-progress,draft&_summary=count`}
+                        subscriptionCriteria={`Task?owner=${getReferenceString(profile)}&status=requested,ready,received,accepted,in-progress,draft`}
+                        iconComponent={<IconClipboardCheck />}
+                      />
+                    ),
+                    label: 'Tasks',
+                    href: `/Task?owner=${getReferenceString(profile)}&_sort=-_lastUpdated&status=requested,ready,received,accepted,in-progress,draft`,
+                  },
+                ],
+              },
+              {
+                title: 'Quick Links',
+                links: [
+                  { icon: <IconUserPlus />, label: 'New Patient', href: '/onboarding' },
+                  { icon: <IconApps />, label: 'Integrations', href: '/integrations' },
+                  ...(hasDoseSpot
+                    ? [{ icon: <DoseSpotIcon />, label: 'DoseSpot', href: '/integrations/dosespot' }]
+                    : []),
+                ],
+              },
+            ]
+          : undefined
+      }
+      resourceTypeSearchDisabled={true}
+    >
+      <Suspense fallback={<Loading />}>
+        <Routes>
+          {profile ? (
+            <>
+              <Route path="/Spaces/Communication" element={<SpacesPage />}>
+                <Route index element={<SpacesPage />} />
+                <Route path=":topicId" element={<SpacesPage />} />
+              </Route>
+              <Route
+                path="/"
+                element={<Navigate to="/Patient?_count=20&_fields=name,email,gender&_sort=-_lastUpdated" replace />}
+              />
+              <Route path="/Patient/new" element={<ResourceCreatePage />} />
+              <Route path="/Patient/:patientId" element={<PatientPage />}>
+                <Route path="Encounter/new" element={<EncounterModal />} />
+                <Route path="Encounter/:encounterId" element={<EncounterChartPage />}>
+                  <Route path="Task/:taskId" element={<TaskDetailsModal />} />
+                </Route>
+                <Route path="edit" element={<EditTab />} />
+                <Route path="Communication" element={<CommunicationTab />} />
+                <Route path="Communication/:messageId" element={<CommunicationTab />} />
+                <Route path="Task" element={<TasksTab />} />
+                <Route path="Task/:taskId" element={<TasksTab />} />
+                {hasDoseSpot && <Route path="dosespot" element={<DoseSpotTab />} />}
+                <Route path="timeline" element={<TimelineTab />} />
+                <Route path="export" element={<ExportTab />} />
+                <Route path="ServiceRequest" element={<LabsPage />} />
+                <Route path="ServiceRequest/:serviceRequestId" element={<LabsPage />} />
+                <Route path=":resourceType" element={<PatientSearchPage />} />
+                <Route path=":resourceType/new" element={<ResourceCreatePage />} />
+                <Route path=":resourceType/:id" element={<ResourcePage />}>
+                  <Route path="" element={<ResourceDetailPage />} />
+                  <Route path="edit" element={<ResourceEditPage />} />
+                  <Route path="history" element={<ResourceHistoryPage />} />
+                </Route>
+                <Route path="" element={<TimelineTab />} />
+              </Route>
+              <Route path="/Communication" element={<MessagesPage />}>
+                <Route index element={<MessagesPage />} />
+                <Route path=":messageId" element={<MessagesPage />} />
+              </Route>
+              <Route path="Task" element={<TasksPage />} />
+              <Route path="Task/:taskId" element={<TasksPage />} />
+              <Route path="/onboarding" element={<IntakeFormPage />} />
+              <Route path="/schedule" element={<SchedulePage />} />
+              <Route path="/signin" element={<SignInPage />} />
+              <Route path="/dosespot" element={<DoseSpotTab />} />
+              <Route path="/integrations" element={<IntegrationsPage />} />
+              <Route path="/:resourceType" element={<SearchPage />} />
+              <Route path="/:resourceType/new" element={<ResourceCreatePage />} />
+              <Route path="/:resourceType/:id" element={<ResourcePage />}>
+                <Route path="" element={<ResourceDetailPage />} />
+                <Route path="edit" element={<ResourceEditPage />} />
+                <Route path="history" element={<ResourceHistoryPage />} />
+              </Route>
+              {hasDoseSpot && <Route path="/integrations/dosespot" element={<DoseSpotFavoritesPage />} />}
+            </>
+          ) : (
+            <>
+              <Route path="/signin" element={<SignInPage />} />
+              <Route path="*" element={<Navigate to="/signin" replace />} />
+            </>
+          )}
+        </Routes>
+      </Suspense>
+    </AppShell>
+  );
+}

package/dist/examples/vintasend-medplum-example/src/components/ChargeItem/ChargeItemList.test.tsx

@@ -0,0 +1,350 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { MantineProvider } from '@mantine/core';
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { MedplumProvider } from '@medplum/react';
+import type { ChargeItem, ChargeItemDefinition, CodeableConcept, Encounter, Patient } from '@medplum/fhirtypes';
+import { MockClient } from '@medplum/mock';
+import { describe, expect, test, beforeEach, vi } from 'vitest';
+import { ChargeItemList } from './ChargeItemList';
+import * as chargeItemsUtils from '../../utils/chargeitems';
+
+const mockPatient: Patient = {
+  resourceType: 'Patient',
+  id: 'patient-123',
+  name: [{ given: ['John'], family: 'Doe' }],
+};
+
+const mockEncounter: Encounter = {
+  resourceType: 'Encounter',
+  id: 'encounter-123',
+  status: 'in-progress',
+  class: {
+    system: 'http://terminology.hl7.org/CodeSystem/v3-ActCode',
+    code: 'AMB',
+  },
+  subject: { reference: 'Patient/patient-123' },
+};
+
+const mockChargeItem: ChargeItem = {
+  resourceType: 'ChargeItem',
+  id: 'charge-123',
+  status: 'billable',
+  subject: { reference: 'Patient/patient-123' },
+  code: {
+    coding: [
+      {
+        system: 'http://www.ama-assn.org/go/cpt',
+        code: '99213',
+        display: 'Office Visit',
+      },
+    ],
+  },
+  priceOverride: {
+    value: 100,
+    currency: 'USD',
+  },
+};
+
+vi.mock('../../utils/chargeitems', () => ({
+  applyChargeItemDefinition: vi.fn(),
+  calculateTotalPrice: vi.fn(),
+}));
+
+describe('ChargeItemList', () => {
+  let medplum: MockClient;
+
+  beforeEach(() => {
+    medplum = new MockClient();
+    vi.clearAllMocks();
+    vi.spyOn(chargeItemsUtils, 'calculateTotalPrice').mockImplementation((items) => {
+      return items.reduce((sum, item) => sum + (item.priceOverride?.value || 0), 0);
+    });
+    vi.spyOn(chargeItemsUtils, 'applyChargeItemDefinition').mockImplementation(async (_, item) => item);
+  });
+
+  const setup = (props: Partial<Parameters<typeof ChargeItemList>[0]> = {}): ReturnType<typeof render> => {
+    return render(
+      <MedplumProvider medplum={medplum}>
+        <MantineProvider>
+          <ChargeItemList
+            patient={mockPatient}
+            encounter={mockEncounter}
+            chargeItems={[]}
+            updateChargeItems={vi.fn()}
+            {...props}
+          />
+        </MantineProvider>
+      </MedplumProvider>
+    );
+  };
+
+  test('renders empty state', () => {
+    setup({ chargeItems: [] });
+    expect(screen.getByText('No charge items available')).toBeInTheDocument();
+    expect(screen.getByText('Add Charge Item')).toBeInTheDocument();
+  });
+
+  test('renders charge items list', () => {
+    setup({ chargeItems: [mockChargeItem] });
+
+    expect(screen.getByText('Charge Items')).toBeInTheDocument();
+    expect(screen.getByText('CPT Code')).toBeInTheDocument();
+    expect(screen.getByDisplayValue('$100.00')).toBeInTheDocument();
+  });
+
+  test('calculates total price', () => {
+    const item2 = { ...mockChargeItem, id: 'charge-456', priceOverride: { value: 50 } };
+    setup({ chargeItems: [mockChargeItem, item2] });
+
+    expect(screen.getByDisplayValue('$150')).toBeInTheDocument();
+  });
+
+  test('deletes charge item', async () => {
+    const updateChargeItems = vi.fn();
+    const user = userEvent.setup();
+
+    vi.spyOn(medplum, 'deleteResource').mockResolvedValue({} as any);
+
+    setup({ chargeItems: [mockChargeItem], updateChargeItems });
+
+    const buttons = screen.getAllByRole('button', { hidden: true });
+    const deleteButton = buttons.find((btn) => btn.getAttribute('aria-haspopup') === 'menu');
+
+    if (!deleteButton) {
+      throw new Error('Delete button not found');
+    }
+
+    await user.click(deleteButton);
+
+    const deleteMenuItem = await screen.findByText('Delete');
+    await user.click(deleteMenuItem);
+
+    await waitFor(() => {
+      expect(medplum.deleteResource).toHaveBeenCalledWith('ChargeItem', 'charge-123');
+      expect(updateChargeItems).toHaveBeenCalledWith([]);
+    });
+  });
+
+  test('opens add charge item modal', async () => {
+    const user = userEvent.setup();
+    setup();
+
+    await user.click(screen.getByText('Add Charge Item'));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog')).toBeInTheDocument();
+    });
+
+    expect(screen.getByText('Add Charge Item', { selector: '.mantine-Modal-title' })).toBeInTheDocument();
+
+    expect(screen.getByText('CPT Code')).toBeInTheDocument();
+    expect(screen.getByText('Charge Item Definition')).toBeInTheDocument();
+
+    expect(screen.getByRole('button', { name: 'Cancel' })).toBeInTheDocument();
+    const addButtons = screen.getAllByRole('button', { name: 'Add Charge Item' });
+    expect(addButtons.length).toBeGreaterThan(1);
+  });
+
+  test('closes modal on cancel', async () => {
+    const user = userEvent.setup();
+    setup();
+
+    await user.click(screen.getByText('Add Charge Item'));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog')).toBeInTheDocument();
+    });
+
+    await user.click(screen.getByRole('button', { name: 'Cancel' }));
+
+    await waitFor(() => {
+      expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
+    });
+  });
+
+  test('displays total calculated price', () => {
+    setup({ chargeItems: [mockChargeItem] });
+
+    expect(screen.getByText('Total Calculated Price to Bill')).toBeInTheDocument();
+    expect(screen.getByDisplayValue('$100')).toBeInTheDocument();
+  });
+
+  test('adds charge item successfully with CPT code and definition', async () => {
+    const user = userEvent.setup();
+    const updateChargeItems = vi.fn();
+    const mockCptCode: CodeableConcept = {
+      coding: [
+        {
+          system: 'http://www.ama-assn.org/go/cpt',
+          code: '99214',
+          display: 'Office Visit Level 4',
+        },
+      ],
+    };
+    const mockDefinition: ChargeItemDefinition & { id: string } = {
+      resourceType: 'ChargeItemDefinition',
+      id: 'def-123',
+      status: 'active',
+      url: 'http://example.com/charge-item-def',
+      title: 'Test Definition',
+    };
+    const newChargeItem: ChargeItem & { id: string } = {
+      resourceType: 'ChargeItem',
+      id: 'charge-new',
+      status: 'planned',
+      subject: { reference: 'Patient/patient-123' },
+      code: mockCptCode,
+    };
+    const appliedChargeItem: ChargeItem & { id: string } = {
+      ...newChargeItem,
+      priceOverride: { value: 200, currency: 'USD' },
+    };
+
+    // Mock valueSetExpand for CPT code search
+    medplum.valueSetExpand = vi.fn().mockResolvedValue({
+      resourceType: 'ValueSet',
+      expansion: {
+        contains: [
+          {
+            system: 'http://www.ama-assn.org/go/cpt',
+            code: '99214',
+            display: 'Office Visit Level 4',
+          },
+        ],
+      },
+    });
+
+    // Mock searchResources for ChargeItemDefinition search
+    vi.spyOn(medplum, 'searchResources').mockResolvedValue([mockDefinition] as any);
+    vi.spyOn(medplum, 'createResource').mockResolvedValue(newChargeItem);
+    vi.spyOn(chargeItemsUtils, 'applyChargeItemDefinition').mockResolvedValue(appliedChargeItem);
+
+    setup({ updateChargeItems });
+
+    // Open modal
+    await user.click(screen.getByText('Add Charge Item'));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog')).toBeInTheDocument();
+    });
+
+    // Find CPT Code input
+    const cptInputs = screen.getAllByRole('searchbox');
+    const cptInput = cptInputs.find((input) => {
+      const label = input.closest('.mantine-InputWrapper-root')?.querySelector('label');
+      return label?.textContent?.includes('CPT Code');
+    }) as HTMLInputElement;
+
+    expect(cptInput).toBeDefined();
+
+    // Type in CPT code input
+    await act(async () => {
+      await user.type(cptInput, '99214');
+    });
+
+    // Wait for valueSetExpand to be called
+    await waitFor(
+      () => {
+        expect(medplum.valueSetExpand).toHaveBeenCalled();
+      },
+      { timeout: 3000 }
+    );
+
+    // Select the CPT code option
+    await act(async () => {
+      fireEvent.keyDown(cptInput, { key: 'ArrowDown', code: 'ArrowDown' });
+      fireEvent.keyDown(cptInput, { key: 'Enter', code: 'Enter' });
+    });
+
+    // Wait for CPT code to be selected (check for selected items or code display)
+    await waitFor(
+      () => {
+        // Check if the code appears in selected items or if the input value changed
+        const selectedItems = document.querySelector('[data-testid="selected-items"]');
+        const hasCode =
+          selectedItems?.textContent?.includes('99214') || selectedItems?.textContent?.includes('Office Visit Level 4');
+        return hasCode === true;
+      },
+      { timeout: 3000 }
+    );
+
+    // Find Charge Item Definition input
+    const definitionInputs = screen.getAllByRole('searchbox');
+    const definitionInput = definitionInputs.find((input) => {
+      const placeholder = (input as HTMLInputElement).placeholder;
+      return placeholder?.toLowerCase().includes('charge item definition');
+    }) as HTMLInputElement;
+
+    expect(definitionInput).toBeDefined();
+
+    // Type in definition input
+    await act(async () => {
+      await user.type(definitionInput, 'Test');
+    });
+
+    // Wait for searchResources to be called
+    await waitFor(
+      () => {
+        expect(medplum.searchResources).toHaveBeenCalledWith(
+          'ChargeItemDefinition',
+          expect.any(URLSearchParams),
+          expect.any(Object)
+        );
+      },
+      { timeout: 3000 }
+    );
+
+    // Select the definition option
+    await act(async () => {
+      fireEvent.keyDown(definitionInput, { key: 'ArrowDown', code: 'ArrowDown' });
+      fireEvent.keyDown(definitionInput, { key: 'Enter', code: 'Enter' });
+    });
+
+    // Wait for definition to be selected and button to be enabled
+    await waitFor(
+      () => {
+        const addButtons = screen.getAllByRole('button', { name: 'Add Charge Item' });
+        const submitButton = addButtons.find((btn) => {
+          const htmlBtn = btn as HTMLButtonElement;
+          return htmlBtn.type === 'button' && !htmlBtn.disabled;
+        });
+        return submitButton !== undefined;
+      },
+      { timeout: 5000 }
+    );
+
+    // Submit the form
+    const addButtons = screen.getAllByRole('button', { name: 'Add Charge Item' });
+    const submitButton = addButtons.find((btn) => {
+      const htmlBtn = btn as HTMLButtonElement;
+      return htmlBtn.type === 'button' && !htmlBtn.disabled;
+    });
+
+    expect(submitButton).toBeDefined();
+    if (submitButton) {
+      await user.click(submitButton);
+
+      // Verify charge item was created
+      await waitFor(() => {
+        expect(medplum.createResource).toHaveBeenCalledWith(
+          expect.objectContaining({
+            resourceType: 'ChargeItem',
+            status: 'planned',
+            code: mockCptCode,
+            definitionCanonical: ['http://example.com/charge-item-def'],
+          })
+        );
+        expect(chargeItemsUtils.applyChargeItemDefinition).toHaveBeenCalled();
+        expect(updateChargeItems).toHaveBeenCalledWith([appliedChargeItem]);
+      });
+
+      // Verify modal closed
+      await waitFor(() => {
+        expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
+      });
+    }
+  });
+});