@openmrs/esm-user-onboarding-app 4.0.1-pre.207 → 4.0.1-pre.208

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.
package/dist/6399.js CHANGED
@@ -1 +1 @@
1
- "use strict";(globalThis.webpackChunk_openmrs_esm_user_onboarding_app=globalThis.webpackChunk_openmrs_esm_user_onboarding_app||[]).push([[6399],{6399:(n,e,t)=>{t.r(e),t.d(e,{default:()=>_});var a=t(16072),i=t.n(a),o=t(92137),s=t(22159),l=t(53941),p=t(25987),r=t(85072),c=t.n(r),u=t(97825),d=t.n(u),g=t(77659),f=t.n(g),h=t(55056),y=t.n(h),b=t(10540),m=t.n(b),$=t(41113),v=t.n($),w=t(49161),k={};k.styleTagTransform=v(),k.setAttributes=y(),k.insert=f().bind(null,"head"),k.domAPI=d(),k.insertStyleElement=m(),c()(w.A,k);const A=w.A&&w.A.locals?w.A.locals:void 0,_=function(n){n.open;var e=n.onClose,t=(0,l.useTranslation)().t,a=(0,p.useConfig)().tutorialData,r=(0,p.useAppContext)("tutorial-context");return i().createElement(i().Fragment,null,i().createElement(s.rQ0,{closeModal:e,title:t("tutorial","Tutorial")},i().createElement("p",{className:A.description},t("modalDescription","Find walkthroughs and video tutorials on some of the core features of OpenMRS."))),i().createElement(s.cwr,{className:A.tutorialModal},i().createElement("ul",null,a.map((function(n,l){return i().createElement("li",{className:A.tutorialItem,key:l},i().createElement("h3",{className:A.tutorialTitle},n.title),i().createElement("p",{className:A.tutorialDescription},n.description),i().createElement(s.N_E,{onClick:function(){return function(n){var t=window.getOpenmrsSpaBase(),i="".concat(t,"home/service-queues"),o=window.location.pathname,s=a[n],l=function(){r.setSteps(s.steps),r.setShowTutorial(!0)};if(o===i)l();else{(0,p.navigate)({to:i});var c=setInterval((function(){window.location.pathname===i&&(l(),clearInterval(c))}),100)}e()}(l)},className:A.tutorialLink,renderIcon:function(){return i().createElement(o.Qp,{"aria-label":"Arrow Right"})}},t("walkthrough","Walkthrough")))})))))}},49161:(n,e,t)=>{t.d(e,{A:()=>l});var a=t(72996),i=t.n(a),o=t(70159),s=t.n(o)()(i());s.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-user-onboarding__styles__description___zZYjd{margin-bottom:.75rem;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-user-onboarding__styles__tutorialModal___OQAY6{display:flex;flex-direction:column;gap:.75rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI{border-bottom:1px solid #e0e0e0;padding-bottom:.25rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialTitle___rkDjN{margin-bottom:.75rem;font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialDescription___W42iP{color:#525252;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-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialLink___i2N3A{margin-bottom:.75rem;margin-top:.75rem;cursor:pointer}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/tutorial/styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,mDACE,oBCqBW,CCw0BT,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFz1BJ,qDACE,YAAA,CACA,qBAAA,CACA,UCcW,CDZX,yGACE,+BAAA,CACA,qBAAA,CAEA,8JACE,oBCOO,CCw0BT,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CF30BA,oKACE,aDbU,CGu1BZ,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFt0BA,6JACE,oBCHO,CDIP,iBCJO,CDKP,cAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.description {\n margin-bottom: layout.$spacing-04;\n @include type.type-style('body-compact-01');\n}\n\n.tutorialModal {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n\n .tutorialItem {\n border-bottom: 1px solid $ui-03;\n padding-bottom: layout.$spacing-02;\n\n .tutorialTitle {\n margin-bottom: layout.$spacing-04;\n @include type.type-style('heading-02');\n }\n\n .tutorialDescription {\n color: $color-gray-70;\n @include type.type-style('body-compact-01');\n }\n\n .tutorialLink {\n margin-bottom: layout.$spacing-04;\n margin-top: layout.$spacing-04;\n cursor: pointer;\n }\n }\n}\n\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),s.locals={description:"-esm-user-onboarding__styles__description___zZYjd",tutorialModal:"-esm-user-onboarding__styles__tutorialModal___OQAY6",tutorialItem:"-esm-user-onboarding__styles__tutorialItem___4Q5BI",tutorialTitle:"-esm-user-onboarding__styles__tutorialTitle___rkDjN",tutorialDescription:"-esm-user-onboarding__styles__tutorialDescription___W42iP",tutorialLink:"-esm-user-onboarding__styles__tutorialLink___i2N3A"};const l=s}}]);
1
+ "use strict";(globalThis.webpackChunk_openmrs_esm_user_onboarding_app=globalThis.webpackChunk_openmrs_esm_user_onboarding_app||[]).push([[6399],{6399:(n,e,t)=>{t.r(e),t.d(e,{default:()=>_});var a=t(16072),i=t.n(a),o=t(92137),s=t(22159),l=t(2076),p=t(25987),r=t(85072),c=t.n(r),u=t(97825),d=t.n(u),g=t(77659),f=t.n(g),h=t(55056),y=t.n(h),b=t(10540),m=t.n(b),$=t(41113),v=t.n($),w=t(49161),k={};k.styleTagTransform=v(),k.setAttributes=y(),k.insert=f().bind(null,"head"),k.domAPI=d(),k.insertStyleElement=m(),c()(w.A,k);const A=w.A&&w.A.locals?w.A.locals:void 0,_=function(n){n.open;var e=n.onClose,t=(0,l.useTranslation)().t,a=(0,p.useConfig)().tutorialData,r=(0,p.useAppContext)("tutorial-context");return i().createElement(i().Fragment,null,i().createElement(s.rQ0,{closeModal:e,title:t("tutorial","Tutorial")},i().createElement("p",{className:A.description},t("modalDescription","Find walkthroughs and video tutorials on some of the core features of OpenMRS."))),i().createElement(s.cwr,{className:A.tutorialModal},i().createElement("ul",null,a.map((function(n,l){return i().createElement("li",{className:A.tutorialItem,key:l},i().createElement("h3",{className:A.tutorialTitle},n.title),i().createElement("p",{className:A.tutorialDescription},n.description),i().createElement(s.N_E,{onClick:function(){return function(n){var t=window.getOpenmrsSpaBase(),i="".concat(t,"home/service-queues"),o=window.location.pathname,s=a[n],l=function(){r.setSteps(s.steps),r.setShowTutorial(!0)};if(o===i)l();else{(0,p.navigate)({to:i});var c=setInterval((function(){window.location.pathname===i&&(l(),clearInterval(c))}),100)}e()}(l)},className:A.tutorialLink,renderIcon:function(){return i().createElement(o.Qp,{"aria-label":"Arrow Right"})}},t("walkthrough","Walkthrough")))})))))}},49161:(n,e,t)=>{t.d(e,{A:()=>l});var a=t(72996),i=t.n(a),o=t(70159),s=t.n(o)()(i());s.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-user-onboarding__styles__description___zZYjd{margin-bottom:.75rem;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-user-onboarding__styles__tutorialModal___OQAY6{display:flex;flex-direction:column;gap:.75rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI{border-bottom:1px solid #e0e0e0;padding-bottom:.25rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialTitle___rkDjN{margin-bottom:.75rem;font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialDescription___W42iP{color:#525252;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-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialLink___i2N3A{margin-bottom:.75rem;margin-top:.75rem;cursor:pointer}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/tutorial/styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,mDACE,oBCqBW,CCw0BT,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFz1BJ,qDACE,YAAA,CACA,qBAAA,CACA,UCcW,CDZX,yGACE,+BAAA,CACA,qBAAA,CAEA,8JACE,oBCOO,CCw0BT,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CF30BA,oKACE,aDbU,CGu1BZ,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFt0BA,6JACE,oBCHO,CDIP,iBCJO,CDKP,cAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.description {\n margin-bottom: layout.$spacing-04;\n @include type.type-style('body-compact-01');\n}\n\n.tutorialModal {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n\n .tutorialItem {\n border-bottom: 1px solid $ui-03;\n padding-bottom: layout.$spacing-02;\n\n .tutorialTitle {\n margin-bottom: layout.$spacing-04;\n @include type.type-style('heading-02');\n }\n\n .tutorialDescription {\n color: $color-gray-70;\n @include type.type-style('body-compact-01');\n }\n\n .tutorialLink {\n margin-bottom: layout.$spacing-04;\n margin-top: layout.$spacing-04;\n cursor: pointer;\n }\n }\n}\n\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),s.locals={description:"-esm-user-onboarding__styles__description___zZYjd",tutorialModal:"-esm-user-onboarding__styles__tutorialModal___OQAY6",tutorialItem:"-esm-user-onboarding__styles__tutorialItem___4Q5BI",tutorialTitle:"-esm-user-onboarding__styles__tutorialTitle___rkDjN",tutorialDescription:"-esm-user-onboarding__styles__tutorialDescription___W42iP",tutorialLink:"-esm-user-onboarding__styles__tutorialLink___i2N3A"};const l=s}}]);
package/dist/6399.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"6399.js","mappings":"qYAWIA,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKnB,QAAe,KAAW,IAAQM,OAAS,IAAQA,YAASC,EC+CnE,EA5DoD,YAAGC,EAAAA,K,IAAMC,EAAAA,EAAAA,QACrD,GAAQC,EAAAA,EAAAA,kBAANC,EAEFC,GADSC,EAAAA,EAAAA,aACUC,aACnBC,GAAkBC,EAAAA,EAAAA,eAA+B,oBA4BvD,OACE,kBAACC,IAAAA,SAAc,KACb,kBAACC,EAAAA,IAAWA,CAACC,WAAYV,EAASW,MAAOT,EAAE,WAAY,aACrD,kBAACU,IAAAA,CAAEC,UAAWC,EAAOC,aAClBb,EAAE,mBAAoB,oFAG3B,kBAACc,EAAAA,IAASA,CAACH,UAAWC,EAAOG,eAC3B,kBAACC,KAAAA,KACEf,EAAUgB,KAAI,SAACC,EAAUC,G,OACxB,kBAACC,KAAAA,CAAGT,UAAWC,EAAOS,aAAcC,IAAKH,GACvC,kBAACI,KAAAA,CAAGZ,UAAWC,EAAOY,eAAgBN,EAAST,OAC/C,kBAACC,IAAAA,CAAEC,UAAWC,EAAOa,qBAAsBP,EAASL,aACpD,kBAACa,EAAAA,IAAIA,CACHC,QAAS,W,OAxCQ,SAACR,GAC9B,IAAMS,EAAWC,OAAOC,oBAClBC,EAAW,GAAY,OAATH,EAAS,uBACvBI,EAAcH,OAAOI,SAASC,SAC9BhB,EAAWjB,EAAUkB,GAErBgB,EAAmB,WACvB/B,EAAgBgC,SAASlB,EAASmB,OAClCjC,EAAgBkC,iBAAgB,EAClC,EAEA,GAAIN,IAAgBD,EAClBI,QACK,EACLI,EAAAA,EAAAA,UAAS,CAAEC,GAAIT,IAEf,IAAMU,EAAaC,aAAY,WACzBb,OAAOI,SAASC,WAAaH,IAC/BI,IACAQ,cAAcF,GAElB,GAAG,IACL,CACA3C,GACF,CAgB6B8C,CAAuBzB,E,EACtCR,UAAWC,EAAOiC,aAClBC,WAAY,W,OAAM,kBAACC,EAAAA,GAAUA,CAACC,aAAW,e,GAExChD,EAAE,cAAe,gB,MAQlC,C,sECpEIiD,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,23DAA43D,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,kEAAkE,uCAAuC,uEAAuE,2DAA2D,MAAQ,GAAG,SAAW,gYAAgY,eAAiB,CAAC,g/DAAg/D,4wBAA4wB,05DAA05D,w8uBAAw8uB,WAAa,MAE9r9BH,EAAwBtD,OAAS,CAChC,YAAe,oDACf,cAAiB,sDACjB,aAAgB,qDAChB,cAAiB,sDACjB,oBAAuB,4DACvB,aAAgB,sDAEjB,S","sources":["webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/styles.scss?99b8","webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/modal.component.tsx","webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/styles.scss"],"names":["options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","undefined","open","onClose","useTranslation","t","tutorials","useConfig","tutorialData","tutorialContext","useAppContext","React","ModalHeader","closeModal","title","p","className","styles","description","ModalBody","tutorialModal","ul","map","tutorial","index","li","tutorialItem","key","h3","tutorialTitle","tutorialDescription","Link","onClick","basePath","window","getOpenmrsSpaBase","homePath","currentPath","location","pathname","setTutorialSteps","setSteps","steps","setShowTutorial","navigate","to","intervalId","setInterval","clearInterval","handleWalkthroughClick","tutorialLink","renderIcon","ArrowRight","aria-label","___CSS_LOADER_EXPORT___","push","module","id"],"sourceRoot":""}
1
+ {"version":3,"file":"6399.js","mappings":"oYAWIA,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKnB,QAAe,KAAW,IAAQM,OAAS,IAAQA,YAASC,EC+CnE,EA5DoD,YAAGC,EAAAA,K,IAAMC,EAAAA,EAAAA,QACrD,GAAQC,EAAAA,EAAAA,kBAANC,EAEFC,GADSC,EAAAA,EAAAA,aACUC,aACnBC,GAAkBC,EAAAA,EAAAA,eAA+B,oBA4BvD,OACE,kBAACC,IAAAA,SAAc,KACb,kBAACC,EAAAA,IAAWA,CAACC,WAAYV,EAASW,MAAOT,EAAE,WAAY,aACrD,kBAACU,IAAAA,CAAEC,UAAWC,EAAOC,aAClBb,EAAE,mBAAoB,oFAG3B,kBAACc,EAAAA,IAASA,CAACH,UAAWC,EAAOG,eAC3B,kBAACC,KAAAA,KACEf,EAAUgB,KAAI,SAACC,EAAUC,G,OACxB,kBAACC,KAAAA,CAAGT,UAAWC,EAAOS,aAAcC,IAAKH,GACvC,kBAACI,KAAAA,CAAGZ,UAAWC,EAAOY,eAAgBN,EAAST,OAC/C,kBAACC,IAAAA,CAAEC,UAAWC,EAAOa,qBAAsBP,EAASL,aACpD,kBAACa,EAAAA,IAAIA,CACHC,QAAS,W,OAxCQ,SAACR,GAC9B,IAAMS,EAAWC,OAAOC,oBAClBC,EAAW,GAAY,OAATH,EAAS,uBACvBI,EAAcH,OAAOI,SAASC,SAC9BhB,EAAWjB,EAAUkB,GAErBgB,EAAmB,WACvB/B,EAAgBgC,SAASlB,EAASmB,OAClCjC,EAAgBkC,iBAAgB,EAClC,EAEA,GAAIN,IAAgBD,EAClBI,QACK,EACLI,EAAAA,EAAAA,UAAS,CAAEC,GAAIT,IAEf,IAAMU,EAAaC,aAAY,WACzBb,OAAOI,SAASC,WAAaH,IAC/BI,IACAQ,cAAcF,GAElB,GAAG,IACL,CACA3C,GACF,CAgB6B8C,CAAuBzB,E,EACtCR,UAAWC,EAAOiC,aAClBC,WAAY,W,OAAM,kBAACC,EAAAA,GAAUA,CAACC,aAAW,e,GAExChD,EAAE,cAAe,gB,MAQlC,C,sECpEIiD,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,23DAA43D,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,kEAAkE,uCAAuC,uEAAuE,2DAA2D,MAAQ,GAAG,SAAW,gYAAgY,eAAiB,CAAC,g/DAAg/D,4wBAA4wB,05DAA05D,w8uBAAw8uB,WAAa,MAE9r9BH,EAAwBtD,OAAS,CAChC,YAAe,oDACf,cAAiB,sDACjB,aAAgB,qDAChB,cAAiB,sDACjB,oBAAuB,4DACvB,aAAgB,sDAEjB,S","sources":["webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/styles.scss?99b8","webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/modal.component.tsx","webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/styles.scss"],"names":["options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","undefined","open","onClose","useTranslation","t","tutorials","useConfig","tutorialData","tutorialContext","useAppContext","React","ModalHeader","closeModal","title","p","className","styles","description","ModalBody","tutorialModal","ul","map","tutorial","index","li","tutorialItem","key","h3","tutorialTitle","tutorialDescription","Link","onClick","basePath","window","getOpenmrsSpaBase","homePath","currentPath","location","pathname","setTutorialSteps","setSteps","steps","setShowTutorial","navigate","to","intervalId","setInterval","clearInterval","handleWalkthroughClick","tutorialLink","renderIcon","ArrowRight","aria-label","___CSS_LOADER_EXPORT___","push","module","id"],"sourceRoot":""}
package/dist/6478.js CHANGED
@@ -1 +1 @@
1
- (globalThis.webpackChunk_openmrs_esm_user_onboarding_app=globalThis.webpackChunk_openmrs_esm_user_onboarding_app||[]).push([[6478],{76478:(t,e,a)=>{"use strict";a.r(e),a.d(e,{importTranslation:()=>c,root:()=>u,startupApp:()=>d,tutorial:()=>p,tutorialModal:()=>g});var n=a(25987),o={showTutorial:{_type:n.Type.Boolean,_default:!1,_description:"Enable or Disable Onboarding Walkthrough"},tutorialData:{_type:n.Type.Array,_description:"List of tutorials to be displayed in the modal",_default:[{title:"Basic Overview",description:"This guide provides a quick look at the essential components that shape the layout and user experience of our homepage.",steps:[{target:'[aria-label="OpenMRS"]',content:"Welcome to OpenMRS! This is the main dashboard where you can navigate to various features of the system."},{target:'[name="SearchPatientIcon"]',content:"This is the search icon. Use it to find patients in the system quickly."},{target:'[name="AddPatientIcon"]',content:"This is the add patient icon. Click here to register a new patient into the system."},{target:'[name="User"]',content:"The user icon. Click here to change your user preferences and settings."}]},{title:"Registering a Patient",description:"Learn how to register a new patient into the system.",steps:[{target:'[name="AddPatientIcon"]',content:"Click here to add a patient to the system.",spotlightClicks:!0,hideCloseButton:!0,hideNextButton:!0,hideFooter:!0,data:{autoNextOn:"#demographics"}},{target:"#demographics",title:"Demographics",content:"This is the Demographics section. Here you can find various fields and information related to the patient.",hideBackButton:!0},{target:"#contact",title:"Contact Details",content:"Here you can update the patient's contact information."},{target:"#relationships",title:"Relationships",content:"In this section, you can manage the patient's relationships."},{target:'button[type="submit"]',content:"Click this button to register the patient's information into the system."}]},{title:"Patient Chart",description:"Patient chart is the main point of interaction between healthcare professionals and patient data, where you can manage everything related to a single patient.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"To access the patient chart, first, you need to select a patient. To start, click here to open the search box so that we can search for a patient.",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"Click on the patient you want to go to their patient chart.",spotlightClicks:!0,disableOverlay:!1,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:"body",title:"Patient Chart",content:"Welcome to the Patient Chart View! Here, you can quickly see everything about your patient's health history, visits, medications, allergies, and test results—all in one place. It's designed to help you provide the best care efficiently.",spotlightClicks:!0,hideBackButton:!0,placement:"center"},{target:'[data-extension-id="patient-banner"]',title:"Patient header",content:'The patient header contains all the key information you need to identify the patient you are currently viewing. You can click on the "Show Details" button to see additional patient information.',spotlightClicks:!0,hideBackButton:!0},{target:'[aria-label="Left navigation"]',title:"Left panel",content:"The left panel shows the sections of the patient chart. Currently, we are on the patient summary page.",spotlightClicks:!0,placement:"right"},{target:'[data-extension-slot-name="patient-chart-summary-dashboard-slot"]',title:"Patient summary widgets",content:"Patient Summary is a personalized view made up of widgets that show essential features and information for quick access."},{target:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]',title:"Siderail",content:"The siderail contains a series of links that take users to different tabs in the Workspace, such as the order basket, visit notes, and clinical forms. Once open, the Workspace is persistent across pages (for example, all pages within the patient chart)."},{target:"body",content:"Great job! You've completed the tutorial. Now, take a moment to explore the Patient Chart View and discover all its features. Feel free to navigate around and get comfortable with the layout. If you need to return to the home page, just click the close button in the top right corner. Happy exploring!",placement:"center"}]},{title:"Finding a Patient",description:"Learn how to find a patient in the system using basic and advanced search features, including the use of filters to refine results.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"Click on the search icon to open the search box so that we can search for a patient.",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name of the patient here. If you know the patient ID, you can use that as well. You will see the results if the patient you entered exists in the system. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"The search container shows only the top results and if they are not the patient you want, or you cannot find the patient by name or the patient ID, you can use advanced search tools to narrow down your search. Click next to learn more about the advanced search options.",spotlightClicks:!1,disableOverlay:!1,hideNextButton:!1,hideBackButton:!0},{target:'button[type="submit"]',content:"The advanced search provides additional search fields like date of birth and phone number to help find the right patient, which comes in helpful in scenarios where multiple patients have the same name. Click here to access the advanced search tool.",spotlightClicks:!0,placement:"bottom",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-openmrs-role="Refine Search"]'}},{target:'[data-openmrs-role="Refine Search"]',title:"Filters section",content:"You can refine your search by applying filters such as date of birth, age, sex, and phone number here.",spotlightClicks:!0,hideBackButton:!0},{target:'[data-openmrs-role="Search Results"]',content:"Here you can see all the patients who match the search criteria. Clicking on a patient will open the patient’s patient chart.",placement:"right"},{target:'[data-tutorial-target="close-search-icon"]',content:"That’s the end of the tutorial. Click on the close button to go back to the home page.",spotlightClicks:!0,placement:"bottom",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-id="page-header"]'}}]},{title:"Patient Lists",description:"This tutorial will guide you through creating and managing patient lists to help organize and track your patients more effectively.",steps:[{target:'[data-extension-id="patient-lists-dashboard-link"]',content:"Creating a patient list is a great way to keep a group of patients organized for easier management. Click here to go to the patient lists view",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-openmrs-role="New List"]'}},{target:'[data-openmrs-role="New List"]',content:"Now, let's try creating a new list. Click here to open the new patient list form.",spotlightClicks:!0,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-list-form"]'}},{target:'[data-tutorial-target="patient-list-form"]',content:'Enter the necessary details and click on "Create List" to create the list.',spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,placement:"left",data:{autoNextOn:".omrs-snackbars-container div"}},{target:'[data-tutorial-target="all-patient-lists-tab"]',content:"Click here to see all the patient lists we have in the system.",hideNextButton:!0,hideBackButton:!0,spotlightClicks:!0,spotlightPadding:20,data:{autoNextOn:'[data-tutorial-target="patient-lists-table"]'}},{target:'[data-tutorial-target="patient-lists-table"]',content:"Great! We have successfully created a new patient list. Find and click on the patient list you created to proceed. You can use the search option at the top right if needed.",disableOverlay:!0,spotlightClicks:!0,spotlightPadding:40,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:'[data-openmrs-role="Patient Empty tile"]'}},{target:'[data-openmrs-role="Patient Empty tile"]',content:"You can see the patient list is empty since we haven't added any patients to the list yet. Click on Next to Continue",hideBackButton:!0,disableOverlay:!0},{target:'[data-tutorial-target="search-patient-icon"]',content:"To add a patient to the list, we have to go to the respective patient’s chart view. Click here to open the search box so that we can search for a patient.",spotlightClicks:!0,hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"Click on the patient to go to the patient chart, where we can add the patient to our newly created list.",spotlightClicks:!0,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:"#custom-actions-overflow-menu-trigger",content:'Click on "Actions" and select "Add to List" from the drop-down menu.',disableOverlay:!0,placement:"bottom",spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:".cds--modal-container"}},{target:".cds--modal-container",content:"You can see the list of patient lists here. Search for our newly created patient list using the filter, and mark the checkbox beside the patient list name. You can add the patient to multiple lists at once by selecting multiple checkboxes.",disableOverlay:!0,spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,placement:"left",data:{autoNextOn:".omrs-snackbars-container div"}}]},{title:"Recording Vitals",description:"Learn how to record a patient's vitals and biometric data, and review the records through the patient chart.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"To capture the vitals of a patient, you need to start by going to the patient chart view of the respective patient. Click on the search icon to open the search box so that you can search for the patient.",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"Click on the patient to go to their patient chart.",placement:"left",spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:'[data-extension-id="patient-vitals-info"] button',content:'Click on the "Record Vitals" button to open the vitals form. If the selected patient doesn\'t have an active visit, you will be prompted to start one. In that case, submit the start visit form in order to the next step.',disableOverlay:!0,spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:'[aria-label="Workspace header"]'}},{target:'[data-openmrs-role="Vitals and Biometrics Form"]',title:"Vitals form",content:'In this form, you can enter the vitals and biometrics you have captured. If any value entered is out of the normal range, you will see ↑ (High), ↓ (Low), ↑↑ (Very High) or ↓↓ (Very Low) indicators next to the respective field. After entering all necessary details, click on the "Save and Close" button to submit the data.',disableOverlay:!0,spotlightClicks:!0,placement:"left",hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:".omrs-snackbars-container div"}},{target:'[data-extension-id="patient-vitals-info"]',content:"The latest vitals and biometrics data of the patient can be viewed in this section.",hideBackButton:!0},{target:'[data-extension-id="results-summary-dashboard"]',content:"Click here to go to the Vitals and Biometrics page, where you can view the past records of vitals and biometrics.",hideBackButton:!0,hideNextButton:!0,spotlightClicks:!0,data:{autoNextOn:'[data-extension-slot-name="patient-chart-vitals-biometrics-dashboard-slot"]'}},{target:'[data-extension-slot-name="patient-chart-vitals-biometrics-dashboard-slot"]',content:"These tables display the history of vitals and biometrics. Indicators may be present here to show measurements that are higher or lower than the typical range.",hideBackButton:!0},{target:'[aria-label="Chart view"]',content:'You can click on the "Chart" button for a graphical representation of the vitals history.'},{target:"body",content:"You have now successfully completed the tutorial. You can continue with the rest of the patient visit by recording additional information or performing other necessary actions within the patient chart view, or you can return to the homepage.",placement:"center",hideBackButton:!0}]},{title:"Starting a Patient Visit",description:"Learn how to start a visit for a patient.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"To fill out any forms or encounters of a patient, you have to start a visit. To start a patient visit, first you need to go to the patient chart view of the respective patient. Click on the search icon to open the search box so that we can search for the patient. ",disableBeacon:!0,spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:'Click on the patient whose chart you want to access. Make sure to select a patient without the "Active visit" label, as we will start a visit in the next steps of the tutorial.',spotlightClicks:!0,disableOverlay:!1,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:'[aria-label="Start a visit"]',content:'Welcome to the patient chart view! Here, you can find detailed patient information, records of clinical visits, demographic information, graphs, and medical forms. Click on the "Start Visit" button to open the Start Visit form.',spotlightClicks:!0,hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-openmrs-role="Start Visit Form"]'}},{target:'[data-openmrs-role="Start Visit Form"]',title:"Start Visit Form",content:'Fill out the necessary information here and click on the "Start Visit" button at the bottom of this form to start the visit. You can click on "Discard" if you don\'t want to start a visit at the moment.',disableOverlay:!0,spotlightClicks:!0,hideNextButton:!0,hideBackButton:!0,placement:"left",data:{autoNextOn:".omrs-snackbars-container div"}},{target:"body",content:"That's the end of this tutorial! If you have already started a visit, you will see an \"Active Visit\" tag near the patient's name. After the visit is started, you can do things like capturing vitals, biometrics, and more through this patient chart view.",hideBackButton:!0,placement:"center"}]},{title:"Tutorial for demo purposes",description:"This tutorial is for demo / debugging purposes only",steps:[{target:'[aria-label="OpenMRS"]',content:"Let us walk through the tutorial features together."},{target:'[data-extension-id="clinical-appointments-dashboard-link"]',content:"Click on this link. This step is configured to be automatic and will take you to the next step. Once the given query selector resolves an element on the page, it will proceed automatically.",hideCloseButton:!0,hideNextButton:!0,spotlightClicks:!0,data:{autoNextOn:'[data-extension-id="clinical-appointments-dashboard"]'}},{target:'[data-extension-id="clinical-appointments-dashboard"]',content:"Congrats! You have reached the clinical appointments dashboard."},{target:'[aria-label="OpenMRS"]',content:'Now, let’s see how this behaves when elements take a bit longer to load. Set your network throttling to "Slow 3G" and hit "Next".',hideBackButton:!0},{target:'[data-extension-id="laboratory-dashboard-link"]',content:'Let\'s navigate to the laboratory page. Our next target is the "Tests Ordered" table. I’ll disappear once you reach the laboratory page and reappear when the table is loaded. See you there!',hideCloseButton:!0,hideNextButton:!0,spotlightClicks:!0,data:{autoNextOn:'[data-extension-id="laboratory-dashboard"]'}},{target:'[data-extension-id="all-lab-requests-table"] table',content:"It's me again. By default, I'll wait for the element to appear, so you don't have to worry about slow components when writing a new tutorial.",hideBackButton:!0},{target:'[aria-label="OpenMRS"]',content:"Now let's do a fun exercise. Can you find out how to view a patient's allergies on your own? Feel free to turn off network throttling. ;) "},{target:'[data-extension-slot-name="patient-chart-allergies-dashboard-slot"]',content:"Great job! You found the allergies section! This is the end of the tutorial. Feel free to explore the system on your own or check out the other tutorials."}]}]}},i=a(16072),s=a.n(i),r=a(53941);var h="@openmrs/esm-user-onboarding-app",l={featureName:"user-onboarding",moduleName:h},c=a(84767);function d(){(0,n.defineConfigSchema)(h,o)}var u=(0,n.getAsyncLifecycle)((function(){return Promise.all([a.e(961),a.e(8719),a.e(5059),a.e(8690)]).then(a.bind(a,68690))}),l),p=(0,n.getSyncLifecycle)((function(){var t=(0,r.useTranslation)().t;return s().createElement("div",{onClick:function(){var t=(0,n.showModal)("tutorial-modal",{onClose:function(){return t()},size:"sm"})}},t("tutorials","Tutorials"))}),l),g=(0,n.getAsyncLifecycle)((function(){return Promise.all([a.e(961),a.e(8719),a.e(6399)]).then(a.bind(a,6399))}),l)},84767:(t,e,a)=>{var n={"./am.json":[81197,1197],"./ar.json":[14132,4132],"./ar_SY.json":[37617,7617],"./bn.json":[77159,7159],"./de.json":[34944,4944],"./en.json":[34300,4300],"./en_US.json":[59569,9569],"./es.json":[93099,3099],"./es_MX.json":[88349,8349],"./fr.json":[94055,4055],"./he.json":[84652,4652],"./hi.json":[36840,6840],"./hi_IN.json":[55442,5442],"./id.json":[72690,2690],"./it.json":[9538,9538],"./ka.json":[70795,795],"./km.json":[54335,4335],"./ku.json":[9895,9895],"./ky.json":[88163,8163],"./lg.json":[64618,4618],"./ne.json":[12146,2146],"./pl.json":[41119,1119],"./pt.json":[96679,6679],"./pt_BR.json":[36468,6468],"./qu.json":[35173,5173],"./ro_RO.json":[46022,6022],"./ru_RU.json":[60986,986],"./si.json":[56859,6859],"./sw.json":[89913,9913],"./sw_KE.json":[88618,8618],"./tr.json":[55241,5241],"./tr_TR.json":[99900,9900],"./uk.json":[60723,723],"./uz.json":[43584,3584],"./uz@Latn.json":[27097,7097],"./uz_UZ.json":[70890,890],"./vi.json":[79214,9214],"./zh.json":[35661,5661],"./zh_CN.json":[99879,9879]};function o(t){if(!a.o(n,t))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}));var e=n[t],o=e[0];return a.e(e[1]).then((()=>a(o)))}o.keys=()=>Object.keys(n),o.id=84767,t.exports=o}}]);
1
+ (globalThis.webpackChunk_openmrs_esm_user_onboarding_app=globalThis.webpackChunk_openmrs_esm_user_onboarding_app||[]).push([[6478],{76478:(t,e,a)=>{"use strict";a.r(e),a.d(e,{importTranslation:()=>c,root:()=>u,startupApp:()=>d,tutorial:()=>p,tutorialModal:()=>g});var n=a(25987),o={showTutorial:{_type:n.Type.Boolean,_default:!1,_description:"Enable or Disable Onboarding Walkthrough"},tutorialData:{_type:n.Type.Array,_description:"List of tutorials to be displayed in the modal",_default:[{title:"Basic Overview",description:"This guide provides a quick look at the essential components that shape the layout and user experience of our homepage.",steps:[{target:'[aria-label="OpenMRS"]',content:"Welcome to OpenMRS! This is the main dashboard where you can navigate to various features of the system."},{target:'[name="SearchPatientIcon"]',content:"This is the search icon. Use it to find patients in the system quickly."},{target:'[name="AddPatientIcon"]',content:"This is the add patient icon. Click here to register a new patient into the system."},{target:'[name="User"]',content:"The user icon. Click here to change your user preferences and settings."}]},{title:"Registering a Patient",description:"Learn how to register a new patient into the system.",steps:[{target:'[name="AddPatientIcon"]',content:"Click here to add a patient to the system.",spotlightClicks:!0,hideCloseButton:!0,hideNextButton:!0,hideFooter:!0,data:{autoNextOn:"#demographics"}},{target:"#demographics",title:"Demographics",content:"This is the Demographics section. Here you can find various fields and information related to the patient.",hideBackButton:!0},{target:"#contact",title:"Contact Details",content:"Here you can update the patient's contact information."},{target:"#relationships",title:"Relationships",content:"In this section, you can manage the patient's relationships."},{target:'button[type="submit"]',content:"Click this button to register the patient's information into the system."}]},{title:"Patient Chart",description:"Patient chart is the main point of interaction between healthcare professionals and patient data, where you can manage everything related to a single patient.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"To access the patient chart, first, you need to select a patient. To start, click here to open the search box so that we can search for a patient.",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"Click on the patient you want to go to their patient chart.",spotlightClicks:!0,disableOverlay:!1,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:"body",title:"Patient Chart",content:"Welcome to the Patient Chart View! Here, you can quickly see everything about your patient's health history, visits, medications, allergies, and test results—all in one place. It's designed to help you provide the best care efficiently.",spotlightClicks:!0,hideBackButton:!0,placement:"center"},{target:'[data-extension-id="patient-banner"]',title:"Patient header",content:'The patient header contains all the key information you need to identify the patient you are currently viewing. You can click on the "Show Details" button to see additional patient information.',spotlightClicks:!0,hideBackButton:!0},{target:'[aria-label="Left navigation"]',title:"Left panel",content:"The left panel shows the sections of the patient chart. Currently, we are on the patient summary page.",spotlightClicks:!0,placement:"right"},{target:'[data-extension-slot-name="patient-chart-summary-dashboard-slot"]',title:"Patient summary widgets",content:"Patient Summary is a personalized view made up of widgets that show essential features and information for quick access."},{target:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]',title:"Siderail",content:"The siderail contains a series of links that take users to different tabs in the Workspace, such as the order basket, visit notes, and clinical forms. Once open, the Workspace is persistent across pages (for example, all pages within the patient chart)."},{target:"body",content:"Great job! You've completed the tutorial. Now, take a moment to explore the Patient Chart View and discover all its features. Feel free to navigate around and get comfortable with the layout. If you need to return to the home page, just click the close button in the top right corner. Happy exploring!",placement:"center"}]},{title:"Finding a Patient",description:"Learn how to find a patient in the system using basic and advanced search features, including the use of filters to refine results.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"Click on the search icon to open the search box so that we can search for a patient.",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name of the patient here. If you know the patient ID, you can use that as well. You will see the results if the patient you entered exists in the system. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"The search container shows only the top results and if they are not the patient you want, or you cannot find the patient by name or the patient ID, you can use advanced search tools to narrow down your search. Click next to learn more about the advanced search options.",spotlightClicks:!1,disableOverlay:!1,hideNextButton:!1,hideBackButton:!0},{target:'button[type="submit"]',content:"The advanced search provides additional search fields like date of birth and phone number to help find the right patient, which comes in helpful in scenarios where multiple patients have the same name. Click here to access the advanced search tool.",spotlightClicks:!0,placement:"bottom",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-openmrs-role="Refine Search"]'}},{target:'[data-openmrs-role="Refine Search"]',title:"Filters section",content:"You can refine your search by applying filters such as date of birth, age, sex, and phone number here.",spotlightClicks:!0,hideBackButton:!0},{target:'[data-openmrs-role="Search Results"]',content:"Here you can see all the patients who match the search criteria. Clicking on a patient will open the patient’s patient chart.",placement:"right"},{target:'[data-tutorial-target="close-search-icon"]',content:"That’s the end of the tutorial. Click on the close button to go back to the home page.",spotlightClicks:!0,placement:"bottom",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-id="page-header"]'}}]},{title:"Patient Lists",description:"This tutorial will guide you through creating and managing patient lists to help organize and track your patients more effectively.",steps:[{target:'[data-extension-id="patient-lists-dashboard-link"]',content:"Creating a patient list is a great way to keep a group of patients organized for easier management. Click here to go to the patient lists view",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-openmrs-role="New List"]'}},{target:'[data-openmrs-role="New List"]',content:"Now, let's try creating a new list. Click here to open the new patient list form.",spotlightClicks:!0,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-list-form"]'}},{target:'[data-tutorial-target="patient-list-form"]',content:'Enter the necessary details and click on "Create List" to create the list.',spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,placement:"left",data:{autoNextOn:".omrs-snackbars-container div"}},{target:'[data-tutorial-target="all-patient-lists-tab"]',content:"Click here to see all the patient lists we have in the system.",hideNextButton:!0,hideBackButton:!0,spotlightClicks:!0,spotlightPadding:20,data:{autoNextOn:'[data-tutorial-target="patient-lists-table"]'}},{target:'[data-tutorial-target="patient-lists-table"]',content:"Great! We have successfully created a new patient list. Find and click on the patient list you created to proceed. You can use the search option at the top right if needed.",disableOverlay:!0,spotlightClicks:!0,spotlightPadding:40,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:'[data-openmrs-role="Patient Empty tile"]'}},{target:'[data-openmrs-role="Patient Empty tile"]',content:"You can see the patient list is empty since we haven't added any patients to the list yet. Click on Next to Continue",hideBackButton:!0,disableOverlay:!0},{target:'[data-tutorial-target="search-patient-icon"]',content:"To add a patient to the list, we have to go to the respective patient’s chart view. Click here to open the search box so that we can search for a patient.",spotlightClicks:!0,hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"Click on the patient to go to the patient chart, where we can add the patient to our newly created list.",spotlightClicks:!0,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:"#custom-actions-overflow-menu-trigger",content:'Click on "Actions" and select "Add to List" from the drop-down menu.',disableOverlay:!0,placement:"bottom",spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:".cds--modal-container"}},{target:".cds--modal-container",content:"You can see the list of patient lists here. Search for our newly created patient list using the filter, and mark the checkbox beside the patient list name. You can add the patient to multiple lists at once by selecting multiple checkboxes.",disableOverlay:!0,spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,placement:"left",data:{autoNextOn:".omrs-snackbars-container div"}}]},{title:"Recording Vitals",description:"Learn how to record a patient's vitals and biometric data, and review the records through the patient chart.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"To capture the vitals of a patient, you need to start by going to the patient chart view of the respective patient. Click on the search icon to open the search box so that you can search for the patient.",spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:"Click on the patient to go to their patient chart.",placement:"left",spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:'[data-extension-id="patient-vitals-info"] button',content:'Click on the "Record Vitals" button to open the vitals form. If the selected patient doesn\'t have an active visit, you will be prompted to start one. In that case, submit the start visit form in order to the next step.',disableOverlay:!0,spotlightClicks:!0,hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:'[aria-label="Workspace header"]'}},{target:'[data-openmrs-role="Vitals and Biometrics Form"]',title:"Vitals form",content:'In this form, you can enter the vitals and biometrics you have captured. If any value entered is out of the normal range, you will see ↑ (High), ↓ (Low), ↑↑ (Very High) or ↓↓ (Very Low) indicators next to the respective field. After entering all necessary details, click on the "Save and Close" button to submit the data.',disableOverlay:!0,spotlightClicks:!0,placement:"left",hideBackButton:!0,hideNextButton:!0,data:{autoNextOn:".omrs-snackbars-container div"}},{target:'[data-extension-id="patient-vitals-info"]',content:"The latest vitals and biometrics data of the patient can be viewed in this section.",hideBackButton:!0},{target:'[data-extension-id="results-summary-dashboard"]',content:"Click here to go to the Vitals and Biometrics page, where you can view the past records of vitals and biometrics.",hideBackButton:!0,hideNextButton:!0,spotlightClicks:!0,data:{autoNextOn:'[data-extension-slot-name="patient-chart-vitals-biometrics-dashboard-slot"]'}},{target:'[data-extension-slot-name="patient-chart-vitals-biometrics-dashboard-slot"]',content:"These tables display the history of vitals and biometrics. Indicators may be present here to show measurements that are higher or lower than the typical range.",hideBackButton:!0},{target:'[aria-label="Chart view"]',content:'You can click on the "Chart" button for a graphical representation of the vitals history.'},{target:"body",content:"You have now successfully completed the tutorial. You can continue with the rest of the patient visit by recording additional information or performing other necessary actions within the patient chart view, or you can return to the homepage.",placement:"center",hideBackButton:!0}]},{title:"Starting a Patient Visit",description:"Learn how to start a visit for a patient.",steps:[{target:'[data-tutorial-target="search-patient-icon"]',content:"To fill out any forms or encounters of a patient, you have to start a visit. To start a patient visit, first you need to go to the patient chart view of the respective patient. Click on the search icon to open the search box so that we can search for the patient. ",disableBeacon:!0,spotlightClicks:!0,hideNextButton:!0,data:{autoNextOn:'[data-tutorial-target="patient-search-bar"]'}},{target:'[data-tutorial-target="patient-search-bar"]',content:"Now, enter the name or the ID of the patient here. Some example patient names that you can search for are: John, Smith, Mary.",hideNextButton:!1,hideBackButton:!0,spotlightClicks:!0},{target:'[data-tutorial-target="floating-search-results-container"]',content:'Click on the patient whose chart you want to access. Make sure to select a patient without the "Active visit" label, as we will start a visit in the next steps of the tutorial.',spotlightClicks:!0,disableOverlay:!1,placement:"left",hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-extension-slot-name="action-menu-patient-chart-items-slot"]'}},{target:'[aria-label="Start a visit"]',content:'Welcome to the patient chart view! Here, you can find detailed patient information, records of clinical visits, demographic information, graphs, and medical forms. Click on the "Start Visit" button to open the Start Visit form.',spotlightClicks:!0,hideNextButton:!0,hideBackButton:!0,data:{autoNextOn:'[data-openmrs-role="Start Visit Form"]'}},{target:'[data-openmrs-role="Start Visit Form"]',title:"Start Visit Form",content:'Fill out the necessary information here and click on the "Start Visit" button at the bottom of this form to start the visit. You can click on "Discard" if you don\'t want to start a visit at the moment.',disableOverlay:!0,spotlightClicks:!0,hideNextButton:!0,hideBackButton:!0,placement:"left",data:{autoNextOn:".omrs-snackbars-container div"}},{target:"body",content:"That's the end of this tutorial! If you have already started a visit, you will see an \"Active Visit\" tag near the patient's name. After the visit is started, you can do things like capturing vitals, biometrics, and more through this patient chart view.",hideBackButton:!0,placement:"center"}]},{title:"Tutorial for demo purposes",description:"This tutorial is for demo / debugging purposes only",steps:[{target:'[aria-label="OpenMRS"]',content:"Let us walk through the tutorial features together."},{target:'[data-extension-id="clinical-appointments-dashboard-link"]',content:"Click on this link. This step is configured to be automatic and will take you to the next step. Once the given query selector resolves an element on the page, it will proceed automatically.",hideCloseButton:!0,hideNextButton:!0,spotlightClicks:!0,data:{autoNextOn:'[data-extension-id="clinical-appointments-dashboard"]'}},{target:'[data-extension-id="clinical-appointments-dashboard"]',content:"Congrats! You have reached the clinical appointments dashboard."},{target:'[aria-label="OpenMRS"]',content:'Now, let’s see how this behaves when elements take a bit longer to load. Set your network throttling to "Slow 3G" and hit "Next".',hideBackButton:!0},{target:'[data-extension-id="laboratory-dashboard-link"]',content:'Let\'s navigate to the laboratory page. Our next target is the "Tests Ordered" table. I’ll disappear once you reach the laboratory page and reappear when the table is loaded. See you there!',hideCloseButton:!0,hideNextButton:!0,spotlightClicks:!0,data:{autoNextOn:'[data-extension-id="laboratory-dashboard"]'}},{target:'[data-extension-id="all-lab-requests-table"] table',content:"It's me again. By default, I'll wait for the element to appear, so you don't have to worry about slow components when writing a new tutorial.",hideBackButton:!0},{target:'[aria-label="OpenMRS"]',content:"Now let's do a fun exercise. Can you find out how to view a patient's allergies on your own? Feel free to turn off network throttling. ;) "},{target:'[data-extension-slot-name="patient-chart-allergies-dashboard-slot"]',content:"Great job! You found the allergies section! This is the end of the tutorial. Feel free to explore the system on your own or check out the other tutorials."}]}]}},i=a(16072),s=a.n(i),r=a(2076);var h="@openmrs/esm-user-onboarding-app",l={featureName:"user-onboarding",moduleName:h},c=a(84767);function d(){(0,n.defineConfigSchema)(h,o)}var u=(0,n.getAsyncLifecycle)((function(){return Promise.all([a.e(961),a.e(8719),a.e(5059),a.e(8690)]).then(a.bind(a,68690))}),l),p=(0,n.getSyncLifecycle)((function(){var t=(0,r.useTranslation)().t;return s().createElement("div",{onClick:function(){var t=(0,n.showModal)("tutorial-modal",{onClose:function(){return t()},size:"sm"})}},t("tutorials","Tutorials"))}),l),g=(0,n.getAsyncLifecycle)((function(){return Promise.all([a.e(961),a.e(8719),a.e(6399)]).then(a.bind(a,6399))}),l)},84767:(t,e,a)=>{var n={"./am.json":[81197,1197],"./ar.json":[14132,4132],"./ar_SY.json":[37617,7617],"./bn.json":[77159,7159],"./de.json":[34944,4944],"./en.json":[34300,4300],"./en_US.json":[59569,9569],"./es.json":[93099,3099],"./es_MX.json":[88349,8349],"./fr.json":[94055,4055],"./he.json":[84652,4652],"./hi.json":[36840,6840],"./hi_IN.json":[55442,5442],"./id.json":[72690,2690],"./it.json":[9538,9538],"./ka.json":[70795,795],"./km.json":[54335,4335],"./ku.json":[9895,9895],"./ky.json":[88163,8163],"./lg.json":[64618,4618],"./ne.json":[12146,2146],"./pl.json":[41119,1119],"./pt.json":[96679,6679],"./pt_BR.json":[36468,6468],"./qu.json":[35173,5173],"./ro_RO.json":[46022,6022],"./ru_RU.json":[60986,986],"./si.json":[56859,6859],"./sw.json":[89913,9913],"./sw_KE.json":[88618,8618],"./tr.json":[55241,5241],"./tr_TR.json":[99900,9900],"./uk.json":[60723,723],"./uz.json":[43584,3584],"./uz@Latn.json":[27097,7097],"./uz_UZ.json":[70890,890],"./vi.json":[79214,9214],"./zh.json":[35661,5661],"./zh_CN.json":[99879,9879]};function o(t){if(!a.o(n,t))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}));var e=n[t],o=e[0];return a.e(e[1]).then((()=>a(o)))}o.keys=()=>Object.keys(n),o.id=84767,t.exports=o}}]);
package/dist/6478.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"6478.js","mappings":"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","sources":["webpack://@openmrs/esm-user-onboarding-app/./src/config-schema.ts","webpack://@openmrs/esm-user-onboarding-app/./src/index.ts","webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/tutorial.component.tsx","webpack://@openmrs/esm-user-onboarding-app/./translations/ lazy nonrecursive .json$"],"names":["configSchema","showTutorial","_type","Type","Boolean","_default","_description","tutorialData","Array","title","description","steps","target","content","spotlightClicks","hideCloseButton","hideNextButton","hideFooter","data","autoNextOn","hideBackButton","disableOverlay","placement","spotlightPadding","disableBeacon","moduleName","options","featureName","importTranslation","require","startupApp","defineConfigSchema","root","getAsyncLifecycle","tutorial","getSyncLifecycle","useTranslation","t","div","onClick","dispose","showModal","onClose","size","tutorialModal","map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports"],"sourceRoot":""}
1
+ {"version":3,"file":"6478.js","mappings":"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","sources":["webpack://@openmrs/esm-user-onboarding-app/./src/config-schema.ts","webpack://@openmrs/esm-user-onboarding-app/./src/index.ts","webpack://@openmrs/esm-user-onboarding-app/./src/tutorial/tutorial.component.tsx","webpack://@openmrs/esm-user-onboarding-app/./translations/ lazy nonrecursive .json$"],"names":["configSchema","showTutorial","_type","Type","Boolean","_default","_description","tutorialData","Array","title","description","steps","target","content","spotlightClicks","hideCloseButton","hideNextButton","hideFooter","data","autoNextOn","hideBackButton","disableOverlay","placement","spotlightPadding","disableBeacon","moduleName","options","featureName","importTranslation","require","startupApp","defineConfigSchema","root","getAsyncLifecycle","tutorial","getSyncLifecycle","useTranslation","t","div","onClick","dispose","showModal","onClose","size","tutorialModal","map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports"],"sourceRoot":""}