@palladium-ethiopia/esm-clinical-workflow-app 5.4.2-pre.26 → 5.4.2-pre.31

package/dist/534.js

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_palladium_ethiopia_esm_clinical_workflow_app=globalThis.webpackChunk_palladium_ethiopia_esm_clinical_workflow_app||[]).push([["534"],{5521(e,n,t){t.d(n,{A:()=>l});var a=t(1452),o=t.n(a),i=t(4567),r=t.n(i)()(o());r.push([e.id,".-esm-clinical-workflow__visit-notes-form__heading___ZlAnM{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);margin-bottom:.5rem}.-esm-clinical-workflow__visit-notes-form__columnLabel___3FMY3{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);color:#525252}.-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r{padding:.75rem;border-top:1px solid #e0e0e0}.-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r:first-of-type{border-top:none}.-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r:last-of-type{border-bottom:none}.-esm-clinical-workflow__visit-notes-form__diagnosisList___pCZti{background-color:#fff;max-height:20rem;overflow-y:auto;border:1px solid #e0e0e0;display:flex;flex-direction:column}.-esm-clinical-workflow__visit-notes-form__diagnosisList___pCZti li:hover{background-color:#e0e0e0}.-esm-clinical-workflow__visit-notes-form__diagnosesText___KOCDA{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);color:#525252;margin-bottom:1rem}.-esm-clinical-workflow__visit-notes-form__emptyResults___zSosY{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);color:#525252;min-height:1rem}.-esm-clinical-workflow__visit-notes-form__imgUploadHelperText___SW8\\+e{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);color:#525252}.-esm-clinical-workflow__visit-notes-form__imgThumbnailContainer___6dMXX{height:6rem;width:6rem}.-esm-clinical-workflow__visit-notes-form__imgThumbnail___ZjDT6{width:100%;height:100%;object-fit:cover}.-esm-clinical-workflow__visit-notes-form__imgThumbnailGrid___B\\+hr4{display:grid;grid-template-columns:repeat(auto-fill, 6rem);gap:1rem;margin-top:1rem}.-esm-clinical-workflow__visit-notes-form__imgThumbnailItem___Ji9nw{display:flex;flex-direction:column;align-items:center;position:relative}.-esm-clinical-workflow__visit-notes-form__removeButton___SgDDk{position:absolute;top:.25rem;right:.25rem;background-color:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;--cds-layout-size-height-local: 0}.-esm-clinical-workflow__visit-notes-form__closeIcon___JzL4r{fill:#fff !important}.-esm-clinical-workflow__visit-notes-form__button___iplWK{height:4rem;display:flex;align-content:flex-start;align-items:baseline;min-width:50%}.-esm-clinical-workflow__visit-notes-form__spinner___j6RuL{min-height:1rem}.-esm-clinical-workflow__visit-notes-form__tablet___OG5JC{padding:1.5rem 1rem;background-color:#fff}.-esm-clinical-workflow__visit-notes-form__desktop___eO79Q{padding:0}.-esm-clinical-workflow__visit-notes-form__headerGridRow___TtcxL{border-bottom:1px solid #e0e0e0;margin:0}.-esm-clinical-workflow__visit-notes-form__dataGridRow___Wf6R5{display:grid;grid-template-columns:50% 10% 1fr;margin:.5rem 1rem}.-esm-clinical-workflow__visit-notes-form__formContainer___J8oOj{margin:1rem;flex:1}.-esm-clinical-workflow__visit-notes-form__form___JW5No{display:flex;flex-direction:column;justify-content:space-between;height:100%}.-esm-clinical-workflow__visit-notes-form__grid___b6YX\\+{margin:0;padding:0}.-esm-clinical-workflow__visit-notes-form__row___IwvDI{margin:.5rem 0 2.5rem}.-esm-clinical-workflow__visit-notes-form__skeleton___0Ask0{margin-top:.25rem;height:2rem}.-esm-clinical-workflow__visit-notes-form__errorMessage___sw5fR{font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);color:#da1e28;margin-top:.5rem}.-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh{max-width:20rem}.-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh .cds--search-input:focus{outline:2px solid #da1e28}.-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh .cds--search-magnifier svg{fill:#da1e28}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__form___JW5No{height:100%}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__row___IwvDI{display:flex;gap:4rem}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__row___IwvDI .cds--col-sm-1{flex-basis:30%;min-width:5rem;text-align:left}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__row___IwvDI .cds--col-sm-3{flex-basis:70%}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r{padding:1rem .75rem}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__skeleton___0Ask0{height:2.5rem}.-esm-clinical-workflow__visit-notes-form__errorNotification___Q2\\+hu{margin-top:.25rem}.-esm-clinical-workflow__visit-notes-form__tag___itvd7{max-width:20rem;margin-right:.5rem;margin-left:0}.-esm-clinical-workflow__visit-notes-form__tag___itvd7 .cds--tag__label{display:flex;align-items:center}.-esm-clinical-workflow__visit-notes-form__tagContent___EFvWx{display:flex;align-items:center;gap:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.-esm-clinical-workflow__visit-notes-form__tagIcon___0xZQo{flex-shrink:0}.-esm-clinical-workflow__visit-notes-form__confirmedIcon___PETAV{color:#198038}.-esm-clinical-workflow__visit-notes-form__presumedIcon___5k3p8{color:#ba4e00}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__tag___itvd7{max-width:4rem}.-esm-clinical-workflow__visit-notes-form__uploadButton___7iHS1{margin-top:1rem}.-esm-clinical-workflow__visit-notes-form__diagnosisListItem___WGURj{position:relative;margin-bottom:.25rem;height:auto}.-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:2px;transition:all .1s ease;cursor:pointer;min-height:2.5rem}.-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp:hover{background-color:#f4f4f4;border-color:#c6c6c6}.-esm-clinical-workflow__visit-notes-form__diagnosisInfo___eeFdN{flex:1;margin-right:.5rem}.-esm-clinical-workflow__visit-notes-form__diagnosisName___B\\+Bog{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);color:#161616}.-esm-clinical-workflow__visit-notes-form__addButton___GU2WZ{min-width:2rem;flex-shrink:0;padding:.25rem .5rem;height:2rem}.-esm-clinical-workflow__visit-notes-form__certaintyDropdown___NoR58{position:relative;z-index:10;margin-top:.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:2px;box-shadow:none;overflow:hidden}.-esm-clinical-workflow__visit-notes-form__dropdownHeader___1qo8n{padding:.5rem;border-bottom:1px solid #e0e0e0;background:#f4f4f4}.-esm-clinical-workflow__visit-notes-form__dropdownTitle___\\+wQ7s{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);color:#161616;margin-bottom:.125rem}.-esm-clinical-workflow__visit-notes-form__diagnosisPreview___n8w3C{color:#0f62fe;font-weight:600}.-esm-clinical-workflow__visit-notes-form__dropdownSubtitle___cRfNa{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;margin:0}.-esm-clinical-workflow__visit-notes-form__certaintyOptions___9ECMV{padding:.25rem;display:flex;gap:.125rem}.-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9{flex:1;padding:.25rem;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:2px;cursor:pointer;transition:all .1s ease;outline:none;min-height:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:0}.-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9:hover{border-color:#0f62fe;background:#f4f4f4}.-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9:focus{outline:2px solid #0f62fe;outline-offset:-2px}.-esm-clinical-workflow__visit-notes-form__optionContent___3vCzF{display:flex;align-items:center;gap:.125rem;justify-content:center}.-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa{width:.75rem;height:.75rem}.-esm-clinical-workflow__visit-notes-form__optionText___alJYp{text-align:center}.-esm-clinical-workflow__visit-notes-form__optionTitle___s\\+GBT{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#161616;font-weight:600;white-space:nowrap}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i{border-color:#6fdc8c;background:#defbe6}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i:hover{border-color:#198038;background:#a7f0ba}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i .-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa{color:#198038}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i .-esm-clinical-workflow__visit-notes-form__optionTitle___s\\+GBT{color:#0e6027}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s{border-color:#fddc69;background:#fcf4d6}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s:hover{border-color:#f1c21b;background:#fddc69}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s .-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa{color:#d2a106}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s .-esm-clinical-workflow__visit-notes-form__optionTitle___s\\+GBT{color:#684e00}.-esm-clinical-workflow__visit-notes-form__optionDescription___v25hG{display:none}.-esm-clinical-workflow__visit-notes-form__dropdownFooter___SE3xn{padding:.25rem .5rem;border-top:1px solid #e0e0e0;text-align:right;background:#f4f4f4}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__certaintyDropdown___NoR58{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:20rem;max-height:70vh;overflow-y:auto;margin-top:0}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp{padding:.5rem;min-height:3rem}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9{padding:.5rem;min-height:3rem}","",{version:3,sources:["webpack://./src/patient-notes/visit-notes-form.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,2DC81BI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD51BF,mBEeW,CFZb,+DCy1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDv1BF,aGqCQ,CHlCV,6DACE,cEWW,CFVX,4BAAA,CAGF,2EACE,eAAA,CAGF,0EACE,kBAAA,CAGF,iEACE,qBGnBM,CHoBN,gBAAA,CACA,eAAA,CACA,wBAAA,CACA,YAAA,CACA,qBAAA,CAGF,0EACE,wBGMQ,CHHV,iEC0zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDxzBF,aGMQ,CHLR,kBEZW,CFeb,gECozBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDlzBF,aAAA,CACA,eElBW,CFqBb,wEC8yBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD5yBF,aGNQ,CHSV,yEACE,WEQW,CFPX,UEOW,CFJb,gEACE,UAAA,CACA,WAAA,CACA,gBAAA,CAGF,qEACE,YAAA,CACA,6CAAA,CACA,QExCW,CFyCX,eEzCW,CF4Cb,oEACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,iBAAA,CAGF,gEACE,iBAAA,CACA,UEpEW,CFqEX,YErEW,CFsEX,8BAAA,CACA,WAAA,CACA,SAAA,CACA,cAAA,CACA,iCAAA,CAGF,6DACE,oBAAA,CAGF,0DACE,WE1CW,CF2CX,YAAA,CACA,wBAAA,CACA,oBAAA,CACA,aAAA,CAGF,2DACE,eE3EW,CF8Eb,0DACE,mBAAA,CACA,qBGtGM,CHyGR,2DACE,SAAA,CAGF,iEACE,+BAAA,CACA,QAAA,CAGF,+DACE,YAAA,CACA,iCAAA,CACA,iBAAA,CAGF,iEACE,WEnGW,CFoGX,MAAA,CAGF,wDACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,WAAA,CAGF,yDACE,QAAA,CACA,SAAA,CAGF,uDACE,qBAAA,CAGF,4DACE,iBEvIW,CFwIX,WE/GW,CFkHb,gECusBI,iDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDrsBF,aG5DO,CH6DP,gBEzIW,CF4Ib,uEACE,eAAA,CAEA,gGACE,yBAAA,CAIA,kGACE,YGzEG,CH+EP,oFACE,WAAA,CAGF,mFACE,YAAA,CACA,QE9HS,CFgIT,kGACE,cAAA,CACA,cE7HO,CF8HP,eAAA,CAGF,kGACE,cAAA,CAIJ,yFACE,mBAAA,CAGF,wFACE,aE1JS,CF8Jb,sEACE,iBE7LW,CFgMb,uDACE,eAAA,CACA,kBE7LW,CF8LX,aAAA,CAEA,wEACE,YAAA,CACA,kBAAA,CAIJ,8DACE,YAAA,CACA,kBAAA,CACA,WEnNW,CFoNX,eAAA,CACA,sBAAA,CACA,kBAAA,CACA,MAAA,CAGF,2DACE,aAAA,CAGF,iEACE,aGjLS,CHoLX,gEACE,aGjKU,CHqKV,mFACE,cE3LS,CF+Lb,gEACE,eEzNW,CF4Nb,qEACE,iBAAA,CACA,oBE7OW,CF8OX,WAAA,CAGF,gEACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,aEhPW,CFiPX,qBG7PM,CH8PN,wBAAA,CACA,iBAAA,CACA,uBAAA,CACA,cAAA,CACA,iBE7NW,CF+NX,sEACE,wBGpOM,CHqON,oBGnOM,CHuOV,iEACE,MAAA,CACA,kBEhQW,CFmQb,kEC0kBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDxkBF,aGvOS,CH0OX,6DACE,cErPW,CFsPX,aAAA,CACA,oBAAA,CACA,WExPW,CF2Pb,qEACE,iBAAA,CACA,UAAA,CACA,iBEvRW,CFwRX,eG/RM,CHgSN,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CAGF,kEACE,aE3RW,CF4RX,+BAAA,CACA,kBGxQQ,CH2QV,kEC6iBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD3iBF,aGpQS,CHqQT,qBE7SW,CFgTb,oEACE,aG3SQ,CH4SR,eAAA,CAGF,oECkiBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDhiBF,aGlRQ,CHmRR,QAAA,CAGF,oEACE,cEvTW,CFwTX,YAAA,CACA,WE9TW,CFiUb,mEACE,MAAA,CACA,cE9TW,CF+TX,iBAAA,CACA,eGvUM,CHwUN,wBAAA,CACA,iBAAA,CACA,cAAA,CACA,uBAAA,CACA,YAAA,CACA,eE7SW,CF8SX,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CAEA,yEACE,oBG5UM,CH6UN,kBGpTM,CHuTR,yEACE,yBAAA,CACA,mBAAA,CAIJ,iEACE,YAAA,CACA,kBAAA,CACA,WE/VW,CFgWX,sBAAA,CAGF,8DACE,YErVW,CFsVX,aEtVW,CFyVb,8DACE,iBAAA,CAGF,gEC2eI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDzeF,aGtUS,CHuUT,eAAA,CACA,kBAAA,CAGF,mEACE,oBGzUS,CH0UT,kBG5US,CH8UT,yEACE,oBG1UO,CH2UP,kBG/UO,CHkVT,iIACE,aG/UO,CHkVT,mIACE,aGlVO,CHsVX,kEACE,oBGrRU,CHsRV,kBGvRU,CHyRV,wEACE,oBGxRQ,CHyRR,kBG1RQ,CH6RV,gIACE,aG5RQ,CH+RV,kIACE,aG7RQ,CHiSZ,qEACE,YAAA,CAGF,kEACE,oBAAA,CACA,4BAAA,CACA,gBAAA,CACA,kBGhYQ,CHqYR,iGACE,cAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,SAAA,CACA,eAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CAGF,4FACE,aEvaS,CFwaT,eE1YS,CF6YX,+FACE,aE5aS,CF6aT,eE/YS",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.heading {\n  @include type.type-style('heading-03');\n  margin-bottom: layout.$spacing-03;\n}\n\n.columnLabel {\n  @include type.type-style('heading-compact-02');\n  color: colors.$gray-70;\n}\n\n.diagnosis {\n  padding: layout.$spacing-04;\n  border-top: 1px solid colors.$gray-20;\n}\n\n.diagnosis:first-of-type {\n  border-top: none;\n}\n\n.diagnosis:last-of-type {\n  border-bottom: none;\n}\n\n.diagnosisList {\n  background-color: colors.$white;\n  max-height: layout.rem(320px); \n  overflow-y: auto;\n  border: 1px solid colors.$gray-20;\n  display: flex;\n  flex-direction: column;\n}\n\n.diagnosisList li:hover {\n  background-color: colors.$gray-20;\n}\n\n.diagnosesText {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-70;\n  margin-bottom: layout.$spacing-05;\n}\n\n.emptyResults {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-70;\n  min-height: layout.$spacing-05;\n}\n\n.imgUploadHelperText {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-70;\n}\n\n.imgThumbnailContainer {\n  height: layout.$spacing-12;\n  width: layout.$spacing-12;\n}\n\n.imgThumbnail {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.imgThumbnailGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, layout.$spacing-12);\n  gap: layout.$spacing-05;\n  margin-top: layout.$spacing-05;\n}\n\n.imgThumbnailItem {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n}\n\n.removeButton {\n  position: absolute;\n  top: layout.$spacing-02;\n  right: layout.$spacing-02;\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  --cds-layout-size-height-local: 0;\n}\n\n.closeIcon {\n  fill: colors.$white !important;\n}\n\n.button {\n  height: layout.$spacing-10;\n  display: flex;\n  align-content: flex-start;\n  align-items: baseline;\n  min-width: 50%;\n}\n\n.spinner {\n  min-height: layout.$spacing-05;\n}\n\n.tablet {\n  padding: layout.$spacing-06 layout.$spacing-05;\n  background-color: colors.$white;\n}\n\n.desktop {\n  padding: 0;\n}\n\n.headerGridRow {\n  border-bottom: 1px solid colors.$gray-20;\n  margin: 0;\n}\n\n.dataGridRow {\n  display: grid;\n  grid-template-columns: 50% 10% 1fr;\n  margin: layout.$spacing-03 layout.$spacing-05;\n}\n\n.formContainer {\n  margin: layout.$spacing-05;\n  flex: 1;\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n}\n\n.grid {\n  margin: 0;\n  padding: 0;\n}\n\n.row {\n  margin: layout.$spacing-03 0 layout.$spacing-08;\n}\n\n.skeleton {\n  margin-top: layout.$spacing-02;\n  height: layout.$spacing-07;\n}\n\n.errorMessage {\n  @include type.type-style('label-02');\n  color: colors.$red-60;\n  margin-top: layout.$spacing-03;\n}\n\n.diagnoserrorOutline {\n  max-width: layout.rem(320px); \n\n  :global(.cds--search-input):focus {\n    outline: 2px solid colors.$red-60; \n  }\n\n  :global(.cds--search-magnifier) {\n    svg {\n      fill: colors.$red-60;\n    }\n  }\n}\n\n:global(.omrs-breakpoint-lt-desktop) {\n  .form {\n    height: 100%;\n  }\n\n  .row {\n    display: flex;\n    gap: layout.$spacing-10;\n\n    :global(.cds--col-sm-1) {\n      flex-basis: 30%;\n      min-width: layout.$spacing-11;\n      text-align: left;\n    }\n\n    :global(.cds--col-sm-3) {\n      flex-basis: 70%;\n    }\n  }\n\n  .diagnosis {\n    padding: layout.$spacing-05 layout.$spacing-04;\n  }\n\n  .skeleton {\n    height: layout.$spacing-08;\n  }\n}\n\n.errorNotification {\n  margin-top: layout.$spacing-02;\n}\n\n.tag {\n  max-width: layout.rem(320px);\n  margin-right: layout.$spacing-03;\n  margin-left: 0;\n\n  :global(.cds--tag__label) {\n    display: flex;\n    align-items: center;\n  }\n}\n\n.tagContent {\n  display: flex;\n  align-items: center;\n  gap: layout.$spacing-01;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.tagIcon {\n  flex-shrink: 0;\n}\n\n.confirmedIcon {\n  color: colors.$green-60;\n}\n\n.presumedIcon {\n  color: colors.$orange-60;\n}\n\n:global(.omrs-breakpoint-lt-desktop) {\n  .tag {\n    max-width: layout.$spacing-10;\n  }\n}\n\n.uploadButton {\n  margin-top: layout.$spacing-05;\n}\n\n.diagnosisListItem {\n  position: relative;\n  margin-bottom: layout.$spacing-02;\n  height: auto;\n}\n\n.diagnosisRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: layout.$spacing-03;\n  background-color: colors.$white;\n  border: 1px solid colors.$gray-20;\n  border-radius: 2px;\n  transition: all 0.1s ease;\n  cursor: pointer;\n  min-height: layout.$spacing-08; \n\n  &:hover {\n    background-color: colors.$gray-10;\n    border-color: colors.$gray-30;\n  }\n}\n\n.diagnosisInfo {\n  flex: 1;\n  margin-right: layout.$spacing-03;\n}\n\n.diagnosisName {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-100;\n}\n\n.addButton {\n  min-width: layout.$spacing-07;\n  flex-shrink: 0;\n  padding: layout.$spacing-02 layout.$spacing-03;\n  height: layout.$spacing-07; \n}\n\n.certaintyDropdown {\n  position: relative; \n  z-index: 10;\n  margin-top: layout.$spacing-02;\n  background: colors.$white;\n  border: 1px solid colors.$gray-20;\n  border-radius: 2px;\n  box-shadow: none;\n  overflow: hidden;\n}\n\n.dropdownHeader {\n  padding: layout.$spacing-03;\n  border-bottom: 1px solid colors.$gray-20;\n  background: colors.$gray-10;\n}\n\n.dropdownTitle {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-100;\n  margin-bottom: layout.$spacing-01;\n}\n\n.diagnosisPreview {\n  color: colors.$blue-60;\n  font-weight: 600;\n}\n\n.dropdownSubtitle {\n  @include type.type-style('label-01');\n  color: colors.$gray-70;\n  margin: 0;\n}\n\n.certaintyOptions {\n  padding: layout.$spacing-02;\n  display: flex;\n  gap: layout.$spacing-01;\n}\n\n.certaintyOption {\n  flex: 1;\n  padding: layout.$spacing-02;\n  text-align: center;\n  background: colors.$white;\n  border: 1px solid colors.$gray-20;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.1s ease;\n  outline: none;\n  min-height: layout.$spacing-07;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0;\n\n  &:hover {\n    border-color: colors.$blue-60;\n    background: colors.$gray-10;\n  }\n\n  &:focus {\n    outline: 2px solid colors.$blue-60;\n    outline-offset: -2px;\n  }\n}\n\n.optionContent {\n  display: flex;\n  align-items: center;\n  gap: layout.$spacing-01;\n  justify-content: center;\n}\n\n.optionIcon {\n  width: layout.$spacing-04;\n  height: layout.$spacing-04;\n}\n\n.optionText {\n  text-align: center;\n}\n\n.optionTitle {\n  @include type.type-style('label-01');\n  color: colors.$gray-100;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.confirmedOption {\n  border-color: colors.$green-30;\n  background: colors.$green-10;\n\n  &:hover {\n    border-color: colors.$green-60;\n    background: colors.$green-20;\n  }\n\n  .optionIcon {\n    color: colors.$green-60;\n  }\n\n  .optionTitle {\n    color: colors.$green-70;\n  }\n}\n\n.presumedOption {\n  border-color: colors.$yellow-20;\n  background: colors.$yellow-10;\n\n  &:hover {\n    border-color: colors.$yellow-30;\n    background: colors.$yellow-20;\n  }\n\n  .optionIcon {\n    color: colors.$yellow-40;\n  }\n\n  .optionTitle {\n    color: colors.$yellow-70;\n  }\n}\n\n.optionDescription {\n  display: none;\n}\n\n.dropdownFooter {\n  padding: layout.$spacing-02 layout.$spacing-03;\n  border-top: 1px solid colors.$gray-20;\n  text-align: right;\n  background: colors.$gray-10;\n}\n\n// Responsive styles\n:global(.omrs-breakpoint-lt-desktop) {\n  .certaintyDropdown {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 90%;\n    max-width: layout.rem(320px);\n    max-height: 70vh;\n    overflow-y: auto;\n    margin-top: 0;\n  }\n\n  .diagnosisRow {\n    padding: layout.$spacing-03;\n    min-height: layout.$spacing-09; \n  }\n\n  .certaintyOption {\n    padding: layout.$spacing-03;\n    min-height: layout.$spacing-09;\n  }\n}","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n","// 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","// Code generated by @carbon/colors. 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$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n  black: (\n    100: #000000,\n  ),\n  blue: (\n    10: #edf5ff,\n    20: #d0e2ff,\n    30: #a6c8ff,\n    40: #78a9ff,\n    50: #4589ff,\n    60: #0f62fe,\n    70: #0043ce,\n    80: #002d9c,\n    90: #001d6c,\n    100: #001141,\n  ),\n  cool-gray: (\n    10: #f2f4f8,\n    20: #dde1e6,\n    30: #c1c7cd,\n    40: #a2a9b0,\n    50: #878d96,\n    60: #697077,\n    70: #4d5358,\n    80: #343a3f,\n    90: #21272a,\n    100: #121619,\n  ),\n  cyan: (\n    10: #e5f6ff,\n    20: #bae6ff,\n    30: #82cfff,\n    40: #33b1ff,\n    50: #1192e8,\n    60: #0072c3,\n    70: #00539a,\n    80: #003a6d,\n    90: #012749,\n    100: #061727,\n  ),\n  gray: (\n    10: #f4f4f4,\n    20: #e0e0e0,\n    30: #c6c6c6,\n    40: #a8a8a8,\n    50: #8d8d8d,\n    60: #6f6f6f,\n    70: #525252,\n    80: #393939,\n    90: #262626,\n    100: #161616,\n  ),\n  green: (\n    10: #defbe6,\n    20: #a7f0ba,\n    30: #6fdc8c,\n    40: #42be65,\n    50: #24a148,\n    60: #198038,\n    70: #0e6027,\n    80: #044317,\n    90: #022d0d,\n    100: #071908,\n  ),\n  magenta: (\n    10: #fff0f7,\n    20: #ffd6e8,\n    30: #ffafd2,\n    40: #ff7eb6,\n    50: #ee5396,\n    60: #d02670,\n    70: #9f1853,\n    80: #740937,\n    90: #510224,\n    100: #2a0a18,\n  ),\n  orange: (\n    10: #fff2e8,\n    20: #ffd9be,\n    30: #ffb784,\n    40: #ff832b,\n    50: #eb6200,\n    60: #ba4e00,\n    70: #8a3800,\n    80: #5e2900,\n    90: #3e1a00,\n    100: #231000,\n  ),\n  purple: (\n    10: #f6f2ff,\n    20: #e8daff,\n    30: #d4bbff,\n    40: #be95ff,\n    50: #a56eff,\n    60: #8a3ffc,\n    70: #6929c4,\n    80: #491d8b,\n    90: #31135e,\n    100: #1c0f30,\n  ),\n  red: (\n    10: #fff1f1,\n    20: #ffd7d9,\n    30: #ffb3b8,\n    40: #ff8389,\n    50: #fa4d56,\n    60: #da1e28,\n    70: #a2191f,\n    80: #750e13,\n    90: #520408,\n    100: #2d0709,\n  ),\n  teal: (\n    10: #d9fbfb,\n    20: #9ef0f0,\n    30: #3ddbd9,\n    40: #08bdba,\n    50: #009d9a,\n    60: #007d79,\n    70: #005d5d,\n    80: #004144,\n    90: #022b30,\n    100: #081a1c,\n  ),\n  warm-gray: (\n    10: #f7f3f2,\n    20: #e5e0df,\n    30: #cac5c4,\n    40: #ada8a8,\n    50: #8f8b8b,\n    60: #726e6e,\n    70: #565151,\n    80: #3c3838,\n    90: #272525,\n    100: #171414,\n  ),\n  white: (\n    0: #ffffff,\n  ),\n  yellow: (\n    10: #fcf4d6,\n    20: #fddc69,\n    30: #f1c21b,\n    40: #d2a106,\n    50: #b28600,\n    60: #8e6a00,\n    70: #684e00,\n    80: #483700,\n    90: #302400,\n    100: #1c1500,\n  ),\n) !default;\n"],sourceRoot:""}]),r.locals={heading:"-esm-clinical-workflow__visit-notes-form__heading___ZlAnM",columnLabel:"-esm-clinical-workflow__visit-notes-form__columnLabel___3FMY3",diagnosis:"-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r",diagnosisList:"-esm-clinical-workflow__visit-notes-form__diagnosisList___pCZti",diagnosesText:"-esm-clinical-workflow__visit-notes-form__diagnosesText___KOCDA",emptyResults:"-esm-clinical-workflow__visit-notes-form__emptyResults___zSosY",imgUploadHelperText:"-esm-clinical-workflow__visit-notes-form__imgUploadHelperText___SW8+e",imgThumbnailContainer:"-esm-clinical-workflow__visit-notes-form__imgThumbnailContainer___6dMXX",imgThumbnail:"-esm-clinical-workflow__visit-notes-form__imgThumbnail___ZjDT6",imgThumbnailGrid:"-esm-clinical-workflow__visit-notes-form__imgThumbnailGrid___B+hr4",imgThumbnailItem:"-esm-clinical-workflow__visit-notes-form__imgThumbnailItem___Ji9nw",removeButton:"-esm-clinical-workflow__visit-notes-form__removeButton___SgDDk",closeIcon:"-esm-clinical-workflow__visit-notes-form__closeIcon___JzL4r",button:"-esm-clinical-workflow__visit-notes-form__button___iplWK",spinner:"-esm-clinical-workflow__visit-notes-form__spinner___j6RuL",tablet:"-esm-clinical-workflow__visit-notes-form__tablet___OG5JC",desktop:"-esm-clinical-workflow__visit-notes-form__desktop___eO79Q",headerGridRow:"-esm-clinical-workflow__visit-notes-form__headerGridRow___TtcxL",dataGridRow:"-esm-clinical-workflow__visit-notes-form__dataGridRow___Wf6R5",formContainer:"-esm-clinical-workflow__visit-notes-form__formContainer___J8oOj",form:"-esm-clinical-workflow__visit-notes-form__form___JW5No",grid:"-esm-clinical-workflow__visit-notes-form__grid___b6YX+",row:"-esm-clinical-workflow__visit-notes-form__row___IwvDI",skeleton:"-esm-clinical-workflow__visit-notes-form__skeleton___0Ask0",errorMessage:"-esm-clinical-workflow__visit-notes-form__errorMessage___sw5fR",diagnoserrorOutline:"-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh",errorNotification:"-esm-clinical-workflow__visit-notes-form__errorNotification___Q2+hu",tag:"-esm-clinical-workflow__visit-notes-form__tag___itvd7",tagContent:"-esm-clinical-workflow__visit-notes-form__tagContent___EFvWx",tagIcon:"-esm-clinical-workflow__visit-notes-form__tagIcon___0xZQo",confirmedIcon:"-esm-clinical-workflow__visit-notes-form__confirmedIcon___PETAV",presumedIcon:"-esm-clinical-workflow__visit-notes-form__presumedIcon___5k3p8",uploadButton:"-esm-clinical-workflow__visit-notes-form__uploadButton___7iHS1",diagnosisListItem:"-esm-clinical-workflow__visit-notes-form__diagnosisListItem___WGURj",diagnosisRow:"-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp",diagnosisInfo:"-esm-clinical-workflow__visit-notes-form__diagnosisInfo___eeFdN",diagnosisName:"-esm-clinical-workflow__visit-notes-form__diagnosisName___B+Bog",addButton:"-esm-clinical-workflow__visit-notes-form__addButton___GU2WZ",certaintyDropdown:"-esm-clinical-workflow__visit-notes-form__certaintyDropdown___NoR58",dropdownHeader:"-esm-clinical-workflow__visit-notes-form__dropdownHeader___1qo8n",dropdownTitle:"-esm-clinical-workflow__visit-notes-form__dropdownTitle___+wQ7s",diagnosisPreview:"-esm-clinical-workflow__visit-notes-form__diagnosisPreview___n8w3C",dropdownSubtitle:"-esm-clinical-workflow__visit-notes-form__dropdownSubtitle___cRfNa",certaintyOptions:"-esm-clinical-workflow__visit-notes-form__certaintyOptions___9ECMV",certaintyOption:"-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9",optionContent:"-esm-clinical-workflow__visit-notes-form__optionContent___3vCzF",optionIcon:"-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa",optionText:"-esm-clinical-workflow__visit-notes-form__optionText___alJYp",optionTitle:"-esm-clinical-workflow__visit-notes-form__optionTitle___s+GBT",confirmedOption:"-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i",presumedOption:"-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s",optionDescription:"-esm-clinical-workflow__visit-notes-form__optionDescription___v25hG",dropdownFooter:"-esm-clinical-workflow__visit-notes-form__dropdownFooter___SE3xn"};let l=r},5061(e,n,t){t.r(n),t.d(n,{default:()=>ep});var a=t(3763),o=t.n(a),i=t(3373),r=t.n(i),l=t(5106),s=t.n(l),c=t(7942),d=t(9600);let f=function(){return d.A.Date.now()};var p=/\s/;let u=function(e){for(var n=e.length;n--&&p.test(e.charAt(n)););return n};var g=/^\s+/,m=t(4089),h=0/0,y=/^[-+]0x[0-9a-f]+$/i,_=/^0b[01]+$/i,A=/^0o[0-7]+$/i,b=parseInt;let w=function(e){if("number"==typeof e)return e;if((0,m.A)(e))return h;if((0,c.A)(e)){var n,t="function"==typeof e.valueOf?e.valueOf():e;e=(0,c.A)(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=(n=e)?n.slice(0,u(n)+1).replace(g,""):n;var a=_.test(e);return a||A.test(e)?b(e.slice(2),a?2:8):y.test(e)?h:+e};var v=Math.max,$=Math.min;let C=function(e,n,t){var a,o,i,r,l,s,d=0,p=!1,u=!1,g=!0;if("function"!=typeof e)throw TypeError("Expected a function");function m(n){var t=a,i=o;return a=o=void 0,d=n,r=e.apply(i,t)}function h(e){var t=e-s,a=e-d;return void 0===s||t>=n||t<0||u&&a>=i}function y(){var e,t,a,o=f();if(h(o))return _(o);l=setTimeout(y,(e=o-s,t=o-d,a=n-e,u?$(a,i-t):a))}function _(e){return(l=void 0,g&&a)?m(e):(a=o=void 0,r)}function A(){var e,t=f(),i=h(t);if(a=arguments,o=this,s=t,i){if(void 0===l)return d=e=s,l=setTimeout(y,n),p?m(e):r;if(u)return clearTimeout(l),l=setTimeout(y,n),m(s)}return void 0===l&&(l=setTimeout(y,n)),r}return n=w(n)||0,(0,c.A)(t)&&(p=!!t.leading,i=(u="maxWait"in t)?v(w(t.maxWait)||0,n):i,g="trailing"in t?!!t.trailing:g),A.cancel=function(){void 0!==l&&clearTimeout(l),d=0,a=s=o=l=void 0},A.flush=function(){return void 0===l?r:_(f())},A};var k=t(2338),E=t(2372),x=t(6461),D=t(4049),N=t(824),z=t(781),B=t(529),S=t(3760),I=t(5848),T=t(4632),F=t(6028),O=t(2191),M=t(5216),G=t(2591),R=t.n(G),W=t(1740),P=t.n(W),L=t(8128),j=t.n(L),H=t(855),U=t.n(H),V=t(3051),Y=t.n(V),q=t(3656),Q=t.n(q),X=t(5521),Z={};Z.styleTagTransform=Q(),Z.setAttributes=U(),Z.insert=j().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=Y(),R()(X.A,Z);let J=X.A&&X.A.locals?X.A.locals:void 0;function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function ee(e,n,t,a,o,i,r){try{var l=e[i](r),s=l.value}catch(e){t(e);return}l.done?n(s):Promise.resolve(s).then(a,o)}function en(e){return function(){var n=this,t=arguments;return new Promise(function(a,o){var i=e.apply(n,t);function r(e){ee(i,a,o,r,l,"next",e)}function l(e){ee(i,a,o,r,l,"throw",e)}r(void 0)})}}function et(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ea(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){et(e,n,t[n])})}return e}function eo(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 a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t})(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}),e}function ei(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],r=!0,l=!1;try{for(o=o.call(e);!(r=(t=o.next()).done)&&(i.push(t.value),!n||i.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==o.return||o.return()}finally{if(l)throw a}}return i}}(e,n)||el(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function er(e){return function(e){if(Array.isArray(e))return K(e)}(e)||function(e){if("u">typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||el(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function el(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return K(e,n)}}function es(e,n){var t,a,o,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},r=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),l=Object.defineProperty;return l(r,"next",{value:s(0)}),l(r,"throw",{value:s(1)}),l(r,"return",{value:s(2)}),"function"==typeof Symbol&&l(r,Symbol.iterator,{value:function(){return this}}),r;function s(l){return function(s){var c=[l,s];if(t)throw TypeError("Generator is already executing.");for(;r&&(r=0,c[0]&&(i=0)),i;)try{if(t=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,a=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===c[0]||2===c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=n.call(e,i)}catch(e){c=[6,e],a=0}finally{t=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}function ec(e){var n=e.name,t=e.control,i=e.labelText,r=e.placeholder,l=e.handleSearch,s=e.error,c=e.setIsSearching,d="tablet"===(0,F.useLayoutType)(),f=(0,a.useRef)(null),p=function(){f.current.focus()};return(0,a.useEffect)(function(){s&&p()},[s]),o().createElement(N.xI,{name:n,control:t,render:function(e){var t,a,p,u=e.field,g=u.value,m=u.onChange,h=u.onBlur,y=e.fieldState;return o().createElement(o().Fragment,null,o().createElement(F.ResponsiveWrapper,null,o().createElement(z.vji,{ref:f,size:d?"lg":"md",id:n,labelText:i,className:s&&J.diagnoserrorOutline,placeholder:r,renderIcon:s&&function(e){return o().createElement(T.BF,ea({fill:"red"},e))},onChange:function(e){c(!0),m(e),l(n)},value:(null!=(t=Date)&&"u">typeof Symbol&&t[Symbol.hasInstance]?!!t[Symbol.hasInstance](g):g instanceof t)?g.toISOString():g,onBlur:h})),(null==y||null==(a=y.error)?void 0:a.message)&&o().createElement("p",{className:J.errorMessage},null==y||null==(p=y.error)?void 0:p.message))}})}function ed(e){var n=e.fieldName,t=e.isDiagnosisNotSelected,i=e.isLoading,l=e.isSearching,s=e.onAddDiagnosis,c=e.searchResults,d=e.t,f=e.value,p=ei((0,a.useState)(null),2),u=p[0],g=p[1],m=ei((0,a.useState)(!1),2),h=m[0],y=m[1],_=(0,a.useRef)(null);return((0,F.useLayoutType)(),(0,a.useEffect)(function(){var e=function(e){_.current&&!_.current.contains(e.target)&&(y(!1),g(null))};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]),f)?l||i?o().createElement(ef,null):!l&&(null==c?void 0:c.length)>0?o().createElement("ul",{className:J.diagnosisList},c.map(function(e,a){if(t(e))return o().createElement("li",{key:a,className:J.diagnosisListItem},o().createElement("div",{className:J.diagnosisRow},o().createElement("div",{className:J.diagnosisInfo},o().createElement("span",{className:J.diagnosisName},e.display)),o().createElement(z.$nd,{size:"sm",kind:"ghost",onClick:function(n){n.stopPropagation(),g(e),y(!h||(null==u?void 0:u.uuid)!==e.uuid)},className:J.addButton,renderIcon:I.OM,iconDescription:d("addWithCertainty","Add with certainty")},d("add","Add"))),(null==u?void 0:u.uuid)===e.uuid&&h&&o().createElement("div",{ref:_,className:J.certaintyDropdown},o().createElement("div",{className:J.dropdownHeader},o().createElement("div",{className:J.dropdownTitle},o().createElement("span",{className:J.diagnosisPreview},e.display.length>40?"".concat(e.display.substring(0,40),"..."):e.display)),o().createElement("p",{className:J.dropdownSubtitle},d("selectCertainty","Select certainty level"))),o().createElement("div",{className:J.certaintyOptions},o().createElement("button",{className:r()(J.certaintyOption,J.confirmedOption),onClick:function(){s(e,"CONFIRMED",n),y(!1),g(null)}},o().createElement("div",{className:J.optionContent},o().createElement(B._j,{size:16,className:J.optionIcon}),o().createElement("div",{className:J.optionText},o().createElement("span",{className:J.optionTitle},d("confirmed","Confirmed"))))),o().createElement("button",{className:r()(J.certaintyOption,J.presumedOption),onClick:function(){s(e,"PROVISIONAL",n),y(!1),g(null)}},o().createElement("div",{className:J.optionContent},o().createElement(S._V,{size:16,className:J.optionIcon}),o().createElement("div",{className:J.optionText},o().createElement("span",{className:J.optionTitle},d("presumed","Presumed")))))),o().createElement("div",{className:J.dropdownFooter},o().createElement(z.$nd,{size:"sm",kind:"tertiary",onClick:function(){y(!1),g(null)}},d("cancel","Cancel")))))})):(null==c?void 0:c.length)===0?o().createElement(F.ResponsiveWrapper,null,o().createElement(z.FAs,{className:J.emptyResults},o().createElement("span",null,d("noMatchingDiagnoses","No diagnoses found matching")," ",o().createElement("strong",null,'"',f,'"')))):void 0:null}function ef(){return o().createElement(o().Fragment,null,Array.from({length:5}).map(function(e,n){return o().createElement(z.rrI,{key:n,className:J.skeleton})}))}let ep=function(e){var n,t,i,l,c,d,f,p,u,g,m,h,y,_,A,b,w,v,$,T=e.closeWorkspace,G=e.workspaceProps,R=G.formContext,W=G.encounter,P=e.groupProps.patientUuid,L=!!("editing"===R&&(null==W?void 0:W.id)),j=(0,k.useTranslation)().t,H="tablet"===(0,F.useLayoutType)(),U=(0,F.useSession)(),V=(0,F.useConfig)(),Y=V.isPrimaryDiagnosisRequired,q=V.visitNoteConfig,Q=(0,a.useMemo)(function(){return{patientUuid:P}},[P]),X=q.clinicianEncounterRole,Z=q.encounterNoteTextConceptUuid,K=q.encounterTypeUuid,ee=q.formConceptUuid,el=ei((0,a.useState)(!1),2),ef=el[0],ep=el[1],eu=ei((0,a.useState)(!1),2),eg=eu[0],em=eu[1],eh=ei((0,a.useState)(!1),2),ey=eh[0],e_=eh[1],eA=ei((0,a.useState)([]),2),eb=eA[0],ew=eA[1],ev=ei((0,a.useState)([]),2),e$=ev[0],eC=ev[1],ek=ei((0,a.useState)(null),2),eE=ek[0],ex=ek[1],eD=ei((0,a.useState)(null),2),eN=eD[0],ez=eD[1],eB=ei((0,a.useState)([]),2),eS=eB[0],eI=eB[1],eT=ei((0,a.useState)(),2),eF=eT[0],eO=eT[1],eM=ei((0,a.useState)(null),2),eG=eM[0],eR=eM[1],eW=(0,O.K_)().allowedFileExtensions,eP=ei((0,a.useState)(!1),2),eL=eP[0],ej=eP[1],eH=(0,a.useMemo)(function(){return x.Ik({noteDate:x.p6(),primaryDiagnosisSearch:x.Yj(),secondaryDiagnosisSearch:x.Yj().optional(),clinicalNote:x.Yj().optional(),images:x.YO(x.bz()).optional()})},[j]),eU=(0,a.useCallback)(function(e,n,t){return en(function(){var a;return es(this,function(o){switch(o.label){case 0:return[4,(0,D.u)(eH)(e,n,t)];case 1:if(a=o.sent(),Y&&0===eb.length)return[2,eo(ea({},a),{errors:eo(ea({},a.errors),{primaryDiagnosisSearch:{type:"custom",message:j("primaryDiagnosisRequired","Choose at least one primary diagnosis")}})})];return[2,a]}})})()},[eH,Y,eb,j]),eV=(0,N.mN)({mode:"onSubmit",resolver:eU,defaultValues:{primaryDiagnosisSearch:"",noteDate:L?new Date(W.datetime):new Date,clinicalNote:L?String((null==W||null==(b=W.obs)||null==(A=b.find(function(e){return e.concept.uuid===Z}))?void 0:A.value)||""):""}}),eY=eV.clearErrors,eq=eV.control,eQ=eV.formState,eX=eQ.errors,eZ=eQ.isDirty,eJ=eQ.isSubmitting,eK=eV.handleSubmit,e0=eV.setValue,e1=eV.watch;(0,a.useEffect)(function(){var e;if(null==W||null==(e=W.diagnoses)?void 0:e.length)try{var n=W.diagnoses.map(function(e){var n;return{patient:P,diagnosis:{coded:null==(n=e.diagnosis.coded)?void 0:n.uuid},certainty:e.certainty,rank:e.rank,display:e.display}}),t=n.filter(function(e){return 1===e.rank}),a=n.filter(function(e){return 2===e.rank});ew(t),eC(a),eI(er(t).concat(er(a)))}catch(e){eR(Error(j("errorTransformingDiagnoses","Error transforming diagnoses"))),(0,F.createErrorHandler)()}},[W,P,j]);var e2=e1("images"),e3=(c=(l=(0,F.useConfig)().visitNoteConfig).encounterNoteTextConceptUuid,d=l.visitDiagnosesConceptUuid,f="".concat(F.restBaseUrl,"/encounter?patient=").concat(P,"&obs=").concat(d,"&v=").concat("custom:(uuid,display,encounterDatetime,patient,obs,encounterProviders:(uuid,display,encounterRole:(uuid,display),provider:(uuid,person:(uuid,display))),diagnoses"),u=(p=(0,M.Ay)(f,F.openmrsFetch)).data,g=p.error,m=p.isLoading,h=p.isValidating,y=p.mutate,_=null==u||null==(i=u.data)||null==(t=i.results)||null==(n=t.map(function(e,n){var t,a,o,i,r,l,s;return{id:"".concat(n),diagnoses:e.diagnoses.filter(function(e){return!e.voided}).map(function(e){return e.display}).filter(function(e){return e}).join(", "),encounterDate:e.encounterDatetime,encounterNote:null==(t=e.obs.find(function(e){return e.concept.uuid===c}))?void 0:t.value,encounterNoteRecordedAt:null==(a=e.obs.find(function(e){return e.concept.uuid===c}))?void 0:a.obsDatetime,encounterProvider:null==e||null==(r=e.encounterProviders[0])||null==(i=r.provider)||null==(o=i.person)?void 0:o.display,encounterProviderRole:null==e||null==(s=e.encounterProviders[0])||null==(l=s.encounterRole)?void 0:l.display}}))?void 0:n.sort(function(e,n){return new Date(n.encounterDate).getTime()-new Date(e.encounterDate).getTime()}),{visitNotes:u?_:null,error:g,isLoading:m,isValidating:h,mutateVisitNotes:y}).mutateVisitNotes,e5=(0,E.iX)().mutate,e6=(0,a.useCallback)(function(){return e5(function(e){return"string"==typeof e&&e.startsWith("".concat(F.restBaseUrl,"/attachment"))})},[e5]),e8=null==U||null==(w=U.sessionLocation)?void 0:w.uuid,e4=null==U||null==(v=U.currentProvider)?void 0:v.uuid,e7=(0,a.useMemo)(function(){return C(function(e,n){if(eY("primaryDiagnosisSearch"),e){var t,a;"primaryDiagnosisSearch"===n?ep(!0):"secondaryDiagnosisSearch"===n&&em(!0),(t=V.diagnosisConceptClass,a="".concat(F.restBaseUrl,"/concept?name=").concat(e,"&searchType=fuzzy&class=").concat(t,"&v=").concat("custom:(uuid,display)"),(0,F.openmrsFetch)(a).then(function(e){return Promise.resolve(e.data.results)})).then(function(e){"primaryDiagnosisSearch"===n?(ex(e),ep(!1)):"secondaryDiagnosisSearch"===n&&(ez(e),em(!1))}).catch(function(e){eR(e),(0,F.createErrorHandler)()})}},500)},[V.diagnosisConceptClass,eY]),e9=(0,a.useCallback)(function(e){var n=e1(e);n&&e7(n,e),e_(!1)},[e7,e1]),ne=(0,a.useCallback)(function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"PROVISIONAL";return{certainty:n,display:e.display,diagnosis:{coded:e.uuid},patient:P,rank:2}},[P]),nn=(0,a.useCallback)(function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"PROVISIONAL",t=arguments.length>2?arguments[2]:void 0,a=ne(e,n);"primaryDiagnosisSearch"===t?(a.rank=1,e0("primaryDiagnosisSearch",""),ex([]),ew(function(e){return er(e).concat([a])}),eY("primaryDiagnosisSearch")):"secondaryDiagnosisSearch"===t&&(e0("secondaryDiagnosisSearch",""),ez([]),eC(function(e){return er(e).concat([a])})),eI(function(e){return er(e).concat([a])})},[ne,e0,eY]),nt=(0,a.useCallback)(function(e,n){"primaryInputSearch"===n?ew(eb.filter(function(n){return n.diagnosis.coded!==e.diagnosis.coded})):"secondaryInputSearch"===n&&eC(e$.filter(function(n){return n.diagnosis.coded!==e.diagnosis.coded})),eI(eS.filter(function(n){return n.diagnosis.coded!==e.diagnosis.coded}))},[eS,eb,e$]),na=function(e){var n=eb.some(function(n){return e.uuid===n.diagnosis.coded}),t=e$.some(function(n){return e.uuid===n.diagnosis.coded});return!n&&!t},no=(0,a.useCallback)(function(){var e=(0,F.showModal)("capture-photo-modal",{saveFile:function(n){return n.capturedFromWebcam&&!n.fileName.includes(".")&&(n.fileName="".concat(n.fileName,".png")),e0("images",e2?er(e2).concat([n]):[n]),e(),Promise.resolve()},closeModal:function(){e()},allowedExtensions:eW&&Array.isArray(eW)?eW.filter(function(e){return!/pdf/i.test(e)}):[],collectDescription:!0,multipleFiles:!0})},[eW,e2,e0]),ni=function(e){var n=er(e2);n.splice(e,1),e0("images",n),(0,F.showSnackbar)({title:j("imageRemoved","Image removed"),kind:"success",isLowContrast:!0})},nr=(0,a.useCallback)(function(e){return en(function(){var n,t,a,o,i,r,l,c,d,f,p,u,g,m,h,y;return es(this,function(_){switch(_.label){case 0:if(eL)return[2];ej(!0),_.label=1;case 1:var A,b,w;if(_.trys.push([1,8,9,10]),a=e.noteDate,o=e.clinicalNote,i=e.images,Y&&!eb.length)return[2];return r=s()(a),l=new Date,30>=r.diff(l,"minute")&&(r=null),c=null==W||null==(n=W.obs)?void 0:n.find(function(e){return e.concept.uuid===Z}),d={encounterDatetime:null==r?void 0:r.format(),form:ee,patient:P,location:e8,encounterProviders:[{encounterRole:X,provider:e4}],encounterType:K,obs:o?[ea({concept:{uuid:Z,display:""},value:o},c&&{uuid:c.uuid})]:[]},f=new AbortController,[4,L?(A=f,b=W.id,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/encounter/").concat(b),{headers:{"Content-Type":"application/json"},method:"POST",body:d,signal:A.signal})):(w=f,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/encounter"),{headers:{"Content-Type":"application/json"},method:"POST",body:d,signal:w.signal}))];case 2:if(201!==(p=_.sent()).status&&200!==p.status)throw Error("Unexpected response status");if(u=L?W.id:p.data.uuid,!(L&&(null==W||null==(t=W.diagnoses)?void 0:t.length)))return[3,4];return[4,Promise.all(W.diagnoses.map(function(e){var n,t;return n=f,t=e.uuid,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/patientdiagnoses/").concat(t),{method:"DELETE",signal:n.signal})}))];case 3:_.sent(),_.label=4;case 4:return[4,Promise.all(eS.map(function(e){var n,t={encounter:u,patient:P,condition:null,diagnosis:{coded:e.diagnosis.coded},certainty:e.certainty,rank:e.rank};return n=f,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/patientdiagnoses"),{headers:{"Content-Type":"application/json"},method:"POST",body:t,signal:n.signal})}))];case 5:if(_.sent(),!(null==i?void 0:i.length))return[3,7];return[4,Promise.all(i.map(function(e){var n={base64Content:e.base64Content,file:e.file,fileName:e.fileName,fileType:e.fileType,fileDescription:e.fileDescription||""};return(0,F.createAttachment)(P,n)}))];case 6:_.sent(),_.label=7;case 7:return(0,O.Fg)(e5,P),e3(),(null==i?void 0:i.length)&&e6(),T({discardUnsavedChanges:!0}),(0,F.showSnackbar)({isLowContrast:!0,subtitle:j("visitNoteNowVisible","It is now visible on the Visits page"),kind:"success",title:j("visitNoteSaved","Visit note saved")}),[3,10];case 8:return g=_.sent(),(0,F.createErrorHandler)(),(0,F.showSnackbar)({title:j("visitNoteSaveError","Error saving visit note"),kind:"error",isLowContrast:!1,subtitle:null!=(m=null==g||null==(y=g.responseBody)||null==(h=y.error)?void 0:h.message)?m:g.message}),[3,10];case 9:return ej(!1),[7];case 10:return[2]}})})()},[eL,L,W,Y,eb.length,eS,X,e4,e8,K,ee,Z,P,e5,e3,e6,T,j]);return o().createElement(F.Workspace2,{title:j("visitNoteWorkspaceTitle","Visit note"),hasUnsavedChanges:eZ},o().createElement(z.lVW,{className:J.form,onSubmit:eK(nr,function(e){return console.error(e)})},o().createElement(F.ExtensionSlot,{name:"visit-context-header-slot",state:{patientUuid:P}}),H&&o().createElement(z.fI1,{className:J.headerGridRow},o().createElement(F.ExtensionSlot,{name:"visit-form-header-slot",className:J.dataGridRow,state:Q})),o().createElement("div",{className:J.formContainer},o().createElement(z.BJc,{gap:2},H?o().createElement("h2",{className:J.heading},j("addVisitNote","Add a visit note")):null,o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("date","Date"))),o().createElement(z.VPZ,{sm:3},o().createElement(N.xI,{name:"noteDate",control:eq,render:function(e){var n,t,a=e.field,i=e.fieldState;return o().createElement(F.ResponsiveWrapper,null,o().createElement(F.OpenmrsDatePicker,eo(ea({},a),{"data-testid":"visitDateTimePicker",id:"visitDateTimePicker",invalid:!!(null==i||null==(n=i.error)?void 0:n.message),invalidText:null==i||null==(t=i.error)?void 0:t.message,isDisabled:L,labelText:j("visitDate","Visit date"),maxDate:new Date})))}}))),o().createElement("div",{className:J.diagnosesText},eb&&eb.length?o().createElement(o().Fragment,null,eb.map(function(e,n){var t=e.display.length>30?"".concat(e.display.substring(0,30),"..."):e.display,a="CONFIRMED"===e.certainty?j("confirmed","Confirmed"):j("presumed","Presumed");return o().createElement("div",{key:n,className:J.tagWrapper,title:"".concat(e.display," (").concat(a,")")},o().createElement(z.vwO,{className:J.tag,filter:!0,onClose:function(){return nt(e,"primaryInputSearch")},type:"red"},o().createElement("span",{className:J.tagContent},t,"CONFIRMED"===e.certainty?o().createElement(B._j,{size:14,className:r()(J.tagIcon,J.confirmedIcon)}):o().createElement(S._V,{size:14,className:r()(J.tagIcon,J.presumedIcon)}))))})):null,e$&&e$.length?o().createElement(o().Fragment,null,e$.map(function(e,n){var t=e.display.length>30?"".concat(e.display.substring(0,30),"..."):e.display,a="CONFIRMED"===e.certainty?j("confirmed","Confirmed"):j("presumed","Presumed");return o().createElement("div",{key:n,className:J.tagWrapper,title:"".concat(e.display," (").concat(a,")")},o().createElement(z.vwO,{className:J.tag,filter:!0,onClose:function(){return nt(e,"secondaryInputSearch")},type:"blue"},o().createElement("span",{className:J.tagContent},t,"CONFIRMED"===e.certainty?o().createElement(B._j,{size:12,className:r()(J.tagIcon,J.confirmedIcon)}):o().createElement(S._V,{size:12,className:r()(J.tagIcon,J.presumedIcon)}))))})):null,eb&&!eb.length&&e$&&!e$.length&&o().createElement("span",null,j("emptyDiagnosisText","No diagnosis selected — Enter a diagnosis below"))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("primaryDiagnosis","Primary diagnosis"))),o().createElement(z.VPZ,{sm:3},o().createElement(z.gE_,{legendText:j("searchForPrimaryDiagnosis","Search for a primary diagnosis")},o().createElement(ec,{name:"primaryDiagnosisSearch",control:eq,labelText:j("enterPrimaryDiagnoses","Enter Primary diagnoses"),placeholder:j("primaryDiagnosisInputPlaceholder","Choose a primary diagnosis"),handleSearch:e9,error:null==eX?void 0:eX.primaryDiagnosisSearch,setIsSearching:e_}),eG?o().createElement(z.jeF,{className:J.errorNotification,lowContrast:!0,title:j("error","Error"),subtitle:j("errorFetchingConcepts","There was a problem fetching concepts")+".",onClose:function(){return eR(null)}}):null,o().createElement(ed,{fieldName:"primaryDiagnosisSearch",isDiagnosisNotSelected:na,isLoading:ef,isSearching:ey,onAddDiagnosis:nn,searchResults:eE,t:j,value:e1("primaryDiagnosisSearch")})))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("secondaryDiagnosis","Secondary diagnosis"))),o().createElement(z.VPZ,{sm:3},o().createElement(z.gE_,{legendText:j("searchForSecondaryDiagnosis","Search for a secondary diagnosis")},o().createElement(ec,{name:"secondaryDiagnosisSearch",control:eq,labelText:j("enterSecondaryDiagnoses","Enter Secondary diagnoses"),placeholder:j("secondaryDiagnosisInputPlaceholder","Choose a secondary diagnosis"),handleSearch:e9,setIsSearching:e_}),eG?o().createElement(z.jeF,{className:J.errorNotification,lowContrast:!0,title:j("error","Error"),subtitle:j("errorFetchingConcepts","There was a problem fetching concepts")+".",onClose:function(){return eR(null)}}):null,o().createElement(ed,{fieldName:"secondaryDiagnosisSearch",isDiagnosisNotSelected:na,isLoading:eg,isSearching:ey,onAddDiagnosis:nn,searchResults:eN,t:j,value:e1("secondaryDiagnosisSearch")})))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("note","Note"))),o().createElement(z.VPZ,{sm:3},o().createElement(N.xI,{name:"clinicalNote",control:eq,render:function(e){var n=e.field,t=n.onChange,a=n.onBlur,i=n.value;return o().createElement(F.ResponsiveWrapper,null,o().createElement(z.fs1,{id:"additionalNote",rows:eF,labelText:j("clinicalNoteLabel","Write your notes"),placeholder:j("clinicalNotePlaceholder","Write any notes here"),value:i,onBlur:a,onChange:function(e){t(e),eO(Math.ceil(e.target.scrollHeight/24))}}))}}))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("image","Image"))),o().createElement(z.VPZ,{sm:3},o().createElement(z.gE_,{legendText:""},o().createElement("p",{className:J.imgUploadHelperText},j("imageUploadHelperText","Upload images or use this device's camera to capture images")),o().createElement(z.$nd,{className:J.uploadButton,kind:H?"ghost":"tertiary",onClick:no,renderIcon:function(e){return o().createElement(I.OM,ea({size:16},e))}},j("addImage","Add image")),o().createElement("div",{className:J.imgThumbnailGrid},null==e2?void 0:e2.map(function(e,n){var t;return o().createElement("div",{key:n,className:J.imgThumbnailItem},o().createElement("div",{className:J.imgThumbnailContainer},o().createElement("img",{className:J.imgThumbnail,src:e.base64Content,alt:null!=(t=e.fileDescription)?t:e.fileName})),o().createElement(z.$nd,{kind:"ghost",className:J.removeButton,onClick:function(){return ni(n)}},o().createElement(B.R9,{size:16,className:J.closeIcon})))}))))))),o().createElement(z.Te$,{className:r()((et($={},J.tablet,H),et($,J.desktop,!H),$))},o().createElement(z.$nd,{className:J.button,kind:"secondary",onClick:function(){return T()}},j("discard","Discard")),o().createElement(z.$nd,{className:J.button,kind:"primary",type:"submit",disabled:eJ||eL},eJ||eL?o().createElement(z.OuH,{description:j("saving","Saving")+"..."}):o().createElement("span",null,j("saveAndClose","Save and close"))))))}}}]);
+"use strict";(globalThis.webpackChunk_palladium_ethiopia_esm_clinical_workflow_app=globalThis.webpackChunk_palladium_ethiopia_esm_clinical_workflow_app||[]).push([["534"],{45521(e,n,t){t.d(n,{A:()=>l});var a=t(71452),o=t.n(a),i=t(34567),r=t.n(i)()(o());r.push([e.id,".-esm-clinical-workflow__visit-notes-form__heading___ZlAnM{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);margin-bottom:.5rem}.-esm-clinical-workflow__visit-notes-form__columnLabel___3FMY3{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);color:#525252}.-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r{padding:.75rem;border-top:1px solid #e0e0e0}.-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r:first-of-type{border-top:none}.-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r:last-of-type{border-bottom:none}.-esm-clinical-workflow__visit-notes-form__diagnosisList___pCZti{background-color:#fff;max-height:20rem;overflow-y:auto;border:1px solid #e0e0e0;display:flex;flex-direction:column}.-esm-clinical-workflow__visit-notes-form__diagnosisList___pCZti li:hover{background-color:#e0e0e0}.-esm-clinical-workflow__visit-notes-form__diagnosesText___KOCDA{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);color:#525252;margin-bottom:1rem}.-esm-clinical-workflow__visit-notes-form__emptyResults___zSosY{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);color:#525252;min-height:1rem}.-esm-clinical-workflow__visit-notes-form__imgUploadHelperText___SW8\\+e{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);color:#525252}.-esm-clinical-workflow__visit-notes-form__imgThumbnailContainer___6dMXX{height:6rem;width:6rem}.-esm-clinical-workflow__visit-notes-form__imgThumbnail___ZjDT6{width:100%;height:100%;object-fit:cover}.-esm-clinical-workflow__visit-notes-form__imgThumbnailGrid___B\\+hr4{display:grid;grid-template-columns:repeat(auto-fill, 6rem);gap:1rem;margin-top:1rem}.-esm-clinical-workflow__visit-notes-form__imgThumbnailItem___Ji9nw{display:flex;flex-direction:column;align-items:center;position:relative}.-esm-clinical-workflow__visit-notes-form__removeButton___SgDDk{position:absolute;top:.25rem;right:.25rem;background-color:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;--cds-layout-size-height-local: 0}.-esm-clinical-workflow__visit-notes-form__closeIcon___JzL4r{fill:#fff !important}.-esm-clinical-workflow__visit-notes-form__button___iplWK{height:4rem;display:flex;align-content:flex-start;align-items:baseline;min-width:50%}.-esm-clinical-workflow__visit-notes-form__spinner___j6RuL{min-height:1rem}.-esm-clinical-workflow__visit-notes-form__tablet___OG5JC{padding:1.5rem 1rem;background-color:#fff}.-esm-clinical-workflow__visit-notes-form__desktop___eO79Q{padding:0}.-esm-clinical-workflow__visit-notes-form__headerGridRow___TtcxL{border-bottom:1px solid #e0e0e0;margin:0}.-esm-clinical-workflow__visit-notes-form__dataGridRow___Wf6R5{display:grid;grid-template-columns:50% 10% 1fr;margin:.5rem 1rem}.-esm-clinical-workflow__visit-notes-form__formContainer___J8oOj{margin:1rem;flex:1}.-esm-clinical-workflow__visit-notes-form__form___JW5No{display:flex;flex-direction:column;justify-content:space-between;height:100%}.-esm-clinical-workflow__visit-notes-form__grid___b6YX\\+{margin:0;padding:0}.-esm-clinical-workflow__visit-notes-form__row___IwvDI{margin:.5rem 0 2.5rem}.-esm-clinical-workflow__visit-notes-form__skeleton___0Ask0{margin-top:.25rem;height:2rem}.-esm-clinical-workflow__visit-notes-form__errorMessage___sw5fR{font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);color:#da1e28;margin-top:.5rem}.-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh{max-width:20rem}.-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh .cds--search-input:focus{outline:2px solid #da1e28}.-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh .cds--search-magnifier svg{fill:#da1e28}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__form___JW5No{height:100%}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__row___IwvDI{display:flex;gap:4rem}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__row___IwvDI .cds--col-sm-1{flex-basis:30%;min-width:5rem;text-align:left}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__row___IwvDI .cds--col-sm-3{flex-basis:70%}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r{padding:1rem .75rem}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__skeleton___0Ask0{height:2.5rem}.-esm-clinical-workflow__visit-notes-form__errorNotification___Q2\\+hu{margin-top:.25rem}.-esm-clinical-workflow__visit-notes-form__tag___itvd7{max-width:20rem;margin-right:.5rem;margin-left:0}.-esm-clinical-workflow__visit-notes-form__tag___itvd7 .cds--tag__label{display:flex;align-items:center}.-esm-clinical-workflow__visit-notes-form__tagContent___EFvWx{display:flex;align-items:center;gap:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.-esm-clinical-workflow__visit-notes-form__tagIcon___0xZQo{flex-shrink:0}.-esm-clinical-workflow__visit-notes-form__confirmedIcon___PETAV{color:#198038}.-esm-clinical-workflow__visit-notes-form__presumedIcon___5k3p8{color:#ba4e00}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__tag___itvd7{max-width:4rem}.-esm-clinical-workflow__visit-notes-form__uploadButton___7iHS1{margin-top:1rem}.-esm-clinical-workflow__visit-notes-form__diagnosisListItem___WGURj{position:relative;margin-bottom:.25rem;height:auto}.-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:2px;transition:all .1s ease;cursor:pointer;min-height:2.5rem}.-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp:hover{background-color:#f4f4f4;border-color:#c6c6c6}.-esm-clinical-workflow__visit-notes-form__diagnosisInfo___eeFdN{flex:1;margin-right:.5rem}.-esm-clinical-workflow__visit-notes-form__diagnosisName___B\\+Bog{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);color:#161616}.-esm-clinical-workflow__visit-notes-form__addButton___GU2WZ{min-width:2rem;flex-shrink:0;padding:.25rem .5rem;height:2rem}.-esm-clinical-workflow__visit-notes-form__certaintyDropdown___NoR58{position:relative;z-index:10;margin-top:.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:2px;box-shadow:none;overflow:hidden}.-esm-clinical-workflow__visit-notes-form__dropdownHeader___1qo8n{padding:.5rem;border-bottom:1px solid #e0e0e0;background:#f4f4f4}.-esm-clinical-workflow__visit-notes-form__dropdownTitle___\\+wQ7s{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);color:#161616;margin-bottom:.125rem}.-esm-clinical-workflow__visit-notes-form__diagnosisPreview___n8w3C{color:#0f62fe;font-weight:600}.-esm-clinical-workflow__visit-notes-form__dropdownSubtitle___cRfNa{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;margin:0}.-esm-clinical-workflow__visit-notes-form__certaintyOptions___9ECMV{padding:.25rem;display:flex;gap:.125rem}.-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9{flex:1;padding:.25rem;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:2px;cursor:pointer;transition:all .1s ease;outline:none;min-height:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:0}.-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9:hover{border-color:#0f62fe;background:#f4f4f4}.-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9:focus{outline:2px solid #0f62fe;outline-offset:-2px}.-esm-clinical-workflow__visit-notes-form__optionContent___3vCzF{display:flex;align-items:center;gap:.125rem;justify-content:center}.-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa{width:.75rem;height:.75rem}.-esm-clinical-workflow__visit-notes-form__optionText___alJYp{text-align:center}.-esm-clinical-workflow__visit-notes-form__optionTitle___s\\+GBT{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#161616;font-weight:600;white-space:nowrap}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i{border-color:#6fdc8c;background:#defbe6}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i:hover{border-color:#198038;background:#a7f0ba}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i .-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa{color:#198038}.-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i .-esm-clinical-workflow__visit-notes-form__optionTitle___s\\+GBT{color:#0e6027}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s{border-color:#fddc69;background:#fcf4d6}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s:hover{border-color:#f1c21b;background:#fddc69}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s .-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa{color:#d2a106}.-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s .-esm-clinical-workflow__visit-notes-form__optionTitle___s\\+GBT{color:#684e00}.-esm-clinical-workflow__visit-notes-form__optionDescription___v25hG{display:none}.-esm-clinical-workflow__visit-notes-form__dropdownFooter___SE3xn{padding:.25rem .5rem;border-top:1px solid #e0e0e0;text-align:right;background:#f4f4f4}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__certaintyDropdown___NoR58{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:20rem;max-height:70vh;overflow-y:auto;margin-top:0}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp{padding:.5rem;min-height:3rem}.omrs-breakpoint-lt-desktop .-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9{padding:.5rem;min-height:3rem}","",{version:3,sources:["webpack://./src/patient-notes/visit-notes-form.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,2DC81BI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD51BF,mBEeW,CFZb,+DCy1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDv1BF,aGqCQ,CHlCV,6DACE,cEWW,CFVX,4BAAA,CAGF,2EACE,eAAA,CAGF,0EACE,kBAAA,CAGF,iEACE,qBGnBM,CHoBN,gBAAA,CACA,eAAA,CACA,wBAAA,CACA,YAAA,CACA,qBAAA,CAGF,0EACE,wBGMQ,CHHV,iEC0zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDxzBF,aGMQ,CHLR,kBEZW,CFeb,gECozBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDlzBF,aAAA,CACA,eElBW,CFqBb,wEC8yBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD5yBF,aGNQ,CHSV,yEACE,WEQW,CFPX,UEOW,CFJb,gEACE,UAAA,CACA,WAAA,CACA,gBAAA,CAGF,qEACE,YAAA,CACA,6CAAA,CACA,QExCW,CFyCX,eEzCW,CF4Cb,oEACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,iBAAA,CAGF,gEACE,iBAAA,CACA,UEpEW,CFqEX,YErEW,CFsEX,8BAAA,CACA,WAAA,CACA,SAAA,CACA,cAAA,CACA,iCAAA,CAGF,6DACE,oBAAA,CAGF,0DACE,WE1CW,CF2CX,YAAA,CACA,wBAAA,CACA,oBAAA,CACA,aAAA,CAGF,2DACE,eE3EW,CF8Eb,0DACE,mBAAA,CACA,qBGtGM,CHyGR,2DACE,SAAA,CAGF,iEACE,+BAAA,CACA,QAAA,CAGF,+DACE,YAAA,CACA,iCAAA,CACA,iBAAA,CAGF,iEACE,WEnGW,CFoGX,MAAA,CAGF,wDACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,WAAA,CAGF,yDACE,QAAA,CACA,SAAA,CAGF,uDACE,qBAAA,CAGF,4DACE,iBEvIW,CFwIX,WE/GW,CFkHb,gECusBI,iDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDrsBF,aG5DO,CH6DP,gBEzIW,CF4Ib,uEACE,eAAA,CAEA,gGACE,yBAAA,CAIA,kGACE,YGzEG,CH+EP,oFACE,WAAA,CAGF,mFACE,YAAA,CACA,QE9HS,CFgIT,kGACE,cAAA,CACA,cE7HO,CF8HP,eAAA,CAGF,kGACE,cAAA,CAIJ,yFACE,mBAAA,CAGF,wFACE,aE1JS,CF8Jb,sEACE,iBE7LW,CFgMb,uDACE,eAAA,CACA,kBE7LW,CF8LX,aAAA,CAEA,wEACE,YAAA,CACA,kBAAA,CAIJ,8DACE,YAAA,CACA,kBAAA,CACA,WEnNW,CFoNX,eAAA,CACA,sBAAA,CACA,kBAAA,CACA,MAAA,CAGF,2DACE,aAAA,CAGF,iEACE,aGjLS,CHoLX,gEACE,aGjKU,CHqKV,mFACE,cE3LS,CF+Lb,gEACE,eEzNW,CF4Nb,qEACE,iBAAA,CACA,oBE7OW,CF8OX,WAAA,CAGF,gEACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,aEhPW,CFiPX,qBG7PM,CH8PN,wBAAA,CACA,iBAAA,CACA,uBAAA,CACA,cAAA,CACA,iBE7NW,CF+NX,sEACE,wBGpOM,CHqON,oBGnOM,CHuOV,iEACE,MAAA,CACA,kBEhQW,CFmQb,kEC0kBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDxkBF,aGvOS,CH0OX,6DACE,cErPW,CFsPX,aAAA,CACA,oBAAA,CACA,WExPW,CF2Pb,qEACE,iBAAA,CACA,UAAA,CACA,iBEvRW,CFwRX,eG/RM,CHgSN,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CAGF,kEACE,aE3RW,CF4RX,+BAAA,CACA,kBGxQQ,CH2QV,kEC6iBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD3iBF,aGpQS,CHqQT,qBE7SW,CFgTb,oEACE,aG3SQ,CH4SR,eAAA,CAGF,oECkiBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDhiBF,aGlRQ,CHmRR,QAAA,CAGF,oEACE,cEvTW,CFwTX,YAAA,CACA,WE9TW,CFiUb,mEACE,MAAA,CACA,cE9TW,CF+TX,iBAAA,CACA,eGvUM,CHwUN,wBAAA,CACA,iBAAA,CACA,cAAA,CACA,uBAAA,CACA,YAAA,CACA,eE7SW,CF8SX,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CAEA,yEACE,oBG5UM,CH6UN,kBGpTM,CHuTR,yEACE,yBAAA,CACA,mBAAA,CAIJ,iEACE,YAAA,CACA,kBAAA,CACA,WE/VW,CFgWX,sBAAA,CAGF,8DACE,YErVW,CFsVX,aEtVW,CFyVb,8DACE,iBAAA,CAGF,gEC2eI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDzeF,aGtUS,CHuUT,eAAA,CACA,kBAAA,CAGF,mEACE,oBGzUS,CH0UT,kBG5US,CH8UT,yEACE,oBG1UO,CH2UP,kBG/UO,CHkVT,iIACE,aG/UO,CHkVT,mIACE,aGlVO,CHsVX,kEACE,oBGrRU,CHsRV,kBGvRU,CHyRV,wEACE,oBGxRQ,CHyRR,kBG1RQ,CH6RV,gIACE,aG5RQ,CH+RV,kIACE,aG7RQ,CHiSZ,qEACE,YAAA,CAGF,kEACE,oBAAA,CACA,4BAAA,CACA,gBAAA,CACA,kBGhYQ,CHqYR,iGACE,cAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,SAAA,CACA,eAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CAGF,4FACE,aEvaS,CFwaT,eE1YS,CF6YX,+FACE,aE5aS,CF6aT,eE/YS",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.heading {\n  @include type.type-style('heading-03');\n  margin-bottom: layout.$spacing-03;\n}\n\n.columnLabel {\n  @include type.type-style('heading-compact-02');\n  color: colors.$gray-70;\n}\n\n.diagnosis {\n  padding: layout.$spacing-04;\n  border-top: 1px solid colors.$gray-20;\n}\n\n.diagnosis:first-of-type {\n  border-top: none;\n}\n\n.diagnosis:last-of-type {\n  border-bottom: none;\n}\n\n.diagnosisList {\n  background-color: colors.$white;\n  max-height: layout.rem(320px);\n  overflow-y: auto;\n  border: 1px solid colors.$gray-20;\n  display: flex;\n  flex-direction: column;\n}\n\n.diagnosisList li:hover {\n  background-color: colors.$gray-20;\n}\n\n.diagnosesText {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-70;\n  margin-bottom: layout.$spacing-05;\n}\n\n.emptyResults {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-70;\n  min-height: layout.$spacing-05;\n}\n\n.imgUploadHelperText {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-70;\n}\n\n.imgThumbnailContainer {\n  height: layout.$spacing-12;\n  width: layout.$spacing-12;\n}\n\n.imgThumbnail {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.imgThumbnailGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, layout.$spacing-12);\n  gap: layout.$spacing-05;\n  margin-top: layout.$spacing-05;\n}\n\n.imgThumbnailItem {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n}\n\n.removeButton {\n  position: absolute;\n  top: layout.$spacing-02;\n  right: layout.$spacing-02;\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  --cds-layout-size-height-local: 0;\n}\n\n.closeIcon {\n  fill: colors.$white !important;\n}\n\n.button {\n  height: layout.$spacing-10;\n  display: flex;\n  align-content: flex-start;\n  align-items: baseline;\n  min-width: 50%;\n}\n\n.spinner {\n  min-height: layout.$spacing-05;\n}\n\n.tablet {\n  padding: layout.$spacing-06 layout.$spacing-05;\n  background-color: colors.$white;\n}\n\n.desktop {\n  padding: 0;\n}\n\n.headerGridRow {\n  border-bottom: 1px solid colors.$gray-20;\n  margin: 0;\n}\n\n.dataGridRow {\n  display: grid;\n  grid-template-columns: 50% 10% 1fr;\n  margin: layout.$spacing-03 layout.$spacing-05;\n}\n\n.formContainer {\n  margin: layout.$spacing-05;\n  flex: 1;\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n}\n\n.grid {\n  margin: 0;\n  padding: 0;\n}\n\n.row {\n  margin: layout.$spacing-03 0 layout.$spacing-08;\n}\n\n.skeleton {\n  margin-top: layout.$spacing-02;\n  height: layout.$spacing-07;\n}\n\n.errorMessage {\n  @include type.type-style('label-02');\n  color: colors.$red-60;\n  margin-top: layout.$spacing-03;\n}\n\n.diagnoserrorOutline {\n  max-width: layout.rem(320px);\n\n  :global(.cds--search-input):focus {\n    outline: 2px solid colors.$red-60;\n  }\n\n  :global(.cds--search-magnifier) {\n    svg {\n      fill: colors.$red-60;\n    }\n  }\n}\n\n:global(.omrs-breakpoint-lt-desktop) {\n  .form {\n    height: 100%;\n  }\n\n  .row {\n    display: flex;\n    gap: layout.$spacing-10;\n\n    :global(.cds--col-sm-1) {\n      flex-basis: 30%;\n      min-width: layout.$spacing-11;\n      text-align: left;\n    }\n\n    :global(.cds--col-sm-3) {\n      flex-basis: 70%;\n    }\n  }\n\n  .diagnosis {\n    padding: layout.$spacing-05 layout.$spacing-04;\n  }\n\n  .skeleton {\n    height: layout.$spacing-08;\n  }\n}\n\n.errorNotification {\n  margin-top: layout.$spacing-02;\n}\n\n.tag {\n  max-width: layout.rem(320px);\n  margin-right: layout.$spacing-03;\n  margin-left: 0;\n\n  :global(.cds--tag__label) {\n    display: flex;\n    align-items: center;\n  }\n}\n\n.tagContent {\n  display: flex;\n  align-items: center;\n  gap: layout.$spacing-01;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.tagIcon {\n  flex-shrink: 0;\n}\n\n.confirmedIcon {\n  color: colors.$green-60;\n}\n\n.presumedIcon {\n  color: colors.$orange-60;\n}\n\n:global(.omrs-breakpoint-lt-desktop) {\n  .tag {\n    max-width: layout.$spacing-10;\n  }\n}\n\n.uploadButton {\n  margin-top: layout.$spacing-05;\n}\n\n.diagnosisListItem {\n  position: relative;\n  margin-bottom: layout.$spacing-02;\n  height: auto;\n}\n\n.diagnosisRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: layout.$spacing-03;\n  background-color: colors.$white;\n  border: 1px solid colors.$gray-20;\n  border-radius: 2px;\n  transition: all 0.1s ease;\n  cursor: pointer;\n  min-height: layout.$spacing-08;\n\n  &:hover {\n    background-color: colors.$gray-10;\n    border-color: colors.$gray-30;\n  }\n}\n\n.diagnosisInfo {\n  flex: 1;\n  margin-right: layout.$spacing-03;\n}\n\n.diagnosisName {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-100;\n}\n\n.addButton {\n  min-width: layout.$spacing-07;\n  flex-shrink: 0;\n  padding: layout.$spacing-02 layout.$spacing-03;\n  height: layout.$spacing-07;\n}\n\n.certaintyDropdown {\n  position: relative;\n  z-index: 10;\n  margin-top: layout.$spacing-02;\n  background: colors.$white;\n  border: 1px solid colors.$gray-20;\n  border-radius: 2px;\n  box-shadow: none;\n  overflow: hidden;\n}\n\n.dropdownHeader {\n  padding: layout.$spacing-03;\n  border-bottom: 1px solid colors.$gray-20;\n  background: colors.$gray-10;\n}\n\n.dropdownTitle {\n  @include type.type-style('body-compact-01');\n  color: colors.$gray-100;\n  margin-bottom: layout.$spacing-01;\n}\n\n.diagnosisPreview {\n  color: colors.$blue-60;\n  font-weight: 600;\n}\n\n.dropdownSubtitle {\n  @include type.type-style('label-01');\n  color: colors.$gray-70;\n  margin: 0;\n}\n\n.certaintyOptions {\n  padding: layout.$spacing-02;\n  display: flex;\n  gap: layout.$spacing-01;\n}\n\n.certaintyOption {\n  flex: 1;\n  padding: layout.$spacing-02;\n  text-align: center;\n  background: colors.$white;\n  border: 1px solid colors.$gray-20;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.1s ease;\n  outline: none;\n  min-height: layout.$spacing-07;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0;\n\n  &:hover {\n    border-color: colors.$blue-60;\n    background: colors.$gray-10;\n  }\n\n  &:focus {\n    outline: 2px solid colors.$blue-60;\n    outline-offset: -2px;\n  }\n}\n\n.optionContent {\n  display: flex;\n  align-items: center;\n  gap: layout.$spacing-01;\n  justify-content: center;\n}\n\n.optionIcon {\n  width: layout.$spacing-04;\n  height: layout.$spacing-04;\n}\n\n.optionText {\n  text-align: center;\n}\n\n.optionTitle {\n  @include type.type-style('label-01');\n  color: colors.$gray-100;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.confirmedOption {\n  border-color: colors.$green-30;\n  background: colors.$green-10;\n\n  &:hover {\n    border-color: colors.$green-60;\n    background: colors.$green-20;\n  }\n\n  .optionIcon {\n    color: colors.$green-60;\n  }\n\n  .optionTitle {\n    color: colors.$green-70;\n  }\n}\n\n.presumedOption {\n  border-color: colors.$yellow-20;\n  background: colors.$yellow-10;\n\n  &:hover {\n    border-color: colors.$yellow-30;\n    background: colors.$yellow-20;\n  }\n\n  .optionIcon {\n    color: colors.$yellow-40;\n  }\n\n  .optionTitle {\n    color: colors.$yellow-70;\n  }\n}\n\n.optionDescription {\n  display: none;\n}\n\n.dropdownFooter {\n  padding: layout.$spacing-02 layout.$spacing-03;\n  border-top: 1px solid colors.$gray-20;\n  text-align: right;\n  background: colors.$gray-10;\n}\n\n// Responsive styles\n:global(.omrs-breakpoint-lt-desktop) {\n  .certaintyDropdown {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 90%;\n    max-width: layout.rem(320px);\n    max-height: 70vh;\n    overflow-y: auto;\n    margin-top: 0;\n  }\n\n  .diagnosisRow {\n    padding: layout.$spacing-03;\n    min-height: layout.$spacing-09;\n  }\n\n  .certaintyOption {\n    padding: layout.$spacing-03;\n    min-height: layout.$spacing-09;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n","// 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","// Code generated by @carbon/colors. 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$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n  black: (\n    100: #000000,\n  ),\n  blue: (\n    10: #edf5ff,\n    20: #d0e2ff,\n    30: #a6c8ff,\n    40: #78a9ff,\n    50: #4589ff,\n    60: #0f62fe,\n    70: #0043ce,\n    80: #002d9c,\n    90: #001d6c,\n    100: #001141,\n  ),\n  cool-gray: (\n    10: #f2f4f8,\n    20: #dde1e6,\n    30: #c1c7cd,\n    40: #a2a9b0,\n    50: #878d96,\n    60: #697077,\n    70: #4d5358,\n    80: #343a3f,\n    90: #21272a,\n    100: #121619,\n  ),\n  cyan: (\n    10: #e5f6ff,\n    20: #bae6ff,\n    30: #82cfff,\n    40: #33b1ff,\n    50: #1192e8,\n    60: #0072c3,\n    70: #00539a,\n    80: #003a6d,\n    90: #012749,\n    100: #061727,\n  ),\n  gray: (\n    10: #f4f4f4,\n    20: #e0e0e0,\n    30: #c6c6c6,\n    40: #a8a8a8,\n    50: #8d8d8d,\n    60: #6f6f6f,\n    70: #525252,\n    80: #393939,\n    90: #262626,\n    100: #161616,\n  ),\n  green: (\n    10: #defbe6,\n    20: #a7f0ba,\n    30: #6fdc8c,\n    40: #42be65,\n    50: #24a148,\n    60: #198038,\n    70: #0e6027,\n    80: #044317,\n    90: #022d0d,\n    100: #071908,\n  ),\n  magenta: (\n    10: #fff0f7,\n    20: #ffd6e8,\n    30: #ffafd2,\n    40: #ff7eb6,\n    50: #ee5396,\n    60: #d02670,\n    70: #9f1853,\n    80: #740937,\n    90: #510224,\n    100: #2a0a18,\n  ),\n  orange: (\n    10: #fff2e8,\n    20: #ffd9be,\n    30: #ffb784,\n    40: #ff832b,\n    50: #eb6200,\n    60: #ba4e00,\n    70: #8a3800,\n    80: #5e2900,\n    90: #3e1a00,\n    100: #231000,\n  ),\n  purple: (\n    10: #f6f2ff,\n    20: #e8daff,\n    30: #d4bbff,\n    40: #be95ff,\n    50: #a56eff,\n    60: #8a3ffc,\n    70: #6929c4,\n    80: #491d8b,\n    90: #31135e,\n    100: #1c0f30,\n  ),\n  red: (\n    10: #fff1f1,\n    20: #ffd7d9,\n    30: #ffb3b8,\n    40: #ff8389,\n    50: #fa4d56,\n    60: #da1e28,\n    70: #a2191f,\n    80: #750e13,\n    90: #520408,\n    100: #2d0709,\n  ),\n  teal: (\n    10: #d9fbfb,\n    20: #9ef0f0,\n    30: #3ddbd9,\n    40: #08bdba,\n    50: #009d9a,\n    60: #007d79,\n    70: #005d5d,\n    80: #004144,\n    90: #022b30,\n    100: #081a1c,\n  ),\n  warm-gray: (\n    10: #f7f3f2,\n    20: #e5e0df,\n    30: #cac5c4,\n    40: #ada8a8,\n    50: #8f8b8b,\n    60: #726e6e,\n    70: #565151,\n    80: #3c3838,\n    90: #272525,\n    100: #171414,\n  ),\n  white: (\n    0: #ffffff,\n  ),\n  yellow: (\n    10: #fcf4d6,\n    20: #fddc69,\n    30: #f1c21b,\n    40: #d2a106,\n    50: #b28600,\n    60: #8e6a00,\n    70: #684e00,\n    80: #483700,\n    90: #302400,\n    100: #1c1500,\n  ),\n) !default;\n"],sourceRoot:""}]),r.locals={heading:"-esm-clinical-workflow__visit-notes-form__heading___ZlAnM",columnLabel:"-esm-clinical-workflow__visit-notes-form__columnLabel___3FMY3",diagnosis:"-esm-clinical-workflow__visit-notes-form__diagnosis___3BR4r",diagnosisList:"-esm-clinical-workflow__visit-notes-form__diagnosisList___pCZti",diagnosesText:"-esm-clinical-workflow__visit-notes-form__diagnosesText___KOCDA",emptyResults:"-esm-clinical-workflow__visit-notes-form__emptyResults___zSosY",imgUploadHelperText:"-esm-clinical-workflow__visit-notes-form__imgUploadHelperText___SW8+e",imgThumbnailContainer:"-esm-clinical-workflow__visit-notes-form__imgThumbnailContainer___6dMXX",imgThumbnail:"-esm-clinical-workflow__visit-notes-form__imgThumbnail___ZjDT6",imgThumbnailGrid:"-esm-clinical-workflow__visit-notes-form__imgThumbnailGrid___B+hr4",imgThumbnailItem:"-esm-clinical-workflow__visit-notes-form__imgThumbnailItem___Ji9nw",removeButton:"-esm-clinical-workflow__visit-notes-form__removeButton___SgDDk",closeIcon:"-esm-clinical-workflow__visit-notes-form__closeIcon___JzL4r",button:"-esm-clinical-workflow__visit-notes-form__button___iplWK",spinner:"-esm-clinical-workflow__visit-notes-form__spinner___j6RuL",tablet:"-esm-clinical-workflow__visit-notes-form__tablet___OG5JC",desktop:"-esm-clinical-workflow__visit-notes-form__desktop___eO79Q",headerGridRow:"-esm-clinical-workflow__visit-notes-form__headerGridRow___TtcxL",dataGridRow:"-esm-clinical-workflow__visit-notes-form__dataGridRow___Wf6R5",formContainer:"-esm-clinical-workflow__visit-notes-form__formContainer___J8oOj",form:"-esm-clinical-workflow__visit-notes-form__form___JW5No",grid:"-esm-clinical-workflow__visit-notes-form__grid___b6YX+",row:"-esm-clinical-workflow__visit-notes-form__row___IwvDI",skeleton:"-esm-clinical-workflow__visit-notes-form__skeleton___0Ask0",errorMessage:"-esm-clinical-workflow__visit-notes-form__errorMessage___sw5fR",diagnoserrorOutline:"-esm-clinical-workflow__visit-notes-form__diagnoserrorOutline___8eWoh",errorNotification:"-esm-clinical-workflow__visit-notes-form__errorNotification___Q2+hu",tag:"-esm-clinical-workflow__visit-notes-form__tag___itvd7",tagContent:"-esm-clinical-workflow__visit-notes-form__tagContent___EFvWx",tagIcon:"-esm-clinical-workflow__visit-notes-form__tagIcon___0xZQo",confirmedIcon:"-esm-clinical-workflow__visit-notes-form__confirmedIcon___PETAV",presumedIcon:"-esm-clinical-workflow__visit-notes-form__presumedIcon___5k3p8",uploadButton:"-esm-clinical-workflow__visit-notes-form__uploadButton___7iHS1",diagnosisListItem:"-esm-clinical-workflow__visit-notes-form__diagnosisListItem___WGURj",diagnosisRow:"-esm-clinical-workflow__visit-notes-form__diagnosisRow___dxtIp",diagnosisInfo:"-esm-clinical-workflow__visit-notes-form__diagnosisInfo___eeFdN",diagnosisName:"-esm-clinical-workflow__visit-notes-form__diagnosisName___B+Bog",addButton:"-esm-clinical-workflow__visit-notes-form__addButton___GU2WZ",certaintyDropdown:"-esm-clinical-workflow__visit-notes-form__certaintyDropdown___NoR58",dropdownHeader:"-esm-clinical-workflow__visit-notes-form__dropdownHeader___1qo8n",dropdownTitle:"-esm-clinical-workflow__visit-notes-form__dropdownTitle___+wQ7s",diagnosisPreview:"-esm-clinical-workflow__visit-notes-form__diagnosisPreview___n8w3C",dropdownSubtitle:"-esm-clinical-workflow__visit-notes-form__dropdownSubtitle___cRfNa",certaintyOptions:"-esm-clinical-workflow__visit-notes-form__certaintyOptions___9ECMV",certaintyOption:"-esm-clinical-workflow__visit-notes-form__certaintyOption___BkuS9",optionContent:"-esm-clinical-workflow__visit-notes-form__optionContent___3vCzF",optionIcon:"-esm-clinical-workflow__visit-notes-form__optionIcon___LCjBa",optionText:"-esm-clinical-workflow__visit-notes-form__optionText___alJYp",optionTitle:"-esm-clinical-workflow__visit-notes-form__optionTitle___s+GBT",confirmedOption:"-esm-clinical-workflow__visit-notes-form__confirmedOption___ixn3i",presumedOption:"-esm-clinical-workflow__visit-notes-form__presumedOption___Yns9s",optionDescription:"-esm-clinical-workflow__visit-notes-form__optionDescription___v25hG",dropdownFooter:"-esm-clinical-workflow__visit-notes-form__dropdownFooter___SE3xn"};let l=r},15061(e,n,t){t.r(n),t.d(n,{default:()=>ep});var a=t(93763),o=t.n(a),i=t(53373),r=t.n(i),l=t(95106),s=t.n(l),c=t(97942),d=t(39600);let f=function(){return d.A.Date.now()};var p=/\s/;let u=function(e){for(var n=e.length;n--&&p.test(e.charAt(n)););return n};var g=/^\s+/,m=t(84089),h=0/0,y=/^[-+]0x[0-9a-f]+$/i,_=/^0b[01]+$/i,A=/^0o[0-7]+$/i,b=parseInt;let w=function(e){if("number"==typeof e)return e;if((0,m.A)(e))return h;if((0,c.A)(e)){var n,t="function"==typeof e.valueOf?e.valueOf():e;e=(0,c.A)(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=(n=e)?n.slice(0,u(n)+1).replace(g,""):n;var a=_.test(e);return a||A.test(e)?b(e.slice(2),a?2:8):y.test(e)?h:+e};var v=Math.max,$=Math.min;let C=function(e,n,t){var a,o,i,r,l,s,d=0,p=!1,u=!1,g=!0;if("function"!=typeof e)throw TypeError("Expected a function");function m(n){var t=a,i=o;return a=o=void 0,d=n,r=e.apply(i,t)}function h(e){var t=e-s,a=e-d;return void 0===s||t>=n||t<0||u&&a>=i}function y(){var e,t,a,o=f();if(h(o))return _(o);l=setTimeout(y,(e=o-s,t=o-d,a=n-e,u?$(a,i-t):a))}function _(e){return(l=void 0,g&&a)?m(e):(a=o=void 0,r)}function A(){var e,t=f(),i=h(t);if(a=arguments,o=this,s=t,i){if(void 0===l)return d=e=s,l=setTimeout(y,n),p?m(e):r;if(u)return clearTimeout(l),l=setTimeout(y,n),m(s)}return void 0===l&&(l=setTimeout(y,n)),r}return n=w(n)||0,(0,c.A)(t)&&(p=!!t.leading,i=(u="maxWait"in t)?v(w(t.maxWait)||0,n):i,g="trailing"in t?!!t.trailing:g),A.cancel=function(){void 0!==l&&clearTimeout(l),d=0,a=s=o=l=void 0},A.flush=function(){return void 0===l?r:_(f())},A};var k=t(12338),E=t(42372),x=t(46461),D=t(84049),N=t(80824),z=t(96493),B=t(60529),S=t(43760),I=t(85848),T=t(74632),F=t(36028),O=t(2191),M=t(85216),G=t(72591),R=t.n(G),W=t(1740),P=t.n(W),L=t(88128),j=t.n(L),H=t(30855),U=t.n(H),V=t(93051),Y=t.n(V),q=t(73656),Q=t.n(q),X=t(45521),Z={};Z.styleTagTransform=Q(),Z.setAttributes=U(),Z.insert=j().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=Y(),R()(X.A,Z);let J=X.A&&X.A.locals?X.A.locals:void 0;function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function ee(e,n,t,a,o,i,r){try{var l=e[i](r),s=l.value}catch(e){t(e);return}l.done?n(s):Promise.resolve(s).then(a,o)}function en(e){return function(){var n=this,t=arguments;return new Promise(function(a,o){var i=e.apply(n,t);function r(e){ee(i,a,o,r,l,"next",e)}function l(e){ee(i,a,o,r,l,"throw",e)}r(void 0)})}}function et(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ea(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){et(e,n,t[n])})}return e}function eo(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 a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t})(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}),e}function ei(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],r=!0,l=!1;try{for(o=o.call(e);!(r=(t=o.next()).done)&&(i.push(t.value),!n||i.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==o.return||o.return()}finally{if(l)throw a}}return i}}(e,n)||el(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function er(e){return function(e){if(Array.isArray(e))return K(e)}(e)||function(e){if("u">typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||el(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function el(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return K(e,n)}}function es(e,n){var t,a,o,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},r=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),l=Object.defineProperty;return l(r,"next",{value:s(0)}),l(r,"throw",{value:s(1)}),l(r,"return",{value:s(2)}),"function"==typeof Symbol&&l(r,Symbol.iterator,{value:function(){return this}}),r;function s(l){return function(s){var c=[l,s];if(t)throw TypeError("Generator is already executing.");for(;r&&(r=0,c[0]&&(i=0)),i;)try{if(t=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,a=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===c[0]||2===c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=n.call(e,i)}catch(e){c=[6,e],a=0}finally{t=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}function ec(e){var n=e.name,t=e.control,i=e.labelText,r=e.placeholder,l=e.handleSearch,s=e.error,c=e.setIsSearching,d="tablet"===(0,F.useLayoutType)(),f=(0,a.useRef)(null),p=function(){f.current.focus()};return(0,a.useEffect)(function(){s&&p()},[s]),o().createElement(N.xI,{name:n,control:t,render:function(e){var t,a,p,u=e.field,g=u.value,m=u.onChange,h=u.onBlur,y=e.fieldState;return o().createElement(o().Fragment,null,o().createElement(F.ResponsiveWrapper,null,o().createElement(z.vji,{ref:f,size:d?"lg":"md",id:n,labelText:i,className:s&&J.diagnoserrorOutline,placeholder:r,renderIcon:s&&function(e){return o().createElement(T.BF,ea({fill:"red"},e))},onChange:function(e){c(!0),m(e),l(n)},value:(null!=(t=Date)&&"u">typeof Symbol&&t[Symbol.hasInstance]?!!t[Symbol.hasInstance](g):g instanceof t)?g.toISOString():g,onBlur:h})),(null==y||null==(a=y.error)?void 0:a.message)&&o().createElement("p",{className:J.errorMessage},null==y||null==(p=y.error)?void 0:p.message))}})}function ed(e){var n=e.fieldName,t=e.isDiagnosisNotSelected,i=e.isLoading,l=e.isSearching,s=e.onAddDiagnosis,c=e.searchResults,d=e.t,f=e.value,p=ei((0,a.useState)(null),2),u=p[0],g=p[1],m=ei((0,a.useState)(!1),2),h=m[0],y=m[1],_=(0,a.useRef)(null);return((0,F.useLayoutType)(),(0,a.useEffect)(function(){var e=function(e){_.current&&!_.current.contains(e.target)&&(y(!1),g(null))};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]),f)?l||i?o().createElement(ef,null):!l&&(null==c?void 0:c.length)>0?o().createElement("ul",{className:J.diagnosisList},c.map(function(e,a){if(t(e))return o().createElement("li",{key:a,className:J.diagnosisListItem},o().createElement("div",{className:J.diagnosisRow},o().createElement("div",{className:J.diagnosisInfo},o().createElement("span",{className:J.diagnosisName},e.display)),o().createElement(z.$nd,{size:"sm",kind:"ghost",onClick:function(n){n.stopPropagation(),g(e),y(!h||(null==u?void 0:u.uuid)!==e.uuid)},className:J.addButton,renderIcon:I.OM,iconDescription:d("addWithCertainty","Add with certainty")},d("add","Add"))),(null==u?void 0:u.uuid)===e.uuid&&h&&o().createElement("div",{ref:_,className:J.certaintyDropdown},o().createElement("div",{className:J.dropdownHeader},o().createElement("div",{className:J.dropdownTitle},o().createElement("span",{className:J.diagnosisPreview},e.display.length>40?"".concat(e.display.substring(0,40),"..."):e.display)),o().createElement("p",{className:J.dropdownSubtitle},d("selectCertainty","Select certainty level"))),o().createElement("div",{className:J.certaintyOptions},o().createElement("button",{className:r()(J.certaintyOption,J.confirmedOption),onClick:function(){s(e,"CONFIRMED",n),y(!1),g(null)}},o().createElement("div",{className:J.optionContent},o().createElement(B._j,{size:16,className:J.optionIcon}),o().createElement("div",{className:J.optionText},o().createElement("span",{className:J.optionTitle},d("confirmed","Confirmed"))))),o().createElement("button",{className:r()(J.certaintyOption,J.presumedOption),onClick:function(){s(e,"PROVISIONAL",n),y(!1),g(null)}},o().createElement("div",{className:J.optionContent},o().createElement(S._V,{size:16,className:J.optionIcon}),o().createElement("div",{className:J.optionText},o().createElement("span",{className:J.optionTitle},d("presumed","Presumed")))))),o().createElement("div",{className:J.dropdownFooter},o().createElement(z.$nd,{size:"sm",kind:"tertiary",onClick:function(){y(!1),g(null)}},d("cancel","Cancel")))))})):(null==c?void 0:c.length)===0?o().createElement(F.ResponsiveWrapper,null,o().createElement(z.FAs,{className:J.emptyResults},o().createElement("span",null,d("noMatchingDiagnoses","No diagnoses found matching")," ",o().createElement("strong",null,'"',f,'"')))):void 0:null}function ef(){return o().createElement(o().Fragment,null,Array.from({length:5}).map(function(e,n){return o().createElement(z.rrI,{key:n,className:J.skeleton})}))}let ep=function(e){var n,t,i,l,c,d,f,p,u,g,m,h,y,_,A,b,w,v,$,T=e.closeWorkspace,G=e.workspaceProps,R=G.formContext,W=G.encounter,P=e.groupProps.patientUuid,L=!!("editing"===R&&(null==W?void 0:W.id)),j=(0,k.useTranslation)().t,H="tablet"===(0,F.useLayoutType)(),U=(0,F.useSession)(),V=(0,F.useConfig)(),Y=V.isPrimaryDiagnosisRequired,q=V.visitNoteConfig,Q=(0,a.useMemo)(function(){return{patientUuid:P}},[P]),X=q.clinicianEncounterRole,Z=q.encounterNoteTextConceptUuid,K=q.encounterTypeUuid,ee=q.formConceptUuid,el=ei((0,a.useState)(!1),2),ef=el[0],ep=el[1],eu=ei((0,a.useState)(!1),2),eg=eu[0],em=eu[1],eh=ei((0,a.useState)(!1),2),ey=eh[0],e_=eh[1],eA=ei((0,a.useState)([]),2),eb=eA[0],ew=eA[1],ev=ei((0,a.useState)([]),2),e$=ev[0],eC=ev[1],ek=ei((0,a.useState)(null),2),eE=ek[0],ex=ek[1],eD=ei((0,a.useState)(null),2),eN=eD[0],ez=eD[1],eB=ei((0,a.useState)([]),2),eS=eB[0],eI=eB[1],eT=ei((0,a.useState)(),2),eF=eT[0],eO=eT[1],eM=ei((0,a.useState)(null),2),eG=eM[0],eR=eM[1],eW=(0,O.K_)().allowedFileExtensions,eP=ei((0,a.useState)(!1),2),eL=eP[0],ej=eP[1],eH=(0,a.useMemo)(function(){return x.Ik({noteDate:x.p6(),primaryDiagnosisSearch:x.Yj(),secondaryDiagnosisSearch:x.Yj().optional(),clinicalNote:x.Yj().optional(),images:x.YO(x.bz()).optional()})},[j]),eU=(0,a.useCallback)(function(e,n,t){return en(function(){var a;return es(this,function(o){switch(o.label){case 0:return[4,(0,D.u)(eH)(e,n,t)];case 1:if(a=o.sent(),Y&&0===eb.length)return[2,eo(ea({},a),{errors:eo(ea({},a.errors),{primaryDiagnosisSearch:{type:"custom",message:j("primaryDiagnosisRequired","Choose at least one primary diagnosis")}})})];return[2,a]}})})()},[eH,Y,eb,j]),eV=(0,N.mN)({mode:"onSubmit",resolver:eU,defaultValues:{primaryDiagnosisSearch:"",noteDate:L?new Date(W.datetime):new Date,clinicalNote:L?String((null==W||null==(b=W.obs)||null==(A=b.find(function(e){return e.concept.uuid===Z}))?void 0:A.value)||""):""}}),eY=eV.clearErrors,eq=eV.control,eQ=eV.formState,eX=eQ.errors,eZ=eQ.isDirty,eJ=eQ.isSubmitting,eK=eV.handleSubmit,e0=eV.setValue,e1=eV.watch;(0,a.useEffect)(function(){var e;if(null==W||null==(e=W.diagnoses)?void 0:e.length)try{var n=W.diagnoses.map(function(e){var n;return{patient:P,diagnosis:{coded:null==(n=e.diagnosis.coded)?void 0:n.uuid},certainty:e.certainty,rank:e.rank,display:e.display}}),t=n.filter(function(e){return 1===e.rank}),a=n.filter(function(e){return 2===e.rank});ew(t),eC(a),eI(er(t).concat(er(a)))}catch(e){eR(Error(j("errorTransformingDiagnoses","Error transforming diagnoses"))),(0,F.createErrorHandler)()}},[W,P,j]);var e2=e1("images"),e3=(c=(l=(0,F.useConfig)().visitNoteConfig).encounterNoteTextConceptUuid,d=l.visitDiagnosesConceptUuid,f="".concat(F.restBaseUrl,"/encounter?patient=").concat(P,"&obs=").concat(d,"&v=").concat("custom:(uuid,display,encounterDatetime,patient,obs,encounterProviders:(uuid,display,encounterRole:(uuid,display),provider:(uuid,person:(uuid,display))),diagnoses"),u=(p=(0,M.Ay)(f,F.openmrsFetch)).data,g=p.error,m=p.isLoading,h=p.isValidating,y=p.mutate,_=null==u||null==(i=u.data)||null==(t=i.results)||null==(n=t.map(function(e,n){var t,a,o,i,r,l,s;return{id:"".concat(n),diagnoses:e.diagnoses.filter(function(e){return!e.voided}).map(function(e){return e.display}).filter(function(e){return e}).join(", "),encounterDate:e.encounterDatetime,encounterNote:null==(t=e.obs.find(function(e){return e.concept.uuid===c}))?void 0:t.value,encounterNoteRecordedAt:null==(a=e.obs.find(function(e){return e.concept.uuid===c}))?void 0:a.obsDatetime,encounterProvider:null==e||null==(r=e.encounterProviders[0])||null==(i=r.provider)||null==(o=i.person)?void 0:o.display,encounterProviderRole:null==e||null==(s=e.encounterProviders[0])||null==(l=s.encounterRole)?void 0:l.display}}))?void 0:n.sort(function(e,n){return new Date(n.encounterDate).getTime()-new Date(e.encounterDate).getTime()}),{visitNotes:u?_:null,error:g,isLoading:m,isValidating:h,mutateVisitNotes:y}).mutateVisitNotes,e5=(0,E.iX)().mutate,e6=(0,a.useCallback)(function(){return e5(function(e){return"string"==typeof e&&e.startsWith("".concat(F.restBaseUrl,"/attachment"))})},[e5]),e8=null==U||null==(w=U.sessionLocation)?void 0:w.uuid,e4=null==U||null==(v=U.currentProvider)?void 0:v.uuid,e7=(0,a.useMemo)(function(){return C(function(e,n){if(eY("primaryDiagnosisSearch"),e){var t,a;"primaryDiagnosisSearch"===n?ep(!0):"secondaryDiagnosisSearch"===n&&em(!0),(t=V.diagnosisConceptClass,a="".concat(F.restBaseUrl,"/concept?name=").concat(e,"&searchType=fuzzy&class=").concat(t,"&v=").concat("custom:(uuid,display)"),(0,F.openmrsFetch)(a).then(function(e){return Promise.resolve(e.data.results)})).then(function(e){"primaryDiagnosisSearch"===n?(ex(e),ep(!1)):"secondaryDiagnosisSearch"===n&&(ez(e),em(!1))}).catch(function(e){eR(e),(0,F.createErrorHandler)()})}},500)},[V.diagnosisConceptClass,eY]),e9=(0,a.useCallback)(function(e){var n=e1(e);n&&e7(n,e),e_(!1)},[e7,e1]),ne=(0,a.useCallback)(function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"PROVISIONAL";return{certainty:n,display:e.display,diagnosis:{coded:e.uuid},patient:P,rank:2}},[P]),nn=(0,a.useCallback)(function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"PROVISIONAL",t=arguments.length>2?arguments[2]:void 0,a=ne(e,n);"primaryDiagnosisSearch"===t?(a.rank=1,e0("primaryDiagnosisSearch",""),ex([]),ew(function(e){return er(e).concat([a])}),eY("primaryDiagnosisSearch")):"secondaryDiagnosisSearch"===t&&(e0("secondaryDiagnosisSearch",""),ez([]),eC(function(e){return er(e).concat([a])})),eI(function(e){return er(e).concat([a])})},[ne,e0,eY]),nt=(0,a.useCallback)(function(e,n){"primaryInputSearch"===n?ew(eb.filter(function(n){return n.diagnosis.coded!==e.diagnosis.coded})):"secondaryInputSearch"===n&&eC(e$.filter(function(n){return n.diagnosis.coded!==e.diagnosis.coded})),eI(eS.filter(function(n){return n.diagnosis.coded!==e.diagnosis.coded}))},[eS,eb,e$]),na=function(e){var n=eb.some(function(n){return e.uuid===n.diagnosis.coded}),t=e$.some(function(n){return e.uuid===n.diagnosis.coded});return!n&&!t},no=(0,a.useCallback)(function(){var e=(0,F.showModal)("capture-photo-modal",{saveFile:function(n){return n.capturedFromWebcam&&!n.fileName.includes(".")&&(n.fileName="".concat(n.fileName,".png")),e0("images",e2?er(e2).concat([n]):[n]),e(),Promise.resolve()},closeModal:function(){e()},allowedExtensions:eW&&Array.isArray(eW)?eW.filter(function(e){return!/pdf/i.test(e)}):[],collectDescription:!0,multipleFiles:!0})},[eW,e2,e0]),ni=function(e){var n=er(e2);n.splice(e,1),e0("images",n),(0,F.showSnackbar)({title:j("imageRemoved","Image removed"),kind:"success",isLowContrast:!0})},nr=(0,a.useCallback)(function(e){return en(function(){var n,t,a,o,i,r,l,c,d,f,p,u,g,m,h,y;return es(this,function(_){switch(_.label){case 0:if(eL)return[2];ej(!0),_.label=1;case 1:var A,b,w;if(_.trys.push([1,8,9,10]),a=e.noteDate,o=e.clinicalNote,i=e.images,Y&&!eb.length)return[2];return r=s()(a),l=new Date,30>=r.diff(l,"minute")&&(r=null),c=null==W||null==(n=W.obs)?void 0:n.find(function(e){return e.concept.uuid===Z}),d={encounterDatetime:null==r?void 0:r.format(),form:ee,patient:P,location:e8,encounterProviders:[{encounterRole:X,provider:e4}],encounterType:K,obs:o?[ea({concept:{uuid:Z,display:""},value:o},c&&{uuid:c.uuid})]:[]},f=new AbortController,[4,L?(A=f,b=W.id,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/encounter/").concat(b),{headers:{"Content-Type":"application/json"},method:"POST",body:d,signal:A.signal})):(w=f,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/encounter"),{headers:{"Content-Type":"application/json"},method:"POST",body:d,signal:w.signal}))];case 2:if(201!==(p=_.sent()).status&&200!==p.status)throw Error("Unexpected response status");if(u=L?W.id:p.data.uuid,!(L&&(null==W||null==(t=W.diagnoses)?void 0:t.length)))return[3,4];return[4,Promise.all(W.diagnoses.map(function(e){var n,t;return n=f,t=e.uuid,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/patientdiagnoses/").concat(t),{method:"DELETE",signal:n.signal})}))];case 3:_.sent(),_.label=4;case 4:return[4,Promise.all(eS.map(function(e){var n,t={encounter:u,patient:P,condition:null,diagnosis:{coded:e.diagnosis.coded},certainty:e.certainty,rank:e.rank};return n=f,(0,F.openmrsFetch)("".concat(F.restBaseUrl,"/patientdiagnoses"),{headers:{"Content-Type":"application/json"},method:"POST",body:t,signal:n.signal})}))];case 5:if(_.sent(),!(null==i?void 0:i.length))return[3,7];return[4,Promise.all(i.map(function(e){var n={base64Content:e.base64Content,file:e.file,fileName:e.fileName,fileType:e.fileType,fileDescription:e.fileDescription||""};return(0,F.createAttachment)(P,n)}))];case 6:_.sent(),_.label=7;case 7:return(0,O.Fg)(e5,P),e3(),(null==i?void 0:i.length)&&e6(),T({discardUnsavedChanges:!0}),(0,F.showSnackbar)({isLowContrast:!0,subtitle:j("visitNoteNowVisible","It is now visible on the Visits page"),kind:"success",title:j("visitNoteSaved","Visit note saved")}),[3,10];case 8:return g=_.sent(),(0,F.createErrorHandler)(),(0,F.showSnackbar)({title:j("visitNoteSaveError","Error saving visit note"),kind:"error",isLowContrast:!1,subtitle:null!=(m=null==g||null==(y=g.responseBody)||null==(h=y.error)?void 0:h.message)?m:g.message}),[3,10];case 9:return ej(!1),[7];case 10:return[2]}})})()},[eL,L,W,Y,eb.length,eS,X,e4,e8,K,ee,Z,P,e5,e3,e6,T,j]);return o().createElement(F.Workspace2,{title:j("visitNoteWorkspaceTitle","Visit note"),hasUnsavedChanges:eZ},o().createElement(z.lVW,{className:J.form,onSubmit:eK(nr,function(e){return console.error(e)})},o().createElement(F.ExtensionSlot,{name:"visit-context-header-slot",state:{patientUuid:P}}),H&&o().createElement(z.fI1,{className:J.headerGridRow},o().createElement(F.ExtensionSlot,{name:"visit-form-header-slot",className:J.dataGridRow,state:Q})),o().createElement("div",{className:J.formContainer},o().createElement(z.BJc,{gap:2},H?o().createElement("h2",{className:J.heading},j("addVisitNote","Add a visit note")):null,o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("date","Date"))),o().createElement(z.VPZ,{sm:3},o().createElement(N.xI,{name:"noteDate",control:eq,render:function(e){var n,t,a=e.field,i=e.fieldState;return o().createElement(F.ResponsiveWrapper,null,o().createElement(F.OpenmrsDatePicker,eo(ea({},a),{"data-testid":"visitDateTimePicker",id:"visitDateTimePicker",invalid:!!(null==i||null==(n=i.error)?void 0:n.message),invalidText:null==i||null==(t=i.error)?void 0:t.message,isDisabled:L,labelText:j("visitDate","Visit date"),maxDate:new Date})))}}))),o().createElement("div",{className:J.diagnosesText},eb&&eb.length?o().createElement(o().Fragment,null,eb.map(function(e,n){var t=e.display.length>30?"".concat(e.display.substring(0,30),"..."):e.display,a="CONFIRMED"===e.certainty?j("confirmed","Confirmed"):j("presumed","Presumed");return o().createElement("div",{key:n,className:J.tagWrapper,title:"".concat(e.display," (").concat(a,")")},o().createElement(z.vwO,{className:J.tag,filter:!0,onClose:function(){return nt(e,"primaryInputSearch")},type:"red"},o().createElement("span",{className:J.tagContent},t,"CONFIRMED"===e.certainty?o().createElement(B._j,{size:14,className:r()(J.tagIcon,J.confirmedIcon)}):o().createElement(S._V,{size:14,className:r()(J.tagIcon,J.presumedIcon)}))))})):null,e$&&e$.length?o().createElement(o().Fragment,null,e$.map(function(e,n){var t=e.display.length>30?"".concat(e.display.substring(0,30),"..."):e.display,a="CONFIRMED"===e.certainty?j("confirmed","Confirmed"):j("presumed","Presumed");return o().createElement("div",{key:n,className:J.tagWrapper,title:"".concat(e.display," (").concat(a,")")},o().createElement(z.vwO,{className:J.tag,filter:!0,onClose:function(){return nt(e,"secondaryInputSearch")},type:"blue"},o().createElement("span",{className:J.tagContent},t,"CONFIRMED"===e.certainty?o().createElement(B._j,{size:12,className:r()(J.tagIcon,J.confirmedIcon)}):o().createElement(S._V,{size:12,className:r()(J.tagIcon,J.presumedIcon)}))))})):null,eb&&!eb.length&&e$&&!e$.length&&o().createElement("span",null,j("emptyDiagnosisText","No diagnosis selected — Enter a diagnosis below"))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("primaryDiagnosis","Primary diagnosis"))),o().createElement(z.VPZ,{sm:3},o().createElement(z.gE_,{legendText:j("searchForPrimaryDiagnosis","Search for a primary diagnosis")},o().createElement(ec,{name:"primaryDiagnosisSearch",control:eq,labelText:j("enterPrimaryDiagnoses","Enter Primary diagnoses"),placeholder:j("primaryDiagnosisInputPlaceholder","Choose a primary diagnosis"),handleSearch:e9,error:null==eX?void 0:eX.primaryDiagnosisSearch,setIsSearching:e_}),eG?o().createElement(z.jeF,{className:J.errorNotification,lowContrast:!0,title:j("error","Error"),subtitle:j("errorFetchingConcepts","There was a problem fetching concepts")+".",onClose:function(){return eR(null)}}):null,o().createElement(ed,{fieldName:"primaryDiagnosisSearch",isDiagnosisNotSelected:na,isLoading:ef,isSearching:ey,onAddDiagnosis:nn,searchResults:eE,t:j,value:e1("primaryDiagnosisSearch")})))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("secondaryDiagnosis","Secondary diagnosis"))),o().createElement(z.VPZ,{sm:3},o().createElement(z.gE_,{legendText:j("searchForSecondaryDiagnosis","Search for a secondary diagnosis")},o().createElement(ec,{name:"secondaryDiagnosisSearch",control:eq,labelText:j("enterSecondaryDiagnoses","Enter Secondary diagnoses"),placeholder:j("secondaryDiagnosisInputPlaceholder","Choose a secondary diagnosis"),handleSearch:e9,setIsSearching:e_}),eG?o().createElement(z.jeF,{className:J.errorNotification,lowContrast:!0,title:j("error","Error"),subtitle:j("errorFetchingConcepts","There was a problem fetching concepts")+".",onClose:function(){return eR(null)}}):null,o().createElement(ed,{fieldName:"secondaryDiagnosisSearch",isDiagnosisNotSelected:na,isLoading:eg,isSearching:ey,onAddDiagnosis:nn,searchResults:eN,t:j,value:e1("secondaryDiagnosisSearch")})))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("note","Note"))),o().createElement(z.VPZ,{sm:3},o().createElement(N.xI,{name:"clinicalNote",control:eq,render:function(e){var n=e.field,t=n.onChange,a=n.onBlur,i=n.value;return o().createElement(F.ResponsiveWrapper,null,o().createElement(z.fs1,{id:"additionalNote",rows:eF,labelText:j("clinicalNoteLabel","Write your notes"),placeholder:j("clinicalNotePlaceholder","Write any notes here"),value:i,onBlur:a,onChange:function(e){t(e),eO(Math.ceil(e.target.scrollHeight/24))}}))}}))),o().createElement(z.fI1,{className:J.row},o().createElement(z.VPZ,{sm:1},o().createElement("span",{className:J.columnLabel},j("image","Image"))),o().createElement(z.VPZ,{sm:3},o().createElement(z.gE_,{legendText:""},o().createElement("p",{className:J.imgUploadHelperText},j("imageUploadHelperText","Upload images or use this device's camera to capture images")),o().createElement(z.$nd,{className:J.uploadButton,kind:H?"ghost":"tertiary",onClick:no,renderIcon:function(e){return o().createElement(I.OM,ea({size:16},e))}},j("addImage","Add image")),o().createElement("div",{className:J.imgThumbnailGrid},null==e2?void 0:e2.map(function(e,n){var t;return o().createElement("div",{key:n,className:J.imgThumbnailItem},o().createElement("div",{className:J.imgThumbnailContainer},o().createElement("img",{className:J.imgThumbnail,src:e.base64Content,alt:null!=(t=e.fileDescription)?t:e.fileName})),o().createElement(z.$nd,{kind:"ghost",className:J.removeButton,onClick:function(){return ni(n)}},o().createElement(B.R9,{size:16,className:J.closeIcon})))}))))))),o().createElement(z.Te$,{className:r()((et($={},J.tablet,H),et($,J.desktop,!H),$))},o().createElement(z.$nd,{className:J.button,kind:"secondary",onClick:function(){return T()}},j("discard","Discard")),o().createElement(z.$nd,{className:J.button,kind:"primary",type:"submit",disabled:eJ||eL},eJ||eL?o().createElement(z.OuH,{description:j("saving","Saving")+"..."}):o().createElement("span",null,j("saveAndClose","Save and close"))))))}}}]);