@hhgtech/hhg-components 1.22.39 → 1.22.41-beta-1

package/build/esm/components/atoms/text/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as t}from"../../../misc/theme.js";import{MediaQueries as e}from"../../../misc/utils.js";import i from"styled-components";var p,a="\n  &[data-size='lg'], &[data-size='md'] {\n    font-size: 16px;\n    line-height: 28px;\n    ".concat(e.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='base'] {\n    font-size: 16px;\n    line-height: 24px;\n    ").concat(e.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='sm'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='xs'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(e.tdUp," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s1'] {\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.6px;\n    ").concat(e.tdUp," {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.6px;\n    }\n  }\n  &[data-size='s2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.4px;\n    }\n  }\n  &[data-size='s3'] {\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s4'] {\n    font-size: 12px;\n    line-height: 18px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='s5'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n  &[data-size='p1'] {\n    font-size: 16px;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n    }\n  }\n  &[data-size='p2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p3'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p4'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(e.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='c1'] {\n    font-size: 14px;\n    line-height: 22px;\n    ").concat(e.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='c2'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(e.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n  &[data-size='n1'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(e.tdUp," {\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(e.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='label2'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n"),s="\n  font-weight: ".concat(t.sizes.fwRegular,";\n  &[data-type='bold'], &[data-type='caption'] {\n    font-weight: ").concat(t.sizes.fwBold,";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ").concat(t.sizes.fwSemiBold,";\n  }\n"),o=i.p(p||(p=n(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"])),t.defaultColor||t.colors.gray800,a,s,"\n  &[data-word-wrap='break-all'] {\n    word-break: break-all;\n  }\n  &[data-word-wrap='break-word'] {\n    word-break: break-word;\n  }\n  &[data-is-uppercase], &[data-type='caption'] {\n    text-transform: uppercase;\n  }\n");export{o as StyledText};

package/build/esm/components/atoms/textArea/index.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as e}from'./../../../externals/tslib/tslib.es6.js';import n from"react";import r from"styled-components";import{Label as o}from"../label/index.js";var t,a=r.div(t||(t=e(["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"],["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray500}),(function(e){return e.theme.colors.neutral50})),l=n.forwardRef((function(e,r){var t,l=e.height,d=e.placeholder,i=e.labelText,s=e.labelColor,c=e.id,p=e.name,x=e.onChange,h=e.value,u=e.className,m=e.onKeyPress,f=e.disabled,b=void 0!==f&&f;return n.createElement(a,{className:u,style:(t={},t["--textarea-height"]=l||"116px",t)},i&&n.createElement(o,{size:"label2",style:{color:s||"#595959"},htmlFor:c},i),n.createElement("textarea",{name:p,ref:r,placeholder:d,id:c,onChange:function(e){return x&&x(e.target.value)},onKeyPress:function(e){return m&&m(e)},value:h,disabled:b}))}));export{l as TextArea};

package/build/esm/components/atoms/textDivider/index.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import{Container as r}from"../container/index.js";import{Text as t}from"../text/index.js";import a from"styled-components";var i,o=a.div(i||(i=n(["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"],["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"]))),l=function(n){var a=n.children,i=n.icon,l=n.className,p=n.style;return e.createElement(o,{style:p,className:l},e.createElement(r,null,e.createElement("div",{className:"icon-wrapper"},i),e.createElement(t,{size:"c1",color:"var(--neutral800)"},a)))};export{l as TextDivider};

package/build/esm/components/atoms/toggle/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledToggle as t,StyledToggleIcon as l,StyledToggleLabel as a}from"./index.styled.js";var n=function(n){var r=n.className,c=n.id,m=n.onChange,o=n.checked,s=n.style,i=n.label;return e.createElement(t,{className:r,style:s},e.createElement("input",{type:"checkbox",id:c,onChange:m,checked:o}),e.createElement("label",{htmlFor:c},e.createElement(l,null),i&&e.createElement(a,null,i)))};export{n as Toggle};

package/build/esm/components/atoms/toggle/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{getDefaultClassWrapper as t}from"../../../misc/defaultClassWrapper.js";import i from"styled-components";var e,r,o,p="24px",a=i.span(e||(e=n(["\n  position: relative;\n  display: block;\n  width: 40px;\n  height: ",";\n  background: #c3cbd4;\n  border-radius: 100px;\n  cursor: pointer;\n\n  &:after {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 90px;\n    content: '';\n    transition: 0.3s;\n  }\n"],["\n  position: relative;\n  display: block;\n  width: 40px;\n  height: ",";\n  background: #c3cbd4;\n  border-radius: 100px;\n  cursor: pointer;\n\n  &:after {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 90px;\n    content: '';\n    transition: 0.3s;\n  }\n"])),p),l="hhgcomp-toggle-icon",s=t(a,l),d=i.span(r||(r=n(["\n  padding-left: 15px;\n"],["\n  padding-left: 15px;\n"]))),c=i.div(o||(o=n(["\n  height: ",";\n\n  input[type='checkbox'] {\n    width: 0;\n    height: 0;\n    visibility: hidden;\n  }\n\n  label {\n    cursor: pointer;\n    display: inline-flex;\n    color: ",";\n  }\n\n  input:checked + label ."," {\n    background: ",";\n    &:after {\n      left: calc(100% - 2px);\n      transform: translateX(-100%);\n    }\n  }\n"],["\n  height: ",";\n\n  input[type='checkbox'] {\n    width: 0;\n    height: 0;\n    visibility: hidden;\n  }\n\n  label {\n    cursor: pointer;\n    display: inline-flex;\n    color: ",";\n  }\n\n  input:checked + label ."," {\n    background: ",";\n    &:after {\n      left: calc(100% - 2px);\n      transform: translateX(-100%);\n    }\n  }\n"])),p,(function(n){return n.theme.colors.gray600}),l,(function(n){return n.theme.colors.primaryBase}));export{c as StyledToggle,s as StyledToggleIcon,l as StyledToggleIconClass,d as StyledToggleLabel,a as _StyledToggleIcon};

package/build/esm/components/atoms/underlinedLink/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledUnderlinedLink as a}from"./index.styled.js";var s=function(s){var t=s.size,i=s.isDisabled,r=s.className,l=s.link,d=s.style;return e.createElement(a,{className:r,"data-size":t,style:d,"data-disabled":i||void 0},l)};export{s as UnderlinedLink};

package/build/esm/components/atoms/underlinedLink/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"styled-components";var t,o=e.div(t||(t=n(["\n  a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n\n    &:visited {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    & > a {\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  @include layout-sp {\n    &[data-size='lg'] {\n      & > a {\n        font-size: 16px;\n        font-weight: ",";\n        line-height: 24px;\n      }\n    }\n    &[data-size='md'] {\n      & > a {\n        font-size: 14px;\n        font-weight: ",";\n        line-height: 22px;\n      }\n    }\n    &[data-size='sm'] {\n      & > a {\n        font-size: 13px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n    &[data-size='xm'] {\n      & > a {\n        font-size: 11px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n  }\n"],["\n  a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n\n    &:visited {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    & > a {\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  @include layout-sp {\n    &[data-size='lg'] {\n      & > a {\n        font-size: 16px;\n        font-weight: ",";\n        line-height: 24px;\n      }\n    }\n    &[data-size='md'] {\n      & > a {\n        font-size: 14px;\n        font-weight: ",";\n        line-height: 22px;\n      }\n    }\n    &[data-size='sm'] {\n      & > a {\n        font-size: 13px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n    &[data-size='xm'] {\n      & > a {\n        font-size: 11px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryVisited}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}));export{o as StyledUnderlinedLink};

package/build/esm/components/atoms/uploader/index.js

@@ -0,0 +1 @@
+import e from"react";import{Button as t}from"../button/index.js";import{StyledUploader as l,StyledElementContainer as n,StyledIconWrapper as a,StyledDefaultButtonContent as r}from"./index.styled.js";var i=function(i){var o=i.type,c=i.withIcon,m=i.onFileSelected,s=i.inputId,d=i.withElement,p=i.fileAcceptType,u=i.multiple,f=i.value,E=i.className,v=function(){var e;null===(e=document.querySelector("#uploader-input-"+s))||void 0===e||e.click()};return e.createElement(l,{className:E},"badge"===o?e.createElement(n,{onClick:v,"data-is-attached-to-element":!!d},d,e.createElement(a,{"data-is-attached-to-element":!!d},c)):d?e.createElement("div",{onClick:v},d):e.createElement(t,{size:"md",color:"secondary",className:"default-button",icon:c,onClick:v},e.createElement(r,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+s,accept:p,multiple:u,type:"file",style:{display:"none"},onChange:function(e){m(e.target.files)},value:f}))};export{i as Uploader};

package/build/esm/components/atoms/uploader/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import r from"styled-components";var e,o,i,t,c=r.div(e||(e=n(["\n  .default-button[data-color='secondary'] {\n    border: solid 2px ",";\n    color: ",";\n\n    &:hover {\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      & > svg {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  .default-button[data-color='secondary'] {\n    border: solid 2px ",";\n    color: ",";\n\n    &:hover {\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      & > svg {\n        fill: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),a=r.div(o||(o=n(["\n  ","\n"],["\n  ","\n"])),(function(n){return n["data-is-attached-to-element"]&&"display: inline-block;\n    position: relative;"})),l=r.div(i||(i=n(["\n  --icon-wrapper-size: 32px;\n  display: flex;\n  width: var(--icon-wrapper-size);\n  height: var(--icon-wrapper-size);\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n\n  ","\n\n  & > svg {\n    width: calc(var(--icon-wrapper-size) / 2);\n    height: calc(var(--icon-wrapper-size) / 2);\n  }\n"],["\n  --icon-wrapper-size: 32px;\n  display: flex;\n  width: var(--icon-wrapper-size);\n  height: var(--icon-wrapper-size);\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n\n  ","\n\n  & > svg {\n    width: calc(var(--icon-wrapper-size) / 2);\n    height: calc(var(--icon-wrapper-size) / 2);\n  }\n"])),(function(n){return n.theme.colors.gray100}),(function(n){return n["data-is-attached-to-element"]&&"\n    position: absolute;\n    bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n    right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n  "})),s=r.div(t||(t=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));export{s as StyledDefaultButtonContent,a as StyledElementContainer,l as StyledIconWrapper,c as StyledUploader};

package/build/esm/components/index.js

@@ -0,0 +1 @@
+export{Alert}from"./atoms/alert/index.js";export{Avatar}from"./atoms/avatar/index.js";export{Badge}from"./atoms/badge/index.js";export{BorderHeading}from"./atoms/borderHeading/index.js";export{Button}from"./atoms/button/index.js";export{Divider}from"./atoms/divider/index.js";export{FileDropdown}from"./atoms/fileDropdown/index.js";export{Flag}from"./atoms/flag/index.js";export{Grid}from"./atoms/grid/index.js";export{Heading}from"./atoms/heading/index.js";export{Input}from"./atoms/input/index.js";export{Label}from"./atoms/label/index.js";export{Logo}from"./atoms/logo/index.js";export{Pagination}from"./atoms/pagination/index.js";export{PureInput}from"./atoms/pureInput/index.js";export{Radio}from"./atoms/radio/index.js";export{Shadow}from"./atoms/shadow/index.js";export{Slider}from"./atoms/slider/index.js";export{Tag}from"./atoms/tag/index.js";export{Text}from"./atoms/text/index.js";export{Toggle}from"./atoms/toggle/index.js";export{UnderlinedLink}from"./atoms/underlinedLink/index.js";export{Uploader}from"./atoms/uploader/index.js";export{TextArea}from"./atoms/textArea/index.js";export{Container}from"./atoms/container/index.js";export{Checkbox}from"./atoms/checkbox/index.js";export{TextDivider}from"./atoms/textDivider/index.js";export{RateStars}from"./atoms/rateStars/index.js";export{Icon}from"./atoms/icons/index.js";export{Progress}from"./atoms/progress/index.js";export{Drawer}from"./atoms/drawer/index.js";export{Menu}from"./atoms/menu/index.js";export{RadioImageGroup}from"./atoms/radioImageGroup/index.js";export{AuthorBadge}from"./atoms/authorBadge/index.js";export{NewBabyProfileRadio}from"./atoms/newBabyProfileRadio/index.js";export{CustomReferenceDot}from"./atoms/customReferenceDot/index.js";export{BabyGrowthGender}from"./atoms/babyGrowthGender/index.js";export{BabyGrowthLegend}from"./atoms/babyGrowthLegend/index.js";export{BabyGrowthSwitch,BabyGrowthSwitchChart}from"./atoms/babyGrowthSwitch/index.js";export{BabyGrowthTooltip}from"./atoms/babyGrowthTooltip/index.js";export{BabyGrowthProfileRadio}from"./atoms/babyGrowthProfileRadio/index.js";export{BabyGrowthRecord}from"./atoms/babyGrowthRecord/index.js";export{ArticleCard}from"./molecules/articleCard/index.js";export{Breadcrumbs}from"./molecules/breadcrumbs/index.js";export{CategoryCard}from"./molecules/categoryCard/index.js";export{CheckboxGroup}from"./molecules/checkboxGroup/index.js";export{DatePicker}from"./molecules/datePicker/index.js";export{Dropdown}from"./molecules/dropdown/index.js";export{IconText}from"./molecules/iconText/index.js";export{Popup}from"./molecules/popup/index.js";export{Modal}from"./molecules/modal/index.js";export{ProgressBar}from"./molecules/progressBar/index.js";export{RadioGroup}from"./molecules/radioGroup/index.js";import*as e from"./molecules/sidemenu/index.js";export{e as SideMenu};export{ScrollList}from"./molecules/scrollList/index.js";export{Carousel}from"./molecules/carousel/index.js";export{StatisticCard}from"./molecules/statisticCard/index.js";import*as o from"./molecules/table/index.js";export{o as Table};export{Tabs}from"./molecules/tabs/index.js";export{DoctorInfo}from"./molecules/doctorInfo/index.js";export{SurveyQuestionCard}from"./molecules/surveyQuestionCard/surveyQuestionCard.js";export{SurveyThankyouCard}from"./molecules/surveyQuestionCard/surveyThankyouCard.js";export{FloatButtonGroup}from"./molecules/floatButtonGroup/index.js";export{CookieAcceptConfirm}from"./molecules/cookieAcceptConfirm/index.js";export{MobileBottomNavigation}from"./molecules/mobileBottomNavigation/index.js";export{MobileBottomNavigationIcon}from"./molecules/mobileBottomNavigation/MobileBottomNavigationIcon.js";export{SeoHead}from"./molecules/seoHead/index.js";export{ToolsBannerCard}from"./molecules/toolBannerCard/index.js";export{DueDateCardEmbed}from"./molecules/embeddedHeathToolCards/due-date/dueDate.js";export{BMICardEmbed}from"./molecules/embeddedHeathToolCards/bmi/bmi.js";export{BabyGrowthCardEmbed}from"./molecules/embeddedHeathToolCards/baby-growth/index.js";export{BabyPoopEmbed}from"./molecules/embeddedHeathToolCards/baby-poop/index.js";export{THRCardEmbed}from"./molecules/embeddedHeathToolCards/target-heart-rate/index.js";export{BMRCardEmbed}from"./molecules/embeddedHeathToolCards/bmr/bmr.js";export{OvulationCardEmbed}from"./molecules/embeddedHeathToolCards/ovulation/ovulation.js";export{PWGCardEmbed}from"./molecules/embeddedHeathToolCards/pwg/pwg.js";export{LanguageSwitcher}from"./molecules/languageSwitcher/index.js";export{AmpNextPage}from"./molecules/ampNextPage/index.js";export{DateRangePicker}from"./molecules/dateRangePicker/index.js";export{ShareContainer}from"./molecules/shareContainer/index.js";export{ShareDrawer}from"./molecules/shareDrawer/index.js";export{PillCarousel}from"./molecules/pillCarousel/index.js";export{VaccineCard}from"./molecules/babyVaccineCard/index.js";export{RecordsByAgeGroup}from"./molecules/babyVaccineRecordsByAgeGroup/index.js";export{TimelineBanner}from"./molecules/babyVaccineTimelineBanner/index.js";export{VaccineDetailPopup}from"./molecules/babyVaccineDetailPopup/index.js";export{Immunization}from"./molecules/babyVaccineImmunization/index.js";export{ChildCard}from"./molecules/childCard/index.js";export{BabyGrowthChooseProfileDrawer}from"./molecules/babyGrowthChooseProfileDrawer/index.js";export{NavigationV2,getNavMenuContent,getNavMenuContentWithCache}from"./organisms/navigationV2/index.js";export{UserProfileNavigation}from"./organisms/userProfileNavigation/index.js";export{Footer}from"./organisms/footer/index.js";export{NavigationLogoutPopup}from"./organisms/navigationLogoutPopup/index.js";export{ProfilePopup}from"./organisms/navigationProfileButton/profilePopup.js";export{NavigationProfileButton}from"./organisms/navigationProfileButton/index.js";export{PregnancyWeightGainChart}from"./organisms/pregnancyWeightGainChart/index.js";export{BabyGrowthChart,LABELS_PERCENTILE,LABELS_Z_SCORE}from"./organisms/babyGrowthChart/index.js";export{BabyGrowthChartPercentile,BabyGrowthChartZScore,divideChartData,generateGrowthChart,generateXAxisTicks,getAxisYDomain,paintAxis,refineDataWithDot,refineDataWithLine,transformDataToChart}from"./organisms/babyGrowthChart/chartConfig.js";export{NavHeader as UserProfileNavigationHeader}from"./organisms/userProfileNavigation/navHeader/index.js";export{UserStats as UserProfileNavigationStats}from"./organisms/userProfileNavigation/userStats/index.js";

package/build/esm/components/mantine/CentralCarousel/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as n}from'./../../../externals/tslib/tslib.es6.js';import r,{createContext as l,useContext as t,useRef as i,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";import{StyledSlide as a}from"./index.styled.js";var s=l({}),p=function(e,n){return e>=n?e-n:e},f=function(l){var t=l.children,a=l.blurFromCenter,f=l.blurFromIndex,m=l.blurLength,v=void 0===m?3:m,h=l.maxBlurOpacity,x=void 0===h?.5:h,g=l.onSlideChange,S=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),k=y[0],C=y[1],w=i(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var t=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],i=t.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=a?f+v-1:c,u=l+d,s=u===i?0:u>i?u-i:u,m=l-d,h=m<0?i+m:m>0?l-d:0,g=Array(2*d+1).fill("").map((function(e,n){return p(h+n,i)}));t.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(n))for(var r=x/v,t=0;t<v;t++){if(n===p(h+t,i)||n===(c=i,(o=s-t)<0?c+o:o)){e.style.opacity=String((t+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==g||g(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[C]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:S}},r.createElement(d,n({ref:k,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof t?t(F):t))};f.Slide=function(l){var d=l.children,u=l.onClick,p=e(l,["children","onClick"]),f=t(s),m=f.slider,v=f.selectSlideWhenClick,h=i(),x=i(""),g=o(0),S=g[0],b=g[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==m?void 0:m.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[m]);var y={ref:h,"data-key":x.current,"data-index":S,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(a,n({},y,p),r.createElement("div",{onClick:function(){v&&(null==m||m.scrollTo(S)),null==u||u(S)}},d))};export{f as CentralCarousel};

package/build/esm/components/mantine/CentralCarousel/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as o}from'./../../../externals/tslib/tslib.es6.js';import{Carousel as e}from"@mantine/carousel";import m from"styled-components";var r,t=m(e.Slide)(r||(r=o([""],[""])));export{t as StyledSlide};

package/build/esm/components/mantine/accordion/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{Accordion as t}from"@mantine/core";import{StyledAccordion as n}from"./index.styled.js";var i=function(t){var i=t.children,l=e(t,["children"]);return o.createElement(n,r({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},l),i)},l=i;l.Control=t.Control,l.Item=t.Item,l.Panel=t.Panel;export{l as Accordion,i as _Accordion};

package/build/esm/components/mantine/accordion/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Accordion as o}from"@mantine/core";import{CommonGAssets as e}from"../../../misc/gAssets/index.js";import r from"styled-components";var t,i=r(o)(t||(t=n(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||e.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||e.getAssetPath("minus-icon.svg")}));export{i as StyledAccordion};

package/build/esm/components/mantine/avatar/index.js

@@ -0,0 +1 @@
+import{__rest as t,__assign as i}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import{Indicator as r,Avatar as o}from"@mantine/core";import{CommonGAssets as n}from"../../../misc/gAssets/index.js";var a=n.getAssetPath("avatar.jpg"),s=function(n){var s=n.withIndicator,d=void 0!==s&&s,l=n.indicatorConfig,c=void 0===l?null:l,m=n.size,f=void 0===m?56:m,p=n.children,u=t(n,["withIndicator","indicatorConfig","size","children"]),g=function(){return e.createElement(o,i({size:f,radius:"xl"},u),p||e.createElement("img",{src:a,width:f}))};return d?e.createElement(r,i({inline:!0,position:"bottom-end",offset:9},c,{styles:{indicator:{backgroundColor:e.isValidElement(c.label)&&"transparent"}}}),g()):g()};export{s as Avatar};

package/build/esm/components/mantine/badge/index.js

@@ -0,0 +1 @@
+import{__rest as r,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import{Badge as t}from"@mantine/core";import{theme as m}from"../../../misc/theme.js";var s=function(s){var a=s.color,i=void 0===a?m.colors.primaryBase:a,l=r(s,["color"]);return e.createElement(t,o({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},l))};export{s as Badge};

package/build/esm/components/mantine/carousel/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import r from"react";import{Carousel as i}from"@mantine/carousel";var l=function(l){var t=l.slidesToShow,s=void 0===t?1:t,n=l.children,a=e(l,["slidesToShow","children"]);return r.createElement(i,o({slideSize:String(Math.floor(1/s*100))+"%",containScroll:"trimSnaps"},a),n)};l.Slide=i.Slide;export{l as Carousel};

package/build/esm/components/mantine/checkbox/index.js

@@ -0,0 +1 @@
+import{__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{Checkbox as e}from"@mantine/core";var t=function(t){return o.createElement(e,r({},t))};t.Group=e.Group;export{t as Checkbox};

package/build/esm/components/mantine/datepicker/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import{Image as r}from"@mantine/core";import{CommonGAssets as i}from"../../../misc/gAssets/index.js";import{StyledDatePicker as o}from"./index.styled.js";import{DateRangePicker as m}from"./range.js";export{DateRangePicker}from"./range.js";var s=function(m){return t.createElement(o,e({size:"md",clearable:!1,fullWidth:!0,rightSection:t.createElement(r,{src:i.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},m))};s.Range=m;export{s as DatePicker};

package/build/esm/components/mantine/datepicker/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{DatePicker as e,DateRangePicker as t}from"@mantine/dates";import i,{css as o}from"styled-components";var r,a,l,s,d=i(e)(a||(a=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&o(r||(r=n(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),m=i(t)(s||(s=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&o(l||(l=n(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))}));export{d as StyledDatePicker,m as StyledDateRangePicker};

package/build/esm/components/mantine/datepicker/range.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import{Image as r}from"@mantine/core";import{CommonGAssets as i}from"../../../misc/gAssets/index.js";import{StyledDateRangePicker as s}from"./index.styled.js";var m=function(m){return t.createElement(s,e({size:"md",clearable:!1,fullWidth:!0,rightSection:t.createElement(r,{src:i.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},m))};export{m as DateRangePicker};

package/build/esm/components/mantine/helpers.js

@@ -0,0 +1 @@
+import{createEmotionCache as a}from"@mantine/core";import{LOCALE as r}from"../../interfaces/types/Locale.js";var Y,t=300,e=a({key:"mantine",prepend:!1}),o=((Y={})[r.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},Y[r.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.India]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},Y[r.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},Y[r.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},Y[r.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},Y[r.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},Y);export{t as DEBOUNCED_TIME,o as ISO_FORMAT,e as emotionCache};

package/build/esm/components/mantine/index.js

@@ -0,0 +1 @@
+export{Select}from"./select/index.js";export{DatePicker}from"./datepicker/index.js";export{Indicator}from"./indicator/index.js";export{TextArea}from"./textArea/index.js";export{Modal}from"./modal/index.js";export{Badge}from"./badge/index.js";export{Spoiler}from"./spoiler/index.js";export{Accordion}from"./accordion/index.js";export{Avatar}from"./avatar/index.js";export{Input}from"./input/index.js";export{LoadingOverlay}from"./loadingOverlay/index.js";export{Carousel}from"./carousel/index.js";export{CentralCarousel}from"./CentralCarousel/index.js";export{Checkbox}from"./checkbox/index.js";export{Slider}from"./slider/index.js";export{Radio}from"./radio/index.js";export{Switch}from"./switch/index.js";export{MantineProvider}from"./provider/index.js";export{emotionCache}from"./helpers.js";export{getMantineThemeOverride}from"./theme.js";export{MAPPED_LOCALE,useMantineLocale}from"./useMantineLocale.js";export{OTP}from"./otp/index.js";

package/build/esm/components/mantine/indicator/index.js

@@ -0,0 +1 @@
+import{__assign as o}from'./../../../externals/tslib/tslib.es6.js';import r from"react";import{Indicator as t}from"@mantine/core";import{theme as e}from"../../../misc/theme.js";var i=function(i){return r.createElement(t,o({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:e.colors.red700}}},i))};export{i as Indicator};

package/build/esm/components/mantine/input/file.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import r from"react";import{FileInput as t}from"@mantine/core";var o=function(o){return r.createElement(t,e({size:"md"},o))};export{o as FileInput};

package/build/esm/components/mantine/input/index.js

@@ -0,0 +1 @@
+import{__rest as r,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import e,{useState as t,useEffect as n}from"react";import{TextInput as m}from"@mantine/core";import{useDebouncedValue as s}from"@mantine/hooks";import{DEBOUNCED_TIME as i}from"../helpers.js";import{FileInput as u}from"./file.js";export{FileInput}from"./file.js";import{NumberInput as a}from"./number.js";export{NumberInput}from"./number.js";import{PasswordInput as p}from"./password.js";export{PasswordInput}from"./password.js";var f=function(u){var a=u.value,p=u.onChange,f=r(u,["value","onChange"]),l=t(a||""),c=l[0],j=l[1],d=s(c,i)[0];return n((function(){null==p||p(d)}),[d]),n((function(){j(a)}),[a]),e.createElement(m,o({size:"md",onChange:function(r){return j(r.currentTarget.value)},value:c},f))};f.File=u,f.Password=p,f.Number=a;export{f as Input};

package/build/esm/components/mantine/input/number.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import r,{useState as n,useEffect as t}from"react";import{NumberInput as m}from"@mantine/core";import{useDebouncedValue as a}from"@mantine/hooks";import{DEBOUNCED_TIME as i}from"../helpers.js";var l=function(l){var u=l.value,s=l.onChange,f=e(l,["value","onChange"]),p=n(u||0),c=p[0],h=p[1],v=a(c,i)[0];return t((function(){null==s||s(v)}),[v]),t((function(){h(u)}),[u]),r.createElement(m,o({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:h,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:c},f))};export{l as NumberInput};

package/build/esm/components/mantine/input/password.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as i}from'./../../../externals/tslib/tslib.es6.js';import t,{forwardRef as s}from"react";import{PasswordInput as r}from"@mantine/core";import{CommonGAssets as o}from"../../../misc/gAssets/index.js";var n=o.getAssetPath("EyeVisible.svg"),l=o.getAssetPath("EyeHidden.svg"),m=s((function(s,o){var m=s.size,a=void 0===m?"md":m,c=s.visibilityToggleIcon,g=s.styles,v=e(s,["size","visibilityToggleIcon","styles"]),d=c||function(e){var i=e.reveal,s=e.size;return i?t.createElement("img",{src:n,width:s}):t.createElement("img",{src:l,width:s})};return t.createElement(r,i({ref:o,size:a,visibilityToggleIcon:d,styles:i({rightSection:{pointerEvents:"initial"}},g)},v))}));export{m as PasswordInput};

package/build/esm/components/mantine/loadingOverlay/index.js

@@ -0,0 +1 @@
+import{__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{LoadingOverlay as e}from"@mantine/core";import{theme as m}from"../../../misc/theme.js";var t=function(t){return o.createElement(e,r({loaderProps:{color:m.colors.primaryBase}},t))};export{t as LoadingOverlay};

package/build/esm/components/mantine/modal/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import l from"react";import{CommonGAssets as r}from"../../../misc/gAssets/index.js";import{StyledModal as n}from"./index.styled.js";var o=function(o){var s=o.title,i=e(o,["title"]);return l.createElement(l.Fragment,null,l.createElement(n,t({centered:!0},i,{withCloseButton:!1,title:l.createElement(l.Fragment,null,s,l.createElement("img",{className:"mantine-Modal-close",src:r.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=i.onClose)||void 0===e?void 0:e.call(i)}}))})))};export{o as Modal};

package/build/esm/components/mantine/modal/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Modal as i}from"@mantine/core";import t from"styled-components";import{theme as e}from"../../../misc/theme.js";var o,a=t(i)(o||(o=n(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),e.colors.neutral100);export{a as StyledModal};

package/build/esm/components/mantine/otp/index.helpers.js

@@ -0,0 +1 @@
+function n(n,r){void 0===r&&(r=6);var i=new Array(r).fill("");if(n){var o=n.toString().split("");i.map((function(n,r){o[r]&&(i[r]=o[r]||"")}))}return i}function r(n,r){return"number"===(void 0===r?"number":r)?Number(n.join(""))||null:n.join("")}export{r as transferOtpToValue,n as transferValueToOtp};

package/build/esm/components/mantine/otp/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as n}from'./../../../externals/tslib/tslib.es6.js';import t,{forwardRef as r,useRef as o,useState as u,useCallback as a,useImperativeHandle as c,useEffect as l}from"react";import{Flex as i}from"@mantine/core";import f from'./../../../externals/classnames/index.js';import{transferValueToOtp as s,transferOtpToValue as p}from"./index.helpers.js";import m from"./styles.module.scss.js";var v=r((function(r,o){var u=r.maxLength,a=void 0===u?1:u,c=r.placeholder,l=r.className,i=e(r,["maxLength","placeholder","className"]);return t.createElement("input",n({maxLength:a,className:f(m.otpInput,"otpInput",l),placeholder:c},i,{ref:o}))})),d=r((function(e,n){var r=e.valueLength,d=void 0===r?6:r,y=e.type,k=void 0===y?"number":y,g=e.value,h=e.defaultValue,b=e.onChange,x=e.onBlur,C=o(new Array(d).fill(null)),D=u(h||g),j=D[0],w=D[1],L=u(-1),I=L[0],N=L[1],S=u((function(){return s(j,d)})),A=S[0],B=S[1],E=a((function(){if(-1!==I){var e=C.current[I];if(e){e.value="";var n=A;n[I]="",B(n),w((function(){return p(n,k)})),null==b||b(p(n,k))}}}),[I,b,A,k]),R=a((function(){if(0!==I){var e=C.current[I];e&&e.blur();var n=C.current[I-1];n&&n.focus()}}),[I]),_=a((function(){if(I!==d-1){var e=C.current[I];e&&e.blur();var n=C.current[I+1];n&&n.focus()}}),[I,d]),F=a((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=C.current.findIndex((function(e){return e===n}));if(-1!==r){var o=A;o[r]=t,B(o),w((function(){return p(o,k)})),null==b||b(p(o,k))}_()}),[_,b,A,k]),G=a((function(e){var n=e.target,t=C.current.findIndex((function(e){return e===n}));"number"!==k?n.setSelectionRange(0,n.value.length,"backward"):n.select(),-1!==t&&N(t)}),[]),K=a((function(e){var n=e.clipboardData.getData("text/plain"),t=s(n,d),r=p(t,k);B(t),w(r),null==b||b(r)}),[b,k,d]),P=a((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),E(),R()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),E()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),R()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),_()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[E,_,R]);return c(n,(function(){return C.current[0]}),[]),l((function(){B((function(){return s(g,d)})),w(g)}),[d,g]),t.createElement(i,{justify:"center",columnGap:8,className:f(m.otpContainer,"otpContainer")},A.map((function(e,n){return t.createElement(v,{ref:function(e){C.current[n]=e},key:""+n,value:e,type:k,onChange:F,onFocus:G,onKeyDown:P,onPaste:K,onBlur:x})})))}));export{d as OTP};

package/build/esm/components/mantine/otp/styles.module.scss.js

@@ -0,0 +1 @@
+var o={otpContainer:"styles-module_otpContainer__2iQs0",otpInput:"styles-module_otpInput__Ia6Io",error:"styles-module_error__yJs9M"};export{o as default};

package/build/esm/components/mantine/provider/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{MantineProvider as t}from"@mantine/core";import{getMantineThemeOverride as m}from"../theme.js";import{useMantineLocale as i}from"../useMantineLocale.js";var n=function(n){var a=n.children,l=n.locale,c=e(n,["children","locale"]);return i(l),o.createElement(t,r({theme:m(l)},c),a)};export{n as MantineProvider};

package/build/esm/components/mantine/radio/index.js

@@ -0,0 +1 @@
+import{__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{Radio as e}from"@mantine/core";import{StyledRadio as t}from"./index.styled.js";var m=function(e){return o.createElement(t,r({size:"sm"},e))};m.Group=e.Group;export{m as Radio};

package/build/esm/components/mantine/radio/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as o}from'./../../../externals/tslib/tslib.es6.js';import{Radio as n}from"@mantine/core";import{theme as r}from"../../../misc/theme.js";import i from"styled-components";var m,t=i(n)(m||(m=o(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(o){return o.color||r.colors.primaryBase}));export{t as StyledRadio};

package/build/esm/components/mantine/select/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import r from"react";import{Autocomplete as o,Image as n,Select as i}from"@mantine/core";import{CommonGAssets as s}from"../../../misc/gAssets/index.js";var m=function(m){var c=m.keepSearch,a=void 0!==c&&c,d=e(m,["keepSearch"]);return a?r.createElement(o,t({rightSection:r.createElement(n,{src:s.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},d)):r.createElement(i,t({rightSection:r.createElement(n,{src:s.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},d))};export{m as Select};

package/build/esm/components/mantine/slider/index.js

@@ -0,0 +1 @@
+import{__rest as t,__assign as e}from'./../../../externals/tslib/tslib.es6.js';import o,{useState as n,useEffect as r}from"react";import{useDebouncedValue as i}from"@mantine/hooks";import{Button as l}from"../../atoms/button/index.js";import{theme as s}from"../../../misc/theme.js";import{DEBOUNCED_TIME as m}from"../helpers.js";import{StyledSliderWrapper as a,StyledSlider as c}from"./index.styled.js";var u=function(u){var h=u.color,p=void 0===h?s.colors.primaryBase:h,d=u.withControl,f=u.onChange,w=u.value,g=u.min,v=u.max,k=u.isStatic,x=t(u,["color","withControl","onChange","value","min","max","isStatic"]),E=n(w||g||0),b=E[0],j=E[1],C=i(b,m)[0];return r((function(){null==f||f(C)}),[C]),o.createElement(a,null,d&&o.createElement(l,{type:"button",size:"sm",color:"ghost",onClick:function(){j((function(t){return g&&t===g?t:t-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:p,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(c,e({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:p,value:b,onChange:k?function(){return null}:j,min:g,max:v},x)),d&&o.createElement(l,{type:"button",size:"sm",color:"ghost",onClick:function(){j((function(t){return v&&t===v?t:t+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:p,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{u as Slider};

package/build/esm/components/mantine/slider/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Slider as r}from"@mantine/core";import{getDefaultClassWrapper as o}from"../../../misc/defaultClassWrapper.js";import e from"styled-components";var t,l,i=e(r)(t||(t=n(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),a="hhgcomp-mantine-slider-slider",s=o(i,a),m=e.div(l||(l=n(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),a);export{s as StyledSlider,a as StyledSliderClass,m as StyledSliderWrapper,i as _StyledSlider};

package/build/esm/components/mantine/spoiler/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import r,{useMemo as o}from"react";import{Spoiler as i}from"@mantine/core";import{Text as a}from"../../atoms/text/index.js";import{useTranslations as n}from"../../../hooks/useTranslations.js";import{theme as l}from"../../../misc/theme.js";var s=function(s){var m=s.children,c=s.line,p=s.lineHeight,d=s.trackingAttributes,h=s.maxHeight,g=s.customExpandFn,u=e(s,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),v=n().t,H=o((function(){return h||(c&&p?c*p:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);m||console.error("[HHG-Comp]:[Spoiler] Please provide children");var f=o((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return r.createElement(i,t({showLabel:r.createElement(a,t({size:"p3",color:l.colors.primaryBase},f,{onClick:g}),v("articlePage.readMore")),hideLabel:r.createElement(a,t({size:"p3",color:l.colors.primaryBase},f),v("articlePage.showLess"))},u,{maxHeight:H}),m)};export{s as Spoiler};

package/build/esm/components/mantine/switch/index.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as t}from'./../../../externals/tslib/tslib.es6.js';import{Switch as n}from"@mantine/core";import o from"styled-components";var i,m=o(n)(i||(i=t(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"])));export{m as Switch};

package/build/esm/components/mantine/textArea/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{StyledTextArea as r}from"./index.styled.js";var t=function(t){return o.createElement(r,e({minRows:2,maxRows:4},t))};export{t as TextArea};

package/build/esm/components/mantine/textArea/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Textarea as r}from"@mantine/core";import o from"styled-components";import{theme as e}from"../../../misc/theme.js";var i,p=o(r)(i||(i=n(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),e.colors.gray200);export{p as StyledTextArea};

package/build/esm/components/mantine/theme.js

@@ -0,0 +1 @@
+import{__assign as o}from'./../../externals/tslib/tslib.es6.js';import{theme as e}from"../../misc/theme.js";import{ISO_FORMAT as t}from"./helpers.js";import{MAPPED_LOCALE as r}from"./useMantineLocale.js";import{LOCALE as a}from"../../interfaces/types/Locale.js";var s={"&:hover":{borderColor:"".concat(e.colors.blue200),boxShadow:"0 0 2px 2px ".concat(e.colors.blue200)}},n=function(n){return{datesLocale:r[n],dateFormat:t[n].dateFormat,fontFamily:n===a.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:t[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(e.colors.blue200),boxShadow:"0 0 2px 2px ".concat(e.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:s}},Radio:{styles:{radio:o(o({backgroundColor:"#ffffff"},s),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};export{n as getMantineThemeOverride};

package/build/esm/components/mantine/useMantineLocale.js

@@ -0,0 +1 @@
+import{useEffect as a}from"react";import{LOCALE as i}from"../../interfaces/types/Locale.js";var n,e=((n={})[i.Vietnam]="vi",n[i.Cambodia]="km",n[i.India]="hi",n[i.Indonesia]="id",n[i.Malaysia]="ms",n[i.Thailand]="th",n[i.Taiwan]="zh-tw",n[i.PhilippinesTagalog]="tl-ph",n[i.PhilippinesEnglish]="en",n[i.Myanmar]="my",n),o=function(i){a((function(){e[i]&&require("dayjs/locale/".concat(e[i],".js"))}),[i])};export{e as MAPPED_LOCALE,o as useMantineLocale};

package/build/esm/components/molecules/ampNextPage/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";var r=function(r){var l=r.ampNextArticles,n=(null==l?void 0:l.filter(Boolean))||[];if(!(null==n?void 0:n.length))return null;return t.createElement("amp-next-page",null,t.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(n.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),t.createElement("div",e({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))};export{r as AmpNextPage};

package/build/esm/components/molecules/articleCard/cardAuthor.js

@@ -0,0 +1 @@
+import e from"react";import{Text as a}from"../../atoms/text/index.js";import{StyledAuthor as t}from"./index.styled.js";var r=function(r){var m=r.avatarImg,l=r.authorName,s=r.authorLink,n=r.uploadTime,i=r.size;return e.createElement(t,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":i},m),e.createElement("div",{className:"poster","data-is-disabled-url":!s},e.createElement(a,{size:"lg"===i?"p3":"p4"},e.createElement("a",{href:s},e.createElement("span",{className:"name"},l),"•"," "),e.createElement("span",null,n)))))};export{r as CardAuthor};

package/build/esm/components/molecules/articleCard/cardExpert.js

@@ -0,0 +1 @@
+import e from"react";import{Heading as a}from"../../atoms/heading/index.js";import{Text as t}from"../../atoms/text/index.js";import{theme as r}from"../../../misc/theme.js";import{StyledAuthor as l,StyledExpertName as m}from"./index.styled.js";var c=function(c){var s=c.isMobile,o=c.avatarImg,n=c.name,i=c.link,g=c.size,p=void 0===g?"lg":g,E=c.specialty;return e.createElement(l,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":p},o),e.createElement("div",{className:"expert","data-is-disabled-url":!i},s?e.createElement("a",{href:i},"lg"===p?e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},n),e.createElement(t,{color:r.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},n))):e.createElement("a",{href:i},"lg"===p?e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},n),e.createElement(t,{color:r.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(m,{color:r.colors.gray600,className:"expert__name"},n),e.createElement(t,{color:r.colors.gray500,size:"p4",className:"specialty"},E))))))};export{c as CardExpert};

package/build/esm/components/molecules/articleCard/icons/affiliate.js

@@ -0,0 +1 @@
+import e,{memo as t}from"react";var C=t((function(){return e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))}));export{C as AffiliateIcon};

package/build/esm/components/molecules/articleCard/icons/bookmarked.js

@@ -0,0 +1 @@
+import t,{memo as e}from"react";var a=e((function(e){var a=e.dataEventCategoryForBookmark,o=e.dataEventActionForBookmark,r=e.dataEventLabelForBookmark;return t.createElement("svg",{"data-event-category":a,"data-event-action":o,"data-event-label":r,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))}));export{a as BookmarkedIcon};

package/build/esm/components/molecules/articleCard/icons/unbookmarked.js

@@ -0,0 +1 @@
+import t,{memo as e}from"react";var a=e((function(e){var a=e.dataEventCategoryForBookmark,o=e.dataEventActionForBookmark,r=e.dataEventLabelForBookmark;return t.createElement("svg",{"data-event-category":a,"data-event-action":o,"data-event-label":r,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"}))}));export{a as UnbookmarkedIcon};

package/build/esm/components/molecules/articleCard/index.js

@@ -0,0 +1 @@
+import e from"react";import{CommonGAssets as a}from"../../../misc/gAssets/index.js";import{CardAuthor as t}from"./cardAuthor.js";import{CardExpert as o}from"./cardExpert.js";import{AffiliateIcon as r}from"./icons/affiliate.js";import{BookmarkedIcon as n}from"./icons/bookmarked.js";import{UnbookmarkedIcon as i}from"./icons/unbookmarked.js";import{StyledCard as m,StyledAnchor as l}from"./index.styled.js";import{Heading as c}from"../../atoms/heading/index.js";import{Text as s}from"../../atoms/text/index.js";var d=function(d){var k=d.articleLink,v=d.authorLink,E=d.authorName,g=d.avatarImg,y=d.banner,p=d.categoryLink,h=d.categoryName,B=d.className,F=d.dataEventActionForBanner,f=d.dataEventActionForBookmark,b=d.dataEventActionForCategory,u=d.dataEventActionForTitle,C=d.dataEventCategoryForBanner,N=d.dataEventCategoryForBookmark,L=d.dataEventCategoryForCategory,x=d.dataEventCategoryForTitle,A=d.dataEventLabelForBanner,j=d.dataEventLabelForBookmark,z=d.dataEventLabelForCategory,T=d.dataEventLabelForTitle,I=d.direction,P=void 0===I?"horizontal":I,M=d.hasAffiliate,w=d.isBookmark,D=void 0!==w&&w,q=d.isBookmarkDisplayed,G=void 0===q||q,H=d.isMobile,J=void 0===H||H,K=d.onBookmark,O=d.onClickCategoryName,Q=d.section,R=void 0===Q?"normal":Q,S=d.size,U=void 0===S?"md":S,V=d.specialty,W=d.style,X=d.styleBanner,Y=d.styleLabel,Z=d.styleTitle,$=d.text,_=d.title,ee=d.type,ae=void 0===ee?"author":ee,te=d.uploadTime,oe=d.articleLinkTarget,re=d.isPremium,ne=function(e){e.stopPropagation(),null==K||K()},ie="lg"===U&&"expert"===ae?"h4":"lg"===U&&"home"===R?J?"h4":"h3":"lg"===U?"h4":"h5",me="lg"===U?"p3":"p4",le=J||"home"!==R||"lg"!==U||"author"!==ae?"c2":"c1";return e.createElement(m,{className:B,"data-size":U,style:W,"data-direction":P,"data-is-expert":"expert"===ae||void 0},e.createElement("div",{className:"banner",style:X},e.createElement(l,{"data-event-category":C,"data-event-action":F,"data-event-label":A,href:k||"#",target:oe},y),re&&e.createElement("img",{loading:"lazy",className:"premium",src:a.getAssetPath("premium-crown.svg")}),M&&e.createElement(r,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(s,{style:Y,className:"label",size:le,type:"caption"},e.createElement(l,{"data-event-category":L,"data-event-action":b,"data-event-label":z,href:p||"#",onClick:O},h),G&&e.createElement("a",{className:"bookmark",onClick:ne},D?e.createElement(n,{dataEventCategoryForBookmark:N,dataEventActionForBookmark:f,dataEventLabelForBookmark:j}):e.createElement(i,{dataEventCategoryForBookmark:N,dataEventActionForBookmark:f,dataEventLabelForBookmark:j}))),e.createElement(c,{tag:ie,style:Z,className:"title",as:"lg"===U?"h2":"h3"},e.createElement(l,{"data-event-category":x,"data-event-action":u,"data-event-label":T,href:k||"#",target:oe},_)),$&&e.createElement("a",{href:k||"#",target:oe},e.createElement(s,{size:me,className:"text"},$))),e.createElement("div",{className:"footer"},"author"===ae?e.createElement(t,{size:U,avatarImg:g,authorName:E,authorLink:v,uploadTime:te,handleClick:ne,isBookmarked:D,dataEventCategoryForBookmark:N,dataEventActionForBookmark:f,dataEventLabelForBookmark:j}):e.createElement(o,{size:U,isMobile:J,avatarImg:g,specialty:V,name:E,link:v,handleClick:ne,isBookmarked:D,dataEventCategoryForBookmark:N,dataEventActionForBookmark:f,dataEventLabelForBookmark:j}))))};export{d as ArticleCard};

package/build/esm/components/molecules/articleCard/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var e,a,o,r,p=i.h6(e||(e=n(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold})),x=i.a(a||(a=n(["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"]))),d=i.article(o||(o=n(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n    .premium {\n      position: absolute;\n      width: 28px;\n      height: 28px;\n      top: 6px;\n      left: 6px;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n    .premium {\n      position: absolute;\n      width: 28px;\n      height: 28px;\n      top: 6px;\n      left: 6px;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),t.mbDown,t.mbDown,t.mbDown,t.tdUp,t.mbDown),h=i.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray400}),t.mbDown,t.tdUp,t.mbUp,t.mbDown,t.mbUp,t.mbDown);export{x as StyledAnchor,h as StyledAuthor,d as StyledCard,p as StyledExpertName};

package/build/esm/components/molecules/babyGrowthChooseProfileDrawer/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import o,{useState as i}from"react";import{useTranslations as s}from"../../../hooks/useTranslations.js";import{Text as r}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as a}from"../../atoms/button/index.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.styled.js";import"../../atoms/logo/logoIcon.js";import"../../atoms/logo/utils.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Activities.js";import"../../atoms/icons/ArrowLeft.js";import"../../atoms/icons/ArrowRight.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import{theme as m}from"../../../misc/theme.js";import"../../atoms/icons/CheckActiveMB.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/FullScreen.js";import"../../atoms/icons/GroupPeople.js";import"../../atoms/icons/GroupPeopleSolid.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/MyHealth.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Reply.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"@mantine/core";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import{MarryBabyText as n}from"../../atoms/marryBabyText/index.js";import"../../atoms/radioImageGroup/index.styled.js";import"../../atoms/authorBadge/index.styled.js";import{NewBabyProfileRadio as l}from"../../atoms/newBabyProfileRadio/index.js";import"../../atoms/customReferenceDot/index.js";import"../../atoms/babyGrowthGender/index.styled.js";import"../../atoms/babyGrowthLegend/index.styled.js";import"../../atoms/babyGrowthSwitch/index.js";import"../../atoms/babyGrowthTooltip/index.js";import{BabyGrowthProfileRadio as d}from"../../atoms/babyGrowthProfileRadio/index.js";import"dayjs";import"../childCard/index.styled.js";import"../../../interfaces/types/Locale.js";import"../../atoms/babyGrowthRecord/index.styled.js";import{StyledBabyGrowthChooseProfileDrawer as p,StyledModal as c}from"./index.styled.js";var y=function(y){var j,u,C=y.babyProfiles,b=y.currentProfileId,x=y.onClose,h=y.onCreate,f=y.onAddMeasurement,w=y.onSwitchProfile,g=y.open,v=y.isMobile,E=y.isMyProfile,B=void 0!==E&&E,k=y.buttonGroup,G=y.newBabyValue,P=y.onNewBabyValueChange,L=y.siteType,A=e(y,["babyProfiles","currentProfileId","onClose","onCreate","onAddMeasurement","onSwitchProfile","open","isMobile","isMyProfile","buttonGroup","newBabyValue","onNewBabyValueChange","siteType"]),M=function(e){return B?o.createElement(o.Fragment,null,o.createElement(a,{style:{width:"marryBaby"===L?"100%":"unset"},theme:L,onClick:function(){null==h||h(),x()},size:"lg",color:"secondary",icon:o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M13.5 9.75H9.75V13.5C9.75 13.9125 9.4125 14.25 9 14.25C8.5875 14.25 8.25 13.9125 8.25 13.5V9.75H4.5C4.0875 9.75 3.75 9.4125 3.75 9C3.75 8.5875 4.0875 8.25 4.5 8.25H8.25V4.5C8.25 4.0875 8.5875 3.75 9 3.75C9.4125 3.75 9.75 4.0875 9.75 4.5V8.25H13.5C13.9125 8.25 14.25 8.5875 14.25 9C14.25 9.4125 13.9125 9.75 13.5 9.75Z",fill:"#2D87F3"}))},H("babyGrowth.drawer.createBaby")),o.createElement(a,{style:{width:"marryBaby"===L?"100%":"unset"},theme:L,size:"lg",color:"primary",onClick:function(){null==e||e(),B?null==w||w(N):null==f||f(N),x()}},H(B?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))):o.createElement(a,{style:{width:"marryBaby"===L?"100%":"unset"},theme:L,size:"lg",color:"primary",onClick:function(){null==f||f(N),null==e||e(),x()}},H("chooseBaby.button"))},S=i(b||(null===(j=C[0])||void 0===j?void 0:j.id)),N=S[0],T=S[1],H=s().t;return v?o.createElement(p,t({title:"Baby profiles",onClose:x,open:g,placement:"bottom"},A),(function(e){var t,i=e.internalClose;return o.createElement("div",{className:"add-profile-container"},o.createElement("div",{className:"profile-container"},null===(t=C||[])||void 0===t?void 0:t.map((function(e){return o.createElement(d,{siteType:L,key:e.id,profile:e,isActive:N===e.id,onChange:T})})),!B&&o.createElement(l,{siteType:L,value:G,onInputChange:P,isActive:"new"===N,onChange:T})),o.createElement("div",{className:"button-group"},k||M(i)))})):o.createElement(c,{type:"confirm",isOpen:g,onClose:x,siteType:L},o.createElement("div",{className:"header"},o.createElement("div",{className:"title"},"marryBaby"===L?o.createElement(n,{type:"subtitle-1",color:m.mbColors.dark},H("chooseBaby.title")):o.createElement(r,{size:"s2",type:"semiBold"},H("chooseBaby.title")),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:x},o.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),o.createElement("div",{className:"profile-container"},null===(u=C||[])||void 0===u?void 0:u.map((function(e){return o.createElement(d,{key:e.id,profile:e,isActive:N===e.id,onChange:T,siteType:L})})),!B&&o.createElement(l,{value:G,onInputChange:P,isActive:"new"===N,onChange:T,siteType:L})),o.createElement("div",{className:"button-group"},k||M()))};export{y as BabyGrowthChooseProfileDrawer};

package/build/esm/components/molecules/babyGrowthChooseProfileDrawer/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as o}from"../../../misc/theme.js";import{Drawer as t}from"../../atoms/drawer/index.js";import e from"styled-components";import{Modal as i}from"../modal/index.js";var l,p,r=e(t)(l||(l=n(["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"],["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"]))),a=e(i)(p||(p=n(["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"],["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"])),o.colors.neutral100,o.colors.neutral100);export{r as StyledBabyGrowthChooseProfileDrawer,a as StyledModal};

package/build/esm/components/molecules/babyGrowthForm/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useMemo as r,useEffect as n}from"react";import{yupResolver as a}from"@hookform/resolvers/yup";import l from"dayjs";import{useForm as o,Controller as m}from"react-hook-form";import{BabyGrowthGender as i}from"../../atoms/babyGrowthGender/index.js";import{Button as c}from"../../atoms/button/index.js";import{Icon as u}from"../../atoms/icons/index.js";import{Input as s}from"../../atoms/input/index.js";import{Text as d}from"../../atoms/text/index.js";import{useTranslations as h}from"../../../hooks/useTranslations.js";import{theme as b}from"../../../misc/theme.js";import{DUE_DATE_FORMAT as f}from"../../../together/interfaces/constants.js";import{DatePicker as p}from"../datePicker/index.js";import{StyledBabyGrowthWrapper as y,StyledBabyGrowthForm as E,StyledFormControl as g,StyledInlineLabel as v,StyledRow as w}from"./index.styled.js";import{bmiCalculate as z}from"./utils/bmiCalculate.js";import{Gender as D}from"../../../interfaces/types/BabyGrowth.js";var C=function(C){var S=C.onSubmit,G=C.onError,j=C.schema,k=h().t,x=o({resolver:a(j),mode:"onSubmit",defaultValues:{name:"",gender:D.Boy,measurementDate:new Date}}),F=x.control,N=x.setValue,T=x.watch,I=x.handleSubmit,M=x.formState.isSubmitted,B=T("weight"),K=T("height"),W=T("head"),V=r((function(){return M&&!B&&!K&&!W}),[M,B,K,W]);n((function(){var e=z(K,B);N("bmi",String(e)||"0")}),[B,K]);var H=r((function(){return"undefined"!=typeof window?window.location.href:""}),[]);return t.createElement(t.Fragment,null,t.createElement(y,null,t.createElement(E,{onSubmit:I(S,G)},t.createElement(m,{control:F,name:"gender",render:function(e){var r=e.field,n=r.onChange,a=r.value;return t.createElement(i,{onChange:n,value:a})}}),t.createElement(m,{control:F,name:"birthday",render:function(r){var n=r.field,a=n.onChange,o=n.value,m=r.fieldState.error;return t.createElement(g,null,t.createElement(v,{size:"label1",htmlFor:"birthday"},t.createElement(d,{as:"label",size:"label2",type:"bold"},k("babyGrowth.input.birthday"))),t.createElement(p,{onChange:a,placeholder:"dd/mm/yyyy",pickedDate:o||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:function(r){return t.createElement(s,e({onChange:a,className:(null==m?void 0:m.message)?"error-input":"",name:"birthday",size:"md",actionIcon:t.createElement(u.Calendar,null)},r,{value:o&&l(o).format(f)}))}}))}}),t.createElement(w,null,t.createElement(m,{control:F,name:"height",render:function(e){var r=e.field,n=r.onChange,a=r.value,l=e.fieldState.error;return t.createElement(g,null,t.createElement(v,{size:"label1",htmlFor:"height"},t.createElement(d,{size:"label2",type:"bold"},k("babyGrowth.height")),t.createElement(d,{as:"span",size:"n1",color:b.colors.gray400},k("babyGrowth.cm"))),t.createElement(s,{className:V||(null==l?void 0:l.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:n,type:"number",onKeyDown:function(e){return["e","E","+","-"].includes(e.key)&&e.preventDefault()},onWheelCapture:function(e){return e.currentTarget.blur()}}))}}),t.createElement(m,{control:F,name:"weight",render:function(e){var r=e.field,n=r.onChange,a=r.value,l=e.fieldState.error;return t.createElement(g,null,t.createElement(v,{size:"label1",htmlFor:"weight"},t.createElement(d,{size:"label2",type:"bold"},k("babyGrowth.weight")),t.createElement(d,{as:"span",size:"n1",color:b.colors.gray400},k("babyGrowth.kg"))),t.createElement(s,{className:V||(null==l?void 0:l.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:n,type:"number",onKeyDown:function(e){return["e","E","+","-"].includes(e.key)&&e.preventDefault()},onWheelCapture:function(e){return e.currentTarget.blur()}}))}})),t.createElement(w,null,t.createElement(m,{control:F,name:"head",render:function(e){var r=e.field,n=r.onChange,a=r.value,l=e.fieldState.error;return t.createElement(g,null,t.createElement(v,{size:"label1",htmlFor:"head"},t.createElement(d,{size:"label2",type:"bold"},k("babyGrowth.headCircumference")),t.createElement(d,{as:"span",size:"n1",color:b.colors.gray400},k("babyGrowth.cm"))),t.createElement(s,{className:V||(null==l?void 0:l.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:n,type:"number",onKeyDown:function(e){return["e","E","+","-"].includes(e.key)&&e.preventDefault()},onWheelCapture:function(e){return e.currentTarget.blur()}}))}}),t.createElement(m,{control:F,name:"bmi",render:function(e){var r=e.field.value;return t.createElement(g,null,t.createElement(v,{size:"label1",htmlFor:"bmi"},t.createElement(d,{size:"label2",type:"bold"},k("babyGrowth.input.bmi")),t.createElement(d,{as:"span",size:"n1",color:b.colors.gray400},k("babyGrowth.kg.m2"))),t.createElement(s,{name:"bmi",size:"md",type:"number",value:String(r),isDisabled:!0}))}})),t.createElement(m,{control:F,name:"measurementDate",render:function(r){var n=r.field,a=n.onChange,o=n.value,m=r.fieldState.error;return t.createElement(g,null,t.createElement(v,{size:"label1",htmlFor:"measurementDate"},t.createElement(d,{as:"label",size:"label2",type:"bold"},k("babyGrowth.input.measurementDate"))),t.createElement(p,{placeholder:o&&l(o).format(f),pickedDate:o||new Date,displayDateFormat:"dd/MM/yyyy",onChange:a,disabledDays:{after:new Date},customInput:function(r){return t.createElement(s,e({className:(null==m?void 0:m.message)&&"error-input",name:"measurementDate",size:"md",placeholder:o&&l(o).format(f),onChange:a,actionIcon:t.createElement(u.Calendar,null)},r,{value:o&&l(o).format(f)}))}}))}}),t.createElement(c,{size:"lg",color:"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":H},k("babyGrowth.input.submit")))))};export{C as default};

package/build/esm/components/molecules/babyGrowthForm/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{DropdownSearch as i}from"../dropdownSearch/index.js";import{Label as t}from"../../atoms/label/index.js";import{MediaQueries as o}from"../../../misc/utils.js";import p from"styled-components";var e,d,l,a,r,x,m,s=p.div(e||(e=n(["\n  padding-block: 40px;\n"],["\n  padding-block: 40px;\n"]))),c=p.form(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),g=p.div(l||(l=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-top: auto;\n  .error-input input {\n    border: 1px solid ",";\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-top: auto;\n  .error-input input {\n    border: 1px solid ",";\n  }\n"])),(function(n){return n.theme.colors.red700})),f=p(t)(a||(a=n(["\n  display: inline-flex;\n  padding-bottom: 6px;\n  gap: 4px;\n"],["\n  display: inline-flex;\n  padding-bottom: 6px;\n  gap: 4px;\n"]))),h=p.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  > div {\n    width: 100%;\n  }\n"])));p.div(x||(x=n(["\n  "," {\n    padding: 0 16px;\n  }\n\n  margin-bottom: 24px;\n\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"],["\n  "," {\n    padding: 0 16px;\n  }\n\n  margin-bottom: 24px;\n\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"])),o.mbUp,o.mbUp),p(i)(m||(m=n(["\n  .option-icon {\n    height: initial;\n  }\n"],["\n  .option-icon {\n    height: initial;\n  }\n"])));export{c as StyledBabyGrowthForm,s as StyledBabyGrowthWrapper,g as StyledFormControl,f as StyledInlineLabel,h as StyledRow};

package/build/esm/components/molecules/babyGrowthForm/utils/bmiCalculate.js

@@ -0,0 +1 @@
+import{localizeNumberFormat as r}from"./localizeNumberFormat.js";var t=function(t,e){void 0===t&&(t=0),void 0===e&&(e=0);try{if(t&&e){var o=Number(e)/Math.pow(Number(t)/100,2);return Number(r(o))}return 0}catch(r){}return 0};export{t as bmiCalculate};

package/build/esm/components/molecules/babyGrowthForm/utils/localizeNumberFormat.js

@@ -0,0 +1 @@
+var r=function(r,t){return void 0===t&&(t=2),Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(r)};export{r as localizeNumberFormat};

package/build/esm/components/molecules/babyVaccineCard/index.js

@@ -0,0 +1 @@
+import e from"react";import{useTranslations as a}from"../../../hooks/useTranslations.js";import{theme as c}from"../../../misc/theme.js";import{Icon as t}from"../../atoms/icons/index.js";import{Text as n}from"../../atoms/text/index.js";import{StyledVaccineCard as i,StyledActionWrapper as s,StyledContentWrapper as r,StyledInformationWrapper as o}from"./index.styled.js";var l=function(l){var m=l.vaccineRecord,d=l.isInTimeline,u=l.isCurrent,b=l.onMarkAsInjected,v=l.onDelInjected,y=l.className,E=l.siteType,g=a().t;m.vaccineId,m.id;var p=m.status,f=m.optional,V=m.vaccineName,j=m.doseNumber,I=m.totalDoses,N=m.givenOn;return e.createElement(i,{className:y,"data-theme":E,"data-status":u?"current":p,"data-is-in-timeline":d},e.createElement(s,null,u?e.createElement(t.Current,null):"vaccinated"===p?e.createElement(t.Vaccinated,null):"passed"===p?e.createElement(t.Missed,null):e.createElement(t.Upcoming,null),d?e.createElement("div",{className:"toggle",onChange:function(){"vaccinated"==p?v(m):b(m)}},"vaccinated"===p?e.createElement(t.ToggleOn,null):e.createElement(t.ToggleOff,null),e.createElement(n,{size:"n1",color:c.colors.gray800},g("vaccinated"===p?"babyVaccine.vaccineCard.injected":"babyVaccine.vaccineCard.markAsInjected"))):e.createElement("div",{className:"in-detail"},g(u?"babyVaccine.status.current":"vaccinated"===p?"babyVaccine.status.vaccinated":"passed"===p?"babyVaccine.status.missed":"babyVaccine.status.upcoming"))),e.createElement(r,null,e.createElement(n,{size:"s3",color:c.colors.gray800,type:"semiBold"},V),e.createElement(o,null,e.createElement(n,{size:"n1",color:f?c.colors.gray800:c.colors.red800},g(f?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),e.createElement("span",{className:"dot"}),e.createElement(n,{size:"n1",color:c.colors.gray600},g("babyVaccine.vaccineInfo.dose",{ordinal:j,total:I})),e.createElement("span",{className:"dot"}),e.createElement(n,{size:"n1",color:c.colors.gray800},g("vaccinated"===p?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:N})))))};export{l as VaccineCard};

package/build/esm/components/molecules/babyVaccineCard/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as e}from"../../../misc/theme.js";import i from"styled-components";import{MediaQueries as o}from"../../../misc/utils.js";var r,t,d,a,l=i.div(r||(r=n(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  min-height: 110px;\n  background: ",";\n  width: 100%;\n\n  border-right: 2px solid ",";\n  border-radius: 8px;\n\n  .in-detail {\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  &[data-status='current'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  &[data-status='vaccinated'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  &[data-status='passed'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  &[data-status='next'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    padding: 12px;\n    gap: 8px;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  min-height: 110px;\n  background: ",";\n  width: 100%;\n\n  border-right: 2px solid ",";\n  border-radius: 8px;\n\n  .in-detail {\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  &[data-status='current'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  &[data-status='vaccinated'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  &[data-status='passed'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  &[data-status='next'] {\n    border-right: 2px solid ",";\n    &[data-is-in-timeline='false'] {\n      border: none;\n      padding: 12px;\n    }\n    .in-detail {\n      background: ",";\n      border: 1px solid ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    padding: 12px;\n    gap: 8px;\n  }\n"])),e.colors.neutral50,e.colors.green600,e.colors.primaryBase,e.colors.blue50,e.colors.blue200,e.colors.primaryBase,e.colors.green600,e.colors.green50,e.colors.green200,e.colors.green600,e.colors.yellow800,e.colors.yellow50,e.colors.yellow200,e.colors.yellow800,e.colors.neutral300,e.colors.neutral50,e.colors.neutral100,e.colors.gray800,o.mbDown),s=i.div(t||(t=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  .toggle {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2px;\n    cursor: pointer;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  .toggle {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2px;\n    cursor: pointer;\n  }\n"]))),p=i.div(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 4px;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 4px;\n"]))),c=i.div(a||(a=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n  width: 100%;\n\n  .dot {\n    height: 5px;\n    width: 5px;\n    background-color: ",";\n    border-radius: 50%;\n    display: flex;\n    align-self: center;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n  width: 100%;\n\n  .dot {\n    height: 5px;\n    width: 5px;\n    background-color: ",";\n    border-radius: 50%;\n    display: flex;\n    align-self: center;\n  }\n"])),e.colors.gray300);export{s as StyledActionWrapper,p as StyledContentWrapper,c as StyledInformationWrapper,l as StyledVaccineCard};

package/build/esm/components/molecules/babyVaccineDetailPopup/index.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as n}from"react";import{Checkbox as a}from"@mantine/core";import{DatePicker as c}from"@mantine/dates";import i from"dayjs";import{useTranslations as o}from"../../../hooks/useTranslations.js";import{Button as l}from"../../atoms/button/index.js";import{Icon as r}from"../../atoms/icons/index.js";import{Text as s}from"../../atoms/text/index.js";import{VaccineCard as m}from"../babyVaccineCard/index.js";import{Tabs as p}from"../tabs/index.js";import{StyledModal as d,StyledTabContent as u}from"./index.styled.js";import{theme as b}from"../../../misc/theme.js";var C=function(C){var f=C.babyVaccinationRecord,g=C.onClose,y=C.vaccineDetail,E=C.isDetail,h=C.open,v=C.siteType,j=C.onMarkAsInjected,x=C.onDelInjected,k=o().t,V=t(0),L=V[0],T=V[1],w=t(!1),I=w[0],A=w[1],N=[{name:k("babyVaccine.popup.tab.schedule"),dataEventAction:"Click"},{name:k("babyVaccine.popup.tab.detail"),dataEventAction:"Click"},{name:k("babyVaccine.popup.tab.benefits"),dataEventAction:"Click"},{name:k("babyVaccine.popup.tab.contraindication"),dataEventAction:"Click"}];return n((function(){E&&T(1)}),[E]),e.createElement(d,{type:"profile",isOpen:h,onClose:g,siteType:v},e.createElement("div",{className:"header"},e.createElement("div",{className:"title"},e.createElement(s,{size:"s2",type:"semiBold"},k("babyVaccine.popup.title")),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:g},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),e.createElement("div",{className:"profile-container"},e.createElement(p,{style:{fontSize:"14px",lineHeight:"22px",width:"100%",border:"none"},onChange:function(e){T(e)},tabContent:N,initialTab:L}),e.createElement(u,null,0===L&&e.createElement(e.Fragment,null,e.createElement(m,{vaccineRecord:f,onMarkAsInjected:function(){return j(f)},onDelInjected:function(){return x(f)},isInTimeline:!1}),e.createElement("div",{className:"toggle",onChange:function(){"vaccinated"==f.status?x(f):j(f)}},"vaccinated"===f.status?e.createElement(r.ToggleOn,null):e.createElement(r.ToggleOff,null),e.createElement(s,{size:"n1",color:b.colors.gray800},"vaccinated"===f.status?k("babyVaccine.vaccineCard.injected"):k("babyVaccine.vaccineCard.markAsInjected"))),e.createElement(c,{style:{width:"100%"},label:e.createElement(s,{as:"label",size:"s5",type:"semiBold",color:b.colors.gray600},k("babyVaccine.popup.checkbox.suggestedDate")),onChange:function(){return null},excludeDate:function(e){return i(e).isAfter(i())}}),e.createElement(a,{label:e.createElement(s,{as:"label",size:"s5",type:"semiBold",color:b.colors.gray600},k("babyVaccine.popup.input.suggestedDate")),name:"check",checked:I,value:"check",onChange:function(){return A(!I)}})),1===L&&e.createElement(e.Fragment,null,e.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:y.detail}})),2===L&&e.createElement(e.Fragment,null," ",e.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:y.benefits}})),3===L&&e.createElement(e.Fragment,null,e.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:y.contraindications}})))),e.createElement(l,{style:{width:"100%",marginTop:12},theme:v,size:"lg",color:"primary"},k("babyVaccine.popup.button.submit")))};export{C as VaccineDetailPopup};

package/build/esm/components/molecules/babyVaccineDetailPopup/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as t}from"../../../misc/theme.js";import{Drawer as e}from"../../atoms/drawer/index.js";import o from"styled-components";import{Modal as i}from"../modal/index.js";import{MediaQueries as l}from"../../../misc/utils.js";o(e)(s||(s=n([""],[""])));var s,r,a,m=o(i)(r||(r=n(["\n  "," {\n    .hhg-modal {\n      min-width: 570px;\n    }\n  }\n\n  "," {\n    .hhg-modal {\n      max-width: 100%;\n      height: 100%;\n    }\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n"],["\n  "," {\n    .hhg-modal {\n      min-width: 570px;\n    }\n  }\n\n  "," {\n    .hhg-modal {\n      max-width: 100%;\n      height: 100%;\n    }\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n"])),l.mbUp,l.mbDown,t.colors.neutral100),p=o.div(a||(a=n(["\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  gap: 20px;\n  align-items: flex-start;\n  width: 100%;\n  overflow-y: auto;\n  padding-top: 20px;\n\n  .toggle {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2px;\n    cursor: pointer;\n  }\n"],["\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  gap: 20px;\n  align-items: flex-start;\n  width: 100%;\n  overflow-y: auto;\n  padding-top: 20px;\n\n  .toggle {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2px;\n    cursor: pointer;\n  }\n"])));export{m as StyledModal,p as StyledTabContent};

package/build/esm/components/molecules/babyVaccineImmunization/index.js

@@ -0,0 +1 @@
+import e from"react";import{useTranslations as t}from"../../../hooks/useTranslations.js";import{Text as s}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.styled.js";import"../../atoms/logo/logoIcon.js";import"../../atoms/logo/utils.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import{Icon as o}from"../../atoms/icons/index.js";import"../../atoms/progress/index.styled.js";import"@mantine/core";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import{theme as a}from"../../../misc/theme.js";import"../../atoms/marryBabyText/index.styled.js";import"../../atoms/radioImageGroup/index.styled.js";import"../../atoms/authorBadge/index.styled.js";import"../../atoms/newBabyProfileRadio/index.styled.js";import"../../atoms/customReferenceDot/index.js";import"../../atoms/babyGrowthGender/index.styled.js";import"../../atoms/babyGrowthLegend/index.styled.js";import"../../atoms/babyGrowthSwitch/index.js";import"../../atoms/babyGrowthTooltip/index.js";import"../../atoms/babyGrowthProfileRadio/index.styled.js";import"dayjs";import"../childCard/index.styled.js";import"../../../interfaces/types/Locale.js";import"../../atoms/babyGrowthRecord/index.styled.js";import{StyledImmunization as i,StyledWarning as r,StyledSchedulerWrapper as m,StyledRowWrapper as n,StyledLeftContent as d,StyledRightContent as l,StyledDose as c}from"./index.styled.js";var p=function(t,s){return e.createElement(c,{"data-status":t,"data-id":s||"header"},s||"")},y=function(c){var y=c.vaccineRecord,j=c.onMarkAsInjected,x=c.onDelInjected,u=c.isMobile,b=c.className,g=c.siteType,E=t().t;return e.createElement(i,{className:b,"data-theme":g},e.createElement(r,null,e.createElement(o.Missed,{color:a.colors.gray600}),e.createElement(s,{size:"p3",color:a.colors.gray800},E("babyVaccine.immunization.warning"))),e.createElement(m,null,e.createElement(n,{className:"header"},!u&&e.createElement(d,{className:"header"},e.createElement(s,{size:"s5",color:a.colors.gray800,type:"semiBold"},E("babyVaccine.immunization.vaccineName"))),e.createElement(l,{className:"header"},e.createElement("div",{className:"status"},p("passed"),e.createElement(s,{size:"p4",color:a.colors.gray800},E("babyVaccine.status.missed"))),e.createElement("div",{className:"status"},p("next"),e.createElement(s,{size:"p4",color:a.colors.gray800},E("babyVaccine.status.upcoming"))),e.createElement("div",{className:"status"},p("vaccinated"),e.createElement(s,{size:"p4",color:a.colors.gray800},E("babyVaccine.status.vaccinated"))))),y&&y.map((function(t,o){return e.createElement(n,{key:"".concat(o).concat(t.id)},e.createElement(d,null,e.createElement(s,{size:"n1",color:t.optional?a.colors.gray800:a.colors.red800},t.optional?E("babyVaccine.vaccineInfo.optional"):E("babyVaccine.vaccineInfo.mandatory")),e.createElement(s,{size:u?"s3":"s4",color:a.colors.gray800,type:"semiBold"},t.name||t.antigen)),e.createElement(l,null,t.records&&t.records.map((function(t,s){return e.createElement("div",{key:s,onClick:function(){"vaccinated"==t.status?x(t):j(t)}},p(t.status,s+1))}))))}))))};export{y as Immunization};

package/build/esm/components/molecules/babyVaccineImmunization/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as e}from"../../../misc/theme.js";import t from"styled-components";import{MediaQueries as i}from"../../../misc/utils.js";var d,o,r,l,a,s,p,x=t.div(d||(d=n(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  min-height: 110px;\n  width: 100%;\n  "," {\n    padding: 0;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  min-height: 110px;\n  width: 100%;\n  "," {\n    padding: 0;\n  }\n"])),i.mbDown),c=t.div(o||(o=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 12px;\n  gap: 12px;\n  width: 100%;\n  background: ",";\n  width: 100%;\n  border-radius: 8px;\n  "," {\n    gap: 10px;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 12px;\n  gap: 12px;\n  width: 100%;\n  background: ",";\n  width: 100%;\n  border-radius: 8px;\n  "," {\n    gap: 10px;\n  }\n"])),e.colors.neutral50,i.mbDown),f=t.div(r||(r=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  .header {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    gap: 24px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  .header {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    gap: 24px;\n  }\n"]))),g=t.div(l||(l=n(["\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  border-bottom: 1px solid #e4e8ec;\n  justify-content: center;\n  align-items: center;\n  padding: 16px 0;\n\n  .header {\n    padding: 0 16px;\n    width: 100%;\n  }\n\n  "," {\n    .header {\n      padding: 0;\n    }\n    flex-direction: column;\n    gap: 12px;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  border-bottom: 1px solid #e4e8ec;\n  justify-content: center;\n  align-items: center;\n  padding: 16px 0;\n\n  .header {\n    padding: 0 16px;\n    width: 100%;\n  }\n\n  "," {\n    .header {\n      padding: 0;\n    }\n    flex-direction: column;\n    gap: 12px;\n  }\n"])),i.mbDown),h=t.div(a||(a=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 70%;\n  justify-content: center;\n  gap: 2px;\n\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 70%;\n  justify-content: center;\n  gap: 2px;\n\n  "," {\n    width: 100%;\n  }\n"])),i.mbDown),u=t.div(s||(s=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: flex-end;\n  width: 30%;\n  gap: 4px;\n  "," {\n    justify-content: flex-start;\n    width: 100%;\n    gap: 8px;\n  }\n\n  .status {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    gap: 4px;\n\n    "," {\n      justify-content: flex-start;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: flex-end;\n  width: 30%;\n  gap: 4px;\n  "," {\n    justify-content: flex-start;\n    width: 100%;\n    gap: 8px;\n  }\n\n  .status {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    gap: 4px;\n\n    "," {\n      justify-content: flex-start;\n    }\n  }\n"])),i.mbDown,i.mbDown),w=t.div(p||(p=n(["\n  background: #f7f9fc;\n  border: 1px solid #e4e8ec;\n  border-radius: 50%;\n  width: 36px;\n  height: 36px;\n\n  font-size: 14px;\n  line-height: 22px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n\n  color: ",";\n\n  &[data-id='header'] {\n    width: 12px;\n    height: 12px;\n    cursor: unset;\n  }\n\n  &[data-status='vaccinated'] {\n    color: ",";\n    border: 1px solid ",";\n    background: ",";\n  }\n\n  &[data-status='passed'] {\n    color: ",";\n    border: 1px solid ",";\n    background: ",";\n  }\n"],["\n  background: #f7f9fc;\n  border: 1px solid #e4e8ec;\n  border-radius: 50%;\n  width: 36px;\n  height: 36px;\n\n  font-size: 14px;\n  line-height: 22px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n\n  color: ",";\n\n  &[data-id='header'] {\n    width: 12px;\n    height: 12px;\n    cursor: unset;\n  }\n\n  &[data-status='vaccinated'] {\n    color: ",";\n    border: 1px solid ",";\n    background: ",";\n  }\n\n  &[data-status='passed'] {\n    color: ",";\n    border: 1px solid ",";\n    background: ",";\n  }\n"])),e.colors.gray800,e.colors.white,e.colors.green600,e.colors.green600,e.colors.white,e.colors.yellow800,e.colors.yellow800);export{w as StyledDose,x as StyledImmunization,h as StyledLeftContent,u as StyledRightContent,g as StyledRowWrapper,f as StyledSchedulerWrapper,c as StyledWarning};

package/build/esm/components/molecules/babyVaccineRecordsByAgeGroup/index.js

@@ -0,0 +1 @@
+import e from"react";import{useTranslations as t}from"../../../hooks/useTranslations.js";import{theme as n}from"../../../misc/theme.js";import{Text as r}from"../../atoms/text/index.js";import{VaccineCard as a}from"../babyVaccineCard/index.js";import{StyledRecordsByAgeGroup as c,StyledHeaderWrapper as o,StyledTitleWrapper as s,StyledCurrentLineWrapper as l,StyledCountDoseWrapper as m,StyledRecordsWrapper as i}from"./index.styled.js";var d=function(d){var u=d.vaccineRecords,p=d.isCurrent,E=d.onMarkAsInjected,y=d.onDelInjected,f=d.countPass,j=d.countNext,N=d.className,b=d.siteType,v=t().t;return e.createElement(c,{className:N,"data-theme":b},e.createElement(o,null,e.createElement(s,null,e.createElement(r,{size:"s4",color:p?n.colors.primaryBase:n.colors.gray800,type:"semiBold",className:"title"},u.name||u.shortName),e.createElement(l,{"data-isCurrent":p},e.createElement("span",{className:"dot"}),e.createElement("div",{className:"line"}))),e.createElement(m,null,f>0&&e.createElement(r,{size:"n1",color:n.colors.gray600,wordWrap:"none"},v("babyVaccine.timeline.totalPast",{number:f})),f>0&&j>0&&e.createElement("span",{className:"dot"}),j>0&&e.createElement(r,{size:"n1",color:n.colors.gray600,wordWrap:"none"},v("babyVaccine.timeline.totalNext",{number:j})))),e.createElement(i,null,(null==u?void 0:u.records)&&u.records.map((function(t,n){return e.createElement(a,{key:"".concat(n).concat(t.vaccineId),vaccineRecord:t,isInTimeline:!0,isCurrent:p&&0===n,onMarkAsInjected:function(){return E(t)},onDelInjected:function(){return y(t)}})}))))};export{d as RecordsByAgeGroup};

package/build/esm/components/molecules/babyVaccineRecordsByAgeGroup/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as e}from"../../../misc/theme.js";import i from"styled-components";import{MediaQueries as t}from"../../../misc/utils.js";var l,o,d,r,a,p,s=i.div(l||(l=n(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  gap: 12px;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  gap: 12px;\n"]))),c=i.div(o||(o=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n\n  "," {\n    flex-direction: column;\n    gap: 4px;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n\n  "," {\n    flex-direction: column;\n    gap: 4px;\n    align-items: flex-start;\n  }\n"])),t.mbDown),x=i.div(d||(d=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n\n  .title {\n    max-width: 94px;\n    width: 100%;\n\n    "," {\n      max-width: 91px;\n    }\n  }\n\n  "," {\n    gap: 2px;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n\n  .title {\n    max-width: 94px;\n    width: 100%;\n\n    "," {\n      max-width: 91px;\n    }\n  }\n\n  "," {\n    gap: 2px;\n  }\n"])),t.mbDown,t.mbDown),g=i.div(r||(r=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n  width: 100%;\n  max-width: fit-content;\n\n  .dot {\n    height: 4px;\n    width: 4px;\n    background-color: ",";\n    border-radius: 50%;\n    display: flex;\n    align-self: center;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n  width: 100%;\n  max-width: fit-content;\n\n  .dot {\n    height: 4px;\n    width: 4px;\n    background-color: ",";\n    border-radius: 50%;\n    display: flex;\n    align-self: center;\n  }\n"])),e.colors.gray400),f=i.div(a||(a=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  .line {\n    width: 100%;\n    height: 1px;\n    background: ",";\n  }\n\n  .dot {\n    height: 8px;\n    width: 8px;\n    background-color: ",";\n    border-radius: 50%;\n    display: flex;\n    align-self: center;\n  }\n\n  &[data-isCurrent='true'] {\n    .line {\n      background: ",";\n    }\n    .dot {\n      background-color: ",";\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  .line {\n    width: 100%;\n    height: 1px;\n    background: ",";\n  }\n\n  .dot {\n    height: 8px;\n    width: 8px;\n    background-color: ",";\n    border-radius: 50%;\n    display: flex;\n    align-self: center;\n  }\n\n  &[data-isCurrent='true'] {\n    .line {\n      background: ",";\n    }\n    .dot {\n      background-color: ",";\n    }\n  }\n"])),e.colors.neutral200,e.colors.neutral200,e.colors.primaryBase,e.colors.primaryBase),w=i.div(p||(p=n(["\n  padding-left: 108px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n\n  "," {\n    padding: 0;\n  }\n"],["\n  padding-left: 108px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n\n  "," {\n    padding: 0;\n  }\n"])),t.mbDown);export{g as StyledCountDoseWrapper,f as StyledCurrentLineWrapper,c as StyledHeaderWrapper,s as StyledRecordsByAgeGroup,w as StyledRecordsWrapper,x as StyledTitleWrapper};

package/build/esm/components/molecules/babyVaccineTimelineBanner/index.js

@@ -0,0 +1 @@
+import e from"react";import{useTranslations as r}from"../../../hooks/useTranslations.js";import{theme as t}from"../../../misc/theme.js";import{Icon as o}from"../../atoms/icons/index.js";import{Text as a}from"../../atoms/text/index.js";import{StyledTimelineBanner as m}from"./index.styled.js";var s=function(s){var l=s.content,c=s.url,n=s.icon,i=s.gender,d=s.className,p=s.siteType,f=r().t;return e.createElement(m,{className:d,"data-theme":p,"data-gender":i},e.createElement("div",{className:"content"},e.createElement(a,{size:"p3",color:t.colors.gray800},l),c&&e.createElement("a",{className:"read-more",href:c,target:"_blank",rel:"noreferrer"},e.createElement("div",null,e.createElement(a,{size:"s4",color:t.colors.primaryBase,type:"semiBold"},f("articlePage.readMore"))),e.createElement(o.ArrowRight,{size:20,color:t.colors.primaryBase}))),e.createElement("img",{alt:"health-tool-icon",src:n}))};export{s as TimelineBanner};

package/build/esm/components/molecules/babyVaccineTimelineBanner/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as t}from"../../../misc/theme.js";import e from"styled-components";import{MediaQueries as i}from"../../../misc/utils.js";var o,p=e.div(o||(o=n(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  border-radius: 8px;\n  padding: 12px 24px;\n  min-height: 104px;\n  gap: 16px;\n\n  background: ",";\n  &[data-gender='girl'] {\n    background: ",";\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 8px;\n    .read-more {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      cursor: pointer;\n      text-decoration: none;\n    }\n  }\n\n  img {\n    object-fit: 'contain';\n    width: 80px;\n    height: 80px;\n  }\n\n  "," {\n    padding: 12px;\n    gap: 12px;\n    min-height: 118px;\n\n    img {\n      object-fit: 'contain';\n      width: 56px;\n      height: 56px;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  border-radius: 8px;\n  padding: 12px 24px;\n  min-height: 104px;\n  gap: 16px;\n\n  background: ",";\n  &[data-gender='girl'] {\n    background: ",";\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 8px;\n    .read-more {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      cursor: pointer;\n      text-decoration: none;\n    }\n  }\n\n  img {\n    object-fit: 'contain';\n    width: 80px;\n    height: 80px;\n  }\n\n  "," {\n    padding: 12px;\n    gap: 12px;\n    min-height: 118px;\n\n    img {\n      object-fit: 'contain';\n      width: 56px;\n      height: 56px;\n    }\n  }\n"])),t.colors.teal50,t.colors.pink50,i.mbDown);export{p as StyledTimelineBanner};