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

package/src/my-registered-patients.scss

@@ -0,0 +1,15 @@
+.container {
+  padding: 1.5rem 2rem;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.title {
+  margin-bottom: 1rem;
+  font-weight: 600;
+}
+
+.emptyTile {
+  padding: 2rem;
+  text-align: center;
+}

package/src/post-registration-redirect.component.tsx

@@ -0,0 +1,62 @@
+import React, { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { InlineLoading } from '@carbon/react';
+import { navigate, useConfig, useSession } from '@openmrs/esm-framework';
+import type { PostRegistrationRedirectConfig } from './config-schema';
+
+/**
+ * Acts as a one-shot redirect target for the patient registration app.
+ *
+ * Configure `@openmrs/esm-patient-registration-app.links.submitButton` to
+ *   `${openmrsSpaBase}/post-registration/${patientUuid}`
+ * and this component will:
+ *   - send Registration Clerks to the My Registered Patients list, and
+ *   - send everyone else to the patient chart (the standard workflow).
+ */
+const PostRegistrationRedirect: React.FC = () => {
+  const { t } = useTranslation();
+  const session = useSession();
+  const config = useConfig<PostRegistrationRedirectConfig>();
+
+  useEffect(() => {
+    // Wait until the session is loaded; useSession returns an empty object initially.
+    if (!session?.user) return;
+
+    const patientUuid = extractPatientUuidFromUrl();
+    const userRoles: string[] = (session.user.roles ?? []).map((r: { display?: string; name?: string }) =>
+      String(r.display ?? r.name ?? ''),
+    );
+    const isRegistrationClerk = userRoles.some(
+      (role) => role.trim().toLowerCase() === config.registrationClerkRoleName.trim().toLowerCase(),
+    );
+
+    if (isRegistrationClerk) {
+      navigate({ to: `\${openmrsSpaBase}/${config.registeredPatientsListPath}` });
+    } else if (patientUuid) {
+      navigate({ to: `\${openmrsSpaBase}/patient/${patientUuid}/chart` });
+    } else {
+      // No patient UUID in URL — fall back to home rather than the chart of an unknown patient.
+      navigate({ to: `\${openmrsSpaBase}/home` });
+    }
+  }, [session, config.registrationClerkRoleName, config.registeredPatientsListPath]);
+
+  return (
+    <div style={{ padding: '2rem' }}>
+      <InlineLoading description={t('redirecting', 'Redirecting…')} />
+    </div>
+  );
+};
+
+/**
+ * Pulls the patient UUID out of `/openmrs/spa/post-registration/<uuid>`.
+ * Returns an empty string if no UUID-looking segment is present.
+ */
+function extractPatientUuidFromUrl(): string {
+  const path = window.location.pathname.replace(/\/$/, '');
+  const segments = path.split('/');
+  const idx = segments.findIndex((s) => s === 'post-registration');
+  if (idx === -1 || idx + 1 >= segments.length) return '';
+  return segments[idx + 1] ?? '';
+}
+
+export default PostRegistrationRedirect;

package/src/routes.json

@@ -0,0 +1,17 @@
+{
+  "$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": []
+}

package/translations/en.json

@@ -0,0 +1,12 @@
+{
+  "myRegisteredPatients": "My Registered Patients",
+  "noPatientsRegistered": "You haven't registered any patients yet.",
+  "redirecting": "Redirecting…",
+  "patientName": "Name",
+  "identifier": "Identifier",
+  "gender": "Gender",
+  "age": "Age",
+  "registeredOn": "Registered on",
+  "openChart": "Open chart",
+  "errorLoading": "Could not load patients you've registered."
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "module": "esnext",
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "lib": ["dom", "es5", "scripthost", "es2015", "es2015.promise", "es2016.array.include", "es2018", "es2020", "es2022"],
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "target": "esnext"
+  }
+}

package/webpack.config.js

@@ -0,0 +1,16 @@
+const baseConfig = require('openmrs/default-webpack-config');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+
+module.exports = function (env, argv) {
+  const config = typeof baseConfig === 'function' ? baseConfig(env, argv) : baseConfig;
+
+  if (config.plugins) {
+    config.plugins = config.plugins.filter(
+      (plugin) => !(plugin instanceof ForkTsCheckerWebpackPlugin),
+    );
+  }
+
+  config.devtool = false;
+
+  return config;
+};