@kenyaemr/esm-version-app 5.4.3 → 5.4.4-pre.12

package/src/about/about.component.tsx

@@ -1,45 +1,212 @@
-import React, { useEffect } from 'react';
+import React, { useMemo } from 'react';
+import { useTranslation, type TFunction } from 'react-i18next';
+import { formatDatetime, useConfig } from '@openmrs/esm-framework';
+import { InlineLoading } from '@carbon/react';
+import { Phone, Email, Location, Globe, WarningAlt } from '@carbon/react/icons';
+
 import styles from './about.scss';
-import { useModules } from '../hooks/useModules';
-import { formatDate, formatDatetime, showNotification } from '@openmrs/esm-framework';
+import { useModules, useGlobalProperty } from '../hooks/useModules';
 import FrontendModule from '../frontend-modules/frontend-modules.component';
+import type { FacilityContacts, FacilityInformation } from '../types';
+
 const packageInfo = require('../release-version.js');
 
+function parseFacilityInformation(value: unknown): FacilityInformation | null {
+  if (value == null) {
+    return null;
+  }
+
+  if (typeof value === 'object' && !Array.isArray(value)) {
+    return value as FacilityInformation;
+  }
+
+  if (typeof value === 'string') {
+    try {
+      return JSON.parse(value) as FacilityInformation;
+    } catch {
+      return null;
+    }
+  }
+
+  return null;
+}
+
+interface FacilityHeaderProps {
+  facilityName: string;
+  taglineText?: string;
+  logoSrc: string;
+  titleClassName: string;
+  taglineClassName: string;
+  logoAlt: string;
+}
+
+const FacilityHeader: React.FC<FacilityHeaderProps> = ({
+  facilityName,
+  taglineText,
+  logoSrc,
+  titleClassName,
+  taglineClassName,
+  logoAlt,
+}) => (
+  <div className={titleClassName}>
+    <img src={logoSrc} alt={logoAlt} width="300" height="100" />
+    <div>
+      <h3>{facilityName}</h3>
+      {taglineText ? <p className={taglineClassName}>{taglineText}</p> : null}
+    </div>
+  </div>
+);
+
+interface FacilityContactsProps {
+  contacts?: FacilityContacts;
+  contactsClassName: string;
+  contactItemClassName: string;
+  t: TFunction;
+}
+
+const FacilityContactsSection: React.FC<FacilityContactsProps> = ({
+  contacts,
+  contactsClassName,
+  contactItemClassName,
+  t,
+}) => {
+  if (
+    !contacts ||
+    (!contacts.tel && !contacts.email && !contacts.emergency && !contacts.address && !contacts.website)
+  ) {
+    return null;
+  }
+
+  return (
+    <div className={contactsClassName}>
+      {contacts.tel && (
+        <div className={contactItemClassName}>
+          <Phone size={16} />
+          <span>{contacts.tel}</span>
+        </div>
+      )}
+      {contacts.email && (
+        <div className={contactItemClassName}>
+          <Email size={16} />
+          <a href={`mailto:${contacts.email}`}>{contacts.email}</a>
+        </div>
+      )}
+      {contacts.emergency && (
+        <div className={contactItemClassName}>
+          <WarningAlt size={16} />
+          <span>
+            {t('emergency', 'Emergency')}: {contacts.emergency}
+          </span>
+        </div>
+      )}
+      {contacts.address && (
+        <div className={contactItemClassName}>
+          <Location size={16} />
+          <span>{contacts.address}</span>
+        </div>
+      )}
+      {contacts.website && (
+        <div className={contactItemClassName}>
+          <Globe size={16} />
+          <a
+            href={contacts.website.startsWith('http') ? contacts.website : `https://${contacts.website}`}
+            target="_blank"
+            rel="noopener noreferrer">
+            {contacts.website}
+          </a>
+        </div>
+      )}
+    </div>
+  );
+};
+
+interface VersionDetailsProps {
+  kenyaEmrVersion?: string;
+  spaVersion: string;
+  buildDate: Date;
+  aboutBodyClassName: string;
+  t: TFunction;
+}
+
+const VersionDetails: React.FC<VersionDetailsProps> = ({
+  kenyaEmrVersion,
+  spaVersion,
+  buildDate,
+  aboutBodyClassName,
+  t,
+}) => (
+  <div className={aboutBodyClassName}>
+    <p>{t('mainModuleVersion', 'Main Module Version')}</p>
+    <p>{`v${kenyaEmrVersion ?? '—'}`}</p>
+    <p>{t('spaVersion', 'SPA Version')}</p>
+    <p>{`v${spaVersion}`}</p>
+    <p>{t('buildDateTime', 'Build date time')}</p>
+    <p>{formatDatetime(buildDate, { mode: 'standard' })}</p>
+  </div>
+);
+
 interface AboutProps {}
 
 const About: React.FC<AboutProps> = () => {
-  const { modules, isLoading } = useModules();
-  const kenyaEMR = modules.find(({ uuid }) => uuid === 'kenyaemr');
-  const { title, container, aboutBody, aboutPage } = styles;
+  const { t } = useTranslation();
+  const { modules } = useModules();
+  const { defaultLogoPath } = useConfig();
+  const { data: facilityInformation, isLoading: isFacilityInformationLoading } = useGlobalProperty(
+    'kenyaemr.cashier.receipt.facilityInformation',
+  );
+
+  const kenyaEmrModule = modules.find(({ uuid }) => uuid === 'kenyaemr');
+  const { title, container, aboutBody, aboutPage, tagline, contacts, contactItem } = styles;
   const { VERSION } = packageInfo;
 
+  const facility = useMemo(() => parseFacilityInformation(facilityInformation?.['value']), [facilityInformation]);
+
+  if (isFacilityInformationLoading) {
+    return <InlineLoading description={t('loadingFacilityInformation', 'Loading facility information...')} />;
+  }
+
+  const contactsData = facility?.contacts;
+
+  const facilityName = facility?.facilityName ?? 'Ministry of Health';
+  const facilityTagline = facility?.tagline;
+  const logoAlt = facility?.facilityName ?? t('facilityLogo', 'Facility logo');
+
+  const spaVersion = VERSION.version;
+  const buildDate = new Date(VERSION.buildDate);
+  const kenyaEmrVersion = kenyaEmrModule?.version;
+
   return (
     <div className={styles.main}>
       <div className={aboutPage}>
         <div className={container}>
-          <div className={title}>
-            <div>
-              <h3>Government of Kenya</h3>
-              <h4>Ministry of Health</h4>
-            </div>
-            <img
-              src="/openmrs/ms/uiframework/resource/kenyaemr/images/logos/moh.png"
-              alt="court_of_arms"
-              width="50"
-              height="50"
-            />
-          </div>
-          <div className={aboutBody}>
-            <p>KenyaEMR Version</p>
-            <p>{`v${kenyaEMR?.version}`}</p>
-            <p>SPA Version</p>
-            <p>{`v${VERSION.version}`}</p>
-            <p>Build date time</p>
-            <p>{formatDatetime(new Date(VERSION.buildDate), { mode: 'standard' })}</p>
-          </div>
+          <FacilityHeader
+            facilityName={facilityName}
+            taglineText={facilityTagline}
+            logoSrc={defaultLogoPath}
+            titleClassName={title}
+            taglineClassName={tagline}
+            logoAlt={logoAlt}
+          />
+
+          <FacilityContactsSection
+            contacts={contactsData}
+            contactsClassName={contacts}
+            contactItemClassName={contactItem}
+            t={t}
+          />
+
+          <VersionDetails
+            kenyaEmrVersion={kenyaEmrVersion}
+            spaVersion={spaVersion}
+            buildDate={buildDate}
+            aboutBodyClassName={aboutBody}
+            t={t}
+          />
         </div>
       </div>
-      <FrontendModule />
+      <div className={styles.frontendModules}>
+        <FrontendModule />
+      </div>
     </div>
   );
 };

package/src/about/about.scss

@@ -1,6 +1,7 @@
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/colors';
+@use '@carbon/layout';
 
 .main {
   display: flex;
@@ -12,6 +13,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  width: 100%;
 }
 
 .container {
@@ -21,28 +23,69 @@
   flex-direction: column;
   align-items: center;
   border: 0.5px solid colors.$gray-30;
-  width: 23rem;
+  width: 60rem;
+  padding: layout.$spacing-05;
 }
 
 .title {
   display: flex;
-  align-items: center;
-  padding-bottom: 0.25rem;
-  margin-bottom: 0.25rem;
+  padding-bottom: layout.$spacing-03;
+  margin-bottom: layout.$spacing-03;
   border-bottom: 0.5px solid colors.$gray-30;
   width: 100%;
   justify-content: center;
+  flex-direction: column;
+  align-items: center;
 
   h3 {
-    @include type.type-style('body-compact-02');
+    @include type.type-style('heading-compact-01');
+    text-align: center;
+    margin: 0 0 layout.$spacing-02;
   }
 
-  h4 {
-    @include type.type-style('body-compact-01');
+  img {
+    margin-bottom: layout.$spacing-03;
+    object-fit: contain;
   }
+}
 
-  img {
-    margin-left: 0.25rem;
+.tagline {
+  @include type.type-style('body-compact-01');
+  text-align: center;
+  color: colors.$gray-70;
+  margin: 0;
+  max-width: 28rem;
+}
+
+.contacts {
+  display: flex;
+  flex-direction: column;
+  gap: layout.$spacing-02;
+  width: 100%;
+  padding: layout.$spacing-03 0;
+  margin-bottom: layout.$spacing-03;
+  border-bottom: 0.5px solid colors.$gray-30;
+  align-items: center;
+
+  a {
+    color: colors.$blue-60;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+
+.contactItem {
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-02;
+  @include type.type-style('body-compact-01');
+
+  svg {
+    flex-shrink: 0;
+    color: colors.$gray-70;
   }
 }
 
@@ -56,3 +99,8 @@
     margin-bottom: 0.25rem;
   }
 }
+
+.frontendModules {
+  width: 100%;
+  padding: layout.$spacing-05;
+}

package/src/config-schema.ts

@@ -1 +1,10 @@
-export const configSchema = {};
+import { Type } from '@openmrs/esm-framework';
+
+export const configSchema = {
+  defaultLogoPath: {
+    _type: Type.String,
+    _default: '/openmrs/spa/kenyaemr-login-logo_poweredby_kenyaemr.png',
+    _description:
+      'Path to the default facility logo (relative to SPA base), used when facility information has no logo.',
+  },
+};

package/src/frontend-modules/frontend-modules.component.tsx

@@ -1,32 +1,55 @@
-import React from 'react';
+import React, { useMemo } from 'react';
+import { DataTable, Table, TableHead, TableRow, TableHeader, TableBody, TableCell } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+
 import { useFrontendModules } from '../hooks/useFrontendModules';
-import {
-  StructuredListWrapper,
-  StructuredListHead,
-  StructuredListRow,
-  StructuredListCell,
-  StructuredListBody,
-} from '@carbon/react';
 
 const FrontendModule: React.FC = () => {
+  const { t } = useTranslation();
   const installedModules = useFrontendModules();
+
+  const headers = [
+    { key: 'name', header: t('moduleName', 'Module name') },
+    { key: 'version', header: t('version', 'Version') },
+  ];
+  const rows = useMemo(
+    () =>
+      installedModules.map((module, index) => ({
+        id: `module-${index}`,
+        name: module.name,
+        version: module.version ?? t('noVersionFound', 'No version found'),
+      })),
+    [installedModules, t],
+  );
+
   return (
-    <StructuredListWrapper ariaLabel="Structured list">
-      <StructuredListHead>
-        <StructuredListRow head tabIndex={0}>
-          <StructuredListCell head>Module name</StructuredListCell>
-          <StructuredListCell head>Version</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        {installedModules.map((module) => (
-          <StructuredListRow tabIndex={0}>
-            <StructuredListCell>{module.name}</StructuredListCell>
-            <StructuredListCell>{module.version ?? 'No version found'} </StructuredListCell>
-          </StructuredListRow>
-        ))}
-      </StructuredListBody>
-    </StructuredListWrapper>
+    <DataTable
+      rows={rows}
+      headers={headers}
+      size="sm"
+      useZebraStyles
+      aria-label={t('frontendModules', 'Frontend modules')}>
+      {({ rows, headers, getTableProps, getHeaderProps, getRowProps }) => (
+        <Table {...getTableProps()}>
+          <TableHead>
+            <TableRow>
+              {headers.map((header) => (
+                <TableHeader {...getHeaderProps({ header })}>{header.header}</TableHeader>
+              ))}
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {rows.map((row) => (
+              <TableRow {...getRowProps({ row })}>
+                {row.cells.map((cell) => (
+                  <TableCell key={cell.id}>{cell.value}</TableCell>
+                ))}
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      )}
+    </DataTable>
   );
 };
 

package/src/hooks/useModules.tsx

@@ -14,3 +14,12 @@ export function useModules() {
 
   return { modules: data?.data?.results ?? [], isLoading };
 }
+
+export function useGlobalProperty(property: string) {
+  const { data, isLoading } = useSWRImmutable<{ data: { results: Array<OpenmrsResource> } }>(
+    `/ws/rest/v1/systemsetting?q=${property}&v=full`,
+    openmrsFetch,
+  );
+
+  return { data: data?.data?.results?.[0] ?? [], isLoading };
+}

package/src/release-version.js

@@ -2,10 +2,10 @@
 // IMPORTANT: THIS FILE IS AUTO GENERATED! DO NOT MANUALLY EDIT OR CHECKIN!
 /* tslint:disable */
 export const VERSION = {
-    "dirty": false,
-    "raw": "v5.4.3-0-gbde73da",
-    "hash": "gbde73da",
-    "distance": 0,
+    "dirty": true,
+    "raw": "v5.4.3-13-gff9885f-dirty",
+    "hash": "gff9885f",
+    "distance": 13,
     "tag": "v5.4.3",
     "semver": {
         "options": {
@@ -21,9 +21,9 @@ export const VERSION = {
         "build": [],
         "version": "5.4.3"
     },
-    "suffix": "0-gbde73da",
-    "semverString": "5.4.3",
-    "version": "5.4.3",
-    "buildDate": "2026-02-02T07:55:57.637Z"
+    "suffix": "13-gff9885f-dirty",
+    "semverString": "5.4.3+13.gff9885f",
+    "version": "5.4.4-pre.12",
+    "buildDate": "2026-02-18T05:57:26.877Z"
 };
 /* tslint:enable */

package/src/types/index.ts

@@ -11,3 +11,18 @@ export interface DefaultFacility {
   shaContracted: string;
   shaFacilityExpiryDate: string;
 }
+
+export interface FacilityContacts {
+  tel?: string;
+  email?: string;
+  emergency?: string;
+  address?: string;
+  website?: string;
+}
+
+export interface FacilityInformation {
+  facilityName?: string;
+  tagline?: string;
+  logoPath?: string;
+  contacts?: FacilityContacts;
+}

package/translations/am.json

@@ -1,3 +1,13 @@
 {
-  "systemInfo": "System Info"
+  "buildDateTime": "Build date time",
+  "emergency": "Emergency",
+  "facilityLogo": "Facility logo",
+  "frontendModules": "Frontend modules",
+  "loadingFacilityInformation": "Loading facility information...",
+  "mainModuleVersion": "Main Module Version",
+  "moduleName": "Module name",
+  "noVersionFound": "No version found",
+  "spaVersion": "SPA Version",
+  "systemInfo": "System Info",
+  "version": "Version"
 }

package/translations/en.json

@@ -1,3 +1,13 @@
 {
-  "systemInfo": "System Info"
+  "buildDateTime": "Build date time",
+  "emergency": "Emergency",
+  "facilityLogo": "Facility logo",
+  "frontendModules": "Frontend modules",
+  "loadingFacilityInformation": "Loading facility information...",
+  "mainModuleVersion": "Main Module Version",
+  "moduleName": "Module name",
+  "noVersionFound": "No version found",
+  "spaVersion": "SPA Version",
+  "systemInfo": "System Info",
+  "version": "Version"
 }

package/translations/sw.json

@@ -1,3 +1,13 @@
 {
-  "systemInfo": "System Info"
+  "buildDateTime": "Build date time",
+  "emergency": "Emergency",
+  "facilityLogo": "Facility logo",
+  "frontendModules": "Frontend modules",
+  "loadingFacilityInformation": "Loading facility information...",
+  "mainModuleVersion": "Main Module Version",
+  "moduleName": "Module name",
+  "noVersionFound": "No version found",
+  "spaVersion": "SPA Version",
+  "systemInfo": "System Info",
+  "version": "Version"
 }

package/dist/286.js

@@ -1 +0,0 @@
-(globalThis.webpackChunk_kenyaemr_esm_version_app=globalThis.webpackChunk_kenyaemr_esm_version_app||[]).push([["286"],{3946:function(e,n,t){"use strict";t.d(n,{A:()=>l});var a=t(1452),i=t.n(a),s=t(4567),o=t.n(s)()(i());o.push([e.id,".-esm-version__about__main___ygFSI{display:flex;justify-items:center;flex-direction:column}.-esm-version__about__aboutPage___sinxi{display:flex;justify-content:center;align-items:center}.-esm-version__about__container___Q7mqH{display:flex;justify-content:center;margin:1rem;flex-direction:column;align-items:center;border:.5px solid #c6c6c6;width:23rem}.-esm-version__about__title___LYoZH{display:flex;align-items:center;padding-bottom:.25rem;margin-bottom:.25rem;border-bottom:.5px solid #c6c6c6;width:100%;justify-content:center}.-esm-version__about__title___LYoZH h3{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-version__about__title___LYoZH h4{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-version__about__title___LYoZH img{margin-left:.25rem}.-esm-version__about__aboutBody___Pv2r4{display:grid;grid-template-columns:1fr 1fr;column-gap:.25rem}.-esm-version__about__aboutBody___Pv2r4 p{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);margin-bottom:.25rem}","",{version:3,sources:["webpack://./src/about/about.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,mCACE,YAAA,CACA,oBAAA,CACA,qBAAA,CAGF,wCACE,YAAA,CACA,sBAAA,CACA,kBAAA,CAGF,wCACE,YAAA,CACA,sBAAA,CACA,WAAA,CACA,qBAAA,CACA,kBAAA,CACA,yBAAA,CACA,WAAA,CAGF,oCACE,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gCAAA,CACA,UAAA,CACA,sBAAA,CAEA,uCC+zBE,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD3zBF,uCC2zBE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDvzBF,wCACE,kBAAA,CAIJ,wCACE,YAAA,CACA,6BAAA,CACA,iBAAA,CAEA,0CC6yBE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CD3yBA,oBAAA",sourcesContent:["@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/colors';\n\n.main {\n  display: flex;\n  justify-items: center;\n  flex-direction: column;\n}\n\n.aboutPage {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container {\n  display: flex;\n  justify-content: center;\n  margin: 1rem;\n  flex-direction: column;\n  align-items: center;\n  border: 0.5px solid colors.$gray-30;\n  width: 23rem;\n}\n\n.title {\n  display: flex;\n  align-items: center;\n  padding-bottom: 0.25rem;\n  margin-bottom: 0.25rem;\n  border-bottom: 0.5px solid colors.$gray-30;\n  width: 100%;\n  justify-content: center;\n\n  h3 {\n    @include type.type-style('body-compact-02');\n  }\n\n  h4 {\n    @include type.type-style('body-compact-01');\n  }\n\n  img {\n    margin-left: 0.25rem;\n  }\n}\n\n.aboutBody {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 0.25rem;\n\n  & p {\n    @include type.type-style('label-01');\n    margin-bottom: 0.25rem;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n"],sourceRoot:""}]),o.locals={main:"-esm-version__about__main___ygFSI",aboutPage:"-esm-version__about__aboutPage___sinxi",container:"-esm-version__about__container___Q7mqH",title:"-esm-version__about__title___LYoZH",aboutBody:"-esm-version__about__aboutBody___Pv2r4"};let l=o},5830:function(e,n,t){"use strict";t.d(n,{Q:()=>a});var a={}},9101:function(e,n,t){"use strict";t.r(n),t.d(n,{about:()=>S,startupApp:()=>D,importTranslations:()=>B});var a=t(2722),i=t(5830),s=t(5400),o=t.n(s),l=t(5721),p=t(2591),r=t.n(p),c=t(1740),u=t.n(c),d=t(8128),f=t.n(d),g=t(855),h=t.n(g),y=t(3051),m=t.n(y),b=t(3656),$=t.n(b),A=t(3946),v={};v.styleTagTransform=$(),v.setAttributes=h(),v.insert=f().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=m(),r()(A.A,v);let w=A.A&&A.A.locals?A.A.locals:void 0;var x=t(4924),k=t(438);let z=function(){var e=(0,s.useMemo)(function(){var e;return(null!=(e=window.installedModules)?e:[]).filter(function(e){return!!e&&!!e[1]}).map(function(e){return{version:e[1].version,name:e[0].substring(e[0].indexOf("/")+1)}})},[]);return o().createElement(k.StructuredListWrapper,{ariaLabel:"Structured list"},o().createElement(k.StructuredListHead,null,o().createElement(k.StructuredListRow,{head:!0,tabIndex:0},o().createElement(k.StructuredListCell,{head:!0},"Module name"),o().createElement(k.StructuredListCell,{head:!0},"Version"))),o().createElement(k.StructuredListBody,null,e.map(function(e){var n;return o().createElement(k.StructuredListRow,{tabIndex:0},o().createElement(k.StructuredListCell,null,e.name),o().createElement(k.StructuredListCell,null,null!=(n=e.version)?n:"No version found"," "))})))};var _=t(8766);let C=function(){var e,n,t,i,s,l=(i=(t=(0,x.A)("ws/rest/v1/module?v=custom:(uuid,name,version)",a.openmrsFetch)).data,s=t.isLoading,{modules:null!=(n=null==i||null==(e=i.data)?void 0:e.results)?n:[],isLoading:s}),p=l.modules;l.isLoading;var r=p.find(function(e){return"kenyaemr"===e.uuid}),c=w.title,u=w.container,d=w.aboutBody,f=w.aboutPage,g=_.VERSION;return o().createElement("div",{className:w.main},o().createElement("div",{className:f},o().createElement("div",{className:u},o().createElement("div",{className:c},o().createElement("div",null,o().createElement("h3",null,"Government of Kenya"),o().createElement("h4",null,"Ministry of Health")),o().createElement("img",{src:"/openmrs/ms/uiframework/resource/kenyaemr/images/logos/moh.png",alt:"court_of_arms",width:"50",height:"50"})),o().createElement("div",{className:d},o().createElement("p",null,"KenyaEMR Version"),o().createElement("p",null,"v".concat(null==r?void 0:r.version)),o().createElement("p",null,"SPA Version"),o().createElement("p",null,"v".concat(g.version)),o().createElement("p",null,"Build date time"),o().createElement("p",null,(0,a.formatDatetime)(new Date(g.buildDate),{mode:"standard"}))))),o().createElement(z,null))};var M=window.getOpenmrsSpaBase(),E="@kenyaemr/esm-version-app",B=t(1437),S=(0,a.getSyncLifecycle)(function(){return o().createElement(l.BrowserRouter,{basename:M},o().createElement(C,null))},{featureName:"esm-version-app",moduleName:E});function D(){(0,a.defineConfigSchema)(E,i.Q)}},8766:function(e,n,t){"use strict";t.r(n),t.d(n,{VERSION:()=>a});var a={dirty:!1,raw:"v5.4.3-0-gbde73da",hash:"gbde73da",distance:0,tag:"v5.4.3",semver:{options:{loose:!1,includePrerelease:!1},loose:!1,raw:"v5.4.3",major:5,minor:4,patch:3,prerelease:[],build:[],version:"5.4.3"},suffix:"0-gbde73da",semverString:"5.4.3",version:"5.4.3",buildDate:"2026-02-02T07:55:57.637Z"}},1437:function(e,n,t){var a={"./en.json":["1066","127"],"./sw.json":["3987","40"],"./am.json":["2735","916"],"./fr.json":["8961","501"]};function i(e){if(!t.o(a,e))return Promise.resolve().then(function(){var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n});var n=a[e],i=n[0];return t.e(n[1]).then(function(){return t(i)})}i.keys=()=>Object.keys(a),i.id=1437,e.exports=i}}]);

package/dist/286.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"286.js","sources":["webpack://@kenyaemr/esm-version-app/./src/about/about.scss","webpack://@kenyaemr/esm-version-app/./src/config-schema.ts","webpack://@kenyaemr/esm-version-app/./src/about/about.scss?58a4","webpack://@kenyaemr/esm-version-app/./src/frontend-modules/frontend-modules.component.tsx","webpack://@kenyaemr/esm-version-app/./src/hooks/useFrontendModules.tsx","webpack://@kenyaemr/esm-version-app/./src/about/about.component.tsx","webpack://@kenyaemr/esm-version-app/./src/hooks/useModules.tsx","webpack://@kenyaemr/esm-version-app/./src/root.component.tsx","webpack://@kenyaemr/esm-version-app/./src/index.ts","webpack://@kenyaemr/esm-version-app/./src/release-version.js","webpack://@kenyaemr/esm-version-app//home/runner/work/kenyaemr-esm-3.x/kenyaemr-esm-3.x/packages/esm-version-app/translationslazynonrecursive/.json$/"],"names":["configSchema","installedModules","useMemo","window","filter","module","Boolean","map","version","name","substring","indexOf","StructuredListWrapper","ariaLabel","StructuredListHead","StructuredListRow","head","tabIndex","StructuredListCell","StructuredListBody","packageInfo","require","data","useSWRImmutable","isLoading","useModules","openmrsFetch","modules","results","kenyaEMR","find","uuid","title","styles","container","aboutBody","aboutPage","VERSION","div","className","h3","h4","img","src","alt","width","height","p","formatDatetime","Date","buildDate","mode","FrontendModule","spaRoot","moduleName","importTranslations","about","getSyncLifecycle","BrowserRouter","basename","About","featureName","startupApp","defineConfigSchema","Promise","Error","i","Object"],"mappings":"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"}