@clinicemr/esm-post-registration-redirect-app 1.0.0

package/dist/openmrs-esm-post-registration-redirect-app.js.buildmanifest.json

@@ -0,0 +1,399 @@
+{
+  "chunks": [
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 7120,
+      "sizes": {
+        "javascript": 7120
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "41.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "78b7a5c1ca79c948",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 2016,
+      "sizes": {
+        "consume-shared": 42,
+        "javascript": 1974
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app"
+      ],
+      "files": [
+        "173.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "9749c56e8753e206",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": false,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 126,
+      "sizes": {
+        "consume-shared": 126
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [],
+      "auxiliaryFiles": [],
+      "hash": "7338eb0dde7b075c",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 347,
+      "sizes": {
+        "javascript": 347
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "300.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "c31905dc24e19f4e",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "reused as split chunk (cache group: defaultVendors)",
+      "size": 29620,
+      "sizes": {
+        "javascript": 29620
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "336.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "d7e3483342014979",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": false,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "split chunk (cache group: default)",
+      "size": 42,
+      "sizes": {
+        "consume-shared": 42
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [],
+      "auxiliaryFiles": [],
+      "hash": "1bb89edfb4edb626",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": false,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "reused as split chunk (cache group: default)",
+      "size": 42,
+      "sizes": {
+        "consume-shared": 42
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [],
+      "auxiliaryFiles": [],
+      "hash": "4129e178f5788508",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "reused as split chunk (cache group: defaultVendors)",
+      "size": 163792,
+      "sizes": {
+        "javascript": 163792
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "457.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "528ca67c284a137c",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 7160,
+      "sizes": {
+        "javascript": 7160
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "464.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "1c31241741414554",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": true,
+      "entry": true,
+      "recorded": false,
+      "size": 20526,
+      "sizes": {
+        "javascript": 42,
+        "share-init": 252,
+        "runtime": 20232
+      },
+      "names": [
+        "@clinicemr/esm-post-registration-redirect-app"
+      ],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app"
+      ],
+      "files": [
+        "openmrs-esm-post-registration-redirect-app.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "f752fd7156554001",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "split chunk (cache group: defaultVendors)",
+      "size": 59460,
+      "sizes": {
+        "javascript": 59460
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "686.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "74e5576db4c8618e",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "split chunk (cache group: defaultVendors)",
+      "size": 3101747,
+      "sizes": {
+        "javascript": 3101747
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "777.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "501a19fa12f12d76",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": true,
+      "entry": true,
+      "recorded": false,
+      "size": 22888,
+      "sizes": {
+        "consume-shared": 42,
+        "javascript": 1974,
+        "share-init": 252,
+        "runtime": 20620
+      },
+      "names": [
+        "main"
+      ],
+      "idHints": [],
+      "runtime": [
+        "main"
+      ],
+      "files": [
+        "main.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "aaf4bda84c2840f3",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 13312,
+      "sizes": {
+        "javascript": 13312
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "802.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "f3a9cf5c36cc74e7",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "split chunk (cache group: defaultVendors)",
+      "size": 2391417,
+      "sizes": {
+        "javascript": 2391417
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "803.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "5bbbe5cc46a42f5f",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "reused as split chunk (cache group: defaultVendors)",
+      "size": 251616,
+      "sizes": {
+        "javascript": 251616
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "913.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "5611439d239d8885",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 3077,
+      "sizes": {
+        "javascript": 3077
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@clinicemr/esm-post-registration-redirect-app",
+        "main"
+      ],
+      "files": [
+        "918.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "a2d38887225f4d7b",
+      "childrenByOrder": {}
+    }
+  ]
+}

package/dist/routes.json

@@ -0,0 +1 @@
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"webservices.rest":">=2.2.0"},"pages":[{"component":"postRegistrationRedirect","route":"post-registration"},{"component":"myRegisteredPatients","route":"my-registered-patients"}],"extensions":[],"version":"1.0.0"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@clinicemr/esm-post-registration-redirect-app",
+  "version": "1.0.0",
+  "license": "MPL-2.0",
+  "description": "Role-aware post-registration redirect for OpenMRS SSUUBO distro",
+  "browser": "dist/openmrs-esm-post-registration-redirect-app.js",
+  "main": "src/index.ts",
+  "source": true,
+  "scripts": {
+    "start": "openmrs develop",
+    "serve": "webpack serve --mode=development",
+    "build": "webpack --mode production",
+    "lint": "eslint src --ext js,jsx,ts,tsx --max-warnings 0",
+    "typescript": "tsc",
+    "test": "jest --config jest.config.js --passWithNoTests",
+    "extract-translations": "i18next 'src/**/*.component.tsx' --config ./tools/i18next-parser.config.js"
+  },
+  "browserslist": [
+    "extends browserslist-config-openmrs"
+  ],
+  "keywords": [
+    "openmrs",
+    "microfrontends"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bwongo-digital-solutions/openmrs-clinicemr-esm-patient-chart.git"
+  },
+  "homepage": "https://github.com/bwongo-digital-solutions/openmrs-clinicemr-esm-patient-chart#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@carbon/react": "^1.83.0",
+    "lodash-es": "^4.17.21"
+  },
+  "peerDependencies": {
+    "@openmrs/esm-framework": "*",
+    "dayjs": "1.x",
+    "react": "18.x",
+    "react-i18next": "16.x",
+    "react-router-dom": "6.x",
+    "rxjs": "6.x"
+  },
+  "packageManager": "yarn@4.10.3"
+}

package/src/config-schema.ts

@@ -0,0 +1,33 @@
+import { Type } from '@openmrs/esm-framework';
+
+export const configSchema = {
+  registrationClerkRoleName: {
+    _type: Type.String,
+    _default: 'Organizational: Registration Clerk',
+    _description:
+      'Name of the OpenMRS role that, when held by the current user, makes the post-registration page redirect to the My Registered Patients list instead of the patient chart.',
+  },
+  registeredPatientsListPath: {
+    _type: Type.String,
+    _default: 'my-registered-patients',
+    _description: 'SPA-relative path to redirect Registration Clerks to after a successful registration.',
+  },
+  registrationEncounterTypeUuid: {
+    _type: Type.String,
+    _default: 'dd528487-82a5-4082-9c72-ed246bd49591',
+    _description:
+      'UUID of the encounter type recorded during patient registration. Used to look up patients registered by the current user.',
+  },
+  pageSize: {
+    _type: Type.Number,
+    _default: 25,
+    _description: 'Maximum number of recent registrations to load for the My Registered Patients list.',
+  },
+};
+
+export interface PostRegistrationRedirectConfig {
+  registrationClerkRoleName: string;
+  registeredPatientsListPath: string;
+  registrationEncounterTypeUuid: string;
+  pageSize: number;
+}

package/src/declarations.d.ts

@@ -0,0 +1,3 @@
+declare module '*.css';
+declare module '*.scss';
+declare module '*.png';

package/src/index.ts

@@ -0,0 +1,25 @@
+import { getAsyncLifecycle, defineConfigSchema } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
+
+const moduleName = '@clinicemr/esm-post-registration-redirect-app';
+
+const options = {
+  featureName: 'post-registration-redirect',
+  moduleName,
+};
+
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
+export function startupApp() {
+  defineConfigSchema(moduleName, configSchema);
+}
+
+export const postRegistrationRedirect = getAsyncLifecycle(
+  () => import('./post-registration-redirect.component'),
+  options,
+);
+
+export const myRegisteredPatients = getAsyncLifecycle(
+  () => import('./my-registered-patients.component'),
+  options,
+);

package/src/my-registered-patients.component.tsx

@@ -0,0 +1,180 @@
+import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import useSWR from 'swr';
+import {
+  DataTable,
+  DataTableSkeleton,
+  InlineNotification,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tile,
+  Button,
+} from '@carbon/react';
+import { ArrowRight } from '@carbon/icons-react';
+import {
+  navigate,
+  openmrsFetch,
+  restBaseUrl,
+  useConfig,
+  useSession,
+  formatDate,
+} from '@openmrs/esm-framework';
+import type { PostRegistrationRedirectConfig } from './config-schema';
+import styles from './my-registered-patients.scss';
+
+interface RegistrationEncounter {
+  uuid: string;
+  encounterDatetime: string;
+  patient: {
+    uuid: string;
+    display: string;
+    identifiers?: Array<{ identifier: string; preferred?: boolean }>;
+    person?: { gender?: string; age?: number };
+  };
+  auditInfo?: {
+    creator?: { uuid: string; display?: string };
+  };
+}
+
+interface EncounterListResponse {
+  results: RegistrationEncounter[];
+}
+
+const customRep =
+  'custom:(uuid,encounterDatetime,' +
+  'patient:(uuid,display,identifiers:(identifier,preferred),person:(gender,age)),' +
+  'auditInfo:(creator:(uuid,display)))';
+
+const MyRegisteredPatients: React.FC = () => {
+  const { t } = useTranslation();
+  const session = useSession();
+  const config = useConfig<PostRegistrationRedirectConfig>();
+  const currentUserUuid = session?.user?.uuid;
+
+  const url =
+    currentUserUuid && config.registrationEncounterTypeUuid
+      ? `${restBaseUrl}/encounter?encounterType=${config.registrationEncounterTypeUuid}` +
+        `&v=${encodeURIComponent(customRep)}&limit=${Math.max(50, config.pageSize * 4)}`
+      : null;
+
+  const { data, error, isLoading } = useSWR<{ data: EncounterListResponse }>(url, openmrsFetch);
+
+  const rows = useMemo(() => {
+    const encounters = data?.data?.results ?? [];
+    const mine = encounters.filter((e) => e.auditInfo?.creator?.uuid === currentUserUuid);
+    // Dedupe by patient uuid, keeping the most recent encounter date
+    const byPatient = new Map<string, RegistrationEncounter>();
+    for (const e of mine) {
+      const existing = byPatient.get(e.patient.uuid);
+      if (!existing || (e.encounterDatetime ?? '') > (existing.encounterDatetime ?? '')) {
+        byPatient.set(e.patient.uuid, e);
+      }
+    }
+    const list = Array.from(byPatient.values()).sort((a, b) =>
+      (b.encounterDatetime ?? '').localeCompare(a.encounterDatetime ?? ''),
+    );
+    return list.slice(0, config.pageSize).map((e) => {
+      const preferredId = e.patient.identifiers?.find((i) => i.preferred) ?? e.patient.identifiers?.[0];
+      return {
+        id: e.patient.uuid,
+        name: e.patient.display,
+        identifier: preferredId?.identifier ?? '—',
+        gender: e.patient.person?.gender ?? '—',
+        age: e.patient.person?.age != null ? String(e.patient.person.age) : '—',
+        registeredOn: e.encounterDatetime ? formatDate(new Date(e.encounterDatetime)) : '—',
+      };
+    });
+  }, [data, currentUserUuid, config.pageSize]);
+
+  const headers = [
+    { key: 'name', header: t('patientName', 'Name') },
+    { key: 'identifier', header: t('identifier', 'Identifier') },
+    { key: 'gender', header: t('gender', 'Gender') },
+    { key: 'age', header: t('age', 'Age') },
+    { key: 'registeredOn', header: t('registeredOn', 'Registered on') },
+    { key: 'actions', header: '' },
+  ];
+
+  if (isLoading) {
+    return (
+      <div className={styles.container}>
+        <h2 className={styles.title}>{t('myRegisteredPatients', 'My Registered Patients')}</h2>
+        <DataTableSkeleton headers={headers} rowCount={5} />
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className={styles.container}>
+        <InlineNotification
+          kind="error"
+          title={t('errorLoading', "Could not load patients you've registered.")}
+          subtitle={String((error as Error)?.message ?? '')}
+          lowContrast
+          hideCloseButton
+        />
+      </div>
+    );
+  }
+
+  return (
+    <div className={styles.container}>
+      <h2 className={styles.title}>{t('myRegisteredPatients', 'My Registered Patients')}</h2>
+      {rows.length === 0 ? (
+        <Tile className={styles.emptyTile}>
+          <p>{t('noPatientsRegistered', "You haven't registered any patients yet.")}</p>
+        </Tile>
+      ) : (
+        <DataTable rows={rows} headers={headers} useZebraStyles>
+          {({ rows: dataRows, headers: dataHeaders, getHeaderProps, getRowProps, getTableProps }) => (
+            <TableContainer>
+              <Table {...getTableProps()}>
+                <TableHead>
+                  <TableRow>
+                    {dataHeaders.map((h) => (
+                      <TableHeader {...getHeaderProps({ header: h })} key={h.key}>
+                        {h.header}
+                      </TableHeader>
+                    ))}
+                  </TableRow>
+                </TableHead>
+                <TableBody>
+                  {dataRows.map((r) => (
+                    <TableRow {...getRowProps({ row: r })} key={r.id}>
+                      {r.cells.map((cell) =>
+                        cell.info.header === 'actions' ? (
+                          <TableCell key={cell.id}>
+                            <Button
+                              kind="ghost"
+                              size="sm"
+                              renderIcon={ArrowRight}
+                              onClick={() =>
+                                navigate({ to: `\${openmrsSpaBase}/patient/${r.id}/chart` })
+                              }
+                            >
+                              {t('openChart', 'Open chart')}
+                            </Button>
+                          </TableCell>
+                        ) : (
+                          <TableCell key={cell.id}>{cell.value}</TableCell>
+                        ),
+                      )}
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </TableContainer>
+          )}
+        </DataTable>
+      )}
+    </div>
+  );
+};
+
+export default MyRegisteredPatients;