vintasend 0.4.0 → 0.4.7

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

@@ -0,0 +1,364 @@
+// 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 { MockClient } from '@medplum/mock';
+import { MedplumProvider } from '@medplum/react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test, vi, beforeEach } from 'vitest';
+import { DoseSpotAdvancedOptions } from './DoseSpotAdvancedOptions';
+
+describe('DoseSpotAdvancedOptions', () => {
+  let medplum: MockClient;
+
+  beforeEach(() => {
+    medplum = new MockClient();
+    vi.clearAllMocks();
+  });
+
+  const setup = (patientId: string): ReturnType<typeof render> => {
+    return render(
+      <MedplumProvider medplum={medplum}>
+        <MantineProvider>
+          <Notifications />
+          <DoseSpotAdvancedOptions patientId={patientId} />
+        </MantineProvider>
+      </MedplumProvider>
+    );
+  };
+
+  test('Renders Advanced Options button', async () => {
+    setup('patient-123');
+
+    await waitFor(() => {
+      expect(screen.getByText('Advanced Options')).toBeInTheDocument();
+    });
+  });
+
+  test('Opens modal when Advanced Options button is clicked', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    await waitFor(() => {
+      expect(screen.getByText('Advanced Options')).toBeInTheDocument();
+    });
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Advanced DoseSpot Options')).toBeInTheDocument();
+    });
+  });
+
+  test('Renders all sync sections in modal', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Prescriptions Sync')).toBeInTheDocument();
+      expect(screen.getByText('Medication History Sync')).toBeInTheDocument();
+      expect(screen.getByText('Patient Information Sync')).toBeInTheDocument();
+    });
+  });
+
+  test('Sync Prescriptions button calls executeBot', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    vi.spyOn(medplum, 'executeBot').mockResolvedValue({} as any);
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Sync Prescriptions')).toBeInTheDocument();
+    });
+
+    const syncButton = screen.getByText('Sync Prescriptions');
+    await user.click(syncButton);
+
+    await waitFor(() => {
+      expect(medplum.executeBot).toHaveBeenCalled();
+      expect(screen.getByText('Prescriptions synced successfully')).toBeInTheDocument();
+    });
+  });
+
+  test('Sync History button calls executeBot', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    vi.spyOn(medplum, 'executeBot').mockResolvedValue({} as any);
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Sync History')).toBeInTheDocument();
+    });
+
+    const syncButton = screen.getByText('Sync History');
+    await user.click(syncButton);
+
+    await waitFor(() => {
+      expect(medplum.executeBot).toHaveBeenCalled();
+      expect(screen.getByText('History synced successfully')).toBeInTheDocument();
+    });
+  });
+
+  test('Sync Patient button calls executeBot', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    vi.spyOn(medplum, 'executeBot').mockResolvedValue({} as any);
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Sync Patient')).toBeInTheDocument();
+    });
+
+    const syncButton = screen.getByText('Sync Patient');
+    await user.click(syncButton);
+
+    await waitFor(() => {
+      expect(medplum.executeBot).toHaveBeenCalled();
+      expect(screen.getByText('Patient sync success')).toBeInTheDocument();
+    });
+  });
+
+  test('Handles sync error', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const error = new Error('Sync failed');
+    vi.spyOn(medplum, 'executeBot').mockRejectedValue(error);
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Sync Prescriptions')).toBeInTheDocument();
+    });
+
+    const syncButton = screen.getByText('Sync Prescriptions');
+    await user.click(syncButton);
+
+    await waitFor(() => {
+      expect(medplum.executeBot).toHaveBeenCalled();
+      expect(screen.getByText(/sync failed/i)).toBeInTheDocument();
+    });
+  });
+
+  test('Handles history sync error', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const error = new Error('History sync failed');
+    vi.spyOn(medplum, 'executeBot').mockRejectedValue(error);
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Sync History')).toBeInTheDocument();
+    });
+
+    const syncButton = screen.getByText('Sync History');
+    await user.click(syncButton);
+
+    await waitFor(() => {
+      expect(medplum.executeBot).toHaveBeenCalled();
+      expect(screen.getByText(/History sync failed/i)).toBeInTheDocument();
+    });
+  });
+
+  test('Handles patient sync error', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const error = new Error('Patient sync failed');
+    vi.spyOn(medplum, 'executeBot').mockRejectedValue(error);
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Sync Patient')).toBeInTheDocument();
+    });
+
+    const syncButton = screen.getByText('Sync Patient');
+    await user.click(syncButton);
+
+    await waitFor(() => {
+      expect(medplum.executeBot).toHaveBeenCalled();
+    });
+
+    // Error notification should appear - use getAllByText for multiple matches
+    await waitFor(() => {
+      const errorTexts = screen.getAllByText(/error/i);
+      expect(errorTexts.length).toBeGreaterThan(0);
+    });
+  });
+
+  test('Can change prescription start date', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Prescriptions Sync')).toBeInTheDocument();
+    });
+
+    const startDateInputs = screen.getAllByLabelText('Start Date');
+    const prescriptionStartInput = startDateInputs[0];
+
+    await user.clear(prescriptionStartInput);
+    await user.type(prescriptionStartInput, '2024-01-01');
+
+    expect(prescriptionStartInput).toHaveValue('2024-01-01');
+  });
+
+  test('Can change prescription end date', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Prescriptions Sync')).toBeInTheDocument();
+    });
+
+    const endDateInputs = screen.getAllByLabelText('End Date');
+    const prescriptionEndInput = endDateInputs[0];
+
+    await user.clear(prescriptionEndInput);
+    await user.type(prescriptionEndInput, '2024-12-31');
+
+    expect(prescriptionEndInput).toHaveValue('2024-12-31');
+  });
+
+  test('Can change history start date', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Medication History Sync')).toBeInTheDocument();
+    });
+
+    const startDateInputs = screen.getAllByLabelText('Start Date');
+    const historyStartInput = startDateInputs[1];
+
+    await user.clear(historyStartInput);
+    await user.type(historyStartInput, '2023-06-01');
+
+    expect(historyStartInput).toHaveValue('2023-06-01');
+  });
+
+  test('Can change history end date', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Medication History Sync')).toBeInTheDocument();
+    });
+
+    const endDateInputs = screen.getAllByLabelText('End Date');
+    const historyEndInput = endDateInputs[1];
+
+    await user.clear(historyEndInput);
+    await user.type(historyEndInput, '2023-12-31');
+
+    expect(historyEndInput).toHaveValue('2023-12-31');
+  });
+
+  test('Modal can be opened and viewed', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Advanced DoseSpot Options')).toBeInTheDocument();
+    });
+
+    // Verify modal content
+    expect(screen.getByText('Prescriptions Sync')).toBeInTheDocument();
+    expect(screen.getByText('Medication History Sync')).toBeInTheDocument();
+    expect(screen.getByText('Patient Information Sync')).toBeInTheDocument();
+  });
+
+  test('Prescription sync has date inputs', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Prescriptions Sync')).toBeInTheDocument();
+    });
+
+    // Verify date inputs exist for prescriptions sync
+    const startDateInputs = screen.getAllByLabelText('Start Date');
+    const endDateInputs = screen.getAllByLabelText('End Date');
+
+    expect(startDateInputs.length).toBeGreaterThan(0);
+    expect(endDateInputs.length).toBeGreaterThan(0);
+  });
+
+  test('Renders description texts for each sync section', async () => {
+    const user = userEvent.setup();
+    setup('patient-123');
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText(/Fetches recently completed and active prescriptions/i)).toBeInTheDocument();
+      expect(screen.getByText(/Retrieves medication history from DoseSpot/i)).toBeInTheDocument();
+      expect(screen.getByText(/Syncs patient between Medplum and DoseSpot/i)).toBeInTheDocument();
+    });
+  });
+
+  test('Sync buttons call executeBot with correct parameters', async () => {
+    const user = userEvent.setup();
+    setup('test-patient-id');
+
+    vi.spyOn(medplum, 'executeBot').mockResolvedValue({} as any);
+
+    const button = screen.getByText('Advanced Options');
+    await user.click(button);
+
+    await waitFor(() => {
+      expect(screen.getByText('Sync Patient')).toBeInTheDocument();
+    });
+
+    const syncButton = screen.getByText('Sync Patient');
+    await user.click(syncButton);
+
+    await waitFor(() => {
+      expect(medplum.executeBot).toHaveBeenCalledWith(
+        expect.anything(),
+        expect.objectContaining({
+          patientId: 'test-patient-id',
+        })
+      );
+    });
+  });
+});

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

@@ -0,0 +1,149 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { Box, Button, Group, Modal, Stack, Text, TextInput } from '@mantine/core';
+import { showNotification } from '@mantine/notifications';
+import { normalizeErrorString } from '@medplum/core';
+import {
+  DOSESPOT_MEDICATION_HISTORY_BOT,
+  DOSESPOT_PATIENT_SYNC_BOT,
+  DOSESPOT_PRESCRIPTIONS_SYNC_BOT,
+} from '@medplum/dosespot-react';
+import { useMedplum } from '@medplum/react-hooks';
+import { IconSettings } from '@tabler/icons-react';
+import { useCallback, useState } from 'react';
+import type { JSX } from 'react';
+
+export function DoseSpotAdvancedOptions({ patientId }: { patientId: string }): JSX.Element {
+  const medplum = useMedplum();
+  const [prescriptionStartDate, setPrescriptionStartDate] = useState<string>(new Date().toISOString().split('T')[0]);
+  const [prescriptionEndDate, setPrescriptionEndDate] = useState<string>(new Date().toISOString().split('T')[0]);
+  const [historyStartDate, setHistoryStartDate] = useState<string>(new Date().toISOString().split('T')[0]);
+  const [historyEndDate, setHistoryEndDate] = useState<string>(new Date().toISOString().split('T')[0]);
+  const [showAdvanced, setShowAdvanced] = useState(false);
+
+  const syncPrescriptions = useCallback(async () => {
+    if (!prescriptionStartDate || !prescriptionEndDate) {
+      showNotification({ color: 'red', title: 'Error', message: 'Please select both start and end dates' });
+      return;
+    }
+
+    try {
+      await medplum.executeBot(DOSESPOT_PRESCRIPTIONS_SYNC_BOT, {
+        patientId,
+        start: prescriptionStartDate,
+        end: prescriptionEndDate,
+      });
+      showNotification({ color: 'green', title: 'Success', message: 'Prescriptions synced successfully' });
+    } catch (err) {
+      showNotification({ color: 'red', title: 'Error', message: normalizeErrorString(err) });
+    }
+  }, [medplum, patientId, prescriptionStartDate, prescriptionEndDate]);
+
+  const syncHistory = useCallback(async () => {
+    try {
+      await medplum.executeBot(DOSESPOT_MEDICATION_HISTORY_BOT, {
+        patientId,
+        start: historyStartDate,
+        end: historyEndDate,
+      });
+      showNotification({ color: 'green', title: 'Success', message: 'History synced successfully' });
+    } catch (err) {
+      showNotification({ color: 'red', title: 'Error', message: normalizeErrorString(err) });
+    }
+  }, [medplum, patientId, historyStartDate, historyEndDate]);
+
+  const syncPatient = useCallback(async () => {
+    try {
+      await medplum.executeBot(DOSESPOT_PATIENT_SYNC_BOT, {
+        patientId,
+      });
+      showNotification({ color: 'green', title: 'Success', message: 'Patient sync success' });
+    } catch (err) {
+      showNotification({ color: 'red', title: 'Error', message: normalizeErrorString(err) });
+    }
+  }, [medplum, patientId]);
+
+  return (
+    <>
+      <Group style={{ position: 'absolute', top: 8, right: 8, zIndex: 100 }}>
+        <Button variant="subtle" size="sm" onClick={() => setShowAdvanced(true)}>
+          <IconSettings size={16} style={{ marginRight: 8 }} />
+          Advanced Options
+        </Button>
+      </Group>
+
+      <Modal
+        opened={showAdvanced}
+        onClose={() => setShowAdvanced(false)}
+        size="lg"
+        title="Advanced DoseSpot Options"
+        styles={{
+          title: {
+            fontSize: '1.5rem',
+            fontWeight: 600,
+          },
+        }}
+      >
+        <Box>
+          <Stack>
+            <Box>
+              <Text mb="sm">Prescriptions Sync</Text>
+              <Text c="dimmed" mb="md">
+                Fetches recently completed and active prescriptions from DoseSpot for the specified date range and
+                patient. This will create or update MedicationRequest resources.
+              </Text>
+              <Group align="flex-end">
+                <TextInput
+                  label="Start Date"
+                  type="date"
+                  value={prescriptionStartDate}
+                  onChange={(e) => setPrescriptionStartDate(e.target.value)}
+                />
+                <TextInput
+                  label="End Date"
+                  type="date"
+                  value={prescriptionEndDate}
+                  onChange={(e) => setPrescriptionEndDate(e.target.value)}
+                />
+                <Button onClick={syncPrescriptions}>Sync Prescriptions</Button>
+              </Group>
+            </Box>
+
+            <Box mt="md">
+              <Text mb="sm">Medication History Sync</Text>
+              <Text c="dimmed" mb="md">
+                Retrieves medication history from DoseSpot for this patient and adds MedicationRequest resources to
+                Medplum.
+              </Text>
+              <Group align="flex-end">
+                <TextInput
+                  label="Start Date"
+                  type="date"
+                  value={historyStartDate}
+                  onChange={(e) => setHistoryStartDate(e.target.value)}
+                />
+                <TextInput
+                  label="End Date"
+                  type="date"
+                  value={historyEndDate}
+                  onChange={(e) => setHistoryEndDate(e.target.value)}
+                />
+                <Button onClick={syncHistory}>Sync History</Button>
+              </Group>
+            </Box>
+
+            <Box mt="md">
+              <Text mb="sm">Patient Information Sync</Text>
+              <Text c="dimmed" mb="md">
+                Syncs patient between Medplum and DoseSpot. It creates an identifier for the patient in Medplum to link
+                it to the patient's record in DoseSpot. It also adds MedicationRequest and AllergyIntolerance resources
+                from Medplum to that patient's record in DoseSpot.
+              </Text>
+              <Button onClick={syncPatient}>Sync Patient</Button>
+            </Box>
+          </Stack>
+        </Box>
+      </Modal>
+    </>
+  );
+}

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

@@ -0,0 +1,159 @@
+// 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 { HomerSimpson, MockClient } from '@medplum/mock';
+import { MedplumProvider } from '@medplum/react';
+import { render, screen, waitFor, act } from '@testing-library/react';
+import { MemoryRouter, Routes, Route } from 'react-router';
+import { describe, expect, test, vi, beforeEach } from 'vitest';
+import { DoseSpotTab } from './DoseSpotTab';
+import { useDoseSpotIFrame } from '@medplum/dosespot-react';
+
+// Mock useDoseSpotIFrame
+vi.mock('@medplum/dosespot-react', () => ({
+  useDoseSpotIFrame: vi.fn(() => 'https://dosespot.example.com/iframe'),
+  DOSESPOT_MEDICATION_HISTORY_BOT: { reference: 'Bot/med-history' },
+  DOSESPOT_PATIENT_SYNC_BOT: { reference: 'Bot/patient-sync' },
+  DOSESPOT_PRESCRIPTIONS_SYNC_BOT: { reference: 'Bot/prescriptions-sync' },
+}));
+
+describe('DoseSpotTab', () => {
+  let medplum: MockClient;
+
+  beforeEach(async () => {
+    medplum = new MockClient();
+    vi.clearAllMocks();
+  });
+
+  const setup = (url: string): ReturnType<typeof render> => {
+    return render(
+      <MemoryRouter initialEntries={[url]}>
+        <MedplumProvider medplum={medplum}>
+          <MantineProvider>
+            <Notifications />
+            <Routes>
+              <Route path="/Patient/:patientId/dosespot" element={<DoseSpotTab />} />
+            </Routes>
+          </MantineProvider>
+        </MedplumProvider>
+      </MemoryRouter>
+    );
+  };
+
+  test('Renders DoseSpotAdvancedOptions when patientId is present', async () => {
+    setup(`/Patient/${HomerSimpson.id}/dosespot`);
+
+    await waitFor(() => {
+      expect(screen.getByText('Advanced Options')).toBeInTheDocument();
+    });
+  });
+
+  test('Renders iframe when iframeUrl is available', async () => {
+    setup(`/Patient/${HomerSimpson.id}/dosespot`);
+
+    await waitFor(() => {
+      const iframe = document.querySelector('iframe#dosespot-iframe');
+      expect(iframe).toBeInTheDocument();
+      expect(iframe).toHaveAttribute('src', 'https://dosespot.example.com/iframe');
+    });
+  });
+
+  test('Does not render iframe when iframeUrl is undefined', async () => {
+    vi.mocked(useDoseSpotIFrame).mockReturnValue(undefined);
+
+    setup(`/Patient/${HomerSimpson.id}/dosespot`);
+
+    await waitFor(() => {
+      const iframe = document.querySelector('iframe#dosespot-iframe');
+      expect(iframe).not.toBeInTheDocument();
+    });
+  });
+
+  test('Calls onPatientSyncSuccess callback and shows notification', async () => {
+    let capturedOptions: any = {};
+
+    vi.mocked(useDoseSpotIFrame).mockImplementation((options) => {
+      capturedOptions = options;
+      return 'https://dosespot.example.com/iframe';
+    });
+
+    setup(`/Patient/${HomerSimpson.id}/dosespot`);
+
+    // Simulate the onPatientSyncSuccess callback being called
+    await act(async () => {
+      capturedOptions.onPatientSyncSuccess?.();
+    });
+
+    await waitFor(() => {
+      expect(screen.getByText('Patient sync success')).toBeInTheDocument();
+    });
+  });
+
+  test('Calls onIframeSuccess callback and shows notification', async () => {
+    let capturedOptions: any = {};
+
+    vi.mocked(useDoseSpotIFrame).mockImplementation((options) => {
+      capturedOptions = options;
+      return 'https://dosespot.example.com/iframe';
+    });
+
+    setup(`/Patient/${HomerSimpson.id}/dosespot`);
+
+    // Simulate the onIframeSuccess callback being called
+    await act(async () => {
+      capturedOptions.onIframeSuccess?.();
+    });
+
+    await waitFor(() => {
+      expect(screen.getByText('DoseSpot iframe success')).toBeInTheDocument();
+    });
+  });
+
+  test('Calls onError callback and shows error notification', async () => {
+    let capturedOptions: any = {};
+
+    vi.mocked(useDoseSpotIFrame).mockImplementation((options) => {
+      capturedOptions = options;
+      return 'https://dosespot.example.com/iframe';
+    });
+
+    setup(`/Patient/${HomerSimpson.id}/dosespot`);
+
+    // Simulate the onError callback being called
+    await act(async () => {
+      capturedOptions.onError?.(new Error('DoseSpot connection failed'));
+    });
+
+    await waitFor(() => {
+      expect(screen.getByText(/DoseSpot connection failed/i)).toBeInTheDocument();
+    });
+  });
+
+  test('Passes correct patientId to useDoseSpotIFrame', async () => {
+    vi.mocked(useDoseSpotIFrame).mockReturnValue('https://dosespot.example.com/iframe');
+
+    setup(`/Patient/custom-patient-id/dosespot`);
+
+    expect(useDoseSpotIFrame).toHaveBeenCalledWith(
+      expect.objectContaining({
+        patientId: 'custom-patient-id',
+      })
+    );
+  });
+
+  test('Iframe has correct attributes', async () => {
+    vi.mocked(useDoseSpotIFrame).mockReturnValue('https://dosespot.example.com/iframe');
+
+    setup(`/Patient/${HomerSimpson.id}/dosespot`);
+
+    await waitFor(() => {
+      const iframe = document.querySelector('iframe#dosespot-iframe') as HTMLIFrameElement;
+      expect(iframe).toBeInTheDocument();
+      expect(iframe.name).toBe('dosespot-iframe');
+      expect(iframe.id).toBe('dosespot-iframe');
+      // Check basic styling is applied
+      expect(iframe.style.minHeight).toBe('calc(100vh)');
+    });
+  });
+});