@kenyaemr/esm-ward-app 7.0.3-pre.89 → 8.0.1-pre.95

package/src/ward-workspace/ward-patient-notes/history/note.component.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import { type PatientNote } from '../types';
+import { SkeletonText, Tag, Tile } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import dayjs from 'dayjs';
+import styles from './styles.scss';
+
+export const InPatientNoteSkeleton: React.FC = () => {
+  return (
+    <Tile className={styles.noteTile} data-testid="in-patient-note-skeleton">
+      <div className={styles.noteHeader}>
+        <SkeletonText heading width="30%" />
+        <SkeletonText width="20%" />
+      </div>
+      <SkeletonText width="15%" />
+      <SkeletonText width="100%" />
+      <SkeletonText width="80%" />
+    </Tile>
+  );
+};
+
+interface InPatientNoteProps {
+  note: PatientNote;
+}
+
+const InPatientNote: React.FC<InPatientNoteProps> = ({ note }) => {
+  const { t } = useTranslation();
+  const formattedDate = note.encounterNoteRecordedAt
+    ? dayjs(note.encounterNoteRecordedAt).format('dddd, D MMM YYYY')
+    : '';
+  const formattedTime = note.encounterNoteRecordedAt ? dayjs(note.encounterNoteRecordedAt).format('HH:mm') : '';
+
+  return (
+    <Tile className={styles.noteTile}>
+      <div className={styles.noteHeader}>
+        <span className={styles.noteProviderRole}>{t('note', 'Note')}</span>
+        <span className={styles.noteDateAndTime}>
+          {formattedDate}, {formattedTime}
+        </span>
+      </div>
+      {note.diagnoses &&
+        note.diagnoses.split(',').map((diagnosis, index) => (
+          <Tag key={index} type="red">
+            {diagnosis.trim()}
+          </Tag>
+        ))}
+      <div className={styles.noteBody}>{note.encounterNote}</div>
+      <div className={styles.noteProviderName}>{note.encounterProvider}</div>
+    </Tile>
+  );
+};
+
+export default InPatientNote;

package/src/ward-workspace/ward-patient-notes/history/notes-container.component.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { type PatientUuid } from '@openmrs/esm-framework';
+import { usePatientNotes } from '../notes.resource';
+import InPatientNote, { InPatientNoteSkeleton } from './note.component';
+import styles from './styles.scss';
+import { InlineNotification } from '@carbon/react';
+import useEmrConfiguration from '../../../hooks/useEmrConfiguration';
+
+interface PatientNotesHistoryProps {
+  patientUuid: PatientUuid;
+  visitUuid: string;
+}
+
+const PatientNotesHistory: React.FC<PatientNotesHistoryProps> = ({ patientUuid, visitUuid }) => {
+  const { t } = useTranslation();
+  const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
+
+  const { patientNotes, isLoadingPatientNotes, errorFetchingPatientNotes } = usePatientNotes(
+    patientUuid,
+    visitUuid,
+    emrConfiguration?.visitNoteEncounterType?.uuid,
+    emrConfiguration?.consultFreeTextCommentsConcept.uuid,
+  );
+
+  const isLoading = isLoadingPatientNotes || isLoadingEmrConfiguration;
+
+  if (!isLoading && patientNotes.length === 0 && !errorFetchingPatientNotes) return null;
+
+  return (
+    <div className={styles.notesContainer}>
+      <div className={styles.notesContainerHeader}>
+        <div className={styles.notesContainerTitle}>History</div>
+      </div>
+      {isLoading ? [1, 2, 3, 4].map((item, index) => <InPatientNoteSkeleton key={index} />) : null}
+      {patientNotes.map((patientNote) => (
+        <InPatientNote key={patientNote.id} note={patientNote} />
+      ))}
+      {errorFetchingPatientNotes && (
+        <InlineNotification
+          kind="error"
+          title={t('patientNotesDidntLoad', "Patient notes didn't load")}
+          subtitle={t(
+            'fetchingPatientNotesFailed',
+            'Fetching patient notes failed. Try refreshing the page or contact your system administrator.',
+          )}
+          lowContrast
+          hideCloseButton
+        />
+      )}
+    </div>
+  );
+};
+
+export default PatientNotesHistory;

package/src/ward-workspace/ward-patient-notes/history/notes-container.test.tsx

@@ -0,0 +1,84 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import PatientNotesHistory from './notes-container.component';
+import { usePatientNotes } from '../notes.resource';
+import useEmrConfiguration from '../../../hooks/useEmrConfiguration';
+import { emrConfigurationMock } from '__mocks__';
+
+const mockedUseEmrConfiguration = jest.mocked(useEmrConfiguration);
+
+jest.mock('../../../hooks/useEmrConfiguration', () => jest.fn());
+
+jest.mock('../notes.resource', () => ({
+  usePatientNotes: jest.fn(),
+}));
+
+const mockPatientUuid = 'sample-patient-uuid';
+
+const mockPatientNotes = [
+  {
+    id: 'note-1',
+    diagnoses: '',
+    encounterDate: '2024-08-01',
+    encounterNote: 'Patient shows improvement with current medication.',
+    encounterNoteRecordedAt: '2024-08-01T12:34:56Z',
+    encounterProvider: 'Dr. John Doe',
+    encounterProviderRole: 'Endocrinologist',
+  },
+  {
+    id: 'note-2',
+    diagnoses: '',
+    encounterDate: '2024-08-02',
+    encounterNote: 'Blood pressure is slightly elevated. Consider adjusting medication.',
+    encounterNoteRecordedAt: '2024-08-02T14:22:00Z',
+    encounterProvider: 'Dr. Jane Smith',
+    encounterProviderRole: 'Cardiologist',
+  },
+];
+
+describe('PatientNotesHistory', () => {
+  beforeEach(() => {
+    jest.resetAllMocks();
+  });
+
+  test('displays loading skeletons when loading', () => {
+    mockedUseEmrConfiguration.mockReturnValue({
+      emrConfiguration: emrConfigurationMock,
+      mutateEmrConfiguration: jest.fn(),
+      isLoadingEmrConfiguration: false,
+      errorFetchingEmrConfiguration: null,
+    });
+
+    usePatientNotes.mockReturnValue({
+      patientNotes: [],
+      isLoadingPatientNotes: true,
+    });
+
+    render(<PatientNotesHistory patientUuid={mockPatientUuid} />);
+
+    expect(screen.getAllByTestId('in-patient-note-skeleton')).toHaveLength(4);
+  });
+
+  test('displays patient notes when available', () => {
+    mockedUseEmrConfiguration.mockReturnValue({
+      emrConfiguration: emrConfigurationMock,
+      mutateEmrConfiguration: jest.fn(),
+      isLoadingEmrConfiguration: false,
+      errorFetchingEmrConfiguration: null,
+    });
+
+    usePatientNotes.mockReturnValue({
+      patientNotes: mockPatientNotes,
+      isLoadingPatientNotes: false,
+    });
+
+    render(<PatientNotesHistory patientUuid={mockPatientUuid} />);
+
+    expect(screen.getByText('History')).toBeInTheDocument();
+
+    expect(screen.getByText('Patient shows improvement with current medication.')).toBeInTheDocument();
+    expect(screen.getByText('Dr. John Doe')).toBeInTheDocument();
+    expect(screen.getByText('Blood pressure is slightly elevated. Consider adjusting medication.')).toBeInTheDocument();
+    expect(screen.getByText('Dr. Jane Smith')).toBeInTheDocument();
+  });
+});

package/src/ward-workspace/ward-patient-notes/history/styles.scss

@@ -0,0 +1,61 @@
+@use '@carbon/layout';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.notesContainer {
+  margin: layout.$spacing-04;
+  padding-bottom: layout.$spacing-04;
+}
+
+.notesContainerHeader {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: layout.$spacing-05;
+  margin-bottom: layout.$spacing-02;
+}
+
+.notesContainerTitle {
+  font-weight: 600;
+  font-size: layout.$spacing-05;
+  color: #393939;
+}
+
+.noteTile {
+  padding: layout.$spacing-04;
+  margin-bottom: layout.$spacing-04;
+}
+
+.noteHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: layout.$spacing-04;
+}
+
+.noteProviderRole {
+  flex-grow: 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: $text-02;
+}
+
+.noteBody {
+  font-size: 0.875rem;
+  color: $text-02;
+}
+
+.noteDateAndTime {
+  font-size: layout.$spacing-04;
+  color: $text-02;
+}
+
+.noteProviderName {
+  font-size: layout.$spacing-04;
+  margin-top: layout.$spacing-04;
+  color: $text-02;
+}
+
+.noteSkeletonContainer {
+  height: layout.$spacing-13;
+}

package/src/ward-workspace/ward-patient-notes/notes-action-button.extension.tsx

@@ -0,0 +1,18 @@
+import { ActionMenuButton, launchWorkspace, StickyNoteAddIcon } from '@openmrs/esm-framework';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { type WardPatientWorkspaceProps } from '../../types';
+
+export default function WardPatientNotesActionButton() {
+  const { t } = useTranslation();
+
+  return (
+    <ActionMenuButton
+      getIcon={(props) => <StickyNoteAddIcon {...props} size={16} />}
+      label={t('PatientNote', 'Patient Note')}
+      iconDescription={t('PatientNote', 'Patient Note')}
+      handler={() => launchWorkspace<WardPatientWorkspaceProps>('ward-patient-notes-workspace')}
+      type={'ward-patient-notes'}
+    />
+  );
+}

package/src/ward-workspace/ward-patient-notes/notes.resource.ts

@@ -0,0 +1,71 @@
+import { type FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+import { type PatientNote, type UsePatientNotes, type VisitEncountersFetchResponse } from './types';
+import { type EncounterPayload } from '../../types';
+import { useMemo } from 'react';
+
+export function savePatientNote(payload: EncounterPayload, abortController: AbortController = new AbortController()) {
+  return openmrsFetch(`${restBaseUrl}/encounter`, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    method: 'POST',
+    body: payload,
+    signal: abortController.signal,
+  });
+}
+
+export function usePatientNotes(
+  patientUuid: string,
+  visitUuid: string,
+  encounterType: string,
+  conceptUuid: string,
+): UsePatientNotes {
+  const customRepresentation =
+    'custom:(uuid,display,encounterDatetime,patient,obs,' +
+    'encounterProviders:(uuid,display,' +
+    'encounterRole:(uuid,display),' +
+    'provider:(uuid,person:(uuid,display))),' +
+    'diagnoses';
+  const encountersApiUrl = `${restBaseUrl}/encounter?patient=${patientUuid}&encounterType=${encounterType}&visit=${visitUuid}&v=${customRepresentation}`;
+
+  const { data, error, isLoading, isValidating, mutate } = useSWR<FetchResponse<VisitEncountersFetchResponse>, Error>(
+    patientUuid && encounterType ? encountersApiUrl : null,
+    openmrsFetch,
+  );
+
+  const patientNotes: Array<PatientNote> | null = useMemo(
+    () =>
+      data
+        ? data.data.results
+            .map((encounter) => {
+              const noteObs = encounter.obs.find((obs) => obs.concept.uuid === conceptUuid);
+
+              return {
+                id: encounter.uuid,
+                diagnoses: encounter.diagnoses.map((d) => d.display).join(', '),
+                encounterDate: encounter.encounterDatetime,
+                encounterNote: noteObs ? noteObs.value : '',
+                encounterNoteRecordedAt: noteObs ? noteObs.obsDatetime : '',
+                encounterProvider: encounter.encounterProviders.map((ep) => ep.provider.person.display).join(', '),
+                encounterProviderRole: encounter.encounterProviders.map((ep) => ep.encounterRole.display).join(', '),
+              };
+            })
+            .sort(
+              (a, b) => new Date(b.encounterNoteRecordedAt).getTime() - new Date(a.encounterNoteRecordedAt).getTime(),
+            )
+        : [],
+    [data, conceptUuid],
+  );
+
+  return useMemo(
+    () => ({
+      patientNotes,
+      errorFetchingPatientNotes: error,
+      isLoadingPatientNotes: isLoading,
+      isValidatingPatientNotes: isValidating,
+      mutatePatientNotes: mutate,
+    }),
+    [patientNotes, isLoading, isValidating, mutate, error],
+  );
+}

package/src/ward-workspace/ward-patient-notes/notes.workspace.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { type WardPatientWorkspaceProps } from '../../types';
+import WardPatientWorkspaceBanner from '../patient-banner/patient-banner.component';
+import PatientNotesForm from './form/notes-form.component';
+import PatientNotesHistory from './history/notes-container.component';
+
+const WardPatientNotesWorkspace: React.FC<WardPatientWorkspaceProps> = (props) => {
+  const { wardPatient, ...restWorkspaceProps } = props;
+  const patientUuid = wardPatient?.patient?.uuid;
+
+  const notesFormState = {
+    patientUuid,
+    ...restWorkspaceProps,
+  };
+
+  return (
+    <div>
+      <WardPatientWorkspaceBanner {...wardPatient} />
+      <PatientNotesForm {...notesFormState} />
+      <PatientNotesHistory patientUuid={patientUuid} visitUuid={wardPatient?.visit.uuid} />
+    </div>
+  );
+};
+
+export default WardPatientNotesWorkspace;

package/src/ward-workspace/ward-patient-notes/types.ts

@@ -0,0 +1,44 @@
+import { type Concept, type OpenmrsResource } from '@openmrs/esm-framework';
+
+export interface VisitEncountersFetchResponse {
+  results: Array<RESTPatientNote>;
+}
+
+export interface RESTPatientNote extends OpenmrsResource {
+  uuid: string;
+  display: string;
+  encounterDatetime: string;
+  encounterType: { name: string; uuid: string };
+  encounterProviders: [{ encounterRole: { uuid: string; display: string }; provider: { person: { display: string } } }];
+  location: { uuid: string; display: string; name: string };
+  obs: Array<ObsData>;
+  diagnoses: Array<OpenmrsResource>;
+}
+
+export interface PatientNote {
+  id: string;
+  diagnoses: string;
+  encounterDate: string;
+  encounterNote: string;
+  encounterNoteRecordedAt: string;
+  encounterProvider: string;
+  encounterProviderRole: string;
+}
+
+export interface UsePatientNotes {
+  patientNotes: Array<PatientNote> | null;
+  errorFetchingPatientNotes: Error;
+  isLoadingPatientNotes: boolean;
+  isValidatingPatientNotes?: boolean;
+  mutatePatientNotes: () => void;
+}
+
+export interface ObsData {
+  concept: Concept;
+  value?: string | any;
+  groupMembers?: Array<{
+    concept: Concept;
+    value?: string | any;
+  }>;
+  obsDatetime: string;
+}

package/src/ward.resource.ts

@@ -0,0 +1,25 @@
+import { openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import type { Encounter, EncounterPayload } from './types';
+
+export function createEncounter(encounterPayload: EncounterPayload) {
+  return openmrsFetch<Encounter>(`${restBaseUrl}/encounter`, {
+    method: 'POST',
+    headers: {
+      'content-type': 'application/json',
+    },
+    body: encounterPayload,
+  });
+}
+
+export function assignPatientToBed(bedUuid: number, patientUuid: string, encounterUuid: string) {
+  return openmrsFetch(`${restBaseUrl}/beds/${bedUuid}`, {
+    method: 'POST',
+    headers: {
+      'content-type': 'application/json',
+    },
+    body: {
+      patientUuid,
+      encounterUuid,
+    },
+  });
+}

package/translations/en.json

@@ -1,11 +1,72 @@
 {
+  "admissionRequests": "Admission requests",
+  "admissionRequestsCount_one": "{{count}} admission request",
+  "admissionRequestsCount_other": "{{count}} admission requests",
+  "admit": "Admit",
+  "admitPatient": "Admit patient",
+  "admitting": "Admitting...",
+  "bedManagementModuleNotInstalled": "Bed management module is not present to allow bed selection",
   "bedShare": "Bed share",
+  "bedSwap": "Bed swap",
+  "cancel": "Cancel",
+  "chooseAnOption": "Choose an option",
+  "clinicalNoteLabel": "Write your notes",
+  "empty": "Empty",
   "emptyBed": "Empty bed",
-  "errorLoadingPatientAdmissionRequests": "Error Loading Patient Admission Requests",
+  "emptyText": "Empty",
+  "errorAssigningBedToPatient": "Error assigning bed to patient",
+  "errorCreatingEncounter": "Failed to admit patient",
+  "errorCreatingTransferRequest": "Error creating transfer request",
+  "errorLoadingPatientAdmissionRequests": "Error Loading patient admission requests",
   "errorLoadingPatients": "Error loading admitted patients",
   "errorLoadingWardLocation": "Error loading ward location",
+  "female": "Female",
+  "fetchingEmrConfigurationFailed": "Fetching EMR configuration failed. Try refreshing the page or contact your system administrator.",
+  "fetchingPatientNotesFailed": "Fetching patient notes failed. Try refreshing the page or contact your system administrator.",
+  "inpatientNotesWorkspaceTitle": "In-patient notes",
+  "invalidElementIdCopy": "The configuration provided is invalid. It contains the following unknown element ID:",
   "invalidLocationSpecified": "Invalid location specified",
   "invalidWardLocation": "Invalid ward location: {{location}}",
+  "male": "Male",
+  "manage": "Manage",
+  "nextPage": "Next page",
   "noBedsConfigured": "No beds configured for this location",
-  "unknownLocationUuid": "Unknown location uuid: {{locationUuidFromUrl}}"
+  "noBedsConfiguredForLocation": "No beds configured for {{location}} location",
+  "noLocationsFound": "No locations found",
+  "note": "Note",
+  "notes": "Notes",
+  "other": "Other",
+  "patientAdmittedButBedNotAssigned": "Patient admitted successfully but fail to assign bed to patient",
+  "patientAdmittedSuccessfully": "Patient admitted successfully",
+  "patientAdmittedSuccessfullySubtitle": "{{patientName}} has been successfully admitted and assigned to bed {{bedNumber}}",
+  "patientAdmittedWoBed": "Patient admitted successfully to {{location}}",
+  "patientAssignedNewbed": "Patient assigned to new bed",
+  "patientAssignedToBed": "{{patientName}} assigned to bed {{bedNumber}}",
+  "patientNoteNowVisible": "It should be now visible in the notes history",
+  "patientNoteSaveError": "Error saving patient note",
+  "patientNotesDidntLoad": "Patient notes didn't load",
+  "patientTransferRequestCreated": "Patient transfer request created",
+  "pleaseSelectBed": "Please select a bed",
+  "pleaseSelectTransferLocation": "Please select transfer location",
+  "pleaseSelectTransferType": "Please select transfer type",
+  "previousPage": "Previous page",
+  "save": "Save",
+  "saving": "Saving...",
+  "searchForPatient": "Search for a patient",
+  "searchLocations": "Search locations",
+  "selectABed": "Select a bed",
+  "selectALocation": "Select a location",
+  "showingLocations_one": "{{start}}-{{end}} of {{count}} locations",
+  "showingLocations_other": "{{start}}-{{end}} of {{count}} locations",
+  "somePartsOfTheFormDidntLoad": "Some parts of the form didn't load",
+  "transfer": "Transfer",
+  "transferElsewhere": "Transfer elsewhere",
+  "transfers": "Transfers",
+  "transferType": "Transfer type",
+  "typeOfTransfer": "Type of transfer",
+  "unableToSelectBeds": "Unable to select beds",
+  "unknown": "Unknown",
+  "visitNoteSaved": "Patient note saved",
+  "wardClinicalNotePlaceholder": "Write any notes here",
+  "wards": "Wards"
 }

package/dist/443.js

@@ -1 +0,0 @@
-(globalThis.webpackChunk_kenyaemr_esm_ward_app=globalThis.webpackChunk_kenyaemr_esm_ward_app||[]).push([[443],{443:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.r(t),n.d(t,{I18nContext:()=>S,I18nextProvider:()=>ue,Trans:()=>q,Translation:()=>se,composeInitialProps:()=>R,date:()=>ge,getDefaults:()=>N,getI18n:()=>C,getInitialProps:()=>T,initReactI18next:()=>D,number:()=>me,plural:()=>be,select:()=>ve,selectOrdinal:()=>he,setDefaults:()=>k,setI18n:()=>Z,time:()=>ye,useSSR:()=>le,useTranslation:()=>ne,withSSR:()=>de,withTranslation:()=>ae});var o=n(6522),i=n(6666),a=n(5206),c=n(4896),s=n.n(c),u=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function l(e){var t={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},n=e.match(/<\/?([^\s]+?)[/\s>]/);if(n&&(t.name=n[1],(s()[n[1]]||"/"===e.charAt(e.length-2))&&(t.voidElement=!0),t.name.startsWith("!--"))){var r=e.indexOf("--\x3e");return{type:"comment",comment:-1!==r?e.slice(4,r):""}}for(var o=new RegExp(u),i=null;null!==(i=o.exec(e));)if(i[0].trim())if(i[1]){var a=i[1].trim(),c=[a,""];a.indexOf("=")>-1&&(c=a.split("=")),t.attrs[c[0]]=c[1],o.lastIndex--}else i[2]&&(t.attrs[i[2]]=i[3].trim().substring(1,i[3].length-1));return t}var p=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,f=/^\s*$/,d=Object.create(null);function g(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(g,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var y={parse:function(e,t){t||(t={}),t.components||(t.components=d);var n,r=[],o=[],i=-1,a=!1;if(0!==e.indexOf("<")){var c=e.indexOf("<");r.push({type:"text",content:-1===c?e:e.substring(0,c)})}return e.replace(p,(function(c,s){if(a){if(c!=="</"+n.name+">")return;a=!1}var u,p="/"!==c.charAt(1),d=c.startsWith("\x3c!--"),g=s+c.length,y=e.charAt(g);if(d){var m=l(c);return i<0?(r.push(m),r):((u=o[i]).children.push(m),r)}if(p&&(i++,"tag"===(n=l(c)).type&&t.components[n.name]&&(n.type="component",a=!0),n.voidElement||a||!y||"<"===y||n.children.push({type:"text",content:e.slice(g,e.indexOf("<",g))}),0===i&&r.push(n),(u=o[i-1])&&u.children.push(n),o[i]=n),(!p||n.voidElement)&&(i>-1&&(n.voidElement||n.name===c.slice(2,-1))&&(i--,n=-1===i?r:o[i]),!a&&"<"!==y&&y)){u=-1===i?r:o[i].children;var v=e.indexOf("<",g),b=e.slice(g,-1===v?void 0:v);f.test(b)&&(b=" "),(v>-1&&i+u.length>=0||" "!==b)&&u.push({type:"text",content:b})}})),r},stringify:function(e){return e.reduce((function(e,t){return e+g("",t)}),"")}};const m=y;var v=n(9249),b=n(7371),h=/&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g,O={"&amp;":"&","&#38;":"&","&lt;":"<","&#60;":"<","&gt;":">","&#62;":">","&apos;":"'","&#39;":"'","&quot;":'"',"&#34;":'"',"&nbsp;":" ","&#160;":" ","&copy;":"©","&#169;":"©","&reg;":"®","&#174;":"®","&hellip;":"…","&#8230;":"…","&#x2F;":"/","&#47;":"/"},j=function(e){return O[e]};function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x,E={bindI18n:"languageChanged",bindI18nStore:"",transEmptyNodeValue:"",transSupportBasicHtmlNodes:!0,transWrapTextNodes:"",transKeepBasicHtmlNodesFor:["br","strong","i","p"],useSuspense:!0,unescape:function(e){return e.replace(h,j)}},S=(0,a.createContext)();function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};E=P(P({},E),e)}function N(){return E}var I=function(){function e(){(0,v.Z)(this,e),this.usedNamespaces={}}return(0,b.Z)(e,[{key:"addUsedNamespaces",value:function(e){var t=this;e.forEach((function(e){t.usedNamespaces[e]||(t.usedNamespaces[e]=!0)}))}},{key:"getUsedNamespaces",value:function(){return Object.keys(this.usedNamespaces)}}]),e}();function Z(e){x=e}function C(){return x}var D={type:"3rdParty",init:function(e){k(e.options.react),Z(e)}};function R(e){return function(t){return new Promise((function(n){var r=T();e.getInitialProps?e.getInitialProps(t).then((function(e){n(P(P({},e),r))})):n(r)}))}}function T(){var e=C(),t=e.reportNamespaces?e.reportNamespaces.getUsedNamespaces():[],n={},r={};return e.languages.forEach((function(n){r[n]={},t.forEach((function(t){r[n][t]=e.getResourceBundle(n,t)||{}}))})),n.initialI18nStore=r,n.initialLanguage=e.language,n}function A(){if(console&&console.warn){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];"string"==typeof n[0]&&(n[0]="react-i18next:: ".concat(n[0])),(e=console).warn.apply(e,n)}}var L={};function z(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];"string"==typeof t[0]&&L[t[0]]||("string"==typeof t[0]&&(L[t[0]]=new Date),A.apply(void 0,t))}function B(e,t,n){e.loadNamespaces(t,(function(){e.isInitialized?n():e.on("initialized",(function t(){setTimeout((function(){e.off("initialized",t)}),0),n()}))}))}function U(e){return e.displayName||e.name||("string"==typeof e&&e.length>0?e:"Unknown")}var F=["format"],_=["children","count","parent","i18nKey","context","tOptions","values","defaults","components","ns","i18n","t","shouldUnescape"];function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t){if(!e)return!1;var n=e.props?e.props.children:e.children;return t?n.length>0:!!n}function W(e){return e?e.props?e.props.children:e.children:[]}function M(e){return Array.isArray(e)?e:[e]}function $(e,t){if(!e)return"";var n="",i=M(e),c=t.transSupportBasicHtmlNodes&&t.transKeepBasicHtmlNodesFor?t.transKeepBasicHtmlNodesFor:[];return i.forEach((function(e,i){if("string"==typeof e)n+="".concat(e);else if((0,a.isValidElement)(e)){var s=Object.keys(e.props).length,u=c.indexOf(e.type)>-1,l=e.props.children;if(!l&&u&&0===s)n+="<".concat(e.type,"/>");else if(l||u&&0===s)if(e.props.i18nIsDynamicList)n+="<".concat(i,"></").concat(i,">");else if(u&&1===s&&"string"==typeof l)n+="<".concat(e.type,">").concat(l,"</").concat(e.type,">");else{var p=$(l,t);n+="<".concat(i,">").concat(p,"</").concat(i,">")}else n+="<".concat(i,"></").concat(i,">")}else if(null===e)A("Trans: the passed in value is invalid - seems you passed in a null child.");else if("object"===(0,o.Z)(e)){var f=e.format,d=r(e,F),g=Object.keys(d);if(1===g.length){var y=f?"".concat(g[0],", ").concat(f):g[0];n+="{{".concat(y,"}}")}else A("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.",e)}else A("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.",e)})),n}function q(e){var t=e.children,n=e.count,i=e.parent,c=e.i18nKey,s=e.context,u=e.tOptions,l=void 0===u?{}:u,p=e.values,f=e.defaults,d=e.components,g=e.ns,y=e.i18n,v=e.t,b=e.shouldUnescape,h=r(e,_),O=(0,a.useContext)(S)||{},j=O.i18n,w=O.defaultNS,P=y||j||C();if(!P)return z("You will need to pass in an i18next instance by using i18nextReactModule"),t;var x=v||P.t.bind(P)||function(e){return e};s&&(l.context=s);var E=K(K({},N()),P.options&&P.options.react),k=g||x.ns||w||P.options&&P.options.defaultNS;k="string"==typeof k?[k]:k||["translation"];var I=f||$(t,E)||E.transEmptyNodeValue||c,Z=E.hashTransKey,D=c||(Z?Z(I):I),R=p?l.interpolation:{interpolation:K(K({},l.interpolation),{},{prefix:"#$?",suffix:"?$#"})},T=K(K(K(K({},l),{},{count:n},p),R),{},{defaultValue:I,ns:k}),A=function(e,t,n,r,i,c){if(""===t)return[];var s=r.transKeepBasicHtmlNodesFor||[],u=t&&new RegExp(s.join("|")).test(t);if(!e&&!u)return[t];var l={};!function e(t){M(t).forEach((function(t){"string"!=typeof t&&(V(t)?e(W(t)):"object"!==(0,o.Z)(t)||(0,a.isValidElement)(t)||Object.assign(l,t))}))}(e);var p=m.parse("<0>".concat(t,"</0>")),f=K(K({},l),i);function d(e,t,n){var r=W(e),o=y(r,t.children,n);return function(e){return"[object Array]"===Object.prototype.toString.call(e)&&e.every((function(e){return(0,a.isValidElement)(e)}))}(r)&&0===o.length?r:o}function g(e,t,n,r,o){e.dummy&&(e.children=t),n.push((0,a.cloneElement)(e,K(K({},e.props),{},{key:r}),o?void 0:t))}function y(t,i,l){var p=M(t);return M(i).reduce((function(t,i,m){var v,b,h,O=i.children&&i.children[0]&&i.children[0].content&&n.services.interpolator.interpolate(i.children[0].content,f,n.language);if("tag"===i.type){var j=p[parseInt(i.name,10)];!j&&1===l.length&&l[0][i.name]&&(j=l[0][i.name]),j||(j={});var w=0!==Object.keys(i.attrs).length?(v={props:i.attrs},(h=K({},b=j)).props=Object.assign(v.props,b.props),h):j,P=(0,a.isValidElement)(w),x=P&&V(i,!0)&&!i.voidElement,E=u&&"object"===(0,o.Z)(w)&&w.dummy&&!P,S="object"===(0,o.Z)(e)&&null!==e&&Object.hasOwnProperty.call(e,i.name);if("string"==typeof w){var k=n.services.interpolator.interpolate(w,f,n.language);t.push(k)}else if(V(w)||x)g(w,d(w,i,l),t,m);else if(E){var N=y(p,i.children,l);t.push((0,a.cloneElement)(w,K(K({},w.props),{},{key:m}),N))}else if(Number.isNaN(parseFloat(i.name)))if(S)g(w,d(w,i,l),t,m,i.voidElement);else if(r.transSupportBasicHtmlNodes&&s.indexOf(i.name)>-1)if(i.voidElement)t.push((0,a.createElement)(i.name,{key:"".concat(i.name,"-").concat(m)}));else{var I=y(p,i.children,l);t.push((0,a.createElement)(i.name,{key:"".concat(i.name,"-").concat(m)},I))}else if(i.voidElement)t.push("<".concat(i.name," />"));else{var Z=y(p,i.children,l);t.push("<".concat(i.name,">").concat(Z,"</").concat(i.name,">"))}else if("object"!==(0,o.Z)(w)||P)1===i.children.length&&O?t.push((0,a.cloneElement)(w,K(K({},w.props),{},{key:m}),O)):t.push((0,a.cloneElement)(w,K(K({},w.props),{},{key:m})));else{var C=i.children[0]?O:null;C&&t.push(C)}}else if("text"===i.type){var D=r.transWrapTextNodes,R=c?r.unescape(n.services.interpolator.interpolate(i.content,f,n.language)):n.services.interpolator.interpolate(i.content,f,n.language);D?t.push((0,a.createElement)(D,{key:"".concat(i.name,"-").concat(m)},R)):t.push(R)}return t}),[])}return W(y([{dummy:!0,children:e||[]}],p,M(e||[]))[0])}(d||t,D?x(D,T):I,P,E,T,b),L=void 0!==i?i:E.defaultTransParent;return L?(0,a.createElement)(L,h,A):A}var Y=n(9868),J=n(7066),G=n(4434);function Q(e,t){return(0,Y.Z)(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],s=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}(e,t)||(0,J.Z)(e,t)||(0,G.Z)()}function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var te=function(e,t){var n=(0,a.useRef)();return(0,a.useEffect)((function(){n.current=t?n.current:e}),[e,t]),n.current};function ne(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.i18n,r=(0,a.useContext)(S)||{},o=r.i18n,i=r.defaultNS,c=n||o||C();if(c&&!c.reportNamespaces&&(c.reportNamespaces=new I),!c){z("You will need to pass in an i18next instance by using initReactI18next");var s=function(e){return Array.isArray(e)?e[e.length-1]:e},u=[s,{},!1];return u.t=s,u.i18n={},u.ready=!1,u}c.options.react&&void 0!==c.options.react.wait&&z("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");var l=ee(ee(ee({},N()),c.options.react),t),p=l.useSuspense,f=l.keyPrefix,d=e||i||c.options&&c.options.defaultNS;d="string"==typeof d?[d]:d||["translation"],c.reportNamespaces.addUsedNamespaces&&c.reportNamespaces.addUsedNamespaces(d);var g=(c.isInitialized||c.initializedStoreOnce)&&d.every((function(e){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return t.languages&&t.languages.length?void 0!==t.options.ignoreJSONStructure?t.hasLoadedNamespace(e,{precheck:function(t,r){if(n.bindI18n&&n.bindI18n.indexOf("languageChanging")>-1&&t.services.backendConnector.backend&&t.isLanguageChangingTo&&!r(t.isLanguageChangingTo,e))return!1}}):function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.languages[0],o=!!t.options&&t.options.fallbackLng,i=t.languages[t.languages.length-1];if("cimode"===r.toLowerCase())return!0;var a=function(e,n){var r=t.services.backendConnector.state["".concat(e,"|").concat(n)];return-1===r||2===r};return!(n.bindI18n&&n.bindI18n.indexOf("languageChanging")>-1&&t.services.backendConnector.backend&&t.isLanguageChangingTo&&!a(t.isLanguageChangingTo,e)||!t.hasResourceBundle(r,e)&&t.services.backendConnector.backend&&(!t.options.resources||t.options.partialBundledLanguages)&&(!a(r,e)||o&&!a(i,e)))}(e,t,n):(z("i18n.languages were undefined or empty",t.languages),!0)}(e,c,l)}));function y(){return c.getFixedT(null,"fallback"===l.nsMode?d:d[0],f)}var m=Q((0,a.useState)(y),2),v=m[0],b=m[1],h=d.join(),O=te(h),j=(0,a.useRef)(!0);(0,a.useEffect)((function(){var e=l.bindI18n,t=l.bindI18nStore;function n(){j.current&&b(y)}return j.current=!0,g||p||B(c,d,(function(){j.current&&b(y)})),g&&O&&O!==h&&j.current&&b(y),e&&c&&c.on(e,n),t&&c&&c.store.on(t,n),function(){j.current=!1,e&&c&&e.split(" ").forEach((function(e){return c.off(e,n)})),t&&c&&t.split(" ").forEach((function(e){return c.store.off(e,n)}))}}),[c,h]);var w=(0,a.useRef)(!0);(0,a.useEffect)((function(){j.current&&!w.current&&b(y),w.current=!1}),[c,f]);var P=[v,c,g];if(P.t=v,P.i18n=c,P.ready=g,g)return P;if(!g&&!p)return P;throw new Promise((function(e){B(c,d,(function(){e()}))}))}var re=["forwardedRef"];function oe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ae(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(n){function o(o){var i=o.forwardedRef,c=r(o,re),s=Q(ne(e,ie(ie({},c),{},{keyPrefix:t.keyPrefix})),3),u=s[0],l=s[1],p=s[2],f=ie(ie({},c),{},{t:u,i18n:l,tReady:p});return t.withRef&&i?f.ref=i:!t.withRef&&i&&(f.forwardedRef=i),(0,a.createElement)(n,f)}return o.displayName="withI18nextTranslation(".concat(U(n),")"),o.WrappedComponent=n,t.withRef?(0,a.forwardRef)((function(e,t){return(0,a.createElement)(o,Object.assign({},e,{forwardedRef:t}))})):o}}var ce=["ns","children"];function se(e){var t=e.ns,n=e.children,o=Q(ne(t,r(e,ce)),3),i=o[0],a=o[1],c=o[2];return n(i,{i18n:a,lng:a.language},c)}function ue(e){var t=e.i18n,n=e.defaultNS,r=e.children,o=(0,a.useMemo)((function(){return{i18n:t,defaultNS:n}}),[t,n]);return(0,a.createElement)(S.Provider,{value:o},r)}function le(e,t){var n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).i18n,r=((0,a.useContext)(S)||{}).i18n,o=n||r||C();o.options&&o.options.isClone||(e&&!o.initializedStoreOnce&&(o.services.resourceStore.data=e,o.options.ns=Object.values(e).reduce((function(e,t){return Object.keys(t).forEach((function(t){e.indexOf(t)<0&&e.push(t)})),e}),o.options.ns),o.initializedStoreOnce=!0,o.isInitialized=!0),t&&!o.initializedLanguageOnce&&(o.changeLanguage(t),o.initializedLanguageOnce=!0))}var pe=["initialI18nStore","initialLanguage"];function fe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(){return function(e){function t(t){var n=t.initialI18nStore,o=t.initialLanguage,c=r(t,pe);return le(n,o),(0,a.createElement)(e,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fe(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},c))}return t.getInitialProps=R(e),t.displayName="withI18nextSSR(".concat(U(e),")"),t.WrappedComponent=e,t}}var ge=function(){return""},ye=function(){return""},me=function(){return""},ve=function(){return""},be=function(){return""},he=function(){return""}},4896:e=>{e.exports={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0}},9868:(e,t,n)=>{"use strict";function r(e){if(Array.isArray(e))return e}n.d(t,{Z:()=>r})},9249:(e,t,n)=>{"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}n.d(t,{Z:()=>r})},7371:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(2802);function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,(0,r.Z)(o.key),o)}}function i(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}},6666:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(2802);function o(e,t,n){return(t=(0,r.Z)(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},4434:(e,t,n)=>{"use strict";function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}n.d(t,{Z:()=>r})},2802:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6522);function o(e){var t=function(e,t){if("object"!=(0,r.Z)(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!=(0,r.Z)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,r.Z)(t)?t:String(t)}},6522:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}n.d(t,{Z:()=>r})},7066:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}n.d(t,{Z:()=>o})}}]);