vintasend 0.4.0 → 0.4.7

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

@@ -0,0 +1,37 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { Box } from '@mantine/core';
+import { showNotification } from '@mantine/notifications';
+import { normalizeErrorString } from '@medplum/core';
+import { useDoseSpotIFrame } from '@medplum/dosespot-react';
+import type { JSX } from 'react';
+import { useParams } from 'react-router';
+import { DoseSpotAdvancedOptions } from './DoseSpotAdvancedOptions';
+
+export function DoseSpotTab(): JSX.Element {
+  const { patientId } = useParams();
+  const iframeUrl = useDoseSpotIFrame({
+    patientId,
+    onPatientSyncSuccess: () => showNotification({ color: 'green', title: 'Success', message: 'Patient sync success' }),
+    onIframeSuccess: () => showNotification({ color: 'green', title: 'Success', message: 'DoseSpot iframe success' }),
+    onError: (err) => showNotification({ color: 'red', title: 'Error', message: normalizeErrorString(err) }),
+  });
+
+  return (
+    <Box pos="relative">
+      {patientId && <DoseSpotAdvancedOptions patientId={patientId} />}
+
+      <div>
+        {iframeUrl && (
+          <iframe
+            id="dosespot-iframe"
+            name="dosespot-iframe"
+            frameBorder={0}
+            src={iframeUrl}
+            style={{ width: '100%', height: '100%', minHeight: 'calc(100vh)', border: 'none' }}
+          ></iframe>
+        )}
+      </div>
+    </Box>
+  );
+}

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

@@ -0,0 +1,140 @@
+// 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 { loadDataType } from '@medplum/core';
+import type { StructureDefinition } from '@medplum/fhirtypes';
+import { HomerSimpson, 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 { MemoryRouter, Routes, Route } from 'react-router';
+import * as reactRouter from 'react-router';
+import { describe, expect, test, vi, beforeEach, beforeAll } from 'vitest';
+import { EditTab } from './EditTab';
+
+describe('EditTab', () => {
+  let medplum: MockClient;
+  let navigateSpy: ReturnType<typeof vi.fn>;
+
+  beforeAll(() => {
+    // Load a minimal US Core Patient profile schema for tests
+    const usCorePatientProfile: StructureDefinition = {
+      resourceType: 'StructureDefinition',
+      id: 'us-core-patient',
+      url: 'http://hl7.org/fhir/us/core/StructureDefinition/us-core-patient',
+      name: 'USCorePatientProfile',
+      status: 'active',
+      kind: 'resource',
+      abstract: false,
+      type: 'Patient',
+      baseDefinition: 'http://hl7.org/fhir/StructureDefinition/Patient',
+      derivation: 'constraint',
+      snapshot: {
+        element: [
+          {
+            id: 'Patient',
+            path: 'Patient',
+            definition: 'US Core Patient Profile',
+          },
+        ],
+      },
+    };
+    loadDataType(usCorePatientProfile);
+  });
+
+  beforeEach(async () => {
+    medplum = new MockClient();
+    vi.clearAllMocks();
+    navigateSpy = vi.fn();
+    vi.spyOn(reactRouter, 'useNavigate').mockReturnValue(navigateSpy as any);
+    // Mock requestProfileSchema to resolve successfully
+    vi.spyOn(medplum, 'requestProfileSchema').mockResolvedValue(undefined);
+  });
+
+  const setup = (url: string): ReturnType<typeof render> => {
+    return render(
+      <MemoryRouter initialEntries={[url]}>
+        <MedplumProvider medplum={medplum}>
+          <MantineProvider>
+            <Notifications />
+            <Routes>
+              <Route path="/Patient/:patientId/edit" element={<EditTab />} />
+            </Routes>
+          </MantineProvider>
+        </MedplumProvider>
+      </MemoryRouter>
+    );
+  };
+
+  const getUpdateButton = async (): Promise<HTMLElement> => {
+    await waitFor(
+      () => {
+        const buttons = screen.getAllByRole('button');
+        const updateButton = buttons.find((btn) => btn.textContent === 'Update');
+        expect(updateButton).toBeInTheDocument();
+      },
+      { timeout: 3000 }
+    );
+
+    const buttons = screen.getAllByRole('button');
+    const updateButton = buttons.find((btn) => btn.textContent === 'Update');
+    if (!updateButton) {
+      throw new Error('Update button not found');
+    }
+    return updateButton;
+  };
+
+  test('Loads patient data', async () => {
+    const readResourceSpy = vi.spyOn(medplum, 'readResource');
+    setup(`/Patient/${HomerSimpson.id}/edit`);
+
+    await waitFor(() => {
+      expect(readResourceSpy).toHaveBeenCalledWith('Patient', HomerSimpson.id);
+    });
+  });
+
+  test('Submit updates patient and navigates', async () => {
+    const user = userEvent.setup();
+    setup(`/Patient/${HomerSimpson.id}/edit`);
+
+    const updateButton = await getUpdateButton();
+
+    vi.spyOn(medplum, 'updateResource').mockResolvedValue(HomerSimpson as any);
+    await user.click(updateButton);
+
+    await waitFor(() => {
+      expect(medplum.updateResource).toHaveBeenCalled();
+      expect(screen.getByText('Success')).toBeInTheDocument();
+      expect(navigateSpy).toHaveBeenCalledWith(`/Patient/${HomerSimpson.id}/timeline`);
+    });
+  });
+
+  test('Handles update error', async () => {
+    const user = userEvent.setup();
+    setup(`/Patient/${HomerSimpson.id}/edit`);
+
+    const updateButton = await getUpdateButton();
+
+    const error = new Error('Failed to update patient');
+    vi.spyOn(medplum, 'updateResource').mockRejectedValue(error);
+
+    await user.click(updateButton);
+
+    await waitFor(() => {
+      expect(medplum.updateResource).toHaveBeenCalled();
+      expect(screen.getByText(/failed to update patient/i)).toBeInTheDocument();
+    });
+  });
+
+  test('Handles load error', async () => {
+    vi.spyOn(medplum, 'readResource').mockRejectedValue(new Error('Patient not found'));
+
+    setup('/Patient/non-existent/edit');
+
+    await waitFor(() => {
+      expect(medplum.readResource).toHaveBeenCalled();
+      expect(screen.getByText(/patient not found/i)).toBeInTheDocument();
+    });
+  });
+});

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

@@ -0,0 +1,72 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { Anchor } from '@mantine/core';
+import { showNotification } from '@mantine/notifications';
+import { deepClone, normalizeErrorString, normalizeOperationOutcome } from '@medplum/core';
+import type { OperationOutcome, Resource } from '@medplum/fhirtypes';
+import { Document, useMedplum } from '@medplum/react';
+import { useCallback, useEffect, useState } from 'react';
+import type { JSX } from 'react';
+import { useNavigate, useParams } from 'react-router';
+import { ResourceFormWithRequiredProfile } from '../../components/ResourceFormWithRequiredProfile';
+import { RESOURCE_PROFILE_URLS } from '../resource/utils';
+
+const missingProfileMessage = RESOURCE_PROFILE_URLS.Patient ? (
+  <>
+    Could not find the{' '}
+    <Anchor href={RESOURCE_PROFILE_URLS.Patient} target="_blank">
+      US Core Patient Profile
+    </Anchor>
+  </>
+) : undefined;
+
+export function EditTab(): JSX.Element | null {
+  const medplum = useMedplum();
+  const { patientId } = useParams() as { patientId: string };
+  const [value, setValue] = useState<Resource | undefined>();
+  const navigate = useNavigate();
+  const [outcome, setOutcome] = useState<OperationOutcome | undefined>();
+
+  useEffect(() => {
+    medplum
+      .readResource('Patient', patientId)
+      .then((resource) => setValue(deepClone(resource)))
+      .catch((err) => {
+        setOutcome(normalizeOperationOutcome(err));
+        showNotification({ color: 'red', message: normalizeErrorString(err), autoClose: false });
+      });
+  }, [medplum, patientId]);
+
+  const handleSubmit = useCallback(
+    (newResource: Resource): void => {
+      setOutcome(undefined);
+      medplum
+        .updateResource(newResource)
+        .then(() => {
+          navigate(`/Patient/${patientId}/timeline`)?.catch(console.error);
+          showNotification({ color: 'green', message: 'Success' });
+        })
+        .catch((err) => {
+          setOutcome(normalizeOperationOutcome(err));
+          showNotification({ color: 'red', message: normalizeErrorString(err), autoClose: false });
+        });
+    },
+    [medplum, navigate, patientId]
+  );
+
+  if (!value) {
+    return null;
+  }
+
+  return (
+    <Document>
+      <ResourceFormWithRequiredProfile
+        missingProfileMessage={missingProfileMessage}
+        defaultValue={value}
+        onSubmit={handleSubmit}
+        outcome={outcome}
+        profileUrl={RESOURCE_PROFILE_URLS.Patient}
+      />
+    </Document>
+  );
+}

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

@@ -0,0 +1,57 @@
+// 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 * as medplumReact from '@medplum/react';
+import { render, waitFor } from '@testing-library/react';
+import { MemoryRouter, Routes, Route } from 'react-router';
+import { describe, expect, test, vi, beforeEach } from 'vitest';
+import { ExportTab } from './ExportTab';
+
+describe('ExportTab', () => {
+  let medplum: MockClient;
+  let patientExportFormSpy: ReturnType<typeof vi.spyOn>;
+
+  beforeEach(async () => {
+    medplum = new MockClient();
+    vi.clearAllMocks();
+    patientExportFormSpy = vi.spyOn(medplumReact, 'PatientExportForm');
+  });
+
+  const setup = (url: string): ReturnType<typeof render> => {
+    return render(
+      <MemoryRouter initialEntries={[url]}>
+        <medplumReact.MedplumProvider medplum={medplum}>
+          <MantineProvider>
+            <Notifications />
+            <Routes>
+              <Route path="/Patient/:patientId/export" element={<ExportTab />} />
+            </Routes>
+          </MantineProvider>
+        </medplumReact.MedplumProvider>
+      </MemoryRouter>
+    );
+  };
+
+  test('Renders PatientExportForm', async () => {
+    setup(`/Patient/${HomerSimpson.id}/export`);
+
+    await waitFor(() => {
+      expect(patientExportFormSpy).toHaveBeenCalled();
+    });
+  });
+
+  test('Passes correct patient reference to PatientExportForm', async () => {
+    setup(`/Patient/${HomerSimpson.id}/export`);
+
+    await waitFor(() => {
+      expect(patientExportFormSpy).toHaveBeenCalledWith(
+        expect.objectContaining({
+          patient: { reference: `Patient/${HomerSimpson.id}` },
+        }),
+        undefined
+      );
+    });
+  });
+});

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

@@ -0,0 +1,14 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { Document, PatientExportForm } from '@medplum/react';
+import type { JSX } from 'react';
+import { useParams } from 'react-router';
+
+export function ExportTab(): JSX.Element | null {
+  const { patientId } = useParams();
+  return (
+    <Document maw={600}>
+      <PatientExportForm patient={{ reference: `Patient/${patientId}` }} />
+    </Document>
+  );
+}

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

@@ -0,0 +1,241 @@
+// 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 type { Questionnaire } from '@medplum/fhirtypes';
+import { act, cleanup, 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, afterEach } from 'vitest';
+import { IntakeFormPage } from './IntakeFormPage';
+
+const simpleQuestionnaire: Questionnaire = {
+  resourceType: 'Questionnaire',
+  status: 'active',
+  title: 'Simple Test Questionnaire',
+  item: [
+    {
+      linkId: 'demographics',
+      text: 'Demographics',
+      type: 'group',
+      item: [
+        {
+          linkId: 'first-name',
+          text: 'First Name',
+          type: 'string',
+          required: true,
+        },
+        {
+          linkId: 'last-name',
+          text: 'Last Name',
+          type: 'string',
+          required: true,
+        },
+        {
+          linkId: 'ssn',
+          text: 'Social Security Number',
+          type: 'string',
+          required: true,
+        },
+        {
+          linkId: 'gender-identity',
+          text: 'Gender Identity',
+          type: 'choice',
+          answerValueSet: 'http://example.com/gender',
+          required: true,
+        },
+      ],
+    },
+    {
+      linkId: 'emergency-contact',
+      text: 'Emergency Contact',
+      type: 'group',
+      item: [
+        {
+          linkId: 'emergency-contact-first-name',
+          text: 'First Name',
+          type: 'string',
+        },
+      ],
+    },
+  ],
+};
+
+describe('IntakeFormPage', () => {
+  let medplum: MockClient;
+  let navigateSpy: ReturnType<typeof vi.fn>;
+  let renderResult: ReturnType<typeof render> | null = null;
+
+  beforeEach(() => {
+    cleanup();
+    medplum = new MockClient();
+    vi.clearAllMocks();
+    navigateSpy = vi.fn();
+    vi.spyOn(reactRouter, 'useNavigate').mockReturnValue(navigateSpy as any);
+    renderResult = null;
+
+    // Use mockImplementation with immediate resolution to avoid async timing issues
+    medplum.valueSetExpand = vi.fn().mockImplementation(() =>
+      Promise.resolve({
+        resourceType: 'ValueSet',
+        expansion: {
+          contains: [{ system: 'test', code: 'test-code', display: 'Test Display' }],
+        },
+      })
+    );
+  });
+
+  afterEach(() => {
+    if (renderResult) {
+      renderResult.unmount();
+      renderResult = null;
+    }
+    cleanup();
+    vi.restoreAllMocks();
+  });
+
+  const setup = async (skipValueSetCheck = true, questionnaire?: Questionnaire): Promise<void> => {
+    await act(async () => {
+      render(
+        <MemoryRouter initialEntries={['/onboarding']}>
+          <MedplumProvider medplum={medplum}>
+            <MantineProvider>
+              <Notifications />
+              <Routes>
+                <Route
+                  path="/onboarding"
+                  element={<IntakeFormPage skipValueSetCheck={skipValueSetCheck} questionnaire={questionnaire} />}
+                />
+              </Routes>
+            </MantineProvider>
+          </MedplumProvider>
+        </MemoryRouter>
+      );
+    });
+  };
+
+  test('Renders questionnaire form with all sections', async () => {
+    await setup(true, simpleQuestionnaire);
+
+    await waitFor(
+      () => {
+        expect(screen.getByText('Simple Test Questionnaire')).toBeInTheDocument();
+      },
+      { timeout: 10000 }
+    );
+
+    await waitFor(
+      () => {
+        expect(screen.getByText('Demographics')).toBeInTheDocument();
+        expect(screen.getByText('Emergency Contact')).toBeInTheDocument();
+      },
+      { timeout: 10000 }
+    );
+  });
+
+  test('Shows alert when value sets are unavailable', async () => {
+    medplum.valueSetExpand = vi.fn().mockImplementation(async (params: { url: string }) => {
+      if (params.url === 'http://example.com/gender') {
+        throw new Error('Value set not available');
+      }
+      return {
+        resourceType: 'ValueSet',
+        expansion: { contains: [] },
+      };
+    });
+
+    await setup(false, simpleQuestionnaire);
+
+    await waitFor(
+      () => {
+        expect(screen.getByText('Simple Test Questionnaire')).toBeInTheDocument();
+      },
+      { timeout: 10000 }
+    );
+
+    await waitFor(
+      () => {
+        const alert = screen.queryByText(/Some valuesets are unavailable/i);
+        if (alert) {
+          expect(alert).toBeInTheDocument();
+        }
+      },
+      { timeout: 10000 }
+    );
+  });
+
+  test('Renders required demographic fields', async () => {
+    await setup(true, simpleQuestionnaire);
+
+    await waitFor(
+      () => {
+        expect(screen.getByText('Simple Test Questionnaire')).toBeInTheDocument();
+      },
+      { timeout: 10000 }
+    );
+
+    await waitFor(
+      () => {
+        expect(screen.queryByText(/Loading/i)).not.toBeInTheDocument();
+      },
+      { timeout: 10000 }
+    );
+
+    await waitFor(
+      () => {
+        const firstNameInputs = screen.getAllByRole('textbox', { name: /First Name/i });
+        expect(firstNameInputs.length).toBeGreaterThan(0);
+      },
+      { timeout: 10000 }
+    );
+
+    const firstNameInputs = screen.getAllByRole('textbox', { name: /First Name/i });
+    expect(firstNameInputs[0]).toBeInTheDocument();
+
+    const lastNameInputs = screen.getAllByRole('textbox', { name: /Last Name/i });
+    expect(lastNameInputs.length).toBeGreaterThan(0);
+    expect(lastNameInputs[0]).toBeInTheDocument();
+
+    expect(screen.getByRole('textbox', { name: /Social Security Number/i })).toBeInTheDocument();
+    const genderIdentityLabels = screen.getAllByText(/Gender Identity/i);
+    expect(genderIdentityLabels.length).toBeGreaterThan(0);
+  });
+
+  test('Renders demographic group section', async () => {
+    await setup(true, simpleQuestionnaire);
+
+    await waitFor(
+      () => {
+        expect(screen.getByText('Demographics')).toBeInTheDocument();
+      },
+      { timeout: 10000 }
+    );
+
+    await waitFor(
+      () => {
+        expect(screen.queryByText(/Loading/i)).not.toBeInTheDocument();
+      },
+      { timeout: 10000 }
+    );
+
+    await waitFor(
+      () => {
+        const firstNameInputs = screen.getAllByRole('textbox', { name: /First Name/i });
+        expect(firstNameInputs.length).toBeGreaterThan(0);
+      },
+      { timeout: 10000 }
+    );
+
+    const firstNameInputs = screen.getAllByRole('textbox', { name: /First Name/i });
+    expect(firstNameInputs.length).toBeGreaterThan(0);
+
+    const lastNameInputs = screen.getAllByRole('textbox', { name: /Last Name/i });
+    expect(lastNameInputs.length).toBeGreaterThan(0);
+
+    expect(screen.getByRole('textbox', { name: /Social Security Number/i })).toBeInTheDocument();
+    const genderIdentityLabels = screen.getAllByText(/Gender Identity/i);
+    expect(genderIdentityLabels.length).toBeGreaterThan(0);
+  });
+});