@digihmis/esm-home-app 1.0.0

package/src/welcome-back-banner/welcome-back-banner.component.tsx

@@ -0,0 +1,112 @@
+import React from 'react';
+import styles from './welcome-back-banner.scss';
+import { Calendar, RuleTest } from '@carbon/react/icons';
+import { Tag } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import { useSession } from '@openmrs/esm-framework';
+import capitalize from 'lodash-es/capitalize';
+import { type Attribute, useProviderAttributes } from './welcome-back-banner.resource';
+
+const UserBanner: React.FC = () => {
+  const { t } = useTranslation();
+  const { user, currentProvider } = useSession();
+  const userFullName = user?.display;
+  const userNameParts = userFullName?.split(' ') || [];
+  const currentProviderUuid = currentProvider?.uuid;
+  const { providerAttributes } = useProviderAttributes(currentProviderUuid);
+
+  const getGreeting = (): string => {
+    const hour = new Date().getHours();
+    if (hour < 12) {
+      return t('goodMorning', 'Good Morning');
+    }
+    if (hour < 17) {
+      return t('goodAfternoon', 'Good Afternoon');
+    }
+    return t('goodEvening', 'Good Evening');
+  };
+
+  const getAttributeValue = (attributes: Array<Attribute>, displayName: string): string => {
+    const attribute = attributes?.find((attr) => attr.attributeType.display === displayName);
+    return attribute?.value || '';
+  };
+
+  const getLicenseStatus = (expiryDate: string) => {
+    if (!expiryDate || expiryDate === '0000-00-00') {
+      return { status: 'unknown', message: t('unlicensed', 'Unlicensed'), tagType: 'magenta' as const };
+    }
+
+    const today = new Date();
+    const expiry = new Date(expiryDate);
+    const timeDiff = expiry.getTime() - today.getTime();
+    const daysDiff = Math.ceil(timeDiff / (1000 * 3600 * 24));
+
+    if (daysDiff < 0) {
+      return { status: 'expired', message: t('expired', 'Expired'), tagType: 'red' as const };
+    } else if (daysDiff <= 30) {
+      return { status: 'warning', message: t('expiring', 'Expiring'), tagType: 'blue' as const };
+    } else if (daysDiff <= 90) {
+      return { status: 'caution', message: t('caution', 'Caution'), tagType: 'teal' as const };
+    } else {
+      return { status: 'valid', message: t('valid', 'Valid'), tagType: 'green' as const };
+    }
+  };
+
+  const formatDate = (dateString: string): string => {
+    if (!dateString || dateString === '0000-00-00') {
+      return '0000-00-00';
+    }
+    try {
+      const date = new Date(dateString);
+      if (isNaN(date.getTime())) {
+        return '0000-00-00';
+      }
+      return date.toISOString().split('T')[0];
+    } catch {
+      return '0000-00-00';
+    }
+  };
+
+  const hwi = getAttributeValue(providerAttributes?.attributes, 'Practising License Number') || 'NONE';
+  const licenseExpiry = getAttributeValue(providerAttributes?.attributes, 'License Expiry Date');
+  const formattedExpiry = formatDate(licenseExpiry);
+  const licenseStatus = getLicenseStatus(licenseExpiry);
+
+  const firstName = userNameParts[0] || 'User';
+
+  return (
+    <div className={styles.welcomeBanner}>
+      <div className={styles.content}>
+        <div className={styles.leftSection}>
+          <div className={styles.welcomeContent}>
+            <h2 className={styles.greeting}>
+              {getGreeting()}, {capitalize(firstName)}!
+            </h2>
+          </div>
+        </div>
+
+        <div className={styles.rightSection}>
+          <div className={styles.medicalInfo}>
+            <div className={styles.licenseInfo}>
+              <RuleTest className={styles.infoIcon} />
+              {t('license', 'License')}: {hwi}
+            </div>
+            <div className={styles.expiryInfo}>
+              <Calendar className={styles.infoIcon} />
+              <span className={styles.expiryText}>
+                {t('expires', 'Expires')}: {formattedExpiry}
+              </span>
+              <span className={styles.statusBadge}>
+                <Tag size="md" type={licenseStatus.tagType}>
+                  {licenseStatus.message}
+                </Tag>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default UserBanner;

package/src/welcome-back-banner/welcome-back-banner.resource.ts

@@ -0,0 +1,29 @@
+import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+
+export interface ProviderAttributesResponse {
+  person: Person;
+  attributes: Array<Attribute>;
+}
+
+export interface Person {
+  display: string;
+}
+
+export interface Attribute {
+  attributeType: AttributeType;
+  value: string;
+}
+
+export interface AttributeType {
+  display: string;
+}
+
+export const useProviderAttributes = (uuid: string) => {
+  const customRepresentation = 'custom:(person:(display),attributes:(attributeType:(display),value))';
+  const url = `${restBaseUrl}/provider/${uuid}?v=${customRepresentation}`;
+
+  const { isLoading, error, data } = useSWR<FetchResponse<ProviderAttributesResponse>>(url, openmrsFetch);
+  const providerAttributes = data?.data;
+  return { isLoading, error, providerAttributes };
+};

package/src/welcome-back-banner/welcome-back-banner.scss

@@ -0,0 +1,123 @@
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '@carbon/colors';
+
+.welcomeBanner {
+  position: relative;
+  overflow: hidden;
+  padding: layout.$spacing-05 layout.$spacing-05 layout.$spacing-03 layout.$spacing-05;
+  background: white;
+  margin-top: layout.$spacing-07;
+
+  :global(.omrs-breakpoint-lt-desktop) & {
+    padding: layout.$spacing-04;
+    border-radius: layout.$spacing-03;
+  }
+
+  :global(.omrs-breakpoint-lt-tablet) & {
+    padding: layout.$spacing-04;
+    border-radius: layout.$spacing-03;
+  }
+}
+
+.content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+
+.leftSection {
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-04;
+}
+
+.rightSection {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: layout.$spacing-02;
+}
+.welcomeContent {
+  display: flex;
+  flex-direction: column;
+  gap: layout.$spacing-02;
+}
+
+.greeting {
+  @include type.type-style('heading-03');
+  color: colors.$gray-80;
+  margin: 0;
+}
+
+.subtitle {
+  @include type.type-style('body-01');
+  color: colors.$gray-80;
+  margin: 0;
+}
+
+.loginInfo,
+.licenseInfo {
+  @include type.type-style('caption-01');
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-02;
+  color: colors.$gray-80;
+}
+
+.medicalInfo {
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-04;
+}
+
+.expiryInfo {
+  @include type.type-style('caption-01');
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-02;
+}
+
+.expiryText {
+  color: colors.$gray-80;
+}
+
+.infoIcon {
+  width: layout.$spacing-04;
+  height: layout.$spacing-04;
+}
+
+:global(.omrs-breakpoint-lt-desktop) {
+  .content {
+    gap: layout.$spacing-03;
+  }
+
+  .leftSection {
+    gap: layout.$spacing-03;
+  }
+}
+
+:global(.omrs-breakpoint-lt-tablet) {
+  .content {
+    flex-direction: column;
+    gap: layout.$spacing-04;
+    align-items: flex-start;
+  }
+
+  .rightSection {
+    align-items: flex-start;
+    align-self: stretch;
+  }
+
+  .medicalInfo {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: layout.$spacing-02;
+  }
+
+  .expiryInfo {
+    flex-wrap: wrap;
+  }
+}

package/translations/am.json

@@ -0,0 +1,33 @@
+{
+  "administration": "አስተዳደር",
+  "appointments": "ቀጠሮዎች",
+  "billing": "የክፍያ አስተዳደር",
+  "caution": "ማስጠንቀቂያ",
+  "clockIn": "Clock In",
+  "dental": "የጥርስ ህክምና",
+  "expired": "ጊዜው አልፏል",
+  "expires": "ጊዜው ያበቃል",
+  "expiring": "ጊዜው እያበቃ ነው",
+  "facilityAnalytics": "የተቋም ትንተና",
+  "goodAfternoon": "እንደምን አደሩ",
+  "goodEvening": "እንደምን አመሹ",
+  "goodMorning": "እንደምን አደሩ",
+  "inpatient": "ተኝተው የሚታከሙ",
+  "inventory": "የእቃ መዝገብ",
+  "laboratory": "ላቦራቶሪ",
+  "legacyUI": "Legacy UI",
+  "license": "ፈቃድ",
+  "mch": "የእናትና ህፃን ጤና",
+  "outpatient": "ውጭ ታካሚ",
+  "pharmacy": "ፋርማሲ",
+  "procedures": "ሂደቶች",
+  "radiology": "ራዲዮሎጂ",
+  "referral": "ሪፈራል",
+  "registration": "ምዝገባ",
+  "reports": "ሪፖርቶች",
+  "specialClinics": "ልዩ ክሊኒኮች",
+  "staffManagement": "የሰራተኞች አስተዳደር",
+  "triage": "ትሪያጅ",
+  "unlicensed": "ፈቃድ የሌለው",
+  "valid": "ትክክለኛ"
+}

package/translations/ar.json

@@ -0,0 +1,33 @@
+{
+  "administration": "الإدارة",
+  "appointments": "المواعيد",
+  "billing": "الفواتير",
+  "caution": "تحذير",
+  "clockIn": "Clock In",
+  "dental": "الأسنان",
+  "expired": "منتهي الصلاحية",
+  "expires": "تنتهي الصلاحية",
+  "expiring": "على وشك الانتهاء",
+  "facilityAnalytics": "تحليلات المنشأة",
+  "goodAfternoon": "مساء الخير",
+  "goodEvening": "مساء الخير",
+  "goodMorning": "صباح الخير",
+  "inpatient": "مريض داخلي",
+  "inventory": "المخزون",
+  "laboratory": "المختبر",
+  "legacyUI": "Legacy UI",
+  "license": "الترخيص",
+  "mch": "صحة الأم والطفل",
+  "outpatient": "مريض خارجي",
+  "pharmacy": "الصيدلية",
+  "procedures": "الإجراءات",
+  "radiology": "الأشعة",
+  "referral": "الإحالة",
+  "registration": "التسجيل",
+  "reports": "التقارير",
+  "specialClinics": "العيادات المتخصصة",
+  "staffManagement": "إدارة الموظفين",
+  "triage": "الفرز",
+  "unlicensed": "غير مرخص",
+  "valid": "صالح"
+}

package/translations/en.json

@@ -0,0 +1,33 @@
+{
+  "administration": "Administration",
+  "appointments": "Appointments",
+  "billing": "Billing",
+  "caution": "Caution",
+  "clockIn": "Clock In",
+  "dental": "Dental",
+  "expired": "Expired",
+  "expires": "Expires",
+  "expiring": "Expiring",
+  "facilityAnalytics": "Facility Analytics",
+  "goodAfternoon": "Good Afternoon",
+  "goodEvening": "Good Evening",
+  "goodMorning": "Good Morning",
+  "inpatient": "Inpatient",
+  "inventory": "Inventory",
+  "laboratory": "Laboratory",
+  "legacyUI": "Legacy UI",
+  "license": "License",
+  "mch": "Maternal Child Health",
+  "outpatient": "Outpatient",
+  "pharmacy": "Pharmacy",
+  "procedures": "Procedures",
+  "radiology": "Radiology",
+  "referral": "Referral",
+  "registration": "Registration",
+  "reports": "Reports",
+  "specialClinics": "Special Clinics",
+  "staffManagement": "Staff Management",
+  "triage": "Triage",
+  "unlicensed": "Unlicensed",
+  "valid": "Valid"
+}

package/translations/es.json

@@ -0,0 +1,33 @@
+{
+  "administration": "Administración",
+  "appointments": "Citas",
+  "billing": "Facturación",
+  "caution": "Precaución",
+  "clockIn": "Clock In",
+  "dental": "Dental",
+  "expired": "Expirado",
+  "expires": "Expira",
+  "expiring": "Por Expirar",
+  "facilityAnalytics": "Análisis de Instalaciones",
+  "goodAfternoon": "Buenas Tardes",
+  "goodEvening": "Buenas Noches",
+  "goodMorning": "Buenos Días",
+  "inpatient": "Paciente Hospitalizado",
+  "inventory": "Inventario",
+  "laboratory": "Laboratorio",
+  "legacyUI": "Legacy UI",
+  "license": "Licencia",
+  "mch": "Salud Materno Infantil",
+  "outpatient": "Paciente Ambulatorio",
+  "pharmacy": "Farmacia",
+  "procedures": "Procedimientos",
+  "radiology": "Radiología",
+  "referral": "Referencia",
+  "registration": "Registro",
+  "reports": "Informes",
+  "specialClinics": "Clínicas Especiales",
+  "staffManagement": "Gestión de Personal",
+  "triage": "Triaje",
+  "unlicensed": "Sin Licencia",
+  "valid": "Válido"
+}

package/translations/fr.json

@@ -0,0 +1,33 @@
+{
+  "administration": "Administration",
+  "appointments": "Rendez-vous",
+  "billing": "Facturation",
+  "caution": "Attention",
+  "clockIn": "Clock In",
+  "dental": "Dentaire",
+  "expired": "Expiré",
+  "expires": "Expire",
+  "expiring": "Expire Bientôt",
+  "facilityAnalytics": "Analytique des Installations",
+  "goodAfternoon": "Bon Après-midi",
+  "goodEvening": "Bonsoir",
+  "goodMorning": "Bonjour",
+  "inpatient": "Patient Hospitalisé",
+  "inventory": "Inventaire",
+  "laboratory": "Laboratoire",
+  "legacyUI": "Legacy UI",
+  "license": "Licence",
+  "mch": "Santé Maternelle et Infantile",
+  "outpatient": "Patient Externe",
+  "pharmacy": "Pharmacie",
+  "procedures": "Procédures",
+  "radiology": "Radiologie",
+  "referral": "Référence",
+  "registration": "Inscription",
+  "reports": "Rapports",
+  "specialClinics": "Cliniques Spécialisées",
+  "staffManagement": "Gestion du Personnel",
+  "triage": "Triage",
+  "unlicensed": "Sans Licence",
+  "valid": "Valide"
+}

package/translations/he.json

@@ -0,0 +1,33 @@
+{
+  "administration": "ניהול",
+  "appointments": "תורים",
+  "billing": "חיוב",
+  "caution": "זהירות",
+  "clockIn": "Clock In",
+  "dental": "רפואת שיניים",
+  "expired": "פג תוקף",
+  "expires": "פג תוקף ב",
+  "expiring": "עומד לפוג",
+  "facilityAnalytics": "ניתוח מתקן",
+  "goodAfternoon": "אחר צהריים טובים",
+  "goodEvening": "ערב טוב",
+  "goodMorning": "בוקר טוב",
+  "inpatient": "מאושפז",
+  "inventory": "מלאי",
+  "laboratory": "מעבדה",
+  "legacyUI": "Legacy UI",
+  "license": "רישיון",
+  "mch": "בריאות האם והילד",
+  "outpatient": "מרפאת חוץ",
+  "pharmacy": "בית מרקחת",
+  "procedures": "הליכים",
+  "radiology": "רדיולוגיה",
+  "referral": "הפניה",
+  "registration": "רישום",
+  "reports": "דוחות",
+  "specialClinics": "מרפאות מיוחדות",
+  "staffManagement": "ניהול צוות",
+  "triage": "מיון",
+  "unlicensed": "ללא רישיון",
+  "valid": "תקף"
+}

package/translations/km.json

@@ -0,0 +1,33 @@
+{
+  "administration": "រដ្ឋបាល",
+  "appointments": "ការណាត់ជួប",
+  "billing": "ការចេញវិក័យប័ត្រ",
+  "caution": "ប្រយ័ត្ន",
+  "clockIn": "Clock In",
+  "dental": "ធ្មេញ",
+  "expired": "ផុតកំណត់",
+  "expires": "ផុតកំណត់",
+  "expiring": "ជិតផុតកំណត់",
+  "facilityAnalytics": "វិភាគមណ្ឌល",
+  "goodAfternoon": "ថ្ងៃត្រង់ល្អ",
+  "goodEvening": "ល្ងាចល្អ",
+  "goodMorning": "អរុណសួស្តី",
+  "inpatient": "អ្នកជំងឺស្នាក់នៅ",
+  "inventory": "សារពើភណ្ឌ",
+  "laboratory": "មន្ទីរពិសោធន៍",
+  "legacyUI": "Legacy UI",
+  "license": "អាជ្ញាប័ណ្ណ",
+  "mch": "សុខភាពម្តាយនិងកូន",
+  "outpatient": "អ្នកជំងឺខាងក្រៅ",
+  "pharmacy": "ឱសថស្ថាន",
+  "procedures": "នីតិវិធី",
+  "radiology": "វិទ្យុសកម្ម",
+  "referral": "ការបញ្ជូន",
+  "registration": "ការចុះឈ្មោះ",
+  "reports": "របាយការណ៍",
+  "specialClinics": "គ្លីនិកពិសេស",
+  "staffManagement": "ការគ្រប់គ្រងបុគ្គលិក",
+  "triage": "ការវាយតម្លៃបន្ទាន់",
+  "unlicensed": "គ្មានអាជ្ញាប័ណ្ណ",
+  "valid": "ត្រឹមត្រូវ"
+}

package/translations/pt.json

@@ -0,0 +1,33 @@
+{
+  "administration": "Administração",
+  "appointments": "Consultas",
+  "billing": "Faturamento",
+  "caution": "Cuidado",
+  "clockIn": "Clock In",
+  "dental": "Odontologia",
+  "expired": "Expirado",
+  "expires": "Expira",
+  "expiring": "Expirando",
+  "facilityAnalytics": "Análise de Instalações",
+  "goodAfternoon": "Boa Tarde",
+  "goodEvening": "Boa Noite",
+  "goodMorning": "Bom Dia",
+  "inpatient": "Internado",
+  "inventory": "Inventário",
+  "laboratory": "Laboratório",
+  "legacyUI": "Legacy UI",
+  "license": "Licença",
+  "mch": "Saúde Materno-Infantil",
+  "outpatient": "Ambulatório",
+  "pharmacy": "Farmácia",
+  "procedures": "Procedimentos",
+  "radiology": "Radiologia",
+  "referral": "Referência",
+  "registration": "Registro",
+  "reports": "Relatórios",
+  "specialClinics": "Clínicas Especiais",
+  "staffManagement": "Gestão de Pessoal",
+  "triage": "Triagem",
+  "unlicensed": "Sem Licença",
+  "valid": "Válido"
+}

package/translations/sw.json

@@ -0,0 +1,33 @@
+{
+  "administration": "Utawala",
+  "appointments": "Ratiba za Miadi",
+  "billing": "Ukusanyaji wa Malipo",
+  "caution": "Onyo",
+  "clockIn": "Clock In",
+  "dental": "Huduma za Meno",
+  "expired": "Imekwisha Muda",
+  "expires": "Muda Unaisha",
+  "expiring": "Karibu Kuisha",
+  "facilityAnalytics": "Uchanganuzi wa Kituo",
+  "goodAfternoon": "Habari za Mchana",
+  "goodEvening": "Habari za Jioni",
+  "goodMorning": "Habari za Asubuhi",
+  "inpatient": "Wagonjwa Waliolazwa",
+  "inventory": "Ghala la Vifaa",
+  "laboratory": "Maabara",
+  "legacyUI": "Legacy UI",
+  "license": "Leseni",
+  "mch": "Afya ya Mama na Mtoto",
+  "outpatient": "Wagonjwa wa Nje",
+  "pharmacy": "Duka la Dawa",
+  "procedures": "Vitendo vya Matibabu",
+  "radiology": "Huduma za Eksirei",
+  "referral": "Rufaa",
+  "registration": "Usajili wa Wagonjwa",
+  "reports": "Ripoti",
+  "specialClinics": "Kliniki za Kitaalamu",
+  "staffManagement": "Usimamizi wa Wafanyakazi",
+  "triage": "Upimaji wa Dharura",
+  "unlicensed": "Haina Leseni",
+  "valid": "Halali"
+}

package/translations/vi.json

@@ -0,0 +1,33 @@
+{
+  "administration": "Quản Trị",
+  "appointments": "Lịch Hẹn",
+  "billing": "Thanh Toán",
+  "caution": "Cảnh Báo",
+  "clockIn": "Clock In",
+  "dental": "Nha Khoa",
+  "expired": "Đã Hết Hạn",
+  "expires": "Hết Hạn",
+  "expiring": "Sắp Hết Hạn",
+  "facilityAnalytics": "Phân Tích Cơ Sở",
+  "goodAfternoon": "Chào Buổi Chiều",
+  "goodEvening": "Chào Buổi Tối",
+  "goodMorning": "Chào Buổi Sáng",
+  "inpatient": "Nội Trú",
+  "inventory": "Kho",
+  "laboratory": "Phòng Xét Nghiệm",
+  "legacyUI": "Legacy UI",
+  "license": "Giấy Phép",
+  "mch": "Sức Khỏe Bà Mẹ và Trẻ Em",
+  "outpatient": "Ngoại Trú",
+  "pharmacy": "Nhà Thuốc",
+  "procedures": "Thủ Tục",
+  "radiology": "Chẩn Đoán Hình Ảnh",
+  "referral": "Giới Thiệu",
+  "registration": "Đăng Ký",
+  "reports": "Báo Cáo",
+  "specialClinics": "Phòng Khám Chuyên Khoa",
+  "staffManagement": "Quản Lý Nhân Viên",
+  "triage": "Phân Loại",
+  "unlicensed": "Không Có Giấy Phép",
+  "valid": "Hợp Lệ"
+}

package/translations/zh.json

@@ -0,0 +1,33 @@
+{
+  "administration": "行政管理",
+  "appointments": "预约",
+  "billing": "计费",
+  "caution": "警告",
+  "clockIn": "Clock In",
+  "dental": "牙科",
+  "expired": "已过期",
+  "expires": "到期",
+  "expiring": "即将到期",
+  "facilityAnalytics": "设施分析",
+  "goodAfternoon": "下午好",
+  "goodEvening": "晚上好",
+  "goodMorning": "早上好",
+  "inpatient": "住院患者",
+  "inventory": "库存",
+  "laboratory": "化验室",
+  "legacyUI": "Legacy UI",
+  "license": "许可证",
+  "mch": "妇幼保健",
+  "outpatient": "门诊患者",
+  "pharmacy": "药房",
+  "procedures": "程序",
+  "radiology": "放射科",
+  "referral": "转诊",
+  "registration": "登记",
+  "reports": "报告",
+  "specialClinics": "专科诊所",
+  "staffManagement": "员工管理",
+  "triage": "分诊",
+  "unlicensed": "无许可证",
+  "valid": "有效"
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*", "../esm-patient-registration-app/src/left-nav"],
+  "exclude": ["src/**/*.test.tsx"]
+}