@kenyaemr/esm-morgue-app 5.4.2-pre.2283 → 5.4.2-pre.2291

package/src/tabs/tabs.component.tsx

@@ -1,82 +0,0 @@
-import { Button, Layer, Tab, TabList, TabPanel, TabPanels, Tabs } from '@carbon/react';
-import { SearchAdvanced } from '@carbon/react/icons';
-import { launchWorkspace, UserHasAccess } from '@openmrs/esm-framework';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import useEmrConfiguration from '../hook/useAdmitPatient';
-import { useDischargedPatient } from '../hook/useDischargedPatient';
-import { useAdmissionLocation } from '../hook/useMortuaryAdmissionLocation';
-import { AdmittedQueue } from '../tables/admitted-queue.component';
-import { DischargedBodies } from '../tables/discharge-queue.component';
-import styles from './tabs.scss';
-
-export const MorgueTabs: React.FC = () => {
-  const { t } = useTranslation();
-  const { admissionLocation } = useAdmissionLocation();
-  const admittedCount = admissionLocation?.bedLayouts?.filter((bed) => bed.status === 'OCCUPIED').length || 0;
-  const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
-
-  const dischargeEncounterTypeUuid = emrConfiguration?.exitFromInpatientEncounterType?.uuid;
-  const { dischargedPatientUuids, isLoading: isLoadingDischargedPatient } =
-    useDischargedPatient(dischargeEncounterTypeUuid);
-  const dischargedCount = dischargedPatientUuids?.length || 0;
-
-  const getTabLabel = (baseLabel: string, count: number | null) => (
-    <span className={styles.tabLabel}>
-      {baseLabel} {count ? `(${count})` : ''}
-    </span>
-  );
-
-  const tabPanels = [
-    {
-      name: getTabLabel(t('admitted', 'Admitted'), admittedCount),
-      component: <AdmittedQueue />,
-    },
-    {
-      name: getTabLabel(t('discharged', 'Discharged'), dischargedCount),
-      component: (
-        <DischargedBodies
-          isLoading={isLoadingDischargedPatient || isLoadingEmrConfiguration}
-          error={errorFetchingEmrConfiguration}
-          dischargedPatientUuids={dischargedPatientUuids}
-        />
-      ),
-    },
-  ];
-  const handleAdmitBodyWorkspace = () => {
-    launchWorkspace('admit-body-form');
-  };
-  return (
-    <div className={styles.referralsList} data-testid="">
-      <Tabs>
-        <div className={styles.tabsContainer}>
-          <TabList aria-label="Content Switcher as Tabs" contained>
-            {tabPanels.map((tab, index) => (
-              <Tab key={index}>{tab.name}</Tab>
-            ))}
-          </TabList>
-          <div className={styles.actionBtn}>
-            <UserHasAccess privilege="o3 : Admit Body to Mortuary">
-              <Button
-                kind="primary"
-                renderIcon={(props) => <SearchAdvanced size={40} {...props} />}
-                onClick={() => handleAdmitBodyWorkspace()}
-                className={styles.actionBtn}
-                disabled={isLoadingDischargedPatient}>
-                {t('admitBodies', 'Admit bodies')}
-              </Button>
-            </UserHasAccess>
-          </div>
-        </div>
-
-        <TabPanels>
-          {tabPanels.map((tab, index) => (
-            <TabPanel key={index}>
-              <Layer>{tab.component}</Layer>
-            </TabPanel>
-          ))}
-        </TabPanels>
-      </Tabs>
-    </div>
-  );
-};

package/src/tabs/tabs.scss

@@ -1,15 +0,0 @@
-@use '@carbon/layout';
-@use '@carbon/type';
-@use '@carbon/colors';
-
-.tabsContainer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-left: layout.$spacing-05;
-}
-
-.actionBtn {
-  display: flex;
-  margin-right: layout.$spacing-03;
-}

package/src/workspaces/admit-body.scss

@@ -1,46 +0,0 @@
-@use '@carbon/layout';
-@use '@carbon/type';
-@use '@carbon/colors';
-
-.formButton {
-  height: layout.$spacing-09;
-  display: flex;
-  align-content: flex-start;
-  align-items: baseline;
-  min-width: layout.$spacing-11;
-  margin-bottom: layout.$spacing-05;
-}
-
-.buttonSet {
-  position: absolute;
-  bottom: layout.$spacing-05;
-  left: 4%;
-  width: 80%;
-  display: flex;
-  gap: layout.$spacing-02;
-
-  & > button {
-    max-width: 40%;
-    width: 40%;
-  }
-}
-.searchContainer {
-  padding: layout.$spacing-04;
-}
-
-.admissionRequestActionBar {
-  width: 100%;
-  padding: layout.$spacing-05;
-  margin-left: layout.$spacing-10;
-}
-
-.buttonRow {
-  display: flex;
-  width: 100%;
-  gap: 8px;
-}
-
-.actionButton {
-  flex-grow: 1;
-  width: 100%;
-}

package/src/workspaces/admit-body.workspace.tsx

@@ -1,79 +0,0 @@
-import { Column, Form, Stack } from '@carbon/react';
-import { zodResolver } from '@hookform/resolvers/zod';
-import React from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { z } from 'zod';
-import { Autosuggest } from '../autosuggest/autosuggest.component';
-import SearchEmptyState from '../autosuggest/search-empty-state.component';
-import styles from './admit-body.scss';
-import PatientSearchInfo from '../autosuggest/patient-search-info.component';
-import { fetchDeceasedPatient } from '../hook/useDeceasedPatients';
-
-const schema = z.object({
-  deceasedPatient: z.string().nonempty('Patient selection is required').uuid('Invalid patient selection'),
-});
-
-type AdmitBodyFormInputs = z.infer<typeof schema>;
-
-const AdmitBodyForm: React.FC = () => {
-  const { t } = useTranslation();
-
-  const searchPatient = async (query: string) => {
-    const abortController = new AbortController();
-    return await fetchDeceasedPatient(query, abortController);
-  };
-
-  const form = useForm<AdmitBodyFormInputs>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      deceasedPatient: '',
-    },
-  });
-
-  const { handleSubmit, control, formState } = form;
-
-  const onSuggestionSelected = (value: string) => {
-    if (value) {
-      // Handle suggestion selection logic here
-    }
-  };
-
-  return (
-    <Form className={styles.formContainer}>
-      <Stack gap={4} className={styles.formGrid}>
-        <Column className={styles.searchContainer}>
-          <Controller
-            control={control}
-            name="deceasedPatient"
-            render={({ field }) => (
-              <Autosuggest
-                labelText={t('searchDeceasedPatient', 'Search for a deceased patient')}
-                placeholder={t('searchDeceasedPatientPlaceholder', 'Search for a deceased patient')}
-                invalid={!!formState.errors[field.name]?.message}
-                invalidText={formState.errors[field.name]?.message}
-                getDisplayValue={() => ''}
-                renderSuggestionItem={(item) => <PatientSearchInfo patient={item.patient} />}
-                getFieldValue={(item) => item.patient.uuid}
-                getSearchResults={searchPatient}
-                renderEmptyState={(value) => (
-                  <SearchEmptyState
-                    searchValue={value}
-                    message={t('deceasedPatientNotFound', 'Deceased Patient Not Found')}
-                  />
-                )}
-                onClear={() => field.onChange('')}
-                onSuggestionSelected={(_, value) => {
-                  onSuggestionSelected(value);
-                  field.onChange(value);
-                }}
-              />
-            )}
-          />
-        </Column>
-      </Stack>
-    </Form>
-  );
-};
-
-export default AdmitBodyForm;

package/src/workspaces/discharge-body.scss

@@ -1,67 +0,0 @@
-@use '@carbon/layout';
-@use '@carbon/type';
-@use '@carbon/colors';
-
-.formContainer {
-  width: 100%;
-  max-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-}
-
-.formButton {
-  height: layout.$spacing-09;
-  display: flex;
-  align-content: flex-start;
-  align-items: baseline;
-  min-width: layout.$spacing-11;
-  margin-bottom: layout.$spacing-05;
-}
-
-.buttonSet {
-  position: relative;
-  padding-top: layout.$spacing-05;
-  left: 4%;
-  width: 80%;
-  display: flex;
-  gap: layout.$spacing-02;
-
-  & > button {
-    max-width: 40%;
-    width: 40%;
-  }
-}
-.formAdmissionDatepicker input {
-  min-width: 25rem;
-}
-.formAdmissionTimepicker input {
-  min-width: 12rem;
-}
-.dateTimeSection {
-  display: flex;
-  flex-direction: row;
-  gap: layout.$spacing-02;
-  align-items: center;
-  margin-top: layout.$spacing-04;
-}
-.formDeathTimepickerSelector {
-  margin-top: layout.$spacing-06;
-  margin-right: layout.$spacing-03;
-}
-.dateTimePickerContainer {
-  margin-left: layout.$spacing-04;
-}
-
-.sectionField {
-  min-width: 25rem;
-}
-.columnField {
-  padding: layout.$spacing-02;
-}
-.fieldColumn {
-  padding: layout.$spacing-04;
-}
-.fieldSection {
-  min-width: 22rem;
-}

package/src/workspaces/discharge-body.workspace.tsx

@@ -1,329 +0,0 @@
-import {
-  Button,
-  ButtonSet,
-  Column,
-  DatePicker,
-  DatePickerInput,
-  Form,
-  InlineLoading,
-  SelectItem,
-  Stack,
-  TextInput,
-  TimePicker,
-  TimePickerSelect,
-} from '@carbon/react';
-import { zodResolver } from '@hookform/resolvers/zod';
-import {
-  ResponsiveWrapper,
-  restBaseUrl,
-  setCurrentVisit,
-  showSnackbar,
-  useConfig,
-  useLayoutType,
-  useVisit,
-} from '@openmrs/esm-framework';
-import React, { useCallback, useEffect } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { mutate } from 'swr';
-import { z } from 'zod';
-import DeceasedInfo from '../component/deceasedInfo/deceased-info.component';
-import { ConfigObject } from '../config-schema';
-import { useMortuaryOperation } from '../hook/useAdmitPatient';
-import { useVisitQueueEntry } from '../hook/useMorgue.resource';
-import { usePersonAttributes } from '../hook/usePersonAttributes';
-import { PatientInfo } from '../types';
-import { dischargeSchema, getCurrentTime } from '../utils/utils';
-import styles from './discharge-body.scss';
-
-interface DischargeFormProps {
-  closeWorkspace: () => void;
-  patientUuid: string;
-  personUuid: string;
-  bedId: number;
-}
-
-type DischargeFormValues = z.infer<typeof dischargeSchema>;
-
-const DischargeForm: React.FC<DischargeFormProps> = ({ closeWorkspace, patientUuid, bedId, personUuid }) => {
-  const { t } = useTranslation();
-  const layout = useLayoutType();
-  const { currentVisit, currentVisitIsRetrospective } = useVisit(patientUuid);
-  const { queueEntry } = useVisitQueueEntry(patientUuid, currentVisit?.uuid);
-  const { dischargeBody, isLoadingEmrConfiguration } = useMortuaryOperation();
-  const { createOrUpdatePersonAttribute, personAttributes } = usePersonAttributes(personUuid);
-
-  const { time: defaultTime, period: defaultPeriod } = getCurrentTime();
-
-  const { nextOfKinAddressUuid, nextOfKinNameUuid, nextOfKinPhoneUuid, nextOfKinRelationshipUuid } =
-    useConfig<ConfigObject>();
-
-  const getAttributeValue = useCallback(
-    (attributeTypeUuid: string) => {
-      if (!personAttributes) {
-        return '';
-      }
-      const attributes = Array.isArray(personAttributes) ? personAttributes : [];
-      const attribute = attributes.find((attr) => attr.attributeType.uuid === attributeTypeUuid);
-      return attribute ? attribute.value : '';
-    },
-    [personAttributes],
-  );
-
-  const {
-    watch,
-    control,
-    setValue,
-    handleSubmit,
-    formState: { errors },
-  } = useForm<DischargeFormValues>({
-    resolver: zodResolver(dischargeSchema),
-    defaultValues: {
-      dateOfDischarge: new Date(),
-      timeOfDischarge: defaultTime,
-      period: defaultPeriod,
-      burialPermitNumber: '',
-    },
-  });
-  useEffect(() => {
-    if (Array.isArray(personAttributes) && personAttributes.length > 0) {
-      setValue('nextOfKinNames', getAttributeValue(nextOfKinNameUuid));
-      setValue('relationshipType', getAttributeValue(nextOfKinRelationshipUuid));
-      setValue('nextOfKinContact', getAttributeValue(nextOfKinPhoneUuid));
-      setValue('nextOfKinAddress', getAttributeValue(nextOfKinAddressUuid));
-    }
-  }, [
-    personAttributes,
-    getAttributeValue,
-    nextOfKinNameUuid,
-    nextOfKinRelationshipUuid,
-    nextOfKinPhoneUuid,
-    nextOfKinAddressUuid,
-    setValue,
-  ]);
-  const onSubmit = async (data: DischargeFormValues) => {
-    if (currentVisitIsRetrospective) {
-      setCurrentVisit(null, null);
-      closeWorkspace();
-    } else {
-      try {
-        const nextOfKinAttributes = [
-          { attributeType: nextOfKinNameUuid, value: data.nextOfKinNames },
-          { attributeType: nextOfKinRelationshipUuid, value: data.relationshipType },
-          { attributeType: nextOfKinPhoneUuid, value: data.nextOfKinContact },
-          { attributeType: nextOfKinAddressUuid, value: data.nextOfKinAddress },
-        ];
-        const patientInfo: PatientInfo = {
-          uuid: currentVisit.patient.uuid,
-          attributes: (currentVisit?.patient?.person?.attributes || []).map((attr) => ({
-            uuid: attr.uuid,
-            display: attr.display || '',
-          })),
-        };
-
-        for (const attribute of nextOfKinAttributes) {
-          await createOrUpdatePersonAttribute(patientUuid, attribute, patientInfo);
-        }
-
-        await dischargeBody(currentVisit, queueEntry, bedId, data);
-
-        showSnackbar({
-          title: t('dischargeDeceasedPatient', 'Deceased patient'),
-          subtitle: t('deceasedPatientDischargedSuccessfully', 'Deceased patient has been discharged successfully'),
-          kind: 'success',
-          isLowContrast: true,
-        });
-
-        mutate(
-          (key) =>
-            typeof key === 'string' && key.startsWith(`${restBaseUrl}/patient/${patientUuid}/chart/deceased-panel`),
-          undefined,
-        );
-        mutate((key) => typeof key === 'string' && key.startsWith(`${restBaseUrl}/visit`));
-        closeWorkspace();
-      } catch (error) {
-        const errorMessage = JSON.stringify(error?.responseBody?.error?.message?.replace(/\[/g, '').replace(/\]/g, ''));
-        showSnackbar({
-          title: t('visitError', 'Visit Error'),
-          subtitle: t(
-            'visitErrorMessage',
-            `An error has occurred while ending visit, Contact system administrator quoting this error ${errorMessage}`,
-          ),
-          kind: 'error',
-          isLowContrast: true,
-        });
-      }
-    }
-  };
-
-  if (isLoadingEmrConfiguration || !personAttributes) {
-    return <InlineLoading status="active" iconDescription="Loading" description="Loading ..." />;
-  }
-  return (
-    <Form className={styles.formContainer} onSubmit={handleSubmit(onSubmit)}>
-      <Stack gap={4} className={styles.formGrid}>
-        <DeceasedInfo patientUuid={patientUuid} />
-        <div className={styles.dateTimePickerContainer}>
-          <Column>
-            <Controller
-              name="dateOfDischarge"
-              control={control}
-              render={({ field }) => (
-                <DatePicker
-                  datePickerType="single"
-                  className={styles.formAdmissionDatepicker}
-                  onChange={(event) => {
-                    if (event.length) {
-                      field.onChange(event[0]);
-                    }
-                  }}
-                  value={field.value ? new Date(field.value) : null}>
-                  <DatePickerInput
-                    {...field}
-                    id="date-of-admission"
-                    placeholder="yyyy-mm-dd"
-                    labelText={t('dateOfAdmission', 'Date of discharge*')}
-                    invalid={!!errors.dateOfDischarge}
-                    invalidText={errors.dateOfDischarge?.message}
-                  />
-                </DatePicker>
-              )}
-            />
-          </Column>
-
-          <Column>
-            <div className={styles.dateTimeSection}>
-              <ResponsiveWrapper>
-                <Controller
-                  name="timeOfDischarge"
-                  control={control}
-                  render={({ field }) => (
-                    <TimePicker
-                      {...field}
-                      id="time-of-discharge-picker"
-                      labelText={t('timeOfDischarge', 'Time of discharge*')}
-                      className={styles.formAdmissionTimepicker}
-                      invalid={!!errors.timeOfDischarge}
-                      invalidText={errors.timeOfDischarge?.message}
-                    />
-                  )}
-                />
-                <Controller
-                  name="period"
-                  control={control}
-                  render={({ field }) => (
-                    <TimePickerSelect {...field} className={styles.formDeathTimepickerSelector} id="time-picker-select">
-                      <SelectItem value="AM" text="AM" />
-                      <SelectItem value="PM" text="PM" />
-                    </TimePickerSelect>
-                  )}
-                />
-              </ResponsiveWrapper>
-            </div>
-          </Column>
-        </div>
-        <Column className={styles.fieldColumn}>
-          <Controller
-            name="burialPermitNumber"
-            control={control}
-            render={({ field }) => (
-              <TextInput
-                {...field}
-                id="burialPermitNumber"
-                type="text"
-                className={styles.fieldSection}
-                placeholder={t('burialPermitNumber', 'Burial permit number')}
-                labelText={t('burialPermitNumber', 'Burial permit number')}
-                invalid={!!errors.burialPermitNumber}
-                invalidText={errors.burialPermitNumber?.message}
-              />
-            )}
-          />
-        </Column>
-        <Column className={styles.fieldColumn}>
-          <Controller
-            name="nextOfKinNames"
-            control={control}
-            render={({ field }) => (
-              <TextInput
-                {...field}
-                id="nextOfKinNames"
-                type="text"
-                className={styles.fieldSection}
-                placeholder={t('nextOfKinNames', 'Next of kin names')}
-                labelText={t('nextOfKinNames', 'Next of kin names')}
-                invalid={!!errors.nextOfKinNames}
-                invalidText={errors.nextOfKinNames?.message}
-              />
-            )}
-          />
-        </Column>
-        <Column className={styles.fieldColumn}>
-          <Controller
-            name="relationshipType"
-            control={control}
-            render={({ field }) => (
-              <TextInput
-                {...field}
-                id="relationship"
-                type="text"
-                className={styles.fieldSection}
-                placeholder={t('relationship', 'Relationship')}
-                labelText={t('relationship', 'Relationship')}
-                invalid={!!errors.relationshipType}
-                invalidText={errors.relationshipType?.message}
-              />
-            )}
-          />
-        </Column>
-        <Column className={styles.fieldColumn}>
-          <Controller
-            name="nextOfKinContact"
-            control={control}
-            render={({ field }) => (
-              <TextInput
-                {...field}
-                id="telephone"
-                type="text"
-                className={styles.fieldSection}
-                placeholder={t('telephone', 'Telephone number')}
-                labelText={t('telephone', 'Telephone number')}
-                invalid={!!errors.nextOfKinContact}
-                invalidText={errors.nextOfKinContact?.message}
-              />
-            )}
-          />
-        </Column>
-        <Column className={styles.fieldColumn}>
-          <Controller
-            name="nextOfKinAddress"
-            control={control}
-            render={({ field }) => (
-              <TextInput
-                {...field}
-                id="nextOfKinAddress"
-                type="text"
-                className={styles.fieldSection}
-                placeholder={t('nextOfKinAddress', 'Next of kin address')}
-                labelText={t('nextOfKinAddress', 'Next of kin address')}
-                invalid={!!errors.nextOfKinAddress}
-                invalidText={errors.nextOfKinAddress?.message}
-              />
-            )}
-          />
-        </Column>
-
-        <ButtonSet className={styles.buttonSet}>
-          <Button size="lg" kind="secondary" onClick={closeWorkspace}>
-            {t('discard', 'Discard')}
-          </Button>
-          <Button kind="primary" size="lg" type="submit">
-            {t('submit', 'Submit')}
-          </Button>
-        </ButtonSet>
-      </Stack>
-    </Form>
-  );
-};
-
-export default DischargeForm;