Use custom PatientApps component to support extra launch URI params

Author: m0rl

src/containers/PatientDetails/PatientApps/hooks.ts

@@ -0,0 +1,68 @@
+import { Encounter } from 'fhir/r4b';
+
+import { useService } from 'aidbox-react/lib/hooks/service';
+import { success } from 'aidbox-react/lib/libs/remoteData';
+import { extractBundleResources, getFHIRResources as getAidboxResources, WithId } from 'aidbox-react/lib/services/fhir';
+import { mapSuccess, service } from 'aidbox-react/lib/services/service';
+
+import { Client } from '@beda.software/aidbox-types';
+import { matchCurrentUserRole, Role } from '@beda.software/emr/dist/utils/role';
+import config from '@beda.software/emr-config';
+
+export function useSmartApps(encounter?: Encounter) {
+    const [appsRemoteData] = useService(async () => {
+        let clientType = matchCurrentUserRole<string>({
+            [Role.Patient]: () => 'smart-on-fhir-patient',
+            [Role.Admin]: () => 'smart-on-fhir',
+            [Role.Practitioner]: () => 'smart-on-fhir-practitioner',
+            [Role.Receptionist]: () => 'smart-on-fhir-practitioner',
+        });
+        if (encounter) {
+            if (clientType === 'smart-on-fhir-practitioner') {
+                clientType = 'smart-on-fhir-encounter';
+            } else {
+                const mockResonse: Array<WithId<Client>> = [];
+                return success(mockResonse);
+            }
+        }
+        return mapSuccess(
+            await getAidboxResources<Client>('Client', { ['.type']: clientType }),
+            (b) => extractBundleResources(b).Client,
+        );
+    });
+    return { appsRemoteData };
+}
+
+export interface LaunchProps {
+    user: string;
+    client: string;
+    patient: string;
+    practitioner?: string;
+    encounter?: string;
+}
+
+interface LaunchRPCResult {
+    result: {
+        uri: string;
+    };
+}
+
+export async function getLaunchURI({ user, client, patient, practitioner, encounter }: LaunchProps) {
+    return await service<LaunchRPCResult>({
+        url: '/rpc',
+        method: 'POST',
+        data: {
+            method: 'aidbox.smart/get-launch-uri',
+            params: {
+                user,
+                iss: encodeURIComponent(`${config.baseURL}/fhir`),
+                client,
+                ctx: {
+                    patient,
+                    ...(practitioner ? { practitioner } : {}),
+                    ...(encounter ? { encounter } : {}),
+                },
+            },
+        },
+    });
+}

src/containers/PatientDetails/PatientApps/index.tsx

@@ -0,0 +1,87 @@
+import { Button, Card, Typography } from 'antd';
+import { Encounter, Patient } from 'fhir/r4b';
+
+import { RenderRemoteData } from 'aidbox-react/lib/components/RenderRemoteData';
+
+import { Client } from '@beda.software/aidbox-types';
+import { selectCurrentUserRoleResource } from '@beda.software/emr/dist/utils/role';
+import { mapSuccess } from '@beda.software/remote-data';
+
+import { getLaunchURI, LaunchProps, useSmartApps } from './hooks';
+
+const { Text } = Typography;
+
+interface PatientAppsProps {
+    patient: Patient;
+    encounter?: Encounter;
+}
+interface SmartAppProps {
+    patient: Patient;
+    app: Client;
+    encounter?: Encounter;
+}
+
+export function useLaunchApp({ app, patient, encounter }: SmartAppProps) {
+    const currentUser = selectCurrentUserRoleResource();
+    const launchApp = async () => {
+        const launchParams: LaunchProps = {
+            client: app.id!,
+            user: currentUser.id,
+            patient: patient.id!,
+            encounter: encounter?.id,
+        };
+        if (currentUser.resourceType === 'Practitioner') {
+            launchParams.practitioner = currentUser.id;
+        }
+        mapSuccess(await getLaunchURI(launchParams), (launchURI) => {
+            switch (app.id) {
+                case 'aus-cvd-risk-i':
+                    window.location.href = launchURI.result.uri + '&ctoken=2025';
+                    break;
+                default:
+                    window.location.href = launchURI.result.uri;
+                    break;
+            }
+        });
+    };
+    return launchApp;
+}
+
+function SmartApp(props: SmartAppProps) {
+    const launchApp = useLaunchApp(props);
+    return (
+        <Card
+            title={props.app.smart?.name ?? 'UNKNOWN'}
+            style={{ width: 300 }}
+            extra={
+                <Button type="primary" onClick={launchApp}>
+                    Launch
+                </Button>
+            }
+        >
+            <Text>{props.app.smart?.description}</Text>
+        </Card>
+    );
+}
+
+export function PatientApps({ patient, encounter }: PatientAppsProps) {
+    const { appsRemoteData } = useSmartApps(encounter);
+    return (
+        <RenderRemoteData remoteData={appsRemoteData}>
+            {(data) => {
+                const apps = data ?? [];
+                if (apps.length == 0) {
+                    return <Text>There are no registered smart apps</Text>;
+                } else {
+                    return (
+                        <>
+                            {apps.map((app) => (
+                                <SmartApp key={app.id} app={app} patient={patient} encounter={encounter} />
+                            ))}
+                        </>
+                    );
+                }
+            }}
+        </RenderRemoteData>
+    );
+}

src/containers/PatientDetails/index.tsx

@@ -1,18 +1,17 @@
 import { Patient } from 'fhir/r4b';
 
 import { PatientDashboardProvider } from '@beda.software/emr/dist/components/Dashboard/contexts';
-import { PatientApps } from '@beda.software/emr/dist/containers/PatientDetails/PatientApps/index';
 import { PatientOverview } from '@beda.software/emr/dist/containers/PatientDetails/PatientOverviewDynamic/index';
 import { DetailPage, Tab } from '@beda.software/emr/dist/uberComponents/DetailPage/index';
 import { compileAsFirst } from '@beda.software/emr/dist/utils/index';
 import config from '@beda.software/emr-config';
 
 import { dashboard } from './dashboard';
 import { PatientEncounter } from './encounters';
+import { PatientApps } from './PatientApps/index';
 import { PatientServiceRequest } from './requests';
 import { ResourcesTabRoutes } from './ResourcesTabRoutes';
 
-
 const getName = compileAsFirst<Patient, string>("Patient.name.given.first() + ' ' + Patient.name.family");
 
 const tabs: Array<Tab<Patient>> = [
@@ -33,20 +32,20 @@ const tabs: Array<Tab<Patient>> = [
     },
 ];
 
-if(config.baseURL === 'https://erequesting.aidbox.beda.software'){
+if (config.baseURL === 'https://erequesting.aidbox.beda.software') {
     tabs.push({
         path: 'service',
         label: 'Service requests',
         component: ({ resource }) => <PatientServiceRequest patient={resource} />,
-    })
+    });
 }
 
 if (config.baseURL === 'https://smartonfhir.aidbox.beda.software') {
     tabs.push({
         path: 'smart',
         label: 'Smart Apps',
         component: ({ resource }) => <PatientApps patient={resource} />,
-    })
+    });
 }
 
 export function PatientDetails() {