@openmrs/esm-dispensing-app 1.0.1-pre.230 → 1.0.1-pre.231

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/771.js +1 -1
  2. package/dist/771.js.map +1 -1
  3. package/dist/openmrs-esm-dispensing-app.js.buildmanifest.json +3 -3
  4. package/dist/routes.json +1 -1
  5. package/package.json +1 -1
  6. package/src/utils.ts +5 -5
  7. /package/.yarn/versions/{83192567.yml → 4bba4568.yml} +0 -0
package/dist/771.js CHANGED
@@ -1 +1 @@
1
- "use strict";(globalThis.webpackChunk_openmrs_esm_dispensing_app=globalThis.webpackChunk_openmrs_esm_dispensing_app||[]).push([[771],{1127:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,".-esm-dispensing__action-buttons__actionBtns___W\\+gb3{float:right;margin-left:1rem;margin-top:2rem}","",{version:3,sources:["webpack://./src/components/action-buttons.scss"],names:[],mappings:"AAAA,sDACE,WAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:[".actionBtns {\n float: right;\n margin-left: 1rem;\n margin-top: 2rem;\n}\n"],sourceRoot:""}]),r.locals={actionBtns:"-esm-dispensing__action-buttons__actionBtns___W+gb3"};const s=r},7591:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__medication-card__medicationTile___\\+t2rW{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid var(--brand-03);color:#525252;margin-bottom:1rem !important}.-esm-dispensing__medication-card__medicationName___-EM\\+N{font-size:15px !important}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/medication-card.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,2DACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qCAAA,CACA,aDRQ,CCSR,6BAAA,CAGF,2DACE,yBAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n.medicationTile {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid var(--brand-03);\n color: $text-02;\n margin-bottom: 1rem !important;\n}\n\n.medicationName {\n font-size: 15px !important;\n}\n\n"],sourceRoot:""}]),r.locals={medicationTile:"-esm-dispensing__medication-card__medicationTile___+t2rW",medicationName:"-esm-dispensing__medication-card__medicationName___-EM+N"};const s=r},4295:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__medication-dispense-review__medicationDispenseReviewContainer___b9ZuZ{display:flex;flex-direction:column;padding-bottom:10px}.-esm-dispensing__medication-dispense-review__medicationDispenseReviewContainer___b9ZuZ .cds--css-grid{padding-left:0 !important;padding-right:0 !important}.-esm-dispensing__medication-dispense-review__dispenseDetailsContainer___DjhAn{display:flex;flex-direction:row;flex:1;gap:1rem}.-esm-dispensing__medication-dispense-review__substitutionReason___efxL5{width:100%}.-esm-dispensing__medication-dispense-review__substitutionType___dK\\+H9{width:100%}.-esm-dispensing__medication-dispense-review__productiveHeading02___\\+\\+vqK,.-esm-dispensing__medication-dispense-review__formGroup___KjyuB span{color:#525252;font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formWrapper___NIVKI{background-color:#f4f4f4}.omrs-breakpoint-gt-tablet .-esm-dispensing__medication-dispense-review__formWrapper___NIVKI{background-color:#fff}.-esm-dispensing__medication-dispense-review__formGroup___KjyuB{display:flex;margin-bottom:.25rem;padding:1rem}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formGroup___KjyuB>span{flex:1}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formGroup___KjyuB>div{flex:3}.-esm-dispensing__medication-dispense-review__patientInfo___BsSmN{position:sticky;z-index:1000;background-color:#fff;top:3rem;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formGroup___KjyuB{flex-direction:row}.omrs-breakpoint-gt-tablet .-esm-dispensing__medication-dispense-review__formGroup___KjyuB{flex-direction:column}.-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4{display:flex;position:sticky;bottom:0;width:100%}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4{padding:1rem 1.5rem;background-color:#fff}.-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4 button{max-width:none;width:50%;height:4rem;align-items:flex-start}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/medication-dispense-review.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,wFACE,YAAA,CACA,qBAAA,CACA,mBAAA,CAEA,uGACE,yBAAA,CACA,0BAAA,CAIJ,+EACE,YAAA,CACA,kBAAA,CACA,MAAA,CACA,QCYW,CDTb,yEACE,UAAA,CAGF,wEACE,UAAA,CAGF,iJACE,aDtBc,CGi0BZ,0DAAA,CAAA,6DAAA,CAAA,+DAAA,CAAA,iEAAA,CFvyBJ,8FACE,wBDjBwB,CCoB1B,6FACE,qBDvCM,CC0CR,gEACE,YAAA,CACA,oBC7BW,CD8BX,YCfW,CDkBb,iGACE,MAAA,CAGF,gGACE,MAAA,CAOF,kEACE,eAAA,CACA,YAAA,CACA,qBD/DM,CCgEN,QAAA,CACA,eAAA,CAGF,4FACE,kBAAA,CAGF,2FACE,qBAAA,CAGF,kEACE,YAAA,CACA,eAAA,CACA,QAAA,CACA,UAAA,CAGF,8FACE,mBAAA,CACA,qBDrFM,CCwFR,yEACE,cAAA,CACA,SAAA,CACA,WCpCW,CDqCX,sBAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.medicationDispenseReviewContainer {\n display: flex;\n flex-direction: column;\n padding-bottom: 10px;\n\n :global(.cds--css-grid) {\n padding-left:0 !important;\n padding-right:0 !important;\n }\n}\n\n.dispenseDetailsContainer {\n display: flex;\n flex-direction: row;\n flex: 1;\n gap: spacing.$spacing-05;\n}\n\n.substitutionReason {\n width:100%;\n}\n\n.substitutionType {\n width: 100%;\n}\n\n.productiveHeading02 {\n color: $color-gray-70;\n @include type.type-style('productive-heading-02');\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formWrapper {\n background-color: $openmrs-background-grey;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formWrapper {\n background-color: $ui-02;\n}\n\n.formGroup {\n display: flex;\n margin-bottom: spacing.$spacing-02;\n padding: spacing.$spacing-05;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>span {\n flex: 1;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>div {\n flex: 3;\n}\n\n.formGroup span {\n @extend .productiveHeading02;\n}\n\n.patientInfo {\n position: sticky;\n z-index: 1000;\n background-color: $ui-02;\n top: 3rem;\n overflow-y: auto;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup {\n flex-direction: row;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formGroup {\n flex-direction: column;\n}\n\n.buttonGroup {\n display: flex;\n position: sticky;\n bottom: 0;\n width: 100%;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .buttonGroup {\n padding: spacing.$spacing-05 spacing.$spacing-06;\n background-color: $ui-02;\n}\n\n.buttonGroup button {\n max-width: none;\n width: 50%;\n height: spacing.$spacing-10;\n align-items: flex-start;\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","//\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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:""}]),r.locals={medicationDispenseReviewContainer:"-esm-dispensing__medication-dispense-review__medicationDispenseReviewContainer___b9ZuZ",dispenseDetailsContainer:"-esm-dispensing__medication-dispense-review__dispenseDetailsContainer___DjhAn",substitutionReason:"-esm-dispensing__medication-dispense-review__substitutionReason___efxL5",substitutionType:"-esm-dispensing__medication-dispense-review__substitutionType___dK+H9",productiveHeading02:"-esm-dispensing__medication-dispense-review__productiveHeading02___++vqK",formGroup:"-esm-dispensing__medication-dispense-review__formGroup___KjyuB",formWrapper:"-esm-dispensing__medication-dispense-review__formWrapper___NIVKI",patientInfo:"-esm-dispensing__medication-dispense-review__patientInfo___BsSmN",buttonGroup:"-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4"};const s=r},8404:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__medication-event__medicationName___S4P0B{font-size:15px !important}.-esm-dispensing__medication-event__bodyLong01___SfU-3{font-size:13px !important}.-esm-dispensing__medication-event__dosage___foiIZ,.-esm-dispensing__medication-event__quantity___SLQEY,.-esm-dispensing__medication-event__refills___5LLBD{color:#525252;font-weight:bold}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/medication-event.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CClDF,2DACE,yBAAA,CAGF,uDACE,yBAAA,CAGF,4JACE,aAAA,CACA,gBAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n\n.medicationName {\n font-size: 15px !important;\n}\n\n.bodyLong01 {\n font-size: 13px !important;\n}\n\n.dosage, .quantity, .refills {\n color: #525252;\n font-weight: bold;\n}\n"],sourceRoot:""}]),r.locals={medicationName:"-esm-dispensing__medication-event__medicationName___S4P0B",bodyLong01:"-esm-dispensing__medication-event__bodyLong01___SfU-3",dosage:"-esm-dispensing__medication-event__dosage___foiIZ",quantity:"-esm-dispensing__medication-event__quantity___SLQEY",refills:"-esm-dispensing__medication-event__refills___5LLBD"};const s=r},6002:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__forms__productiveHeading02___lL\\+Tg,.-esm-dispensing__forms__formGroup___VFSOs span{color:#525252;font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formWrapper___AYjwb{background-color:#f4f4f4}.omrs-breakpoint-gt-tablet .-esm-dispensing__forms__formWrapper___AYjwb{background-color:#fff}.-esm-dispensing__forms__formGroup___VFSOs{display:flex;margin-bottom:.25rem;padding:1rem}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formGroup___VFSOs>span{flex:1}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formGroup___VFSOs>div{flex:3}.-esm-dispensing__forms__bannerLoading___Fa3rm{width:100%;display:flex;justify-content:center}.-esm-dispensing__forms__patientInfo___Vdbqm{position:sticky;z-index:1000;background-color:#fff;top:3rem;overflow-y:auto}.-esm-dispensing__forms__dateTimeContainer___2UlhX{display:flex;margin:1rem 0}.-esm-dispensing__forms__timePickersContainer___I\\+jtq,.-esm-dispensing__forms__frequencyAndDay___oZCya{display:flex}.-esm-dispensing__forms__timePickersContainer___I\\+jtq>div,.-esm-dispensing__forms__frequencyAndDay___oZCya>div{margin-right:.5rem}.-esm-dispensing__forms__datePickerControl___gU9tY{display:flex;flex-direction:column}.-esm-dispensing__forms__datePickerControl___gU9tY>div{margin-bottom:1rem}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formGroup___VFSOs{flex-direction:row}.omrs-breakpoint-gt-tablet .-esm-dispensing__forms__formGroup___VFSOs{flex-direction:column}.-esm-dispensing__forms__buttonGroup___5ML3D{display:flex;position:sticky;bottom:0;width:100%}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__buttonGroup___5ML3D{padding:1rem 1.5rem;background-color:#fff}.-esm-dispensing__forms__buttonGroup___5ML3D button{max-width:none;width:50%;height:4rem;align-items:flex-start}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl{display:flex;width:fit-content;justify-content:flex-end;align-items:center;width:60%}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button{background-color:#fff}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div button:first-child{border-top:1px solid #a6c8ff;border-bottom:1px solid #a6c8ff;border-left:1px solid #a6c8ff;border-right:none;border-radius:.25rem 0 0px .25rem}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div button:last-child{border-top:1px solid #a6c8ff;border-bottom:1px solid #a6c8ff;border-right:1px solid #a6c8ff;border-left:none;border-radius:0px .25rem .25rem 0px}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true],.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true]:first-child{background-color:#edf5ff;color:#0f62fe;border-color:#0f62fe;border-right:1px solid #0f62fe}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true],.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true]:last-child{background-color:#edf5ff;color:#0f62fe;border-color:#0f62fe;border-left:1px solid #0f62fe}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true]:focus{box-shadow:none}.-esm-dispensing__forms__reviewContainer___Dvr7B{margin:.8rem 0 0 0 !important}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/forms/forms.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CC/CF,sGACE,aAAA,CCi0BE,0DAAA,CAAA,6DAAA,CAAA,+DAAA,CAAA,iEAAA,CD7zBJ,yEACE,wBDKwB,CCF1B,wEACE,qBDjBM,CCoBR,2CACE,YAAA,CACA,oBEPW,CFQX,YEOW,CFJb,4EACE,MAAA,CAGF,2EACE,MAAA,CAOF,+CACE,UAAA,CACA,YAAA,CACA,sBAAA,CAGF,6CACE,eAAA,CACA,YAAA,CACA,qBD/CM,CCgDN,QAAA,CACA,eAAA,CAGF,mDACE,YAAA,CACA,aAAA,CAGF,wGAEE,YAAA,CAEA,gHACE,kBAAA,CAIJ,mDACE,YAAA,CACA,qBAAA,CAEA,uDACE,kBAAA,CAIJ,uEACE,kBAAA,CAGF,sEACE,qBAAA,CAGF,6CACE,YAAA,CACA,eAAA,CACA,QAAA,CACA,UAAA,CAGF,yEACE,mBAAA,CACA,qBD5FM,CC+FR,oDACE,cAAA,CACA,SAAA,CACA,WE3CW,CF4CX,sBAAA,CAGF,wDACE,YAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBAAA,CACA,SAAA,CAGF,mEACE,qBD/GM,CCkHR,+EACE,4BAAA,CACA,+BAAA,CACA,6BAAA,CACA,iBAAA,CACA,iCAAA,CAGF,8EACE,4BAAA,CACA,+BAAA,CACA,8BAAA,CACA,gBAAA,CACA,mCAAA,CAGF,0LAEE,wBDzHc,CC0Hd,aD3HgB,CC4HhB,oBD5HgB,CC6HhB,8BAAA,CAGF,yLAEE,wBDjIc,CCkId,aDnIgB,CCoIhB,oBDpIgB,CCqIhB,6BAAA,CAGF,6FACE,eAAA,CAGF,iDACE,6BAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n// TO DO Move this styles to style - guide\n// https://github.com/openmrs/openmrs-esm-core/blob/master/packages/framework/esm-styleguide/src/_vars.scss\n$color-blue-30: #a6c8ff;\n\n.productiveHeading02 {\n color: $color-gray-70;\n @include type.type-style('productive-heading-02');\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formWrapper {\n background-color: $openmrs-background-grey;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formWrapper {\n background-color: $ui-02;\n}\n\n.formGroup {\n display: flex;\n margin-bottom: spacing.$spacing-02;\n padding: spacing.$spacing-05;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>span {\n flex: 1;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>div {\n flex: 3;\n}\n\n.formGroup span {\n @extend .productiveHeading02;\n}\n\n.bannerLoading {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.patientInfo {\n position: sticky;\n z-index: 1000;\n background-color: $ui-02;\n top: 3rem;\n overflow-y: auto;\n}\n\n.dateTimeContainer {\n display: flex;\n margin: 1rem 0;\n}\n\n.timePickersContainer,\n.frequencyAndDay {\n display: flex;\n\n >div {\n margin-right: 0.5rem;\n }\n}\n\n.datePickerControl {\n display: flex;\n flex-direction: column;\n\n >div {\n margin-bottom: 1rem;\n }\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup {\n flex-direction: row;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formGroup {\n flex-direction: column;\n}\n\n.buttonGroup {\n display: flex;\n position: sticky;\n bottom: 0;\n width: 100%;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .buttonGroup {\n padding: spacing.$spacing-05 spacing.$spacing-06;\n background-color: $ui-02;\n}\n\n.buttonGroup button {\n max-width: none;\n width: 50%;\n height: spacing.$spacing-10;\n align-items: flex-start;\n}\n\n.contentSwitcherWrapper {\n display: flex;\n width: fit-content;\n justify-content: flex-end;\n align-items: center;\n width: 60%;\n}\n\n.contentSwitcherWrapper>div>button {\n background-color: $ui-02;\n}\n\n.contentSwitcherWrapper>div button:first-child {\n border-top: 1px solid $color-blue-30;\n border-bottom: 1px solid $color-blue-30;\n border-left: 1px solid $color-blue-30;\n border-right: none;\n border-radius: spacing.$spacing-02 0 0px spacing.$spacing-02;\n}\n\n.contentSwitcherWrapper>div button:last-child {\n border-top: 1px solid $color-blue-30;\n border-bottom: 1px solid $color-blue-30;\n border-right: 1px solid $color-blue-30;\n border-left: none;\n border-radius: 0px spacing.$spacing-02 spacing.$spacing-02 0px;\n}\n\n.contentSwitcherWrapper>div>button[aria-selected='true'],\n.contentSwitcherWrapper>div>button[aria-selected='true']:first-child {\n background-color: $color-blue-10;\n color: $color-blue-60-2;\n border-color: $color-blue-60-2;\n border-right: 1px solid $color-blue-60-2;\n}\n\n.contentSwitcherWrapper>div>button[aria-selected='true'],\n.contentSwitcherWrapper>div>button[aria-selected='true']:last-child {\n background-color: $color-blue-10;\n color: $color-blue-60-2;\n border-color: $color-blue-60-2;\n border-left: 1px solid $color-blue-60-2;\n}\n\n.contentSwitcherWrapper>div>button[aria-selected='true']:focus {\n box-shadow: none;\n}\n\n.reviewContainer {\n margin: 0.8rem 0 0 0 !important;\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","// 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:""}]),r.locals={productiveHeading02:"-esm-dispensing__forms__productiveHeading02___lL+Tg",formGroup:"-esm-dispensing__forms__formGroup___VFSOs",formWrapper:"-esm-dispensing__forms__formWrapper___AYjwb",bannerLoading:"-esm-dispensing__forms__bannerLoading___Fa3rm",patientInfo:"-esm-dispensing__forms__patientInfo___Vdbqm",dateTimeContainer:"-esm-dispensing__forms__dateTimeContainer___2UlhX",timePickersContainer:"-esm-dispensing__forms__timePickersContainer___I+jtq",frequencyAndDay:"-esm-dispensing__forms__frequencyAndDay___oZCya",datePickerControl:"-esm-dispensing__forms__datePickerControl___gU9tY",buttonGroup:"-esm-dispensing__forms__buttonGroup___5ML3D",contentSwitcherWrapper:"-esm-dispensing__forms__contentSwitcherWrapper___oTWRl",reviewContainer:"-esm-dispensing__forms__reviewContainer___Dvr7B"};const s=r},8776:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__overlay__productiveHeading01___eK5kl{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px)}.-esm-dispensing__overlay__productiveHeading02___CQOwf{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-dispensing__overlay__productiveHeading03___TSlon{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-dispensing__overlay__productiveHeading04___T7Y7s{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-dispensing__overlay__bodyLong01___OQlS8{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-dispensing__overlay__bodyShort01___UlUk7{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-dispensing__overlay__bodyShort02___enQVi{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-dispensing__overlay__text02___ZYEU5{color:#525252}.-esm-dispensing__overlay__label01___ZXH48{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)}.-esm-dispensing__overlay__modal___S-oMb{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-dispensing__overlay__desktopOverlay___3pLHv{position:fixed;top:3rem;width:37rem;right:0;bottom:0;border-left:1px solid #a8a8a8;background-color:#f4f4f4;overflow-y:auto;height:calc(100vh - 3rem)}.-esm-dispensing__overlay__desktopOverlay___3pLHv::after{height:100%;border-left:1px solid #a8a8a8}.-esm-dispensing__overlay__tabletOverlay___h8wUe{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;background-color:#f4f4f4;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.-esm-dispensing__overlay__tabletOverlay___h8wUe::-webkit-scrollbar{width:0}.-esm-dispensing__overlay__tabletOverlay___h8wUe>div{margin-top:3rem}.-esm-dispensing__overlay__tabletOverlayHeader___u9Oeq button{background-color:#005d5d;background-color:var(--brand-01)}.-esm-dispensing__overlay__tabletOverlayHeader___u9Oeq .-esm-dispensing__overlay__headerContent___cfc8Q{color:#fff}.-esm-dispensing__overlay__desktopHeader___Os-1d{display:flex;justify-content:space-between;align-items:center;background-color:#e0e0e0;border-bottom:1px solid #a8a8a8;position:sticky;position:-webkit-sticky;width:100%;z-index:1000;top:0}.-esm-dispensing__overlay__headerContent___cfc8Q{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);padding:0 1rem;color:#161616}.-esm-dispensing__overlay__closeButton___RUxv\\+{background-color:#fff;color:#161616;fill:#161616}.omrs-breakpoint-gt-tablet .-esm-dispensing__overlay__overlayContent___T2IiG{padding:0 0 0 0;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-dispensing__overlay__overlayContent___T2IiG{padding:0 0 0 0;overflow-y:auto}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./src/forms/overlay/overlay.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CAHF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,uDCs0BI,mDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CDl0BJ,uDCk0BI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD9zBJ,uDC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,uDC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,8CCszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,+CCkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,+CC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,0CACE,aD5BQ,CC+BV,2CCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,yCACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE3CF,kDACE,cAAA,CACA,QC4CW,CD3CX,WAAA,CACA,OAAA,CACA,QAAA,CACA,6BAAA,CACA,wBHZM,CGaN,eAAA,CACA,yBAAA,CAGF,yDACE,WAAA,CACA,6BAAA,CAGF,iDACE,cAAA,CACA,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,YAAA,CACA,wBH7BM,CG8BN,iBAAA,CACA,uBAAA,CACA,oBAAA,CAEA,oEACE,OAAA,CAGF,qDACE,eCYS,CDPX,8DHNA,wBAAA,CACA,gCAAA,CGSA,wGACE,UHhDI,CGoDR,iDACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,wBHvDM,CGwDN,+BAAA,CACA,eAAA,CACA,uBAAA,CACA,UAAA,CACA,YAAA,CACA,KAAA,CAGF,iDDwwBI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CCtwBF,cAAA,CACA,aHjEM,CGoER,gDACE,qBHlEc,CGmEd,aHtEM,CGuEN,YHvEM,CG4EN,6EACE,eAAA,CACA,eAAA,CAMF,8EACE,eAAA,CACA,eAAA",sourcesContent:["$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}\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/styles/scss/spacing\';\n@use \'@carbon/styles/scss/type\';\n@import \'~@openmrs/esm-styleguide/src/vars\';\n\n.productiveHeading01 {\n @include type.type-style("heading-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-02");\n}\n\n.productiveHeading03 {\n @include type.type-style("heading-03");\n}\n\n.productiveHeading04 {\n @include type.type-style("heading-04");\n}\n\n.bodyLong01 {\n @include type.type-style("body-01");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.bodyShort02 {\n @include type.type-style("body-compact-02");\n}\n\n.text02 {\n color: $text-02;\n}\n\n.label01 {\n @include type.type-style("label-01")\n}\n\n.modal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n display: grid;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n justify-items: center;\n align-items: center;\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '../../root.scss';\n\n.desktopOverlay {\n position: fixed;\n top: spacing.$spacing-09;\n width: 37rem;\n right: 0;\n bottom: 0;\n border-left: 1px solid $text-03;\n background-color: $ui-01;\n overflow-y: auto;\n height: calc(100vh - 3rem);\n}\n\n.desktopOverlay::after {\n height: 100%;\n border-left: 1px solid $text-03;\n}\n\n.tabletOverlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n background-color: $ui-01;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &>div {\n margin-top: spacing.$spacing-09;\n }\n}\n\n.tabletOverlayHeader {\n button {\n @include brand-01(background-color);\n }\n\n .headerContent {\n color: $ui-02;\n }\n}\n\n.desktopHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: $ui-03;\n border-bottom: 1px solid $text-03;\n position: sticky;\n position: -webkit-sticky;\n width: 100%;\n z-index: 1000;\n top: 0;\n}\n\n.headerContent {\n @include type.type-style('heading-compact-02');\n padding: 0 spacing.$spacing-05;\n color: $ui-05;\n}\n\n.closeButton {\n background-color: $ui-background;\n color: $ui-05;\n fill: $ui-05;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .overlayContent {\n padding: 0 0 0 0;\n overflow-y: auto;\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .overlayContent {\n padding: 0 0 0 0;\n overflow-y: auto;\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:""}]),r.locals={productiveHeading01:"-esm-dispensing__overlay__productiveHeading01___eK5kl",productiveHeading02:"-esm-dispensing__overlay__productiveHeading02___CQOwf",productiveHeading03:"-esm-dispensing__overlay__productiveHeading03___TSlon",productiveHeading04:"-esm-dispensing__overlay__productiveHeading04___T7Y7s",bodyLong01:"-esm-dispensing__overlay__bodyLong01___OQlS8",bodyShort01:"-esm-dispensing__overlay__bodyShort01___UlUk7",bodyShort02:"-esm-dispensing__overlay__bodyShort02___enQVi",text02:"-esm-dispensing__overlay__text02___ZYEU5",label01:"-esm-dispensing__overlay__label01___ZXH48",modal:"-esm-dispensing__overlay__modal___S-oMb",desktopOverlay:"-esm-dispensing__overlay__desktopOverlay___3pLHv",tabletOverlay:"-esm-dispensing__overlay__tabletOverlay___h8wUe",tabletOverlayHeader:"-esm-dispensing__overlay__tabletOverlayHeader___u9Oeq",headerContent:"-esm-dispensing__overlay__headerContent___cfc8Q",desktopHeader:"-esm-dispensing__overlay__desktopHeader___Os-1d",closeButton:"-esm-dispensing__overlay__closeButton___RUxv+",overlayContent:"-esm-dispensing__overlay__overlayContent___T2IiG"};const s=r},9736:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l{max-width:80%}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form{display:flex;flex-flow:row wrap;align-items:center}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form input{vertical-align:middle;margin:0 10px 0 0;padding:10px;border:1px solid #8d8d8d !important;background-color:#fff}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form button{width:90px;height:20px;min-height:2.5rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form .cds--btn--ghost{width:8rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l .-esm-dispensing__history-and-comments__requestTile___tV2US{width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid var(--brand-03);color:#525252;margin-bottom:1rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l .-esm-dispensing__history-and-comments__dispenseTile___Pc-Pr{width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid red;color:#525252;margin-bottom:1rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l .-esm-dispensing__history-and-comments__medicationEventActionMenu___ejiqe{float:right}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/history/history-and-comments.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,4EACE,aAAA,CAEA,iFACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,uFACE,qBAAA,CACA,iBAAA,CACA,YAAA,CACA,mCAAA,CACA,qBAAA,CAEF,wFACE,UAAA,CACA,WAAA,CACA,4BAAA,CAGF,kGACE,qBAAA,CAGF,wIACE,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qCAAA,CACA,aD/BM,CCgCN,6BAAA,CAGF,yIACE,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,yBAAA,CACA,aDzCM,CC0CN,6BAAA,CAGF,sJACE,WAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n.historyAndCommentsContainer {\n max-width: 80%;\n\n form {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n }\n\n form input {\n vertical-align: middle;\n margin: 0 10px 0 0;\n padding: 10px;\n border: 1px solid #8d8d8d !important;\n background-color: white;\n }\n form button {\n width: 90px;\n height: 20px;\n min-height: 2.5rem !important;\n }\n\n form :global(.cds--btn--ghost) {\n width: 8rem !important;\n }\n\n .requestTile {\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid var(--brand-03);\n color: $text-02;\n margin-bottom: 1rem !important;\n }\n\n .dispenseTile {\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid red;\n color: $text-02;\n margin-bottom: 1rem !important;\n }\n\n .medicationEventActionMenu {\n float: right;\n }\n\n}\n\n\n"],sourceRoot:""}]),r.locals={historyAndCommentsContainer:"-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l",requestTile:"-esm-dispensing__history-and-comments__requestTile___tV2US",dispenseTile:"-esm-dispensing__history-and-comments__dispenseTile___Pc-Pr",medicationEventActionMenu:"-esm-dispensing__history-and-comments__medicationEventActionMenu___ejiqe"};const s=r},8488:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__pharmacy-header__header___SqCly{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;height:6rem;background-color:#fff;display:flex;justify-content:space-between}.-esm-dispensing__pharmacy-header__left-justified-items___khP2f{display:flex;flex-direction:row;align-items:center;margin-left:.75rem}.-esm-dispensing__pharmacy-header__right-justified-items___JXp8x{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;padding-top:1rem}.-esm-dispensing__pharmacy-header__page-name___skDRq{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-dispensing__pharmacy-header__page-labels___9zKm2{margin-left:1rem}.-esm-dispensing__pharmacy-header__page-labels___9zKm2 p:first-of-type{margin-bottom:.25rem}.-esm-dispensing__pharmacy-header__date-and-location___X19rr{display:flex;justify-content:flex-end;align-items:center;margin-right:1rem}.-esm-dispensing__pharmacy-header__value___KSx0o{margin-left:.25rem}.-esm-dispensing__pharmacy-header__middot___mO9w-{margin:0 .5rem}.-esm-dispensing__pharmacy-header__view___rdi8M{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)}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/pharmacy-header/pharmacy-header.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,kDCs0BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDp0BF,aDDQ,CCER,WE2DW,CF1DX,qBDPM,CCQN,YAAA,CACA,6BAAA,CAGF,gEACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CAGF,iECszBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDpzBF,aDjBQ,CCkBR,gBAAA,CAGF,qDCgzBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CD5yBJ,uDACE,gBAAA,CACA,uEACE,oBAAA,CAIJ,6DACE,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,iBAAA,CAGF,iDACE,kBAAA,CAGF,kDACE,cAAA,CAGF,gDCsxBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.header {\n @include type.type-style('body-compact-02');\n color: $text-02;\n height: spacing.$spacing-12;\n background-color: $ui-02;\n display: flex;\n justify-content: space-between;\n}\n\n.left-justified-items {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-left: 0.75rem;\n}\n\n.right-justified-items {\n @include type.type-style('body-compact-02');\n color: $text-02;\n padding-top: 1rem;\n}\n\n.page-name {\n @include type.type-style('heading-04');\n}\n\n.page-labels {\n margin-left: 1rem;\n p:first-of-type {\n margin-bottom: 0.25rem;\n }\n}\n\n.date-and-location {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-right: 1rem;\n}\n\n.value {\n margin-left: 0.25rem;\n}\n\n.middot {\n margin: 0 0.5rem;\n}\n\n.view {\n @include type.type-style('label-01');\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","// 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:""}]),r.locals={header:"-esm-dispensing__pharmacy-header__header___SqCly","left-justified-items":"-esm-dispensing__pharmacy-header__left-justified-items___khP2f","right-justified-items":"-esm-dispensing__pharmacy-header__right-justified-items___JXp8x","page-name":"-esm-dispensing__pharmacy-header__page-name___skDRq","page-labels":"-esm-dispensing__pharmacy-header__page-labels___9zKm2","date-and-location":"-esm-dispensing__pharmacy-header__date-and-location___X19rr",value:"-esm-dispensing__pharmacy-header__value___KSx0o",middot:"-esm-dispensing__pharmacy-header__middot___mO9w-",view:"-esm-dispensing__pharmacy-header__view___rdi8M"};const s=r},583:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__prescription-details__prescriptionTile___wvAJ0{width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid var(--brand-03);color:#525252;margin-bottom:1rem !important}.-esm-dispensing__prescription-details__prescriptionContainer___g0U1R{display:flex;flex-direction:column;max-width:80%;margin-bottom:1rem}.-esm-dispensing__prescription-details__prescriptionContainer___g0U1R.cds--tile{min-height:3rem !important;padding-left:10px !important}.-esm-dispensing__prescription-details__prescriptionContainer___g0U1R>.cds--tile{min-height:3rem !important;padding-left:10px !important;margin:auto}.-esm-dispensing__prescription-details__allergiesTile___YUpd1{width:100%;height:24px;padding:0 8px 0 0;border-left:4px solid #f1c21b;background-color:rgba(253,209,58,.3);margin:auto}.-esm-dispensing__prescription-details__allergesContent___OgvXG{margin:auto;padding-top:10px}.-esm-dispensing__prescription-details__allergesContent___OgvXG div{display:flex;flex-direction:row}.-esm-dispensing__prescription-details__allergesContent___OgvXG p{margin-left:10px;font-size:.9rem;width:80%}.-esm-dispensing__prescription-details__allergesContent___OgvXG a{margin:auto;color:#0f62fe;text-decoration:none;text-align:right}svg.-esm-dispensing__prescription-details__allergiesIcon___JMdna{fill:#f1c21b;vertical-align:middle}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/prescriptions/prescription-details.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,iEACE,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qCAAA,CACA,aDLQ,CCMR,6BAAA,CAGF,sEACE,YAAA,CACA,qBAAA,CACA,aAAA,CACA,kBAAA,CAEA,gFACE,0BAAA,CACA,4BAAA,CAIJ,iFACE,0BAAA,CACA,4BAAA,CACA,WAAA,CAGF,8DACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,6BAAA,CACA,oCAAA,CACA,WAAA,CAGF,gEACE,WAAA,CACA,gBAAA,CAEA,oEACE,YAAA,CACA,kBAAA,CAGF,kEACE,gBAAA,CACA,eAAA,CACA,SAAA,CAGF,kEACE,WAAA,CACA,aAAA,CACA,oBAAA,CACA,gBAAA,CAIJ,iEACE,YAAA,CACA,qBAAA",sourcesContent:["$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}\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 '../../node_modules/@carbon/styles/scss/spacing';\n@use '../../node_modules/@carbon/styles/scss/type/index';\n@import \"../../node_modules/@openmrs/esm-styleguide/src/vars\";\n\n.prescriptionTile {\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid var(--brand-03);\n color: $text-02;\n margin-bottom: 1rem !important;\n}\n\n.prescriptionContainer {\n display: flex;\n flex-direction: column;\n max-width: 80%;\n margin-bottom: 1rem;\n\n &:global(.cds--tile) {\n min-height: 3rem !important;\n padding-left: 10px !important;\n }\n}\n\n.prescriptionContainer > :global(.cds--tile) {\n min-height: 3rem !important;\n padding-left: 10px !important;\n margin: auto;\n}\n\n.allergiesTile {\n width: 100%;\n height: 24px;\n padding: 0 8px 0 0;\n border-left: 4px solid #f1c21b;\n background-color: rgba(253, 209, 58, 0.3);\n margin: auto;\n}\n\n.allergesContent {\n margin: auto;\n padding-top: 10px;\n\n div {\n display: flex;\n flex-direction: row;\n }\n\n p {\n margin-left: 10px;\n font-size: 0.9rem;\n width: 80%;\n }\n\n a {\n margin: auto;\n color: #0f62fe;\n text-decoration: none;\n text-align: right;\n }\n}\n\nsvg.allergiesIcon {\n fill: #f1c21b;\n vertical-align: middle;\n}\n"],sourceRoot:""}]),r.locals={prescriptionTile:"-esm-dispensing__prescription-details__prescriptionTile___wvAJ0",prescriptionContainer:"-esm-dispensing__prescription-details__prescriptionContainer___g0U1R",allergiesTile:"-esm-dispensing__prescription-details__allergiesTile___YUpd1",allergesContent:"-esm-dispensing__prescription-details__allergesContent___OgvXG",allergiesIcon:"-esm-dispensing__prescription-details__allergiesIcon___JMdna"};const s=r},4511:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__prescription-expanded__expandedTabsParentContainer___zs0a7{display:flex;flex-direction:column;margin-bottom:1rem}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K{display:flex;flex-direction:row}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs{margin:1rem 0;width:20%;max-height:8rem !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tab--list{flex-direction:column !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tab-content{margin:1rem 0;width:100% !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs__nav-link{border-bottom:0 !important;border-left:3px solid #e0e0e0 !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs__nav-item--selected{border-bottom:0px !important;border-left:3px solid var(--brand-03) !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K.cds--tabs--scrollable .cds--tabs--scrollable__nav-item+.cds--tabs--scrollable__nav-item{margin-left:0rem !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K>ul{flex-direction:column !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K>ul>li button{width:12rem !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs__nav-link{max-width:12rem !important}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/prescriptions/prescription-expanded.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,6EACE,YAAA,CACA,qBAAA,CACA,kBCwBW,CDrBb,uEACE,YAAA,CACA,kBAAA,CAEA,kFACE,aAAA,CACA,SAAA,CACA,0BAAA,CAGF,uFACE,gCAAA,CAGF,yFACE,aAAA,CACA,qBAAA,CAGF,4FACE,0BAAA,CACA,wCAAA,CAGF,sGACI,4BAAA,CACA,gDAAA,CAGJ,+JACE,2BAAA,CAGF,0EACE,gCAAA,CAGF,oFACE,sBAAA,CAGF,4FACE,0BAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n.expandedTabsParentContainer {\n display: flex;\n flex-direction: column;\n margin-bottom: spacing.$spacing-05;\n}\n\n.expandedTabsContainer {\n display: flex;\n flex-direction: row;\n\n :global(.cds--tabs) {\n margin: 1rem 0;\n width: 20%;\n max-height: 8rem !important;\n }\n\n :global(.cds--tab--list) {\n flex-direction: column !important;\n }\n\n :global(.cds--tab-content) {\n margin: 1rem 0;\n width: 100% !important;\n }\n\n :global(.cds--tabs__nav-link) {\n border-bottom: 0 !important;\n border-left: 3px solid $ui-03 !important;\n }\n\n :global(.cds--tabs__nav-item--selected) {\n border-bottom: 0px !important;\n border-left: 3px solid var(--brand-03) !important;\n }\n\n &:global(.cds--tabs--scrollable .cds--tabs--scrollable__nav-item+.cds--tabs--scrollable__nav-item) {\n margin-left: 0rem !important;\n }\n\n >ul {\n flex-direction: column !important;\n }\n\n >ul>li button {\n width: 12rem !important;\n }\n\n :global(.cds--tabs__nav-link) {\n max-width: 12rem !important;\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:""}]),r.locals={expandedTabsParentContainer:"-esm-dispensing__prescription-expanded__expandedTabsParentContainer___zs0a7",expandedTabsContainer:"-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K"};const s=r},9803:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,':root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__prescriptions__productiveHeading01___dogtN{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px)}.-esm-dispensing__prescriptions__productiveHeading02___gjwi\\+{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-dispensing__prescriptions__productiveHeading03___cx0BG{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-dispensing__prescriptions__productiveHeading04___GvlBM{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-dispensing__prescriptions__bodyLong01___LKG7k{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-dispensing__prescriptions__bodyShort01___nIOkA{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-dispensing__prescriptions__bodyShort02___\\+FkDH{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-dispensing__prescriptions__text02___GreNi{color:#525252}.-esm-dispensing__prescriptions__label01___HdsaA{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)}.-esm-dispensing__prescriptions__modal___6Bztk{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}title{width:6.938rem;height:1.75rem;margin:.438rem 22.875rem .813rem 0;font-family:IBMPlexSans;font-size:1.25rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal}.-esm-dispensing__prescriptions__link___nh1F1{text-decoration:none}.-esm-dispensing__prescriptions__breadcrumbsSlot___s3KgQ{grid-row:1/2;grid-column:1/2}.-esm-dispensing__prescriptions__prescriptionTabsContainer___nXUfg{height:100%;width:100%}.-esm-dispensing__prescriptions__prescriptionTabsContainer___nXUfg .cds--tab-content{padding:0 !important}.-esm-dispensing__prescriptions__prescriptionTabs___3aZuw{grid-column:"span 2";padding:0 1rem}.-esm-dispensing__prescriptions__newListButton___cGpxv{width:fit-content;justify-self:end;align-self:center}.-esm-dispensing__prescriptions__tabsContainer___74mkw{background-color:#fff}.-esm-dispensing__prescriptions__tabsContainer___74mkw .cds--tabs__nav-item--selected{box-shadow:inset 0 2px 0 0 var(--brand-03) !important}.-esm-dispensing__prescriptions__tabsContainer___74mkw .cds--tab--list button{max-width:12rem !important}.-esm-dispensing__prescriptions__hiddenTabsContent___krxGf,.-esm-dispensing__prescriptions__tabs___QV2Z9 .-esm-dispensing__prescriptions__hiddenTabsContent___krxGf{display:none}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6{grid-row:3/4;grid-column:1/2;height:100%;margin:.5rem 1rem;background-color:#f4f4f4;border:.5px solid #e0e0e0}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table-container{padding-top:0 !important}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 tbody>tr>:nth-child(2){white-space:nowrap}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table td{height:unset !important}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+1) td{background-color:#fff;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td{background-color:#f4f4f4;border-bottom:1px solid #e0e0e0}.-esm-dispensing__prescriptions__searchContainer___J0rpK{display:flex;align-items:center;flex-direction:row-reverse;padding-top:.5rem}.-esm-dispensing__prescriptions__searchContainer___J0rpK .cds--search-magnifier-icon{z-index:0 !important}.-esm-dispensing__prescriptions__searchContainer___J0rpK input{background-color:#fff}.-esm-dispensing__prescriptions__addPrescriptionBtn___KF0Z3{width:10rem !important;padding:.5rem !important;margin-left:1rem;margin-right:1rem}.-esm-dispensing__prescriptions__patientSearch___4Loxt{width:25rem;border-bottom-color:#e0e0e0}.-esm-dispensing__prescriptions__locationFilter___znalM{width:25rem}.-esm-dispensing__prescriptions__search___56gcv{width:100%;max-width:16rem;background-color:#fff;border-bottom-color:#e0e0e0}',"",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./src/prescriptions/prescriptions.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CAHF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,6DCs0BI,mDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CDl0BJ,8DCk0BI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD9zBJ,6DC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,6DC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,oDCszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,qDCkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,sDC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,gDACE,aD5BQ,CC+BV,iDCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,+CACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE3CF,MACE,cAAA,CACA,cAAA,CACA,kCAAA,CACA,uBAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,qBAAA,CAGF,8CACE,oBAAA,CAGF,yDACE,YAAA,CACA,eAAA,CAGF,mEACE,WAAA,CACA,UAAA,CAEA,qFACE,oBAAA,CAIJ,0DACE,oBAAA,CACA,cAAA,CAGF,uDACE,iBAAA,CACA,gBAAA,CACA,iBAAA,CAGF,uDACE,qBH/CM,CGiDN,sFACE,qDAAA,CAGF,8EACE,0BAAA,CAIJ,oKACE,YAAA,CAGF,mEACE,YAAA,CACA,eAAA,CACA,WAAA,CACA,iBAAA,CACA,wBHpEM,CGqEN,yBAAA,CAEA,8FACE,wBAAA,CAGF,0FACE,kBAAA,CAGF,uFACE,uBAAA,CAGF,wIACE,qBHnFI,CGoFJ,+BAAA,CACA,4BAAA,CAGF,wIACE,wBH1FI,CG2FJ,+BAAA,CAIJ,yDACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,iBAAA,CAEA,qFACE,oBAAA,CAGF,+DACE,qBAAA,CAIJ,4DACE,sBAAA,CACA,wBAAA,CACA,gBAAA,CACA,iBAAA,CAGF,uDACE,WAAA,CACA,2BHrHM,CGwHR,wDACE,WAAA,CAGF,gDACE,UAAA,CACA,eAAA,CACA,qBHhIM,CGiIN,2BHhIM",sourcesContent:["$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}\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/styles/scss/spacing\';\n@use \'@carbon/styles/scss/type\';\n@import \'~@openmrs/esm-styleguide/src/vars\';\n\n.productiveHeading01 {\n @include type.type-style("heading-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-02");\n}\n\n.productiveHeading03 {\n @include type.type-style("heading-03");\n}\n\n.productiveHeading04 {\n @include type.type-style("heading-04");\n}\n\n.bodyLong01 {\n @include type.type-style("body-01");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.bodyShort02 {\n @include type.type-style("body-compact-02");\n}\n\n.text02 {\n color: $text-02;\n}\n\n.label01 {\n @include type.type-style("label-01")\n}\n\n.modal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n display: grid;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n justify-items: center;\n align-items: center;\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n@import '../root.scss';\n\ntitle {\n width: 6.938rem;\n height: 1.75rem;\n margin: 0.438rem 22.875rem 0.813rem 0;\n font-family: IBMPlexSans;\n font-size: 1.25rem;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.4;\n letter-spacing: normal;\n}\n\n.link {\n text-decoration: none;\n}\n\n.breadcrumbsSlot {\n grid-row: 1 / 2;\n grid-column: 1 / 2;\n}\n\n.prescriptionTabsContainer {\n height: 100%;\n width: 100%;\n\n :global(.cds--tab-content) {\n padding: 0 !important;\n }\n}\n\n.prescriptionTabs {\n grid-column: 'span 2';\n padding: 0 spacing.$spacing-05;\n}\n\n.newListButton {\n width: fit-content;\n justify-self: end;\n align-self: center;\n}\n\n.tabsContainer {\n background-color: $ui-02;\n\n :global(.cds--tabs__nav-item--selected) {\n box-shadow: inset 0 2px 0 0 var(--brand-03) !important;\n }\n\n :global(.cds--tab--list) button {\n max-width: 12rem !important;\n }\n}\n\n.hiddenTabsContent, .tabs .hiddenTabsContent {\n display: none;\n}\n\n.patientListTableContainer {\n grid-row: 3 / 4;\n grid-column: 1 / 2;\n height: 100%;\n margin: 0.5rem spacing.$spacing-05;\n background-color: $ui-01;\n border: 0.5px solid #e0e0e0;\n\n :global(.cds--data-table-container) {\n padding-top: 0 !important;\n }\n\n tbody>tr>:nth-child(2) {\n white-space: nowrap;\n }\n\n :global(.cds--data-table td) {\n height: unset !important;\n }\n\n :global(.cds--data-table--zebra) tbody tr[data-parent-row]:nth-child(4n + 1) td {\n background-color: $ui-02;\n border-bottom: 1px solid $ui-03;\n border-top: 1px solid $ui-03;\n }\n\n :global(.cds--data-table--zebra) tbody tr[data-parent-row]:nth-child(4n + 3) td {\n background-color: $ui-01;\n border-bottom: 1px solid $ui-03;\n }\n}\n\n.searchContainer {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n padding-top: 0.5rem;\n\n :global(.cds--search-magnifier-icon) {\n z-index: 0 !important;\n }\n\n input {\n background-color: #fff;\n }\n}\n\n.addPrescriptionBtn {\n width: 10rem !important;\n padding: 0.5rem !important;\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.patientSearch {\n width: 25rem;\n border-bottom-color: $ui-03;\n}\n\n.locationFilter {\n width: 25rem;\n}\n\n.search {\n width: 100%;\n max-width: 16rem;\n background-color: $ui-02;\n border-bottom-color: $ui-03;\n}\n"],sourceRoot:""}]),r.locals={productiveHeading01:"-esm-dispensing__prescriptions__productiveHeading01___dogtN",productiveHeading02:"-esm-dispensing__prescriptions__productiveHeading02___gjwi+",productiveHeading03:"-esm-dispensing__prescriptions__productiveHeading03___cx0BG",productiveHeading04:"-esm-dispensing__prescriptions__productiveHeading04___GvlBM",bodyLong01:"-esm-dispensing__prescriptions__bodyLong01___LKG7k",bodyShort01:"-esm-dispensing__prescriptions__bodyShort01___nIOkA",bodyShort02:"-esm-dispensing__prescriptions__bodyShort02___+FkDH",text02:"-esm-dispensing__prescriptions__text02___GreNi",label01:"-esm-dispensing__prescriptions__label01___HdsaA",modal:"-esm-dispensing__prescriptions__modal___6Bztk",link:"-esm-dispensing__prescriptions__link___nh1F1",breadcrumbsSlot:"-esm-dispensing__prescriptions__breadcrumbsSlot___s3KgQ",prescriptionTabsContainer:"-esm-dispensing__prescriptions__prescriptionTabsContainer___nXUfg",prescriptionTabs:"-esm-dispensing__prescriptions__prescriptionTabs___3aZuw",newListButton:"-esm-dispensing__prescriptions__newListButton___cGpxv",tabsContainer:"-esm-dispensing__prescriptions__tabsContainer___74mkw",hiddenTabsContent:"-esm-dispensing__prescriptions__hiddenTabsContent___krxGf",tabs:"-esm-dispensing__prescriptions__tabs___QV2Z9",patientListTableContainer:"-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6",searchContainer:"-esm-dispensing__prescriptions__searchContainer___J0rpK",addPrescriptionBtn:"-esm-dispensing__prescriptions__addPrescriptionBtn___KF0Z3",patientSearch:"-esm-dispensing__prescriptions__patientSearch___4Loxt",locationFilter:"-esm-dispensing__prescriptions__locationFilter___znalM",search:"-esm-dispensing__prescriptions__search___56gcv"};const s=r},9331:(e,n,t)=>{t.d(n,{FI:()=>p,HX:()=>f,IG:()=>r,Is:()=>o,JB:()=>i,Ph:()=>m,UW:()=>d,YG:()=>l,aZ:()=>g,ar:()=>u,nj:()=>s,q:()=>c}),window.getOpenmrsSpaBase;var i="".concat(window.spaBase).concat("/dispensing"),a="http://fhir.openmrs.org/ext",o=a+"/medicine",r=a+"/medicationdispense/recorded",s=a+"/medicationrequest/fullfillerstatus",l="Task: dispensing.create.dispense",p="Task: dispensing.create.dispense.allowSubstitutions",c="Task: dispensing.edit.dispense",d="Task: dispensing.delete.dispense",u="Task: dispensing.delete.dispense.ifCreator",g="application/merge-patch+json",f="Encounter?_query=encountersWithMedicationRequests",m="MedicationRequest"},2291:(e,n,t)=>{t.r(n),t.d(n,{default:()=>On});var i=t(1672),a=t.n(i),o=t(883),r=t(3133),s=t(8115),l=t(1132);function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}var c={isOverlayOpen:!1,component:Function,header:""},d=function(){return(0,l.getGlobalStore)("dispensing-store",c)},u=function(e,n){d().setState({isOverlayOpen:!0,component:n,header:e})},g=function(){d().setState({component:null,isOverlayOpen:!1})},f=t(3379),m=t.n(f),y=t(7795),h=t.n(y),b=t(569),A=t.n(b),$=t(3565),_=t.n($),v=t(9216),C=t.n(v),x=t(4589),w=t.n(x),k=t(8776),z={};z.styleTagTransform=w(),z.setAttributes=_(),z.insert=A().bind(null,"head"),z.domAPI=h(),z.insertStyleElement=C(),m()(k.Z,z);const E=k.Z&&k.Z.locals?k.Z.locals:void 0;var M=t(3397);const B=function(){var e=function(){var e,n,t=(e=(0,i.useState)(),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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return p(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)?p(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.")}()),a=t[0],o=t[1];return(0,i.useEffect)((function(){var e=function(e){o(e)};e(d().getState()),d().subscribe(e)}),[]),{isOverlayOpen:null==a?void 0:a.isOverlayOpen,component:null==a?void 0:a.component,header:null==a?void 0:a.header}}(),n=e.header,t=e.component,c=e.isOverlayOpen,u=(0,l.useLayoutType)(),f=(0,M.useTranslation)().t;return a().createElement(a().Fragment,null,c&&a().createElement("div",{className:"tablet"!==u?E.desktopOverlay:E.tabletOverlay},"tablet"!==u?a().createElement("div",{className:E.desktopHeader},a().createElement("div",{className:E.headerContent},n),a().createElement(o.zxk,{className:E.closePanelButton,onClick:function(){return g()},kind:"ghost",hasIconOnly:!0},a().createElement(r.x8,{size:16}))):a().createElement(o.h4i,{onClick:function(){return g()},"aria-label":f("tabletOverlay","Tablet overlay"),className:E.tabletOverlayHeader},a().createElement(o.zxk,{hasIconOnly:!0},a().createElement(s.Xd,{size:16})),a().createElement("div",{className:E.headerContent},n)),a().createElement("div",null,t)))};var D=t(3570),T=t(2411);const S=function(){return a().createElement("svg",{width:"72",height:"72",viewBox:"0 0 62 58",xmlns:"http://www.w3.org/2000/svg"},a().createElement("defs",null,a().createElement("path",{id:"whv9q6f4ta",d:"M0 0h62v30.508H0z"}),a().createElement("path",{id:"hp71ojgcnc",d:"M0 0h24.603v26.571H0z"})),a().createElement("g",{fill:"none"},a().createElement("g",{opacity:".193",transform:"matrix(-1 0 0 1 62 26.571)"},a().createElement("path",{d:"M62 0c0 16.85-13.916 30.508-31.037 30.508S0 16.849 0 0h62z",fill:"var(--brand-03)",mask:"url(#rt0c8mo6eb)"})),a().createElement("g",{opacity:".396",transform:"matrix(-1 0 0 1 60.032 0)"},a().createElement("path",{d:"m24.603 26.571-13.35-23.51C9.592.141 5.884-.869 3.011.817.138 2.503-.855 6.272.804 9.193l9.874 17.378",fill:"var(--brand-03)",mask:"url(#hgianthqwd)"}))))};var q=t(8488),I={};I.styleTagTransform=w(),I.setAttributes=_(),I.insert=A().bind(null,"head"),I.domAPI=h(),I.insertStyleElement=C(),m()(q.Z,I);const O=q.Z&&q.Z.locals?q.Z.locals:void 0;var N=function(){var e,n=(0,M.useTranslation)().t,t=(0,l.useSession)(),i=(0,l.useConfig)(),o=null==t||null===(e=t.sessionLocation)||void 0===e?void 0:e.display;return a().createElement("div",{className:O.header},a().createElement("div",{className:O["left-justified-items"]},a().createElement(S,null),a().createElement("div",{className:O["page-labels"]},a().createElement("p",null,n("appName",i.appName)),a().createElement("p",{className:O["page-name"]},n("home","Home")))),a().createElement("div",{className:O["right-justified-items"]},a().createElement("div",{className:O["date-and-location"]},a().createElement(D.Ye,{size:16}),a().createElement("span",{className:O.value},o),a().createElement("span",{className:O.middot},"·"),a().createElement(T.f,{size:16}),a().createElement("span",{className:O.value},(0,l.formatDate)(new Date,{mode:"standard"})))))},F=t(9736),P={};P.styleTagTransform=w(),P.setAttributes=_(),P.insert=A().bind(null,"head"),P.domAPI=h(),P.insertStyleElement=C(),m()(F.Z,P);const G=F.Z&&F.Z.locals?F.Z.locals:void 0;var j,R,U,L,H=t(9734);!function(e){e.on_hold="on-hold",e.completed="completed",e.declined="declined"}(j||(j={})),function(e){e.active="active",e.cancelled="cancelled",e.completed="completed",e.expired="expired"}(R||(R={})),function(e){e.on_hold="ON_HOLD",e.declined="DECLINED",e.completed="COMPLETED"}(U||(U={})),function(e){e.active="active",e.cancelled="cancelled",e.completed="completed",e.expired="expired",e.on_hold="on-hold",e.declined="declined",e.unknown="unknown"}(L||(L={}));var W=t(9331),Z=t(2653),Y=t.n(Z);function Q(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function K(e){return function(e){if(Array.isArray(e))return Q(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return Q(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)?Q(e,n):void 0}}(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.")}()}function J(e,n){if(n&&ne(e)<=0)return U.completed;var t=ce(e.dispenses);return t===j.declined?U.declined:t===j.on_hold?U.on_hold:null}function V(e,n){var t=X(e,n),i=se(e);if(t!==R.active){if(t===R.expired)return L.expired;if(t===R.completed)return L.completed;if(t===R.cancelled)return L.cancelled}return i===U.declined?L.declined:i===U.on_hold?L.on_hold:L.active}function X(e,n){var t,i;return e.status===R.cancelled||e.status===R.completed?e.status:(null===(t=e.dispenseRequest)||void 0===t||null===(i=t.validityPeriod)||void 0===i?void 0:i.start)&&Y()(e.dispenseRequest.validityPeriod.start).isBefore(Y()().startOf("day").subtract(n,"day"))?R.expired:R.active}function ee(e,n){var t=function(e,n){if(!e||0===e.length)return null;var t=e.map((function(e){return V(e,n)}));return t.includes(L.active)?L.active:t.includes(L.on_hold)?L.on_hold:t.includes(L.completed)?L.completed:t.includes(L.declined)?L.declined:t.includes(L.cancelled)?L.cancelled:t.includes(L.expired)?L.expired:null}(e,n);return null===t?null:t===L.active?"active":t===L.on_hold?"paused":t===L.completed?"completed":t===L.declined?"closed":t===L.expired?"expired":t===L.cancelled?"cancelled":null}function ne(e){return e?fe([e.request].concat(K(e.dispenses)))?(a=me(n=e.request),((null===(t=n.dispenseRequest)||void 0===t||null===(i=t.quantity)||void 0===i?void 0:i.value)?n.dispenseRequest.quantity.value*(1+(a||0)):null)-function(e){if(e){if(!fe(e))throw new Error("Can't calculate quantity dispensed if units don't match");var n=e.map((function(e){var n,t;return(null===(n=e.quantity)||void 0===n?void 0:n.value)?null===(t=e.quantity)||void 0===t?void 0:t.value:0})).reduce((function(e,n){return e+n}),0);return n}return 0}(e.dispenses)):(console.error("Cannot calculate quantity remaining, units dont match"),0):0;var n,t,i,a}function te(e,n){return null==n?void 0:n.filter((function(n){var t;return null==n||null===(t=n.authorizingPrescription)||void 0===t?void 0:t.some((function(n){return n.reference.endsWith(e.id)}))}))}function ie(e){return e?e.find((function(e){return!("system"in e)||void 0===e.system})):null}function ae(e){var n;return null===(n=ie(e))||void 0===n?void 0:n.display}function oe(e){var n;return null===(n=ie(e))||void 0===n?void 0:n.code}function re(e){var n,t;return null===(t=null==e||null===(n=e.extension)||void 0===n?void 0:n.find((function(e){return e.url===W.IG})))||void 0===t?void 0:t.valueDateTime}function se(e){var n,t;return null===(t=null==e||null===(n=e.extension)||void 0===n?void 0:n.find((function(e){return e.url===W.nj})))||void 0===t?void 0:t.valueCode}function le(e){return e.medicationReference?e.medicationReference.display:ae(null==e?void 0:e.medicationCodeableConcept.coding)+": "+(null==e?void 0:e.medicationCodeableConcept.text)}function pe(e){return{medicationReference:e.medicationReference,medicationCodeableConcept:e.medicationCodeableConcept}}function ce(e){var n=null==e?void 0:e.sort(be);return n&&n.length>0?n[0].status:null}function de(e){if(!e||!e.extension)return null;var n=e.extension.find((function(e){return e.url===W.Is}));if(!n||!n.extension)return null;var t=n.extension.find((function(e){return e.url===W.Is+"#drugName"}));return t?t.valueString:null}function ue(e,n,t){return n&&(e="".concat(e,"&patientSearchTerm=").concat(n)),t&&(e="".concat(e,"&location=").concat(t)),e}function ge(e){var n;return"MedicationRequest"==e.resourceType?null===(n=e.dispenseRequest)||void 0===n?void 0:n.quantity:"MedicationDispense"==e.resourceType?e.quantity:void 0}function fe(e){if(e){var n=e.map((function(e){var n;return null===(n=ge(e))||void 0===n?void 0:n.code})).filter((function(e){return e}));return!(n.length>0)||n.every((function(e){return e===n[0]}))}return!0}function me(e){var n;return"MedicationRequest"==e.resourceType?null===(n=e.dispenseRequest)||void 0===n?void 0:n.numberOfRepeatsAllowed:null}function ye(e){return(null==e?void 0:e.includes("/"))?e.split("/")[1]:e}function he(e){(0,H.JG)((function(n){return"string"==typeof n&&(n.startsWith("".concat(l.fhirBaseUrl,"/").concat(W.HX))||n.startsWith("".concat(l.fhirBaseUrl,"/").concat(W.Ph,"?encounter=").concat(e)))}))}function be(e,n){if(null===re(n))return 1;if(null===re(e))return-1;var t=(0,l.parseDate)(re(n)).getTime()-(0,l.parseDate)(re(e)).getTime();return 0!==t?t:e.id.localeCompare(n.id)}function Ae(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function $e(e){return 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)||function(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}}(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.")}()}function _e(e){var n,t,i=[],a=(0,H.ZP)(function(e){return"".concat(l.fhirBaseUrl,"/").concat(W.Ph,"?encounter=").concat(e,"&_revinclude=MedicationDispense:prescription&_include=MedicationRequest:encounter")}(e),l.openmrsFetch),o=a.data,r=a.error;if(o){var s=null==o?void 0:o.data.entry,p=null==s?void 0:s.filter((function(e){var n;return"Encounter"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource}));if(p){var c;n=(0,l.parseDate)(null===(c=p[0])||void 0===c?void 0:c.period.start);var d=null==s?void 0:s.filter((function(e){var n;return"MedicationRequest"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})),u=null==s?void 0:s.filter((function(e){var n;return"MedicationDispense"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})).sort(be);d.every((function(e){return i.push({request:e,dispenses:te(e,u).sort(be)})}))}}return t=!(i&&0!=i.length||r),{medicationRequestBundles:i,prescriptionDate:n,isError:r,isLoading:t}}function ve(e,n){var t="".concat(l.fhirBaseUrl,"/MedicationRequest/").concat(e);return(0,l.openmrsFetch)(t,{method:"PATCH",headers:{"Content-Type":W.aZ},body:{extension:[{url:W.nj,valueCode:n}]}})}function Ce(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function xe(e,n,t){var i=e.id?"".concat(l.fhirBaseUrl,"/MedicationDispense/").concat(e.id):"".concat(l.fhirBaseUrl,"/MedicationDispense"),a=e.id?"PUT":"POST";return e.status=n,n===j.completed&&null===e.whenHandedOver&&(e.whenHandedOver=Y()()),n===j.completed&&null===e.whenPrepared&&(e.whenPrepared=Y()()),(0,l.openmrsFetch)(i,{method:a,signal:t.signal,headers:{"Content-Type":"application/json"},body:e})}function we(e){var n=(0,H.ZP)("".concat(l.fhirBaseUrl,"/ValueSet/").concat(e),l.openmrsFetch).data;return n?n.data:null}function ke(e,n,t){var i,a,o,r,s,l,p,c,d,u,g={resourceType:"MedicationDispense",status:null,authorizingPrescription:[{reference:"MedicationRequest/"+e.id,type:"MedicationRequest"}],medicationReference:e.medicationReference,medicationCodeableConcept:e.medicationCodeableConcept,subject:e.subject,performer:[{actor:{reference:(null==n?void 0:n.currentProvider)?"Practitioner/".concat(n.currentProvider.uuid):""}}],location:{reference:(null==n?void 0:n.sessionLocation)?"Location/".concat(n.sessionLocation.uuid):""}};return t&&(d=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){Ce(e,n,t[n])}))}return e}({},g),u=null!=(u={quantity:{value:null===(i=e.dispenseRequest)||void 0===i||null===(a=i.quantity)||void 0===a?void 0:a.value,code:null===(o=e.dispenseRequest)||void 0===o||null===(r=o.quantity)||void 0===r?void 0:r.code,unit:null===(s=e.dispenseRequest)||void 0===s||null===(l=s.quantity)||void 0===l?void 0:l.unit,system:null===(p=e.dispenseRequest)||void 0===p||null===(c=p.quantity)||void 0===c?void 0:c.system},whenPrepared:null,whenHandedOver:null,dosageInstruction:[{text:e.dosageInstruction[0].text,timing:e.dosageInstruction[0].timing,asNeededBoolean:!1,route:e.dosageInstruction[0].route,doseAndRate:e.dosageInstruction[0].doseAndRate?e.dosageInstruction[0].doseAndRate:[{doseQuantity:{value:null,code:null,unit:null}}]}],substitution:{wasSubstituted:!1,reason:[{coding:[{code:null}]}],type:{coding:[{code:null}]}}})?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(d,Object.getOwnPropertyDescriptors(u)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(u)).forEach((function(e){Object.defineProperty(d,e,Object.getOwnPropertyDescriptor(u,e))})),g=d),g}var ze=t(8404),Ee={};Ee.styleTagTransform=w(),Ee.setAttributes=_(),Ee.insert=A().bind(null,"head"),Ee.domAPI=h(),Ee.insertStyleElement=C(),m()(ze.Z,Ee);const Me=ze.Z&&ze.Z.locals?ze.Z.locals:void 0,Be=function(e){var n,t,i,o,r,s,l,p,c,d,u=e.medicationEvent,g=e.status,f=void 0===g?null:g,m=(0,M.useTranslation)().t,y=(null==(d=u.dosageInstruction)?void 0:d.length)>0?d[0]:null,h=ge(u),b=me(u);return a().createElement("div",null,a().createElement("p",{className:Me.medicationName},f,a().createElement("strong",null,le(pe(u)))),y&&a().createElement("p",{className:Me.bodyLong01},a().createElement("span",{className:Me.label01},m("dose","Dose").toUpperCase())," ",a().createElement("span",{className:Me.dosage},y.doseAndRate&&(null==y?void 0:y.doseAndRate.map((function(e,n){var t,i;return a().createElement("span",{key:n},null==e||null===(t=e.doseQuantity)||void 0===t?void 0:t.value," ",null==e||null===(i=e.doseQuantity)||void 0===i?void 0:i.unit)}))))," ","— ",null==y||null===(n=y.route)||void 0===n?void 0:n.text," —"," ",null==y||null===(t=y.timing)||void 0===t||null===(i=t.code)||void 0===i?void 0:i.text," ",(null==y||null===(o=y.timing)||void 0===o||null===(r=o.repeat)||void 0===r?void 0:r.duration)?"for "+(null==y||null===(s=y.timing)||void 0===s||null===(l=s.repeat)||void 0===l?void 0:l.duration)+" "+(null==y||null===(p=y.timing)||void 0===p||null===(c=p.repeat)||void 0===c?void 0:c.durationUnit):" "),h&&a().createElement("p",{className:Me.bodyLong01},a().createElement("span",{className:Me.label01},m("quantity","Quantity").toUpperCase())," ",a().createElement("span",{className:Me.quantity},h.value," ",h.unit)),(b||0===b)&&a().createElement("p",{className:Me.bodyLong01},a().createElement("span",{className:Me.label01},m("refills","Refills").toUpperCase())," ",a().createElement("span",{className:Me.refills},b)),(null==y?void 0:y.text)&&a().createElement("p",{className:Me.bodyLong01},y.text))};var De=t(6002),Te={};Te.styleTagTransform=w(),Te.setAttributes=_(),Te.insert=A().bind(null,"head"),Te.domAPI=h(),Te.insertStyleElement=C(),m()(De.Z,Te);const Se=De.Z&&De.Z.locals?De.Z.locals:void 0;var qe=t(2327),Ie=t(7591),Oe={};Oe.styleTagTransform=w(),Oe.setAttributes=_(),Oe.insert=A().bind(null,"head"),Oe.domAPI=h(),Oe.insertStyleElement=C(),m()(Ie.Z,Oe);const Ne=Ie.Z&&Ie.Z.locals?Ie.Z.locals:void 0,Fe=function(e){var n=e.medication,t=e.editAction;return a().createElement(o.n9L,{className:Ne.medicationTile},a().createElement("p",{className:Ne.medicationName},a().createElement("strong",null,le(n))),t&&a().createElement(qe.I8,{onClick:t}))};var Pe=t(4295),Ge={};Ge.styleTagTransform=w(),Ge.setAttributes=_(),Ge.insert=A().bind(null,"head"),Ge.domAPI=h(),Ge.insertStyleElement=C(),m()(Pe.Z,Ge);const je=Pe.Z&&Pe.Z.locals?Pe.Z.locals:void 0;function Re(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function Ue(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Le(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){Ue(e,n,t[n])}))}return e}function He(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function We(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||Ye(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 Ze(e){return function(e){if(Array.isArray(e))return Re(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ye(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.")}()}function Ye(e,n){if(e){if("string"==typeof e)return Re(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)?Re(e,n):void 0}}const Qe=function(e){var n,t,r,s,p,c,d,u,g,f,m,y,h,b,A,$,_,v,C,x,w=e.medicationDispense,k=e.updateMedicationDispense,z=e.quantityRemaining,E=(0,M.useTranslation)().t,B=(0,l.useConfig)(),D=(0,l.useSession)(),T=We((0,i.useState)(!1),2),S=T[0],q=T[1],I=We((0,i.useState)(!1),2),O=I[0],N=I[1],F=We((0,i.useState)([]),2),P=F[0],G=F[1],j=We((0,i.useState)([]),2),R=j[0],U=j[1],L=We((0,i.useState)([]),2),Z=L[0],Y=L[1],Q=We((0,i.useState)([]),2),K=Q[0],J=Q[1],V=We((0,i.useState)([]),2),X=V[0],ee=V[1],ne=We((0,i.useState)([]),2),te=ne[0],ie=ne[1],ae=We((0,i.useState)(!1),2),re=ae[0],se=ae[1],le="tablet"===(0,l.useLayoutType)(),ce=function(){var e=(0,H.ZP)("/ws/rest/v1/orderentryconfig",l.openmrsFetch),n=e.data,t=e.error,i=e.isValidating;return{orderConfigObject:n?n.data:null,isLoading:!n&&!t,isError:t,isValidating:i}}().orderConfigObject,ue=(x=B.valueSets.substitutionType.uuid,{substitutionTypeValueSet:we(x)}).substitutionTypeValueSet,ge=function(e){return{substitutionReasonValueSet:we(e)}}(B.valueSets.substitutionReason.uuid).substitutionReasonValueSet,fe=B.dispenseBehavior.allowModifyingPrescription;(0,i.useEffect)((function(){if(ce){var e=Z.map((function(e){return e.id})),n=[];ce.drugRoutes.forEach((function(t){return e.includes(t.uuid)||n.push({id:t.uuid,text:t.display})})),Y(Ze(Z).concat(Ze(n)));var t=P.map((function(e){return e.id})),i=[];ce.drugDosingUnits.forEach((function(e){return t.includes(e.uuid)||i.push({id:e.uuid,text:e.display})})),G(Ze(P).concat(Ze(i)));var a=R.map((function(e){return e.id})),o=[];ce.drugDispensingUnits.forEach((function(e){return a.includes(e.uuid)||o.push({id:e.uuid,text:e.display})})),U(Ze(R).concat(Ze(o)));var r=K.map((function(e){return e.id})),s=[];ce.orderFrequencies.forEach((function(e){return r.includes(e.uuid)||s.push({id:e.uuid,text:e.display})})),J(Ze(K).concat(Ze(s)))}}),[ce]),(0,i.useEffect)((function(){var e,n=[];if(null==ue||null===(e=ue.compose)||void 0===e?void 0:e.include){var t,i=ue.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}ee(n)}),[ue]),(0,i.useEffect)((function(){var e,n=[];if(null==ge||null===(e=ge.compose)||void 0===e?void 0:e.include){var t,i=ge.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}ie(n)}),[ge]);var me,ye,he,be=oe(null===(n=pe(w))||void 0===n||null===(t=n.medicationCodeableConcept)||void 0===t?void 0:t.coding),Ae=function(e,n){var t=(0,H.ZP)(e||!n?null:"".concat(l.fhirBaseUrl,"/").concat(n),l.openmrsFetch).data;return{medicationCodeableConceptUuid:t?oe(t.data.code.coding):null}}(be,null===(r=pe(w).medicationReference)||void 0===r?void 0:r.reference).medicationCodeableConceptUuid,$e=(me=be||Ae||null,he=(0,H.ZP)(me?(ye=me,"".concat(l.fhirBaseUrl,"/Medication?code=").concat(ye)):null,l.openmrsFetch).data,he?{medicationFormulations:he.data.entry.map((function(e){return e.resource}))}:{}).medicationFormulations,_e=function(e){e=e?e.startsWith("MedicationRequest")?e:"MedicationRequest/".concat(e):null;var n=(0,H.ZP)(e?"".concat(l.fhirBaseUrl,"/").concat(e):null,l.openmrsFetch).data;return{medicationRequest:n?n.data:null}}(w.authorizingPrescription?w.authorizingPrescription[0].reference:null).medicationRequest;return(0,i.useEffect)((function(){var e,n;(null==_e||null===(e=_e.medicationReference)||void 0===e?void 0:e.reference)&&(null==w||null===(n=w.medicationReference)||void 0===n?void 0:n.reference)&&_e.medicationReference.reference!=w.medicationReference.reference?(N(!0),k(He(Le({},w),{substitution:He(Le({},w.substitution),{wasSubstituted:!0})}))):(N(!1),k(He(Le({},w),{substitution:{wasSubstituted:!1,reason:[{coding:[{code:null}]}],type:{coding:[{code:null}]}}})))}),[w.medicationReference,null==_e?void 0:_e.medicationReference]),(0,i.useEffect)((function(){se((null==D?void 0:D.user)&&(0,l.userHasAccess)(W.FI,D.user))}),[D]),a().createElement("div",{className:je.medicationDispenseReviewContainer},S?a().createElement(o.Ltx,{id:"medicationFormulation",light:le,items:$e,itemToString:function(e){return de(e)},initialSelectedItem:Le({},null==$e?void 0:$e.find((function(e){var n;return e.id===(null===(n=w.medicationReference)||void 0===n?void 0:n.reference.split("/")[1])}))),onChange:function(e){var n=e.selectedItem;k(He(Le({},w),{medicationCodeableConcept:void 0,medicationReference:{reference:"Medication/"+(null==n?void 0:n.id),display:de(n)}})),q(!1)},required:!0}):a().createElement(Fe,{medication:pe(w),editAction:re&&fe?function(){return q(!0)}:null}),O&&a().createElement("div",{className:je.dispenseDetailsContainer},a().createElement(o.CtY,{className:je.substitutionType,id:"substitutionType",light:le,items:X,titleText:E("substitutionType","Type of substitution"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(p=null===(s=w.substitution.type)||void 0===s?void 0:s.coding[0])||void 0===p?void 0:p.code,text:null===(c=w.substitution.type)||void 0===c?void 0:c.text},onChange:function(e){var n=e.selectedItem;k(He(Le({},w),{substitution:He(Le({},w.substitution),{type:{coding:[{code:null==n?void 0:n.id}]}})}))}})),O&&a().createElement("div",{className:je.dispenseDetailsContainer},a().createElement(o.CtY,{className:je.substitutionReason,id:"substitutionReason",light:le,items:te,titleText:E("substitutionReason","Reason for substitution"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(u=null===(d=w.substitution.reason[0])||void 0===d?void 0:d.coding[0])||void 0===u?void 0:u.code,text:null===(g=w.substitution.reason[0])||void 0===g?void 0:g.text},onChange:function(e){var n=e.selectedItem;k(He(Le({},w),{substitution:He(Le({},w.substitution),{reason:[{coding:[{code:null==n?void 0:n.id}]}]})}))}})),a().createElement("div",{className:je.dispenseDetailsContainer},a().createElement(o.Y2U,{allowEmpty:!1,disabled:!re,hideSteppers:!0,id:"quantity",invalidText:E("numberIsNotValid","Number is not valid"),label:E("quantity","Quantity")+(B.dispenseBehavior.restrictTotalQuantityDispensed?" ("+E("maxQuantityRemaining","Maximum quantity remaining:")+" "+z+")":""),min:0,max:B.dispenseBehavior.restrictTotalQuantityDispensed?z:void 0,value:w.quantity.value,onChange:function(e){var n;k(He(Le({},w),{quantity:He(Le({},w.quantity),{value:(null===(n=e.target)||void 0===n?void 0:n.value)?parseFloat(e.target.value):""})}))}}),a().createElement(o.CtY,{id:"quantityUnits",disabled:!re||!fe,light:le,items:R,titleText:E("drugDispensingUnit","Dispensing unit"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:w.quantity.code,text:w.quantity.unit},onChange:function(e){var n=e.selectedItem;k(He(Le({},w),{quantity:{value:w.quantity.value,code:null==n?void 0:n.id}}))},required:!0})),a().createElement("div",{className:je.dispenseDetailsContainer},a().createElement(o.Y2U,{allowEmpty:!1,disabled:!re||!fe,hideSteppers:!0,id:"dosingQuanity",invalidText:E("numberIsNotValid","Number is not valid"),min:0,label:E("dose","Dose"),value:w.dosageInstruction[0].doseAndRate[0].doseQuantity.value,onChange:function(e){var n;k(He(Le({},w),{dosageInstruction:[He(Le({},w.dosageInstruction[0]),{doseAndRate:[He(Le({},w.dosageInstruction[0].doseAndRate[0]),{doseQuantity:He(Le({},w.dosageInstruction[0].doseAndRate[0].doseQuantity),{value:(null===(n=e.target)||void 0===n?void 0:n.value)?parseFloat(e.target.value):""})})]})]}))}}),a().createElement(o.CtY,{id:"dosingUnits",disabled:!re||!fe,light:le,items:P,titleText:E("doseUnit","Dose unit"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(f=w.dosageInstruction[0].doseAndRate[0].doseQuantity)||void 0===f?void 0:f.code,text:null===(m=w.dosageInstruction[0].doseAndRate[0].doseQuantity)||void 0===m?void 0:m.unit},onChange:function(e){var n,t=e.selectedItem;k(He(Le({},w),{dosageInstruction:[He(Le({},w.dosageInstruction[0]),{doseAndRate:[{doseQuantity:{value:null===(n=w.dosageInstruction[0].doseAndRate[0].doseQuantity)||void 0===n?void 0:n.value,code:null==t?void 0:t.id}}]})]}))},required:!0}),a().createElement(o.CtY,{id:"editRoute",disabled:!re||!fe,light:le,items:Z,initialSelectedItem:{id:null===(h=null===(y=w.dosageInstruction[0].route)||void 0===y?void 0:y.coding[0])||void 0===h?void 0:h.code,text:null===(b=w.dosageInstruction[0].route)||void 0===b?void 0:b.text},titleText:E("route","Route"),itemToString:function(e){return null==e?void 0:e.text},onChange:function(e){var n=e.selectedItem;k(He(Le({},w),{dosageInstruction:[He(Le({},w.dosageInstruction[0]),{route:{coding:[{code:null==n?void 0:n.id}]}})]}))},required:!0})),a().createElement(o.CtY,{id:"frequency",disabled:!re||!fe,light:le,items:K,initialSelectedItem:{id:null===(_=null===(A=w.dosageInstruction[0].timing)||void 0===A||null===($=A.code)||void 0===$?void 0:$.coding[0])||void 0===_?void 0:_.code,text:null===(v=w.dosageInstruction[0].timing)||void 0===v||null===(C=v.code)||void 0===C?void 0:C.text},titleText:E("frequency","Frequency"),itemToString:function(e){return null==e?void 0:e.text},onChange:function(e){var n=e.selectedItem;k(He(Le({},w),{dosageInstruction:[He(Le({},w.dosageInstruction[0]),{timing:He(Le({},w.dosageInstruction[0].timing),{code:{coding:[{code:null==n?void 0:n.id}]}})})]}))},required:!0}),a().createElement(o.Kx8,{labelText:E("patientInstructions","Patient instructions"),value:w.dosageInstruction[0].text,maxLength:65535,onChange:function(e){k(He(Le({},w),{dosageInstruction:[He(Le({},w.dosageInstruction[0]),{text:e.target.value})]}))}}))};function Ke(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function Je(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ke(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)?Ke(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.")}()}const Ve=function(e){var n=e.medicationDispense,t=e.medicationRequestBundle,r=e.mode,s=e.patientUuid,p=e.encounterUuid,c=e.quantityRemaining,d=(0,M.useTranslation)().t,u=((0,l.useLayoutType)(),(0,l.usePatient)(s)),f=u.patient,m=u.isLoading,y=(0,l.useConfig)(),h=Je((0,i.useState)(),2),b=h[0],A=h[1],$=Je((0,i.useState)(!1),2),_=$[0],v=$[1],C=Je((0,i.useState)(!1),2),x=C[0],w=C[1];(0,i.useEffect)((function(){return A(n)}),[n]),(0,i.useEffect)((function(){var e,n,t,i,a,o,r,s,l,p,d,u,g,f,m;b&&(null===(e=b.quantity)||void 0===e?void 0:e.value)&&(!c||(null==b||null===(n=b.quantity)||void 0===n?void 0:n.value)<=c)&&(null===(t=b.quantity)||void 0===t?void 0:t.code)&&(null===(a=null===(i=b.dosageInstruction[0])||void 0===i?void 0:i.doseAndRate[0])||void 0===a||null===(o=a.doseQuantity)||void 0===o?void 0:o.value)&&(null===(s=null===(r=b.dosageInstruction[0])||void 0===r?void 0:r.doseAndRate[0])||void 0===s||null===(l=s.doseQuantity)||void 0===l?void 0:l.code)&&(null===(p=b.dosageInstruction[0])||void 0===p||null===(d=p.route)||void 0===d?void 0:d.coding[0].code)&&(null===(u=b.dosageInstruction[0])||void 0===u||null===(g=u.timing)||void 0===g?void 0:g.code.coding[0].code)&&(!b.substitution.wasSubstituted||(null===(f=b.substitution.reason[0])||void 0===f?void 0:f.coding[0].code)&&(null===(m=b.substitution.type)||void 0===m?void 0:m.coding[0].code))?v(!0):v(!1)}),[b,c]);var k=(0,i.useMemo)((function(){if(f)return{patient:f,patientUuid:s,hideActionsOverflow:!0}}),[f,s]);return a().createElement("div",{className:""},a().createElement("div",{className:Se.formWrapper},m&&a().createElement(o.lSo,{className:Se.bannerLoading,iconDescription:"Loading",description:"Loading banner",status:"active"}),f&&a().createElement(l.ExtensionSlot,{name:"patient-header-slot",state:k}),a().createElement("section",{className:Se.formGroup},a().createElement(o.lXp,null,d(y.dispenseBehavior.allowModifyingPrescription?"drugHelpText":"drugHelpTextNoEdit",y.dispenseBehavior.allowModifyingPrescription?"You may edit the formulation and quantity dispensed here":"You may edit quantity dispensed here")),b?a().createElement(Qe,{medicationDispense:b,updateMedicationDispense:A,quantityRemaining:c}):null),a().createElement("section",{className:Se.buttonGroup},a().createElement(o.zxk,{disabled:x,onClick:function(){return g()},kind:"secondary"},d("cancel","Cancel")),a().createElement(o.zxk,{disabled:!_||x,onClick:function(){if(!x){w(!0);var e=new AbortController;xe(b,j.completed,e).then((function(e){if(e.ok){var n=function(e,n,t){var i=K(n.dispenses);return i=e.id?i.map((function(n){return n.id===e.id?e:n})):[e].concat(K(i)),J({request:n.request,dispenses:i},t)}(b,t,y.dispenseBehavior.restrictTotalQuantityDispensed);if(se(t.request)!==n)return ve(ye(b.authorizingPrescription[0].reference),n)}return e})).then((function(e){var n=e.status;201!==n&&200!==n||(g(),he(p),(0,l.showToast)({critical:!0,kind:"success",description:d("medicationListUpdated","Medication dispense list has been updated."),title:d("enter"===r?"medicationDispensed":"medicationDispenseUpdated","enter"===r?"Medication successfully dispensed.":"Dispense record successfully updated.")}))}),(function(e){(0,l.showNotification)({title:d("enter"===r?"medicationDispenseError":"medicationDispenseUpdatedError","enter"===r?"Error dispensing medication.":"Error updating dispense record"),kind:"error",critical:!0,description:null==e?void 0:e.message}),w(!1)}))}}},d("enter"===r?"dispensePrescription":"saveChanges","enter"===r?"Dispense prescription":"Save changes")))))};function Xe(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function en(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function nn(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Xe(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)?Xe(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.")}()}const tn=function(e){var n,t,r,s,p=e.medicationDispense,c=e.mode,d=e.patientUuid,u=e.encounterUuid,f=(0,M.useTranslation)().t,m=(0,l.useConfig)(),y="tablet"===(0,l.useLayoutType)(),h=(0,l.usePatient)(d),b=h.patient,A=h.isLoading,$=nn((0,i.useState)(),2),_=$[0],v=$[1],C=nn((0,i.useState)(!1),2),x=C[0],w=C[1],k=nn((0,i.useState)(!1),2),z=k[0],E=k[1],B=nn((0,i.useState)([]),2),D=B[0],T=B[1],S=(s=m.valueSets.reasonForPause.uuid,{reasonForPauseValueSet:we(s)}).reasonForPauseValueSet;(0,i.useEffect)((function(){var e,n=[];if(null==S||null===(e=S.compose)||void 0===e?void 0:e.include){var t,i=S.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}T(n)}),[S]),(0,i.useEffect)((function(){return v(p)}),[p]),(0,i.useEffect)((function(){var e;_&&(null===(e=_.statusReasonCodeableConcept)||void 0===e?void 0:e.coding[0].code)?w(!0):w(!1)}),[_]);var q=(0,i.useMemo)((function(){if(b)return{patient:b,patientUuid:d,hideActionsOverflow:!0}}),[b,d]);return a().createElement("div",{className:""},a().createElement("div",{className:Se.formWrapper},A&&a().createElement(o.lSo,{className:Se.bannerLoading,iconDescription:"Loading",description:"Loading banner",status:"active"}),b&&a().createElement(l.ExtensionSlot,{name:"patient-header-slot",state:q}),a().createElement("section",{className:Se.formGroup},a().createElement(o.CtY,{id:"reasonForPause",light:y,items:D,titleText:f("reasonForPause","Reason for pause"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(t=null===(n=p.statusReasonCodeableConcept)||void 0===n?void 0:n.coding[0])||void 0===t?void 0:t.code,text:null===(r=p.statusReasonCodeableConcept)||void 0===r?void 0:r.text},onChange:function(e){var n,t,i=e.selectedItem;v((n=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){en(e,n,t[n])}))}return e}({},_),t=null!=(t={statusReasonCodeableConcept:{coding:[{code:null==i?void 0:i.id}]}})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})),n))}})),a().createElement("section",{className:Se.buttonGroup},a().createElement(o.zxk,{disabled:z,onClick:function(){return g()},kind:"secondary"},f("cancel","Cancel")),a().createElement(o.zxk,{disabled:!x||z,onClick:function(){if(!z){E(!0);var e=new AbortController;xe(_,j.on_hold,e).then((function(e){return e.ok&&!p.id?ve(ye(_.authorizingPrescription[0].reference),U.on_hold):e})).then((function(e){e.ok&&(g(),he(u),(0,l.showToast)({critical:!0,kind:"success",description:f("enter"===c?"medicationDispensePaused":"medicationDispenseUpdated","enter"===c?"Medication dispense paused.":"Dispense record successfully updated."),title:f("enter"===c?"medicationDispensePaused":"medicationDispenseUpdated","enter"===c?"Medication dispense paused.":"Dispense record successfully updated.")}))})).catch((function(e){(0,l.showNotification)({title:f("enter"===c?"medicationDispensePauseError":"medicationDispenseUpdatedError","enter"===c?"Error pausing medication dispense.":"Error updating dispense record"),kind:"error",critical:!0,description:null==e?void 0:e.message}),E(!1)}))}}},f("enter"===c?"pause":"saveChanges","enter"===c?"Pause":"Save changes")))))};function an(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function on(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function rn(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return an(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)?an(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.")}()}const sn=function(e){var n,t,r,s,p=e.medicationDispense,c=e.mode,d=e.patientUuid,u=e.encounterUuid,f=(0,M.useTranslation)().t,m=(0,l.useConfig)(),y="tablet"===(0,l.useLayoutType)(),h=(0,l.usePatient)(d),b=h.patient,A=h.isLoading,$=rn((0,i.useState)(),2),_=$[0],v=$[1],C=rn((0,i.useState)(!1),2),x=C[0],w=C[1],k=rn((0,i.useState)(!1),2),z=k[0],E=k[1],B=rn((0,i.useState)([]),2),D=B[0],T=B[1],S=(s=m.valueSets.reasonForClose.uuid,{reasonForCloseValueSet:we(s)}).reasonForCloseValueSet;(0,i.useEffect)((function(){var e,n=[];if(null==S||null===(e=S.compose)||void 0===e?void 0:e.include){var t,i=S.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}T(n)}),[S]),(0,i.useEffect)((function(){return v(p)}),[p]),(0,i.useEffect)((function(){var e;_&&(null===(e=_.statusReasonCodeableConcept)||void 0===e?void 0:e.coding[0].code)?w(!0):w(!1)}),[_]);var q=(0,i.useMemo)((function(){if(b)return{patient:b,patientUuid:d,hideActionsOverflow:!0}}),[b,d]);return a().createElement("div",{className:""},a().createElement("div",{className:Se.formWrapper},A&&a().createElement(o.lSo,{className:Se.bannerLoading,iconDescription:"Loading",description:"Loading banner",status:"active"}),b&&a().createElement(l.ExtensionSlot,{name:"patient-header-slot",state:q}),a().createElement("section",{className:Se.formGroup},a().createElement(o.CtY,{id:"reasonForPause",light:y,items:D,titleText:f("reasonForClose","Reason for close"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(t=null===(n=p.statusReasonCodeableConcept)||void 0===n?void 0:n.coding[0])||void 0===t?void 0:t.code,text:null===(r=p.statusReasonCodeableConcept)||void 0===r?void 0:r.text},onChange:function(e){var n,t,i=e.selectedItem;v((n=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){on(e,n,t[n])}))}return e}({},_),t=null!=(t={statusReasonCodeableConcept:{coding:[{code:null==i?void 0:i.id}]}})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})),n))}})),a().createElement("section",{className:Se.buttonGroup},a().createElement(o.zxk,{disabled:z,onClick:function(){return g()},kind:"secondary"},f("cancel","Cancel")),a().createElement(o.zxk,{disabled:!x||z,onClick:function(){if(!z){E(!0);var e=new AbortController;xe(_,j.declined,e).then((function(e){return e.ok&&!p.id?ve(ye(_.authorizingPrescription[0].reference),U.declined):e})).then((function(e){e.ok&&(g(),he(u),(0,l.showToast)({critical:!0,kind:"success",description:f("enter"===c?"medicationDispenseClosed":"medicationDispenseUpdated","enter"===c?"Medication dispense closed.":"Dispense record successfully updated."),title:f("enter"===c?"medicationDispenseClosed":"medicationDispenseUpdated","enter"===c?"Medication dispense closed.":"Dispense record successfully updated.")}))})).catch((function(e){(0,l.showNotification)({title:f("enter"===c?"medicationDispenseCloseError":"medicationDispenseUpdatedError","enter"===c?"Error closing medication dispense.":"Error updating dispense record"),kind:"error",critical:!0,description:null==e?void 0:e.message}),E(!1)}))}}},f("enter"===c?"close":"saveChanges","enter"===c?"Close":"Save changes")))))},ln=function(e){var n=e.encounterUuid,t=e.patientUuid,i=(0,M.useTranslation)().t,r=(0,l.useSession)(),s=(0,l.useConfig)(),p=_e(n),c=p.medicationRequestBundles,d=p.prescriptionDate,g=p.isError,f=p.isLoading,m=function(e){return e.status===j.completed?a().createElement(o.Vp9,{type:"gray"},i("dispensed","Dispensed")):e.status===j.on_hold?a().createElement(o.Vp9,{type:"red"},i("paused","Paused")):e.status===j.declined?a().createElement(o.Vp9,{type:"red"},i("closed","Closed")):null},y=function(e,t){var i,a=se(t.request),o=function(e,n,t){return J({request:n.request,dispenses:n.dispenses.filter((function(n){return n.id!==e.id}))},t)}(e,t,s.dispenseBehavior.restrictTotalQuantityDispensed);a!==o&&ve(ye(e.authorizingPrescription[0].reference),o).then((function(){he(n)})),(i=e.id,(0,l.openmrsFetch)("".concat(l.fhirBaseUrl,"/MedicationDispense/").concat(i),{method:"DELETE"})).then((function(){he(n)}))};return a().createElement("div",{className:G.historyAndCommentsContainer},f&&a().createElement(o.gqd,{role:"progressbar"}),g&&a().createElement("p",null,i("error","Error")),c&&c.flatMap((function(e){return e.dispenses})).sort(be).map((function(e){var p,d,g;return a().createElement("div",{key:e.id},a().createElement("h5",{style:{paddingTop:"8px",paddingBottom:"8px",fontSize:"0.9rem"}},e.performer&&(null===(p=e.performer[0])||void 0===p||null===(d=p.actor)||void 0===d?void 0:d.display)," ",(g=e).status===j.completed?i("dispensedMedication","dispensed medication"):g.status===j.on_hold?i("pausedDispense","paused dispense"):g.status===j.declined?i("closedDispense","closed dispense"):null," -"," ",(0,l.formatDatetime)((0,l.parseDate)(re(e)))),a().createElement(o.n9L,{className:G.dispenseTile},function(e,p){var c=function(e){return(null==e?void 0:e.user)&&(0,l.userHasAccess)(W.q,e.user)}(r),d=function(e,n){if(null==e?void 0:e.user){var t,i;if((0,l.userHasAccess)(W.UW,e.user))return!0;if((0,l.userHasAccess)(W.ar,e.user)&&(null===(t=e.currentProvider)||void 0===t?void 0:t.uuid)&&null!=(null===(i=n.performer)||void 0===i?void 0:i.find((function(n){var t,i;return(null==n||null===(t=n.actor)||void 0===t||null===(i=t.reference)||void 0===i?void 0:i.length)>1&&n.actor.reference.split("/")[1]===e.currentProvider.uuid}))))return!0}return!1}(r,e);return c||d?a().createElement(o.PQB,{ariaLabel:i("medicationDispenseActionMenu","Medication Dispense Action Menu"),flipped:!0,className:G.medicationEventActionMenu},c&&a().createElement(o.laM,{onClick:function(){return u(function(e){return e.status===j.completed?i("editDispenseRecord","Edit Dispense Record"):e.status===j.on_hold?i("editPauseRecord","Edit Pause Record"):e.status===j.declined?i("editCloseeRecord","Edit Close Record"):void 0}(e),function(e,i){if(e.status===j.completed){var o=null;return s.dispenseBehavior.restrictTotalQuantityDispensed&&(o=ne(i)+((null==e?void 0:e.quantity)?e.quantity.value:0)),a().createElement(Ve,{patientUuid:t,encounterUuid:n,medicationDispense:e,medicationRequestBundle:i,quantityRemaining:o,mode:"edit"})}return e.status===j.on_hold?a().createElement(tn,{patientUuid:t,encounterUuid:n,medicationDispense:e,mode:"edit"}):e.status===j.declined?a().createElement(sn,{patientUuid:t,encounterUuid:n,medicationDispense:e,mode:"edit"}):void 0}(e,p))},itemText:i("editRecord","Edit Record")}),d&&a().createElement(o.laM,{onClick:function(){y(e,p)},itemText:i("delete","Delete")})):null}(e,function(e,n){return e.find((function(e){return e.dispenses.find((function(e){return e.id===n.id}))}))}(c,e)),a().createElement(Be,{medicationEvent:e,status:m(e)})))})),c&&c.flatMap((function(e){return e.request})).map((function(e){return a().createElement("div",{key:e.id},a().createElement("h5",{style:{paddingTop:"8px",paddingBottom:"8px",fontSize:"0.9rem"}},e.requester.display," ",i("orderedMedication ","ordered medication")," -"," ",(0,l.formatDatetime)(d)),a().createElement(o.n9L,{className:G.requestTile},a().createElement(Be,{medicationEvent:e,status:a().createElement(o.Vp9,{type:"green"},i("ordered","Ordered"))})))})))};var pn=t(4511),cn={};cn.styleTagTransform=w(),cn.setAttributes=_(),cn.insert=A().bind(null,"head"),cn.domAPI=h(),cn.insertStyleElement=C(),m()(pn.Z,cn);const dn=pn.Z&&pn.Z.locals?pn.Z.locals:void 0;var un=t(583),gn={};gn.styleTagTransform=w(),gn.setAttributes=_(),gn.insert=A().bind(null,"head"),gn.domAPI=h(),gn.insertStyleElement=C(),m()(un.Z,gn);const fn=un.Z&&un.Z.locals?un.Z.locals:void 0;var mn=t(2522),yn=t(1127),hn={};hn.styleTagTransform=w(),hn.setAttributes=_(),hn.insert=A().bind(null,"head"),hn.domAPI=h(),hn.insertStyleElement=C(),m()(yn.Z,hn);const bn=yn.Z&&yn.Z.locals?yn.Z.locals:void 0,An=function(e){var n=e.medicationRequestBundle,t=e.patientUuid,i=e.encounterUuid,r=(0,M.useTranslation)().t,s=(0,l.useConfig)(),p=(0,l.useSession)(),c=ce(n.dispenses),d=X(n.request,s.medicationRequestExpirationPeriodInDays),g=d===R.active&&c!==j.declined,f=s.actionButtons.pauseButton.enabled&&d===R.active&&c!==j.on_hold&&c!==j.declined,m=s.actionButtons.closeButton.enabled&&d===R.active&&c!==j.declined,y=null;return s.dispenseBehavior.restrictTotalQuantityDispensed&&(y=ne(n)),a().createElement("div",{className:bn.actionBtns},g?a().createElement(o.zxk,{kind:"primary",onClick:function(){return u(r("dispensePrescription","Dispense prescription"),a().createElement(Ve,{patientUuid:t,encounterUuid:i,medicationDispense:ke(n.request,p,!0),medicationRequestBundle:n,quantityRemaining:y,mode:"enter"}))}},r("dispense","Dispense")):null,f?a().createElement(o.zxk,{kind:"secondary",onClick:function(){return u(r("pausePrescription","Pause prescription"),a().createElement(tn,{patientUuid:t,encounterUuid:i,medicationDispense:ke(n.request,p,!1),mode:"enter"}))}},r("pause","Pause")):null,m?a().createElement(o.zxk,{kind:"danger",onClick:function(){return u(r("closePrescription","Close prescription"),a().createElement(sn,{patientUuid:t,encounterUuid:i,medicationDispense:ke(n.request,p,!1),mode:"enter"}))}},r("close","Close")):null)};function $n(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}const _n=function(e){var n,t,r=e.encounterUuid,s=e.patientUuid,p=(0,M.useTranslation)().t,c=(0,l.useConfig)(),d=(n=(0,i.useState)(!0),t=2,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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(n,t)||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}}(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.")}()),u=d[0],g=d[1],f=function(e){var n=(0,H.ZP)("".concat(l.fhirBaseUrl,"/AllergyIntolerance?patient=").concat(e),l.openmrsFetch),t=n.data,i=n.error,a=[];if(t){var o=null==t?void 0:t.data.entry;null==o||o.map((function(e){return a.push(e.resource)}))}return{allergies:a,totalAllergies:null==t?void 0:t.data.total,isError:i}}(s),m=f.allergies,y=f.totalAllergies,h=_e(r),b=h.medicationRequestBundles,A=h.isError,$=h.isLoading;return(0,i.useEffect)((function(){"number"==typeof y&&g(!1)}),[y]),a().createElement("div",{className:fn.prescriptionContainer},u&&a().createElement(o.gqd,{role:"progressbar"}),!u&&a().createElement(o.n9L,{className:fn.allergiesTile},a().createElement("div",{className:fn.allergesContent},a().createElement("div",null,a().createElement(mn.Rr,{size:24,className:fn.allergiesIcon}),a().createElement("p",null,y>0&&a().createElement("span",null,a().createElement("span",{style:{fontWeight:"bold"}},y," ",p("allergies","allergies").toLowerCase())," ",function(e){return e.map((function(e){return ae(e.code.coding)})).join(", ")}(m)),0==y&&p("noAllergyDetailsFound","No allergy details found"))))),a().createElement("h5",{style:{paddingTop:"8px",paddingBottom:"8px",fontSize:"0.9rem"}},p("prescribed","Prescribed")),$&&a().createElement(o.gqd,{role:"progressbar"}),A&&a().createElement("p",null,p("error","Error")),b&&b.map((function(e){return a().createElement(o.n9L,{className:fn.prescriptionTile},a().createElement(l.UserHasAccess,{privilege:W.YG},a().createElement(An,{patientUuid:s,encounterUuid:r,medicationRequestBundle:e})),a().createElement(Be,{key:e.request.id,medicationEvent:e.request,status:(n=e.request,t=V(n,c.medicationRequestExpirationPeriodInDays),t===L.cancelled?a().createElement(o.Vp9,{type:"red"},p("cancelled","Cancelled")):t===L.completed?a().createElement(o.Vp9,{type:"green"},p("completed","Completed")):t===L.expired?a().createElement(o.Vp9,{type:"red"},p("expired","Expired")):t===L.declined?a().createElement(o.Vp9,{type:"red"},p("closed","Closed")):t===L.on_hold?a().createElement(o.Vp9,{type:"red"},p("paused","Paused")):null)}));var n,t})))},vn=function(e){var n=e.encounterUuid,t=e.patientUuid,i=(e.status,(0,M.useTranslation)().t),r=[{name:i("prescriptionDetails","Prescription details"),component:a().createElement(_n,{encounterUuid:n,patientUuid:t})},{name:i("historyComments","History and comments"),component:a().createElement(ln,{encounterUuid:n,patientUuid:t})}];return a().createElement("div",{className:dn.expandedTabsParentContainer},a().createElement("div",{className:dn.expandedTabsContainer},a().createElement(o.mQc,null,a().createElement(o.tdY,{"aria-label":i("tabList","Tab List")},r.map((function(e,n){return a().createElement(o.OK9,{key:n,className:dn.orderTabs},e.name)}))),a().createElement(o.nPR,null,r.map((function(e,n){return a().createElement(o.x45,{key:n},e.component)}))))))};var Cn=t(9803),xn={};xn.styleTagTransform=w(),xn.setAttributes=_(),xn.insert=A().bind(null,"head"),xn.domAPI=h(),xn.insertStyleElement=C(),m()(Cn.Z,xn);const wn=Cn.Z&&Cn.Z.locals?Cn.Z.locals:void 0;function kn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function zn(){return zn=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},zn.apply(this,arguments)}function En(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||Bn(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 Mn(e){return function(e){if(Array.isArray(e))return kn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Bn(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.")}()}function Bn(e,n){if(e){if("string"==typeof e)return kn(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)?kn(e,n):void 0}}const Dn=function(e){var n,t,r=e.searchTerm,s=e.location,p=e.status,c=(0,M.useTranslation)().t,d=(0,l.useConfig)(),u=En((0,i.useState)(1),2),g=u[0],f=u[1],m=En((0,i.useState)(10),2),y=m[0],h=m[1],b=En((0,i.useState)(0),2),A=b[0],$=b[1],_=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5?arguments[5]:void 0,s=(0,H.ZP)("ACTIVE"===o?function(e,n,t,i,a){return ue("".concat(l.fhirBaseUrl,"/").concat(W.HX,"&_getpagesoffset=").concat(e,"&_count=").concat(n,"&date=ge").concat(t,"&status=active"),i,a)}(t,n,Y()(new Date).startOf("day").subtract(r,"day").toISOString(),i,a):function(e,n,t,i){return ue("".concat(l.fhirBaseUrl,"/").concat(W.HX,"&_getpagesoffset=").concat(e,"&_count=").concat(n),t,i)}(t,n,i,a),l.openmrsFetch),p=s.data,c=s.error;if(p){var d=null==p?void 0:p.data.entry;if(d){var u=d.filter((function(e){var n;return"Encounter"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})),g=d.filter((function(e){var n;return"MedicationRequest"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})),f=d.filter((function(e){var n;return"MedicationDispense"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})).sort(be);e=u.map((function(e){var n=g.filter((function(n){return n.encounter.reference=="Encounter/"+e.id})),t=n.map((function(e){return"MedicationRequest/"+e.id})),i=f.filter((function(e){var n;return t.includes(null===(n=e.authorizingPrescription[0])||void 0===n?void 0:n.reference)}));return function(e,n,t,i){var a,o,r,s,l,p,c,d;return{id:null==e?void 0:e.id,created:null==e||null===(a=e.period)||void 0===a?void 0:a.start,patient:{name:null==e||null===(o=e.subject)||void 0===o?void 0:o.display,uuid:null==e||null===(r=e.subject)||void 0===r||null===(s=r.reference)||void 0===s?void 0:s.split("/")[1]},drugs:$e(new Set(n.map((function(e){return le(pe(e))})).sort((function(e,n){return e.localeCompare(n)})))).join("; "),lastDispenser:t&&(null===(l=t[0])||void 0===l?void 0:l.performer)&&(null===(c=null===(p=t[0])||void 0===p?void 0:p.performer[0])||void 0===c?void 0:c.actor.display),prescriber:$e(new Set(n.map((function(e){return e.requester.display})))).join(", "),status:ee(n,i),location:(null==e?void 0:e.location)?null===(d=null==e?void 0:e.location[0])||void 0===d?void 0:d.location.display:null}}(e,n,i,r)})),e.sort((function(e,n){return e.created<n.created?1:-1}))}else e=[]}return{prescriptionsTableRows:e,error:c,isLoading:!e&&!c,totalOrders:null==p?void 0:p.data.total}}(y,A,r,s,p,d.medicationRequestExpirationPeriodInDays),v=_.prescriptionsTableRows,C=_.error,x=_.isLoading,w=_.totalOrders,k=[{header:c("created","Created"),key:"created"},{header:c("patientName","Patient name"),key:"patient"},{header:c("prescriber","Prescriber"),key:"prescriber"},{header:c("drugs","Drugs"),key:"drugs"},{header:c("lastDispenser","Last dispenser"),key:"lastDispenser"},{header:c("status","Status"),key:"status"}];return(null===(n=d.locationBehavior)||void 0===n||null===(t=n.locationColumn)||void 0===t?void 0:t.enabled)&&(k=Mn(k.slice(0,3)).concat([{header:c("location","Location"),key:"location"}],Mn(k.slice(3)))),(0,i.useEffect)((function(){f(1),$(0)}),[r]),a().createElement(o.x45,null,a().createElement("div",{className:wn.patientListTableContainer},x&&a().createElement(o.gqd,{role:"progressbar"}),C&&a().createElement("p",null,"Error"),v&&a().createElement(a().Fragment,null,a().createElement(o.wQF,{rows:v,headers:k,isSortable:!0},(function(e){var n=e.rows,t=e.headers,i=e.getHeaderProps,r=e.getRowProps,s=e.getTableProps;return a().createElement(o.xJi,null,a().createElement(o.iA_,zn({},s(),{useZebraStyles:!0}),a().createElement(o.ssF,null,a().createElement(o.SCH,null,a().createElement(o.MOD,null),t.map((function(e){return a().createElement(o.xDH,zn({},i({header:e})),e.header)})))),a().createElement(o.RMI,null,n.map((function(e){return a().createElement(a().Fragment,{key:e.id},a().createElement(o.RcE,zn({},r({row:e})),e.cells.map((function(e){return a().createElement(o.pj1,{key:e.id},e.id.endsWith("created")?(0,l.formatDatetime)((0,l.parseDate)(e.value)):e.id.endsWith("patient")?e.value.name:e.id.endsWith("status")?c(e.value):e.value)}))),a().createElement(o.WdL,{colSpan:t.length+1},a().createElement(vn,{encounterUuid:e.id,patientUuid:e.cells.find((function(e){return e.id.endsWith("patient")})).value.uuid,status:e.cells.find((function(e){return e.id.endsWith("status")})).value})))})))))})),a().createElement("div",{style:{width:"100%"}},a().createElement(o.tlE,{page:g,pageSize:y,pageSizes:[10,20,30,40,50,100],totalItems:w,onChange:function(e){var n=e.page,t=e.pageSize;f(n),$((n-1)*t),h(t)}})))))};function Tn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function Sn(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Tn(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)?Tn(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.")}()}var qn;!function(e){e[e.STARRED=0]="STARRED",e[e.SYSTEM=1]="SYSTEM",e[e.USER=2]="USER",e[e.ALL=3]="ALL"}(qn||(qn={}));const In=function(){var e,n,t=(0,M.useTranslation)().t,r=(0,l.useConfig)(),s=function(e){var n,t,i=(0,H.ZP)("".concat(l.fhirBaseUrl,"/Location?_tag=").concat(encodeURIComponent(e.locationBehavior.locationFilter.tag),"&_count=100"),l.openmrsFetch),a=i.data,o=i.error,r=null==a||null===(n=a.data)||void 0===n||null===(t=n.entry)||void 0===t?void 0:t.map((function(e){return{id:e.resource.id,name:e.resource.name}})).sort((function(e,n){return e.name.localeCompare(n.name)}));return{filterLocations:r,isError:o,isLoading:!r&&!o}}(r),p=s.filterLocations,c=s.isLoading,d=Sn((0,i.useState)(qn.STARRED),2),u=(d[0],d[1]),g=Sn((0,i.useState)(""),2),f=g[0],m=g[1],y=Sn((0,i.useState)(""),2),h=y[0],b=y[1],A=Sn((0,i.useState)(""),2),$=A[0],_=A[1],v=[{key:"activePrescriptions",header:t("activePrescriptions","Active Prescriptions"),status:"ACTIVE"},{key:"allPrescriptions",header:t("allPrescriptions","All Prescriptions"),status:""}];return(0,i.useEffect)((function(){var e=setTimeout((function(){b(f)}),500);return function(){return clearTimeout(e)}}),[f]),a().createElement("main",{className:"omrs-main-content ".concat(wn.prescriptionListContainer)},a().createElement("section",{className:wn.prescriptionTabsContainer},a().createElement(o.mQc,{className:wn.prescriptionTabs,type:"container",tabContentClassName:wn.hiddenTabsContent,onSelectionChange:u},a().createElement(o.tdY,{"aria-label":t("tabList","Tab List"),contained:!0,className:wn.tabsContainer},v.map((function(e,n){return a().createElement(o.OK9,{title:t(e.key),key:n,id:"tab-"+n,className:wn.tab},t(e.header))}))),a().createElement("div",{className:wn.searchContainer},a().createElement(o.olm,{closeButtonLabelText:t("clearSearchInput","Clear search input"),defaultValue:f,placeholder:t("searchByPatientIdOrName","Search by patient ID or name"),labelText:t("searchByPatientIdOrName","Search by patient ID or name"),onChange:function(e){e.preventDefault(),m(e.target.value)},size:"md",className:wn.patientSearch}),(null===(e=r.locationBehavior)||void 0===e||null===(n=e.locationFilter)||void 0===n?void 0:n.enabled)&&!c&&(null==p?void 0:p.length)>1&&a().createElement(o.CtY,{id:"locationFilter",placeholder:t("filterByLocation","Filter by location"),items:c?[]:p,itemToString:function(e){return null==e?void 0:e.name},onChange:function(e){var n=e.selectedItem;_(null==n?void 0:n.id)},className:wn.locationFilter})),a().createElement(o.nPR,null,v.map((function(e,n){return a().createElement(Dn,{location:$,searchTerm:h,status:e.status})}))))))};function On(){var e=(0,l.useConfig)(),n=(0,M.useTranslation)().t;return e.dispenseBehavior.restrictTotalQuantityDispensed&&e.dispenseBehavior.allowModifyingPrescription?a().createElement("div",{className:"omrs-main-content"},a().createElement(o.K0D,{title:n("dispensingAppError","Dispensing App Error"),subtitle:n("dispensingAppMisconfigurationMessage","Please contact your system administration: Misconfiguration - 'restrictTotalQuantityDispensed' cannot be enabled if 'allowModifyingPrescription' is enabled.")})):a().createElement("div",{className:"omrs-main-content"},a().createElement(N,null),a().createElement(In,null),a().createElement(B,null))}}}]);
1
+ "use strict";(globalThis.webpackChunk_openmrs_esm_dispensing_app=globalThis.webpackChunk_openmrs_esm_dispensing_app||[]).push([[771],{1127:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,".-esm-dispensing__action-buttons__actionBtns___W\\+gb3{float:right;margin-left:1rem;margin-top:2rem}","",{version:3,sources:["webpack://./src/components/action-buttons.scss"],names:[],mappings:"AAAA,sDACE,WAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:[".actionBtns {\n float: right;\n margin-left: 1rem;\n margin-top: 2rem;\n}\n"],sourceRoot:""}]),r.locals={actionBtns:"-esm-dispensing__action-buttons__actionBtns___W+gb3"};const s=r},7591:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__medication-card__medicationTile___\\+t2rW{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid var(--brand-03);color:#525252;margin-bottom:1rem !important}.-esm-dispensing__medication-card__medicationName___-EM\\+N{font-size:15px !important}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/medication-card.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,2DACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qCAAA,CACA,aDRQ,CCSR,6BAAA,CAGF,2DACE,yBAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n.medicationTile {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid var(--brand-03);\n color: $text-02;\n margin-bottom: 1rem !important;\n}\n\n.medicationName {\n font-size: 15px !important;\n}\n\n"],sourceRoot:""}]),r.locals={medicationTile:"-esm-dispensing__medication-card__medicationTile___+t2rW",medicationName:"-esm-dispensing__medication-card__medicationName___-EM+N"};const s=r},4295:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__medication-dispense-review__medicationDispenseReviewContainer___b9ZuZ{display:flex;flex-direction:column;padding-bottom:10px}.-esm-dispensing__medication-dispense-review__medicationDispenseReviewContainer___b9ZuZ .cds--css-grid{padding-left:0 !important;padding-right:0 !important}.-esm-dispensing__medication-dispense-review__dispenseDetailsContainer___DjhAn{display:flex;flex-direction:row;flex:1;gap:1rem}.-esm-dispensing__medication-dispense-review__substitutionReason___efxL5{width:100%}.-esm-dispensing__medication-dispense-review__substitutionType___dK\\+H9{width:100%}.-esm-dispensing__medication-dispense-review__productiveHeading02___\\+\\+vqK,.-esm-dispensing__medication-dispense-review__formGroup___KjyuB span{color:#525252;font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formWrapper___NIVKI{background-color:#f4f4f4}.omrs-breakpoint-gt-tablet .-esm-dispensing__medication-dispense-review__formWrapper___NIVKI{background-color:#fff}.-esm-dispensing__medication-dispense-review__formGroup___KjyuB{display:flex;margin-bottom:.25rem;padding:1rem}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formGroup___KjyuB>span{flex:1}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formGroup___KjyuB>div{flex:3}.-esm-dispensing__medication-dispense-review__patientInfo___BsSmN{position:sticky;z-index:1000;background-color:#fff;top:3rem;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__formGroup___KjyuB{flex-direction:row}.omrs-breakpoint-gt-tablet .-esm-dispensing__medication-dispense-review__formGroup___KjyuB{flex-direction:column}.-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4{display:flex;position:sticky;bottom:0;width:100%}.omrs-breakpoint-lt-desktop .-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4{padding:1rem 1.5rem;background-color:#fff}.-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4 button{max-width:none;width:50%;height:4rem;align-items:flex-start}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/medication-dispense-review.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,wFACE,YAAA,CACA,qBAAA,CACA,mBAAA,CAEA,uGACE,yBAAA,CACA,0BAAA,CAIJ,+EACE,YAAA,CACA,kBAAA,CACA,MAAA,CACA,QCYW,CDTb,yEACE,UAAA,CAGF,wEACE,UAAA,CAGF,iJACE,aDtBc,CGi0BZ,0DAAA,CAAA,6DAAA,CAAA,+DAAA,CAAA,iEAAA,CFvyBJ,8FACE,wBDjBwB,CCoB1B,6FACE,qBDvCM,CC0CR,gEACE,YAAA,CACA,oBC7BW,CD8BX,YCfW,CDkBb,iGACE,MAAA,CAGF,gGACE,MAAA,CAOF,kEACE,eAAA,CACA,YAAA,CACA,qBD/DM,CCgEN,QAAA,CACA,eAAA,CAGF,4FACE,kBAAA,CAGF,2FACE,qBAAA,CAGF,kEACE,YAAA,CACA,eAAA,CACA,QAAA,CACA,UAAA,CAGF,8FACE,mBAAA,CACA,qBDrFM,CCwFR,yEACE,cAAA,CACA,SAAA,CACA,WCpCW,CDqCX,sBAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.medicationDispenseReviewContainer {\n display: flex;\n flex-direction: column;\n padding-bottom: 10px;\n\n :global(.cds--css-grid) {\n padding-left:0 !important;\n padding-right:0 !important;\n }\n}\n\n.dispenseDetailsContainer {\n display: flex;\n flex-direction: row;\n flex: 1;\n gap: spacing.$spacing-05;\n}\n\n.substitutionReason {\n width:100%;\n}\n\n.substitutionType {\n width: 100%;\n}\n\n.productiveHeading02 {\n color: $color-gray-70;\n @include type.type-style('productive-heading-02');\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formWrapper {\n background-color: $openmrs-background-grey;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formWrapper {\n background-color: $ui-02;\n}\n\n.formGroup {\n display: flex;\n margin-bottom: spacing.$spacing-02;\n padding: spacing.$spacing-05;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>span {\n flex: 1;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>div {\n flex: 3;\n}\n\n.formGroup span {\n @extend .productiveHeading02;\n}\n\n.patientInfo {\n position: sticky;\n z-index: 1000;\n background-color: $ui-02;\n top: 3rem;\n overflow-y: auto;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup {\n flex-direction: row;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formGroup {\n flex-direction: column;\n}\n\n.buttonGroup {\n display: flex;\n position: sticky;\n bottom: 0;\n width: 100%;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .buttonGroup {\n padding: spacing.$spacing-05 spacing.$spacing-06;\n background-color: $ui-02;\n}\n\n.buttonGroup button {\n max-width: none;\n width: 50%;\n height: spacing.$spacing-10;\n align-items: flex-start;\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","//\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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:""}]),r.locals={medicationDispenseReviewContainer:"-esm-dispensing__medication-dispense-review__medicationDispenseReviewContainer___b9ZuZ",dispenseDetailsContainer:"-esm-dispensing__medication-dispense-review__dispenseDetailsContainer___DjhAn",substitutionReason:"-esm-dispensing__medication-dispense-review__substitutionReason___efxL5",substitutionType:"-esm-dispensing__medication-dispense-review__substitutionType___dK+H9",productiveHeading02:"-esm-dispensing__medication-dispense-review__productiveHeading02___++vqK",formGroup:"-esm-dispensing__medication-dispense-review__formGroup___KjyuB",formWrapper:"-esm-dispensing__medication-dispense-review__formWrapper___NIVKI",patientInfo:"-esm-dispensing__medication-dispense-review__patientInfo___BsSmN",buttonGroup:"-esm-dispensing__medication-dispense-review__buttonGroup___3zwj4"};const s=r},8404:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__medication-event__medicationName___S4P0B{font-size:15px !important}.-esm-dispensing__medication-event__bodyLong01___SfU-3{font-size:13px !important}.-esm-dispensing__medication-event__dosage___foiIZ,.-esm-dispensing__medication-event__quantity___SLQEY,.-esm-dispensing__medication-event__refills___5LLBD{color:#525252;font-weight:bold}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/medication-event.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CClDF,2DACE,yBAAA,CAGF,uDACE,yBAAA,CAGF,4JACE,aAAA,CACA,gBAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n\n.medicationName {\n font-size: 15px !important;\n}\n\n.bodyLong01 {\n font-size: 13px !important;\n}\n\n.dosage, .quantity, .refills {\n color: #525252;\n font-weight: bold;\n}\n"],sourceRoot:""}]),r.locals={medicationName:"-esm-dispensing__medication-event__medicationName___S4P0B",bodyLong01:"-esm-dispensing__medication-event__bodyLong01___SfU-3",dosage:"-esm-dispensing__medication-event__dosage___foiIZ",quantity:"-esm-dispensing__medication-event__quantity___SLQEY",refills:"-esm-dispensing__medication-event__refills___5LLBD"};const s=r},6002:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__forms__productiveHeading02___lL\\+Tg,.-esm-dispensing__forms__formGroup___VFSOs span{color:#525252;font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formWrapper___AYjwb{background-color:#f4f4f4}.omrs-breakpoint-gt-tablet .-esm-dispensing__forms__formWrapper___AYjwb{background-color:#fff}.-esm-dispensing__forms__formGroup___VFSOs{display:flex;margin-bottom:.25rem;padding:1rem}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formGroup___VFSOs>span{flex:1}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formGroup___VFSOs>div{flex:3}.-esm-dispensing__forms__bannerLoading___Fa3rm{width:100%;display:flex;justify-content:center}.-esm-dispensing__forms__patientInfo___Vdbqm{position:sticky;z-index:1000;background-color:#fff;top:3rem;overflow-y:auto}.-esm-dispensing__forms__dateTimeContainer___2UlhX{display:flex;margin:1rem 0}.-esm-dispensing__forms__timePickersContainer___I\\+jtq,.-esm-dispensing__forms__frequencyAndDay___oZCya{display:flex}.-esm-dispensing__forms__timePickersContainer___I\\+jtq>div,.-esm-dispensing__forms__frequencyAndDay___oZCya>div{margin-right:.5rem}.-esm-dispensing__forms__datePickerControl___gU9tY{display:flex;flex-direction:column}.-esm-dispensing__forms__datePickerControl___gU9tY>div{margin-bottom:1rem}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__formGroup___VFSOs{flex-direction:row}.omrs-breakpoint-gt-tablet .-esm-dispensing__forms__formGroup___VFSOs{flex-direction:column}.-esm-dispensing__forms__buttonGroup___5ML3D{display:flex;position:sticky;bottom:0;width:100%}.omrs-breakpoint-lt-desktop .-esm-dispensing__forms__buttonGroup___5ML3D{padding:1rem 1.5rem;background-color:#fff}.-esm-dispensing__forms__buttonGroup___5ML3D button{max-width:none;width:50%;height:4rem;align-items:flex-start}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl{display:flex;width:fit-content;justify-content:flex-end;align-items:center;width:60%}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button{background-color:#fff}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div button:first-child{border-top:1px solid #a6c8ff;border-bottom:1px solid #a6c8ff;border-left:1px solid #a6c8ff;border-right:none;border-radius:.25rem 0 0px .25rem}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div button:last-child{border-top:1px solid #a6c8ff;border-bottom:1px solid #a6c8ff;border-right:1px solid #a6c8ff;border-left:none;border-radius:0px .25rem .25rem 0px}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true],.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true]:first-child{background-color:#edf5ff;color:#0f62fe;border-color:#0f62fe;border-right:1px solid #0f62fe}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true],.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true]:last-child{background-color:#edf5ff;color:#0f62fe;border-color:#0f62fe;border-left:1px solid #0f62fe}.-esm-dispensing__forms__contentSwitcherWrapper___oTWRl>div>button[aria-selected=true]:focus{box-shadow:none}.-esm-dispensing__forms__reviewContainer___Dvr7B{margin:.8rem 0 0 0 !important}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/forms/forms.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CC/CF,sGACE,aAAA,CCi0BE,0DAAA,CAAA,6DAAA,CAAA,+DAAA,CAAA,iEAAA,CD7zBJ,yEACE,wBDKwB,CCF1B,wEACE,qBDjBM,CCoBR,2CACE,YAAA,CACA,oBEPW,CFQX,YEOW,CFJb,4EACE,MAAA,CAGF,2EACE,MAAA,CAOF,+CACE,UAAA,CACA,YAAA,CACA,sBAAA,CAGF,6CACE,eAAA,CACA,YAAA,CACA,qBD/CM,CCgDN,QAAA,CACA,eAAA,CAGF,mDACE,YAAA,CACA,aAAA,CAGF,wGAEE,YAAA,CAEA,gHACE,kBAAA,CAIJ,mDACE,YAAA,CACA,qBAAA,CAEA,uDACE,kBAAA,CAIJ,uEACE,kBAAA,CAGF,sEACE,qBAAA,CAGF,6CACE,YAAA,CACA,eAAA,CACA,QAAA,CACA,UAAA,CAGF,yEACE,mBAAA,CACA,qBD5FM,CC+FR,oDACE,cAAA,CACA,SAAA,CACA,WE3CW,CF4CX,sBAAA,CAGF,wDACE,YAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBAAA,CACA,SAAA,CAGF,mEACE,qBD/GM,CCkHR,+EACE,4BAAA,CACA,+BAAA,CACA,6BAAA,CACA,iBAAA,CACA,iCAAA,CAGF,8EACE,4BAAA,CACA,+BAAA,CACA,8BAAA,CACA,gBAAA,CACA,mCAAA,CAGF,0LAEE,wBDzHc,CC0Hd,aD3HgB,CC4HhB,oBD5HgB,CC6HhB,8BAAA,CAGF,yLAEE,wBDjIc,CCkId,aDnIgB,CCoIhB,oBDpIgB,CCqIhB,6BAAA,CAGF,6FACE,eAAA,CAGF,iDACE,6BAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n// TO DO Move this styles to style - guide\n// https://github.com/openmrs/openmrs-esm-core/blob/master/packages/framework/esm-styleguide/src/_vars.scss\n$color-blue-30: #a6c8ff;\n\n.productiveHeading02 {\n color: $color-gray-70;\n @include type.type-style('productive-heading-02');\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formWrapper {\n background-color: $openmrs-background-grey;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formWrapper {\n background-color: $ui-02;\n}\n\n.formGroup {\n display: flex;\n margin-bottom: spacing.$spacing-02;\n padding: spacing.$spacing-05;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>span {\n flex: 1;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup>div {\n flex: 3;\n}\n\n.formGroup span {\n @extend .productiveHeading02;\n}\n\n.bannerLoading {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.patientInfo {\n position: sticky;\n z-index: 1000;\n background-color: $ui-02;\n top: 3rem;\n overflow-y: auto;\n}\n\n.dateTimeContainer {\n display: flex;\n margin: 1rem 0;\n}\n\n.timePickersContainer,\n.frequencyAndDay {\n display: flex;\n\n >div {\n margin-right: 0.5rem;\n }\n}\n\n.datePickerControl {\n display: flex;\n flex-direction: column;\n\n >div {\n margin-bottom: 1rem;\n }\n}\n\n:global(.omrs-breakpoint-lt-desktop) .formGroup {\n flex-direction: row;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .formGroup {\n flex-direction: column;\n}\n\n.buttonGroup {\n display: flex;\n position: sticky;\n bottom: 0;\n width: 100%;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .buttonGroup {\n padding: spacing.$spacing-05 spacing.$spacing-06;\n background-color: $ui-02;\n}\n\n.buttonGroup button {\n max-width: none;\n width: 50%;\n height: spacing.$spacing-10;\n align-items: flex-start;\n}\n\n.contentSwitcherWrapper {\n display: flex;\n width: fit-content;\n justify-content: flex-end;\n align-items: center;\n width: 60%;\n}\n\n.contentSwitcherWrapper>div>button {\n background-color: $ui-02;\n}\n\n.contentSwitcherWrapper>div button:first-child {\n border-top: 1px solid $color-blue-30;\n border-bottom: 1px solid $color-blue-30;\n border-left: 1px solid $color-blue-30;\n border-right: none;\n border-radius: spacing.$spacing-02 0 0px spacing.$spacing-02;\n}\n\n.contentSwitcherWrapper>div button:last-child {\n border-top: 1px solid $color-blue-30;\n border-bottom: 1px solid $color-blue-30;\n border-right: 1px solid $color-blue-30;\n border-left: none;\n border-radius: 0px spacing.$spacing-02 spacing.$spacing-02 0px;\n}\n\n.contentSwitcherWrapper>div>button[aria-selected='true'],\n.contentSwitcherWrapper>div>button[aria-selected='true']:first-child {\n background-color: $color-blue-10;\n color: $color-blue-60-2;\n border-color: $color-blue-60-2;\n border-right: 1px solid $color-blue-60-2;\n}\n\n.contentSwitcherWrapper>div>button[aria-selected='true'],\n.contentSwitcherWrapper>div>button[aria-selected='true']:last-child {\n background-color: $color-blue-10;\n color: $color-blue-60-2;\n border-color: $color-blue-60-2;\n border-left: 1px solid $color-blue-60-2;\n}\n\n.contentSwitcherWrapper>div>button[aria-selected='true']:focus {\n box-shadow: none;\n}\n\n.reviewContainer {\n margin: 0.8rem 0 0 0 !important;\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","// 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:""}]),r.locals={productiveHeading02:"-esm-dispensing__forms__productiveHeading02___lL+Tg",formGroup:"-esm-dispensing__forms__formGroup___VFSOs",formWrapper:"-esm-dispensing__forms__formWrapper___AYjwb",bannerLoading:"-esm-dispensing__forms__bannerLoading___Fa3rm",patientInfo:"-esm-dispensing__forms__patientInfo___Vdbqm",dateTimeContainer:"-esm-dispensing__forms__dateTimeContainer___2UlhX",timePickersContainer:"-esm-dispensing__forms__timePickersContainer___I+jtq",frequencyAndDay:"-esm-dispensing__forms__frequencyAndDay___oZCya",datePickerControl:"-esm-dispensing__forms__datePickerControl___gU9tY",buttonGroup:"-esm-dispensing__forms__buttonGroup___5ML3D",contentSwitcherWrapper:"-esm-dispensing__forms__contentSwitcherWrapper___oTWRl",reviewContainer:"-esm-dispensing__forms__reviewContainer___Dvr7B"};const s=r},8776:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__overlay__productiveHeading01___eK5kl{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px)}.-esm-dispensing__overlay__productiveHeading02___CQOwf{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-dispensing__overlay__productiveHeading03___TSlon{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-dispensing__overlay__productiveHeading04___T7Y7s{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-dispensing__overlay__bodyLong01___OQlS8{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-dispensing__overlay__bodyShort01___UlUk7{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-dispensing__overlay__bodyShort02___enQVi{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-dispensing__overlay__text02___ZYEU5{color:#525252}.-esm-dispensing__overlay__label01___ZXH48{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)}.-esm-dispensing__overlay__modal___S-oMb{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-dispensing__overlay__desktopOverlay___3pLHv{position:fixed;top:3rem;width:37rem;right:0;bottom:0;border-left:1px solid #a8a8a8;background-color:#f4f4f4;overflow-y:auto;height:calc(100vh - 3rem)}.-esm-dispensing__overlay__desktopOverlay___3pLHv::after{height:100%;border-left:1px solid #a8a8a8}.-esm-dispensing__overlay__tabletOverlay___h8wUe{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;background-color:#f4f4f4;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.-esm-dispensing__overlay__tabletOverlay___h8wUe::-webkit-scrollbar{width:0}.-esm-dispensing__overlay__tabletOverlay___h8wUe>div{margin-top:3rem}.-esm-dispensing__overlay__tabletOverlayHeader___u9Oeq button{background-color:#005d5d;background-color:var(--brand-01)}.-esm-dispensing__overlay__tabletOverlayHeader___u9Oeq .-esm-dispensing__overlay__headerContent___cfc8Q{color:#fff}.-esm-dispensing__overlay__desktopHeader___Os-1d{display:flex;justify-content:space-between;align-items:center;background-color:#e0e0e0;border-bottom:1px solid #a8a8a8;position:sticky;position:-webkit-sticky;width:100%;z-index:1000;top:0}.-esm-dispensing__overlay__headerContent___cfc8Q{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);padding:0 1rem;color:#161616}.-esm-dispensing__overlay__closeButton___RUxv\\+{background-color:#fff;color:#161616;fill:#161616}.omrs-breakpoint-gt-tablet .-esm-dispensing__overlay__overlayContent___T2IiG{padding:0 0 0 0;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-dispensing__overlay__overlayContent___T2IiG{padding:0 0 0 0;overflow-y:auto}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./src/forms/overlay/overlay.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CAHF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,uDCs0BI,mDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CDl0BJ,uDCk0BI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD9zBJ,uDC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,uDC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,8CCszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,+CCkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,+CC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,0CACE,aD5BQ,CC+BV,2CCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,yCACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE3CF,kDACE,cAAA,CACA,QC4CW,CD3CX,WAAA,CACA,OAAA,CACA,QAAA,CACA,6BAAA,CACA,wBHZM,CGaN,eAAA,CACA,yBAAA,CAGF,yDACE,WAAA,CACA,6BAAA,CAGF,iDACE,cAAA,CACA,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,YAAA,CACA,wBH7BM,CG8BN,iBAAA,CACA,uBAAA,CACA,oBAAA,CAEA,oEACE,OAAA,CAGF,qDACE,eCYS,CDPX,8DHNA,wBAAA,CACA,gCAAA,CGSA,wGACE,UHhDI,CGoDR,iDACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,wBHvDM,CGwDN,+BAAA,CACA,eAAA,CACA,uBAAA,CACA,UAAA,CACA,YAAA,CACA,KAAA,CAGF,iDDwwBI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CCtwBF,cAAA,CACA,aHjEM,CGoER,gDACE,qBHlEc,CGmEd,aHtEM,CGuEN,YHvEM,CG4EN,6EACE,eAAA,CACA,eAAA,CAMF,8EACE,eAAA,CACA,eAAA",sourcesContent:["$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}\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/styles/scss/spacing\';\n@use \'@carbon/styles/scss/type\';\n@import \'~@openmrs/esm-styleguide/src/vars\';\n\n.productiveHeading01 {\n @include type.type-style("heading-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-02");\n}\n\n.productiveHeading03 {\n @include type.type-style("heading-03");\n}\n\n.productiveHeading04 {\n @include type.type-style("heading-04");\n}\n\n.bodyLong01 {\n @include type.type-style("body-01");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.bodyShort02 {\n @include type.type-style("body-compact-02");\n}\n\n.text02 {\n color: $text-02;\n}\n\n.label01 {\n @include type.type-style("label-01")\n}\n\n.modal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n display: grid;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n justify-items: center;\n align-items: center;\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '../../root.scss';\n\n.desktopOverlay {\n position: fixed;\n top: spacing.$spacing-09;\n width: 37rem;\n right: 0;\n bottom: 0;\n border-left: 1px solid $text-03;\n background-color: $ui-01;\n overflow-y: auto;\n height: calc(100vh - 3rem);\n}\n\n.desktopOverlay::after {\n height: 100%;\n border-left: 1px solid $text-03;\n}\n\n.tabletOverlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n background-color: $ui-01;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &>div {\n margin-top: spacing.$spacing-09;\n }\n}\n\n.tabletOverlayHeader {\n button {\n @include brand-01(background-color);\n }\n\n .headerContent {\n color: $ui-02;\n }\n}\n\n.desktopHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: $ui-03;\n border-bottom: 1px solid $text-03;\n position: sticky;\n position: -webkit-sticky;\n width: 100%;\n z-index: 1000;\n top: 0;\n}\n\n.headerContent {\n @include type.type-style('heading-compact-02');\n padding: 0 spacing.$spacing-05;\n color: $ui-05;\n}\n\n.closeButton {\n background-color: $ui-background;\n color: $ui-05;\n fill: $ui-05;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .overlayContent {\n padding: 0 0 0 0;\n overflow-y: auto;\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .overlayContent {\n padding: 0 0 0 0;\n overflow-y: auto;\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:""}]),r.locals={productiveHeading01:"-esm-dispensing__overlay__productiveHeading01___eK5kl",productiveHeading02:"-esm-dispensing__overlay__productiveHeading02___CQOwf",productiveHeading03:"-esm-dispensing__overlay__productiveHeading03___TSlon",productiveHeading04:"-esm-dispensing__overlay__productiveHeading04___T7Y7s",bodyLong01:"-esm-dispensing__overlay__bodyLong01___OQlS8",bodyShort01:"-esm-dispensing__overlay__bodyShort01___UlUk7",bodyShort02:"-esm-dispensing__overlay__bodyShort02___enQVi",text02:"-esm-dispensing__overlay__text02___ZYEU5",label01:"-esm-dispensing__overlay__label01___ZXH48",modal:"-esm-dispensing__overlay__modal___S-oMb",desktopOverlay:"-esm-dispensing__overlay__desktopOverlay___3pLHv",tabletOverlay:"-esm-dispensing__overlay__tabletOverlay___h8wUe",tabletOverlayHeader:"-esm-dispensing__overlay__tabletOverlayHeader___u9Oeq",headerContent:"-esm-dispensing__overlay__headerContent___cfc8Q",desktopHeader:"-esm-dispensing__overlay__desktopHeader___Os-1d",closeButton:"-esm-dispensing__overlay__closeButton___RUxv+",overlayContent:"-esm-dispensing__overlay__overlayContent___T2IiG"};const s=r},9736:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l{max-width:80%}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form{display:flex;flex-flow:row wrap;align-items:center}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form input{vertical-align:middle;margin:0 10px 0 0;padding:10px;border:1px solid #8d8d8d !important;background-color:#fff}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form button{width:90px;height:20px;min-height:2.5rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l form .cds--btn--ghost{width:8rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l .-esm-dispensing__history-and-comments__requestTile___tV2US{width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid var(--brand-03);color:#525252;margin-bottom:1rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l .-esm-dispensing__history-and-comments__dispenseTile___Pc-Pr{width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid red;color:#525252;margin-bottom:1rem !important}.-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l .-esm-dispensing__history-and-comments__medicationEventActionMenu___ejiqe{float:right}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/history/history-and-comments.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,4EACE,aAAA,CAEA,iFACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,uFACE,qBAAA,CACA,iBAAA,CACA,YAAA,CACA,mCAAA,CACA,qBAAA,CAEF,wFACE,UAAA,CACA,WAAA,CACA,4BAAA,CAGF,kGACE,qBAAA,CAGF,wIACE,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qCAAA,CACA,aD/BM,CCgCN,6BAAA,CAGF,yIACE,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,yBAAA,CACA,aDzCM,CC0CN,6BAAA,CAGF,sJACE,WAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n.historyAndCommentsContainer {\n max-width: 80%;\n\n form {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n }\n\n form input {\n vertical-align: middle;\n margin: 0 10px 0 0;\n padding: 10px;\n border: 1px solid #8d8d8d !important;\n background-color: white;\n }\n form button {\n width: 90px;\n height: 20px;\n min-height: 2.5rem !important;\n }\n\n form :global(.cds--btn--ghost) {\n width: 8rem !important;\n }\n\n .requestTile {\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid var(--brand-03);\n color: $text-02;\n margin-bottom: 1rem !important;\n }\n\n .dispenseTile {\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid red;\n color: $text-02;\n margin-bottom: 1rem !important;\n }\n\n .medicationEventActionMenu {\n float: right;\n }\n\n}\n\n\n"],sourceRoot:""}]),r.locals={historyAndCommentsContainer:"-esm-dispensing__history-and-comments__historyAndCommentsContainer___LN9-l",requestTile:"-esm-dispensing__history-and-comments__requestTile___tV2US",dispenseTile:"-esm-dispensing__history-and-comments__dispenseTile___Pc-Pr",medicationEventActionMenu:"-esm-dispensing__history-and-comments__medicationEventActionMenu___ejiqe"};const s=r},8488:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__pharmacy-header__header___SqCly{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;height:6rem;background-color:#fff;display:flex;justify-content:space-between}.-esm-dispensing__pharmacy-header__left-justified-items___khP2f{display:flex;flex-direction:row;align-items:center;margin-left:.75rem}.-esm-dispensing__pharmacy-header__right-justified-items___JXp8x{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;padding-top:1rem}.-esm-dispensing__pharmacy-header__page-name___skDRq{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-dispensing__pharmacy-header__page-labels___9zKm2{margin-left:1rem}.-esm-dispensing__pharmacy-header__page-labels___9zKm2 p:first-of-type{margin-bottom:.25rem}.-esm-dispensing__pharmacy-header__date-and-location___X19rr{display:flex;justify-content:flex-end;align-items:center;margin-right:1rem}.-esm-dispensing__pharmacy-header__value___KSx0o{margin-left:.25rem}.-esm-dispensing__pharmacy-header__middot___mO9w-{margin:0 .5rem}.-esm-dispensing__pharmacy-header__view___rdi8M{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)}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/pharmacy-header/pharmacy-header.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,kDCs0BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDp0BF,aDDQ,CCER,WE2DW,CF1DX,qBDPM,CCQN,YAAA,CACA,6BAAA,CAGF,gEACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CAGF,iECszBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDpzBF,aDjBQ,CCkBR,gBAAA,CAGF,qDCgzBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CD5yBJ,uDACE,gBAAA,CACA,uEACE,oBAAA,CAIJ,6DACE,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,iBAAA,CAGF,iDACE,kBAAA,CAGF,kDACE,cAAA,CAGF,gDCsxBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.header {\n @include type.type-style('body-compact-02');\n color: $text-02;\n height: spacing.$spacing-12;\n background-color: $ui-02;\n display: flex;\n justify-content: space-between;\n}\n\n.left-justified-items {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-left: 0.75rem;\n}\n\n.right-justified-items {\n @include type.type-style('body-compact-02');\n color: $text-02;\n padding-top: 1rem;\n}\n\n.page-name {\n @include type.type-style('heading-04');\n}\n\n.page-labels {\n margin-left: 1rem;\n p:first-of-type {\n margin-bottom: 0.25rem;\n }\n}\n\n.date-and-location {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-right: 1rem;\n}\n\n.value {\n margin-left: 0.25rem;\n}\n\n.middot {\n margin: 0 0.5rem;\n}\n\n.view {\n @include type.type-style('label-01');\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","// 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:""}]),r.locals={header:"-esm-dispensing__pharmacy-header__header___SqCly","left-justified-items":"-esm-dispensing__pharmacy-header__left-justified-items___khP2f","right-justified-items":"-esm-dispensing__pharmacy-header__right-justified-items___JXp8x","page-name":"-esm-dispensing__pharmacy-header__page-name___skDRq","page-labels":"-esm-dispensing__pharmacy-header__page-labels___9zKm2","date-and-location":"-esm-dispensing__pharmacy-header__date-and-location___X19rr",value:"-esm-dispensing__pharmacy-header__value___KSx0o",middot:"-esm-dispensing__pharmacy-header__middot___mO9w-",view:"-esm-dispensing__pharmacy-header__view___rdi8M"};const s=r},583:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__prescription-details__prescriptionTile___wvAJ0{width:100%;margin:2px 0 8px;padding:0 8px 0 8px;background-color:#fff;border-left:4px solid var(--brand-03);color:#525252;margin-bottom:1rem !important}.-esm-dispensing__prescription-details__prescriptionContainer___g0U1R{display:flex;flex-direction:column;max-width:80%;margin-bottom:1rem}.-esm-dispensing__prescription-details__prescriptionContainer___g0U1R.cds--tile{min-height:3rem !important;padding-left:10px !important}.-esm-dispensing__prescription-details__prescriptionContainer___g0U1R>.cds--tile{min-height:3rem !important;padding-left:10px !important;margin:auto}.-esm-dispensing__prescription-details__allergiesTile___YUpd1{width:100%;height:24px;padding:0 8px 0 0;border-left:4px solid #f1c21b;background-color:rgba(253,209,58,.3);margin:auto}.-esm-dispensing__prescription-details__allergesContent___OgvXG{margin:auto;padding-top:10px}.-esm-dispensing__prescription-details__allergesContent___OgvXG div{display:flex;flex-direction:row}.-esm-dispensing__prescription-details__allergesContent___OgvXG p{margin-left:10px;font-size:.9rem;width:80%}.-esm-dispensing__prescription-details__allergesContent___OgvXG a{margin:auto;color:#0f62fe;text-decoration:none;text-align:right}svg.-esm-dispensing__prescription-details__allergiesIcon___JMdna{fill:#f1c21b;vertical-align:middle}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/prescriptions/prescription-details.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,iEACE,UAAA,CACA,gBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qCAAA,CACA,aDLQ,CCMR,6BAAA,CAGF,sEACE,YAAA,CACA,qBAAA,CACA,aAAA,CACA,kBAAA,CAEA,gFACE,0BAAA,CACA,4BAAA,CAIJ,iFACE,0BAAA,CACA,4BAAA,CACA,WAAA,CAGF,8DACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,6BAAA,CACA,oCAAA,CACA,WAAA,CAGF,gEACE,WAAA,CACA,gBAAA,CAEA,oEACE,YAAA,CACA,kBAAA,CAGF,kEACE,gBAAA,CACA,eAAA,CACA,SAAA,CAGF,kEACE,WAAA,CACA,aAAA,CACA,oBAAA,CACA,gBAAA,CAIJ,iEACE,YAAA,CACA,qBAAA",sourcesContent:["$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}\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 '../../node_modules/@carbon/styles/scss/spacing';\n@use '../../node_modules/@carbon/styles/scss/type/index';\n@import \"../../node_modules/@openmrs/esm-styleguide/src/vars\";\n\n.prescriptionTile {\n width: 100%;\n margin: 2px 0 8px;\n padding: 0 8px 0 8px;\n background-color: #fff;\n border-left: 4px solid var(--brand-03);\n color: $text-02;\n margin-bottom: 1rem !important;\n}\n\n.prescriptionContainer {\n display: flex;\n flex-direction: column;\n max-width: 80%;\n margin-bottom: 1rem;\n\n &:global(.cds--tile) {\n min-height: 3rem !important;\n padding-left: 10px !important;\n }\n}\n\n.prescriptionContainer > :global(.cds--tile) {\n min-height: 3rem !important;\n padding-left: 10px !important;\n margin: auto;\n}\n\n.allergiesTile {\n width: 100%;\n height: 24px;\n padding: 0 8px 0 0;\n border-left: 4px solid #f1c21b;\n background-color: rgba(253, 209, 58, 0.3);\n margin: auto;\n}\n\n.allergesContent {\n margin: auto;\n padding-top: 10px;\n\n div {\n display: flex;\n flex-direction: row;\n }\n\n p {\n margin-left: 10px;\n font-size: 0.9rem;\n width: 80%;\n }\n\n a {\n margin: auto;\n color: #0f62fe;\n text-decoration: none;\n text-align: right;\n }\n}\n\nsvg.allergiesIcon {\n fill: #f1c21b;\n vertical-align: middle;\n}\n"],sourceRoot:""}]),r.locals={prescriptionTile:"-esm-dispensing__prescription-details__prescriptionTile___wvAJ0",prescriptionContainer:"-esm-dispensing__prescription-details__prescriptionContainer___g0U1R",allergiesTile:"-esm-dispensing__prescription-details__allergiesTile___YUpd1",allergesContent:"-esm-dispensing__prescription-details__allergesContent___OgvXG",allergiesIcon:"-esm-dispensing__prescription-details__allergiesIcon___JMdna"};const s=r},4511:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__prescription-expanded__expandedTabsParentContainer___zs0a7{display:flex;flex-direction:column;margin-bottom:1rem}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K{display:flex;flex-direction:row}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs{margin:1rem 0;width:20%;max-height:8rem !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tab--list{flex-direction:column !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tab-content{margin:1rem 0;width:100% !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs__nav-link{border-bottom:0 !important;border-left:3px solid #e0e0e0 !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs__nav-item--selected{border-bottom:0px !important;border-left:3px solid var(--brand-03) !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K.cds--tabs--scrollable .cds--tabs--scrollable__nav-item+.cds--tabs--scrollable__nav-item{margin-left:0rem !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K>ul{flex-direction:column !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K>ul>li button{width:12rem !important}.-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K .cds--tabs__nav-link{max-width:12rem !important}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/prescriptions/prescription-expanded.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,6EACE,YAAA,CACA,qBAAA,CACA,kBCwBW,CDrBb,uEACE,YAAA,CACA,kBAAA,CAEA,kFACE,aAAA,CACA,SAAA,CACA,0BAAA,CAGF,uFACE,gCAAA,CAGF,yFACE,aAAA,CACA,qBAAA,CAGF,4FACE,0BAAA,CACA,wCAAA,CAGF,sGACI,4BAAA,CACA,gDAAA,CAGJ,+JACE,2BAAA,CAGF,0EACE,gCAAA,CAGF,oFACE,sBAAA,CAGF,4FACE,0BAAA",sourcesContent:["$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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n\n.expandedTabsParentContainer {\n display: flex;\n flex-direction: column;\n margin-bottom: spacing.$spacing-05;\n}\n\n.expandedTabsContainer {\n display: flex;\n flex-direction: row;\n\n :global(.cds--tabs) {\n margin: 1rem 0;\n width: 20%;\n max-height: 8rem !important;\n }\n\n :global(.cds--tab--list) {\n flex-direction: column !important;\n }\n\n :global(.cds--tab-content) {\n margin: 1rem 0;\n width: 100% !important;\n }\n\n :global(.cds--tabs__nav-link) {\n border-bottom: 0 !important;\n border-left: 3px solid $ui-03 !important;\n }\n\n :global(.cds--tabs__nav-item--selected) {\n border-bottom: 0px !important;\n border-left: 3px solid var(--brand-03) !important;\n }\n\n &:global(.cds--tabs--scrollable .cds--tabs--scrollable__nav-item+.cds--tabs--scrollable__nav-item) {\n margin-left: 0rem !important;\n }\n\n >ul {\n flex-direction: column !important;\n }\n\n >ul>li button {\n width: 12rem !important;\n }\n\n :global(.cds--tabs__nav-link) {\n max-width: 12rem !important;\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:""}]),r.locals={expandedTabsParentContainer:"-esm-dispensing__prescription-expanded__expandedTabsParentContainer___zs0a7",expandedTabsContainer:"-esm-dispensing__prescription-expanded__expandedTabsContainer___3zE2K"};const s=r},9803:(e,n,t)=>{t.d(n,{Z:()=>s});var i=t(4015),a=t.n(i),o=t(3645),r=t.n(o)()(a());r.push([e.id,':root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-dispensing__prescriptions__productiveHeading01___dogtN{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px)}.-esm-dispensing__prescriptions__productiveHeading02___gjwi\\+{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-dispensing__prescriptions__productiveHeading03___cx0BG{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-dispensing__prescriptions__productiveHeading04___GvlBM{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-dispensing__prescriptions__bodyLong01___LKG7k{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-dispensing__prescriptions__bodyShort01___nIOkA{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-dispensing__prescriptions__bodyShort02___\\+FkDH{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-dispensing__prescriptions__text02___GreNi{color:#525252}.-esm-dispensing__prescriptions__label01___HdsaA{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)}.-esm-dispensing__prescriptions__modal___6Bztk{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}title{width:6.938rem;height:1.75rem;margin:.438rem 22.875rem .813rem 0;font-family:IBMPlexSans;font-size:1.25rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal}.-esm-dispensing__prescriptions__link___nh1F1{text-decoration:none}.-esm-dispensing__prescriptions__breadcrumbsSlot___s3KgQ{grid-row:1/2;grid-column:1/2}.-esm-dispensing__prescriptions__prescriptionTabsContainer___nXUfg{height:100%;width:100%}.-esm-dispensing__prescriptions__prescriptionTabsContainer___nXUfg .cds--tab-content{padding:0 !important}.-esm-dispensing__prescriptions__prescriptionTabs___3aZuw{grid-column:"span 2";padding:0 1rem}.-esm-dispensing__prescriptions__newListButton___cGpxv{width:fit-content;justify-self:end;align-self:center}.-esm-dispensing__prescriptions__tabsContainer___74mkw{background-color:#fff}.-esm-dispensing__prescriptions__tabsContainer___74mkw .cds--tabs__nav-item--selected{box-shadow:inset 0 2px 0 0 var(--brand-03) !important}.-esm-dispensing__prescriptions__tabsContainer___74mkw .cds--tab--list button{max-width:12rem !important}.-esm-dispensing__prescriptions__hiddenTabsContent___krxGf,.-esm-dispensing__prescriptions__tabs___QV2Z9 .-esm-dispensing__prescriptions__hiddenTabsContent___krxGf{display:none}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6{grid-row:3/4;grid-column:1/2;height:100%;margin:.5rem 1rem;background-color:#f4f4f4;border:.5px solid #e0e0e0}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table-container{padding-top:0 !important}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 tbody>tr>:nth-child(2){white-space:nowrap}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table td{height:unset !important}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+1) td{background-color:#fff;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6 .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td{background-color:#f4f4f4;border-bottom:1px solid #e0e0e0}.-esm-dispensing__prescriptions__searchContainer___J0rpK{display:flex;align-items:center;flex-direction:row-reverse;padding-top:.5rem}.-esm-dispensing__prescriptions__searchContainer___J0rpK .cds--search-magnifier-icon{z-index:0 !important}.-esm-dispensing__prescriptions__searchContainer___J0rpK input{background-color:#fff}.-esm-dispensing__prescriptions__addPrescriptionBtn___KF0Z3{width:10rem !important;padding:.5rem !important;margin-left:1rem;margin-right:1rem}.-esm-dispensing__prescriptions__patientSearch___4Loxt{width:25rem;border-bottom-color:#e0e0e0}.-esm-dispensing__prescriptions__locationFilter___znalM{width:25rem}.-esm-dispensing__prescriptions__search___56gcv{width:100%;max-width:16rem;background-color:#fff;border-bottom-color:#e0e0e0}',"",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss","webpack://./src/prescriptions/prescriptions.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CAHF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,6DCs0BI,mDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CDl0BJ,8DCk0BI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD9zBJ,6DC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,6DC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,oDCszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,qDCkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,sDC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,gDACE,aD5BQ,CC+BV,iDCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,+CACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE3CF,MACE,cAAA,CACA,cAAA,CACA,kCAAA,CACA,uBAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,qBAAA,CAGF,8CACE,oBAAA,CAGF,yDACE,YAAA,CACA,eAAA,CAGF,mEACE,WAAA,CACA,UAAA,CAEA,qFACE,oBAAA,CAIJ,0DACE,oBAAA,CACA,cAAA,CAGF,uDACE,iBAAA,CACA,gBAAA,CACA,iBAAA,CAGF,uDACE,qBH/CM,CGiDN,sFACE,qDAAA,CAGF,8EACE,0BAAA,CAIJ,oKACE,YAAA,CAGF,mEACE,YAAA,CACA,eAAA,CACA,WAAA,CACA,iBAAA,CACA,wBHpEM,CGqEN,yBAAA,CAEA,8FACE,wBAAA,CAGF,0FACE,kBAAA,CAGF,uFACE,uBAAA,CAGF,wIACE,qBHnFI,CGoFJ,+BAAA,CACA,4BAAA,CAGF,wIACE,wBH1FI,CG2FJ,+BAAA,CAIJ,yDACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,iBAAA,CAEA,qFACE,oBAAA,CAGF,+DACE,qBAAA,CAIJ,4DACE,sBAAA,CACA,wBAAA,CACA,gBAAA,CACA,iBAAA,CAGF,uDACE,WAAA,CACA,2BHrHM,CGwHR,wDACE,WAAA,CAGF,gDACE,UAAA,CACA,eAAA,CACA,qBHhIM,CGiIN,2BHhIM",sourcesContent:["$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}\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/styles/scss/spacing\';\n@use \'@carbon/styles/scss/type\';\n@import \'~@openmrs/esm-styleguide/src/vars\';\n\n.productiveHeading01 {\n @include type.type-style("heading-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-02");\n}\n\n.productiveHeading03 {\n @include type.type-style("heading-03");\n}\n\n.productiveHeading04 {\n @include type.type-style("heading-04");\n}\n\n.bodyLong01 {\n @include type.type-style("body-01");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.bodyShort02 {\n @include type.type-style("body-compact-02");\n}\n\n.text02 {\n color: $text-02;\n}\n\n.label01 {\n @include type.type-style("label-01")\n}\n\n.modal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n display: grid;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n justify-items: center;\n align-items: center;\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/// @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: carbon--type-scale(2),\n font-weight: carbon--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 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","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import \"~@openmrs/esm-styleguide/src/vars\";\n@import '../root.scss';\n\ntitle {\n width: 6.938rem;\n height: 1.75rem;\n margin: 0.438rem 22.875rem 0.813rem 0;\n font-family: IBMPlexSans;\n font-size: 1.25rem;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.4;\n letter-spacing: normal;\n}\n\n.link {\n text-decoration: none;\n}\n\n.breadcrumbsSlot {\n grid-row: 1 / 2;\n grid-column: 1 / 2;\n}\n\n.prescriptionTabsContainer {\n height: 100%;\n width: 100%;\n\n :global(.cds--tab-content) {\n padding: 0 !important;\n }\n}\n\n.prescriptionTabs {\n grid-column: 'span 2';\n padding: 0 spacing.$spacing-05;\n}\n\n.newListButton {\n width: fit-content;\n justify-self: end;\n align-self: center;\n}\n\n.tabsContainer {\n background-color: $ui-02;\n\n :global(.cds--tabs__nav-item--selected) {\n box-shadow: inset 0 2px 0 0 var(--brand-03) !important;\n }\n\n :global(.cds--tab--list) button {\n max-width: 12rem !important;\n }\n}\n\n.hiddenTabsContent, .tabs .hiddenTabsContent {\n display: none;\n}\n\n.patientListTableContainer {\n grid-row: 3 / 4;\n grid-column: 1 / 2;\n height: 100%;\n margin: 0.5rem spacing.$spacing-05;\n background-color: $ui-01;\n border: 0.5px solid #e0e0e0;\n\n :global(.cds--data-table-container) {\n padding-top: 0 !important;\n }\n\n tbody>tr>:nth-child(2) {\n white-space: nowrap;\n }\n\n :global(.cds--data-table td) {\n height: unset !important;\n }\n\n :global(.cds--data-table--zebra) tbody tr[data-parent-row]:nth-child(4n + 1) td {\n background-color: $ui-02;\n border-bottom: 1px solid $ui-03;\n border-top: 1px solid $ui-03;\n }\n\n :global(.cds--data-table--zebra) tbody tr[data-parent-row]:nth-child(4n + 3) td {\n background-color: $ui-01;\n border-bottom: 1px solid $ui-03;\n }\n}\n\n.searchContainer {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n padding-top: 0.5rem;\n\n :global(.cds--search-magnifier-icon) {\n z-index: 0 !important;\n }\n\n input {\n background-color: #fff;\n }\n}\n\n.addPrescriptionBtn {\n width: 10rem !important;\n padding: 0.5rem !important;\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.patientSearch {\n width: 25rem;\n border-bottom-color: $ui-03;\n}\n\n.locationFilter {\n width: 25rem;\n}\n\n.search {\n width: 100%;\n max-width: 16rem;\n background-color: $ui-02;\n border-bottom-color: $ui-03;\n}\n"],sourceRoot:""}]),r.locals={productiveHeading01:"-esm-dispensing__prescriptions__productiveHeading01___dogtN",productiveHeading02:"-esm-dispensing__prescriptions__productiveHeading02___gjwi+",productiveHeading03:"-esm-dispensing__prescriptions__productiveHeading03___cx0BG",productiveHeading04:"-esm-dispensing__prescriptions__productiveHeading04___GvlBM",bodyLong01:"-esm-dispensing__prescriptions__bodyLong01___LKG7k",bodyShort01:"-esm-dispensing__prescriptions__bodyShort01___nIOkA",bodyShort02:"-esm-dispensing__prescriptions__bodyShort02___+FkDH",text02:"-esm-dispensing__prescriptions__text02___GreNi",label01:"-esm-dispensing__prescriptions__label01___HdsaA",modal:"-esm-dispensing__prescriptions__modal___6Bztk",link:"-esm-dispensing__prescriptions__link___nh1F1",breadcrumbsSlot:"-esm-dispensing__prescriptions__breadcrumbsSlot___s3KgQ",prescriptionTabsContainer:"-esm-dispensing__prescriptions__prescriptionTabsContainer___nXUfg",prescriptionTabs:"-esm-dispensing__prescriptions__prescriptionTabs___3aZuw",newListButton:"-esm-dispensing__prescriptions__newListButton___cGpxv",tabsContainer:"-esm-dispensing__prescriptions__tabsContainer___74mkw",hiddenTabsContent:"-esm-dispensing__prescriptions__hiddenTabsContent___krxGf",tabs:"-esm-dispensing__prescriptions__tabs___QV2Z9",patientListTableContainer:"-esm-dispensing__prescriptions__patientListTableContainer___dKqZ6",searchContainer:"-esm-dispensing__prescriptions__searchContainer___J0rpK",addPrescriptionBtn:"-esm-dispensing__prescriptions__addPrescriptionBtn___KF0Z3",patientSearch:"-esm-dispensing__prescriptions__patientSearch___4Loxt",locationFilter:"-esm-dispensing__prescriptions__locationFilter___znalM",search:"-esm-dispensing__prescriptions__search___56gcv"};const s=r},9331:(e,n,t)=>{t.d(n,{FI:()=>p,HX:()=>f,IG:()=>r,Is:()=>o,JB:()=>i,Ph:()=>m,UW:()=>d,YG:()=>l,aZ:()=>g,ar:()=>u,nj:()=>s,q:()=>c}),window.getOpenmrsSpaBase;var i="".concat(window.spaBase).concat("/dispensing"),a="http://fhir.openmrs.org/ext",o=a+"/medicine",r=a+"/medicationdispense/recorded",s=a+"/medicationrequest/fullfillerstatus",l="Task: dispensing.create.dispense",p="Task: dispensing.create.dispense.allowSubstitutions",c="Task: dispensing.edit.dispense",d="Task: dispensing.delete.dispense",u="Task: dispensing.delete.dispense.ifCreator",g="application/merge-patch+json",f="Encounter?_query=encountersWithMedicationRequests",m="MedicationRequest"},2291:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Nn});var i=t(1672),a=t.n(i),o=t(883),r=t(3133),s=t(8115),l=t(1132);function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}var c={isOverlayOpen:!1,component:Function,header:""},d=function(){return(0,l.getGlobalStore)("dispensing-store",c)},u=function(e,n){d().setState({isOverlayOpen:!0,component:n,header:e})},g=function(){d().setState({component:null,isOverlayOpen:!1})},f=t(3379),m=t.n(f),y=t(7795),h=t.n(y),b=t(569),A=t.n(b),$=t(3565),_=t.n($),v=t(9216),C=t.n(v),x=t(4589),w=t.n(x),k=t(8776),z={};z.styleTagTransform=w(),z.setAttributes=_(),z.insert=A().bind(null,"head"),z.domAPI=h(),z.insertStyleElement=C(),m()(k.Z,z);const E=k.Z&&k.Z.locals?k.Z.locals:void 0;var M=t(3397);const D=function(){var e=function(){var e,n,t=(e=(0,i.useState)(),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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return p(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)?p(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.")}()),a=t[0],o=t[1];return(0,i.useEffect)((function(){var e=function(e){o(e)};e(d().getState()),d().subscribe(e)}),[]),{isOverlayOpen:null==a?void 0:a.isOverlayOpen,component:null==a?void 0:a.component,header:null==a?void 0:a.header}}(),n=e.header,t=e.component,c=e.isOverlayOpen,u=(0,l.useLayoutType)(),f=(0,M.useTranslation)().t;return a().createElement(a().Fragment,null,c&&a().createElement("div",{className:"tablet"!==u?E.desktopOverlay:E.tabletOverlay},"tablet"!==u?a().createElement("div",{className:E.desktopHeader},a().createElement("div",{className:E.headerContent},n),a().createElement(o.zxk,{className:E.closePanelButton,onClick:function(){return g()},kind:"ghost",hasIconOnly:!0},a().createElement(r.x8,{size:16}))):a().createElement(o.h4i,{onClick:function(){return g()},"aria-label":f("tabletOverlay","Tablet overlay"),className:E.tabletOverlayHeader},a().createElement(o.zxk,{hasIconOnly:!0},a().createElement(s.Xd,{size:16})),a().createElement("div",{className:E.headerContent},n)),a().createElement("div",null,t)))};var B=t(3570),T=t(2411);const S=function(){return a().createElement("svg",{width:"72",height:"72",viewBox:"0 0 62 58",xmlns:"http://www.w3.org/2000/svg"},a().createElement("defs",null,a().createElement("path",{id:"whv9q6f4ta",d:"M0 0h62v30.508H0z"}),a().createElement("path",{id:"hp71ojgcnc",d:"M0 0h24.603v26.571H0z"})),a().createElement("g",{fill:"none"},a().createElement("g",{opacity:".193",transform:"matrix(-1 0 0 1 62 26.571)"},a().createElement("path",{d:"M62 0c0 16.85-13.916 30.508-31.037 30.508S0 16.849 0 0h62z",fill:"var(--brand-03)",mask:"url(#rt0c8mo6eb)"})),a().createElement("g",{opacity:".396",transform:"matrix(-1 0 0 1 60.032 0)"},a().createElement("path",{d:"m24.603 26.571-13.35-23.51C9.592.141 5.884-.869 3.011.817.138 2.503-.855 6.272.804 9.193l9.874 17.378",fill:"var(--brand-03)",mask:"url(#hgianthqwd)"}))))};var I=t(8488),q={};q.styleTagTransform=w(),q.setAttributes=_(),q.insert=A().bind(null,"head"),q.domAPI=h(),q.insertStyleElement=C(),m()(I.Z,q);const O=I.Z&&I.Z.locals?I.Z.locals:void 0;var N=function(){var e,n=(0,M.useTranslation)().t,t=(0,l.useSession)(),i=(0,l.useConfig)(),o=null==t||null===(e=t.sessionLocation)||void 0===e?void 0:e.display;return a().createElement("div",{className:O.header},a().createElement("div",{className:O["left-justified-items"]},a().createElement(S,null),a().createElement("div",{className:O["page-labels"]},a().createElement("p",null,n("appName",i.appName)),a().createElement("p",{className:O["page-name"]},n("home","Home")))),a().createElement("div",{className:O["right-justified-items"]},a().createElement("div",{className:O["date-and-location"]},a().createElement(B.Ye,{size:16}),a().createElement("span",{className:O.value},o),a().createElement("span",{className:O.middot},"·"),a().createElement(T.f,{size:16}),a().createElement("span",{className:O.value},(0,l.formatDate)(new Date,{mode:"standard"})))))},F=t(9736),P={};P.styleTagTransform=w(),P.setAttributes=_(),P.insert=A().bind(null,"head"),P.domAPI=h(),P.insertStyleElement=C(),m()(F.Z,P);const G=F.Z&&F.Z.locals?F.Z.locals:void 0;var j,R,U,L,H=t(9734);!function(e){e.on_hold="on-hold",e.completed="completed",e.declined="declined"}(j||(j={})),function(e){e.active="active",e.cancelled="cancelled",e.completed="completed",e.expired="expired"}(R||(R={})),function(e){e.on_hold="ON_HOLD",e.declined="DECLINED",e.completed="COMPLETED"}(U||(U={})),function(e){e.active="active",e.cancelled="cancelled",e.completed="completed",e.expired="expired",e.on_hold="on-hold",e.declined="declined",e.unknown="unknown"}(L||(L={}));var W=t(9331),Z=t(2653),Y=t.n(Z);function Q(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function K(e){return function(e){if(Array.isArray(e))return Q(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return Q(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)?Q(e,n):void 0}}(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.")}()}var J="Misconfiguration, please contact your System Administrator: Can't calculate quantity dispensed if units don't match. Likely issue: allowModifyingPrescription and restrictTotalQuantityDispensed configuration parameters both set to true. Either set restrictTotalQuantityDispensed to false or set allowModifyingPrescription to false and clean up bad data.";function V(e,n){if(n&&te(e)<=0)return U.completed;var t=de(e.dispenses);return t===j.declined?U.declined:t===j.on_hold?U.on_hold:null}function X(e,n){var t=ee(e,n),i=le(e);if(t!==R.active){if(t===R.expired)return L.expired;if(t===R.completed)return L.completed;if(t===R.cancelled)return L.cancelled}return i===U.declined?L.declined:i===U.on_hold?L.on_hold:L.active}function ee(e,n){var t,i;return e.status===R.cancelled||e.status===R.completed?e.status:(null===(t=e.dispenseRequest)||void 0===t||null===(i=t.validityPeriod)||void 0===i?void 0:i.start)&&Y()(e.dispenseRequest.validityPeriod.start).isBefore(Y()().startOf("day").subtract(n,"day"))?R.expired:R.active}function ne(e,n){var t=function(e,n){if(!e||0===e.length)return null;var t=e.map((function(e){return X(e,n)}));return t.includes(L.active)?L.active:t.includes(L.on_hold)?L.on_hold:t.includes(L.completed)?L.completed:t.includes(L.declined)?L.declined:t.includes(L.cancelled)?L.cancelled:t.includes(L.expired)?L.expired:null}(e,n);return null===t?null:t===L.active?"active":t===L.on_hold?"paused":t===L.completed?"completed":t===L.declined?"closed":t===L.expired?"expired":t===L.cancelled?"cancelled":null}function te(e){if(e){if(!me([e.request].concat(K(e.dispenses))))throw new Error(J);return a=ye(n=e.request),((null===(t=n.dispenseRequest)||void 0===t||null===(i=t.quantity)||void 0===i?void 0:i.value)?n.dispenseRequest.quantity.value*(1+(a||0)):null)-function(e){if(e){if(!me(e))throw new Error(J);var n=e.map((function(e){var n,t;return(null===(n=e.quantity)||void 0===n?void 0:n.value)?null===(t=e.quantity)||void 0===t?void 0:t.value:0})).reduce((function(e,n){return e+n}),0);return n}return 0}(e.dispenses)}var n,t,i,a;return 0}function ie(e,n){return null==n?void 0:n.filter((function(n){var t;return null==n||null===(t=n.authorizingPrescription)||void 0===t?void 0:t.some((function(n){return n.reference.endsWith(e.id)}))}))}function ae(e){return e?e.find((function(e){return!("system"in e)||void 0===e.system})):null}function oe(e){var n;return null===(n=ae(e))||void 0===n?void 0:n.display}function re(e){var n;return null===(n=ae(e))||void 0===n?void 0:n.code}function se(e){var n,t;return null===(t=null==e||null===(n=e.extension)||void 0===n?void 0:n.find((function(e){return e.url===W.IG})))||void 0===t?void 0:t.valueDateTime}function le(e){var n,t;return null===(t=null==e||null===(n=e.extension)||void 0===n?void 0:n.find((function(e){return e.url===W.nj})))||void 0===t?void 0:t.valueCode}function pe(e){return e.medicationReference?e.medicationReference.display:oe(null==e?void 0:e.medicationCodeableConcept.coding)+": "+(null==e?void 0:e.medicationCodeableConcept.text)}function ce(e){return{medicationReference:e.medicationReference,medicationCodeableConcept:e.medicationCodeableConcept}}function de(e){var n=null==e?void 0:e.sort(Ae);return n&&n.length>0?n[0].status:null}function ue(e){if(!e||!e.extension)return null;var n=e.extension.find((function(e){return e.url===W.Is}));if(!n||!n.extension)return null;var t=n.extension.find((function(e){return e.url===W.Is+"#drugName"}));return t?t.valueString:null}function ge(e,n,t){return n&&(e="".concat(e,"&patientSearchTerm=").concat(n)),t&&(e="".concat(e,"&location=").concat(t)),e}function fe(e){var n;return"MedicationRequest"==e.resourceType?null===(n=e.dispenseRequest)||void 0===n?void 0:n.quantity:"MedicationDispense"==e.resourceType?e.quantity:void 0}function me(e){if(e){var n=e.map((function(e){var n;return null===(n=fe(e))||void 0===n?void 0:n.code})).filter((function(e){return e}));return!(n.length>0)||n.every((function(e){return e===n[0]}))}return!0}function ye(e){var n;return"MedicationRequest"==e.resourceType?null===(n=e.dispenseRequest)||void 0===n?void 0:n.numberOfRepeatsAllowed:null}function he(e){return(null==e?void 0:e.includes("/"))?e.split("/")[1]:e}function be(e){(0,H.JG)((function(n){return"string"==typeof n&&(n.startsWith("".concat(l.fhirBaseUrl,"/").concat(W.HX))||n.startsWith("".concat(l.fhirBaseUrl,"/").concat(W.Ph,"?encounter=").concat(e)))}))}function Ae(e,n){if(null===se(n))return 1;if(null===se(e))return-1;var t=(0,l.parseDate)(se(n)).getTime()-(0,l.parseDate)(se(e)).getTime();return 0!==t?t:e.id.localeCompare(n.id)}function $e(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function _e(e){return function(e){if(Array.isArray(e))return $e(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return $e(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)?$e(e,n):void 0}}(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.")}()}function ve(e){var n,t,i=[],a=(0,H.ZP)(function(e){return"".concat(l.fhirBaseUrl,"/").concat(W.Ph,"?encounter=").concat(e,"&_revinclude=MedicationDispense:prescription&_include=MedicationRequest:encounter")}(e),l.openmrsFetch),o=a.data,r=a.error;if(o){var s=null==o?void 0:o.data.entry,p=null==s?void 0:s.filter((function(e){var n;return"Encounter"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource}));if(p){var c;n=(0,l.parseDate)(null===(c=p[0])||void 0===c?void 0:c.period.start);var d=null==s?void 0:s.filter((function(e){var n;return"MedicationRequest"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})),u=null==s?void 0:s.filter((function(e){var n;return"MedicationDispense"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})).sort(Ae);d.every((function(e){return i.push({request:e,dispenses:ie(e,u).sort(Ae)})}))}}return t=!(i&&0!=i.length||r),{medicationRequestBundles:i,prescriptionDate:n,isError:r,isLoading:t}}function Ce(e,n){var t="".concat(l.fhirBaseUrl,"/MedicationRequest/").concat(e);return(0,l.openmrsFetch)(t,{method:"PATCH",headers:{"Content-Type":W.aZ},body:{extension:[{url:W.nj,valueCode:n}]}})}function xe(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function we(e,n,t){var i=e.id?"".concat(l.fhirBaseUrl,"/MedicationDispense/").concat(e.id):"".concat(l.fhirBaseUrl,"/MedicationDispense"),a=e.id?"PUT":"POST";return e.status=n,n===j.completed&&null===e.whenHandedOver&&(e.whenHandedOver=Y()()),n===j.completed&&null===e.whenPrepared&&(e.whenPrepared=Y()()),(0,l.openmrsFetch)(i,{method:a,signal:t.signal,headers:{"Content-Type":"application/json"},body:e})}function ke(e){var n=(0,H.ZP)("".concat(l.fhirBaseUrl,"/ValueSet/").concat(e),l.openmrsFetch).data;return n?n.data:null}function ze(e,n,t){var i,a,o,r,s,l,p,c,d,u,g={resourceType:"MedicationDispense",status:null,authorizingPrescription:[{reference:"MedicationRequest/"+e.id,type:"MedicationRequest"}],medicationReference:e.medicationReference,medicationCodeableConcept:e.medicationCodeableConcept,subject:e.subject,performer:[{actor:{reference:(null==n?void 0:n.currentProvider)?"Practitioner/".concat(n.currentProvider.uuid):""}}],location:{reference:(null==n?void 0:n.sessionLocation)?"Location/".concat(n.sessionLocation.uuid):""}};return t&&(d=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){xe(e,n,t[n])}))}return e}({},g),u=null!=(u={quantity:{value:null===(i=e.dispenseRequest)||void 0===i||null===(a=i.quantity)||void 0===a?void 0:a.value,code:null===(o=e.dispenseRequest)||void 0===o||null===(r=o.quantity)||void 0===r?void 0:r.code,unit:null===(s=e.dispenseRequest)||void 0===s||null===(l=s.quantity)||void 0===l?void 0:l.unit,system:null===(p=e.dispenseRequest)||void 0===p||null===(c=p.quantity)||void 0===c?void 0:c.system},whenPrepared:null,whenHandedOver:null,dosageInstruction:[{text:e.dosageInstruction[0].text,timing:e.dosageInstruction[0].timing,asNeededBoolean:!1,route:e.dosageInstruction[0].route,doseAndRate:e.dosageInstruction[0].doseAndRate?e.dosageInstruction[0].doseAndRate:[{doseQuantity:{value:null,code:null,unit:null}}]}],substitution:{wasSubstituted:!1,reason:[{coding:[{code:null}]}],type:{coding:[{code:null}]}}})?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(d,Object.getOwnPropertyDescriptors(u)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(u)).forEach((function(e){Object.defineProperty(d,e,Object.getOwnPropertyDescriptor(u,e))})),g=d),g}var Ee=t(8404),Me={};Me.styleTagTransform=w(),Me.setAttributes=_(),Me.insert=A().bind(null,"head"),Me.domAPI=h(),Me.insertStyleElement=C(),m()(Ee.Z,Me);const De=Ee.Z&&Ee.Z.locals?Ee.Z.locals:void 0,Be=function(e){var n,t,i,o,r,s,l,p,c,d,u=e.medicationEvent,g=e.status,f=void 0===g?null:g,m=(0,M.useTranslation)().t,y=(null==(d=u.dosageInstruction)?void 0:d.length)>0?d[0]:null,h=fe(u),b=ye(u);return a().createElement("div",null,a().createElement("p",{className:De.medicationName},f,a().createElement("strong",null,pe(ce(u)))),y&&a().createElement("p",{className:De.bodyLong01},a().createElement("span",{className:De.label01},m("dose","Dose").toUpperCase())," ",a().createElement("span",{className:De.dosage},y.doseAndRate&&(null==y?void 0:y.doseAndRate.map((function(e,n){var t,i;return a().createElement("span",{key:n},null==e||null===(t=e.doseQuantity)||void 0===t?void 0:t.value," ",null==e||null===(i=e.doseQuantity)||void 0===i?void 0:i.unit)}))))," ","— ",null==y||null===(n=y.route)||void 0===n?void 0:n.text," —"," ",null==y||null===(t=y.timing)||void 0===t||null===(i=t.code)||void 0===i?void 0:i.text," ",(null==y||null===(o=y.timing)||void 0===o||null===(r=o.repeat)||void 0===r?void 0:r.duration)?"for "+(null==y||null===(s=y.timing)||void 0===s||null===(l=s.repeat)||void 0===l?void 0:l.duration)+" "+(null==y||null===(p=y.timing)||void 0===p||null===(c=p.repeat)||void 0===c?void 0:c.durationUnit):" "),h&&a().createElement("p",{className:De.bodyLong01},a().createElement("span",{className:De.label01},m("quantity","Quantity").toUpperCase())," ",a().createElement("span",{className:De.quantity},h.value," ",h.unit)),(b||0===b)&&a().createElement("p",{className:De.bodyLong01},a().createElement("span",{className:De.label01},m("refills","Refills").toUpperCase())," ",a().createElement("span",{className:De.refills},b)),(null==y?void 0:y.text)&&a().createElement("p",{className:De.bodyLong01},y.text))};var Te=t(6002),Se={};Se.styleTagTransform=w(),Se.setAttributes=_(),Se.insert=A().bind(null,"head"),Se.domAPI=h(),Se.insertStyleElement=C(),m()(Te.Z,Se);const Ie=Te.Z&&Te.Z.locals?Te.Z.locals:void 0;var qe=t(2327),Oe=t(7591),Ne={};Ne.styleTagTransform=w(),Ne.setAttributes=_(),Ne.insert=A().bind(null,"head"),Ne.domAPI=h(),Ne.insertStyleElement=C(),m()(Oe.Z,Ne);const Fe=Oe.Z&&Oe.Z.locals?Oe.Z.locals:void 0,Pe=function(e){var n=e.medication,t=e.editAction;return a().createElement(o.n9L,{className:Fe.medicationTile},a().createElement("p",{className:Fe.medicationName},a().createElement("strong",null,pe(n))),t&&a().createElement(qe.I8,{onClick:t}))};var Ge=t(4295),je={};je.styleTagTransform=w(),je.setAttributes=_(),je.insert=A().bind(null,"head"),je.domAPI=h(),je.insertStyleElement=C(),m()(Ge.Z,je);const Re=Ge.Z&&Ge.Z.locals?Ge.Z.locals:void 0;function Ue(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function Le(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function He(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){Le(e,n,t[n])}))}return e}function We(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function Ze(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||Qe(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 Ye(e){return function(e){if(Array.isArray(e))return Ue(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Qe(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.")}()}function Qe(e,n){if(e){if("string"==typeof e)return Ue(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)?Ue(e,n):void 0}}const Ke=function(e){var n,t,r,s,p,c,d,u,g,f,m,y,h,b,A,$,_,v,C,x,w=e.medicationDispense,k=e.updateMedicationDispense,z=e.quantityRemaining,E=(0,M.useTranslation)().t,D=(0,l.useConfig)(),B=(0,l.useSession)(),T=Ze((0,i.useState)(!1),2),S=T[0],I=T[1],q=Ze((0,i.useState)(!1),2),O=q[0],N=q[1],F=Ze((0,i.useState)([]),2),P=F[0],G=F[1],j=Ze((0,i.useState)([]),2),R=j[0],U=j[1],L=Ze((0,i.useState)([]),2),Z=L[0],Y=L[1],Q=Ze((0,i.useState)([]),2),K=Q[0],J=Q[1],V=Ze((0,i.useState)([]),2),X=V[0],ee=V[1],ne=Ze((0,i.useState)([]),2),te=ne[0],ie=ne[1],ae=Ze((0,i.useState)(!1),2),oe=ae[0],se=ae[1],le="tablet"===(0,l.useLayoutType)(),pe=function(){var e=(0,H.ZP)("/ws/rest/v1/orderentryconfig",l.openmrsFetch),n=e.data,t=e.error,i=e.isValidating;return{orderConfigObject:n?n.data:null,isLoading:!n&&!t,isError:t,isValidating:i}}().orderConfigObject,de=(x=D.valueSets.substitutionType.uuid,{substitutionTypeValueSet:ke(x)}).substitutionTypeValueSet,ge=function(e){return{substitutionReasonValueSet:ke(e)}}(D.valueSets.substitutionReason.uuid).substitutionReasonValueSet,fe=D.dispenseBehavior.allowModifyingPrescription;(0,i.useEffect)((function(){if(pe){var e=Z.map((function(e){return e.id})),n=[];pe.drugRoutes.forEach((function(t){return e.includes(t.uuid)||n.push({id:t.uuid,text:t.display})})),Y(Ye(Z).concat(Ye(n)));var t=P.map((function(e){return e.id})),i=[];pe.drugDosingUnits.forEach((function(e){return t.includes(e.uuid)||i.push({id:e.uuid,text:e.display})})),G(Ye(P).concat(Ye(i)));var a=R.map((function(e){return e.id})),o=[];pe.drugDispensingUnits.forEach((function(e){return a.includes(e.uuid)||o.push({id:e.uuid,text:e.display})})),U(Ye(R).concat(Ye(o)));var r=K.map((function(e){return e.id})),s=[];pe.orderFrequencies.forEach((function(e){return r.includes(e.uuid)||s.push({id:e.uuid,text:e.display})})),J(Ye(K).concat(Ye(s)))}}),[pe]),(0,i.useEffect)((function(){var e,n=[];if(null==de||null===(e=de.compose)||void 0===e?void 0:e.include){var t,i=de.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}ee(n)}),[de]),(0,i.useEffect)((function(){var e,n=[];if(null==ge||null===(e=ge.compose)||void 0===e?void 0:e.include){var t,i=ge.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}ie(n)}),[ge]);var me,ye,he,be=re(null===(n=ce(w))||void 0===n||null===(t=n.medicationCodeableConcept)||void 0===t?void 0:t.coding),Ae=function(e,n){var t=(0,H.ZP)(e||!n?null:"".concat(l.fhirBaseUrl,"/").concat(n),l.openmrsFetch).data;return{medicationCodeableConceptUuid:t?re(t.data.code.coding):null}}(be,null===(r=ce(w).medicationReference)||void 0===r?void 0:r.reference).medicationCodeableConceptUuid,$e=(me=be||Ae||null,he=(0,H.ZP)(me?(ye=me,"".concat(l.fhirBaseUrl,"/Medication?code=").concat(ye)):null,l.openmrsFetch).data,he?{medicationFormulations:he.data.entry.map((function(e){return e.resource}))}:{}).medicationFormulations,_e=function(e){e=e?e.startsWith("MedicationRequest")?e:"MedicationRequest/".concat(e):null;var n=(0,H.ZP)(e?"".concat(l.fhirBaseUrl,"/").concat(e):null,l.openmrsFetch).data;return{medicationRequest:n?n.data:null}}(w.authorizingPrescription?w.authorizingPrescription[0].reference:null).medicationRequest;return(0,i.useEffect)((function(){var e,n;(null==_e||null===(e=_e.medicationReference)||void 0===e?void 0:e.reference)&&(null==w||null===(n=w.medicationReference)||void 0===n?void 0:n.reference)&&_e.medicationReference.reference!=w.medicationReference.reference?(N(!0),k(We(He({},w),{substitution:We(He({},w.substitution),{wasSubstituted:!0})}))):(N(!1),k(We(He({},w),{substitution:{wasSubstituted:!1,reason:[{coding:[{code:null}]}],type:{coding:[{code:null}]}}})))}),[w.medicationReference,null==_e?void 0:_e.medicationReference]),(0,i.useEffect)((function(){se((null==B?void 0:B.user)&&(0,l.userHasAccess)(W.FI,B.user))}),[B]),a().createElement("div",{className:Re.medicationDispenseReviewContainer},S?a().createElement(o.Ltx,{id:"medicationFormulation",light:le,items:$e,itemToString:function(e){return ue(e)},initialSelectedItem:He({},null==$e?void 0:$e.find((function(e){var n;return e.id===(null===(n=w.medicationReference)||void 0===n?void 0:n.reference.split("/")[1])}))),onChange:function(e){var n=e.selectedItem;k(We(He({},w),{medicationCodeableConcept:void 0,medicationReference:{reference:"Medication/"+(null==n?void 0:n.id),display:ue(n)}})),I(!1)},required:!0}):a().createElement(Pe,{medication:ce(w),editAction:oe&&fe?function(){return I(!0)}:null}),O&&a().createElement("div",{className:Re.dispenseDetailsContainer},a().createElement(o.CtY,{className:Re.substitutionType,id:"substitutionType",light:le,items:X,titleText:E("substitutionType","Type of substitution"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(p=null===(s=w.substitution.type)||void 0===s?void 0:s.coding[0])||void 0===p?void 0:p.code,text:null===(c=w.substitution.type)||void 0===c?void 0:c.text},onChange:function(e){var n=e.selectedItem;k(We(He({},w),{substitution:We(He({},w.substitution),{type:{coding:[{code:null==n?void 0:n.id}]}})}))}})),O&&a().createElement("div",{className:Re.dispenseDetailsContainer},a().createElement(o.CtY,{className:Re.substitutionReason,id:"substitutionReason",light:le,items:te,titleText:E("substitutionReason","Reason for substitution"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(u=null===(d=w.substitution.reason[0])||void 0===d?void 0:d.coding[0])||void 0===u?void 0:u.code,text:null===(g=w.substitution.reason[0])||void 0===g?void 0:g.text},onChange:function(e){var n=e.selectedItem;k(We(He({},w),{substitution:We(He({},w.substitution),{reason:[{coding:[{code:null==n?void 0:n.id}]}]})}))}})),a().createElement("div",{className:Re.dispenseDetailsContainer},a().createElement(o.Y2U,{allowEmpty:!1,disabled:!oe,hideSteppers:!0,id:"quantity",invalidText:E("numberIsNotValid","Number is not valid"),label:E("quantity","Quantity")+(D.dispenseBehavior.restrictTotalQuantityDispensed?" ("+E("maxQuantityRemaining","Maximum quantity remaining:")+" "+z+")":""),min:0,max:D.dispenseBehavior.restrictTotalQuantityDispensed?z:void 0,value:w.quantity.value,onChange:function(e){var n;k(We(He({},w),{quantity:We(He({},w.quantity),{value:(null===(n=e.target)||void 0===n?void 0:n.value)?parseFloat(e.target.value):""})}))}}),a().createElement(o.CtY,{id:"quantityUnits",disabled:!oe||!fe,light:le,items:R,titleText:E("drugDispensingUnit","Dispensing unit"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:w.quantity.code,text:w.quantity.unit},onChange:function(e){var n=e.selectedItem;k(We(He({},w),{quantity:{value:w.quantity.value,code:null==n?void 0:n.id}}))},required:!0})),a().createElement("div",{className:Re.dispenseDetailsContainer},a().createElement(o.Y2U,{allowEmpty:!1,disabled:!oe||!fe,hideSteppers:!0,id:"dosingQuanity",invalidText:E("numberIsNotValid","Number is not valid"),min:0,label:E("dose","Dose"),value:w.dosageInstruction[0].doseAndRate[0].doseQuantity.value,onChange:function(e){var n;k(We(He({},w),{dosageInstruction:[We(He({},w.dosageInstruction[0]),{doseAndRate:[We(He({},w.dosageInstruction[0].doseAndRate[0]),{doseQuantity:We(He({},w.dosageInstruction[0].doseAndRate[0].doseQuantity),{value:(null===(n=e.target)||void 0===n?void 0:n.value)?parseFloat(e.target.value):""})})]})]}))}}),a().createElement(o.CtY,{id:"dosingUnits",disabled:!oe||!fe,light:le,items:P,titleText:E("doseUnit","Dose unit"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(f=w.dosageInstruction[0].doseAndRate[0].doseQuantity)||void 0===f?void 0:f.code,text:null===(m=w.dosageInstruction[0].doseAndRate[0].doseQuantity)||void 0===m?void 0:m.unit},onChange:function(e){var n,t=e.selectedItem;k(We(He({},w),{dosageInstruction:[We(He({},w.dosageInstruction[0]),{doseAndRate:[{doseQuantity:{value:null===(n=w.dosageInstruction[0].doseAndRate[0].doseQuantity)||void 0===n?void 0:n.value,code:null==t?void 0:t.id}}]})]}))},required:!0}),a().createElement(o.CtY,{id:"editRoute",disabled:!oe||!fe,light:le,items:Z,initialSelectedItem:{id:null===(h=null===(y=w.dosageInstruction[0].route)||void 0===y?void 0:y.coding[0])||void 0===h?void 0:h.code,text:null===(b=w.dosageInstruction[0].route)||void 0===b?void 0:b.text},titleText:E("route","Route"),itemToString:function(e){return null==e?void 0:e.text},onChange:function(e){var n=e.selectedItem;k(We(He({},w),{dosageInstruction:[We(He({},w.dosageInstruction[0]),{route:{coding:[{code:null==n?void 0:n.id}]}})]}))},required:!0})),a().createElement(o.CtY,{id:"frequency",disabled:!oe||!fe,light:le,items:K,initialSelectedItem:{id:null===(_=null===(A=w.dosageInstruction[0].timing)||void 0===A||null===($=A.code)||void 0===$?void 0:$.coding[0])||void 0===_?void 0:_.code,text:null===(v=w.dosageInstruction[0].timing)||void 0===v||null===(C=v.code)||void 0===C?void 0:C.text},titleText:E("frequency","Frequency"),itemToString:function(e){return null==e?void 0:e.text},onChange:function(e){var n=e.selectedItem;k(We(He({},w),{dosageInstruction:[We(He({},w.dosageInstruction[0]),{timing:We(He({},w.dosageInstruction[0].timing),{code:{coding:[{code:null==n?void 0:n.id}]}})})]}))},required:!0}),a().createElement(o.Kx8,{labelText:E("patientInstructions","Patient instructions"),value:w.dosageInstruction[0].text,maxLength:65535,onChange:function(e){k(We(He({},w),{dosageInstruction:[We(He({},w.dosageInstruction[0]),{text:e.target.value})]}))}}))};function Je(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function Ve(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Je(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)?Je(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.")}()}const Xe=function(e){var n=e.medicationDispense,t=e.medicationRequestBundle,r=e.mode,s=e.patientUuid,p=e.encounterUuid,c=e.quantityRemaining,d=(0,M.useTranslation)().t,u=((0,l.useLayoutType)(),(0,l.usePatient)(s)),f=u.patient,m=u.isLoading,y=(0,l.useConfig)(),h=Ve((0,i.useState)(),2),b=h[0],A=h[1],$=Ve((0,i.useState)(!1),2),_=$[0],v=$[1],C=Ve((0,i.useState)(!1),2),x=C[0],w=C[1];(0,i.useEffect)((function(){return A(n)}),[n]),(0,i.useEffect)((function(){var e,n,t,i,a,o,r,s,l,p,d,u,g,f,m;b&&(null===(e=b.quantity)||void 0===e?void 0:e.value)&&(!c||(null==b||null===(n=b.quantity)||void 0===n?void 0:n.value)<=c)&&(null===(t=b.quantity)||void 0===t?void 0:t.code)&&(null===(a=null===(i=b.dosageInstruction[0])||void 0===i?void 0:i.doseAndRate[0])||void 0===a||null===(o=a.doseQuantity)||void 0===o?void 0:o.value)&&(null===(s=null===(r=b.dosageInstruction[0])||void 0===r?void 0:r.doseAndRate[0])||void 0===s||null===(l=s.doseQuantity)||void 0===l?void 0:l.code)&&(null===(p=b.dosageInstruction[0])||void 0===p||null===(d=p.route)||void 0===d?void 0:d.coding[0].code)&&(null===(u=b.dosageInstruction[0])||void 0===u||null===(g=u.timing)||void 0===g?void 0:g.code.coding[0].code)&&(!b.substitution.wasSubstituted||(null===(f=b.substitution.reason[0])||void 0===f?void 0:f.coding[0].code)&&(null===(m=b.substitution.type)||void 0===m?void 0:m.coding[0].code))?v(!0):v(!1)}),[b,c]);var k=(0,i.useMemo)((function(){if(f)return{patient:f,patientUuid:s,hideActionsOverflow:!0}}),[f,s]);return a().createElement("div",{className:""},a().createElement("div",{className:Ie.formWrapper},m&&a().createElement(o.lSo,{className:Ie.bannerLoading,iconDescription:"Loading",description:"Loading banner",status:"active"}),f&&a().createElement(l.ExtensionSlot,{name:"patient-header-slot",state:k}),a().createElement("section",{className:Ie.formGroup},a().createElement(o.lXp,null,d(y.dispenseBehavior.allowModifyingPrescription?"drugHelpText":"drugHelpTextNoEdit",y.dispenseBehavior.allowModifyingPrescription?"You may edit the formulation and quantity dispensed here":"You may edit quantity dispensed here")),b?a().createElement(Ke,{medicationDispense:b,updateMedicationDispense:A,quantityRemaining:c}):null),a().createElement("section",{className:Ie.buttonGroup},a().createElement(o.zxk,{disabled:x,onClick:function(){return g()},kind:"secondary"},d("cancel","Cancel")),a().createElement(o.zxk,{disabled:!_||x,onClick:function(){if(!x){w(!0);var e=new AbortController;we(b,j.completed,e).then((function(e){if(e.ok){var n=function(e,n,t){var i=K(n.dispenses);return i=e.id?i.map((function(n){return n.id===e.id?e:n})):[e].concat(K(i)),V({request:n.request,dispenses:i},t)}(b,t,y.dispenseBehavior.restrictTotalQuantityDispensed);if(le(t.request)!==n)return Ce(he(b.authorizingPrescription[0].reference),n)}return e})).then((function(e){var n=e.status;201!==n&&200!==n||(g(),be(p),(0,l.showToast)({critical:!0,kind:"success",description:d("medicationListUpdated","Medication dispense list has been updated."),title:d("enter"===r?"medicationDispensed":"medicationDispenseUpdated","enter"===r?"Medication successfully dispensed.":"Dispense record successfully updated.")}))}),(function(e){(0,l.showNotification)({title:d("enter"===r?"medicationDispenseError":"medicationDispenseUpdatedError","enter"===r?"Error dispensing medication.":"Error updating dispense record"),kind:"error",critical:!0,description:null==e?void 0:e.message}),w(!1)}))}}},d("enter"===r?"dispensePrescription":"saveChanges","enter"===r?"Dispense prescription":"Save changes")))))};function en(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function nn(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function tn(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return en(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)?en(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.")}()}const an=function(e){var n,t,r,s,p=e.medicationDispense,c=e.mode,d=e.patientUuid,u=e.encounterUuid,f=(0,M.useTranslation)().t,m=(0,l.useConfig)(),y="tablet"===(0,l.useLayoutType)(),h=(0,l.usePatient)(d),b=h.patient,A=h.isLoading,$=tn((0,i.useState)(),2),_=$[0],v=$[1],C=tn((0,i.useState)(!1),2),x=C[0],w=C[1],k=tn((0,i.useState)(!1),2),z=k[0],E=k[1],D=tn((0,i.useState)([]),2),B=D[0],T=D[1],S=(s=m.valueSets.reasonForPause.uuid,{reasonForPauseValueSet:ke(s)}).reasonForPauseValueSet;(0,i.useEffect)((function(){var e,n=[];if(null==S||null===(e=S.compose)||void 0===e?void 0:e.include){var t,i=S.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}T(n)}),[S]),(0,i.useEffect)((function(){return v(p)}),[p]),(0,i.useEffect)((function(){var e;_&&(null===(e=_.statusReasonCodeableConcept)||void 0===e?void 0:e.coding[0].code)?w(!0):w(!1)}),[_]);var I=(0,i.useMemo)((function(){if(b)return{patient:b,patientUuid:d,hideActionsOverflow:!0}}),[b,d]);return a().createElement("div",{className:""},a().createElement("div",{className:Ie.formWrapper},A&&a().createElement(o.lSo,{className:Ie.bannerLoading,iconDescription:"Loading",description:"Loading banner",status:"active"}),b&&a().createElement(l.ExtensionSlot,{name:"patient-header-slot",state:I}),a().createElement("section",{className:Ie.formGroup},a().createElement(o.CtY,{id:"reasonForPause",light:y,items:B,titleText:f("reasonForPause","Reason for pause"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(t=null===(n=p.statusReasonCodeableConcept)||void 0===n?void 0:n.coding[0])||void 0===t?void 0:t.code,text:null===(r=p.statusReasonCodeableConcept)||void 0===r?void 0:r.text},onChange:function(e){var n,t,i=e.selectedItem;v((n=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){nn(e,n,t[n])}))}return e}({},_),t=null!=(t={statusReasonCodeableConcept:{coding:[{code:null==i?void 0:i.id}]}})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})),n))}})),a().createElement("section",{className:Ie.buttonGroup},a().createElement(o.zxk,{disabled:z,onClick:function(){return g()},kind:"secondary"},f("cancel","Cancel")),a().createElement(o.zxk,{disabled:!x||z,onClick:function(){if(!z){E(!0);var e=new AbortController;we(_,j.on_hold,e).then((function(e){return e.ok&&!p.id?Ce(he(_.authorizingPrescription[0].reference),U.on_hold):e})).then((function(e){e.ok&&(g(),be(u),(0,l.showToast)({critical:!0,kind:"success",description:f("enter"===c?"medicationDispensePaused":"medicationDispenseUpdated","enter"===c?"Medication dispense paused.":"Dispense record successfully updated."),title:f("enter"===c?"medicationDispensePaused":"medicationDispenseUpdated","enter"===c?"Medication dispense paused.":"Dispense record successfully updated.")}))})).catch((function(e){(0,l.showNotification)({title:f("enter"===c?"medicationDispensePauseError":"medicationDispenseUpdatedError","enter"===c?"Error pausing medication dispense.":"Error updating dispense record"),kind:"error",critical:!0,description:null==e?void 0:e.message}),E(!1)}))}}},f("enter"===c?"pause":"saveChanges","enter"===c?"Pause":"Save changes")))))};function on(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function rn(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function sn(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return on(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)?on(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.")}()}const ln=function(e){var n,t,r,s,p=e.medicationDispense,c=e.mode,d=e.patientUuid,u=e.encounterUuid,f=(0,M.useTranslation)().t,m=(0,l.useConfig)(),y="tablet"===(0,l.useLayoutType)(),h=(0,l.usePatient)(d),b=h.patient,A=h.isLoading,$=sn((0,i.useState)(),2),_=$[0],v=$[1],C=sn((0,i.useState)(!1),2),x=C[0],w=C[1],k=sn((0,i.useState)(!1),2),z=k[0],E=k[1],D=sn((0,i.useState)([]),2),B=D[0],T=D[1],S=(s=m.valueSets.reasonForClose.uuid,{reasonForCloseValueSet:ke(s)}).reasonForCloseValueSet;(0,i.useEffect)((function(){var e,n=[];if(null==S||null===(e=S.compose)||void 0===e?void 0:e.include){var t,i=S.compose.include.find((function(e){return!e.system}));i&&(null===(t=i.concept)||void 0===t||t.forEach((function(e){return n.push({id:e.code,text:e.display})})))}T(n)}),[S]),(0,i.useEffect)((function(){return v(p)}),[p]),(0,i.useEffect)((function(){var e;_&&(null===(e=_.statusReasonCodeableConcept)||void 0===e?void 0:e.coding[0].code)?w(!0):w(!1)}),[_]);var I=(0,i.useMemo)((function(){if(b)return{patient:b,patientUuid:d,hideActionsOverflow:!0}}),[b,d]);return a().createElement("div",{className:""},a().createElement("div",{className:Ie.formWrapper},A&&a().createElement(o.lSo,{className:Ie.bannerLoading,iconDescription:"Loading",description:"Loading banner",status:"active"}),b&&a().createElement(l.ExtensionSlot,{name:"patient-header-slot",state:I}),a().createElement("section",{className:Ie.formGroup},a().createElement(o.CtY,{id:"reasonForPause",light:y,items:B,titleText:f("reasonForClose","Reason for close"),itemToString:function(e){return null==e?void 0:e.text},initialSelectedItem:{id:null===(t=null===(n=p.statusReasonCodeableConcept)||void 0===n?void 0:n.coding[0])||void 0===t?void 0:t.code,text:null===(r=p.statusReasonCodeableConcept)||void 0===r?void 0:r.text},onChange:function(e){var n,t,i=e.selectedItem;v((n=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(n){rn(e,n,t[n])}))}return e}({},_),t=null!=(t={statusReasonCodeableConcept:{coding:[{code:null==i?void 0:i.id}]}})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})),n))}})),a().createElement("section",{className:Ie.buttonGroup},a().createElement(o.zxk,{disabled:z,onClick:function(){return g()},kind:"secondary"},f("cancel","Cancel")),a().createElement(o.zxk,{disabled:!x||z,onClick:function(){if(!z){E(!0);var e=new AbortController;we(_,j.declined,e).then((function(e){return e.ok&&!p.id?Ce(he(_.authorizingPrescription[0].reference),U.declined):e})).then((function(e){e.ok&&(g(),be(u),(0,l.showToast)({critical:!0,kind:"success",description:f("enter"===c?"medicationDispenseClosed":"medicationDispenseUpdated","enter"===c?"Medication dispense closed.":"Dispense record successfully updated."),title:f("enter"===c?"medicationDispenseClosed":"medicationDispenseUpdated","enter"===c?"Medication dispense closed.":"Dispense record successfully updated.")}))})).catch((function(e){(0,l.showNotification)({title:f("enter"===c?"medicationDispenseCloseError":"medicationDispenseUpdatedError","enter"===c?"Error closing medication dispense.":"Error updating dispense record"),kind:"error",critical:!0,description:null==e?void 0:e.message}),E(!1)}))}}},f("enter"===c?"close":"saveChanges","enter"===c?"Close":"Save changes")))))},pn=function(e){var n=e.encounterUuid,t=e.patientUuid,i=(0,M.useTranslation)().t,r=(0,l.useSession)(),s=(0,l.useConfig)(),p=ve(n),c=p.medicationRequestBundles,d=p.prescriptionDate,g=p.isError,f=p.isLoading,m=function(e){return e.status===j.completed?a().createElement(o.Vp9,{type:"gray"},i("dispensed","Dispensed")):e.status===j.on_hold?a().createElement(o.Vp9,{type:"red"},i("paused","Paused")):e.status===j.declined?a().createElement(o.Vp9,{type:"red"},i("closed","Closed")):null},y=function(e,t){var i,a=le(t.request),o=function(e,n,t){return V({request:n.request,dispenses:n.dispenses.filter((function(n){return n.id!==e.id}))},t)}(e,t,s.dispenseBehavior.restrictTotalQuantityDispensed);a!==o&&Ce(he(e.authorizingPrescription[0].reference),o).then((function(){be(n)})),(i=e.id,(0,l.openmrsFetch)("".concat(l.fhirBaseUrl,"/MedicationDispense/").concat(i),{method:"DELETE"})).then((function(){be(n)}))};return a().createElement("div",{className:G.historyAndCommentsContainer},f&&a().createElement(o.gqd,{role:"progressbar"}),g&&a().createElement("p",null,i("error","Error")),c&&c.flatMap((function(e){return e.dispenses})).sort(Ae).map((function(e){var p,d,g;return a().createElement("div",{key:e.id},a().createElement("h5",{style:{paddingTop:"8px",paddingBottom:"8px",fontSize:"0.9rem"}},e.performer&&(null===(p=e.performer[0])||void 0===p||null===(d=p.actor)||void 0===d?void 0:d.display)," ",(g=e).status===j.completed?i("dispensedMedication","dispensed medication"):g.status===j.on_hold?i("pausedDispense","paused dispense"):g.status===j.declined?i("closedDispense","closed dispense"):null," -"," ",(0,l.formatDatetime)((0,l.parseDate)(se(e)))),a().createElement(o.n9L,{className:G.dispenseTile},function(e,p){var c=function(e){return(null==e?void 0:e.user)&&(0,l.userHasAccess)(W.q,e.user)}(r),d=function(e,n){if(null==e?void 0:e.user){var t,i;if((0,l.userHasAccess)(W.UW,e.user))return!0;if((0,l.userHasAccess)(W.ar,e.user)&&(null===(t=e.currentProvider)||void 0===t?void 0:t.uuid)&&null!=(null===(i=n.performer)||void 0===i?void 0:i.find((function(n){var t,i;return(null==n||null===(t=n.actor)||void 0===t||null===(i=t.reference)||void 0===i?void 0:i.length)>1&&n.actor.reference.split("/")[1]===e.currentProvider.uuid}))))return!0}return!1}(r,e);return c||d?a().createElement(o.PQB,{ariaLabel:i("medicationDispenseActionMenu","Medication Dispense Action Menu"),flipped:!0,className:G.medicationEventActionMenu},c&&a().createElement(o.laM,{onClick:function(){return u(function(e){return e.status===j.completed?i("editDispenseRecord","Edit Dispense Record"):e.status===j.on_hold?i("editPauseRecord","Edit Pause Record"):e.status===j.declined?i("editCloseeRecord","Edit Close Record"):void 0}(e),function(e,i){if(e.status===j.completed){var o=null;return s.dispenseBehavior.restrictTotalQuantityDispensed&&(o=te(i)+((null==e?void 0:e.quantity)?e.quantity.value:0)),a().createElement(Xe,{patientUuid:t,encounterUuid:n,medicationDispense:e,medicationRequestBundle:i,quantityRemaining:o,mode:"edit"})}return e.status===j.on_hold?a().createElement(an,{patientUuid:t,encounterUuid:n,medicationDispense:e,mode:"edit"}):e.status===j.declined?a().createElement(ln,{patientUuid:t,encounterUuid:n,medicationDispense:e,mode:"edit"}):void 0}(e,p))},itemText:i("editRecord","Edit Record")}),d&&a().createElement(o.laM,{onClick:function(){y(e,p)},itemText:i("delete","Delete")})):null}(e,function(e,n){return e.find((function(e){return e.dispenses.find((function(e){return e.id===n.id}))}))}(c,e)),a().createElement(Be,{medicationEvent:e,status:m(e)})))})),c&&c.flatMap((function(e){return e.request})).map((function(e){return a().createElement("div",{key:e.id},a().createElement("h5",{style:{paddingTop:"8px",paddingBottom:"8px",fontSize:"0.9rem"}},e.requester.display," ",i("orderedMedication ","ordered medication")," -"," ",(0,l.formatDatetime)(d)),a().createElement(o.n9L,{className:G.requestTile},a().createElement(Be,{medicationEvent:e,status:a().createElement(o.Vp9,{type:"green"},i("ordered","Ordered"))})))})))};var cn=t(4511),dn={};dn.styleTagTransform=w(),dn.setAttributes=_(),dn.insert=A().bind(null,"head"),dn.domAPI=h(),dn.insertStyleElement=C(),m()(cn.Z,dn);const un=cn.Z&&cn.Z.locals?cn.Z.locals:void 0;var gn=t(583),fn={};fn.styleTagTransform=w(),fn.setAttributes=_(),fn.insert=A().bind(null,"head"),fn.domAPI=h(),fn.insertStyleElement=C(),m()(gn.Z,fn);const mn=gn.Z&&gn.Z.locals?gn.Z.locals:void 0;var yn=t(2522),hn=t(1127),bn={};bn.styleTagTransform=w(),bn.setAttributes=_(),bn.insert=A().bind(null,"head"),bn.domAPI=h(),bn.insertStyleElement=C(),m()(hn.Z,bn);const An=hn.Z&&hn.Z.locals?hn.Z.locals:void 0,$n=function(e){var n=e.medicationRequestBundle,t=e.patientUuid,i=e.encounterUuid,r=(0,M.useTranslation)().t,s=(0,l.useConfig)(),p=(0,l.useSession)(),c=de(n.dispenses),d=ee(n.request,s.medicationRequestExpirationPeriodInDays),g=d===R.active&&c!==j.declined,f=s.actionButtons.pauseButton.enabled&&d===R.active&&c!==j.on_hold&&c!==j.declined,m=s.actionButtons.closeButton.enabled&&d===R.active&&c!==j.declined,y=null;return s.dispenseBehavior.restrictTotalQuantityDispensed&&(y=te(n)),a().createElement("div",{className:An.actionBtns},g?a().createElement(o.zxk,{kind:"primary",onClick:function(){return u(r("dispensePrescription","Dispense prescription"),a().createElement(Xe,{patientUuid:t,encounterUuid:i,medicationDispense:ze(n.request,p,!0),medicationRequestBundle:n,quantityRemaining:y,mode:"enter"}))}},r("dispense","Dispense")):null,f?a().createElement(o.zxk,{kind:"secondary",onClick:function(){return u(r("pausePrescription","Pause prescription"),a().createElement(an,{patientUuid:t,encounterUuid:i,medicationDispense:ze(n.request,p,!1),mode:"enter"}))}},r("pause","Pause")):null,m?a().createElement(o.zxk,{kind:"danger",onClick:function(){return u(r("closePrescription","Close prescription"),a().createElement(ln,{patientUuid:t,encounterUuid:i,medicationDispense:ze(n.request,p,!1),mode:"enter"}))}},r("close","Close")):null)};function _n(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}const vn=function(e){var n,t,r=e.encounterUuid,s=e.patientUuid,p=(0,M.useTranslation)().t,c=(0,l.useConfig)(),d=(n=(0,i.useState)(!0),t=2,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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(n,t)||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}}(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.")}()),u=d[0],g=d[1],f=function(e){var n=(0,H.ZP)("".concat(l.fhirBaseUrl,"/AllergyIntolerance?patient=").concat(e),l.openmrsFetch),t=n.data,i=n.error,a=[];if(t){var o=null==t?void 0:t.data.entry;null==o||o.map((function(e){return a.push(e.resource)}))}return{allergies:a,totalAllergies:null==t?void 0:t.data.total,isError:i}}(s),m=f.allergies,y=f.totalAllergies,h=ve(r),b=h.medicationRequestBundles,A=h.isError,$=h.isLoading;return(0,i.useEffect)((function(){"number"==typeof y&&g(!1)}),[y]),a().createElement("div",{className:mn.prescriptionContainer},u&&a().createElement(o.gqd,{role:"progressbar"}),!u&&a().createElement(o.n9L,{className:mn.allergiesTile},a().createElement("div",{className:mn.allergesContent},a().createElement("div",null,a().createElement(yn.Rr,{size:24,className:mn.allergiesIcon}),a().createElement("p",null,y>0&&a().createElement("span",null,a().createElement("span",{style:{fontWeight:"bold"}},y," ",p("allergies","allergies").toLowerCase())," ",function(e){return e.map((function(e){return oe(e.code.coding)})).join(", ")}(m)),0==y&&p("noAllergyDetailsFound","No allergy details found"))))),a().createElement("h5",{style:{paddingTop:"8px",paddingBottom:"8px",fontSize:"0.9rem"}},p("prescribed","Prescribed")),$&&a().createElement(o.gqd,{role:"progressbar"}),A&&a().createElement("p",null,p("error","Error")),b&&b.map((function(e){return a().createElement(o.n9L,{className:mn.prescriptionTile},a().createElement(l.UserHasAccess,{privilege:W.YG},a().createElement($n,{patientUuid:s,encounterUuid:r,medicationRequestBundle:e})),a().createElement(Be,{key:e.request.id,medicationEvent:e.request,status:(n=e.request,t=X(n,c.medicationRequestExpirationPeriodInDays),t===L.cancelled?a().createElement(o.Vp9,{type:"red"},p("cancelled","Cancelled")):t===L.completed?a().createElement(o.Vp9,{type:"green"},p("completed","Completed")):t===L.expired?a().createElement(o.Vp9,{type:"red"},p("expired","Expired")):t===L.declined?a().createElement(o.Vp9,{type:"red"},p("closed","Closed")):t===L.on_hold?a().createElement(o.Vp9,{type:"red"},p("paused","Paused")):null)}));var n,t})))},Cn=function(e){var n=e.encounterUuid,t=e.patientUuid,i=(e.status,(0,M.useTranslation)().t),r=[{name:i("prescriptionDetails","Prescription details"),component:a().createElement(vn,{encounterUuid:n,patientUuid:t})},{name:i("historyComments","History and comments"),component:a().createElement(pn,{encounterUuid:n,patientUuid:t})}];return a().createElement("div",{className:un.expandedTabsParentContainer},a().createElement("div",{className:un.expandedTabsContainer},a().createElement(o.mQc,null,a().createElement(o.tdY,{"aria-label":i("tabList","Tab List")},r.map((function(e,n){return a().createElement(o.OK9,{key:n,className:un.orderTabs},e.name)}))),a().createElement(o.nPR,null,r.map((function(e,n){return a().createElement(o.x45,{key:n},e.component)}))))))};var xn=t(9803),wn={};wn.styleTagTransform=w(),wn.setAttributes=_(),wn.insert=A().bind(null,"head"),wn.domAPI=h(),wn.insertStyleElement=C(),m()(xn.Z,wn);const kn=xn.Z&&xn.Z.locals?xn.Z.locals:void 0;function zn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function En(){return En=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},En.apply(this,arguments)}function Mn(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||Bn(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 Dn(e){return function(e){if(Array.isArray(e))return zn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Bn(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.")}()}function Bn(e,n){if(e){if("string"==typeof e)return zn(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)?zn(e,n):void 0}}const Tn=function(e){var n,t,r=e.searchTerm,s=e.location,p=e.status,c=(0,M.useTranslation)().t,d=(0,l.useConfig)(),u=Mn((0,i.useState)(1),2),g=u[0],f=u[1],m=Mn((0,i.useState)(10),2),y=m[0],h=m[1],b=Mn((0,i.useState)(0),2),A=b[0],$=b[1],_=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5?arguments[5]:void 0,s=(0,H.ZP)("ACTIVE"===o?function(e,n,t,i,a){return ge("".concat(l.fhirBaseUrl,"/").concat(W.HX,"&_getpagesoffset=").concat(e,"&_count=").concat(n,"&date=ge").concat(t,"&status=active"),i,a)}(t,n,Y()(new Date).startOf("day").subtract(r,"day").toISOString(),i,a):function(e,n,t,i){return ge("".concat(l.fhirBaseUrl,"/").concat(W.HX,"&_getpagesoffset=").concat(e,"&_count=").concat(n),t,i)}(t,n,i,a),l.openmrsFetch),p=s.data,c=s.error;if(p){var d=null==p?void 0:p.data.entry;if(d){var u=d.filter((function(e){var n;return"Encounter"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})),g=d.filter((function(e){var n;return"MedicationRequest"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})),f=d.filter((function(e){var n;return"MedicationDispense"==(null==e||null===(n=e.resource)||void 0===n?void 0:n.resourceType)})).map((function(e){return e.resource})).sort(Ae);e=u.map((function(e){var n=g.filter((function(n){return n.encounter.reference=="Encounter/"+e.id})),t=n.map((function(e){return"MedicationRequest/"+e.id})),i=f.filter((function(e){var n;return t.includes(null===(n=e.authorizingPrescription[0])||void 0===n?void 0:n.reference)}));return function(e,n,t,i){var a,o,r,s,l,p,c,d;return{id:null==e?void 0:e.id,created:null==e||null===(a=e.period)||void 0===a?void 0:a.start,patient:{name:null==e||null===(o=e.subject)||void 0===o?void 0:o.display,uuid:null==e||null===(r=e.subject)||void 0===r||null===(s=r.reference)||void 0===s?void 0:s.split("/")[1]},drugs:_e(new Set(n.map((function(e){return pe(ce(e))})).sort((function(e,n){return e.localeCompare(n)})))).join("; "),lastDispenser:t&&(null===(l=t[0])||void 0===l?void 0:l.performer)&&(null===(c=null===(p=t[0])||void 0===p?void 0:p.performer[0])||void 0===c?void 0:c.actor.display),prescriber:_e(new Set(n.map((function(e){return e.requester.display})))).join(", "),status:ne(n,i),location:(null==e?void 0:e.location)?null===(d=null==e?void 0:e.location[0])||void 0===d?void 0:d.location.display:null}}(e,n,i,r)})),e.sort((function(e,n){return e.created<n.created?1:-1}))}else e=[]}return{prescriptionsTableRows:e,error:c,isLoading:!e&&!c,totalOrders:null==p?void 0:p.data.total}}(y,A,r,s,p,d.medicationRequestExpirationPeriodInDays),v=_.prescriptionsTableRows,C=_.error,x=_.isLoading,w=_.totalOrders,k=[{header:c("created","Created"),key:"created"},{header:c("patientName","Patient name"),key:"patient"},{header:c("prescriber","Prescriber"),key:"prescriber"},{header:c("drugs","Drugs"),key:"drugs"},{header:c("lastDispenser","Last dispenser"),key:"lastDispenser"},{header:c("status","Status"),key:"status"}];return(null===(n=d.locationBehavior)||void 0===n||null===(t=n.locationColumn)||void 0===t?void 0:t.enabled)&&(k=Dn(k.slice(0,3)).concat([{header:c("location","Location"),key:"location"}],Dn(k.slice(3)))),(0,i.useEffect)((function(){f(1),$(0)}),[r]),a().createElement(o.x45,null,a().createElement("div",{className:kn.patientListTableContainer},x&&a().createElement(o.gqd,{role:"progressbar"}),C&&a().createElement("p",null,"Error"),v&&a().createElement(a().Fragment,null,a().createElement(o.wQF,{rows:v,headers:k,isSortable:!0},(function(e){var n=e.rows,t=e.headers,i=e.getHeaderProps,r=e.getRowProps,s=e.getTableProps;return a().createElement(o.xJi,null,a().createElement(o.iA_,En({},s(),{useZebraStyles:!0}),a().createElement(o.ssF,null,a().createElement(o.SCH,null,a().createElement(o.MOD,null),t.map((function(e){return a().createElement(o.xDH,En({},i({header:e})),e.header)})))),a().createElement(o.RMI,null,n.map((function(e){return a().createElement(a().Fragment,{key:e.id},a().createElement(o.RcE,En({},r({row:e})),e.cells.map((function(e){return a().createElement(o.pj1,{key:e.id},e.id.endsWith("created")?(0,l.formatDatetime)((0,l.parseDate)(e.value)):e.id.endsWith("patient")?e.value.name:e.id.endsWith("status")?c(e.value):e.value)}))),a().createElement(o.WdL,{colSpan:t.length+1},a().createElement(Cn,{encounterUuid:e.id,patientUuid:e.cells.find((function(e){return e.id.endsWith("patient")})).value.uuid,status:e.cells.find((function(e){return e.id.endsWith("status")})).value})))})))))})),a().createElement("div",{style:{width:"100%"}},a().createElement(o.tlE,{page:g,pageSize:y,pageSizes:[10,20,30,40,50,100],totalItems:w,onChange:function(e){var n=e.page,t=e.pageSize;f(n),$((n-1)*t),h(t)}})))))};function Sn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function In(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 i,a,o=[],r=!0,s=!1;try{for(t=t.call(e);!(r=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);r=!0);}catch(e){s=!0,a=e}finally{try{r||null==t.return||t.return()}finally{if(s)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Sn(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)?Sn(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.")}()}var qn;!function(e){e[e.STARRED=0]="STARRED",e[e.SYSTEM=1]="SYSTEM",e[e.USER=2]="USER",e[e.ALL=3]="ALL"}(qn||(qn={}));const On=function(){var e,n,t=(0,M.useTranslation)().t,r=(0,l.useConfig)(),s=function(e){var n,t,i=(0,H.ZP)("".concat(l.fhirBaseUrl,"/Location?_tag=").concat(encodeURIComponent(e.locationBehavior.locationFilter.tag),"&_count=100"),l.openmrsFetch),a=i.data,o=i.error,r=null==a||null===(n=a.data)||void 0===n||null===(t=n.entry)||void 0===t?void 0:t.map((function(e){return{id:e.resource.id,name:e.resource.name}})).sort((function(e,n){return e.name.localeCompare(n.name)}));return{filterLocations:r,isError:o,isLoading:!r&&!o}}(r),p=s.filterLocations,c=s.isLoading,d=In((0,i.useState)(qn.STARRED),2),u=(d[0],d[1]),g=In((0,i.useState)(""),2),f=g[0],m=g[1],y=In((0,i.useState)(""),2),h=y[0],b=y[1],A=In((0,i.useState)(""),2),$=A[0],_=A[1],v=[{key:"activePrescriptions",header:t("activePrescriptions","Active Prescriptions"),status:"ACTIVE"},{key:"allPrescriptions",header:t("allPrescriptions","All Prescriptions"),status:""}];return(0,i.useEffect)((function(){var e=setTimeout((function(){b(f)}),500);return function(){return clearTimeout(e)}}),[f]),a().createElement("main",{className:"omrs-main-content ".concat(kn.prescriptionListContainer)},a().createElement("section",{className:kn.prescriptionTabsContainer},a().createElement(o.mQc,{className:kn.prescriptionTabs,type:"container",tabContentClassName:kn.hiddenTabsContent,onSelectionChange:u},a().createElement(o.tdY,{"aria-label":t("tabList","Tab List"),contained:!0,className:kn.tabsContainer},v.map((function(e,n){return a().createElement(o.OK9,{title:t(e.key),key:n,id:"tab-"+n,className:kn.tab},t(e.header))}))),a().createElement("div",{className:kn.searchContainer},a().createElement(o.olm,{closeButtonLabelText:t("clearSearchInput","Clear search input"),defaultValue:f,placeholder:t("searchByPatientIdOrName","Search by patient ID or name"),labelText:t("searchByPatientIdOrName","Search by patient ID or name"),onChange:function(e){e.preventDefault(),m(e.target.value)},size:"md",className:kn.patientSearch}),(null===(e=r.locationBehavior)||void 0===e||null===(n=e.locationFilter)||void 0===n?void 0:n.enabled)&&!c&&(null==p?void 0:p.length)>1&&a().createElement(o.CtY,{id:"locationFilter",placeholder:t("filterByLocation","Filter by location"),items:c?[]:p,itemToString:function(e){return null==e?void 0:e.name},onChange:function(e){var n=e.selectedItem;_(null==n?void 0:n.id)},className:kn.locationFilter})),a().createElement(o.nPR,null,v.map((function(e,n){return a().createElement(Tn,{location:$,searchTerm:h,status:e.status})}))))))};function Nn(){var e=(0,l.useConfig)(),n=(0,M.useTranslation)().t;return e.dispenseBehavior.restrictTotalQuantityDispensed&&e.dispenseBehavior.allowModifyingPrescription?a().createElement("div",{className:"omrs-main-content"},a().createElement(o.K0D,{title:n("dispensingAppError","Dispensing App Error"),subtitle:n("dispensingAppMisconfigurationMessage","Please contact your system administration: Misconfiguration - 'restrictTotalQuantityDispensed' cannot be enabled if 'allowModifyingPrescription' is enabled.")})):a().createElement("div",{className:"omrs-main-content"},a().createElement(N,null),a().createElement(On,null),a().createElement(D,null))}}}]);