@kenyaemr/esm-patient-registration-app 4.3.0 → 4.4.1

package/src/patient-verification/patient-verification.scss

@@ -1,30 +0,0 @@
-@use '@carbon/colors';
-@import '../patient-registration/patient-registration.scss';
-
-/* Desktop */
-:global(.omrs-breakpoint-gt-tablet) {
-  .verificationWrapper {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr;
-    column-gap: 0.325rem;
-    align-items: flex-end;
-  }
-}
-
-/* Tablet */
-:global(.omrs-breakpoint-lt-desktop) {
-  .verificationWrapper {
-    row-gap: 0.5rem;
-    display: flex;
-    flex-direction: column;
-
-  }
-}
-
-.errorWrapper {
-  color: colors.$red-50;
-  margin: 0 0 1rem 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}

package/src/patient-verification/verification-modal/confirm-prompt.component.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button } from '@carbon/react';
-import { age, ExtensionSlot, formatDate } from '@openmrs/esm-framework';
-import capitalize from 'lodash-es/capitalize';
-
-const PatientInfo: React.FC<{ label: string; value: string }> = ({ label, value }) => {
-  return (
-    <div style={{ display: 'grid', gridTemplateColumns: '0.25fr 0.75fr', margin: '0.25rem' }}>
-      <span style={{ minWidth: '5rem', fontWeight: 'bold' }}>{label}</span>
-      <span>{value}</span>
-    </div>
-  );
-};
-
-interface ConfirmPromptProps {
-  onConfirm: void;
-  close: void;
-  patient: any;
-}
-
-const ConfirmPrompt: React.FC<ConfirmPromptProps> = ({ close, onConfirm, patient }) => {
-  const { t } = useTranslation();
-  return (
-    <>
-      <div className="cds--modal-header">
-        <h3 className="cds--modal-header__heading">
-          {t('clientRegistryEmpty', `Patient ${patient?.firstName} ${patient?.lastName} found`)}
-        </h3>
-      </div>
-      <div className="cds--modal-content">
-        <p>
-          {t(
-            'patientDetailsFound',
-            'Patient information found in the registry, do you want to use the information to continue with registration?',
-          )}
-        </p>
-        <div style={{ display: 'flex', margin: '1rem' }}>
-          <ExtensionSlot
-            style={{ display: 'flex', alignItems: 'center' }}
-            extensionSlotName="patient-photo-slot"
-            state={{ patientName: `${patient?.firstName} ${patient?.lastName}` }}
-          />
-          <div style={{ width: '100%', marginLeft: '0.625rem' }}>
-            <PatientInfo
-              label={t('patientName', 'Patient name')}
-              value={`${patient?.firstName} ${patient?.lastName}`}
-            />
-            <PatientInfo
-              label={t('nationalId', 'National ID')}
-              value={patient?.identifications[0]?.identificationNumber}
-            />
-            <PatientInfo label={t('age', 'Age')} value={age(patient?.dateOfBirth)} />
-            <PatientInfo label={t('dateOfBirth', 'Date of birth')} value={formatDate(new Date(patient?.dateOfBirth))} />
-            <PatientInfo label={t('gender', 'Gender')} value={capitalize(patient?.gender)} />
-          </div>
-        </div>
-      </div>
-      <div className="cds--modal-footer">
-        <Button kind="secondary" onClick={close}>
-          {t('cancel', 'Cancel')}
-        </Button>
-        <Button onClick={onConfirm}>{t('useValues', 'Use values')}</Button>
-      </div>
-    </>
-  );
-};
-
-export default ConfirmPrompt;

package/src/patient-verification/verification-modal/empty-prompt.component.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button } from '@carbon/react';
-
-interface EmptyPromptProps {
-  onConfirm: void;
-  close: void;
-}
-
-const EmptyPrompt: React.FC<EmptyPromptProps> = ({ close, onConfirm }) => {
-  const { t } = useTranslation();
-  return (
-    <>
-      <div className="cds--modal-header">
-        <h3 className="cds--modal-header__heading">{t('clientRegistryEmpty', 'Create & Post Patient')}</h3>
-      </div>
-      <div className="cds--modal-content">
-        <p>
-          {t(
-            'patientNotFound',
-            'The patient records could not be found in Client registry, do you want to continue to create and post patient to registry',
-          )}
-        </p>
-      </div>
-      <div className="cds--modal-footer">
-        <Button kind="secondary" onClick={close}>
-          {t('cancel', 'Cancel')}
-        </Button>
-        <Button onClick={onConfirm}>{t('continue', 'Continue to registration')}</Button>
-      </div>
-    </>
-  );
-};
-
-export default EmptyPrompt;

package/src/patient-verification/verification-types.ts

@@ -1,50 +0,0 @@
-export interface ClientIdentification {
-  identificationType: string;
-  identificationNumber: string;
-}
-
-interface ClientContact {
-  primaryPhone: string;
-  secondaryPhone?: string;
-  emailAddress?: string;
-}
-
-export interface ClientRegistryPatient {
-  clientExists: boolean;
-  client?: RegistryPatient;
-}
-
-export interface RegistryPatient {
-  clientNumber?: string;
-  firstName: string;
-  middleName: string;
-  lastName: string;
-  dateOfBirth: string;
-  maritalStatus?: string;
-  gender: string;
-  occupation?: string;
-  religion?: string;
-  educationLevel?: string;
-  country: string;
-  countyOfBirth?: string;
-  isAlive: boolean;
-  originFacilityKmflCode?: string;
-  isOnART?: string;
-  nascopCCCNumber?: string;
-  residence: {
-    county: string;
-    subCounty: string;
-    ward: string;
-    village: string;
-    landmark: string;
-    address: string;
-  };
-  identifications: Array<ClientIdentification>;
-  contact: ClientContact;
-  nextOfKins: Array<{
-    name: string;
-    relationship: string;
-    residence: string;
-    contact: ClientContact;
-  }>;
-}