vintasend 0.4.0 → 0.4.7

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

@@ -0,0 +1,138 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { ActionIcon, Box, Card, Flex, Grid, Menu, Stack, Text, TextInput } from '@mantine/core';
+import { HTTP_HL7_ORG } from '@medplum/core';
+import type { ChargeItem, CodeableConcept, Money } from '@medplum/fhirtypes';
+import { CodeableConceptInput, useMedplum } from '@medplum/react';
+import { IconTrash } from '@tabler/icons-react';
+import { useEffect, useState } from 'react';
+import type { JSX } from 'react';
+import { applyChargeItemDefinition } from '../../utils/chargeitems';
+
+const CHARGE_ITEM_MODIFIER_URL = `${HTTP_HL7_ORG}/fhir/StructureDefinition/chargeitem-modifier`;
+const CPT_CODE_SYSTEM = 'http://www.ama-assn.org/go/cpt';
+
+interface ChargeItemPanelProps {
+  chargeItem: ChargeItem;
+  onChange: (chargeItem: ChargeItem) => void;
+  onDelete: (chargeItem: ChargeItem) => void;
+}
+
+export default function ChargeItemPanel(props: ChargeItemPanelProps): JSX.Element {
+  const { chargeItem, onChange, onDelete } = props;
+  const medplum = useMedplum();
+  const [modifierExtensionValue, setModifierExtensionValue] = useState<CodeableConcept | undefined>();
+  const [cptCodes, setCptCodes] = useState<CodeableConcept>();
+  const [price, setPrice] = useState<Money | undefined>();
+
+  useEffect(() => {
+    setPrice(chargeItem.priceOverride);
+    setModifierExtensionValue(getModifierExtension(chargeItem));
+    const cptCodes = chargeItem?.code?.coding?.filter((coding) => coding.system === CPT_CODE_SYSTEM) ?? [];
+    setCptCodes({ coding: cptCodes });
+  }, [chargeItem]);
+
+  const updateModifiers = async (value: CodeableConcept | undefined): Promise<void> => {
+    if (!value) {
+      const updatedChargeItem = { ...chargeItem };
+      updatedChargeItem.extension = undefined;
+      await updateChargeItem(updatedChargeItem);
+      return;
+    }
+    const updatedChargeItem = { ...chargeItem };
+    updatedChargeItem.extension = updatedChargeItem.extension ? [...updatedChargeItem.extension] : [];
+    const modifierExtension = {
+      url: CHARGE_ITEM_MODIFIER_URL,
+      valueCodeableConcept: value,
+    };
+    const existingIndex = updatedChargeItem.extension.findIndex((ext) => ext.url === CHARGE_ITEM_MODIFIER_URL);
+    if (existingIndex >= 0) {
+      updatedChargeItem.extension[existingIndex] = modifierExtension;
+    } else {
+      updatedChargeItem.extension.push(modifierExtension);
+    }
+    await updateChargeItem(updatedChargeItem);
+  };
+
+  const updateChargeItem = async (updatedChargeItem: ChargeItem): Promise<void> => {
+    await medplum.updateResource(updatedChargeItem);
+    const appliedChargeItem = await applyChargeItemDefinition(medplum, updatedChargeItem);
+    onChange(appliedChargeItem);
+  };
+
+  const deleteChargeItem = async (): Promise<void> => {
+    await medplum.deleteResource('ChargeItem', chargeItem.id as string);
+    onDelete(chargeItem);
+  };
+
+  const getModifierExtension = (item: ChargeItem): CodeableConcept | undefined => {
+    if (item?.extension) {
+      const modifierExtension = item.extension.find((ext) => ext.url === CHARGE_ITEM_MODIFIER_URL);
+      return modifierExtension?.valueCodeableConcept;
+    }
+    return undefined;
+  };
+
+  const cptCodeKey = `cpt-${chargeItem.id}-${JSON.stringify(cptCodes?.coding)}`;
+  const modifierKey = `modifier-${chargeItem.id}-${JSON.stringify(modifierExtensionValue)}`;
+
+  return (
+    <Card withBorder shadow="sm" p={0}>
+      <Stack gap="xs" p="md">
+        <Flex justify="space-between" align="flex-start">
+          <Box flex={1} mr="md" maw="calc(100% - 60px)">
+            <CodeableConceptInput
+              key={cptCodeKey}
+              binding="http://www.ama-assn.org/go/cpt/vs"
+              label="CPT Code"
+              name="cptCode"
+              path="cptCode"
+              defaultValue={cptCodes}
+              readOnly
+              disabled={true}
+            />
+          </Box>
+          <Menu shadow="md" width={200} position="bottom-end">
+            <Menu.Target>
+              <ActionIcon variant="subtle">
+                <IconTrash size={24} />
+              </ActionIcon>
+            </Menu.Target>
+            <Menu.Dropdown>
+              <Menu.Item color="red" leftSection={<IconTrash size={16} />} onClick={deleteChargeItem}>
+                Delete
+              </Menu.Item>
+            </Menu.Dropdown>
+          </Menu>
+        </Flex>
+
+        <CodeableConceptInput
+          key={modifierKey}
+          binding="http://hl7.org/fhir/ValueSet/claim-modifiers"
+          label="Modifiers"
+          name="modifiers"
+          path="modifiers"
+          defaultValue={modifierExtensionValue}
+          onChange={updateModifiers}
+        />
+
+        <Grid columns={12} mt="md">
+          <Grid.Col span={7}>
+            <Flex h="100%" direction="column" justify="flex-end" pt={4}>
+              <Text size="sm" c="dimmed">
+                Price calculated from Price chart, taking into account applied modifiers and patient's selected
+                insurance plan.
+              </Text>
+            </Flex>
+          </Grid.Col>
+          <Grid.Col span={5}>
+            <Text size="sm" fw={500} mb={8}>
+              Calculated Price
+            </Text>
+            <TextInput value={price?.value ? `$${price.value.toFixed(2)}` : 'N/A'} readOnly />
+          </Grid.Col>
+        </Grid>
+      </Stack>
+    </Card>
+  );
+}

package/dist/examples/vintasend-medplum-example/src/components/Conditions/ConditionItem.test.tsx

@@ -0,0 +1,92 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { MantineProvider } from '@mantine/core';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import type { Condition } from '@medplum/fhirtypes';
+import { describe, expect, test, vi } from 'vitest';
+import ConditionItem from './ConditionItem';
+
+const mockCondition: Condition = {
+  resourceType: 'Condition',
+  id: 'condition-123',
+  subject: { reference: 'Patient/patient-123' },
+  code: {
+    coding: [
+      {
+        system: 'http://hl7.org/fhir/sid/icd-10-cm',
+        code: 'J20.9',
+        display: 'Acute bronchitis',
+      },
+    ],
+  },
+};
+
+describe('ConditionItem', () => {
+  const setup = (props: Partial<Parameters<typeof ConditionItem>[0]> = {}): ReturnType<typeof render> => {
+    return render(
+      <MantineProvider>
+        <ConditionItem condition={mockCondition} rank={1} total={3} onChange={vi.fn()} onRemove={vi.fn()} {...props} />
+      </MantineProvider>
+    );
+  };
+
+  test('renders condition display', () => {
+    setup();
+    expect(screen.getByText('Acute bronchitis')).toBeInTheDocument();
+  });
+
+  test('renders rank select with correct value', () => {
+    setup({ rank: 2 });
+    const select = screen.getByRole('textbox');
+    expect(select).toHaveValue('2');
+  });
+
+  test('renders rank select', () => {
+    setup({ rank: 1, total: 5 });
+    const select = screen.getByRole('textbox');
+    expect(select).toBeInTheDocument();
+    expect(select).toHaveValue('1');
+  });
+
+  test('calls onRemove when remove button is clicked', async () => {
+    const onRemove = vi.fn();
+    const user = userEvent.setup();
+    setup({ onRemove });
+
+    const removeButtons = screen.getAllByRole('button', { hidden: true });
+    const removeButton = removeButtons.find((btn) => btn.querySelector('svg'));
+
+    if (!removeButton) {
+      throw new Error('Remove button not found');
+    }
+
+    await user.click(removeButton);
+
+    expect(onRemove).toHaveBeenCalledWith(mockCondition);
+  });
+
+  test('renders empty string when no display text', () => {
+    const conditionWithoutDisplay: Condition = {
+      ...mockCondition,
+      code: {
+        coding: [
+          {
+            system: 'http://hl7.org/fhir/sid/icd-10-cm',
+            code: 'J20.9',
+          },
+        ],
+      },
+    };
+    setup({ condition: conditionWithoutDisplay });
+
+    expect(screen.queryByText('Acute bronchitis')).not.toBeInTheDocument();
+  });
+
+  test('renders remove button', () => {
+    setup();
+    const buttons = screen.getAllByRole('button', { hidden: true });
+    const removeButton = buttons.find((btn) => btn.querySelector('svg'));
+    expect(removeButton).toBeInTheDocument();
+  });
+});

package/dist/examples/vintasend-medplum-example/src/components/Conditions/ConditionItem.tsx

@@ -0,0 +1,47 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import type { Condition } from '@medplum/fhirtypes';
+import { ActionIcon, Select, Group, Flex, Text } from '@mantine/core';
+import { IconX } from '@tabler/icons-react';
+import type { JSX } from 'react';
+
+interface ConditionItemProps {
+  condition: Condition;
+  rank: number;
+  total: number;
+  onChange?: (condition: Condition, value: string) => void;
+  onRemove?: (condition: Condition) => void;
+}
+
+export default function ConditionItem(props: ConditionItemProps): JSX.Element {
+  const { condition, rank, total, onChange, onRemove } = props;
+
+  return (
+    <Flex justify="space-between">
+      <Group>
+        <Group>
+          <Select
+            w={80}
+            value={rank.toString()}
+            data={Array.from({ length: total }, (_, i) => (i + 1).toString())}
+            onChange={(value) => {
+              if (value) {
+                onChange?.(condition, value);
+              }
+            }}
+          />
+          <Text>{condition?.code?.coding?.[0]?.display || ''}</Text>
+        </Group>
+      </Group>
+      <ActionIcon
+        variant="subtle"
+        color="gray"
+        onClick={() => {
+          onRemove?.(condition);
+        }}
+      >
+        <IconX size={16} />
+      </ActionIcon>
+    </Flex>
+  );
+}