@ampath/esm-reports-app 1.0.0-next.10

package/src/reports/moh-745/moh-745.scss

@@ -0,0 +1,67 @@
+
+h3 {
+    text-align: center;
+}
+.tableContainer {
+    margin-left: 2rem;
+    margin-bottom: 2rem;
+    margin-top: 1rem;
+}
+
+.sectionTitle {
+    margin-left: 1rem ;
+}
+
+.table {
+  width: auto;
+  border-collapse: collapse;
+  
+}
+
+.tableBordered td,
+.tableBordered th {
+  border: 1px solid #ccc;
+  padding: 0.3rem;
+  font-size: small;
+}
+
+.tableBordered th {
+    font-weight: bold;
+} 
+
+.tableStriped tbody tr:nth-of-type(odd) {
+  background-color: #f9f9f9;
+}
+
+.rotateUp {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg); 
+}
+
+span {
+    font-weight: normal;
+    padding: 2px;
+}
+.location {
+  margin: 2rem;
+  display: flex;
+  flex-wrap: nowrap;     
+  align-items: center;
+  gap: 12px;             
+  white-space: nowrap;   
+}
+
+
+.line {
+  display: inline-block;
+  width: 150px;
+  border-bottom: 1px solid #000;
+  margin-left: 4px;
+}
+
+.shortLine {
+  display: inline-block;
+  width: 90px;
+  border-bottom: 1px solid #000;
+  margin-left: 4px;
+}

package/src/reports/table-wrapper/table-row-mapper.component.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import { TableRow, TableCell } from "@carbon/react";
+import styles from './table-wrapper.scss';
+import { navigate } from "@openmrs/esm-framework";
+
+interface TableRowMapperProps {
+    tableRows: {
+        tableCells: Array<{
+            key: string;
+            label: any;
+            strong: boolean;
+            colSpan: number;
+            rowSpan: number;
+        }>
+    }[],
+    data?: any
+}
+
+const TableRowMapper: React.FC<TableRowMapperProps> = ({ tableRows, data }) => {
+    return <>
+        {tableRows.map((tR) => (
+            <TableRow>
+                {tR.tableCells.map((tC, i) => {
+                    const value = data ? data[tC.key] : "";
+
+                    const onClick = () => {
+                        if (!tC.label) {
+                            navigate({ to: "home/reports/moh-240" });
+                        }
+                    };
+
+                    return <TableCell className={styles.dataCell} colSpan={tC.colSpan} key={i} onClick={onClick} {...({ rowSpan: tC.rowSpan } as any)}>
+                        {tC.label ? (tC.strong ? <strong>{tC.label}</strong> : tC.label) : value}
+                    </TableCell>
+
+                })}
+            </TableRow>
+        ))}
+    </>
+}
+
+export default TableRowMapper;

package/src/reports/table-wrapper/table-wrapper.component.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Table, TableBody } from '@carbon/react';
+import styles from './table-wrapper.scss';
+
+interface TableWrapperProps {
+    children: React.ReactNode;
+}
+
+const TableWrapper: React.FC<TableWrapperProps> = ({ children }) => {
+    return <>
+        <div className={styles.tableWrapper}>
+            <Table size="sm" className={styles.tableComponent}>
+                <TableBody>
+                    {children}
+                </TableBody>
+            </Table>
+        </div>
+    </>
+}
+
+export default TableWrapper;

package/src/reports/table-wrapper/table-wrapper.scss

@@ -0,0 +1,31 @@
+.tableWrapper {
+  overflow-x: auto;
+  border: 1px solid #d0d0d0;
+  border-radius: 4px;
+}
+
+.tableContainer {
+  width: 100%;
+  border-collapse: collapse;
+
+  thead {
+    background-color: #f4f4f4;
+  }
+
+  tbody tr {
+    border-bottom: 1px solid #e0e0e0;
+  }
+}
+
+.dataCell {
+  padding: 0.01rem;
+  border: 1px solid #d0d0d0;
+  text-align: center;
+  height: 20px;
+  min-width: 50px;
+  font-size: small;
+
+  &:hover {
+    background-color: #f0f7ff;
+  }
+}

package/src/resources/moh-705.resource.ts

@@ -0,0 +1,60 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh710Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh705a(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-705a`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch dashboard summary: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
+  }
+}
+
+export async function getMoh705b(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-705b`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch dashboard summary: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
+  }
+}

package/src/resources/moh-710.resource.ts

@@ -0,0 +1,34 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh710Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh710(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-710`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch dashboard summary: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
+  }
+}

package/src/resources/moh-711.resource.ts

@@ -0,0 +1,34 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh711Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh711(params: Moh711Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-711`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch dashboard summary: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-711 report: ${error.message}`);
+  }
+}

package/src/resources/moh-717.resource.ts

@@ -0,0 +1,35 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh717Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh717(params: Moh717Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-717`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch dashboard summary: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-717 report: ${error.message}`);
+  }
+}

package/src/resources/moh-745.resource.ts

@@ -0,0 +1,34 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh710Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh745(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-745`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch dashboard summary: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
+  }
+}

package/src/root.component.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import ReportsDashboard from './dashboard/reports-dasboard';
+import Moh710Report from './reports/moh-710/moh-710.component';
+import Moh711Report from './reports/moh-711/moh-711.component';
+import Moh717Report from './reports/moh-717/moh-717.component';
+import MoH706Report from './reports/moh-706/moh-706.component';
+import Moh240Report from './reports/moh-240/moh-240.component';
+import Moh505Report from './reports/moh-505/moh-505.component';
+import Moh705BComponent from './reports/moh-705B/moh-705b.component';
+import Moh705AComponent from './reports/moh-705a/moh-705a.component';
+import Moh745Component from './reports/moh-745/moh-745.component';
+
+const RootComponent: React.FC = () => {
+  const baseName = window.getOpenmrsSpaBase() + 'home/reports';
+
+  return (
+    <BrowserRouter basename={baseName}>
+      <Routes>
+        <Route path="/" element={<ReportsDashboard />} />
+        <Route path="/moh-710" element={<Moh710Report />} />
+        <Route path="/moh-711" element={<Moh711Report />} />
+        <Route path="/moh-717" element={<Moh717Report />} />
+        <Route path="/moh-706" element={<MoH706Report />} />
+        <Route path="/moh-240" element={<Moh240Report />} />
+        <Route path="/moh-505" element={<Moh505Report />} />
+        <Route path="/moh-705a" element={<Moh705AComponent />} />
+        <Route path="/moh-705b" element={<Moh705BComponent />} />
+        <Route path="/moh-745" element={<Moh745Component />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
+
+export default RootComponent;

package/src/root.scss

@@ -0,0 +1,15 @@
+@use '@carbon/layout';
+@use '@carbon/type';
+
+.container {
+  padding: layout.$spacing-07;
+}
+
+.welcome {
+  @include type.type-style('heading-04');
+  margin: layout.$spacing-05 0;
+}
+
+.explainer {
+  margin-bottom: layout.$spacing-07;
+}

package/src/routes.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "fhir2": ">=1.2",
+    "webservices.rest": ">=2.2.0"
+  },
+  "extensions": [
+    {
+      "name": "ampath-reports-dashboard-link",
+      "component": "reportsDashboardLink",
+      "slot": "homepage-dashboard-slot",
+      "meta": {
+        "name": "reports",
+        "slot": "ampath-reports-dashboard-slot",
+        "title": "Reports"
+      },
+      "online": true,
+      "offline": true
+    },
+    {
+      "component": "root",
+      "name": "ampath-reports-dashboard-root",
+      "slot": "ampath-reports-dashboard-slot"
+    }
+  ],
+  "pages": []
+}

package/src/utils/get-base-url.ts

@@ -0,0 +1,12 @@
+import { getConfig } from '@openmrs/esm-framework';
+import { moduleName } from '../index';
+
+export async function getEtlBaseUrl() {
+  const { etlBaseUrl } = await getConfig(moduleName);
+  return etlBaseUrl ?? null;
+}
+
+export async function getSubDomain() {
+  const { subDomain } = await getConfig(moduleName);
+  return subDomain ?? null;
+}

package/src/utils/utils.ts

@@ -0,0 +1,7 @@
+export const getCell = (key = "", label = "", colSpan = 1, rowSpan = 1, strong = false) => ({
+    key,
+    label,
+    strong,
+    colSpan,
+    rowSpan
+});

package/tools/i18next-parser.config.js

@@ -0,0 +1,89 @@
+module.exports = {
+  contextSeparator: '_',
+  // Key separator used in your translation keys
+
+  createOldCatalogs: false,
+  // Save the \_old files
+
+  defaultNamespace: 'translations',
+  // Default namespace used in your i18next config
+
+  defaultValue: '',
+  // Default value to give to empty keys
+  // You may also specify a function accepting the locale, namespace, and key as arguments
+
+  indentation: 2,
+  // Indentation of the catalog files
+
+  keepRemoved: false,
+  // Keep keys from the catalog that are no longer in code
+
+  keySeparator: '.',
+  // Key separator used in your translation keys
+  // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
+
+  // see below for more details
+  lexers: {
+    hbs: ['HandlebarsLexer'],
+    handlebars: ['HandlebarsLexer'],
+
+    htm: ['HTMLLexer'],
+    html: ['HTMLLexer'],
+
+    mjs: ['JavascriptLexer'],
+    js: ['JavascriptLexer'], // if you're writing jsx inside .js files, change this to JsxLexer
+    ts: ['JavascriptLexer'],
+    jsx: ['JsxLexer'],
+    tsx: ['JsxLexer'],
+
+    default: ['JavascriptLexer'],
+  },
+
+  lineEnding: 'auto',
+  // Control the line ending. See options at https://github.com/ryanve/eol
+
+  locales: ['en'],
+  // An array of the locales in your applications
+
+  namespaceSeparator: ':',
+  // Namespace separator used in your translation keys
+  // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
+
+  output: '$NAMESPACE/$LOCALE.json',
+  // Supports $LOCALE and $NAMESPACE injection
+  // Supports JSON (.json) and YAML (.yml) file formats
+  // Where to write the locale files relative to process.cwd()
+
+  pluralSeparator: '_',
+  // Plural separator used in your translation keys
+  // If you want to use plain english keys, separators such as `_` might conflict. You might want to set `pluralSeparator` to a different string that does not occur in your keys.
+
+  input: undefined,
+  // An array of globs that describe where to look for source files
+  // relative to the location of the configuration file
+
+  sort: true,
+  // Whether or not to sort the catalog
+
+  useKeysAsDefaultValue: false,
+  // Whether to use the keys as the default value; ex. "Hello": "Hello", "World": "World"
+  // This option takes precedence over the `defaultValue` and `skipDefaultValues` options
+  // You may also specify a function accepting the locale and namespace as arguments
+
+  verbose: false,
+  // Display info about the parsing including some stats
+
+  failOnWarnings: false,
+  // Exit with an exit code of 1 on warnings
+
+  customValueTemplate: null,
+  // If you wish to customize the value output the value as an object, you can set your own format.
+  // ${defaultValue} is the default value you set in your translation function.
+  // Any other custom property will be automatically extracted.
+  //
+  // Example:
+  // {
+  //   message: "${defaultValue}",
+  //   description: "${maxLength}", // t('my-key', {maxLength: 150})
+  // }
+};

package/tools/setup-tests.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/tools/update-openmrs-deps.mjs

@@ -0,0 +1,43 @@
+import { execSync } from 'node:child_process';
+
+try {
+  // NB for other places use '@openmrs/*@next'; here we want to ignore patient-common-lib
+  execSync(`yarn up --fixed '@openmrs/*@next' 'openmrs@next'`, {
+    stdio: ['ignore', 'inherit', 'inherit'],
+    windowsHide: true,
+  });
+} catch (error) {
+  console.error(`Error while updating dependencies: ${error.message ?? error}`);
+  process.exit(1);
+}
+
+try {
+  execSync(`yarn dedupe`, {
+    stdio: ['ignore', 'inherit', 'inherit'],
+    windowsHide: true,
+  });
+} catch (error) {
+  console.error(`Error while deduplicating dependencies: ${error.message ?? error}`);
+  process.exit(1);
+}
+
+try {
+  execSync(`git diff-index --quiet HEAD --`, {
+    stdio: 'ignore',
+    windowsHide: true,
+  });
+  process.exit(0);
+} catch (error) {
+  // git diff-index --quite HEAD --
+  // exits with status 1 if there are changes; we only need to run yarn verify if there are changes
+}
+
+try {
+  execSync(`yarn verify`, {
+    stdio: ['ignore', 'inherit', 'inherit'],
+    windowsHide: true,
+  });
+} catch (error) {
+  console.error(`Error while running yarn verify: ${error.message ?? error}. Updates require manual intervention.`);
+  process.exit(1);
+}

package/translations/am.json

@@ -0,0 +1,24 @@
+{
+  "casualGreeting": "hey",
+  "configSystem": "የማዋቀር ስርዓት",
+  "configSystemExplainer": "ከዚህ በታች የሚታየው ሰላምታ የሚመራው በማዋቀር ስርዓቱ ነው። የማዋቀር ባህሪያቱን ለመቀየር በአሳሹ ውስጥ ያለውን የስፓነር አዶ ጠቅ ያድርጉ የአስፈፃሚ መሳሪያዎች ፓነልን ለመሳብ። በመቀጠል በ <4>የፍለጋ ውቅረት</4> ግቤት ውስጥ <2>አብነት</2>ን ይተይቡ። ይህ ለዚህ ሞጁል ተዛማጅ የሆኑትን ብቻ ለማሳየት የማዋቀሪያ ባህሪያትን ማጣራት አለበት. በUI ውስጥ የሚንፀባረቁትን ለውጦች ለማየት የእነዚህን ንብረቶች እሴቶች መለወጥ እና <6>አስቀምጥ</6>ን ጠቅ ማድረግ ይችላሉ",
+  "connect": "ተገናኝ",
+  "connectExplainer": "ከማህበረሰቡ ጋር ይገናኙ",
+  "dataFetching": "ውሂብ ማምጣት",
+  "designDocs": "የንድፍ መመሪያ",
+  "designDocsExplainer": "የ O3 ንድፍ ሰነድ ያንብቡ",
+  "explainer": "የሚከተሉት ምሳሌዎች የ O3 ማዕቀፍ አንዳንድ ቁልፍ ባህሪያትን ያሳያሉ",
+  "extensionExplainer": "አንዳንድ ባለቀለም ሳጥኖች እዚህ አሉ። በአንድ ማስገቢያ ውስጥ እንደ ቅጥያ ስለተያያዙ፣ አስተዳዳሪው ውቅረትን ተጠቅሞ የሚታዩትን ሳጥኖች መለወጥ ይችላል። እነዚህ ሳጥኖች በዚህ ሞጁል ውስጥ ይገለጻሉ, ነገር ግን በተለየ ሞጁል ውስጥ ቢሆኑም እንኳ ከዚህ ማስገቢያ ጋር ማያያዝ ይችላሉ",
+  "extensionSystem": "የኤክስቴንሽን ስርዓት",
+  "formalGreeting": "ሀሎ",
+  "frontendDocs": "የፊት-መጨረሻ መመሪያ",
+  "getPatient": "የተሰየመ ታካሚ ያግኙ",
+  "getStarted": "እንጀምር",
+  "getStartedExplainer": "ከዚህ አብነት የፊት ለፊት ሞጁል ይፍጠሩ",
+  "learnExplainer": "የ O3 ማዕቀፍን እንዴት መጠቀም እንደሚችሉ ይወቁ",
+  "loading": "በመጫን ላይ",
+  "patientGetterExplainer": "በሽተኛውን ከኤፒአይ ለማውጣት ከታች ያለውን አዝራር ጠቅ ያድርጉ",
+  "resources": "መርጃዎች",
+  "usefulLinks": "ከዚህ በታች ወደ ጠቃሚ ሀብቶች አንዳንድ አገናኞች አሉ",
+  "welcomeText": "ወደ O3 አብነት መተግበሪያ እንኳን በደህና መጡ"
+}

package/translations/en.json

@@ -0,0 +1,24 @@
+{
+  "casualGreeting": "hey",
+  "configSystem": "Configuration system",
+  "configSystemExplainer": "The greeting shown below is driven by the configuration system. To change the configuration properties, click the spanner icon in the navbar to pull up the Implementer Tools panel. Then, type <2>template</2> into the <4>Search configuration</4> input. This should filter the configuration properties to show only those that are relevant to this module. You can change the values of these properties and click <6>Save</6> to see the changes reflected in the UI",
+  "connect": "Connect",
+  "connectExplainer": "Get in touch with the community",
+  "dataFetching": "Data fetching",
+  "designDocs": "Design docs",
+  "designDocsExplainer": "Read the O3 design documentation",
+  "explainer": "The following examples demonstrate some key features of the O3 framework",
+  "extensionExplainer": "Here are some colored boxes. Because they are attached as extensions within a slot, an admin can change what boxes are shown using configuration. These boxes happen to be defined in this module, but they could attach to this slot even if they were in a different module",
+  "extensionSystem": "Extension system",
+  "formalGreeting": "hello",
+  "frontendDocs": "Frontend docs",
+  "getPatient": "Get a patient named",
+  "getStarted": "Get started",
+  "getStartedExplainer": "Create a frontend module from this template",
+  "learnExplainer": "Learn how to use the O3 framework",
+  "loading": "Loading",
+  "patientGetterExplainer": "Try clicking the button below to fetch a patient from the backend",
+  "resources": "Resources",
+  "usefulLinks": "Below are some links to useful resources",
+  "welcomeText": "Welcome to the O3 Template app"
+}