@digihmis/esm-service-queue-app 1.0.0

package/dist/routes.json

@@ -0,0 +1 @@
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"service-queue-check-in-form","slot":"visit-form-bottom-slot","component":"serviceQueueCheckIn","order":1}],"modals":[{"name":"move-patient-to-new-room-modal","component":"moveToNextRoomModal"}],"version":"1.0.0"}

package/jest.config.js

@@ -0,0 +1,26 @@
+/** @type {import('jest').Config} */
+module.exports = {
+  clearMocks: true,
+  transform: {
+    '^.+\\.[jt]sx?$': ['@swc/jest'],
+  },
+  transformIgnorePatterns: ['/node_modules/(?!@openmrs|.+\\.pnp\\.[^\\/]+$)'],
+  moduleNameMapper: {
+    '\\.(s?css)$': 'identity-obj-proxy',
+    '@openmrs/esm-framework': '@openmrs/esm-framework/mock',
+    'lodash-es': 'lodash',
+    '^dexie$': require.resolve('dexie'),
+  },
+  collectCoverageFrom: [
+    '**/src/**/*.tsx',
+    '!**/node_modules/**',
+    '!**/vendor/**',
+    '!**/src/**/*.test.*',
+    '!**/src/declarations.d.ts',
+  ],
+  setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
+  testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    url: 'http://localhost/',
+  },
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@digihmis/esm-service-queue-app",
+  "version": "1.0.0",
+  "description": "Service queue microfrontend for the OpenMRS SPA",
+  "browser": "dist/digihmis-esm-service-queue-app.js",
+  "main": "src/index.ts",
+  "source": true,
+  "license": "MPL-2.0",
+  "homepage": "https://github.com/its-kios09/DigiHMIS-apps#readme",
+  "scripts": {
+    "analyze": "rspack --mode=production --env analyze=true",
+    "build": "rspack --mode=production",
+    "coverage": "yarn test --coverage",
+    "debug": "npm run serve",
+    "extract-translations": "i18next 'src/**/*.component.tsx' 'src/index.ts' --config ../../tools/i18next-parser.config.js",
+    "lint": "eslint src --ext ts,tsx",
+    "serve": "rspack serve --mode=development",
+    "start": "openmrs develop",
+    "test": "cross-env TZ=UTC jest --config jest.config.js --verbose false --passWithNoTests",
+    "test:watch": "cross-env TZ=UTC jest --watch --config jest.config.js",
+    "typescript": "tsc"
+  },
+  "browserslist": [
+    "extends browserslist-config-openmrs"
+  ],
+  "keywords": [
+    "openmrs"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/its-kios09/DigiHMIS-apps.git#readme"
+  },
+  "bugs": {
+    "url": "https://github.com/its-kios09/DigiHMIS-apps/issues"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.15",
+    "react-to-print": "2.14.13"
+  },
+  "peerDependencies": {
+    "@carbon/react": "1.x",
+    "@openmrs/esm-framework": "8.x",
+    "react": "^18.1.0",
+    "react-i18next": "16.x",
+    "react-router-dom": "6.x",
+    "swr": "2.x"
+  }
+}

package/rspack.config.js

@@ -0,0 +1 @@
+module.exports = require('../../tools/rs-pack-code-spliting');

package/src/config-schema.ts

@@ -0,0 +1,181 @@
+import { ConfigSchema, Type, validator, validators } from '@openmrs/esm-framework';
+
+export interface ServiceQueueConfig {
+  showServiceQueueFields: boolean;
+  OpenmrsIdentifierTypeUuid: string;
+  visitQueueNumberAttributeUuid?: string;
+  concepts: {
+    defaultStatusConceptUuid: string;
+    defaultPriorityConceptUuid: string;
+    emergencyPriorityConceptUuid: string;
+  };
+  defualtQueueRoom: {
+    triageQueueUuid: string;
+    outPatienttriageUuid: string;
+  };
+  priorityConfigs: Array<PriorityConfig>;
+  queueExclusions: {
+    triage: Array<string>;
+    consultation: Array<string>;
+    default: Array<string>;
+  };
+}
+const defaultNotUrgentPriorityUuid = '80cd8f8c-5d82-4cdc-b96e-a6addeb94b7f';
+const defaultEmergencyPriorityUuid = '80cd8f8c-5d82-4cdc-b96e-a6addeb94b7f';
+const defaultUrgentPriorityUuid = '037446f4-adfc-40b3-928c-a39a4826b1bf';
+
+export const defaultPriorityConfig: Array<PriorityConfig> = [
+  {
+    conceptUuid: defaultEmergencyPriorityUuid,
+    style: null,
+    color: 'red',
+  },
+  {
+    conceptUuid: defaultNotUrgentPriorityUuid,
+    style: null,
+    color: 'green',
+  },
+  {
+    conceptUuid: defaultUrgentPriorityUuid,
+    style: null,
+    color: 'orange',
+  },
+];
+
+export interface PriorityConfig {
+  conceptUuid: string;
+  color: PriorityTagColor;
+  style: TagStyle | null;
+}
+
+type PriorityTagColor = (typeof priorityTagColors)[number];
+
+const tagStyles = ['bold'] as const;
+type TagStyle = (typeof tagStyles)[number];
+
+const priorityTagColors = [
+  'red',
+  'magenta',
+  'purple',
+  'blue',
+  'teal',
+  'cyan',
+  'gray',
+  'orange',
+  'green',
+  'warm-gray',
+  'cool-gray',
+  'high-contrast',
+  'outline',
+] as const;
+export const configSchema: ConfigSchema = {
+  priorityConfigs: {
+    _type: Type.Array,
+    _default: defaultPriorityConfig,
+    _description: 'Add entries to configure the styling for specific priority tags.',
+    _elements: {
+      conceptUuid: {
+        _type: Type.UUID,
+        _description: 'The UUID of the priority concept to configure',
+      },
+      color: {
+        _type: Type.String,
+        _description:
+          'The color of the tag. This is based on the "type" field of the Carbon Design System "Tag" component.',
+        _validators: [validators.oneOf(priorityTagColors)],
+        _default: 'gray',
+      },
+      style: {
+        _type: Type.String,
+        _description: 'Style to apply to the tag',
+        _validators: [validators.oneOf(tagStyles)],
+        _default: null,
+      },
+    },
+  },
+  showServiceQueueFields: {
+    _type: Type.Boolean,
+    _description: 'Whether start visit form should display service queue fields`',
+    _default: true,
+  },
+  visitQueueNumberAttributeUuid: {
+    _type: Type.String,
+    _default: null,
+    _description: 'The UUID of the visit attribute that contains the visit queue number.',
+  },
+  concepts: {
+    defaultPriorityConceptUuid: {
+      _type: Type.ConceptUuid,
+      _description: 'The UUID of the default priority for the queues eg Not urgent.',
+      _default: '80cd8f8c-5d82-4cdc-b96e-a6addeb94b7f',
+    },
+    defaultStatusConceptUuid: {
+      _type: Type.ConceptUuid,
+      _description: 'The UUID of the default status for the queues eg Waiting.',
+      _default: '167407AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    },
+    emergencyPriorityConceptUuid: {
+      _type: Type.ConceptUuid,
+      _description: 'The UUID of the priority with the highest sort weight for the queues eg Emergency.',
+      _default: '037446f4-adfc-40b3-928c-a39a4826b1bf',
+    },
+  },
+  defualtQueueRoom: {
+    triageQueueUuid: {
+      _type: Type.String,
+      _description: 'The UUID of the queue room to be used for triage.',
+      _default: 'd692a223-e140-11ee-bad2-0242ac120002',
+    },
+    outPatienttriageUuid: {
+      _type: Type.String,
+      _description: 'The UUID of the queue room to be used for outpatient triage.',
+      _default: 'aab6b51c-be83-41d8-a5b7-4911325eb1af',
+    },
+    outPatientQueueUuid: {
+      _type: Type.String,
+      _description: 'The UUID of the queue room to be used for outpatient queue.',
+      _default: '13b5ce7a-cc47-434f-94d7-c7533f1d4b58',
+    },
+  },
+  queueExclusions: {
+    _type: Type.Object,
+    _description: 'Context-specific queue exclusions for different workflows',
+    _default: {
+      triage: [
+        'a09188e9-4bca-431f-b8d7-876e2bbee54d', // Pharmacy Room
+        'f86579a3-2c7c-4bef-9e44-fcc326230e33', // Laboratory Room
+        '5e2f4c8b-3b1d-4f4a-9f7a-2d3e5c6b7a8c', // Imaging Room
+        '7c9e1d2f-8b6a-4c3e-9f1b-0d2e3f4a5b6c', // Procedures Room
+      ],
+      consultation: ['d692a223-e140-11ee-bad2-0242ac120002'],
+      default: [],
+    },
+    triage: {
+      _type: Type.Array,
+      _description:
+        'Queue UUIDs to exclude in triage workflow. Excludes Pharmacy, Laboratory, Imaging, and Procedures rooms as these require doctor assessment/orders.',
+      _elements: {
+        _type: Type.String,
+      },
+    },
+    consultation: {
+      _type: Type.Array,
+      _description: 'Queue UUIDs to exclude in consultation workflow. Excludes Triage room to prevent backwards flow.',
+      _elements: {
+        _type: Type.String,
+      },
+    },
+    default: {
+      _type: Type.Array,
+      _description: 'Default queue UUIDs to exclude across all workflows',
+      _elements: {
+        _type: Type.String,
+      },
+    },
+  },
+  OpenmrsIdentifierTypeUuid: {
+    _type: Type.UUID,
+    _default: 'dfacd928-0370-4315-99d7-6ec1c9f7ae76',
+    _description: 'UUID for OpenMRS Identifier Type',
+  },
+};

package/src/dashboard.meta.ts

@@ -0,0 +1,5 @@
+export const dashboardMeta = {
+  name: 'triage',
+  slot: 'triage-dashboard-slot',
+  title: 'Triage',
+};

package/src/declarations.d.ts

@@ -0,0 +1,6 @@
+declare module '@carbon/react';
+declare module '*.css';
+declare module '*.scss';
+declare module '*.png';
+
+declare type SideNavProps = object;

package/src/index.ts

@@ -0,0 +1,22 @@
+import { defineConfigSchema, getSyncLifecycle } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
+import ServiceQueueCheckIn from './service-queue-checkin-form/service-queue-checkin-form.extension';
+import MovePatientToNewRoom from './move-patient-new-room/move-patient-new-room.extension';
+const moduleName = '@digihmis/esm-service-queue-app';
+const pageName = 'service-queue';
+
+const options = {
+  featureName: pageName,
+  moduleName,
+};
+
+// Core Components
+export const serviceQueueCheckIn = getSyncLifecycle(ServiceQueueCheckIn, options);
+
+export const moveToNextRoomModal = getSyncLifecycle(MovePatientToNewRoom, options);
+
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
+export function startupApp() {
+  defineConfigSchema(moduleName, configSchema);
+}

package/src/move-patient-new-room/component/queue-priority.component.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import classNames from 'classnames';
+import { DefinitionTooltip, Tag } from '@carbon/react';
+import { type PriorityConfig } from '../../config-schema';
+import styles from './queue-priority.scss';
+import { type Concept } from '../type';
+
+interface QueuePriorityProps {
+  priority: Concept;
+  priorityComment?: string;
+  priorityConfigs: PriorityConfig[];
+}
+
+const QueuePriority: React.FC<QueuePriorityProps> = ({ priority, priorityComment, priorityConfigs }) => {
+  const priorityConfig = priorityConfigs.find((c) => c.conceptUuid === priority.uuid);
+
+  const tag = (
+    <Tag
+      role={priorityComment ? 'tooltip' : null}
+      className={classNames(
+        styles.tag,
+        priorityConfig?.style === 'bold' && styles.bold,
+        priorityConfig?.color === 'orange' && styles.orange,
+        priorityConfig?.color === 'red' && styles.red,
+      )}
+      type={priorityConfig?.color !== 'orange' ? priorityConfig?.color : null}>
+      {priority.display}
+    </Tag>
+  );
+
+  return (
+    <>
+      {priorityComment ? (
+        <DefinitionTooltip className={styles.tooltip} align="bottom-left" definition={priorityComment}>
+          {tag}
+        </DefinitionTooltip>
+      ) : (
+        tag
+      )}
+    </>
+  );
+};
+
+export default QueuePriority;

package/src/move-patient-new-room/component/queue-priority.scss

@@ -0,0 +1,16 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.tag {
+  margin: 0 layout.$spacing-02;
+  white-space: nowrap;
+}
+
+.bold {
+  font-weight: bold;
+}
+
+.orange {
+  background-color: colors.$orange-20;
+}