Support custom providerName for Patients (#105)

# Support custom providerName for Patients

## ♻️ Current situation & Problem
Closes #103 


## ⚙️ Release Notes 
* Support custom providerName for Patients


## ✅ Testing
Tested manually

⚠️ Do not merge this until models are updated to the latest version.


### Code of Conduct & Contributing Guidelines 

By submitting creating this pull request, you agree to follow our [Code
of
Conduct](https://github.com/StanfordBDHG/.github/blob/main/CODE_OF_CONDUCT.md)
and [Contributing
Guidelines](https://github.com/StanfordBDHG/.github/blob/main/CONTRIBUTING.md):
- [x] I agree to follow the [Code of
Conduct](https://github.com/StanfordBDHG/.github/blob/main/CODE_OF_CONDUCT.md)
and [Contributing
Guidelines](https://github.com/StanfordBDHG/.github/blob/main/CONTRIBUTING.md).

package.json

@@ -27,7 +27,7 @@
     "prepush": "npm run lint:fix && tsc --noEmit"
   },
   "dependencies": {
-    "@stanfordbdhg/engagehf-models": "^0.5.0",
+    "@stanfordbdhg/engagehf-models": "^0.6.0",
     "@stanfordspezi/spezi-web-design-system": "^0.3.0",
     "@t3-oss/env-core": "^0.11.1",
     "@tanstack/react-query": "^5.62.0",

routes/~_dashboard/~patients/PatientForm.tsx

@@ -32,6 +32,10 @@ export const patientFormSchema = z.object({
   displayName: z.string(),
   clinician: z.string().min(1, 'Clinician is required'),
   dateOfBirth: z.date().optional(),
+  providerName: z.preprocess(
+    (value) => (value === '' ? null : value),
+    z.string().nullable(),
+  ),
 })
 
 export type PatientFormSchema = z.infer<typeof patientFormSchema>
@@ -43,7 +47,10 @@ interface PatientFormProps {
     email: string | null
   }>
   userInfo?: Pick<UserInfo, 'email' | 'displayName' | 'uid'>
-  user?: Pick<User, 'organization' | 'clinician' | 'dateOfBirth'>
+  user?: Pick<
+    User,
+    'organization' | 'clinician' | 'dateOfBirth' | 'providerName'
+  >
   onSubmit: (data: PatientFormSchema) => Promise<void>
   clinicianPreselectId?: string
 }
@@ -62,6 +69,7 @@ export const PatientForm = ({
       displayName: userInfo?.displayName ?? '',
       clinician: user?.clinician ?? clinicianPreselectId ?? '',
       dateOfBirth: user?.dateOfBirth ? new Date(user.dateOfBirth) : undefined,
+      providerName: user?.providerName ?? '',
     },
   })
 
@@ -114,6 +122,18 @@ export const PatientForm = ({
           </Select>
         )}
       />
+      <Field
+        control={form.control}
+        name="providerName"
+        label="Provider name"
+        tooltip={
+          <div>
+            Displayed as "Provider" of the Health Report. <br />
+            If "Provider name" is not set, assigned clinician will be shown.
+          </div>
+        }
+        render={({ field }) => <Input {...field} value={field.value ?? ''} />}
+      />
       <Button type="submit" isPending={form.formState.isSubmitting}>
         {isEdit ? 'Update' : 'Invite'} patient
       </Button>

routes/~_dashboard/~patients/~$id/~index.tsx

@@ -112,6 +112,7 @@ const PatientPage = () => {
       clinician: form.clinician,
       organization: clinician.organization,
       dateOfBirth: form.dateOfBirth?.toISOString() ?? null,
+      providerName: form.providerName,
     }
     if (resourceType === 'user') {
       await callables.updateUserInformation({

routes/~_dashboard/~patients/~invite.tsx

@@ -39,6 +39,7 @@ const InvitePatientPage = () => {
         clinician: form.clinician,
         organization: clinician.organization,
         dateOfBirth: form.dateOfBirth?.toISOString(),
+        providerName: form.providerName,
       },
     })
     toast.success('Patient has been successfully invited!')