@openmrs/esm-patient-medications-app 11.3.1-pre.9258 → 11.3.1-pre.9274

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -39,4 +39,4 @@ Entrypoints:
39
39
  main.js
40
40
  
41
41
 
42
- webpack 5.99.9 compiled with 2 warnings in 119750 ms
42
+ webpack 5.99.9 compiled with 2 warnings in 122039 ms
package/dist/4953.js CHANGED
@@ -1 +1 @@
1
- "use strict";(globalThis.webpackChunk_openmrs_esm_patient_medications_app=globalThis.webpackChunk_openmrs_esm_patient_medications_app||[]).push([[4953],{24953:(e,n,t)=>{t.d(n,{j:()=>Q,A:()=>X});var a=t(1343),r=t.n(a),i=t(72339),o=t(53373),l=t.n(o),d=t(11762),s=t(94389),u=t(88931),c=t(54440),p=t(80824),f=t(88010),g=t.n(f),m=t(38437),y=t(72591),b=t.n(y),h=t(1740),_=t.n(h),v=t(88128),$=t.n(v),A=t(30855),C=t.n(A),w=t(93051),x=t.n(w),E=t(73656),k=t.n(E),D=t(39060),z={};z.styleTagTransform=k(),z.setAttributes=C(),z.insert=$().bind(null,"head"),z.domAPI=_(),z.insertStyleElement=x(),b()(D.A,z);const I=D.A&&D.A.locals?D.A.locals:void 0;var F=t(81160),N=t(46195);function O(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function S(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){O(e,n,t[n])}))}return e}function M(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function T(e,n,t){var a,r,i,o,l,d,s;return{orderer:{uuid:t},drug:null==e?void 0:e.drug,careSetting:m.Hi,isFreeTextDosage:null!==(a=null==e?void 0:e.isFreeTextDosage)&&void 0!==a&&a,freeTextDosage:null==e?void 0:e.freeTextDosage,dosage:null!==(r=null==e?void 0:e.dosage)&&void 0!==r?r:null,unit:null==e?void 0:e.unit,route:null==e?void 0:e.route,patientInstructions:null!==(i=null==e?void 0:e.patientInstructions)&&void 0!==i?i:"",asNeeded:null!==(o=null==e?void 0:e.asNeeded)&&void 0!==o&&o,asNeededCondition:null!==(l=null==e?void 0:e.asNeededCondition)&&void 0!==l?l:"",duration:null==e?void 0:e.duration,durationUnit:null==e?void 0:e.durationUnit,pillsDispensed:null!==(d=null==e?void 0:e.pillsDispensed)&&void 0!==d?d:null,quantityUnits:null==e?void 0:e.quantityUnits,numRefills:null!==(s=null==e?void 0:e.numRefills)&&void 0!==s?s:null,indication:null==e?void 0:e.indication,frequency:null==e?void 0:e.frequency,startDate:n}}var B=t(74573);function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}const q=function(e){var n,t,o=e.setSelectedDrugItem,l=(0,c.useConfig)().daysDurationUnit,s=(0,i.useTranslation)().t,u=(n=(0,a.useState)(""),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(n,t)||function(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=u[0],f=u[1],g=(0,c.useDebounce)(p),m=(0,B.Of)(g).drugs,y=(0,B.x4)(m).templateByDrugUuid,b=(0,a.useMemo)((function(){return null==m?void 0:m.flatMap((function(e){var n=y.get(e.uuid);return(null==n?void 0:n.length)>0?n.map((function(n){return(0,B.MS)(e,l,n)})):[(0,B.MS)(e,l)]}))}),[m,y,l]);return r().createElement(d.a32,{id:"drug-search-combobox",items:null!=b?b:[],onChange:function(e){var n=e.selectedItem;o(n)},onInputChange:function(e){f(e)},itemToString:function(e){var n;return null!==(n=null==e?void 0:e.display)&&void 0!==n?n:""},placeholder:s("searchFieldPlaceholder",'Search for a drug or orderset (e.g. "Aspirin")'),titleText:s("drugName","Drug name")})};function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function U(e,n,t,a,r,i,o){try{var l=e[i](o),d=l.value}catch(e){return void t(e)}l.done?n(d):Promise.resolve(d).then(a,r)}function R(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function V(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){R(e,n,t[n])}))}return e}function L(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function W(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function H(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e){var n,t,a=e.drug,o=e.routeValue,l=e.unitValue,d=e.dosage,s=(0,i.useTranslation)().t;return r().createElement("div",{className:I.medicationInfo,id:"medicationInfo"},r().createElement("strong",{className:I.productiveHeading02},null==a?void 0:a.display," ",(null==a?void 0:a.strength)&&"(".concat(null==a?void 0:a.strength,")"))," ",r().createElement("span",{className:I.bodyLong01},o&&r().createElement(r().Fragment,null,"— ",o)," ",(null==a||null===(n=a.dosageForm)||void 0===n?void 0:n.display)&&r().createElement(r().Fragment,null,"— ",null==a||null===(t=a.dosageForm)||void 0===t?void 0:t.display)," "),d&&l?r().createElement(r().Fragment,null,"— ",r().createElement("span",{className:I.caption01},s("dose","Dose").toUpperCase())," ",r().createElement("strong",null,r().createElement("span",{className:I.productiveHeading02},d," ",l.toLowerCase()))):null," ",r().createElement(c.ExtensionSlot,{name:"medication-info-slot",state:{order:{drug:a}}}))}function G(e){var n=e.children,t="tablet"===(0,c.useLayoutType)();return r().createElement(d.Wdr,{level:t?1:0},r().createElement("div",{className:I.field},n))}function Q(e){var n,t,o,s,f,y,b,h,_,v,$,A,C=e.initialOrderBasketItem,w=e.patient,x=e.onSave,E=e.saveButtonText,k=e.onCancel,D=e.promptBeforeClosing,z=e.allowSelectingPrescribingClinician,O=e.allowSelectingDrug,B=(0,i.useTranslation)().t,P=(0,c.useConfig)(),j=P.daysDurationUnit,R=P.prescriberProviderRoles,W="tablet"===(0,c.useLayoutType)(),Q=(f=g()("".concat(c.restBaseUrl,"/orderentryconfig"),c.openmrsFetch),y=f.data,b=f.error,h=f.isLoading,f.isValidating,_=g()("".concat(c.restBaseUrl,"/orderentryconfig?v=custom:(uuid,display,concept:(names:(display,uuid)))"),c.openmrsFetch),v=_.data,$=_.error,A=_.isLoading,(0,a.useMemo)((function(){var e,n,t,a,r,i,o,l,d,s;return{orderConfigObject:{drugRoutes:null==y||null===(n=y.data)||void 0===n||null===(e=n.drugRoutes)||void 0===e?void 0:e.map((function(e){return{valueCoded:e.uuid,value:e.display}})),drugDosingUnits:null==y||null===(a=y.data)||void 0===a||null===(t=a.drugDosingUnits)||void 0===t?void 0:t.map((function(e){return{valueCoded:e.uuid,value:e.display}})),drugDispensingUnits:null==y||null===(i=y.data)||void 0===i||null===(r=i.drugDispensingUnits)||void 0===r?void 0:r.map((function(e){return{valueCoded:e.uuid,value:e.display}})),durationUnits:null==y||null===(l=y.data)||void 0===l||null===(o=l.durationUnits)||void 0===o?void 0:o.map((function(e){return{valueCoded:e.uuid,value:e.display}})),orderFrequencies:null==v||null===(s=v.data)||void 0===s||null===(d=s.orderFrequencies)||void 0===d?void 0:d.map((function(e){return{valueCoded:e.uuid,value:e.display,names:e.concept.names.map((function(e){return e.display}))}}))},isLoading:h||A,error:b||$}}),[y,b,h,v,$,A])),X=Q.orderConfigObject,Y=Q.error,ee=(0,c.useFeatureFlag)("providermanagement-module")&&z,ne=(0,m.u9)(ee?R:null),te=ne.data,ae=ne.isLoading,re=ne.error,ie=H((0,a.useState)(!1),2),oe=ie[0],le=ie[1],de=(0,c.useSession)().currentProvider,se=ee?null==te?void 0:te.find((function(e){return e.uuid===de.uuid})):de,ue=function(e,n){var t,r,o,l=(t=(0,i.useTranslation)().t,r=(0,m.pf)().requireOutpatientQuantity,o=(0,c.useConfig)().requireIndication,(0,a.useMemo)((function(){var e={default:N.z.boolean().optional(),value:N.z.string(),valueCoded:N.z.string()},n={drug:N.z.object({uuid:N.z.string(),concept:N.z.object({uuid:N.z.string()}).passthrough(),dosageForm:N.z.object({uuid:N.z.string()}).passthrough().nullable(),strength:N.z.string().nullable(),display:N.z.string().nullable()},{message:t("drugRequiredErrorMessage","Drug is required")}).passthrough(),orderer:N.z.object({uuid:N.z.string()},{message:t("prescribingClinicianRequiredErrorMessage","Prescribing clinician is required")}),careSetting:N.z.string(),freeTextDosage:N.z.string().refine((function(e){return!!e}),{message:t("freeDosageErrorMessage","Add free dosage note")}),dosage:N.z.number({invalid_type_error:t("dosageRequiredErrorMessage","Dosage is required")}),unit:N.z.object(S({},e),{invalid_type_error:t("selectUnitErrorMessage","Dose unit is required")}),route:N.z.object(S({},e),{invalid_type_error:t("selectRouteErrorMessage","Route is required")}),patientInstructions:N.z.string().nullable(),asNeeded:N.z.boolean(),asNeededCondition:N.z.string().nullable(),duration:N.z.number().nullable(),durationUnit:N.z.object(S({},e)).nullable(),indication:o?N.z.string().refine((function(e){return""!==e}),{message:t("indicationErrorMessage","Indication is required")}):N.z.string().nullish(),startDate:N.z.date(),frequency:N.z.object(S({},e),{invalid_type_error:t("selectFrequencyErrorMessage","Frequency is required")})},a={pillsDispensed:N.z.number().nullable().refine((function(e){return!r||!("number"!=typeof e||e<1)}),{message:t("pillDispensedErrorMessage","Quantity to dispense is required")}),quantityUnits:N.z.object(e).nullable().refine((function(e){return!(r&&!e)}),{message:t("selectQuantityUnitsErrorMessage","Quantity unit is required")}),numRefills:N.z.number().nullable().refine((function(e){return!r||!("number"!=typeof e||e<0)}),{message:t("numRefillsErrorMessage","Number of refills is required")})},i=N.z.object(M(S({},n,a),{isFreeTextDosage:N.z.literal(!1),freeTextDosage:N.z.string().optional()})),l=N.z.object(M(S({},n,a),{isFreeTextDosage:N.z.literal(!0),dosage:N.z.number().nullable(),unit:N.z.object(e).nullable(),route:N.z.object(e).nullable(),frequency:N.z.object(e).nullable()}));return N.z.discriminatedUnion("isFreeTextDosage",[i,l])}),[o,r,t])),d=(0,a.useMemo)((function(){var t,a="string"==typeof(null==e?void 0:e.startDate)?(0,c.parseDate)(null==e?void 0:e.startDate):null!==(t=null==e?void 0:e.startDate)&&void 0!==t?t:new Date;return T(e,a,n)}),[e,n]);return(0,p.mN)({mode:"all",resolver:(0,F.u)(l),defaultValues:d})}(C,null==se?void 0:se.uuid),ce=ue.control,pe=ue.formState.isDirty,fe=ue.getValues,ge=ue.reset,me=ue.handleSubmit,ye=ue.setValue,be=ue.watch;(0,a.useEffect)((function(){D((function(){return pe}))}),[pe,D]);var he=(0,a.useCallback)((function(e,n){var t;(null==n?void 0:n.valueCoded)===(null===(t=fe("quantityUnits"))||void 0===t?void 0:t.valueCoded)&&ye("quantityUnits",e,{shouldValidate:!0})}),[ye,fe]),_e=be("drug"),ve=null===(n=be("route"))||void 0===n?void 0:n.value,$e=null===(t=be("unit"))||void 0===t?void 0:t.value,Ae=be("dosage"),Ce=be("startDate"),we=(0,a.useMemo)((function(){var e,n,t,a,r;return null!==(r=null==X?void 0:X.drugDosingUnits)&&void 0!==r?r:[{valueCoded:null==C||null===(n=C.drug)||void 0===n||null===(e=n.dosageForm)||void 0===e?void 0:e.uuid,value:null==C||null===(a=C.drug)||void 0===a||null===(t=a.dosageForm)||void 0===t?void 0:t.display}]}),[X,null==C||null===(o=C.drug)||void 0===o?void 0:o.dosageForm]),xe=(0,a.useMemo)((function(){var e;return null!==(e=null==X?void 0:X.drugRoutes)&&void 0!==e?e:[]}),[X]),Ee=(0,a.useMemo)((function(){var e,n,t,a,r;return null!==(r=null==X?void 0:X.drugDispensingUnits)&&void 0!==r?r:[{valueCoded:null==C||null===(n=C.drug)||void 0===n||null===(e=n.dosageForm)||void 0===e?void 0:e.uuid,value:null==C||null===(a=C.drug)||void 0===a||null===(t=a.dosageForm)||void 0===t?void 0:t.display}]}),[X,null==C||null===(s=C.drug)||void 0===s?void 0:s.dosageForm]),ke=(0,a.useMemo)((function(){var e;return null!==(e=null==X?void 0:X.durationUnits)&&void 0!==e?e:[{valueCoded:null==j?void 0:j.uuid,value:null==j?void 0:j.display}]}),[X,j]),De=(0,a.useMemo)((function(){var e;return null!==(e=null==X?void 0:X.orderFrequencies)&&void 0!==e?e:[]}),[X]),ze=(0,a.useCallback)((function(e){var n,t,a;return null==e||null===(a=e.item)||void 0===a||null===(t=a.value)||void 0===t?void 0:t.toLowerCase().includes(null==e||null===(n=e.inputValue)||void 0===n?void 0:n.toLowerCase())}),[]),Ie=(0,a.useCallback)((function(e){var n,t,a,r;return null==e||null===(r=e.item)||void 0===r||null===(a=r.person)||void 0===a||null===(t=a.display)||void 0===t?void 0:t.toLowerCase().includes(null==e||null===(n=e.inputValue)||void 0===n?void 0:n.toLowerCase())}),[]),Fe=(0,a.useCallback)((function(e){var n,t,a,r,i;return(null==e||null===(n=e.inputValue)||void 0===n?void 0:n.length)?null===(r=e.item)||void 0===r||null===(a=r.names)||void 0===a?void 0:a.some((function(n){return n.toLowerCase().includes(e.inputValue.toLowerCase())})):null!==(i=null==e||null===(t=e.item)||void 0===t?void 0:t.names)&&void 0!==i?i:[]}),[]),Ne=H((0,a.useState)(!1),2),Oe=Ne[0],Se=Ne[1],Me=w?(0,c.getPatientName)(w):"",Te=(0,a.useRef)(null),Be=(0,a.useCallback)((function(e){Te.current&&Te.current.disconnect(),Te.current=new IntersectionObserver((function(e){var n=H(e,1)[0];Se(n.intersectionRatio<1)}),{threshold:1}),e&&Te.current.observe(e)}),[Se]),Pe=(0,p.as)({name:"drug",control:ce}).fieldState.error,qe=(0,m.yB)(w.id).data,je=(0,a.useMemo)((function(){return"NEW"==C.action&&(null==qe?void 0:qe.some((function(e){var n;return(null==e||null===(n=e.drug)||void 0===n?void 0:n.uuid)===(null==_e?void 0:_e.uuid)})))}),[qe,_e,C.action]);return r().createElement("div",{className:I.container},Oe&&r().createElement("div",{className:I.stickyMedicationInfo},r().createElement(Z,{dosage:Ae,drug:_e,routeValue:ve,unitValue:$e})),r().createElement("div",{className:I.patientHeader},r().createElement("span",{className:I.bodyShort02},Me),r().createElement("span",{className:l()(I.text02,I.bodyShort01)},(0,u.A)(null==w?void 0:w.gender)," · ",(0,c.age)(null==w?void 0:w.birthDate)," ·"," ",r().createElement("span",null,(0,c.formatDate)((0,c.parseDate)(null==w?void 0:w.birthDate),{mode:"wide",time:!1})))),r().createElement(c.ExtensionSlot,{name:"allergy-list-pills-slot",state:{patientUuid:null==w?void 0:w.id}}),r().createElement(d.lVW,{className:I.orderForm,onSubmit:me((function(e){return(n=function(){var n;return function(e,n){var t,a,r,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},o=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return o.next=l(0),o.throw=l(1),o.return=l(2),"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(d){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,a&&(r=2&l[0]?a.return:l[0]?a.throw||((r=a.return)&&r.call(a),0):a.next)&&!(r=r.call(a,l[1])).done)return r;switch(a=0,r&&(l=[2&l[0],r.value]),l[0]){case 0:case 1:r=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,a=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((r=(r=i.trys).length>0&&r[r.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(6===l[0]&&i.label<r[1]){i.label=r[1],r=l;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(l);break}r[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],a=0}finally{t=r=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,d])}}}(this,(function(t){switch(t.label){case 0:return n=L(V({},C),{drug:e.drug,orderer:e.orderer.uuid,careSetting:e.careSetting,isFreeTextDosage:e.isFreeTextDosage,freeTextDosage:e.freeTextDosage,dosage:e.dosage,unit:e.unit,route:e.route,patientInstructions:e.patientInstructions,asNeeded:e.asNeeded,asNeededCondition:e.asNeededCondition,duration:e.duration,durationUnit:e.durationUnit,pillsDispensed:e.pillsDispensed,quantityUnits:e.quantityUnits,numRefills:e.numRefills,indication:e.indication,frequency:e.frequency,startDate:e.startDate}),le(!0),[4,x(n)];case 1:return t.sent(),le(!1),[2]}}))},function(){var e=this,t=arguments;return new Promise((function(a,r){var i=n.apply(e,t);function o(e){U(i,a,r,o,l,"next",e)}function l(e){U(i,a,r,o,l,"throw",e)}o(void 0)}))})();var n}),(function(e){e&&(console.error("Error in drug order form",e),(0,c.showSnackbar)({title:B("drugOrderValidationFailed","Validation failed"),subtitle:B("drugOrderValidationFailedDescription","Please check the form for errors and try again."),kind:"error",timeoutInMs:5e3,isLowContrast:!0}))})),id:"drugOrderForm"},r().createElement("div",null,Y&&r().createElement(d.jeF,{kind:"error",lowContrast:!0,className:I.inlineNotification,title:B("errorFetchingOrderConfig","Error occurred when fetching Order config"),subtitle:B("tryReopeningTheForm","Please try launching the form again")}),r().createElement("h1",{className:I.orderFormHeading},B("orderForm","Order Form")),(O||z)&&r().createElement("section",{className:I.formSection},r().createElement("h3",{className:I.sectionHeader},B("prescriptionInfo","Prescription info")),r().createElement(d.BJc,{gap:5},O&&r().createElement(G,null,r().createElement(q,{setSelectedDrugItem:function(e){ge(T(e,Ce,de.uuid))}}),je&&r().createElement(d.lRv,{className:I.errorLabel},B("activePrescriptionExists","Active prescription exists for this drug")),r().createElement(d.lRv,{className:I.errorLabel},null==Pe?void 0:Pe.message)),ee&&!ae&&((null==te?void 0:te.length)>0?r().createElement(K,{control:ce,name:"orderer",type:"comboBox",getValues:fe,id:"orderer",shouldFilterItem:Ie,placeholder:B("prescribingClinician","Prescribing Clinician"),titleText:B("prescribingClinician","Prescribing Clinician"),items:te,itemToString:function(e){var n;return null==e||null===(n=e.person)||void 0===n?void 0:n.display}}):re?r().createElement(d.jeF,{kind:"warning",lowContrast:!0,className:I.inlineNotification,title:B("errorLoadingClinicians","Error loading clinicians"),subtitle:B("tryReopeningTheForm","Please try launching the form again")}):r().createElement(d.jeF,{kind:"warning",lowContrast:!0,className:I.inlineNotification,title:B("noCliniciansFound","No clinicians found"),subtitle:B("noCliniciansFoundDescription","Cannot select prescribing clinician because no clinicians with appropriate roles are found. Check configuration.")})))),r().createElement("div",{ref:Be},r().createElement(Z,{dosage:Ae,drug:_e,routeValue:ve,unitValue:$e})),r().createElement("section",{className:I.formSection},r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:12,md:6,sm:4},r().createElement("h3",{className:I.sectionHeader},B("dosageInstructions","Dosage instructions"))),r().createElement(d.VPZ,{className:I.freeTextDosageToggle,lg:4,md:2,sm:4},r().createElement(K,{name:"isFreeTextDosage",type:"toggle",control:ce,size:"sm",id:"freeTextDosageToggle","aria-label":B("freeTextDosage","Free text dosage"),labelText:B("freeTextDosage","Free text dosage")}))),be("isFreeTextDosage")?r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{md:8},r().createElement(K,{control:ce,name:"freeTextDosage",type:"textArea",labelText:B("freeTextDosage","Free text dosage"),placeholder:B("freeTextDosage","Free text dosage"),maxLength:65535}))):r().createElement(r().Fragment,null,r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:8,md:4,sm:4,className:I.linkedInput},r().createElement(G,null,r().createElement("div",{className:I.numberInput},r().createElement(K,{control:ce,type:"number",name:"dosage",id:"doseSelection",placeholder:B("editDoseComboBoxPlaceholder","Dose"),label:B("editDoseComboBoxTitle","Dose"),min:0,hideSteppers:!0,step:.01})))),r().createElement(d.VPZ,{lg:8,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"unit",type:"comboBox",getValues:fe,id:"dosingUnits",shouldFilterItem:ze,placeholder:B("editDosageUnitsPlaceholder","Unit"),titleText:B("editDosageUnitsTitle","Dose unit"),items:we,itemToString:function(e){return null==e?void 0:e.value},handleAfterChange:he})))),r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:16,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,id:"editRoute",items:xe,itemToString:function(e){return null==e?void 0:e.value},name:"route",placeholder:B("editRouteComboBoxTitle","Route"),shouldFilterItem:ze,titleText:B("editRouteComboBoxTitle","Route"),type:"comboBox"}))),r().createElement(d.VPZ,{lg:16,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"frequency",type:"comboBox",id:"editFrequency",items:De,shouldFilterItem:Fe,placeholder:B("editFrequencyComboBoxTitle","Frequency"),titleText:B("editFrequencyComboBoxTitle","Frequency"),itemToString:function(e){return null==e?void 0:e.value}})))),r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:16,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"patientInstructions",type:"textArea",labelText:B("patientInstructions","Patient instructions"),placeholder:B("patientInstructionsPlaceholder",'Additional dosing instructions (e.g. "Take after eating")'),maxLength:65535,rows:W?6:4}))),r().createElement(d.VPZ,{className:I.prn,lg:16,md:4,sm:4},r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:6,md:8,sm:4},r().createElement(G,null,r().createElement(d.gE_,{legendText:B("prn","P.R.N.")},r().createElement(K,{control:ce,name:"asNeeded",type:"checkbox",id:"prn",labelText:B("takeAsNeeded","Take as needed")})))),r().createElement(d.VPZ,{lg:10,md:8,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"asNeededCondition",type:"textArea",labelText:B("prnReason","P.R.N. reason"),placeholder:B("prnReasonPlaceholder","Reason to take medicine"),rows:3,maxLength:255,disabled:!be("asNeeded")})))))))),r().createElement("section",{className:I.formSection},r().createElement("h3",{className:I.sectionHeader},B("prescriptionDuration","Prescription duration")),r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:16,md:4,sm:4},r().createElement("div",{className:I.fullWidthDatePickerContainer},r().createElement(G,null,r().createElement(p.xI,{name:"startDate",control:ce,render:function(e){var n,t,a=e.field,i=e.fieldState;return r().createElement(c.OpenmrsDatePicker,L(V({},a),{maxDate:new Date,id:"startDatePicker",labelText:B("startDate","Start date"),size:W?"lg":"sm",invalid:Boolean(null==i||null===(n=i.error)||void 0===n?void 0:n.message),invalidText:null==i||null===(t=i.error)||void 0===t?void 0:t.message}))}})))),r().createElement(d.VPZ,{lg:8,md:2,sm:4,className:I.linkedInput},r().createElement(G,null,W?r().createElement(J,{control:ce,isTablet:W,setValue:ye,name:"duration",labelText:B("duration","Duration")}):r().createElement(K,{control:ce,name:"duration",type:"number",id:"durationInput",label:B("duration","Duration"),min:0,step:1,allowEmpty:!0}))),r().createElement(d.VPZ,{className:I.durationUnit,lg:8,md:2,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"durationUnit",type:"comboBox",id:"durationUnitPlaceholder",titleText:B("durationUnit","Duration unit"),items:ke,itemToString:function(e){return null==e?void 0:e.value},placeholder:B("durationUnitPlaceholder","Duration Unit"),shouldFilterItem:ze}))))),r().createElement("section",{className:I.formSection},r().createElement("h3",{className:I.sectionHeader},B("dispensingInformation","Dispensing instructions")),r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:8,md:3,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"pillsDispensed",type:"number",id:"quantityDispensed",label:B("quantityToDispense","Quantity to dispense"),min:0,hideSteppers:!0,allowEmpty:!0}))),r().createElement(d.VPZ,{lg:8,md:3,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,id:"dispensingUnits",items:Ee,itemToString:function(e){return null==e?void 0:e.value},name:"quantityUnits",placeholder:B("editDispensingUnit","Quantity unit"),shouldFilterItem:ze,titleText:B("editDispensingUnit","Quantity unit"),type:"comboBox"}))),r().createElement(d.VPZ,{lg:8,md:3,sm:4},r().createElement(G,null,W?r().createElement(J,{control:ce,isTablet:W,setValue:ye,name:"numRefills",labelText:B("prescriptionRefills","Prescription refills")}):r().createElement(K,{control:ce,name:"numRefills",type:"number",id:"prescriptionRefills",min:0,label:B("prescriptionRefills","Prescription refills"),max:99,allowEmpty:!0})))),r().createElement(d.xA9,{className:I.gridRow},r().createElement(d.VPZ,{lg:16,md:6,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"indication",type:"textInput",id:"indication",labelText:B("indication","Indication"),placeholder:B("indicationPlaceholder",'e.g. "Hypertension"'),maxLength:150})))))),r().createElement(d.Te$,{className:l()(I.buttonSet,W?I.tabletButtonSet:I.desktopButtonSet)},r().createElement(d.$nd,{className:I.button,kind:"secondary",onClick:k,size:"xl"},B("discard","Discard")),r().createElement(d.$nd,{className:I.button,kind:"primary",type:"submit",size:"xl",disabled:!!Y||oe||je},E))))}var J=function(e){var n=e.setValue,t=e.control,o=e.name,l=e.labelText,u=e.isTablet,f=W(e,["setValue","control","name","labelText","isTablet"]),g=(0,i.useTranslation)().t,m=u?"md":"sm",y=(0,p.as)({name:o,control:t}).field,b=y.onBlur,h=y.onChange,_=y.value,v=y.ref,$=(0,a.useCallback)((function(e){var n=parseFloat(String(e.target.value));h(isNaN(n)?null:n)}),[h]);return r().createElement("div",{className:I.customElement},r().createElement("span",{className:"cds--label"},l),r().createElement("div",{className:I.customNumberInput},r().createElement(d.K0,{onClick:function(){n(o,Math.max(Number(_)-1,0))},label:g("decrement","Decrement"),size:m},r().createElement(s.NA,{size:16})),r().createElement(d.ksK,V({onChange:$,className:I.customInput,onBlur:b,ref:v,value:"string"==typeof _||"number"==typeof _?_:"--",size:m,id:o,labelText:""},f)),r().createElement(d.K0,{onClick:function(){n(o,Number(_)+1)},label:g("increment","Increment"),size:m},r().createElement(c.AddIcon,{size:16}))))},K=function(e){var n=e.control,t=e.name,i=e.type,o=e.getValues,s=e.handleAfterChange,u=W(e,["control","name","type","getValues","handleAfterChange"]),f=(0,p.as)({name:t,control:n}),g=f.field,m=g.onBlur,y=g.onChange,b=g.value,h=g.ref,_=f.fieldState.error,v="tablet"===(0,c.useLayoutType)(),$=l()(R({},I.fieldError,null==_?void 0:_.message)),A=(0,a.useCallback)((function(e){var n=null==o?void 0:o(t);y(e),null==s||s(e,n)}),[o,y,s,t]),C=(0,a.useMemo)((function(){if("toggle"===i)return r().createElement(d.lMk,V({toggled:Boolean(b),onToggle:A,ref:h,size:v?"md":"sm"},u));if("checkbox"===i){var e=u;return r().createElement(d.Sc0,V({checked:Boolean(b),labelText:e.labelText,onChange:function(e,n){var t=n.checked;return A(t)},ref:h},e))}if("number"===i){var n=u;return r().createElement(d.Q7x,V({allowEmpty:!0,className:$,disableWheel:!0,onBlur:m,onChange:function(e,n){var t=n.value,a=parseFloat(String(t));A(isNaN(a)?null:a)},ref:h,size:v?"md":"sm",value:"number"==typeof b?b:""},n))}if("textArea"===i){var t=u;return r().createElement(d.fs1,V({className:$,onBlur:m,onChange:function(e){return A(e.target.value)},ref:h,value:"string"==typeof b?b:""},t))}if("textInput"===i){var a=u;return r().createElement(d.ksK,V({className:$,onChange:function(e){return A(e.target.value)},onBlur:m,ref:h,size:v?"md":"sm",value:"string"==typeof b?b:""},a))}if("comboBox"===i){var o=u;return r().createElement(d.a32,V({className:$,onBlur:m,onChange:function(e){var n=e.selectedItem;return A(n)},ref:h,size:v?"md":"sm",selectedItem:b,initialSelectedItem:b},o))}return null}),[i,b,u,A,$,m,h,v]);return r().createElement(r().Fragment,null,C,r().createElement(d.lRv,{className:I.errorLabel},null==_?void 0:_.message))};const X=Q},39060:(e,n,t)=>{t.d(n,{A:()=>l});var a=t(30977),r=t.n(a),i=t(95924),o=t.n(i)()(r());o.push([e.id,'.-esm-patient-medications__drug-order-form__orderForm___OtUID{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 0 0 1rem;counter-reset:section}.-esm-patient-medications__drug-order-form__orderForm___OtUID input[data-invalid]:focus{outline:.125rem solid #da1e28;outline-offset:-2px}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--css-grid{max-width:unset}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--css-grid-column{margin:0 .5rem !important}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--subgrid{margin:0 -0.5rem !important}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--number--nosteppers.cds--number input[type="number"]{padding-right:1rem}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--list-box{border:0}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--number__control-btn{border:0}.-esm-patient-medications__drug-order-form__orderForm___OtUID h3{counter-increment:section}.-esm-patient-medications__drug-order-form__orderForm___OtUID h3::before{content:counter(section) ". "}.-esm-patient-medications__drug-order-form__medicationInfo___htPbA{border:0;padding:1rem;margin-left:-1rem;box-sizing:border-box}.-esm-patient-medications__drug-order-form__inlineNotification___dnXfs{width:100%;max-width:unset;margin-top:-0.5rem;margin-left:-1rem}.-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt\\+\\+h{position:fixed;background-color:#0072c3;color:#fff;top:6rem;z-index:1;display:flex;align-items:center;width:100%}.-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt\\+\\+h .-esm-patient-medications__drug-order-form__medicationInfo___htPbA{margin:0}.-esm-patient-medications__drug-order-form__patientHeader___MlXxf{padding:1rem;background-color:#f4f4f4}.-esm-patient-medications__drug-order-form__patientHeader___MlXxf span:first-of-type{margin-right:.5rem}.-esm-patient-medications__drug-order-form__text02___KkHZD{color:#525252}.-esm-patient-medications__drug-order-form__orderFormHeading___u0sR\\+{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:0;margin-top:.5rem}.-esm-patient-medications__drug-order-form__formSection___Itx2S{margin-bottom:1.5rem}.-esm-patient-medications__drug-order-form__sectionHeader___KfJhD{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);margin-bottom:1rem}.-esm-patient-medications__drug-order-form__freeTextDosageToggle___2pU5i{justify-self:flex-end}.-esm-patient-medications__drug-order-form__freeTextDosageToggle___2pU5i .cds--toggle__label-text{margin-bottom:.5rem}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker{width:100%}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker .cds--date-picker-container{width:100%}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker .cds--date-picker-container .cds--date-picker-input__wrapper{width:100%}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker .cds--date-picker-container .cds--date-picker-input__wrapper .cds--date-picker__input{width:100%}.-esm-patient-medications__drug-order-form__numberInput___B-FZR .cds--number__input-wrapper input{min-width:unset !important;padding-right:1rem}.-esm-patient-medications__drug-order-form__backButton___uSRQe{align-items:center;display:flex;justify-content:flex-start;margin:.5rem 0}.-esm-patient-medications__drug-order-form__backButton___uSRQe button{display:flex;padding-left:0 !important}.-esm-patient-medications__drug-order-form__backButton___uSRQe button svg{order:1;margin-right:.5rem;margin-left:0 !important;fill:currentColor !important}.-esm-patient-medications__drug-order-form__backButton___uSRQe button span{order:2}.-esm-patient-medications__drug-order-form__gridRow___mpTeZ{padding:0px;margin-left:-0.5rem}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__gridRow___mpTeZ{align-items:center}.-esm-patient-medications__drug-order-form__field___iStW4{margin-bottom:1rem}.-esm-patient-medications__drug-order-form__field___iStW4 .cds--label{vertical-align:middle}.-esm-patient-medications__drug-order-form__buttonSet___5FDLc{margin-left:-1rem}.-esm-patient-medications__drug-order-form__buttonSet___5FDLc .cds--btn{width:50%;max-width:unset}.-esm-patient-medications__drug-order-form__linkedInput___4qvpO{display:flex;align-items:center}.-esm-patient-medications__drug-order-form__linkedInput___4qvpO .cds--layer-one,.-esm-patient-medications__drug-order-form__linkedInput___4qvpO .cds--layer-two,.-esm-patient-medications__drug-order-form__linkedInput___4qvpO .cds--layer{flex:1}.-esm-patient-medications__drug-order-form__linkedInput___4qvpO::after{content:"";border:.5px solid #a8a8a8;width:1rem;margin-right:-1rem}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76{display:flex;justify-content:flex-start;align-items:flex-end}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76 .cds--btn{background-color:#393939}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76 .-esm-patient-medications__drug-order-form__customInput___hX3\\+1 input{text-align:center}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76 svg{fill:currentColor !important}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__container___47sMZ{height:100%}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__durationUnit___WpNT4 .-esm-patient-medications__drug-order-form__field___iStW4,.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__prn___Jl-ym .-esm-patient-medications__drug-order-form__field___iStW4{margin-bottom:0}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__orderForm___OtUID{background-color:#ededed}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt\\+\\+h{top:3rem}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__buttonSet___5FDLc{padding:1.5rem 1rem;background-color:#fff}.-esm-patient-medications__drug-order-form__fieldError___Zaeyx .cds--number input[type="number"]:focus{outline:2.5px solid #da1e28}.-esm-patient-medications__drug-order-form__fieldError___Zaeyx input:focus,.-esm-patient-medications__drug-order-form__fieldError___Zaeyx textarea:focus{outline:2.5px solid #da1e28}.-esm-patient-medications__drug-order-form__errorLabel___ehE16{color:#da1e28;margin-top:.25rem}.-esm-patient-medications__drug-order-form__productiveHeading02___Lg276{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);margin-bottom:1rem}.-esm-patient-medications__drug-order-form__bodyShort01___xv\\+HS{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-patient-medications__drug-order-form__bodyShort02___X0fIt{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-patient-medications__drug-order-form__bodyLong01___RVz33{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-patient-medications__drug-order-form__caption01___3Lybp{font-size:var(--cds-legal-01-font-size, 0.75rem);font-weight:var(--cds-legal-01-font-weight, 400);line-height:var(--cds-legal-01-line-height, 1.33333);letter-spacing:var(--cds-legal-01-letter-spacing, 0.32px)}',"",{version:3,sources:["webpack://./src/add-drug-order/drug-order-form.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,8DACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,sBAAA,CA+BA,qBAAA,CA7BA,wFACE,6BAAA,CACA,mBAAA,CAGF,6EACE,eAAA,CAGF,oFACE,yBAAA,CAGF,4EACE,2BAAA,CAGF,wHACE,kBCES,CDCX,6EACE,QAAA,CAGF,wFACE,QAAA,CAKF,iEACE,yBAAA,CAEA,yEACE,6BAAA,CAKN,mEACE,QAAA,CACA,YCtBW,CDuBX,iBAAA,CACA,qBAAA,CAGF,uEACE,UAAA,CACA,eAAA,CACA,kBAAA,CACA,iBAAA,CAGF,2EACE,cAAA,CACA,wBE9BQ,CF+BR,UEsDQ,CFrDR,QCHW,CDIX,SAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CAEA,8IACE,QAAA,CAIJ,kEACE,YClDW,CDmDX,wBExCQ,CF0CR,qFACE,kBChES,CDoEb,2DACE,aE1CQ,CF6CV,sEGqwBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CHnwBF,eAAA,CACA,gBC3EW,CD8Eb,gEACE,oBChEW,CDmEb,kEG2vBI,mDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CHzvBF,kBC1EW,CD6Eb,yEACE,qBAAA,CAEA,kGACE,mBC3FS,CDgGX,mGACE,UAAA,CAEA,+HACE,UAAA,CAEA,gKACE,UAAA,CAEA,yLACE,UAAA,CAQR,kGACE,0BAAA,CACA,kBC1GS,CD8Gb,+DACE,kBAAA,CACA,YAAA,CACA,0BAAA,CACA,cAAA,CAEA,sEACE,YAAA,CACA,yBAAA,CAEA,0EACE,OAAA,CACA,kBCpIO,CDqIP,wBAAA,CACA,4BAAA,CAGF,2EACE,OAAA,CAKN,4DACE,WAAA,CACA,mBAAA,CAIF,wFACE,kBAAA,CAGF,0DACE,kBChJW,CDkJX,sEACE,qBAAA,CAIJ,8DACE,iBAAA,CAEA,wEACE,SAAA,CACA,eAAA,CAIJ,gEACE,YAAA,CACA,kBAAA,CAEA,4OAGE,MAAA,CAIJ,uEACE,UAAA,CACA,yBAAA,CACA,UC9KW,CD+KX,kBAAA,CAGF,sEACE,YAAA,CACA,0BAAA,CACA,oBAAA,CAEA,gFACE,wBEtKM,CF0KN,6IACE,iBAAA,CAIJ,0EACE,4BAAA,CAMF,0FACE,WAAA,CAKA,qSACE,eAAA,CAIJ,0FACE,wBAAA,CAGF,uGACE,QCpMS,CDuMX,0FACE,mBAAA,CACA,qBElIM,CFuIR,uGACE,2BAAA,CAGF,yJAEE,2BAAA,CAIJ,+DACE,aE3KO,CF4KP,iBC7PW,CDgQb,wEGklBI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CHhlBF,kBCnPW,CDsPb,iEG6kBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CHzkBJ,gEGykBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CHrkBJ,+DGqkBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CHjkBJ,8DGikBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.orderForm {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: layout.$spacing-03 0 0 layout.$spacing-05;\n\n input[data-invalid]:focus {\n outline: layout.$spacing-01 solid colors.$red-60;\n outline-offset: -2px;\n }\n\n :global(.cds--css-grid) {\n max-width: unset;\n }\n\n :global(.cds--css-grid-column) {\n margin: 0 layout.$spacing-03 !important;\n }\n\n :global(.cds--subgrid) {\n margin: 0 calc(layout.$spacing-03 * -1) !important;\n }\n\n :global(.cds--number--nosteppers.cds--number input[type='number']) {\n padding-right: layout.$spacing-05;\n }\n\n :global(.cds--list-box) {\n border: 0;\n }\n\n :global(.cds--number__control-btn) {\n border: 0;\n }\n\n counter-reset: section;\n\n h3 {\n counter-increment: section;\n\n &::before {\n content: counter(section) '. ';\n }\n }\n}\n\n.medicationInfo {\n border: 0;\n padding: layout.$spacing-05;\n margin-left: calc(layout.$spacing-05 * -1);\n box-sizing: border-box;\n}\n\n.inlineNotification {\n width: 100%;\n max-width: unset;\n margin-top: calc(layout.$spacing-03 * -1);\n margin-left: calc(layout.$spacing-05 * -1);\n}\n\n.stickyMedicationInfo {\n position: fixed;\n background-color: colors.$cyan-60;\n color: colors.$white-0;\n top: layout.$spacing-12;\n z-index: 1;\n display: flex;\n align-items: center;\n width: 100%;\n\n .medicationInfo {\n margin: 0;\n }\n}\n\n.patientHeader {\n padding: layout.$spacing-05;\n background-color: colors.$gray-10;\n\n span:first-of-type {\n margin-right: layout.$spacing-03;\n }\n}\n\n.text02 {\n color: colors.$gray-70;\n}\n\n.orderFormHeading {\n @include type.type-style('heading-03');\n margin-bottom: 0;\n margin-top: layout.$spacing-03;\n}\n\n.formSection {\n margin-bottom: layout.$spacing-06;\n}\n\n.sectionHeader {\n @include type.type-style('heading-01');\n margin-bottom: layout.$spacing-05;\n}\n\n.freeTextDosageToggle {\n justify-self: flex-end;\n\n :global(.cds--toggle__label-text) {\n margin-bottom: layout.$spacing-03;\n }\n}\n\n.fullWidthDatePickerContainer {\n :global .cds--date-picker {\n width: 100%;\n\n :global .cds--date-picker-container {\n width: 100%;\n\n :global .cds--date-picker-input__wrapper {\n width: 100%;\n\n :global .cds--date-picker__input {\n width: 100%;\n }\n }\n }\n }\n}\n\n.numberInput {\n :global(.cds--number__input-wrapper) input {\n min-width: unset !important;\n padding-right: layout.$spacing-05;\n }\n}\n\n.backButton {\n align-items: center;\n display: flex;\n justify-content: flex-start;\n margin: layout.$spacing-03 0;\n\n button {\n display: flex;\n padding-left: 0 !important;\n\n svg {\n order: 1;\n margin-right: layout.$spacing-03;\n margin-left: 0 !important;\n fill: currentColor !important;\n }\n\n span {\n order: 2;\n }\n }\n}\n\n.gridRow {\n padding: 0px;\n margin-left: calc(layout.$spacing-03 * -1);\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-lt-desktop) .gridRow {\n align-items: center;\n}\n\n.field {\n margin-bottom: layout.$spacing-05;\n\n :global(.cds--label) {\n vertical-align: middle;\n }\n}\n\n.buttonSet {\n margin-left: calc(layout.$spacing-05 * -1);\n\n :global(.cds--btn) {\n width: 50%;\n max-width: unset;\n }\n}\n\n.linkedInput {\n display: flex;\n align-items: center;\n\n :global(.cds--layer-one),\n :global(.cds--layer-two),\n :global(.cds--layer) {\n flex: 1;\n }\n}\n\n.linkedInput::after {\n content: '';\n border: 0.5px solid colors.$gray-40;\n width: layout.$spacing-05;\n margin-right: calc(layout.$spacing-05 * -1);\n}\n\n.customNumberInput {\n display: flex;\n justify-content: flex-start;\n align-items: flex-end;\n\n :global(.cds--btn) {\n background-color: colors.$gray-80;\n }\n\n .customInput {\n input {\n text-align: center;\n }\n }\n\n svg {\n fill: currentColor !important;\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .container {\n height: 100%;\n }\n\n .durationUnit,\n .prn {\n .field {\n margin-bottom: 0;\n }\n }\n\n .orderForm {\n background-color: #ededed;\n }\n\n .stickyMedicationInfo {\n top: layout.$spacing-09;\n }\n\n .buttonSet {\n padding: layout.$spacing-06 layout.$spacing-05;\n background-color: colors.$white-0;\n }\n}\n\n.fieldError {\n :global(.cds--number input[type='number']):focus {\n outline: 2.5px solid colors.$red-60;\n }\n\n input:focus,\n textarea:focus {\n outline: 2.5px solid colors.$red-60;\n }\n}\n\n.errorLabel {\n color: colors.$red-60;\n margin-top: layout.$spacing-02;\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n margin-bottom: layout.$spacing-05;\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.bodyShort02 {\n @include type.type-style('body-compact-02');\n}\n\n.bodyLong01 {\n @include type.type-style('body-01');\n}\n\n.caption01 {\n @include type.type-style('legal-01');\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","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),o.locals={orderForm:"-esm-patient-medications__drug-order-form__orderForm___OtUID",medicationInfo:"-esm-patient-medications__drug-order-form__medicationInfo___htPbA",inlineNotification:"-esm-patient-medications__drug-order-form__inlineNotification___dnXfs",stickyMedicationInfo:"-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt++h",patientHeader:"-esm-patient-medications__drug-order-form__patientHeader___MlXxf",text02:"-esm-patient-medications__drug-order-form__text02___KkHZD",orderFormHeading:"-esm-patient-medications__drug-order-form__orderFormHeading___u0sR+",formSection:"-esm-patient-medications__drug-order-form__formSection___Itx2S",sectionHeader:"-esm-patient-medications__drug-order-form__sectionHeader___KfJhD",freeTextDosageToggle:"-esm-patient-medications__drug-order-form__freeTextDosageToggle___2pU5i",fullWidthDatePickerContainer:"-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z",numberInput:"-esm-patient-medications__drug-order-form__numberInput___B-FZR",backButton:"-esm-patient-medications__drug-order-form__backButton___uSRQe",gridRow:"-esm-patient-medications__drug-order-form__gridRow___mpTeZ",field:"-esm-patient-medications__drug-order-form__field___iStW4",buttonSet:"-esm-patient-medications__drug-order-form__buttonSet___5FDLc",linkedInput:"-esm-patient-medications__drug-order-form__linkedInput___4qvpO",customNumberInput:"-esm-patient-medications__drug-order-form__customNumberInput___qNN76",customInput:"-esm-patient-medications__drug-order-form__customInput___hX3+1",container:"-esm-patient-medications__drug-order-form__container___47sMZ",durationUnit:"-esm-patient-medications__drug-order-form__durationUnit___WpNT4",prn:"-esm-patient-medications__drug-order-form__prn___Jl-ym",fieldError:"-esm-patient-medications__drug-order-form__fieldError___Zaeyx",errorLabel:"-esm-patient-medications__drug-order-form__errorLabel___ehE16",productiveHeading02:"-esm-patient-medications__drug-order-form__productiveHeading02___Lg276",bodyShort01:"-esm-patient-medications__drug-order-form__bodyShort01___xv+HS",bodyShort02:"-esm-patient-medications__drug-order-form__bodyShort02___X0fIt",bodyLong01:"-esm-patient-medications__drug-order-form__bodyLong01___RVz33",caption01:"-esm-patient-medications__drug-order-form__caption01___3Lybp"};const l=o},74573:(e,n,t)=>{t.d(n,{MS:()=>m,Of:()=>c,YZ:()=>p,x4:()=>f});var a=t(1343),r=t(88010),i=t.n(r),o=t(54440);function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(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){l(e,n,t[n])}))}return e}function s(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function u(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function c(e){var n=i()(e?"".concat(o.restBaseUrl,"/drug?q=").concat(e,"&v=custom:(uuid,display,name,strength,dosageForm:(display,uuid),concept:(display,uuid))"):null,o.openmrsFetch),t=n.data,r=u(n,["data"]);return(0,a.useMemo)((function(){var e;return d({drugs:null==t||null===(e=t.data)||void 0===e?void 0:e.results},r)}),[t,r])}function p(e){var n=(0,o.useFeatureFlag)("ordertemplates-module"),t=i()(n&&e?"".concat(o.restBaseUrl,"/ordertemplates/orderTemplate?drug=").concat(e):null,o.openmrsFetch),r=t.data,l=t.error,u=t.isLoading;return(0,a.useMemo)((function(){var e,n;return{isLoading:u,templates:null==r||null===(n=r.data)||void 0===n||null===(e=n.results)||void 0===e?void 0:e.map((function(e){return s(d({},e),{template:JSON.parse(e.template)})})),error:l}}),[r,l,u])}function f(e){var n=null==e?void 0:e.map((function(e){return e.uuid})),t=(0,o.useFeatureFlag)("ordertemplates-module"),r=i()(t?n:null,(function(e){return Promise.all(e.map((function(e){return(0,o.openmrsFetch)("".concat(o.restBaseUrl,"/ordertemplates/orderTemplate?drug=").concat(e))})))})),l=r.data,c=u(r,["data"]),p=(0,a.useMemo)((function(){var e=new Map,n=!0,t=!1,a=void 0;try{for(var r,i=(null!=l?l:[])[Symbol.iterator]();!(n=(r=i.next()).done);n=!0){var o,u=r.value;if(null===(o=u.data)||void 0===o?void 0:o.drug){var c=u.data.drug.uuid;e.has(c)||e.set(c,[]),e.get(c).push(s(d({},u.data),{template:JSON.parse(u.data.template)}))}}}catch(e){t=!0,a=e}finally{try{n||null==i.return||i.return()}finally{if(t)throw a}}return e}),[l]);return d({templateByDrugUuid:p},c)}function g(e,n){var t,a;return(null===(t=e.dosingInstructions[n])||void 0===t?void 0:t.find((function(e){return e.default})))||(null===(a=e.dosingInstructions[n])||void 0===a?void 0:a[0])}function m(e,n,t){var a,r,i,o,l,d,s,u,c,p,f;return t?{action:"NEW",display:e.display,drug:e,unit:(null!==(p=g(t.template,"unit"))&&void 0!==p?p:null==e?void 0:e.dosageForm)?{value:null==e||null===(a=e.dosageForm)||void 0===a?void 0:a.display,valueCoded:null==e||null===(r=e.dosageForm)||void 0===r?void 0:r.uuid}:null,dosage:null===(i=g(t.template,"dose"))||void 0===i?void 0:i.value,frequency:g(t.template,"frequency"),route:g(t.template,"route"),commonMedicationName:e.display,isFreeTextDosage:!1,patientInstructions:"",asNeeded:t.template.dosingInstructions.asNeeded||!1,asNeededCondition:t.template.dosingInstructions.asNeededCondition,startDate:new Date,duration:null,durationUnit:n?{value:null==n?void 0:n.display,valueCoded:null==n?void 0:n.uuid}:null,pillsDispensed:null,numRefills:null,freeTextDosage:"",indication:"",template:t.template,orderer:null,careSetting:null,quantityUnits:(null!==(f=g(t.template,"quantityUnits"))&&void 0!==f?f:null==e?void 0:e.dosageForm)?{value:null==e||null===(o=e.dosageForm)||void 0===o?void 0:o.display,valueCoded:null==e||null===(l=e.dosageForm)||void 0===l?void 0:l.uuid}:null}:{action:"NEW",display:e.display,drug:e,unit:(null==e?void 0:e.dosageForm)?{value:null==e||null===(d=e.dosageForm)||void 0===d?void 0:d.display,valueCoded:null==e||null===(s=e.dosageForm)||void 0===s?void 0:s.uuid}:null,dosage:null,frequency:null,route:null,commonMedicationName:e.display,isFreeTextDosage:!1,patientInstructions:"",asNeeded:!1,asNeededCondition:null,startDate:new Date,duration:null,durationUnit:n?{value:null==n?void 0:n.display,valueCoded:null==n?void 0:n.uuid}:null,pillsDispensed:null,numRefills:null,freeTextDosage:"",indication:"",orderer:null,careSetting:null,quantityUnits:(null==e?void 0:e.dosageForm)?{value:null==e||null===(u=e.dosageForm)||void 0===u?void 0:u.display,valueCoded:null==e||null===(c=e.dosageForm)||void 0===c?void 0:c.uuid}:null}}}}]);
1
+ "use strict";(globalThis.webpackChunk_openmrs_esm_patient_medications_app=globalThis.webpackChunk_openmrs_esm_patient_medications_app||[]).push([[4953],{24953:(e,n,t)=>{t.d(n,{j:()=>Q,A:()=>X});var a=t(1343),r=t.n(a),i=t(53373),o=t.n(i),l=t(11762),d=t(94389),s=t(88931),u=t(72339),c=t(80824),p=t(54440),f=t(88010),g=t.n(f),m=t(38437),y=t(81160),b=t(46195);function h(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(n){h(e,n,t[n])}))}return e}function v(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function $(e,n,t){var a,r,i,o,l,d,s;return{orderer:{uuid:t},drug:null==e?void 0:e.drug,careSetting:m.Hi,isFreeTextDosage:null!==(a=null==e?void 0:e.isFreeTextDosage)&&void 0!==a&&a,freeTextDosage:null==e?void 0:e.freeTextDosage,dosage:null!==(r=null==e?void 0:e.dosage)&&void 0!==r?r:null,unit:null==e?void 0:e.unit,route:null==e?void 0:e.route,patientInstructions:null!==(i=null==e?void 0:e.patientInstructions)&&void 0!==i?i:"",asNeeded:null!==(o=null==e?void 0:e.asNeeded)&&void 0!==o&&o,asNeededCondition:null!==(l=null==e?void 0:e.asNeededCondition)&&void 0!==l?l:"",duration:null==e?void 0:e.duration,durationUnit:null==e?void 0:e.durationUnit,pillsDispensed:null!==(d=null==e?void 0:e.pillsDispensed)&&void 0!==d?d:null,quantityUnits:null==e?void 0:e.quantityUnits,numRefills:null!==(s=null==e?void 0:e.numRefills)&&void 0!==s?s:null,indication:null==e?void 0:e.indication,frequency:null==e?void 0:e.frequency,startDate:n}}var A=t(74573);function C(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}const w=function(e){var n,t,i=e.setSelectedDrugItem,o=(0,p.useConfig)().daysDurationUnit,d=(0,u.useTranslation)().t,s=(n=(0,a.useState)(""),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(n,t)||function(e,n){if(e){if("string"==typeof e)return C(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?C(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=s[0],f=s[1],g=(0,p.useDebounce)(c),m=(0,A.Of)(g).drugs,y=(0,A.x4)(m).templateByDrugUuid,b=(0,a.useMemo)((function(){return null==m?void 0:m.flatMap((function(e){var n=y.get(e.uuid);return(null==n?void 0:n.length)>0?n.map((function(n){return(0,A.MS)(e,o,n)})):[(0,A.MS)(e,o)]}))}),[m,y,o]);return r().createElement(l.a32,{id:"drug-search-combobox",items:null!=b?b:[],onChange:function(e){var n=e.selectedItem;i(n)},onInputChange:function(e){f(e)},itemToString:function(e){var n;return null!==(n=null==e?void 0:e.display)&&void 0!==n?n:""},placeholder:d("searchFieldPlaceholder",'Search for a drug or orderset (e.g. "Aspirin")'),titleText:d("drugName","Drug name")})};var x=t(72591),E=t.n(x),k=t(1740),D=t.n(k),z=t(88128),I=t.n(z),F=t(30855),N=t.n(F),O=t(93051),S=t.n(O),M=t(73656),T=t.n(M),B=t(39060),P={};P.styleTagTransform=T(),P.setAttributes=N(),P.insert=I().bind(null,"head"),P.domAPI=D(),P.insertStyleElement=S(),E()(B.A,P);const q=B.A&&B.A.locals?B.A.locals:void 0;function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function U(e,n,t,a,r,i,o){try{var l=e[i](o),d=l.value}catch(e){return void t(e)}l.done?n(d):Promise.resolve(d).then(a,r)}function R(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function V(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){R(e,n,t[n])}))}return e}function L(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function W(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function H(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e){var n,t,a=e.drug,i=e.routeValue,o=e.unitValue,l=e.dosage,d=(0,u.useTranslation)().t;return r().createElement("div",{className:q.medicationInfo,id:"medicationInfo"},r().createElement("strong",{className:q.productiveHeading02},null==a?void 0:a.display," ",(null==a?void 0:a.strength)&&"(".concat(null==a?void 0:a.strength,")"))," ",r().createElement("span",{className:q.bodyLong01},i&&r().createElement(r().Fragment,null,"— ",i)," ",(null==a||null===(n=a.dosageForm)||void 0===n?void 0:n.display)&&r().createElement(r().Fragment,null,"— ",null==a||null===(t=a.dosageForm)||void 0===t?void 0:t.display)," "),l&&o?r().createElement(r().Fragment,null,"— ",r().createElement("span",{className:q.caption01},d("dose","Dose").toUpperCase())," ",r().createElement("strong",null,r().createElement("span",{className:q.productiveHeading02},l," ",o.toLowerCase()))):null," ",r().createElement(p.ExtensionSlot,{name:"medication-info-slot",state:{order:{drug:a}}}))}function G(e){var n=e.children,t="tablet"===(0,p.useLayoutType)();return r().createElement(l.Wdr,{level:t?1:0},r().createElement("div",{className:q.field},n))}function Q(e){var n,t,i,d,f,h,A,C,x,E,k,D,z=e.initialOrderBasketItem,I=e.patient,F=e.onSave,N=e.saveButtonText,O=e.onCancel,S=e.promptBeforeClosing,M=e.allowSelectingPrescribingClinician,T=e.allowSelectingDrug,B=(0,u.useTranslation)().t,P=(0,p.useConfig)(),j=P.daysDurationUnit,R=P.prescriberProviderRoles,W="tablet"===(0,p.useLayoutType)(),Q=(f=g()("".concat(p.restBaseUrl,"/orderentryconfig"),p.openmrsFetch),h=f.data,A=f.error,C=f.isLoading,f.isValidating,x=g()("".concat(p.restBaseUrl,"/orderentryconfig?v=custom:(uuid,display,concept:(names:(display,uuid)))"),p.openmrsFetch),E=x.data,k=x.error,D=x.isLoading,(0,a.useMemo)((function(){var e,n,t,a,r,i,o,l,d,s;return{orderConfigObject:{drugRoutes:null==h||null===(n=h.data)||void 0===n||null===(e=n.drugRoutes)||void 0===e?void 0:e.map((function(e){return{valueCoded:e.uuid,value:e.display}})),drugDosingUnits:null==h||null===(a=h.data)||void 0===a||null===(t=a.drugDosingUnits)||void 0===t?void 0:t.map((function(e){return{valueCoded:e.uuid,value:e.display}})),drugDispensingUnits:null==h||null===(i=h.data)||void 0===i||null===(r=i.drugDispensingUnits)||void 0===r?void 0:r.map((function(e){return{valueCoded:e.uuid,value:e.display}})),durationUnits:null==h||null===(l=h.data)||void 0===l||null===(o=l.durationUnits)||void 0===o?void 0:o.map((function(e){return{valueCoded:e.uuid,value:e.display}})),orderFrequencies:null==E||null===(s=E.data)||void 0===s||null===(d=s.orderFrequencies)||void 0===d?void 0:d.map((function(e){return{valueCoded:e.uuid,value:e.display,names:e.concept.names.map((function(e){return e.display}))}}))},isLoading:C||D,error:A||k}}),[h,A,C,E,k,D])),X=Q.orderConfigObject,Y=Q.error,ee=(0,p.useFeatureFlag)("providermanagement-module")&&M,ne=(0,m.u9)(ee?R:null),te=ne.data,ae=ne.isLoading,re=ne.error,ie=H((0,a.useState)(!1),2),oe=ie[0],le=ie[1],de=(0,p.useSession)().currentProvider,se=ee?null==te?void 0:te.find((function(e){return e.uuid===de.uuid})):de,ue=function(e,n){var t,r,i,o=(t=(0,u.useTranslation)().t,r=(0,m.pf)().requireOutpatientQuantity,i=(0,p.useConfig)().requireIndication,(0,a.useMemo)((function(){var e={default:b.z.boolean().optional(),value:b.z.string(),valueCoded:b.z.string()},n={drug:b.z.object({uuid:b.z.string(),concept:b.z.object({uuid:b.z.string()}).passthrough(),dosageForm:b.z.object({uuid:b.z.string()}).passthrough().nullable(),strength:b.z.string().nullable(),display:b.z.string().nullable()},{message:t("drugRequiredErrorMessage","Drug is required")}).passthrough(),orderer:b.z.object({uuid:b.z.string()},{message:t("prescribingClinicianRequiredErrorMessage","Prescribing clinician is required")}),careSetting:b.z.string(),freeTextDosage:b.z.string().refine((function(e){return!!e}),{message:t("freeDosageErrorMessage","Add free dosage note")}),dosage:b.z.number({invalid_type_error:t("dosageRequiredErrorMessage","Dosage is required")}),unit:b.z.object(_({},e),{invalid_type_error:t("selectUnitErrorMessage","Dose unit is required")}),route:b.z.object(_({},e),{invalid_type_error:t("selectRouteErrorMessage","Route is required")}),patientInstructions:b.z.string().nullable(),asNeeded:b.z.boolean(),asNeededCondition:b.z.string().nullable(),duration:b.z.number().nullable(),durationUnit:b.z.object(_({},e)).nullable(),indication:i?b.z.string().refine((function(e){return""!==e}),{message:t("indicationErrorMessage","Indication is required")}):b.z.string().nullish(),startDate:b.z.date(),frequency:b.z.object(_({},e),{invalid_type_error:t("selectFrequencyErrorMessage","Frequency is required")})},a={pillsDispensed:b.z.number().nullable().refine((function(e){return!r||!("number"!=typeof e||e<1)}),{message:t("pillDispensedErrorMessage","Quantity to dispense is required")}),quantityUnits:b.z.object(e).nullable().refine((function(e){return!(r&&!e)}),{message:t("selectQuantityUnitsErrorMessage","Quantity unit is required")}),numRefills:b.z.number().nullable().refine((function(e){return!r||!("number"!=typeof e||e<0)}),{message:t("numRefillsErrorMessage","Number of refills is required")})},o=b.z.object(v(_({},n,a),{isFreeTextDosage:b.z.literal(!1),freeTextDosage:b.z.string().optional()})),l=b.z.object(v(_({},n,a),{isFreeTextDosage:b.z.literal(!0),dosage:b.z.number().nullable(),unit:b.z.object(e).nullable(),route:b.z.object(e).nullable(),frequency:b.z.object(e).nullable()}));return b.z.discriminatedUnion("isFreeTextDosage",[o,l])}),[i,r,t])),l=(0,a.useMemo)((function(){var t,a="string"==typeof(null==e?void 0:e.startDate)?(0,p.parseDate)(null==e?void 0:e.startDate):null!==(t=null==e?void 0:e.startDate)&&void 0!==t?t:new Date;return $(e,a,n)}),[e,n]);return(0,c.mN)({mode:"all",resolver:(0,y.u)(o),defaultValues:l})}(z,null==se?void 0:se.uuid),ce=ue.control,pe=ue.formState.isDirty,fe=ue.getValues,ge=ue.reset,me=ue.handleSubmit,ye=ue.setValue,be=ue.watch;(0,a.useEffect)((function(){S((function(){return pe}))}),[pe,S]);var he=(0,a.useCallback)((function(e,n){var t;(null==n?void 0:n.valueCoded)===(null===(t=fe("quantityUnits"))||void 0===t?void 0:t.valueCoded)&&ye("quantityUnits",e,{shouldValidate:!0})}),[ye,fe]),_e=be("drug"),ve=null===(n=be("route"))||void 0===n?void 0:n.value,$e=null===(t=be("unit"))||void 0===t?void 0:t.value,Ae=be("dosage"),Ce=be("startDate"),we=(0,a.useMemo)((function(){var e,n,t,a,r;return null!==(r=null==X?void 0:X.drugDosingUnits)&&void 0!==r?r:[{valueCoded:null==z||null===(n=z.drug)||void 0===n||null===(e=n.dosageForm)||void 0===e?void 0:e.uuid,value:null==z||null===(a=z.drug)||void 0===a||null===(t=a.dosageForm)||void 0===t?void 0:t.display}]}),[X,null==z||null===(i=z.drug)||void 0===i?void 0:i.dosageForm]),xe=(0,a.useMemo)((function(){var e;return null!==(e=null==X?void 0:X.drugRoutes)&&void 0!==e?e:[]}),[X]),Ee=(0,a.useMemo)((function(){var e,n,t,a,r;return null!==(r=null==X?void 0:X.drugDispensingUnits)&&void 0!==r?r:[{valueCoded:null==z||null===(n=z.drug)||void 0===n||null===(e=n.dosageForm)||void 0===e?void 0:e.uuid,value:null==z||null===(a=z.drug)||void 0===a||null===(t=a.dosageForm)||void 0===t?void 0:t.display}]}),[X,null==z||null===(d=z.drug)||void 0===d?void 0:d.dosageForm]),ke=(0,a.useMemo)((function(){var e;return null!==(e=null==X?void 0:X.durationUnits)&&void 0!==e?e:[{valueCoded:null==j?void 0:j.uuid,value:null==j?void 0:j.display}]}),[X,j]),De=(0,a.useMemo)((function(){var e;return null!==(e=null==X?void 0:X.orderFrequencies)&&void 0!==e?e:[]}),[X]),ze=(0,a.useCallback)((function(e){var n,t,a;return null==e||null===(a=e.item)||void 0===a||null===(t=a.value)||void 0===t?void 0:t.toLowerCase().includes(null==e||null===(n=e.inputValue)||void 0===n?void 0:n.toLowerCase())}),[]),Ie=(0,a.useCallback)((function(e){var n,t,a,r;return null==e||null===(r=e.item)||void 0===r||null===(a=r.person)||void 0===a||null===(t=a.display)||void 0===t?void 0:t.toLowerCase().includes(null==e||null===(n=e.inputValue)||void 0===n?void 0:n.toLowerCase())}),[]),Fe=(0,a.useCallback)((function(e){var n,t,a,r,i;return(null==e||null===(n=e.inputValue)||void 0===n?void 0:n.length)?null===(r=e.item)||void 0===r||null===(a=r.names)||void 0===a?void 0:a.some((function(n){return n.toLowerCase().includes(e.inputValue.toLowerCase())})):null!==(i=null==e||null===(t=e.item)||void 0===t?void 0:t.names)&&void 0!==i?i:[]}),[]),Ne=H((0,a.useState)(!1),2),Oe=Ne[0],Se=Ne[1],Me=I?(0,p.getPatientName)(I):"",Te=(0,a.useRef)(null),Be=(0,a.useCallback)((function(e){Te.current&&Te.current.disconnect(),Te.current=new IntersectionObserver((function(e){var n=H(e,1)[0];Se(n.intersectionRatio<1)}),{threshold:1}),e&&Te.current.observe(e)}),[Se]),Pe=(0,c.as)({name:"drug",control:ce}).fieldState.error,qe=(0,m.yB)(I.id).data,je=(0,a.useMemo)((function(){return"NEW"==z.action&&(null==qe?void 0:qe.some((function(e){var n;return(null==e||null===(n=e.drug)||void 0===n?void 0:n.uuid)===(null==_e?void 0:_e.uuid)})))}),[qe,_e,z.action]);return r().createElement("div",{className:q.container},Oe&&r().createElement("div",{className:q.stickyMedicationInfo},r().createElement(Z,{dosage:Ae,drug:_e,routeValue:ve,unitValue:$e})),r().createElement("div",{className:q.patientHeader},r().createElement("span",{className:q.bodyShort02},Me),r().createElement("span",{className:o()(q.text02,q.bodyShort01)},(0,s.A)(null==I?void 0:I.gender)," · ",(0,p.age)(null==I?void 0:I.birthDate)," ·"," ",r().createElement("span",null,(0,p.formatDate)((0,p.parseDate)(null==I?void 0:I.birthDate),{mode:"wide",time:!1})))),r().createElement(p.ExtensionSlot,{name:"allergy-list-pills-slot",state:{patientUuid:null==I?void 0:I.id}}),r().createElement(l.lVW,{className:q.orderForm,onSubmit:me((function(e){return(n=function(){var n;return function(e,n){var t,a,r,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},o=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return o.next=l(0),o.throw=l(1),o.return=l(2),"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(d){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,a&&(r=2&l[0]?a.return:l[0]?a.throw||((r=a.return)&&r.call(a),0):a.next)&&!(r=r.call(a,l[1])).done)return r;switch(a=0,r&&(l=[2&l[0],r.value]),l[0]){case 0:case 1:r=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,a=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((r=(r=i.trys).length>0&&r[r.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(6===l[0]&&i.label<r[1]){i.label=r[1],r=l;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(l);break}r[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],a=0}finally{t=r=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,d])}}}(this,(function(t){switch(t.label){case 0:return n=L(V({},z),{drug:e.drug,orderer:e.orderer.uuid,careSetting:e.careSetting,isFreeTextDosage:e.isFreeTextDosage,freeTextDosage:e.freeTextDosage,dosage:e.dosage,unit:e.unit,route:e.route,patientInstructions:e.patientInstructions,asNeeded:e.asNeeded,asNeededCondition:e.asNeededCondition,duration:e.duration,durationUnit:e.durationUnit,pillsDispensed:e.pillsDispensed,quantityUnits:e.quantityUnits,numRefills:e.numRefills,indication:e.indication,frequency:e.frequency,startDate:e.startDate}),le(!0),[4,F(n)];case 1:return t.sent(),le(!1),[2]}}))},function(){var e=this,t=arguments;return new Promise((function(a,r){var i=n.apply(e,t);function o(e){U(i,a,r,o,l,"next",e)}function l(e){U(i,a,r,o,l,"throw",e)}o(void 0)}))})();var n}),(function(e){e&&(console.error("Error in drug order form",e),(0,p.showSnackbar)({title:B("drugOrderValidationFailed","Validation failed"),subtitle:B("drugOrderValidationFailedDescription","Please check the form for errors and try again."),kind:"error",timeoutInMs:5e3,isLowContrast:!0}))})),id:"drugOrderForm"},r().createElement("div",null,Y&&r().createElement(l.jeF,{kind:"error",lowContrast:!0,className:q.inlineNotification,title:B("errorFetchingOrderConfig","Error occurred when fetching Order config"),subtitle:B("tryReopeningTheForm","Please try launching the form again")}),r().createElement("h1",{className:q.orderFormHeading},B("orderForm","Order Form")),(T||M)&&r().createElement("section",{className:q.formSection},r().createElement("h3",{className:q.sectionHeader},B("prescriptionInfo","Prescription info")),r().createElement(l.BJc,{gap:5},T&&r().createElement(G,null,r().createElement(w,{setSelectedDrugItem:function(e){ge($(e,Ce,de.uuid))}}),je&&r().createElement(l.lRv,{className:q.errorLabel},B("activePrescriptionExists","Active prescription exists for this drug")),r().createElement(l.lRv,{className:q.errorLabel},null==Pe?void 0:Pe.message)),ee&&!ae&&((null==te?void 0:te.length)>0?r().createElement(K,{control:ce,name:"orderer",type:"comboBox",getValues:fe,id:"orderer",shouldFilterItem:Ie,placeholder:B("prescribingClinician","Prescribing Clinician"),titleText:B("prescribingClinician","Prescribing Clinician"),items:te,itemToString:function(e){var n;return null==e||null===(n=e.person)||void 0===n?void 0:n.display}}):re?r().createElement(l.jeF,{kind:"warning",lowContrast:!0,className:q.inlineNotification,title:B("errorLoadingClinicians","Error loading clinicians"),subtitle:B("tryReopeningTheForm","Please try launching the form again")}):r().createElement(l.jeF,{kind:"warning",lowContrast:!0,className:q.inlineNotification,title:B("noCliniciansFound","No clinicians found"),subtitle:B("noCliniciansFoundDescription","Cannot select prescribing clinician because no clinicians with appropriate roles are found. Check configuration.")})))),r().createElement("div",{ref:Be},r().createElement(Z,{dosage:Ae,drug:_e,routeValue:ve,unitValue:$e})),r().createElement("section",{className:q.formSection},r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:12,md:6,sm:4},r().createElement("h3",{className:q.sectionHeader},B("dosageInstructions","Dosage instructions"))),r().createElement(l.VPZ,{className:q.freeTextDosageToggle,lg:4,md:2,sm:4},r().createElement(K,{name:"isFreeTextDosage",type:"toggle",control:ce,size:"sm",id:"freeTextDosageToggle","aria-label":B("freeTextDosage","Free text dosage"),labelText:B("freeTextDosage","Free text dosage")}))),be("isFreeTextDosage")?r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{md:8},r().createElement(K,{control:ce,name:"freeTextDosage",type:"textArea",labelText:B("freeTextDosage","Free text dosage"),placeholder:B("freeTextDosage","Free text dosage"),maxLength:65535}))):r().createElement(r().Fragment,null,r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:8,md:4,sm:4,className:q.linkedInput},r().createElement(G,null,r().createElement("div",{className:q.numberInput},r().createElement(K,{control:ce,type:"number",name:"dosage",id:"doseSelection",placeholder:B("editDoseComboBoxPlaceholder","Dose"),label:B("editDoseComboBoxTitle","Dose"),min:0,hideSteppers:!0,step:.01})))),r().createElement(l.VPZ,{lg:8,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"unit",type:"comboBox",getValues:fe,id:"dosingUnits",shouldFilterItem:ze,placeholder:B("editDosageUnitsPlaceholder","Unit"),titleText:B("editDosageUnitsTitle","Dose unit"),items:we,itemToString:function(e){return null==e?void 0:e.value},handleAfterChange:he})))),r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:16,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,id:"editRoute",items:xe,itemToString:function(e){return null==e?void 0:e.value},name:"route",placeholder:B("editRouteComboBoxTitle","Route"),shouldFilterItem:ze,titleText:B("editRouteComboBoxTitle","Route"),type:"comboBox"}))),r().createElement(l.VPZ,{lg:16,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"frequency",type:"comboBox",id:"editFrequency",items:De,shouldFilterItem:Fe,placeholder:B("editFrequencyComboBoxTitle","Frequency"),titleText:B("editFrequencyComboBoxTitle","Frequency"),itemToString:function(e){return null==e?void 0:e.value}})))),r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:16,md:4,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"patientInstructions",type:"textArea",labelText:B("patientInstructions","Patient instructions"),placeholder:B("patientInstructionsPlaceholder",'Additional dosing instructions (e.g. "Take after eating")'),maxLength:65535,rows:W?6:4}))),r().createElement(l.VPZ,{className:q.prn,lg:16,md:4,sm:4},r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:6,md:8,sm:4},r().createElement(G,null,r().createElement(l.gE_,{legendText:B("prn","P.R.N.")},r().createElement(K,{control:ce,name:"asNeeded",type:"checkbox",id:"prn",labelText:B("takeAsNeeded","Take as needed")})))),r().createElement(l.VPZ,{lg:10,md:8,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"asNeededCondition",type:"textArea",labelText:B("prnReason","P.R.N. reason"),placeholder:B("prnReasonPlaceholder","Reason to take medicine"),rows:3,maxLength:255,disabled:!be("asNeeded")})))))))),r().createElement("section",{className:q.formSection},r().createElement("h3",{className:q.sectionHeader},B("prescriptionDuration","Prescription duration")),r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:16,md:4,sm:4},r().createElement("div",{className:q.fullWidthDatePickerContainer},r().createElement(G,null,r().createElement(c.xI,{name:"startDate",control:ce,render:function(e){var n,t,a=e.field,i=e.fieldState;return r().createElement(p.OpenmrsDatePicker,L(V({},a),{maxDate:new Date,id:"startDatePicker",labelText:B("startDate","Start date"),size:W?"lg":"sm",invalid:Boolean(null==i||null===(n=i.error)||void 0===n?void 0:n.message),invalidText:null==i||null===(t=i.error)||void 0===t?void 0:t.message}))}})))),r().createElement(l.VPZ,{lg:8,md:2,sm:4,className:q.linkedInput},r().createElement(G,null,W?r().createElement(J,{control:ce,isTablet:W,setValue:ye,name:"duration",labelText:B("duration","Duration")}):r().createElement(K,{control:ce,name:"duration",type:"number",id:"durationInput",label:B("duration","Duration"),min:0,step:1,allowEmpty:!0}))),r().createElement(l.VPZ,{className:q.durationUnit,lg:8,md:2,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"durationUnit",type:"comboBox",id:"durationUnitPlaceholder",titleText:B("durationUnit","Duration unit"),items:ke,itemToString:function(e){return null==e?void 0:e.value},placeholder:B("durationUnitPlaceholder","Duration Unit"),shouldFilterItem:ze}))))),r().createElement("section",{className:q.formSection},r().createElement("h3",{className:q.sectionHeader},B("dispensingInformation","Dispensing instructions")),r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:8,md:3,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"pillsDispensed",type:"number",id:"quantityDispensed",label:B("quantityToDispense","Quantity to dispense"),min:0,hideSteppers:!0,allowEmpty:!0}))),r().createElement(l.VPZ,{lg:8,md:3,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,id:"dispensingUnits",items:Ee,itemToString:function(e){return null==e?void 0:e.value},name:"quantityUnits",placeholder:B("editDispensingUnit","Quantity unit"),shouldFilterItem:ze,titleText:B("editDispensingUnit","Quantity unit"),type:"comboBox"}))),r().createElement(l.VPZ,{lg:8,md:3,sm:4},r().createElement(G,null,W?r().createElement(J,{control:ce,isTablet:W,setValue:ye,name:"numRefills",labelText:B("prescriptionRefills","Prescription refills")}):r().createElement(K,{control:ce,name:"numRefills",type:"number",id:"prescriptionRefills",min:0,label:B("prescriptionRefills","Prescription refills"),max:99,allowEmpty:!0})))),r().createElement(l.xA9,{className:q.gridRow},r().createElement(l.VPZ,{lg:16,md:6,sm:4},r().createElement(G,null,r().createElement(K,{control:ce,name:"indication",type:"textInput",id:"indication",labelText:B("indication","Indication"),placeholder:B("indicationPlaceholder",'e.g. "Hypertension"'),maxLength:150})))))),r().createElement(l.Te$,{className:o()(q.buttonSet,W?q.tabletButtonSet:q.desktopButtonSet)},r().createElement(l.$nd,{className:q.button,kind:"secondary",onClick:O,size:"xl"},B("discard","Discard")),r().createElement(l.$nd,{className:q.button,kind:"primary",type:"submit",size:"xl",disabled:!!Y||oe||je},N))))}var J=function(e){var n=e.setValue,t=e.control,i=e.name,o=e.labelText,s=e.isTablet,f=W(e,["setValue","control","name","labelText","isTablet"]),g=(0,u.useTranslation)().t,m=s?"md":"sm",y=(0,c.as)({name:i,control:t}).field,b=y.onBlur,h=y.onChange,_=y.value,v=y.ref,$=(0,a.useCallback)((function(e){var n=parseFloat(String(e.target.value));h(isNaN(n)?null:n)}),[h]);return r().createElement("div",{className:q.customElement},r().createElement("span",{className:"cds--label",id:"".concat(i,"-label")},o),r().createElement("div",{className:q.customNumberInput},r().createElement(l.K0,{onClick:function(){n(i,Math.max(Number(_)-1,0))},label:g("decrement","Decrement"),size:m},r().createElement(d.NA,{size:16})),r().createElement(l.ksK,V({onChange:$,className:q.customInput,onBlur:b,ref:v,value:"string"==typeof _||"number"==typeof _?_:"--",size:m,id:i,labelText:"","aria-labelledby":"".concat(i,"-label")},f)),r().createElement(l.K0,{onClick:function(){n(i,Number(_)+1)},label:g("increment","Increment"),size:m},r().createElement(p.AddIcon,{size:16}))))},K=function(e){var n=e.control,t=e.name,i=e.type,d=e.getValues,s=e.handleAfterChange,u=W(e,["control","name","type","getValues","handleAfterChange"]),f=(0,c.as)({name:t,control:n}),g=f.field,m=g.onBlur,y=g.onChange,b=g.value,h=g.ref,_=f.fieldState.error,v="tablet"===(0,p.useLayoutType)(),$=o()(R({},q.fieldError,null==_?void 0:_.message)),A=(0,a.useCallback)((function(e){var n=null==d?void 0:d(t);y(e),null==s||s(e,n)}),[d,y,s,t]),C=(0,a.useMemo)((function(){if("toggle"===i)return r().createElement(l.lMk,V({toggled:Boolean(b),onToggle:A,ref:h,size:v?"md":"sm"},u));if("checkbox"===i){var e=u;return r().createElement(l.Sc0,V({checked:Boolean(b),labelText:e.labelText,onChange:function(e,n){var t=n.checked;return A(t)},ref:h},e))}if("number"===i){var n=u;return r().createElement(l.Q7x,V({allowEmpty:!0,className:$,disableWheel:!0,onBlur:m,onChange:function(e,n){var t=n.value,a=parseFloat(String(t));A(isNaN(a)?null:a)},ref:h,size:v?"md":"sm",value:"number"==typeof b?b:""},n))}if("textArea"===i){var t=u;return r().createElement(l.fs1,V({className:$,onBlur:m,onChange:function(e){return A(e.target.value)},ref:h,value:"string"==typeof b?b:""},t))}if("textInput"===i){var a=u;return r().createElement(l.ksK,V({className:$,onChange:function(e){return A(e.target.value)},onBlur:m,ref:h,size:v?"md":"sm",value:"string"==typeof b?b:""},a))}if("comboBox"===i){var o=u;return r().createElement(l.a32,V({className:$,onBlur:m,onChange:function(e){var n=e.selectedItem;return A(n)},ref:h,size:v?"md":"sm",selectedItem:b,initialSelectedItem:b},o))}return null}),[i,b,u,A,$,m,h,v]);return r().createElement(r().Fragment,null,C,r().createElement(l.lRv,{className:q.errorLabel},null==_?void 0:_.message))};const X=Q},39060:(e,n,t)=>{t.d(n,{A:()=>l});var a=t(30977),r=t.n(a),i=t(95924),o=t.n(i)()(r());o.push([e.id,'.-esm-patient-medications__drug-order-form__orderForm___OtUID{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 0 0 1rem;counter-reset:section}.-esm-patient-medications__drug-order-form__orderForm___OtUID input[data-invalid]:focus{outline:.125rem solid #da1e28;outline-offset:-2px}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--css-grid{max-width:unset}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--css-grid-column{margin:0 .5rem !important}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--subgrid{margin:0 -0.5rem !important}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--number--nosteppers.cds--number input[type="number"]{padding-right:1rem}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--list-box{border:0}.-esm-patient-medications__drug-order-form__orderForm___OtUID .cds--number__control-btn{border:0}.-esm-patient-medications__drug-order-form__orderForm___OtUID h3{counter-increment:section}.-esm-patient-medications__drug-order-form__orderForm___OtUID h3::before{content:counter(section) ". "}.-esm-patient-medications__drug-order-form__medicationInfo___htPbA{border:0;padding:1rem;margin-left:-1rem;box-sizing:border-box}.-esm-patient-medications__drug-order-form__inlineNotification___dnXfs{width:100%;max-width:unset;margin-top:-0.5rem;margin-left:-1rem}.-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt\\+\\+h{position:fixed;background-color:#0072c3;color:#fff;top:6rem;z-index:1;display:flex;align-items:center;width:100%}.-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt\\+\\+h .-esm-patient-medications__drug-order-form__medicationInfo___htPbA{margin:0}.-esm-patient-medications__drug-order-form__patientHeader___MlXxf{padding:1rem;background-color:#f4f4f4}.-esm-patient-medications__drug-order-form__patientHeader___MlXxf span:first-of-type{margin-right:.5rem}.-esm-patient-medications__drug-order-form__text02___KkHZD{color:#525252}.-esm-patient-medications__drug-order-form__orderFormHeading___u0sR\\+{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:0;margin-top:.5rem}.-esm-patient-medications__drug-order-form__formSection___Itx2S{margin-bottom:1.5rem}.-esm-patient-medications__drug-order-form__sectionHeader___KfJhD{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);margin-bottom:1rem}.-esm-patient-medications__drug-order-form__freeTextDosageToggle___2pU5i{justify-self:flex-end}.-esm-patient-medications__drug-order-form__freeTextDosageToggle___2pU5i .cds--toggle__label-text{margin-bottom:.5rem}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker{width:100%}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker .cds--date-picker-container{width:100%}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker .cds--date-picker-container .cds--date-picker-input__wrapper{width:100%}.-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z .cds--date-picker .cds--date-picker-container .cds--date-picker-input__wrapper .cds--date-picker__input{width:100%}.-esm-patient-medications__drug-order-form__numberInput___B-FZR .cds--number__input-wrapper input{min-width:unset !important;padding-right:1rem}.-esm-patient-medications__drug-order-form__backButton___uSRQe{align-items:center;display:flex;justify-content:flex-start;margin:.5rem 0}.-esm-patient-medications__drug-order-form__backButton___uSRQe button{display:flex;padding-left:0 !important}.-esm-patient-medications__drug-order-form__backButton___uSRQe button svg{order:1;margin-right:.5rem;margin-left:0 !important;fill:currentColor !important}.-esm-patient-medications__drug-order-form__backButton___uSRQe button span{order:2}.-esm-patient-medications__drug-order-form__gridRow___mpTeZ{padding:0px;margin-left:-0.5rem}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__gridRow___mpTeZ{align-items:center}.-esm-patient-medications__drug-order-form__field___iStW4{margin-bottom:1rem}.-esm-patient-medications__drug-order-form__field___iStW4 .cds--label{vertical-align:middle}.-esm-patient-medications__drug-order-form__buttonSet___5FDLc{margin-left:-1rem}.-esm-patient-medications__drug-order-form__buttonSet___5FDLc .cds--btn{width:50%;max-width:unset}.-esm-patient-medications__drug-order-form__linkedInput___4qvpO{display:flex;align-items:center}.-esm-patient-medications__drug-order-form__linkedInput___4qvpO .cds--layer-one,.-esm-patient-medications__drug-order-form__linkedInput___4qvpO .cds--layer-two,.-esm-patient-medications__drug-order-form__linkedInput___4qvpO .cds--layer{flex:1}.-esm-patient-medications__drug-order-form__linkedInput___4qvpO::after{content:"";border:.5px solid #a8a8a8;width:1rem;margin-right:-1rem}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76{display:flex;justify-content:flex-start;align-items:flex-end}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76 .cds--btn{background-color:#393939}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76 .-esm-patient-medications__drug-order-form__customInput___hX3\\+1 input{text-align:center}.-esm-patient-medications__drug-order-form__customNumberInput___qNN76 svg{fill:currentColor !important}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__container___47sMZ{height:100%}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__durationUnit___WpNT4 .-esm-patient-medications__drug-order-form__field___iStW4,.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__prn___Jl-ym .-esm-patient-medications__drug-order-form__field___iStW4{margin-bottom:0}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__orderForm___OtUID{background-color:#ededed}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt\\+\\+h{top:3rem}.omrs-breakpoint-lt-desktop .-esm-patient-medications__drug-order-form__buttonSet___5FDLc{padding:1.5rem 1rem;background-color:#fff}.-esm-patient-medications__drug-order-form__fieldError___Zaeyx .cds--number input[type="number"]:focus{outline:2.5px solid #da1e28}.-esm-patient-medications__drug-order-form__fieldError___Zaeyx input:focus,.-esm-patient-medications__drug-order-form__fieldError___Zaeyx textarea:focus{outline:2.5px solid #da1e28}.-esm-patient-medications__drug-order-form__errorLabel___ehE16{color:#da1e28;margin-top:.25rem}.-esm-patient-medications__drug-order-form__productiveHeading02___Lg276{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);margin-bottom:1rem}.-esm-patient-medications__drug-order-form__bodyShort01___xv\\+HS{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-patient-medications__drug-order-form__bodyShort02___X0fIt{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-patient-medications__drug-order-form__bodyLong01___RVz33{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-patient-medications__drug-order-form__caption01___3Lybp{font-size:var(--cds-legal-01-font-size, 0.75rem);font-weight:var(--cds-legal-01-font-weight, 400);line-height:var(--cds-legal-01-line-height, 1.33333);letter-spacing:var(--cds-legal-01-letter-spacing, 0.32px)}',"",{version:3,sources:["webpack://./src/add-drug-order/drug-order-form.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,8DACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,sBAAA,CA+BA,qBAAA,CA7BA,wFACE,6BAAA,CACA,mBAAA,CAGF,6EACE,eAAA,CAGF,oFACE,yBAAA,CAGF,4EACE,2BAAA,CAGF,wHACE,kBCES,CDCX,6EACE,QAAA,CAGF,wFACE,QAAA,CAKF,iEACE,yBAAA,CAEA,yEACE,6BAAA,CAKN,mEACE,QAAA,CACA,YCtBW,CDuBX,iBAAA,CACA,qBAAA,CAGF,uEACE,UAAA,CACA,eAAA,CACA,kBAAA,CACA,iBAAA,CAGF,2EACE,cAAA,CACA,wBE9BQ,CF+BR,UEsDQ,CFrDR,QCHW,CDIX,SAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CAEA,8IACE,QAAA,CAIJ,kEACE,YClDW,CDmDX,wBExCQ,CF0CR,qFACE,kBChES,CDoEb,2DACE,aE1CQ,CF6CV,sEGqwBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CHnwBF,eAAA,CACA,gBC3EW,CD8Eb,gEACE,oBChEW,CDmEb,kEG2vBI,mDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CHzvBF,kBC1EW,CD6Eb,yEACE,qBAAA,CAEA,kGACE,mBC3FS,CDgGX,mGACE,UAAA,CAEA,+HACE,UAAA,CAEA,gKACE,UAAA,CAEA,yLACE,UAAA,CAQR,kGACE,0BAAA,CACA,kBC1GS,CD8Gb,+DACE,kBAAA,CACA,YAAA,CACA,0BAAA,CACA,cAAA,CAEA,sEACE,YAAA,CACA,yBAAA,CAEA,0EACE,OAAA,CACA,kBCpIO,CDqIP,wBAAA,CACA,4BAAA,CAGF,2EACE,OAAA,CAKN,4DACE,WAAA,CACA,mBAAA,CAIF,wFACE,kBAAA,CAGF,0DACE,kBChJW,CDkJX,sEACE,qBAAA,CAIJ,8DACE,iBAAA,CAEA,wEACE,SAAA,CACA,eAAA,CAIJ,gEACE,YAAA,CACA,kBAAA,CAEA,4OAGE,MAAA,CAIJ,uEACE,UAAA,CACA,yBAAA,CACA,UC9KW,CD+KX,kBAAA,CAGF,sEACE,YAAA,CACA,0BAAA,CACA,oBAAA,CAEA,gFACE,wBEtKM,CF0KN,6IACE,iBAAA,CAIJ,0EACE,4BAAA,CAMF,0FACE,WAAA,CAKA,qSACE,eAAA,CAIJ,0FACE,wBAAA,CAGF,uGACE,QCpMS,CDuMX,0FACE,mBAAA,CACA,qBElIM,CFuIR,uGACE,2BAAA,CAGF,yJAEE,2BAAA,CAIJ,+DACE,aE3KO,CF4KP,iBC7PW,CDgQb,wEGklBI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CHhlBF,kBCnPW,CDsPb,iEG6kBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CHzkBJ,gEGykBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CHrkBJ,+DGqkBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CHjkBJ,8DGikBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.orderForm {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: layout.$spacing-03 0 0 layout.$spacing-05;\n\n input[data-invalid]:focus {\n outline: layout.$spacing-01 solid colors.$red-60;\n outline-offset: -2px;\n }\n\n :global(.cds--css-grid) {\n max-width: unset;\n }\n\n :global(.cds--css-grid-column) {\n margin: 0 layout.$spacing-03 !important;\n }\n\n :global(.cds--subgrid) {\n margin: 0 calc(layout.$spacing-03 * -1) !important;\n }\n\n :global(.cds--number--nosteppers.cds--number input[type='number']) {\n padding-right: layout.$spacing-05;\n }\n\n :global(.cds--list-box) {\n border: 0;\n }\n\n :global(.cds--number__control-btn) {\n border: 0;\n }\n\n counter-reset: section;\n\n h3 {\n counter-increment: section;\n\n &::before {\n content: counter(section) '. ';\n }\n }\n}\n\n.medicationInfo {\n border: 0;\n padding: layout.$spacing-05;\n margin-left: calc(layout.$spacing-05 * -1);\n box-sizing: border-box;\n}\n\n.inlineNotification {\n width: 100%;\n max-width: unset;\n margin-top: calc(layout.$spacing-03 * -1);\n margin-left: calc(layout.$spacing-05 * -1);\n}\n\n.stickyMedicationInfo {\n position: fixed;\n background-color: colors.$cyan-60;\n color: colors.$white-0;\n top: layout.$spacing-12;\n z-index: 1;\n display: flex;\n align-items: center;\n width: 100%;\n\n .medicationInfo {\n margin: 0;\n }\n}\n\n.patientHeader {\n padding: layout.$spacing-05;\n background-color: colors.$gray-10;\n\n span:first-of-type {\n margin-right: layout.$spacing-03;\n }\n}\n\n.text02 {\n color: colors.$gray-70;\n}\n\n.orderFormHeading {\n @include type.type-style('heading-03');\n margin-bottom: 0;\n margin-top: layout.$spacing-03;\n}\n\n.formSection {\n margin-bottom: layout.$spacing-06;\n}\n\n.sectionHeader {\n @include type.type-style('heading-01');\n margin-bottom: layout.$spacing-05;\n}\n\n.freeTextDosageToggle {\n justify-self: flex-end;\n\n :global(.cds--toggle__label-text) {\n margin-bottom: layout.$spacing-03;\n }\n}\n\n.fullWidthDatePickerContainer {\n :global .cds--date-picker {\n width: 100%;\n\n :global .cds--date-picker-container {\n width: 100%;\n\n :global .cds--date-picker-input__wrapper {\n width: 100%;\n\n :global .cds--date-picker__input {\n width: 100%;\n }\n }\n }\n }\n}\n\n.numberInput {\n :global(.cds--number__input-wrapper) input {\n min-width: unset !important;\n padding-right: layout.$spacing-05;\n }\n}\n\n.backButton {\n align-items: center;\n display: flex;\n justify-content: flex-start;\n margin: layout.$spacing-03 0;\n\n button {\n display: flex;\n padding-left: 0 !important;\n\n svg {\n order: 1;\n margin-right: layout.$spacing-03;\n margin-left: 0 !important;\n fill: currentColor !important;\n }\n\n span {\n order: 2;\n }\n }\n}\n\n.gridRow {\n padding: 0px;\n margin-left: calc(layout.$spacing-03 * -1);\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-lt-desktop) .gridRow {\n align-items: center;\n}\n\n.field {\n margin-bottom: layout.$spacing-05;\n\n :global(.cds--label) {\n vertical-align: middle;\n }\n}\n\n.buttonSet {\n margin-left: calc(layout.$spacing-05 * -1);\n\n :global(.cds--btn) {\n width: 50%;\n max-width: unset;\n }\n}\n\n.linkedInput {\n display: flex;\n align-items: center;\n\n :global(.cds--layer-one),\n :global(.cds--layer-two),\n :global(.cds--layer) {\n flex: 1;\n }\n}\n\n.linkedInput::after {\n content: '';\n border: 0.5px solid colors.$gray-40;\n width: layout.$spacing-05;\n margin-right: calc(layout.$spacing-05 * -1);\n}\n\n.customNumberInput {\n display: flex;\n justify-content: flex-start;\n align-items: flex-end;\n\n :global(.cds--btn) {\n background-color: colors.$gray-80;\n }\n\n .customInput {\n input {\n text-align: center;\n }\n }\n\n svg {\n fill: currentColor !important;\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .container {\n height: 100%;\n }\n\n .durationUnit,\n .prn {\n .field {\n margin-bottom: 0;\n }\n }\n\n .orderForm {\n background-color: #ededed;\n }\n\n .stickyMedicationInfo {\n top: layout.$spacing-09;\n }\n\n .buttonSet {\n padding: layout.$spacing-06 layout.$spacing-05;\n background-color: colors.$white-0;\n }\n}\n\n.fieldError {\n :global(.cds--number input[type='number']):focus {\n outline: 2.5px solid colors.$red-60;\n }\n\n input:focus,\n textarea:focus {\n outline: 2.5px solid colors.$red-60;\n }\n}\n\n.errorLabel {\n color: colors.$red-60;\n margin-top: layout.$spacing-02;\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n margin-bottom: layout.$spacing-05;\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.bodyShort02 {\n @include type.type-style('body-compact-02');\n}\n\n.bodyLong01 {\n @include type.type-style('body-01');\n}\n\n.caption01 {\n @include type.type-style('legal-01');\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","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),o.locals={orderForm:"-esm-patient-medications__drug-order-form__orderForm___OtUID",medicationInfo:"-esm-patient-medications__drug-order-form__medicationInfo___htPbA",inlineNotification:"-esm-patient-medications__drug-order-form__inlineNotification___dnXfs",stickyMedicationInfo:"-esm-patient-medications__drug-order-form__stickyMedicationInfo___Wt++h",patientHeader:"-esm-patient-medications__drug-order-form__patientHeader___MlXxf",text02:"-esm-patient-medications__drug-order-form__text02___KkHZD",orderFormHeading:"-esm-patient-medications__drug-order-form__orderFormHeading___u0sR+",formSection:"-esm-patient-medications__drug-order-form__formSection___Itx2S",sectionHeader:"-esm-patient-medications__drug-order-form__sectionHeader___KfJhD",freeTextDosageToggle:"-esm-patient-medications__drug-order-form__freeTextDosageToggle___2pU5i",fullWidthDatePickerContainer:"-esm-patient-medications__drug-order-form__fullWidthDatePickerContainer___Mqy7Z",numberInput:"-esm-patient-medications__drug-order-form__numberInput___B-FZR",backButton:"-esm-patient-medications__drug-order-form__backButton___uSRQe",gridRow:"-esm-patient-medications__drug-order-form__gridRow___mpTeZ",field:"-esm-patient-medications__drug-order-form__field___iStW4",buttonSet:"-esm-patient-medications__drug-order-form__buttonSet___5FDLc",linkedInput:"-esm-patient-medications__drug-order-form__linkedInput___4qvpO",customNumberInput:"-esm-patient-medications__drug-order-form__customNumberInput___qNN76",customInput:"-esm-patient-medications__drug-order-form__customInput___hX3+1",container:"-esm-patient-medications__drug-order-form__container___47sMZ",durationUnit:"-esm-patient-medications__drug-order-form__durationUnit___WpNT4",prn:"-esm-patient-medications__drug-order-form__prn___Jl-ym",fieldError:"-esm-patient-medications__drug-order-form__fieldError___Zaeyx",errorLabel:"-esm-patient-medications__drug-order-form__errorLabel___ehE16",productiveHeading02:"-esm-patient-medications__drug-order-form__productiveHeading02___Lg276",bodyShort01:"-esm-patient-medications__drug-order-form__bodyShort01___xv+HS",bodyShort02:"-esm-patient-medications__drug-order-form__bodyShort02___X0fIt",bodyLong01:"-esm-patient-medications__drug-order-form__bodyLong01___RVz33",caption01:"-esm-patient-medications__drug-order-form__caption01___3Lybp"};const l=o},74573:(e,n,t)=>{t.d(n,{MS:()=>m,Of:()=>c,YZ:()=>p,x4:()=>f});var a=t(1343),r=t(88010),i=t.n(r),o=t(54440);function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(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){l(e,n,t[n])}))}return e}function s(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function u(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function c(e){var n=i()(e?"".concat(o.restBaseUrl,"/drug?q=").concat(e,"&v=custom:(uuid,display,name,strength,dosageForm:(display,uuid),concept:(display,uuid))"):null,o.openmrsFetch),t=n.data,r=u(n,["data"]);return(0,a.useMemo)((function(){var e;return d({drugs:null==t||null===(e=t.data)||void 0===e?void 0:e.results},r)}),[t,r])}function p(e){var n=(0,o.useFeatureFlag)("ordertemplates-module"),t=i()(n&&e?"".concat(o.restBaseUrl,"/ordertemplates/orderTemplate?drug=").concat(e):null,o.openmrsFetch),r=t.data,l=t.error,u=t.isLoading;return(0,a.useMemo)((function(){var e,n;return{isLoading:u,templates:null==r||null===(n=r.data)||void 0===n||null===(e=n.results)||void 0===e?void 0:e.map((function(e){return s(d({},e),{template:JSON.parse(e.template)})})),error:l}}),[r,l,u])}function f(e){var n=null==e?void 0:e.map((function(e){return e.uuid})),t=(0,o.useFeatureFlag)("ordertemplates-module"),r=i()(t?n:null,(function(e){return Promise.all(e.map((function(e){return(0,o.openmrsFetch)("".concat(o.restBaseUrl,"/ordertemplates/orderTemplate?drug=").concat(e))})))})),l=r.data,c=u(r,["data"]),p=(0,a.useMemo)((function(){var e=new Map,n=!0,t=!1,a=void 0;try{for(var r,i=(null!=l?l:[])[Symbol.iterator]();!(n=(r=i.next()).done);n=!0){var o,u=r.value;if(null===(o=u.data)||void 0===o?void 0:o.drug){var c=u.data.drug.uuid;e.has(c)||e.set(c,[]),e.get(c).push(s(d({},u.data),{template:JSON.parse(u.data.template)}))}}}catch(e){t=!0,a=e}finally{try{n||null==i.return||i.return()}finally{if(t)throw a}}return e}),[l]);return d({templateByDrugUuid:p},c)}function g(e,n){var t,a;return(null===(t=e.dosingInstructions[n])||void 0===t?void 0:t.find((function(e){return e.default})))||(null===(a=e.dosingInstructions[n])||void 0===a?void 0:a[0])}function m(e,n,t){var a,r,i,o,l,d,s,u,c,p,f;return t?{action:"NEW",display:e.display,drug:e,unit:(null!==(p=g(t.template,"unit"))&&void 0!==p?p:null==e?void 0:e.dosageForm)?{value:null==e||null===(a=e.dosageForm)||void 0===a?void 0:a.display,valueCoded:null==e||null===(r=e.dosageForm)||void 0===r?void 0:r.uuid}:null,dosage:null===(i=g(t.template,"dose"))||void 0===i?void 0:i.value,frequency:g(t.template,"frequency"),route:g(t.template,"route"),commonMedicationName:e.display,isFreeTextDosage:!1,patientInstructions:"",asNeeded:t.template.dosingInstructions.asNeeded||!1,asNeededCondition:t.template.dosingInstructions.asNeededCondition,startDate:new Date,duration:null,durationUnit:n?{value:null==n?void 0:n.display,valueCoded:null==n?void 0:n.uuid}:null,pillsDispensed:null,numRefills:null,freeTextDosage:"",indication:"",template:t.template,orderer:null,careSetting:null,quantityUnits:(null!==(f=g(t.template,"quantityUnits"))&&void 0!==f?f:null==e?void 0:e.dosageForm)?{value:null==e||null===(o=e.dosageForm)||void 0===o?void 0:o.display,valueCoded:null==e||null===(l=e.dosageForm)||void 0===l?void 0:l.uuid}:null}:{action:"NEW",display:e.display,drug:e,unit:(null==e?void 0:e.dosageForm)?{value:null==e||null===(d=e.dosageForm)||void 0===d?void 0:d.display,valueCoded:null==e||null===(s=e.dosageForm)||void 0===s?void 0:s.uuid}:null,dosage:null,frequency:null,route:null,commonMedicationName:e.display,isFreeTextDosage:!1,patientInstructions:"",asNeeded:!1,asNeededCondition:null,startDate:new Date,duration:null,durationUnit:n?{value:null==n?void 0:n.display,valueCoded:null==n?void 0:n.uuid}:null,pillsDispensed:null,numRefills:null,freeTextDosage:"",indication:"",orderer:null,careSetting:null,quantityUnits:(null==e?void 0:e.dosageForm)?{value:null==e||null===(u=e.dosageForm)||void 0===u?void 0:u.display,valueCoded:null==e||null===(c=e.dosageForm)||void 0===c?void 0:c.uuid}:null}}}}]);