@openmrs/esm-service-queues-app 9.2.1-pre.7115 → 9.2.1-pre.7125

package/src/queue-patient-linelists/queue-linelist-base-table.component.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { type TFunction } from 'i18next';
 import {
@@ -21,15 +21,8 @@ import {
   DataTableSkeleton,
   Pagination,
 } from '@carbon/react';
-import { Filter, OverflowMenuVertical } from '@carbon/react/icons';
-import {
-  ConfigurableLink,
-  ExtensionSlot,
-  formatDatetime,
-  launchWorkspace,
-  parseDate,
-  usePagination,
-} from '@openmrs/esm-framework';
+import { OverflowMenuVertical } from '@carbon/react/icons';
+import { ConfigurableLink, ExtensionSlot, formatDatetime, parseDate, usePagination } from '@openmrs/esm-framework';
 import styles from './queue-linelist-base-table.scss';
 import { type FilterTypes } from '../types';
 
@@ -151,17 +144,6 @@ const QueuePatientBaseTable: React.FC<QueuePatientTableProps> = ({
           <Tag size="md" type="blue">
             {t('today', 'Today')}
           </Tag>
-
-          <div className={styles.actionsBtn}>
-            <Button
-              kind="ghost"
-              renderIcon={(props) => <Filter size={16} {...props} />}
-              iconDescription={t('filter', 'Filter')}
-              onClick={() => launchWorkspace('service-queues-linelist-filter')}
-              size="sm">
-              {t('filter', 'Filter')}
-            </Button>
-          </div>
         </Tile>
       </Layer>
 

package/src/queue-table/components/add-patient-to-queue-button.component.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Button } from '@carbon/react';
+import { AddIcon, launchWorkspace2, type Workspace2DefinitionProps } from '@openmrs/esm-framework';
+import { serviceQueuesPatientSearchWorkspace } from '../../constants';
+import { useTranslation } from 'react-i18next';
+import { useServiceQueuesStore } from '../../store/store';
+
+const AddPatientToQueueButton: React.FC = () => {
+  const { t } = useTranslation();
+  const { selectedServiceUuid } = useServiceQueuesStore();
+
+  return (
+    <Button
+      kind="secondary"
+      renderIcon={(props) => <AddIcon size={16} {...props} />}
+      size="sm"
+      onClick={() =>
+        launchWorkspace2(
+          'queue-patient-search-workspace',
+          {
+            initialQuery: '',
+            workspaceTitle: t('addPatientToQueue', 'Add patient to queue'),
+            onPatientSelected(
+              patientUuid: string,
+              patient: fhir.Patient,
+              launchChildWorkspace: Workspace2DefinitionProps['launchChildWorkspace'],
+              closeWorkspace: Workspace2DefinitionProps['launchChildWorkspace'],
+            ) {
+              launchChildWorkspace(serviceQueuesPatientSearchWorkspace, {
+                currentServiceQueueUuid: selectedServiceUuid,
+                selectedPatientUuid: patient.id,
+              });
+            },
+          },
+          {
+            startVisitWorkspaceName: 'queue-patient-search-start-visit-workspace',
+          },
+        )
+      }>
+      {t('addPatientToQueue', 'Add patient to queue')}
+    </Button>
+  );
+};
+
+export default AddPatientToQueueButton;

package/src/queue-table/default-queue-table.component.tsx

@@ -1,38 +1,20 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { DataTableSkeleton, Dropdown, Layer, TableToolbarSearch } from '@carbon/react';
 import { useTranslation } from 'react-i18next';
-import { Add } from '@carbon/react/icons';
-import {
-  closeWorkspace,
-  ExtensionSlot,
-  isDesktop,
-  launchWorkspace,
-  showSnackbar,
-  useLayoutType,
-} from '@openmrs/esm-framework';
-import { serviceQueuesPatientSearchWorkspace } from '../constants';
+import { isDesktop, showSnackbar, useLayoutType } from '@openmrs/esm-framework';
 import { updateSelectedQueueStatus, useServiceQueuesStore } from '../store/store';
 import { useColumns } from './cells/columns.resource';
 import { useQueueEntries } from '../hooks/useQueueEntries';
 import useQueueStatuses from '../hooks/useQueueStatuses';
-import usePatientSearchVisibility from '../hooks/usePatientSearchVisibility';
 import ClearQueueEntries from '../modals/clear-queue-entries-modal/clear-queue-entries.component';
 import QueueTableExpandedRow from './queue-table-expanded-row.component';
 import QueueTable from './queue-table.component';
 import styles from './queue-table.scss';
+import AddPatientToQueueButton from './components/add-patient-to-queue-button.component';
 
 function DefaultQueueTable() {
   const { t } = useTranslation();
   const layout = useLayoutType();
-  const { selectedServiceUuid } = useServiceQueuesStore();
-  const [patientSearchQuery, setPatientSearchQuery] = useState('');
-
-  const { isPatientSearchOpen, hidePatientSearch, showPatientSearch } = usePatientSearchVisibility();
-
-  const handleReturnToSearchList = useCallback(() => {
-    showPatientSearch();
-    closeWorkspace(serviceQueuesPatientSearchWorkspace);
-  }, [showPatientSearch]);
 
   return (
     <div className={styles.defaultQueueTable}>
@@ -42,37 +24,7 @@ function DefaultQueueTable() {
             <h4>{t('patientsCurrentlyInQueue', 'Patients currently in queue')}</h4>
           </div>
           <div className={styles.headerButtons}>
-            {/**
-             * Attaches the patient search button extension and overrides the default button props and passes some other state down which will eventually get passed to the patient search workspace upon clicking the button
-             * https://github.com/openmrs/openmrs-esm-patient-management/blob/main/packages/esm-patient-search-app/src/patient-search-button/patient-search-button.component.tsx#L74
-             * */}
-            <ExtensionSlot
-              name="patient-search-button-slot"
-              state={{
-                // Overrides the default button props for the patient search button
-                buttonText: t('addPatientToQueue', 'Add patient to queue'),
-                buttonProps: {
-                  kind: 'secondary',
-                  renderIcon: (props) => <Add size={16} {...props} />,
-                  size: 'sm',
-                },
-                handleReturnToSearchList,
-                hidePatientSearch,
-                isOpen: isPatientSearchOpen,
-                searchQuery: patientSearchQuery,
-                searchQueryUpdatedAction: (searchQuery) => setPatientSearchQuery(searchQuery),
-                selectPatientAction: (selectedPatientUuid) => {
-                  hidePatientSearch();
-                  launchWorkspace(serviceQueuesPatientSearchWorkspace, {
-                    currentServiceQueueUuid: selectedServiceUuid,
-                    handleReturnToSearchList,
-                    selectedPatientUuid,
-                  });
-                },
-                showPatientSearch,
-                workspaceTitle: t('addPatientToQueue', 'Add patient to queue'),
-              }}
-            />
+            <AddPatientToQueueButton />
           </div>
         </div>
         <QueueTableSection />

package/src/routes.json

@@ -149,31 +149,49 @@
       "component": "deleteQueueEntryModal"
     }
   ],
-  "workspaces": [
+  "workspaces2": [
+    {
+      "name": "create-queue-entry-workspace",
+      "component": "createQueueEntryWorkspace",
+      "window": "add-queue-entry"
+    },
+    {
+      "name": "queue-patient-search-workspace",
+      "component": "@openmrs/esm-patient-search-app#patientSearchWorkspace2",
+      "window": "add-queue-entry"
+    },
+    {
+      "name": "queue-patient-search-start-visit-workspace",
+      "component": "@openmrs/esm-patient-chart-app#exportedVisitForm",
+      "window": "add-queue-entry"
+    },
     {
       "name": "service-queues-service-form",
-      "title": "addNewQueueService",
       "component": "addNewQueueServiceWorkspace",
-      "type": "service-queues"
+      "window": "add-queue"
     },
     {
       "name": "service-queues-room-workspace",
-      "title": "addNewQueueServiceRoom",
       "component": "addNewQueueServiceRoomWorkspace",
-      "type": "service-queues"
+      "window": "add-queue-room"
+    }
+  ],
+  "workspaceWindows2": [
+    {
+      "name": "add-queue-entry",
+      "group": "service-queues"
     },
     {
-      "name": "service-queues-linelist-filter",
-      "title": "filter",
-      "component": "queueLinelistFilterWorkspace",
-      "type": "service-queues"
+      "name": "add-queue",
+      "group": "service-queues"
     },
     {
-      "name": "create-queue-entry-workspace",
-      "title": "addPatientToQueue",
-      "component": "createQueueEntryWorkspace",
-      "type": "service-queues",
-      "width": "wider"
+      "name": "add-queue-room",
+      "group": "service-queues"
     }
-  ]
+  ],
+  "workspaceGroups2": [{
+    "name": "service-queues"
+  }]
+
 }

package/src/views/queue-tables-for-all-statuses.component.tsx

@@ -1,8 +1,7 @@
 import React, { useState } from 'react';
 import { InlineNotification, Search, SkeletonText } from '@carbon/react';
-import { Add } from '@carbon/react/icons';
 import { useTranslation } from 'react-i18next';
-import { ExtensionSlot, isDesktop, launchWorkspace, showToast, useLayoutType } from '@openmrs/esm-framework';
+import { isDesktop, showToast, useLayoutType } from '@openmrs/esm-framework';
 import type { Concept, Queue, QueueEntry } from '../types';
 import { useQueueEntries } from '../hooks/useQueueEntries';
 import { useColumns } from '../queue-table/cells/columns.resource';
@@ -11,6 +10,7 @@ import PatientQueueHeader from '../patient-queue-header/patient-queue-header.com
 import QueueTable from '../queue-table/queue-table.component';
 import QueueTableMetrics from '../queue-table/queue-table-metrics.component';
 import styles from '../queue-table/queue-table.scss';
+import AddPatientToQueueButton from '../queue-table/components/add-patient-to-queue-button.component';
 
 interface QueueTablesForAllStatusesProps {
   selectedQueue: Queue; // the selected queue
@@ -47,24 +47,7 @@ const QueueTablesForAllStatuses: React.FC<QueueTablesForAllStatusesProps> = ({
         showFilters={false}
         actions={
           <div className={styles.headerButtons}>
-            <ExtensionSlot
-              name="patient-search-button-slot"
-              state={{
-                buttonText: t('addPatientToQueue', 'Add patient to queue'),
-                buttonProps: {
-                  kind: 'secondary',
-                  renderIcon: (props) => <Add size={16} {...props} />,
-                  size: isDesktop(layout) ? 'sm' : 'lg',
-                },
-                selectPatientAction: (selectedPatientUuid) => {
-                  launchWorkspace('create-queue-entry-workspace', {
-                    selectedPatientUuid,
-                    currentServiceQueueUuid: selectedQueue.uuid,
-                  });
-                },
-                workspaceTitle: t('addPatientToQueue', 'Add patient to queue'),
-              }}
-            />
+            <AddPatientToQueueButton />
             <div className={styles.filterSearch}>
               <Search
                 labelText=""

package/translations/en.json

@@ -10,12 +10,9 @@
   "age": "Age",
   "aListOfPatients": "A list of patients waiting for ",
   "all": "All",
-  "and": "And",
   "any": "Any",
-  "applyFilters": "Apply filters",
   "averageWaitTime": "Average wait time today",
   "backToSearchResults": "Back to search results",
-  "between": "Between",
   "bmi": "Bmi",
   "bp": "Bp",
   "call": "Call",
@@ -50,7 +47,6 @@
   "editQueueEntryForPatient": "Edit queue entry for {{patient}}",
   "encounters": "Encounters",
   "encounterType": "Encounter type",
-  "endAgeRangeInvalid": "End age range is not valid",
   "endDate": "End date",
   "enterCommentHere": "Enter comment here",
   "errorClearingQueues": "Error clearing queues",
@@ -61,8 +57,6 @@
   "errorLoadingQueueEntry": "Error loading queue entry",
   "failedToLoadLocations": "Failed to load locations",
   "female": "Female",
-  "femaleLabelText": "Female",
-  "filter": "Filter",
   "filterTable": "Filter table",
   "formValidationFailed": "Form validation failed",
   "gender": "Gender",
@@ -75,7 +69,6 @@
   "invalidtableConfig": "Invalid table configuration",
   "location": "Location",
   "male": "Male",
-  "maleLabelText": "Male",
   "manageServiceQueues": "Manage Service Queues",
   "medications": "Medications",
   "minuteFormatted": "{{minutes}} minute(s)",
@@ -101,8 +94,6 @@
   "noVitalsFound": "No vitals found",
   "noVitalsRecorded": "No vitals have been recorded in this visit",
   "now": "Now",
-  "off": "Off",
-  "on": "On",
   "onTime": "On time",
   "orderDurationAndUnit": "for {{duration}} {{durationUnit}}",
   "orderIndefiniteDuration": "Indefinite duration",
@@ -170,7 +161,6 @@
   "scheduledToday": "Scheduled for today",
   "searchThisList": "Search this list",
   "selectALocation": "Select a location",
-  "selectAVisitType": "Select visit type",
   "selectQueueLocation": "Select a queue location",
   "selectQueueRoomLocation": "Select a queue room location",
   "selectQueueRoomService": "Select a queue room service",
@@ -185,7 +175,6 @@
   "serviceQueuesAdmin": "Service Queues Admin",
   "showPatientsWithStatus": "Show patients with status:",
   "sp02": "Sp02",
-  "startAgeRangeInvalid": "Start age range is not valid",
   "status": "Status",
   "success": "Success",
   "temperature": "Temperature",
@@ -210,7 +199,7 @@
   "unknown": "Unknown",
   "unknownError": "An unknown error occurred",
   "urgent": "Urgent",
-  "useTodaysDate": "Use today's date",
+  "visitRequiredToCreateQueueEntry": "A visit is required to add patient to queue",
   "visitTabs": "Visit tabs",
   "visitType": "Visit Type",
   "vitals": "Vitals",

package/dist/3050.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_openmrs_esm_service_queues_app=globalThis.webpackChunk_openmrs_esm_service_queues_app||[]).push([[3050],{3050:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ye});var a=t(1343),i=t.n(a),r=t(8877),s=t(28682),o=t(54440),l=t(72591),c=t.n(l),p=t(1740),u=t.n(p),d=t(88128),g=t.n(d),f=t(30855),h=t.n(f),y=t(93051),m=t.n(y),b=t(73656),$=t.n(b),v=t(13422),A={};A.styleTagTransform=$(),A.setAttributes=h(),A.insert=g().bind(null,"head"),A.domAPI=u(),A.insertStyleElement=m(),c()(v.A,A);const w=v.A&&v.A.locals?v.A.locals:void 0,k=function(){return i().createElement(o.ExtensionSlot,{name:"service-queues-metrics-slot",className:w.cardContainer,"data-testid":"clinic-metrics"})};var _=t(15680),x=t(72339),C=t(85848),z=t(57691),E=t(26861),q=t(62085),M=t(51751),S=t(50942);function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}const O=function(){var e=(0,S.A)(),n=e.queues,t=e.isLoading;return(0,a.useMemo)(function(){var e,a,i,r=(e=[]).concat.apply(e,function(e){if(Array.isArray(e))return N(e)}(i=null===(a=null!=n?n:[])||void 0===a?void 0:a.map(function(e){return null==e?void 0:e.allowedStatuses}))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||function(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=new Set,l=[];return r.forEach(function(e){s.has(null==e?void 0:e.uuid)||(s.add(null==e?void 0:e.uuid),l.push(e))}),{statuses:l.sort(function(e,n){return e.display.localeCompare(n.display,(0,o.getLocale)())}),isLoadingQueueStatuses:t}},[t,n])};function T(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}const D=function(){var e,n,t=(e=(0,a.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r=[],s=!0,o=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(r.push(a.value),!n||r.length!==n);s=!0);}catch(e){o=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(o)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return T(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?T(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=t[0],r=t[1],s=(0,a.useCallback)(function(){r(!0)},[]),o=(0,a.useCallback)(function(){r(!1)},[]),l=(0,a.useCallback)(function(){r(!i)},[i]);return{hidePatientSearch:o,isPatientSearchOpen:i,showPatientSearch:s,togglePatientSearch:l}};var B=t(27085);const I=function(e){var n=e.queueEntries,t=(0,x.useTranslation)().t,r=(0,o.useLayoutType)(),s=(0,a.useCallback)(function(){var e=(0,o.showModal)("clear-all-queue-entries-modal",{closeModal:function(){return e()},queueEntries:n})},[n]);return i().createElement(_.$nd,{className:B.A.clearQueueButton,size:(0,o.isDesktop)(r)?"sm":"lg",kind:"ghost",onClick:s,iconDescription:t("clearQueueEntries","Clear queue entries")},t("clearQueueEntries","Clear queue entries"))};var P=t(20363),L=t(54428),j=t(14517);function F(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const U=function(e){var n=e.notes,t=e.patientUuid,a=e.diagnoses,r=(0,x.useTranslation)().t;return i().createElement("div",null,a.length>0?a.map(function(e,n){return i().createElement(_.vwO,{key:"diagnosis-".concat(e.diagnosis,"-").concat(n),type:"blue",size:"md"},e.diagnosis)}):null,n.length?n.map(function(e,n){return i().createElement("div",{key:"note-".concat(e.note,"-").concat(n)},i().createElement("p",null,e.note),i().createElement("p",{className:j.A.subHeading},e.provider.name?i().createElement("span",null," ",e.provider.name," · "):null,e.time))}):i().createElement("div",null,i().createElement("p",{className:j.A.emptyText},r("triageFormNotCompleted","Triage form has not been completed for this visit")),i().createElement(_.$nd,{size:"sm",kind:"ghost",renderIcon:function(e){return i().createElement(C.Qp,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){F(e,n,t[n])})}return e}({size:16},e))},onClick:function(){return(0,o.navigate)({to:"${openmrsSpaBase}/patient/".concat(t,"/chart")})},iconDescription:r("triageForm","Triage form")},r("triageForm","Triage form"))))};var R=t(28065),Q=t(75856),W={};W.styleTagTransform=$(),W.setAttributes=h(),W.insert=g().bind(null,"head"),W.domAPI=u(),W.insertStyleElement=m(),c()(Q.A,W);const H=Q.A&&Q.A.locals?Q.A.locals:void 0;function G(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}const Y=function(e){var n,t,r=e.patientUuid,s=e.encounters,l=(0,x.useTranslation)().t,c=(n=(0,a.useMemo)(function(){var e=[],n=[],t=[];return null==s||s.forEach(function(a){var i;"Visit Note"===(null===(i=a.encounterType)||void 0===i?void 0:i.display)&&a.obs.forEach(function(n){n.concept&&"Visit Diagnoses"===n.concept.display?t.push({diagnosis:n.groupMembers.find(function(e){return"PROBLEM LIST"===e.concept.display}).value.display}):n.concept&&"General patient note"===n.concept.display&&e.push({note:n.value,provider:{name:a.encounterProviders.length?a.encounterProviders[0].provider.person.display:"",role:a.encounterProviders.length?a.encounterProviders[0].encounterRole.display:""},time:(0,o.formatTime)((0,o.parseDate)(n.obsDatetime)),concept:n.concept})}),n.push(a)}),[t,e,n]},[s]),t=3,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r=[],s=!0,o=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(r.push(a.value),!n||r.length!==n);s=!0);}catch(e){o=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(o)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return G(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?G(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=c[0],u=c[1],d=c[2];return i().createElement("div",{className:H.wrapper},i().createElement("div",{className:H.visitContainer},i().createElement(_.r9c,{className:H.structuredList},i().createElement(_.AVA,null),i().createElement(_.GRJ,null,i().createElement(_.Cvq,{className:H.structuredListRow},i().createElement(_.Um2,null,l("triageNote","Triage note")),i().createElement(_.Um2,null,i().createElement(U,{notes:u,diagnoses:p,patientUuid:r}))),i().createElement(_.Cvq,{className:H.structuredListRow},i().createElement(_.Um2,null,l("vitals","Vitals")),i().createElement(_.Um2,null," ",i().createElement(R.A,{vitals:(0,L.DI)(d),patientUuid:r,visitType:"currentVisit"})))))))},V=function(e){var n,t=e.patientUuid,a=e.visitUuid,r=(0,x.useTranslation)().t,s=(0,P.fq)(a),o=s.visit;return s.isLoading?i().createElement(_.OOb,{role:"progressbar"}):o?i().createElement("div",{className:H.wrapper},i().createElement("div",{className:H.headingContainer},i().createElement("p",{className:H.heading},null==o||null===(n=o.visitType)||void 0===n?void 0:n.display),i().createElement("div",{className:H.subHeading},r("scheduledToday","Scheduled for today")," ",i().createElement(_.vwO,{type:"blue"}," ",r("onTime","On time")))),i().createElement("div",{className:H.visitContainer},i().createElement(Y,{encounters:o.encounters,patientUuid:t}))):void 0};var X=t(98370),J=t(71115),K={};K.styleTagTransform=$(),K.setAttributes=h(),K.insert=g().bind(null,"head"),K.domAPI=u(),K.insertStyleElement=m(),c()(J.A,K);const Z=J.A&&J.A.locals?J.A.locals:void 0,ee=function(e){var n=e.queueEntry,t=(0,x.useTranslation)().t;return i().createElement(_.tUM,null,i().createElement(_.wbY,{"aria-label":t("visitTabs","Visit tabs"),className:Z.tabList},i().createElement(_.ozo,{className:Z.tab},t("currentVisit","Current visit")),i().createElement(_.ozo,{className:Z.tab},t("previousVisit","Previous visit")," ")),i().createElement(_.T2N,null,i().createElement(_.KpK,null,i().createElement(V,{patientUuid:n.patient.uuid,visitUuid:n.visit.uuid})),i().createElement(_.KpK,null,i().createElement(X.default,{patientUuid:n.patient.uuid}))))};var ne=t(29124),te=t(57206);function ae(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function ie(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function re(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r=[],s=!0,o=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(r.push(a.value),!n||r.length!==n);s=!0);}catch(e){o=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(o)throw i}}return r}}(e,n)||se(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function se(e,n){if(e){if("string"==typeof e)return ae(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ae(e,n):void 0}}function oe(){var e=(0,x.useTranslation)().t,n=(0,o.useLayoutType)(),t=(0,E.cv)(),r=t.selectedServiceUuid,s=t.selectedQueueLocationUuid,l=t.selectedQueueStatusUuid,c=re((0,a.useState)(""),2),p=c[0],u=c[1],d=(0,a.useMemo)(function(){return{service:r,location:s,isEnded:!1,status:l}},[r,s,l]),g=(0,M.Z0)(d),f=g.queueEntries,h=g.isLoading,y=g.error,m=g.isValidating;(0,a.useEffect)(function(){window.dispatchEvent(new CustomEvent("queue-entry-updated"))},[]),(0,a.useEffect)(function(){(null==y?void 0:y.message)&&(0,o.showSnackbar)({title:e("errorLoadingQueueEntries","Error loading queue entries"),kind:"error",subtitle:null==y?void 0:y.message})},[null==y?void 0:y.message,e]);var b=(0,q.Z)(null,null);b||(0,o.showSnackbar)({kind:"warning",title:e("notableConfig","No table configuration"),subtitle:"No table configuration defined for queue: null and status: null"});var $=(0,a.useMemo)(function(){var e=p.toLowerCase();return null==f?void 0:f.filter(function(n){return b.some(function(t){var a,i,r=null===(i=t.getFilterableValue)||void 0===i||null===(a=i.call(t,n))||void 0===a?void 0:a.toLocaleLowerCase();return null==r?void 0:r.includes(e)})})},[b,f,p]);return h?i().createElement(_.OOb,{role:"progressbar"}):i().createElement(ne.A,{ExpandedRow:ee,isLoading:h,isValidating:m,queueEntries:null!=$?$:[],queueUuid:null,statusUuid:null,tableFilters:i().createElement(i().Fragment,null,i().createElement(I,{queueEntries:$}),i().createElement(le,null),i().createElement(_.w6V,{className:te.A.search,onChange:function(e){return u(e.target.value)},placeholder:e("searchThisList","Search this list"),size:(0,o.isDesktop)(n)?"sm":"lg",persistent:!0}))})}function le(){var e,n=(0,x.useTranslation)().t,t=(0,o.useLayoutType)(),a=O().statuses,r=(0,E.cv)().selectedQueueStatusDisplay;return i().createElement("div",{className:te.A.filterContainer},i().createElement(_.msM,{id:"statusFilter",items:[{display:"".concat(n("any","Any"))}].concat((e=null!=a?a:[],function(e){if(Array.isArray(e))return ae(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||se(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),itemToString:function(e){return e?e.display:""},label:null!=r?r:n("all","All"),onChange:function(e){var n=e.selectedItem;(0,E.yn)(n.uuid,null==n?void 0:n.display)},size:(0,o.isDesktop)(t)?"sm":"lg",titleText:n("showPatientsWithStatus","Show patients with status:"),type:"inline"}))}const ce=function(){var e=(0,x.useTranslation)().t,n=(0,o.useLayoutType)(),t=(0,E.cv)().selectedServiceUuid,r=re((0,a.useState)(""),2),s=r[0],l=r[1],c=D(),p=c.isPatientSearchOpen,u=c.hidePatientSearch,d=c.showPatientSearch,g=(0,a.useCallback)(function(){d(),(0,o.closeWorkspace)(z.mL)},[d]);return i().createElement("div",{className:te.A.defaultQueueTable},i().createElement(_.Wdr,{className:te.A.tableSection},i().createElement("div",{className:te.A.headerContainer},i().createElement("div",{className:(0,o.isDesktop)(n)?te.A.desktopHeading:te.A.tabletHeading},i().createElement("h4",null,e("patientsCurrentlyInQueue","Patients currently in queue"))),i().createElement("div",{className:te.A.headerButtons},i().createElement(o.ExtensionSlot,{name:"patient-search-button-slot",state:{buttonText:e("addPatientToQueue","Add patient to queue"),buttonProps:{kind:"secondary",renderIcon:function(e){return i().createElement(C.OM,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){ie(e,n,t[n])})}return e}({size:16},e))},size:"sm"},handleReturnToSearchList:g,hidePatientSearch:u,isOpen:p,searchQuery:s,searchQueryUpdatedAction:function(e){return l(e)},selectPatientAction:function(e){u(),(0,o.launchWorkspace)(z.mL,{currentServiceQueueUuid:t,handleReturnToSearchList:g,selectedPatientUuid:e})},showPatientSearch:d,workspaceTitle:e("addPatientToQueue","Add patient to queue")}}))),i().createElement(oe,null)))},pe=function(){return i().createElement(i().Fragment,null,i().createElement(s.A,{showFilters:!0}),i().createElement(k,null),i().createElement(ce,null))};var ue=t(60714),de=t(80370),ge=t(43683),fe=t(88844);function he(){var e=(0,r.useParams)().queueUuid;return i().createElement(ge.default,{queueUuid:e})}const ye=function(){var e=window.getOpenmrsSpaBase()+"home/service-queues";return i().createElement("main",null,i().createElement(r.BrowserRouter,{basename:e},i().createElement(r.Routes,null,i().createElement(r.Route,{path:"/",element:i().createElement(pe,null)}),i().createElement(r.Route,{path:"/admin",element:i().createElement(fe.default,null)}),i().createElement(r.Route,{path:"/queue-list/:service/:serviceUuid/:locationUuid",element:i().createElement(ue.default,null)}),i().createElement(r.Route,{path:"/queue-table-by-status/:queueUuid",element:i().createElement(he,null)}),i().createElement(r.Route,{path:"/screen",element:i().createElement(de.default,null)}))))}},13422:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(30977),i=t.n(a),r=t(95924),s=t.n(r)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-service-queues__metrics-container__cardContainer___PR1\\+O{background-color:#fff;display:flex;padding:1rem;flex-flow:row wrap;gap:1rem;align-items:stretch}.-esm-service-queues__metrics-container__cardContainer___PR1\\+O>*{flex:1 0 0%;min-width:16rem}@media(max-width: 60.25rem){.omrs-breakpoint-lt-desktop .-esm-service-queues__metrics-container__cardContainer___PR1\\+O>*:has(.cardWithChildren){order:999}}@media(max-width: 76.25rem){.omrs-breakpoint-gt-tablet .-esm-service-queues__metrics-container__cardContainer___PR1\\+O>*:has(.cardWithChildren){order:999}}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/metrics/metrics-container.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CC1DF,gEACE,qBDDM,CCEN,YAAA,CACA,YCyBW,CDxBX,kBAAA,CACA,QCuBW,CDtBX,mBAAA,CAGF,kEACE,WAAA,CACA,eAAA,CAKF,4BAEI,qHACE,SAAA,CAAA,CAON,4BAEI,oHACE,SAAA,CAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: #{layout.$spacing-10};\n  --workspace-header-height: #{layout.$spacing-09};\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.cardContainer {\n  background-color: $ui-02;\n  display: flex;\n  padding: layout.$spacing-05;\n  flex-flow: row wrap;\n  gap: layout.$spacing-05;\n  align-items: stretch;\n}\n\n.cardContainer > * {\n  flex: 1 0 0%;\n  min-width: 16rem;\n}\n\n// If we're on tablet and the screen is too small for 3 cards across\n// @TODO: This will do nonsense things if there are not exactly 3 cards\n@media (max-width: calc(layout.$spacing-05 * 4 + 18.75rem * 3)) {\n  :global(.omrs-breakpoint-lt-desktop) {\n    .cardContainer > *:has(:global(.cardWithChildren)) {\n      order: 999;\n    }\n  }\n}\n\n// If we're on desktop and the screen is too small for the left nav bar\n// plus 3 cards across\n@media (max-width: calc(16rem + layout.$spacing-05 * 4 + 18.75rem * 3)) {\n  :global(.omrs-breakpoint-gt-tablet) {\n    .cardContainer > *:has(:global(.cardWithChildren)) {\n      order: 999;\n    }\n  }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),s.locals={cardContainer:"-esm-service-queues__metrics-container__cardContainer___PR1+O"};const o=s},27085:(e,n,t)=>{t.d(n,{A:()=>m});var a=t(72591),i=t.n(a),r=t(1740),s=t.n(r),o=t(88128),l=t.n(o),c=t(30855),p=t.n(c),u=t(93051),d=t.n(u),g=t(73656),f=t.n(g),h=t(98567),y={};y.styleTagTransform=f(),y.setAttributes=p(),y.insert=l().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=d(),i()(h.A,y);const m=h.A&&h.A.locals?h.A.locals:void 0},57691:(e,n,t)=>{t.d(n,{bn:()=>s,m6:()=>l,mL:()=>o,p1:()=>r});var a=t(23464),i=t.n(a),r=(window.getOpenmrsSpaBase,"".concat(window.spaBase,"/home")),s=(i()((new Date).setUTCHours(0,0,0,0)).format("YYYY-MM-DDTHH:mm:ss.SSSZZ"),Intl.DateTimeFormat().resolvedOptions().timeZone,"^(1[0-2]|0?[1-9]):[0-5][0-9]$"),o="create-queue-entry-workspace",l="[queue.entry.duplicate.patient]"},60082:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(30977),i=t.n(a),r=t(95924),s=t.n(r)()(i());s.push([e.id,".-esm-service-queues__queue-screen__gridFlow___yQYPg{display:flex;flex-direction:row;padding:2rem;flex-wrap:wrap}.-esm-service-queues__queue-screen__card___caq4G{border-radius:.9rem;border:1px solid #343332;margin:1.5rem;padding:1.3rem;width:30%;text-align:center;justify-content:center}.-esm-service-queues__queue-screen__header___PgSW4{font-size:2rem;font-weight:bold;color:#000}.-esm-service-queues__queue-screen__headerBlinking___FTAwO{font-size:2rem;font-weight:bold;color:red;animation:-esm-service-queues__queue-screen__blinker___vECd7 1s linear infinite}@keyframes -esm-service-queues__queue-screen__blinker___vECd7{50%{opacity:0}}.-esm-service-queues__queue-screen__subheader___plm-o{font-size:medium}","",{version:3,sources:["webpack://./src/queue-screen/queue-screen.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAEA,qDACE,YAAA,CACA,kBAAA,CACA,YCoCW,CDnCX,cAAA,CAGF,iDACE,mBAAA,CACA,wBAAA,CACA,aCwBW,CDvBX,cAAA,CACA,SAAA,CACA,iBAAA,CACA,sBAAA,CAGF,mDACE,cCqBW,CDpBX,gBAAA,CACA,UAAA,CAGF,2DACE,cCeW,CDdX,gBAAA,CACA,SAAA,CACA,+EAAA,CAGF,8DACE,IACE,SAAA,CAAA,CAIJ,sDACE,gBAAA",sourcesContent:["@use '@carbon/layout';\n\n.gridFlow {\n  display: flex;\n  flex-direction: row;\n  padding: layout.$spacing-07;\n  flex-wrap: wrap;\n}\n\n.card {\n  border-radius: 0.9rem;\n  border: 1px solid #343332;\n  margin: layout.$spacing-06;\n  padding: 1.3rem;\n  width: 30%;\n  text-align: center;\n  justify-content: center;\n}\n\n.header {\n  font-size: layout.$spacing-07;\n  font-weight: bold;\n  color: black;\n}\n\n.headerBlinking {\n  font-size: layout.$spacing-07;\n  font-weight: bold;\n  color: red;\n  animation: blinker 1s linear infinite;\n}\n\n@keyframes blinker {\n  50% {\n    opacity: 0;\n  }\n}\n\n.subheader {\n  font-size: medium;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),s.locals={gridFlow:"-esm-service-queues__queue-screen__gridFlow___yQYPg",card:"-esm-service-queues__queue-screen__card___caq4G",header:"-esm-service-queues__queue-screen__header___PgSW4",headerBlinking:"-esm-service-queues__queue-screen__headerBlinking___FTAwO",blinker:"-esm-service-queues__queue-screen__blinker___vECd7",subheader:"-esm-service-queues__queue-screen__subheader___plm-o"};const o=s},67756:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(30977),i=t.n(a),r=t(95924),s=t.n(r)()(i());s.push([e.id,".-esm-service-queues__admin-page__adminPage___D1Svg{padding:1rem;background-color:var(--cds-background);min-height:100vh}.-esm-service-queues__admin-page__section___ZyJ5l{margin-bottom:2rem}.-esm-service-queues__admin-page__section___ZyJ5l:last-child{margin-bottom:0}.-esm-service-queues__admin-page__sectionHeader___31ut5{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--cds-border-subtle)}.-esm-service-queues__admin-page__sectionHeader___31ut5 h3{margin:0;color:var(--cds-text-primary);font-size:1.25rem;font-weight:600}@media(max-width: 768px){.-esm-service-queues__admin-page__adminPage___D1Svg{padding:.5rem}.-esm-service-queues__admin-page__sectionHeader___31ut5{flex-direction:column;align-items:flex-start;gap:.5rem}.-esm-service-queues__admin-page__sectionHeader___31ut5 h3{font-size:1.125rem}}","",{version:3,sources:["webpack://./src/admin/admin-page/admin-page.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAEA,oDACE,YC4BW,CD3BX,sCAAA,CACA,gBAAA,CAGF,kDACE,kBCgCW,CD9BX,6DACE,eAAA,CAIJ,wDACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,kBCWW,CDVX,oBAAA,CACA,gDAAA,CAEA,2DACE,QAAA,CACA,6BAAA,CACA,iBAAA,CACA,eAAA,CAIJ,yBACE,oDACE,aCbS,CDgBX,wDACE,qBAAA,CACA,sBAAA,CACA,SCnBS,CDqBT,2DACE,kBAAA,CAAA",sourcesContent:["@use '@carbon/styles/scss/spacing';\n\n.adminPage {\n  padding: spacing.$spacing-05;\n  background-color: var(--cds-background);\n  min-height: 100vh;\n}\n\n.section {\n  margin-bottom: spacing.$spacing-07;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.sectionHeader {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: spacing.$spacing-05;\n  padding-bottom: spacing.$spacing-03;\n  border-bottom: 1px solid var(--cds-border-subtle);\n\n  h3 {\n    margin: 0;\n    color: var(--cds-text-primary);\n    font-size: 1.25rem;\n    font-weight: 600;\n  }\n}\n\n@media (max-width: 768px) {\n  .adminPage {\n    padding: spacing.$spacing-03;\n  }\n\n  .sectionHeader {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: spacing.$spacing-03;\n\n    h3 {\n      font-size: 1.125rem;\n    }\n  }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),s.locals={adminPage:"-esm-service-queues__admin-page__adminPage___D1Svg",section:"-esm-service-queues__admin-page__section___ZyJ5l",sectionHeader:"-esm-service-queues__admin-page__sectionHeader___31ut5"};const o=s},71115:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(30977),i=t.n(a),r=t(95924),s=t.n(r)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-service-queues__queue-table-expanded-row__tabList___97rOa{position:sticky;top:3rem;z-index:10;border-bottom:2px solid #e0e0e0}.-esm-service-queues__queue-table-expanded-row__tabList___97rOa .cds--tabs__nav-link{border-bottom:none !important}.-esm-service-queues__queue-table-expanded-row__tab___cGihW{height:2.5rem}.-esm-service-queues__queue-table-expanded-row__tab___cGihW:active,.-esm-service-queues__queue-table-expanded-row__tab___cGihW:focus{outline:none !important}.-esm-service-queues__queue-table-expanded-row__tab___cGihW[aria-selected=true]{border-bottom:3px solid var(--brand-03) !important}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/queue-table/queue-table-expanded-row.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CC1DF,gEACE,eAAA,CACA,QC8CW,CD7CX,UAAA,CACA,+BAAA,CAEA,qFACE,6BAAA,CAIJ,4DACE,aAAA,CAEA,qIAEE,uBAAA,CAGF,gFACE,kDAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: #{layout.$spacing-10};\n  --workspace-header-height: #{layout.$spacing-09};\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.tabList {\n  position: sticky;\n  top: layout.$spacing-09;\n  z-index: 10;\n  border-bottom: 2px solid $ui-03;\n\n  & :global(.cds--tabs__nav-link) {\n    border-bottom: none !important;\n  }\n}\n\n.tab {\n  height: 2.5rem;\n\n  &:active,\n  &:focus {\n    outline: none !important;\n  }\n\n  &[aria-selected='true'] {\n    border-bottom: 3px solid var(--brand-03) !important;\n  }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),s.locals={tabList:"-esm-service-queues__queue-table-expanded-row__tabList___97rOa",tab:"-esm-service-queues__queue-table-expanded-row__tab___cGihW"};const o=s},75856:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(30977),i=t.n(a),r=t(95924),s=t.n(r)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-service-queues__current-visit__visitContainer___8q88s{background-color:#fff;display:grid;grid-template-columns:max-content auto}.-esm-service-queues__current-visit__bodyLong01___8OLAD{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-service-queues__current-visit__heading___7bzYF{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-service-queues__current-visit__subHeading___7S5VO{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252}.-esm-service-queues__current-visit__structuredListRow___65aRV{border-bottom:none}.-esm-service-queues__current-visit__structuredList___Hro8r{margin-bottom:0}.-esm-service-queues__current-visit__headingContainer___2Jmi0{margin:0 1rem}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/current-visit/current-visit.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,4DACE,qBDIc,CCHd,YAAA,CACA,sCAAA,CAGF,wDCw1BI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDp1BJ,qDCo1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDh1BJ,wDCg1BI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CD90BF,aDbQ,CCgBV,+DACE,kBAAA,CAGF,4DACE,eAAA,CAGF,8DACE,aAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: #{layout.$spacing-10};\n  --workspace-header-height: #{layout.$spacing-09};\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.visitContainer {\n  background-color: $ui-background;\n  display: grid;\n  grid-template-columns: max-content auto;\n}\n\n.bodyLong01 {\n  @include type.type-style('body-01');\n}\n\n.heading {\n  @include type.type-style('heading-compact-02');\n}\n\n.subHeading {\n  @include type.type-style('label-01');\n  color: $text-02;\n}\n\n.structuredListRow {\n  border-bottom: none;\n}\n\n.structuredList {\n  margin-bottom: 0;\n}\n\n.headingContainer {\n  margin: 0 layout.$spacing-05;\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n"],sourceRoot:""}]),s.locals={visitContainer:"-esm-service-queues__current-visit__visitContainer___8q88s",bodyLong01:"-esm-service-queues__current-visit__bodyLong01___8OLAD",heading:"-esm-service-queues__current-visit__heading___7bzYF",subHeading:"-esm-service-queues__current-visit__subHeading___7S5VO",structuredListRow:"-esm-service-queues__current-visit__structuredListRow___65aRV",structuredList:"-esm-service-queues__current-visit__structuredList___Hro8r",headingContainer:"-esm-service-queues__current-visit__headingContainer___2Jmi0"};const o=s},80370:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var a=t(1343),i=t.n(a),r=t(15680),s=t(72339),o=t(54440),l=t(71123);function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function p(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u=function(){var e,n,t=(0,l.Ay)("".concat(o.restBaseUrl,"/queueutil/active-tickets"),o.openmrsFetch,{refreshInterval:3e3}),a=t.data,i=t.isLoading,r=t.error,s=t.mutate,u=null!==(n=Array.from(Object.entries(null!==(e=null==a?void 0:a.data)&&void 0!==e?e:{}).map(function(e){var n,t,a=(t=2,function(e){if(Array.isArray(e))return e}(n=e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r=[],s=!0,o=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(r.push(a.value),!n||r.length!==n);s=!0);}catch(e){o=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(o)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){p(e,n,t[n])})}return e}({room:a[0]},a[1])})))&&void 0!==n?n:[];return{activeTickets:u,isLoading:i,error:r,mutate:s}},d=t(28682),g=t(72591),f=t.n(g),h=t(1740),y=t.n(h),m=t(88128),b=t.n(m),$=t(30855),v=t.n($),A=t(93051),w=t.n(A),k=t(73656),_=t.n(k),x=t(60082),C={};C.styleTagTransform=_(),C.setAttributes=v(),C.insert=b().bind(null,"head"),C.domAPI=y(),C.insertStyleElement=w(),f()(x.A,C);const z=x.A&&x.A.locals?x.A.locals:void 0,E=function(){var e=(0,s.useTranslation)().t,n=u(),t=n.activeTickets,a=n.isLoading,o=n.error;if(a)return i().createElement(r.OOb,{row:5,className:z.queueScreen,role:"progressbar"});if(o)return i().createElement("div",null,"Error");var l=t.map(function(e,n){return{id:"".concat(n,"}"),room:e.room,ticketNumber:e.ticketNumber,status:e.status}});return i().createElement("div",null,i().createElement(d.A,{title:e("queueScreen","Queue screen"),showFilters:!0}),i().createElement("div",{className:z.gridFlow},l.map(function(n){return i().createElement("div",{className:z.card,key:n.id},i().createElement("p",{className:z.subHeader},e("ticketNumber","Ticket number")),i().createElement("p",{className:"calling"===n.status?z.headerBlinking:z.header},n.ticketNumber),i().createElement("p",{className:z.subHeader},e("room","Room"),"   :   ",n.room))})))}},88844:(e,n,t)=>{t.r(n),t.d(n,{default:()=>M});var a=t(1343),i=t.n(a),r=t(15680),s=t(85848),o=t(54440),l=t(72339),c=t(71123);function p(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){p(e,n,t[n])})}return e}function d(e,n){if(null==e)return{};var t,a,i=function(e,n){if(null==e)return{};var t,a,i={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var g=t(72591),f=t.n(g),h=t(1740),y=t.n(h),m=t(88128),b=t.n(m),$=t(30855),v=t.n($),A=t(93051),w=t.n(A),k=t(73656),_=t.n(k),x=t(67756),C={};C.styleTagTransform=_(),C.setAttributes=v(),C.insert=b().bind(null,"head"),C.domAPI=y(),C.insertStyleElement=w(),f()(x.A,C);const z=x.A&&x.A.locals?x.A.locals:void 0;function E(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function q(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){E(e,n,t[n])})}return e}const M=function(){var e=(0,l.useTranslation)().t,n="tablet"===(0,o.useLayoutType)(),t=n?"lg":"sm",p=function(){var e,n="".concat(o.restBaseUrl,"/queue?v=").concat("custom:(uuid,display,name,description,service:(uuid,display),allowedPriorities:(uuid,display),allowedStatuses:(uuid,display),location:(uuid,display))"),t=(0,c.Ay)(n,o.openmrsFetch),i=t.data,r=d(t,["data"]),s=(0,a.useMemo)(function(){var e,n;return null!==(n=null==i||null===(e=i.data)||void 0===e?void 0:e.results.sort(function(e,n){return e.display.localeCompare(n.display,(0,o.getLocale)())}))&&void 0!==n?n:[]},[null==i||null===(e=i.data)||void 0===e?void 0:e.results]);return u({queues:s},r)}(),g=p.queues,f=p.isLoading,h=p.error,y=function(){var e,n="".concat(o.restBaseUrl,"/queue-room?v=").concat("custom:(uuid,display,name,description,queue:(uuid,display))"),t=(0,c.Ay)(n,o.openmrsFetch),i=t.data,r=d(t,["data"]),s=(0,a.useMemo)(function(){var e,n;return null!==(n=null==i||null===(e=i.data)||void 0===e?void 0:e.results.sort(function(e,n){return e.display.localeCompare(n.display,(0,o.getLocale)())}))&&void 0!==n?n:[]},[null==i||null===(e=i.data)||void 0===e?void 0:e.results]);return u({queueRooms:s},r)}(),m=y.queueRooms,b=y.isLoading,$=y.error,v=[{key:"name",header:e("name","Name")},{key:"description",header:e("description","Description")},{key:"service",header:e("service","Service")},{key:"location",header:e("location","Location")}],A=[{key:"name",header:e("name","Name")},{key:"description",header:e("description","Description")},{key:"queue",header:e("queue","Queue")}],w=(0,a.useMemo)(function(){return(null==g?void 0:g.map(function(e){var n,t;return{id:e.uuid,name:e.name||e.display,description:e.description||"--",service:(null===(n=e.service)||void 0===n?void 0:n.display)||"--",location:(null===(t=e.location)||void 0===t?void 0:t.display)||"--"}}))||[]},[g]),k=(0,a.useMemo)(function(){return(null==m?void 0:m.map(function(e){var n;return{id:e.uuid,name:e.name||e.display,description:e.description||"--",queue:(null===(n=e.queue)||void 0===n?void 0:n.display)||"--"}}))||[]},[m]);return f||b?i().createElement("div",{className:z.adminPage},i().createElement("div",{className:z.section},i().createElement("h3",null,e("queues","Queues")),i().createElement(r.OOb,{role:"progressbar",compact:!n,zebra:!0})),i().createElement("div",{className:z.section},i().createElement("h3",null,e("queueRooms","Queue Rooms")),i().createElement(r.OOb,{role:"progressbar",compact:!n,zebra:!0}))):h?i().createElement("div",{className:z.adminPage},i().createElement(o.ErrorState,{error:h,headerTitle:e("queues","Queues")})):$?i().createElement("div",{className:z.adminPage},i().createElement(o.ErrorState,{error:$,headerTitle:e("queueRooms","Queue Rooms")})):i().createElement("div",{className:z.adminPage},i().createElement("div",{className:z.section},i().createElement("div",{className:z.sectionHeader},i().createElement("h3",null,e("queues","Queues")),i().createElement(r.$nd,{kind:"ghost",renderIcon:function(e){return i().createElement(s.OM,q({size:16},e))},onClick:function(){(0,o.launchWorkspace)("service-queues-service-form")}},e("addQueue","Add Queue"))),i().createElement(r.Wdr,null,i().createElement(r.bQt,{rows:w,headers:v,isSortable:!0,size:t,useZebraStyles:!0},function(e){var n=e.rows,t=e.headers,a=e.getTableProps;return i().createElement(r.K3K,null,i().createElement(r.XIK,a(),i().createElement(r.ndF,null,i().createElement(r.Hjg,null,t.map(function(e){return i().createElement(r.A0N,{key:e.key},e.header)}))),i().createElement(r.BFY,null,n.map(function(e){return i().createElement(r.Hjg,{key:e.id},e.cells.map(function(e){return i().createElement(r.nA6,{key:e.id},e.value)}))}))))}))),i().createElement("div",{className:z.section},i().createElement("div",{className:z.sectionHeader},i().createElement("h3",null,e("queueRooms","Queue Rooms")),i().createElement(r.$nd,{kind:"ghost",renderIcon:function(e){return i().createElement(s.OM,q({size:16},e))},onClick:function(){(0,o.launchWorkspace)("service-queues-room-workspace")}},e("addQueueRoom","Add Queue Room"))),i().createElement(r.Wdr,null,i().createElement(r.bQt,{rows:k,headers:A,isSortable:!0,size:t,useZebraStyles:!0},function(e){var n=e.rows,t=e.headers,a=e.getTableProps;return i().createElement(r.K3K,null,i().createElement(r.XIK,a(),i().createElement(r.ndF,null,i().createElement(r.Hjg,null,t.map(function(e){return i().createElement(r.A0N,{key:e.key},e.header)}))),i().createElement(r.BFY,null,n.map(function(e){return i().createElement(r.Hjg,{key:e.id},e.cells.map(function(e){return i().createElement(r.nA6,{key:e.id},e.value)}))}))))}))))}},98567:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(30977),i=t.n(a),r=t(95924),s=t.n(r)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-service-queues__clear-queue-entries__subHeading___UG\\+na{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);color:#161616}.-esm-service-queues__clear-queue-entries__clearQueueButton___Yg77F,.-esm-service-queues__clear-queue-entries__clearQueueButton___Yg77F:hover{color:#da1e28}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/modals/clear-queue-entries-modal/clear-queue-entries.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CC1DF,+DC+1BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CD71BF,aDCM,CCER,8IAEE,aDYO",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: #{layout.$spacing-10};\n  --workspace-header-height: #{layout.$spacing-09};\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.subHeading {\n  @include type.type-style('heading-compact-01');\n  color: $ui-05;\n}\n\n.clearQueueButton,\n.clearQueueButton:hover {\n  color: $danger;\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n"],sourceRoot:""}]),s.locals={subHeading:"-esm-service-queues__clear-queue-entries__subHeading___UG+na",clearQueueButton:"-esm-service-queues__clear-queue-entries__clearQueueButton___Yg77F"};const o=s}}]);