Update appointments

app/(dashboard)/patients/[id]/AppointmentForm.tsx

@@ -9,10 +9,6 @@
 import { type ComponentProps } from 'react'
 import { z } from 'zod'
 import { type Appointment } from '@/app/(dashboard)/patients/utils'
-import {
-  FHIRAppointmentStatus,
-  stringifyAppointmentStatus,
-} from '@/modules/firebase/models/medication'
 import { Button } from '@/packages/design-system/src/components/Button'
 import { DatePicker } from '@/packages/design-system/src/components/DatePicker'
 import {
@@ -21,23 +17,16 @@
   DialogHeader,
   DialogTitle,
 } from '@/packages/design-system/src/components/Dialog'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/packages/design-system/src/components/Select'
+import { Input } from '@/packages/design-system/src/components/Input'
 import { Textarea } from '@/packages/design-system/src/components/Textarea'
 import { Field } from '@/packages/design-system/src/forms/Field'
 import { useForm } from '@/packages/design-system/src/forms/useForm'
 
 export const appointmentFormSchema = z.object({
-  status: z.nativeEnum(FHIRAppointmentStatus),
   start: z.date(),
-  end: z.date(),
   comment: z.string().nullable(),
   patientInstruction: z.string().nullable(),
+  providerName: z.string(),
 })
 
 export type AppointmentFormSchema = z.infer<typeof appointmentFormSchema>
@@ -55,11 +44,10 @@
   const form = useForm({
     formSchema: appointmentFormSchema,
     defaultValues: {
-      status: appointment?.status,
       start: appointment ? new Date(appointment.start) : undefined,
-      end: appointment ? new Date(appointment.end) : undefined,
       comment: appointment?.comment ?? null,
       patientInstruction: appointment?.patientInstruction ?? null,
+      providerName: appointment?.providerName ?? '',
     },
   })
 
@@ -69,25 +57,6 @@
 
   return (
     <form onSubmit={handleSubmit}>
-      <Field
-        control={form.control}
-        name="status"
-        label="Status"
-        render={({ field }) => (
-          <Select onValueChange={field.onChange} {...field}>
-            <SelectTrigger>
-              <SelectValue placeholder="Status" />
-            </SelectTrigger>
-            <SelectContent>
-              {Object.values(FHIRAppointmentStatus).map((status) => (
-                <SelectItem key={status} value={status}>
-                  {stringifyAppointmentStatus(status)}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-        )}
-      />
       <Field
         control={form.control}
         name="start"
@@ -105,18 +74,9 @@
       />
       <Field
         control={form.control}
-        name="end"
-        label="End"
-        render={({ field }) => (
-          <DatePicker
-            mode="single"
-            selected={field.value}
-            onSelect={(date) => field.onChange(date)}
-            defaultMonth={field.value}
-            fromDate={new Date()}
-            showTimePicker
-          />
-        )}
+        name="providerName"
+        label="Provider"
+        render={({ field }) => <Input {...field} />}
       />
       <Field
         control={form.control}

app/(dashboard)/patients/[id]/Appointments.tsx

@@ -16,7 +16,6 @@
   AppointmentsData,
   Appointment,
 } from '@/app/(dashboard)/patients/utils'
-import { stringifyAppointmentStatus } from '@/modules/firebase/models/medication'
 import { Button } from '@/packages/design-system/src/components/Button'
 import {
   DataTable,
@@ -42,18 +41,14 @@
         header: 'Created',
         cell: dateColumn,
       }),
-      columnHelper.accessor('status', {
-        header: 'Status',
-        cell: (props) => stringifyAppointmentStatus(props.getValue()),
+      columnHelper.accessor('providerName', {
+        header: 'Provider name',
+        cell: (props) => props.getValue(),
       }),
       columnHelper.accessor('start', {
         header: 'Start',
         cell: dateTimeColumn,
       }),
-      columnHelper.accessor('end', {
-        header: 'End',
-        cell: dateTimeColumn,
-      }),
       columnHelper.display({
         id: 'actions',
         cell: (props) => (

app/(dashboard)/patients/actions.tsx

@@ -7,16 +7,19 @@
 //
 'use server'
 import { addDoc, deleteDoc, setDoc } from '@firebase/firestore'
+import { addHours } from 'date-fns'
 import { revalidatePath } from 'next/cache'
 import { type AllergyFormSchema } from '@/app/(dashboard)/patients/[id]/AllergyForm'
 import { type AppointmentFormSchema } from '@/app/(dashboard)/patients/[id]/AppointmentForm'
 import { type LabFormSchema } from '@/app/(dashboard)/patients/[id]/LabForm'
 import { getUnitOfObservationType } from '@/app/(dashboard)/patients/clientUtils'
 import { getAuthenticatedOnlyApp } from '@/modules/firebase/guards'
 import { AllergyType } from '@/modules/firebase/models/allergy'
+import { ExtensionURL } from '@/modules/firebase/models/baseTypes'
 import {
   FHIRAllergyIntoleranceCriticality,
   FHIRAllergyIntoleranceType,
+  FHIRAppointmentStatus,
   FHIRObservationStatus,
 } from '@/modules/firebase/models/medication'
 import {
@@ -193,13 +196,28 @@
   return 'success'
 }
 
-const getAppointmentData = (payload: AppointmentFormSchema) => ({
-  status: payload.status,
+const getAppointmentData = (
+  payload: AppointmentFormSchema & { userId: string },
+) => ({
+  status: FHIRAppointmentStatus.booked,
   start: payload.start.toISOString(),
-  end: payload.end.toISOString(),
+  end: addHours(payload.start, 1).toISOString(),
   comment: payload.comment,
   patientInstruction: payload.patientInstruction,
-  participant: [],
+  extension: [
+    { url: ExtensionURL.providerName, valueString: payload.providerName },
+  ],
+  participant: [
+    {
+      actor: {
+        display: null,
+        type: null,
+        identifier: null,
+        reference: `users/${payload.userId}`,
+      },
+      type: null,
+    },
+  ],
 })
 
 export const createAppointment = async (
@@ -238,7 +256,7 @@
       appointmentId: payload.appointmentId,
     }),
     getAppointmentData(payload),
-    { mergeFields: ['created'] },
+    { merge: true },
   )
   revalidatePath(routes.patients.patient(payload.userId))
   return 'success'

app/(dashboard)/patients/utils.ts

@@ -9,6 +9,7 @@
 import { query, where } from 'firebase/firestore'
 import { getAuthenticatedOnlyApp } from '@/modules/firebase/guards'
 import { AllergyType } from '@/modules/firebase/models/allergy'
+import { ExtensionURL } from '@/modules/firebase/models/baseTypes'
 import {
   type FHIRAllergyIntolerance,
   FHIRAllergyIntoleranceCriticality,
@@ -205,9 +206,15 @@
   resourceType: ResourceType
 }) => {
   const { refs } = await getAuthenticatedOnlyApp()
-  const appointments = await getDocsData(
+  const rawAppointments = await getDocsData(
     refs.appointments({ userId, resourceType }),
   )
+  const appointments = rawAppointments.map((appointment) => ({
+    ...appointment,
+    providerName: appointment.extension?.find(
+      (extension) => extension.url === (ExtensionURL.providerName as string),
+    )?.valueString,
+  }))
   return { appointments, userId, resourceType }
 }
 

modules/firebase/models/baseTypes.ts

@@ -31,6 +31,11 @@
   valueQuantities?: FHIRSimpleQuantity[]
   valueReference?: FHIRReference<unknown>
   valueMedicationRequest?: FHIRMedicationRequest
+  valueString?: string
+}
+
+export enum ExtensionURL {
+  providerName = 'http://engagehf.bdh.stanford.edu/fhir/StructureDefinition/Appointment/extension/providerName',
 }
 
 export interface FHIRPeriod {
@@ -53,10 +58,10 @@
 //
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export interface FHIRReference<T> {
-  reference?: string
-  type?: string
-  identifier?: string
-  display?: string
+  reference?: string | null
+  type?: string | null
+  identifier?: string | null
+  display?: string | null
 }
 
 export interface FHIRSimpleQuantity {

modules/firebase/models/medication.ts

@@ -5,8 +5,6 @@
 //
 // SPDX-License-Identifier: MIT
 //
-
-import { startCase } from 'es-toolkit'
 import {
   type FHIRSimpleQuantity,
   type FHIRCodeableConcept,
@@ -15,6 +13,7 @@ import {
   type FHIRReference,
   type FHIRPeriod,
   type FHIRResource,
+  type FHIRExtension,
 } from './baseTypes.js'
 
 export interface FHIRMedication extends FHIRElement {
@@ -125,10 +124,8 @@ export enum FHIRAppointmentStatus {
   waitlist = 'waitlist',
 }
 
-export const stringifyAppointmentStatus = (status: FHIRAppointmentStatus) =>
-  startCase(status)
-
 export interface FHIRAppointment {
+  extension?: FHIRExtension[]
   status: FHIRAppointmentStatus
   created: string
   start: string