@openmrs/esm-service-queues-app 5.0.1-pre.2087

package/src/add-patient-toqueue/add-patient-toqueue-dialog.component.tsx

@@ -0,0 +1,218 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  Button,
+  Form,
+  InlineNotification,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  Select,
+  SelectItem,
+  RadioButtonGroup,
+  RadioButton,
+} from '@carbon/react';
+import { ConfigObject, showNotification, showToast, useConfig } from '@openmrs/esm-framework';
+import {
+  addQueueEntry,
+  usePriority,
+  useServices,
+  useStatus,
+  useVisitQueueEntries,
+} from '../active-visits/active-visits-table.resource';
+import styles from './add-patient-toqueue-dialog.scss';
+import { ActiveVisit, useMissingQueueEntries } from '../visits-missing-inqueue/visits-missing-inqueue.resource';
+import { useQueueLocations } from '../patient-search/hooks/useQueueLocations';
+
+interface AddVisitToQueueDialogProps {
+  visitDetails: ActiveVisit;
+  closeModal: () => void;
+}
+
+const AddVisitToQueue: React.FC<AddVisitToQueueDialogProps> = ({ visitDetails, closeModal }) => {
+  const { t } = useTranslation();
+
+  const visitUuid = visitDetails?.visitUuid;
+  const [queueUuid, setQueueUuid] = useState('');
+  const patientUuid = visitDetails?.patientUuid;
+  const patientName = visitDetails?.name;
+  const patientAge = visitDetails?.age;
+  const patientSex = visitDetails?.gender;
+  const { priorities } = usePriority();
+  const { statuses, isLoading } = useStatus();
+  const [selectedQueueLocation, setSelectedQueueLocation] = useState('');
+  const { services } = useServices(selectedQueueLocation);
+  const { queueLocations } = useQueueLocations();
+  const [isMissingPriority, setIsMissingPriority] = useState(false);
+  const [isMissingService, setIsMissingService] = useState(false);
+  const config = useConfig() as ConfigObject;
+  const { mutate } = useVisitQueueEntries('', selectedQueueLocation);
+  const [priority, setPriority] = useState(config.concepts.defaultPriorityConceptUuid);
+  const { mutateQueueEntries } = useMissingQueueEntries();
+
+  const addVisitToQueue = useCallback(() => {
+    if (!queueUuid) {
+      setIsMissingService(true);
+      return;
+    }
+    setIsMissingService(false);
+
+    if (!priority) {
+      setIsMissingPriority(true);
+      return;
+    }
+    setIsMissingPriority(false);
+    const emergencyPriorityConceptUuid = config.concepts.emergencyPriorityConceptUuid;
+    const sortWeight = priority === emergencyPriorityConceptUuid ? 1.0 : 0.0;
+    const status = config.concepts.defaultStatusConceptUuid;
+    const visitQueueNumberAttributeUuid = config.concepts.visitQueueNumberAttributeUuid;
+
+    addQueueEntry(
+      visitUuid,
+      queueUuid,
+      patientUuid,
+      priority,
+      status,
+      sortWeight,
+      selectedQueueLocation,
+      visitQueueNumberAttributeUuid,
+    ).then(
+      ({ status }) => {
+        if (status === 201) {
+          showToast({
+            critical: true,
+            title: t('addEntry', 'Add entry'),
+            kind: 'success',
+            description: t('queueEntryAddedSuccessfully', 'Queue Entry Added Successfully'),
+          });
+          closeModal();
+          mutate();
+          mutateQueueEntries();
+        }
+      },
+      (error) => {
+        showNotification({
+          title: t('queueEntryAddFailed', 'Error adding queue entry status'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      },
+    );
+  }, [
+    queueUuid,
+    priority,
+    config.concepts.emergencyPriorityConceptUuid,
+    config.concepts.defaultStatusConceptUuid,
+    config.concepts.visitQueueNumberAttributeUuid,
+    visitUuid,
+    patientUuid,
+    selectedQueueLocation,
+    t,
+    closeModal,
+    mutate,
+  ]);
+
+  return (
+    <div>
+      <ModalHeader closeModal={closeModal} title={t('addVisitToQueue', 'Add Visit To Queue?')} />
+      <ModalBody>
+        <Form onSubmit={addVisitToQueue}>
+          <div className={styles.modalBody}>
+            <h5>
+              {patientName} &nbsp; · &nbsp;{patientSex} &nbsp; · &nbsp;{patientAge}&nbsp;{t('years', 'Years')}
+            </h5>
+          </div>
+          <section>
+            <Select
+              labelText={t('selectQueueLocation', 'Select a queue location')}
+              id="location"
+              invalidText="Required"
+              value={selectedQueueLocation}
+              onChange={(event) => setSelectedQueueLocation(event.target.value)}>
+              {!selectedQueueLocation ? (
+                <SelectItem text={t('selectQueueLocation', 'Select a queue location')} value="" />
+              ) : null}
+              {queueLocations?.length > 0 &&
+                queueLocations.map((location) => (
+                  <SelectItem key={location.id} text={location.name} value={location.id}>
+                    {location.name}
+                  </SelectItem>
+                ))}
+            </Select>
+          </section>
+
+          <section className={styles.section}>
+            <div className={styles.sectionTitle}>{t('queueService', 'Queue service')}</div>
+            <Select
+              labelText={t('selectService', 'Select a service')}
+              id="service"
+              invalidText="Required"
+              value={queueUuid}
+              onChange={(event) => setQueueUuid(event.target.value)}>
+              {!queueUuid ? <SelectItem text={t('chooseService', 'Select a service')} value="" /> : null}
+              {services?.length > 0 &&
+                services.map((service) => (
+                  <SelectItem key={service.uuid} text={service.display} value={service.uuid}>
+                    {service.display}
+                  </SelectItem>
+                ))}
+            </Select>
+          </section>
+          {isMissingService && (
+            <section>
+              <InlineNotification
+                style={{ margin: '0', minWidth: '100%' }}
+                kind="error"
+                lowContrast={true}
+                title={t('missingService', 'Please select a service')}
+              />
+            </section>
+          )}
+
+          <section className={styles.section}>
+            <div className={styles.sectionTitle}>{t('queueStatus', 'Queue status')}</div>
+            {!priorities?.length ? (
+              <InlineNotification
+                className={styles.inlineNotification}
+                kind={'error'}
+                lowContrast
+                subtitle={t('configurePriorities', 'Please configure priorities to continue.')}
+                title={t('noPriorityFound', 'No priority found')}
+              />
+            ) : (
+              <RadioButtonGroup
+                className={styles.radioButtonWrapper}
+                name="priority"
+                defaultSelected={priority}
+                onChange={(uuid) => {
+                  setPriority(uuid);
+                }}>
+                {priorities?.length > 0 &&
+                  priorities.map(({ uuid, display }) => <RadioButton key={uuid} labelText={display} value={uuid} />)}
+              </RadioButtonGroup>
+            )}
+          </section>
+          {isMissingPriority && (
+            <section>
+              <InlineNotification
+                style={{ margin: '0', minWidth: '100%' }}
+                kind="error"
+                lowContrast={true}
+                title={t('missingPriority', 'Please select a priority')}
+              />
+            </section>
+          )}
+        </Form>
+      </ModalBody>
+      <ModalFooter>
+        <Button kind="secondary" onClick={closeModal}>
+          {t('cancel', 'Cancel')}
+        </Button>
+        <Button onClick={addVisitToQueue}>{t('save', 'Save')}</Button>
+      </ModalFooter>
+    </div>
+  );
+};
+
+export default AddVisitToQueue;

package/src/add-patient-toqueue/add-patient-toqueue-dialog.scss

@@ -0,0 +1,32 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@import '~@openmrs/esm-styleguide/src/vars';
+
+.radioButtonGroup {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-top: spacing.$spacing-03;
+  min-height: spacing.$spacing-10;
+  width: 100%;
+  @include type.type-style('body-compact-01');
+}
+
+.radioButton {
+  padding: spacing.$spacing-02 spacing.$spacing-02;
+  margin: spacing.$spacing-03 0;
+}
+
+section {
+  margin: spacing.$spacing-03;
+}
+
+.sectionTitle {
+  @include type.type-style('heading-compact-02');
+  color: $text-02;
+  margin-bottom: spacing.$spacing-04;
+}
+
+.modalBody {
+  padding-bottom: spacing.$spacing-05;
+}

package/src/add-provider-queue-room/add-provider-queue-room.component.tsx

@@ -0,0 +1,236 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  Button,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  Form,
+  InlineNotification,
+  Select,
+  SelectItem,
+  Checkbox,
+  Dropdown,
+} from '@carbon/react';
+import { showNotification, showToast } from '@openmrs/esm-framework';
+import { useServices, useVisitQueueEntries } from '../active-visits/active-visits-table.resource';
+import { useQueueLocations } from '../patient-search/hooks/useQueueLocations';
+import {
+  addProviderToQueueRoom,
+  updateProviderToQueueRoom,
+  useProvidersQueueRoom,
+  useQueueRooms,
+} from './add-provider-queue-room.resource';
+import {
+  updatedSelectedQueueRoomTimestamp,
+  updateIsPermanentProviderQueueRoom,
+  updateSelectedQueueLocationName,
+  updateSelectedQueueLocationUuid,
+  updateSelectedServiceName,
+  updateSelectedServiceUuid,
+  useIsPermanentProviderQueueRoom,
+  useSelectedQueueLocationUuid,
+  useSelectedServiceName,
+  useSelectedServiceUuid,
+} from '../helpers/helpers';
+import styles from './add-provider-queue-room.scss';
+
+interface AddProviderQueueRoomProps {
+  providerUuid: string;
+  closeModal: () => void;
+}
+
+const AddProviderQueueRoom: React.FC<AddProviderQueueRoomProps> = ({ providerUuid, closeModal }) => {
+  const { t } = useTranslation();
+
+  const currentLocationName = useSelectedServiceName();
+  const currentLocationUuid = useSelectedQueueLocationUuid();
+  const currentServiceUuid = useSelectedServiceUuid();
+  const currentServiceName = useSelectedServiceName();
+  const currentIsPermanentProviderQueueRoom = useIsPermanentProviderQueueRoom();
+  const { providerRoom, isLoading: loading } = useProvidersQueueRoom(providerUuid);
+  const [queueRoomUuid, setQueueRoomUuid] = useState('');
+  const [queueProviderMapUuid, setQueueProviderMapUuid] = useState('');
+
+  useEffect(() => {
+    if (providerRoom?.length > 0) {
+      setQueueRoomUuid(providerRoom?.[0].queueRoom?.uuid);
+      setQueueProviderMapUuid(providerRoom?.[0].uuid);
+    }
+  }, [providerRoom]);
+
+  const { mutate } = useProvidersQueueRoom(providerUuid);
+  const { services } = useServices(currentLocationUuid);
+  const { rooms } = useQueueRooms(currentLocationUuid, currentServiceUuid);
+  const { queueLocations } = useQueueLocations();
+  const [isMissingQueueRoom, setIsMissingQueueRoom] = useState(false);
+
+  const handleServiceChange = ({ selectedItem }) => {
+    localStorage.setItem('queueServiceName', selectedItem.name);
+    localStorage.setItem('queueServiceUuid', selectedItem.uuid);
+    updateSelectedServiceName(selectedItem.name);
+    updateSelectedServiceUuid(selectedItem.uuid);
+  };
+
+  const handleQueueLocationChange = ({ selectedItem }) => {
+    localStorage.setItem('queueLocationUuid', selectedItem.id);
+    localStorage.setItem('queueLocationName', selectedItem.name);
+    updateSelectedQueueLocationName(selectedItem.name);
+    updateSelectedQueueLocationUuid(selectedItem.id);
+  };
+
+  const handleRetainLocation = (e) => {
+    localStorage.setItem('isPermanentProviderQueueRoom', JSON.parse(e.target.checked));
+    updateIsPermanentProviderQueueRoom(JSON.parse(e.target.checked));
+  };
+
+  const onSubmit = useCallback(() => {
+    if (!queueRoomUuid) {
+      setIsMissingQueueRoom(true);
+      return;
+    }
+    setIsMissingQueueRoom(false);
+
+    if (providerRoom?.length > 0) {
+      updateProviderToQueueRoom(queueProviderMapUuid, queueRoomUuid, providerUuid).then(
+        ({ status }) => {
+          if (status === 200) {
+            showToast({
+              critical: true,
+              title: t('updateRoom', 'Update room'),
+              kind: 'success',
+              description: t('queueRoomUpdatedSuccessfully', 'Queue room updated successfully'),
+            });
+            closeModal();
+            localStorage.setItem('lastUpdatedQueueRoomTimestamp', new Date().toString());
+            updatedSelectedQueueRoomTimestamp(new Date());
+            mutate();
+          }
+        },
+        (error) => {
+          showNotification({
+            title: t('queueRoomAddFailed', 'Error adding queue room'),
+            kind: 'error',
+            critical: true,
+            description: error?.message,
+          });
+          closeModal();
+        },
+      );
+    } else {
+      addProviderToQueueRoom(queueRoomUuid, providerUuid).then(
+        ({ status }) => {
+          if (status === 201) {
+            showToast({
+              critical: true,
+              title: t('addRoom', 'Add room'),
+              kind: 'success',
+              description: t('queueRoomAddedSuccessfully', 'Queue room added successfully'),
+            });
+            closeModal();
+            localStorage.setItem('lastUpdatedQueueRoomTimestamp', new Date().toString());
+            updatedSelectedQueueRoomTimestamp(new Date());
+            mutate();
+          }
+        },
+        (error) => {
+          showNotification({
+            title: t('queueRoomAddFailed', 'Error adding queue room'),
+            kind: 'error',
+            critical: true,
+            description: error?.message,
+          });
+        },
+      );
+    }
+  }, [queueRoomUuid, providerRoom?.length, queueProviderMapUuid, providerUuid, t, closeModal, mutate]);
+
+  return (
+    <div>
+      <ModalHeader closeModal={closeModal} title={t('addProviderQueueRoom', 'Add provider queue room?')} />
+      <ModalBody>
+        <Form onSubmit={onSubmit}>
+          <section className={styles.section}>
+            <div className={styles.sectionTitle}>{t('queueLocation', 'Queue location')}</div>
+            <Dropdown
+              id="queueLocation"
+              label={t('selectQueueLocation', 'Select a queue location')}
+              type="default"
+              items={queueLocations}
+              itemToString={(item) => (item ? item.name : '')}
+              onChange={handleQueueLocationChange}
+              size="md"
+              initialSelectedItem={{ uuid: currentLocationUuid, name: currentLocationName }}
+            />
+          </section>
+
+          <section className={styles.section}>
+            <div className={styles.sectionTitle}>{t('queueService', 'Queue service')}</div>
+            <Dropdown
+              id="service"
+              label={t('selectService', 'Select a service')}
+              type="default"
+              items={services}
+              itemToString={(item) => (item ? item.display : '')}
+              onChange={handleServiceChange}
+              size="md"
+              initialSelectedItem={{ uuid: currentServiceUuid, display: currentServiceName }}
+            />
+          </section>
+
+          <section className={styles.section}>
+            <div className={styles.sectionTitle}>{t('queueRoom', 'Queue room')}</div>
+            <div className={styles.filterContainer}>
+              <Select
+                labelText={t('selectRoom', 'Select a room')}
+                id="service"
+                invalidText="Required"
+                value={queueRoomUuid}
+                defaultValue={queueRoomUuid}
+                onChange={(event) => {
+                  setQueueRoomUuid(event.target.value);
+                  localStorage.setItem('lastUpdatedQueueRoomTimestamp', new Date().toString());
+                }}>
+                {!queueRoomUuid ? <SelectItem text={t('chooseRoom', 'Select a room')} value="" /> : null}
+                {rooms?.length > 0 &&
+                  rooms.map((room) => (
+                    <SelectItem key={room.uuid} text={room.display} value={room.uuid}>
+                      {room.display}
+                    </SelectItem>
+                  ))}
+              </Select>
+            </div>
+          </section>
+          {isMissingQueueRoom && (
+            <section>
+              <InlineNotification
+                style={{ margin: '0', minWidth: '100%' }}
+                kind="error"
+                lowContrast={true}
+                title={t('missingQueueRoom', 'Please select a queue room')}
+              />
+            </section>
+          )}
+
+          <section className={styles.section}>
+            <Checkbox
+              onChange={handleRetainLocation}
+              checked={currentIsPermanentProviderQueueRoom}
+              labelText={t('retainLocation', 'Retain location')}
+              id="retianLocation"
+              className={styles.checkbox}
+            />
+          </section>
+        </Form>
+      </ModalBody>
+      <ModalFooter>
+        <Button kind="secondary" onClick={closeModal}>
+          {t('cancel', 'Cancel')}
+        </Button>
+        <Button onClick={onSubmit}>{t('save', 'Save')}</Button>
+      </ModalFooter>
+    </div>
+  );
+};
+
+export default AddProviderQueueRoom;

package/src/add-provider-queue-room/add-provider-queue-room.resource.tsx

@@ -0,0 +1,76 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+import { ProvidersQueueRoom, QueueRoom } from '../types';
+
+export function useQueueRooms(location: string, queueUuid: string) {
+  const apiUrl = queueUuid
+    ? `/ws/rest/v1/queueroom?location=${location}&queue=${queueUuid}`
+    : `/ws/rest/v1/queueroom?location=${location}`;
+
+  const { data, error, isLoading } = useSWR<{ data: { results: Array<QueueRoom> } }, Error>(
+    location ? apiUrl : null,
+    openmrsFetch,
+  );
+
+  return {
+    rooms: data ? data?.data?.results : [],
+    isError: error,
+    isLoading,
+  };
+}
+
+export function addProviderToQueueRoom(queueRoomUuid: string, providerUuid) {
+  const abortController = new AbortController();
+
+  return openmrsFetch(`/ws/rest/v1/roomprovidermap`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    signal: abortController.signal,
+    body: {
+      queueRoom: {
+        uuid: queueRoomUuid,
+      },
+      provider: {
+        uuid: providerUuid,
+      },
+    },
+  });
+}
+
+export function updateProviderToQueueRoom(queueProviderMapUuid: string, queueRoomUuid: string, providerUuid) {
+  const abortController = new AbortController();
+
+  return openmrsFetch(`/ws/rest/v1/roomprovidermap/${queueProviderMapUuid}`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    signal: abortController.signal,
+    body: {
+      queueRoom: {
+        uuid: queueRoomUuid,
+      },
+      provider: {
+        uuid: providerUuid,
+      },
+    },
+  });
+}
+
+export function useProvidersQueueRoom(providerUuid: string) {
+  const apiUrl = `/ws/rest/v1/roomprovidermap?provider=${providerUuid}`;
+
+  const { data, error, isLoading, mutate } = useSWR<{ data: { results: Array<ProvidersQueueRoom> } }, Error>(
+    providerUuid ? apiUrl : null,
+    openmrsFetch,
+  );
+
+  return {
+    providerRoom: data ? data?.data?.results : [],
+    isError: error,
+    isLoading,
+    mutate,
+  };
+}

package/src/add-provider-queue-room/add-provider-queue-room.scss

@@ -0,0 +1,17 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@import '~@openmrs/esm-styleguide/src/vars';
+
+section {
+  margin: spacing.$spacing-03;
+}
+
+.sectionTitle {
+  @include type.type-style('heading-compact-02');
+  color: $text-02;
+  margin-bottom: spacing.$spacing-04;
+}
+
+.checkbox {
+  padding-top: spacing.$spacing-04;
+}

package/src/add-provider-queue-room/add-provider-queue-room.test.tsx

@@ -0,0 +1,98 @@
+import React from 'react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import AddProviderQueueRoom from './add-provider-queue-room.component';
+import { showToast } from '@openmrs/esm-framework';
+
+jest.mock('@openmrs/esm-framework', () => ({
+  ...jest.requireActual('@openmrs/esm-framework'),
+  useCurrentProvider: jest.fn(() => ({
+    currentProvider: { uuid: 'provider-uuid-1' },
+  })),
+  showToast: jest.fn(),
+  showNotification: jest.fn(),
+}));
+jest.mock('./add-provider-queue-room.resource', () => ({
+  useProvidersQueueRoom: jest.fn(() => ({
+    providerRoom: [
+      {
+        queueRoom: { uuid: 'c187d78b-5c54-49bf-a0f8-b7fb6034d36d' },
+        uuid: '6b3e233d-2b44-40ca-b0c8-c5a57a8c51b6',
+      },
+    ],
+    isLoading: false,
+    mutate: jest.fn(),
+  })),
+  updateProviderToQueueRoom: jest.fn().mockResolvedValue({ status: 200 }),
+  addProviderToQueueRoom: jest.fn(),
+  useQueueRooms: jest.fn(() => ({
+    rooms: [
+      { uuid: '6b3e233d-2b44-40ca-b0c8-c5a57a8c51b6', display: 'Room 1' },
+      { uuid: 'e7786ac0-ab62-11ec-b909-0242ac120002', display: 'Room 2' },
+    ],
+  })),
+}));
+
+jest.mock('../active-visits/active-visits-table.resource', () => ({
+  useServices: jest.fn(() => ({
+    services: [
+      { uuid: 'e7786ac0-ab62-11ec-b909-0242ac120002', display: 'Service 1' },
+      { uuid: 'e7786ac0-ab62-11ec-b909-0242ac120032', display: 'Service 2' },
+    ],
+  })),
+}));
+
+jest.mock('../patient-search/hooks/useQueueLocations', () => ({
+  useQueueLocations: jest.fn(() => ({
+    queueLocations: [
+      { id: '1GHI12', name: 'Location 1' },
+      { id: '1GHI45', name: 'Location 2' },
+    ],
+  })),
+}));
+
+const providerUuid = 'cc75ad73-c24b-499c-8db9-a7ef4fc0b36d';
+
+describe('AddProviderQueueRoom', () => {
+  it('renders the form fields', () => {
+    render(<AddProviderQueueRoom providerUuid={providerUuid} closeModal={jest.fn()} />);
+
+    expect(screen.getByText('Select a room')).toBeInTheDocument();
+    expect(screen.getByLabelText('Retain location')).toBeInTheDocument();
+    expect(screen.getByText('Cancel')).toBeInTheDocument();
+    expect(screen.getByText('Save')).toBeInTheDocument();
+  });
+
+  it('updates queue room selection', () => {
+    render(<AddProviderQueueRoom providerUuid={providerUuid} closeModal={jest.fn()} />);
+
+    const selectQueueRoom: HTMLInputElement = screen.getByRole('combobox');
+    fireEvent.change(selectQueueRoom, { target: { value: 'room-uuid-1' } });
+
+    expect(selectQueueRoom.value).toBe('6b3e233d-2b44-40ca-b0c8-c5a57a8c51b6');
+  });
+
+  it('should update the retain location checkbox', () => {
+    render(<AddProviderQueueRoom providerUuid={providerUuid} closeModal={jest.fn()} />);
+
+    const retainLocationCheckbox: HTMLInputElement = screen.getByRole('checkbox');
+    fireEvent.click(retainLocationCheckbox);
+
+    expect(retainLocationCheckbox.checked).toBe(true);
+  });
+
+  it('should submit the form and add provider to queue room when all fields are filled', async () => {
+    const mockCloseModal = jest.fn();
+    render(<AddProviderQueueRoom providerUuid={providerUuid} closeModal={mockCloseModal} />);
+
+    const queueRoomSelect = screen.getByRole('combobox');
+    const submitButton = screen.getByText('Save');
+
+    fireEvent.change(queueRoomSelect, { target: { value: '6b3e233d-2b44-40ca-b0c8-c5a57a8c51b6' } });
+    fireEvent.click(submitButton);
+
+    await waitFor(() => {
+      expect(mockCloseModal).toHaveBeenCalled();
+      expect(showToast).toHaveBeenCalled();
+    });
+  });
+});