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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as o}from"../../../misc/utils.js";import t from"styled-components";var i,e,r,l,a=t.ul(i||(i=n(["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n"],["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n"])),(function(n){return n.theme.colors.neutral100})),s=t.li(e||(e=n(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"])),o.mbDown,o.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray600})),p=t.div(r||(r=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),d=t.div(l||(l=n(["\n  margin-right: 8px;\n"],["\n  margin-right: 8px;\n"])));export{d as StyledIcon,s as StyledTab,p as StyledTabContent,a as StyledTabs};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as a,useEffect as r}from"react";import{addDays as o,format as n}from"date-fns";import{Input as s}from"../../atoms/input/index.js";import{Text as m}from"../../atoms/text/index.js";import{useTranslations as i}from"../../../hooks/useTranslations.js";import{theme as l}from"../../../misc/theme.js";import{DUE_DATE_FORMAT as c}from"../../../together/interfaces/constants.js";import{DatePicker as u}from"../datePicker/index.js";import{DateToInputValue as p,API_DATE_FORMAT as d}from"../dueDateCalculator/utils.js";import{StyledContainer as f}from"./index.styled.js";var g=function(g){var j=g.info,y=g.className,x=g.style,D=g.onChange,h=g.errorMessage,v=void 0===h?{}:h,b=g.locale,E=i().t,w=a(new Date),C=w[0],N=w[1],k=a({age:!1,rate:!1}),I=k[0],z=k[1];return r((function(){z({age:!1,rate:!1})}),[v]),t.createElement(f,{style:x,className:y},t.createElement(s,{className:"input-section due-date-input",label:t.createElement(m,{size:"n1",type:"bold",color:l.colors.gray600,style:{marginBottom:"9px",flex:"1"}},E("targetHeartRate.ageInput")),value:p(C),name:"date",size:"md",CustomInput:t.createElement(u,{customInput:function(a){return t.createElement("input",e({type:"date",className:"due-date-input"},a,{value:p(C)}))},disabledDays:{after:new Date(o(new Date,0))},locale:b,pickedDate:C,displayDateFormat:c,onChange:function(t){!function(t){N(t),z((function(t){return e(e({},t),{age:!0})}));var a=e(e({},j),{age:n(new Date(t),d)});D&&D(a)}(t)},placeholder:"placeholder"}),errorMessage:I.age?"":v.age}))};export{g as ThrForm};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Button as i}from"../../atoms/button/index.js";import{PureInput as t}from"../../atoms/pureInput/index.js";import{MediaQueries as e}from"../../../misc/utils.js";import p from"styled-components";var o=p(i)(a||(a=n(["\n  margin: 0 auto 24px;\n  width: 100%;\n  "," {\n    max-width: 200px;\n  }\n"],["\n  margin: 0 auto 24px;\n  width: 100%;\n  "," {\n    max-width: 200px;\n  }\n"])),e.mbUp);p.div(d||(d=n(["\n  display: flex;\n  gap: 10px;\n  line-height: 1;\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n  }\n  "," {\n    padding-right: 16px;\n    padding-bottom: 10px;\n    flex-wrap: wrap;\n    align-items: center;\n    &[data-is-side='true'] {\n      width: 100%;\n      justify-content: unset;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  &[data-is-side='true'] {\n    "," {\n      width: 100%;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  "," {\n    width: 100%;\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  line-height: 1;\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n  }\n  "," {\n    padding-right: 16px;\n    padding-bottom: 10px;\n    flex-wrap: wrap;\n    align-items: center;\n    &[data-is-side='true'] {\n      width: 100%;\n      justify-content: unset;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  &[data-is-side='true'] {\n    "," {\n      width: 100%;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  "," {\n    width: 100%;\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n"])),e.mbUp,e.mbDown,e.mbDown);var a,d,l,r,x,m,b=p(t)(l||(l=n(["\n  &.bmi--input {\n    + .bmi--input {\n      margin-top: 24px;\n    }\n    .inputLabel {\n      display: inline-block;\n      margin-bottom: 5px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n    .errorLabel {\n      line-height: 1.3;\n    }\n    input[type='radio'] {\n      padding: 0;\n    }\n    .bmi--input-radio_gender {\n      width: 100%;\n      gap: 16px;\n      > div {\n        width: calc(50% - 8px);\n      }\n      & > div > div {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-content: center;\n        gap: 8px;\n        padding-block: 5px;\n      }\n    }\n    .radio-group-item-heading {\n      margin-top: 0;\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          max-width: 186px;\n        }\n      }\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          .gender-image {\n            width: 40px;\n            height: 40px;\n          }\n        }\n      }\n    }\n  }\n"],["\n  &.bmi--input {\n    + .bmi--input {\n      margin-top: 24px;\n    }\n    .inputLabel {\n      display: inline-block;\n      margin-bottom: 5px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n    .errorLabel {\n      line-height: 1.3;\n    }\n    input[type='radio'] {\n      padding: 0;\n    }\n    .bmi--input-radio_gender {\n      width: 100%;\n      gap: 16px;\n      > div {\n        width: calc(50% - 8px);\n      }\n      & > div > div {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-content: center;\n        gap: 8px;\n        padding-block: 5px;\n      }\n    }\n    .radio-group-item-heading {\n      margin-top: 0;\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          max-width: 186px;\n        }\n      }\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          .gender-image {\n            width: 40px;\n            height: 40px;\n          }\n        }\n      }\n    }\n  }\n"])),e.mbUp,e.mbDown),g=p.div(r||(r=n([""],[""]))),s=p.div(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  input {\n    font-size: 12px;\n  }\n  .gender-option {\n    gap: 16px;\n    > div {\n      width: calc(50% - 8px);\n    }\n  }\n  .input-label {\n    label {\n      display: inline-block;\n      margin-bottom: 9px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  input {\n    font-size: 12px;\n  }\n  .gender-option {\n    gap: 16px;\n    > div {\n      width: calc(50% - 8px);\n    }\n  }\n  .input-label {\n    label {\n      display: inline-block;\n      margin-bottom: 9px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n  }\n"]))),c=p.div(m||(m=n(["\n  "," {\n    display: flex;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 24px;\n    > div {\n      width: 100%;\n    }\n  }\n\n  "," {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 8px;\n  }\n  &[data-is-side='true'] {\n    "," {\n      display: flex;\n      flex-direction: column-reverse;\n      gap: 0px;\n    }\n  }\n"],["\n  "," {\n    display: flex;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 24px;\n    > div {\n      width: 100%;\n    }\n  }\n\n  "," {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 8px;\n  }\n  &[data-is-side='true'] {\n    "," {\n      display: flex;\n      flex-direction: column-reverse;\n      gap: 0px;\n    }\n  }\n"])),e.mbUp,e.mbDown,e.mbUp);export{s as FormControl,o as StyledButton,g as StyledContainer,b as StyledInput,c as StyledRow};

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

@@ -0,0 +1 @@
+import e from"react";import{Container as a}from"../../atoms/container/index.js";import{Heading as t}from"../../atoms/heading/index.js";import{theme as r}from"../../../misc/theme.js";import{StyledContainer as i,StyledWrapper as m,StyledInner as l,StyledHeading as n,StyledHeadingWithReviewedStatus as o,StyledMedicalReviewed as s,StyledIconContainer as c}from"./index.styled.js";var d=function(d){var E=d.className,b=d.heading,h=d.isMobile,f=d.bannerUrl,p=d.bannerUrlLarge,u=d.medicalReview,g=d.icon,j=d.isSide,x=d.style,v=h?"h5":"h4",y=h?f:p||f;return e.createElement(i,{"data-is-mobile":h,style:x},e.createElement(m,{className:E,"data-banner-url":y,"data-is-mobile":h},e.createElement(a,{className:"container"},e.createElement(l,null,e.createElement(n,{"data-is-side":j},e.createElement(o,{"data-is-mobile":h},e.createElement(t,{color:r.colors.white,tag:v,as:"h2"},b)),u&&e.createElement(s,{"data-is-mobile":h},u)),e.createElement(c,null,g)))))};export{d as ToolsBannerCard};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{getDefaultClassWrapper as i}from"../../../misc/defaultClassWrapper.js";import{MediaQueries as t}from"../../../misc/utils.js";import e from"styled-components";var o=e.div(a||(a=n(["\n  margin-top: 13px;\n  &[data-is-mobile='false'] {\n    display: flex;\n    width: 60%;\n    min-width: 600px;\n    align-items: center;\n    & > :first-child {\n      margin-right: 18px;\n    }\n  }\n"],["\n  margin-top: 13px;\n  &[data-is-mobile='false'] {\n    display: flex;\n    width: 60%;\n    min-width: 600px;\n    align-items: center;\n    & > :first-child {\n      margin-right: 18px;\n    }\n  }\n"])));e.div(p||(p=n(["\n  &[data-is-mobile='false'] {\n    max-width: 540px;\n  }\n  "," {\n    padding-right: 120px;\n  }\n"],["\n  &[data-is-mobile='false'] {\n    max-width: 540px;\n  }\n  "," {\n    padding-right: 120px;\n  }\n"])),t.tdUp);var a,p,r,d,m,g,l,s,h=e.div(r||(r=n(["\n  display: flex;\n  align-items: flex-start;\n  margin-top: 10px;\n  color: ",";\n  font-size: ",";\n  > img {\n    margin-top: 2px;\n    margin-right: 4px;\n  }\n  &[data-is-mobile='false'] {\n    margin-top: 12px;\n    > img {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &[data-is-mobile='true'] {\n    > img {\n      width: 14px;\n      height: 14px;\n    }\n  }\n"],["\n  display: flex;\n  align-items: flex-start;\n  margin-top: 10px;\n  color: ",";\n  font-size: ",";\n  > img {\n    margin-top: 2px;\n    margin-right: 4px;\n  }\n  &[data-is-mobile='false'] {\n    margin-top: 12px;\n    > img {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &[data-is-mobile='true'] {\n    > img {\n      width: 14px;\n      height: 14px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4})),x=e.div(d||(d=n(["\n  position: absolute;\n  z-index: 0;\n  right: 0;\n  bottom: -50px;\n  display: flex;\n\n  align-items: center;\n\n  "," {\n    img {\n      width: 190px;\n      height: 155px;\n    }\n  }\n  "," {\n    width: 70px;\n  }\n"],["\n  position: absolute;\n  z-index: 0;\n  right: 0;\n  bottom: -50px;\n  display: flex;\n\n  align-items: center;\n\n  "," {\n    img {\n      width: 190px;\n      height: 155px;\n    }\n  }\n  "," {\n    width: 70px;\n  }\n"])),t.mbUp,t.mbDown),c="hhgcomp-toolbanner-iconcontainer",b=i(x,c),u=e.div(m||(m=n(["\n  position: relative;\n  z-index: 1;\n  max-width: 100%;\n  "," {\n    padding: 23px 40px;\n    max-width: calc(100% - 210px);\n    &[data-is-side='true'] {\n      max-width: calc(100% - 120px);\n    }\n  }\n"],["\n  position: relative;\n  z-index: 1;\n  max-width: 100%;\n  "," {\n    padding: 23px 40px;\n    max-width: calc(100% - 210px);\n    &[data-is-side='true'] {\n      max-width: calc(100% - 120px);\n    }\n  }\n"])),t.mbUp),w=e.div(g||(g=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),f="hhgcomp-toolbanner-inner",v=i(w,f),y=e.div(l||(l=n(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  background-image: url(",");\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding-bottom: 23px;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  background-image: url(",");\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding-bottom: 23px;\n"])),(function(n){return n["data-banner-url"]||"./toolBannerBlue-circle.svg"})),k="hhgcomp-toolbanner-wrapper",z=i(y,k),j=e.div(s||(s=n(["\n  width: 100%;\n  margin-bottom: 8px;\n  "," {\n    padding-bottom: 24px;\n  }\n  "," {\n    height: auto;\n    ."," {\n      ."," {\n        display: flex;\n        align-items: center;\n        "," {\n          justify-content: space-between;\n        }\n        ."," {\n          position: relative;\n          right: -50px;\n          bottom: -20px;\n          width: 110px;\n          min-width: 0;\n          height: auto;\n          min-height: 0;\n          align-self: flex-end;\n          margin-bottom: -20px;\n          "," {\n            right: unset;\n          }\n        }\n      }\n    }\n  }\n"],["\n  width: 100%;\n  margin-bottom: 8px;\n  "," {\n    padding-bottom: 24px;\n  }\n  "," {\n    height: auto;\n    ."," {\n      ."," {\n        display: flex;\n        align-items: center;\n        "," {\n          justify-content: space-between;\n        }\n        ."," {\n          position: relative;\n          right: -50px;\n          bottom: -20px;\n          width: 110px;\n          min-width: 0;\n          height: auto;\n          min-height: 0;\n          align-self: flex-end;\n          margin-bottom: -20px;\n          "," {\n            right: unset;\n          }\n        }\n      }\n    }\n  }\n"])),t.mbDown,t.tdDown,k,f,t.mbDown,c,t.mbDown);export{j as StyledContainer,u as StyledHeading,o as StyledHeadingWithReviewedStatus,b as StyledIconContainer,c as StyledIconContainerClass,v as StyledInner,f as StyledInnerClass,h as StyledMedicalReviewed,z as StyledWrapper,k as StyledWrapperClass,x as _StyledIconContainer,w as _StyledInner,y as _StyledWrapper};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as n,useRef as o,useEffect as i}from"react";import{PureInput as r}from"../../atoms/pureInput/index.js";import{useTranslations as a}from"../../../hooks/useTranslations.js";import{theme as l}from"../../../misc/theme.js";var s=function(s){var c=s.info,g=s.onChange,h=s.errorMessage,m=void 0===h?{}:h,p=a().t,u=n({weightBefore:!1,height:!1,weight:!1}),f=u[0],w=u[1],d=n(0),y=d[0],v=d[1],N=o(null);i((function(){v(N.current.clientHeight)}));var b=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return i((function(){g&&g(e({},c))}),[]),i((function(){w({weightBefore:!1,height:!1,weight:!1})}),[m]),t.createElement(t.Fragment,null,t.createElement("div",{className:"input-form-pwg"},t.createElement(r,{placeholder:p("pwg.placeholder.height"),className:"input-section",label:t.createElement("span",{style:{color:l.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},p("pregnancyWeightGain.heightInput")," ",t.createElement("span",{style:{color:"".concat(l.colors.gray300)}},p("bmi.heightInput.desc"))),errorMessage:f.height?"":null==m?void 0:m.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==c?void 0:c.height,onChange:function(t){b(t,(function(t){w((function(t){return e(e({},t),{height:!0})}));var n=e(e({},c),{height:t});g&&g(n)}))}})),t.createElement("div",{className:"input-form-pwg"},t.createElement(r,{placeholder:p("pwg.placeholder.weight"),className:"input-section",label:t.createElement("span",{style:{color:l.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:N,className:"label-text"},p("pregnancyWeightGain.weightBeforeInput")," ",t.createElement("span",{style:{color:"".concat(l.colors.gray300)}},p("pregnancyWeightGain.weightInput.desc"))),errorMessage:f.weightBefore?"":null==m?void 0:m.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(t){b(t,(function(t){w((function(t){return e(e({},t),{weightBefore:!0})}));var n=e(e({},c),{weightBefore:t});g&&g(n)}))},value:null==c?void 0:c.weightBefore})),t.createElement("div",{className:"input-form-pwg"},t.createElement(r,{placeholder:p("pwg.placeholder.weight"),className:"input-section",label:t.createElement("span",{style:{color:l.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:y},className:"label-text"},p("pregnancyWeightGain.weightInput")," ",t.createElement("span",{style:{color:"".concat(l.colors.gray300)}},p("pregnancyWeightGain.weightInput.desc"))),errorMessage:f.weight?"":null==m?void 0:m.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==c?void 0:c.weight,onChange:function(t){b(t,(function(t){w((function(t){return e(e({},t),{weight:!0})}));var n=e(e({},c),{weight:t});g&&g(n)}))}})))};export{s as PWGInputForm};

package/build/esm/components/molecules/weightGainForm/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";i.div(o||(o=n(["\n  padding: 0;\n  background-color: white;\n"],["\n  padding: 0;\n  background-color: white;\n"]))),i.div(e||(e=n(["\n  padding-bottom: 2px;\n  margin: auto;\n  "," {\n    width: 100%;\n    padding: 24px;\n  }\n"],["\n  padding-bottom: 2px;\n  margin: auto;\n  "," {\n    width: 100%;\n    padding: 24px;\n  }\n"])),t.mbUp);var p=i.div(x||(x=n(["\n  &[data-is-side='true'] {\n    width: 100%;\n    margin-bottom: 0;\n  }\n  "," {\n    width: 100%;\n    margin-bottom: 0;\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  &[data-is-side='true'] {\n    width: 100%;\n    margin-bottom: 0;\n  }\n  "," {\n    width: 100%;\n    margin-bottom: 0;\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"])),t.mbDown,t.mbUp),d=i.div(g||(g=n(["\n  margin-bottom: 20px;\n  width: 100%;\n\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n  .gender-selector {\n    & > div {\n      width: calc(50% - 8px);\n    }\n  }\n"],["\n  margin-bottom: 20px;\n  width: 100%;\n\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n  .gender-selector {\n    & > div {\n      width: calc(50% - 8px);\n    }\n  }\n"]))),a=i.div(m||(m=n(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  "," {\n    padding: 0 16px;\n    &[data-is-side='true'] {\n      margin-top: 24px;\n    }\n  }\n\n  "," {\n    margin-top: 24px;\n  }\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n  button {\n    width: 100%;\n    margin: auto;\n    "," {\n      max-width: 200px;\n    }\n  }\n"],["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  "," {\n    padding: 0 16px;\n    &[data-is-side='true'] {\n      margin-top: 24px;\n    }\n  }\n\n  "," {\n    margin-top: 24px;\n  }\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n  button {\n    width: 100%;\n    margin: auto;\n    "," {\n      max-width: 200px;\n    }\n  }\n"])),t.mbUp,t.mbDown,t.mbUp);i.div(r||(r=n(["\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  padding-bottom: 60px;\n"],["\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  padding-bottom: 60px;\n"])),t.mbUp),i.div(l||(l=n(["\n  & > :not(:last-child) {\n    margin-bottom: 28px;\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 28px;\n  }\n"]))),i.div(s||(s=n(["\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  padding-top: 32px;\n\n  color: ",";\n  text-align: center;\n\n  & > :last-child {\n    margin-top: 8px;\n  }\n"],["\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  padding-top: 32px;\n\n  color: ",";\n  text-align: center;\n\n  & > :last-child {\n    margin-top: 8px;\n  }\n"])),t.mbUp,(function(n){return n.theme.colors.gray800})),i.div(b||(b=n(["\n  margin-bottom: 32px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"],["\n  margin-bottom: 32px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])),t.mbUp),i.div(h||(h=n(["\n  margin-bottom: 32px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"],["\n  margin-bottom: 32px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])),t.mbUp),i.div(c||(c=n(["\n  margin-bottom: 16px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"],["\n  margin-bottom: 16px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])),t.mbUp),i.div(w||(w=n(["\n  margin-bottom: 24px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"],["\n  margin-bottom: 24px;\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])),t.mbUp),i.div(f||(f=n(["\n  margin-bottom: 56px;\n  line-height: 24px;\n\n  & > :first-child {\n    margin-bottom: 8px;\n  }\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"],["\n  margin-bottom: 56px;\n  line-height: 24px;\n\n  & > :first-child {\n    margin-bottom: 8px;\n  }\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])),t.mbUp),i.div(u||(u=n(["\n  margin-bottom: 56px;\n\n  & > :first-child {\n    margin-bottom: 8px;\n  }\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"],["\n  margin-bottom: 56px;\n\n  & > :first-child {\n    margin-bottom: 8px;\n  }\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])),t.mbUp),i.div(v||(v=n(["\n  padding-top: 32px;\n\n  & > div {\n    margin-bottom: 24px;\n  }\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"],["\n  padding-top: 32px;\n\n  & > div {\n    margin-bottom: 24px;\n  }\n\n  "," {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])),t.mbUp),i.div(y||(y=n(["\n  padding: 68px 0 56px 0;\n\n  "," {\n    padding: 84px 0 72px 0;\n  }\n"],["\n  padding: 68px 0 56px 0;\n\n  "," {\n    padding: 84px 0 72px 0;\n  }\n"])),t.mbUp),i.div(j||(j=n(["\n  display: flex;\n  gap: 10px;\n  line-height: 1;\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n  }\n  .slider-due-date {\n    margin-bottom: 24px;\n    width: 100%;\n    margin-left: 0px;\n    margin-right: 0px;\n  }\n  "," {\n    padding-right: 16px;\n    padding-bottom: 10px;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    &[data-is-side='true'] {\n      width: 100%;\n      margin-bottom: 15px;\n      justify-content: unset;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n\n  "," {\n    width: 100%;\n    margin-bottom: 15px;\n\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  line-height: 1;\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n  }\n  .slider-due-date {\n    margin-bottom: 24px;\n    width: 100%;\n    margin-left: 0px;\n    margin-right: 0px;\n  }\n  "," {\n    padding-right: 16px;\n    padding-bottom: 10px;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    &[data-is-side='true'] {\n      width: 100%;\n      margin-bottom: 15px;\n      justify-content: unset;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n\n  "," {\n    width: 100%;\n    margin-bottom: 15px;\n\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n"])),t.mbUp,t.mbDown);var o,e,x,g,m,r,l,s,b,h,c,w,f,u,v,y,j,U,k,D,z=i.div(U||(U=n(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  .input-section {\n    display: flex;\n    flex-direction: column;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  .input-section {\n    display: flex;\n    flex-direction: column;\n  }\n"]))),_=i.div(k||(k=n(["\n  position: relative;\n  width: calc(50% - 8px);\n\n  &[data-is-side='true'] {\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n  "," {\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n  margin-bottom: 24px;\n  #weight-gain-dropdown {\n    z-index: 9;\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n    & > ul {\n      z-index: 1;\n      max-height: 300px;\n      overflow-y: scroll;\n    }\n  }\n"],["\n  position: relative;\n  width: calc(50% - 8px);\n\n  &[data-is-side='true'] {\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n  "," {\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n  margin-bottom: 24px;\n  #weight-gain-dropdown {\n    z-index: 9;\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n    & > ul {\n      z-index: 1;\n      max-height: 300px;\n      overflow-y: scroll;\n    }\n  }\n"])),t.mbDown,(function(n){return n.theme.colors.gray800})),q=i.div(D||(D=n(["\n  margin-bottom: 24px;\n  width: 100%;\n\n  "," {\n    padding: 0 16px;\n  }\n  .card {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    & > :not(:last-child) {\n      margin-bottom: 8px;\n    }\n\n    .gender-selector {\n      row-gap: 12px;\n\n      & > :not(:last-child) {\n        margin-right: 16px;\n      }\n\n      & > div {\n        "," {\n          width: calc(18% - 4px);\n          max-width: 186px;\n          justify-self: left;\n        }\n\n        "," {\n          width: calc(31% - 8px);\n          max-width: 109px;\n          justify-self: left;\n        }\n      }\n    }\n\n    .gender-image {\n      width: 23px;\n      height: 36px;\n      object-fit: contain;\n    }\n  }\n  .note {\n    display: flex;\n    align-items: center;\n    padding-top: 8px;\n    padding-bottom: 16px;\n  }\n"],["\n  margin-bottom: 24px;\n  width: 100%;\n\n  "," {\n    padding: 0 16px;\n  }\n  .card {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    & > :not(:last-child) {\n      margin-bottom: 8px;\n    }\n\n    .gender-selector {\n      row-gap: 12px;\n\n      & > :not(:last-child) {\n        margin-right: 16px;\n      }\n\n      & > div {\n        "," {\n          width: calc(18% - 4px);\n          max-width: 186px;\n          justify-self: left;\n        }\n\n        "," {\n          width: calc(31% - 8px);\n          max-width: 109px;\n          justify-self: left;\n        }\n      }\n    }\n\n    .gender-image {\n      width: 23px;\n      height: 36px;\n      object-fit: contain;\n    }\n  }\n  .note {\n    display: flex;\n    align-items: center;\n    padding-top: 8px;\n    padding-bottom: 16px;\n  }\n"])),t.mbUp,t.mbUp,t.mbDown);export{q as StyledActive,_ as StyledFormInput,d as StyledInputForm,z as StyledInputWrapper,a as StyledSubmitButton,p as StyledTwins};

package/build/esm/components/organisms/babyGrowthChart/chartConfig.js

@@ -0,0 +1 @@
+import{__spreadArray as e}from'./../../../externals/tslib/tslib.es6.js';import t from"lodash/chunk";import{theme as r}from"../../../misc/theme.js";import{Gender as n,BabyGrowthChartType as o,BabyGrowthChartDuration as i}from"../../../interfaces/types/BabyGrowth.js";import{LOCALE as s}from"../../../interfaces/types/Locale.js";var a,c,y,l,u,f,b,h,m,j,p,I,g,w,H,G,S,_,B,M,E,Y,k=((a={})[n.Boy]=((c={})[o.Weight]=((y={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.weekly.json.js")},y[i.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.monthly.json.js")},y[i.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.yearly.json.js")},y),c[o.Height]=((l={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.weekly.json.js")},l[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.monthly.json.js")},l[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.yearly.json.js")},l),c[o.Head]=((u={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.weekly.json.js")},u[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.monthly.json.js")},u[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.yearly.json.js")},u),c[o.BMI]=((f={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.percentile.weekly.json.js")},f[i.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.percentile.monthly.json.js")},f[i.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.percentile.yearly.json.js")},f),c),a[n.Girl]=((b={})[o.Weight]=((h={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.weekly.json.js")},h[i.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.monthly.json.js")},h[i.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.yearly.json.js")},h),b[o.Height]=((m={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.weekly.json.js")},m[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.monthly.json.js")},m[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.yearly.json.js")},m),b[o.Head]=((j={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.weekly.json.js")},j[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.monthly.json.js")},j[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.yearly.json.js")},j),b[o.BMI]=((p={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.percentile.weekly.json.js")},p[i.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.percentile.monthly.json.js")},p[i.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.percentile.yearly.json.js")},p),b),a),R=((I={})[n.Boy]=((g={})[o.Weight]=((w={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.weekly.json.js")},w[i.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.monthly.json.js")},w[i.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.yearly.json.js")},w),g[o.Height]=((H={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.weekly.json.js")},H[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.monthly.json.js")},H[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.yearly.json.js")},H),g[o.Head]=((G={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.weekly.json.js")},G[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.monthly.json.js")},G[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.yearly.json.js")},G),g[o.BMI]=((S={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.zscore.weekly.json.js")},S[i.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.zscore.monthly.json.js")},S[i.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.zscore.yearly.json.js")},S),g),I[n.Girl]=((_={})[o.Weight]=((B={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.weekly.json.js")},B[i.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.monthly.json.js")},B[i.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.yearly.json.js")},B),_[o.Height]=((M={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.weekly.json.js")},M[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.monthly.json.js")},M[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.yearly.json.js")},M),_[o.Head]=((E={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.weekly.json.js")},E[i.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.monthly.json.js")},E[i.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.yearly.json.js")},E),_[o.BMI]=((Y={})[i.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.zscore.weekly.json.js")},Y[i.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.zscore.monthly.json.js")},Y[i.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.zscore.yearly.json.js")},Y),_),I),W=function(e,t,r,n,o){var i=e.slice(t-1,r),s=[i[0][n],i[0][n]],a=s[0],c=s[1];return i.forEach((function(e){e[n]>c&&(c=e[n]),e[n]<a&&(a=e[n])})),[(0|a)-o,(0|c)+o]},d=function(e,t,r,n){return n===s.Indonesia?R[e][t][r]():k[e][t][r]()},L=function(e,r){var n=t(r,Math.ceil(r.length/2)),o=n[0],i=n[1],s=o.map((function(e){return e.name})),a=i.map((function(e){return e.name}));return s.includes(e)?{data:o,status:"first-half"}:a.includes(e)?{data:i,status:"second-half"}:{data:r,status:"full"}},C=function(t,r){return e(e([],t,!0),r.map((function(e){return{name:e.name,history:e.history,risk:e.risk,toolTipLabel:e.toolTipLabel}})),!0).sort((function(e,t){return e.name-t.name}))},T=function(t,r,n,o,i){return e(e([],t,!0),[{name:o,history:i,risk:r,toolTipLabel:n}],!1).sort((function(e,t){return e.name-t.name}))},z=function(e,t){void 0===t&&(t=0);var r=[],n=function(n){e[n].forEach((function(e,o){var i;r[o]?r[o][n]=e:r[o]=((i={name:o+t})[n]=e,i)}))};for(var o in e)n(o);return r},A=function(e,t){return void 0===t&&(t=0),Array.from({length:e-t+1},(function(e,r){return r+t}))},O=function(){var e,t=null===(e=document.getElementsByClassName("recharts-cartesian-grid-vertical"))||void 0===e?void 0:e[0];if(console.log(t),t)for(var n=t.getElementsByTagName("line"),o=0;o<n.length;o++){if(o%2!=0){var i=n[o],s=n[o+1],a=i.getAttribute("x1"),c=i.getAttribute("y"),y=i.getAttribute("height"),l=i.getAttribute("x1"),u=s.getAttribute("x1");console.log({oddLine:i,nextLine:s});var f=document.createElementNS("http://www.w3.org/1999/xhtml","rect");f.setAttribute("stroke",r.colors.blue50),f.setAttribute("fill",r.colors.blue50),f.setAttribute("x",a),f.setAttribute("y",c),f.setAttribute("height",y),f.setAttribute("width",String(Number(u)-Number(l))),t.appendChild(i),t.appendChild(f)}else t.appendChild(n[o]);console.log(t)}};export{k as BabyGrowthChartPercentile,R as BabyGrowthChartZScore,L as divideChartData,d as generateGrowthChart,A as generateXAxisTicks,W as getAxisYDomain,O as paintAxis,T as refineDataWithDot,C as refineDataWithLine,z as transformDataToChart};

package/build/esm/components/organisms/babyGrowthChart/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t,__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o,{useState as a,useRef as n,useEffect as l,useMemo as i}from"react";import{ResponsiveContainer as c,LineChart as s,CartesianGrid as m,Tooltip as u,XAxis as d,YAxis as h,Line as f,ReferenceDot as y}from"recharts";import{CustomReferenceDot as g}from"../../atoms/customReferenceDot/index.js";import{useOutsideClick as p}from"../../../hooks/useOutsideClick.js";import{useTranslations as b}from"../../../hooks/useTranslations.js";import{theme as k}from"../../../misc/theme.js";import{BabyGrowthTooltip as v}from"../../atoms/babyGrowthTooltip/index.js";import{Text as E}from"../../atoms/text/index.js";import{refineDataWithLine as w,refineDataWithDot as x,transformDataToChart as S,divideChartData as D,generateXAxisTicks as j,generateGrowthChart as M}from"./chartConfig.js";import{StyledBabyGrowthChart as I}from"./index.styled.js";import{LOCALE as L}from"../../../interfaces/types/Locale.js";import{BabyGrowthChartType as N,BabyGrowthChartDuration as A}from"../../../interfaces/types/BabyGrowth.js";var B=[{name:"-3SD",label:"-3",color:k.colors.red600},{name:"-2SD",label:"-2",color:k.colors.yellow600},{name:"0Median",label:"0",color:k.colors.green600},{name:"2SD",label:"2",color:k.colors.yellow600},{name:"3SD",label:"3",color:k.colors.red600},{name:"history",color:k.colors.primaryBase}],z=[{name:"3rd",color:k.colors.red600},{name:"15th",color:k.colors.yellow600},{name:"50th",color:k.colors.green600},{name:"85th",color:k.colors.yellow600},{name:"97th",color:k.colors.red600},{name:"history",color:k.colors.primaryBase}],C=function(e){var t=e.x,r=e.y,a=e.last,n=e.index,l=e.name;return a===n?o.createElement("text",{x:t,y:r,dx:16,fill:k.colors.gray500,fontSize:12,textAnchor:"middle"},l):null},G=function(G){var W=G.gender,F=G.type,T=G.duration,K=G.xLabel,O=G.x,P=G.y,H=G.toolTipLabel,R=void 0===H?[]:H,Z=G.isDivide,_=void 0===Z||Z,q=G.onIsPrevious,J=G.locale,Q=G.riskLevel,U=G.withLine,V=void 0!==U&&U,X=G.lineData,Y=void 0===X?[]:X,$=a([]),ee=$[0],te=$[1],re=n([]),oe=b().t;l((function(){e(void 0,void 0,void 0,(function(){var e,o,a,n;return t(this,(function(t){switch(t.label){case 0:return[4,M(W,F,T,J)];case 1:if(e=t.sent().default,o=T===A.Weekly?0:1,a=S(e,o),Array.isArray(a)&&0===a.length)return null==q||q(),[2];n={data:a.map((function(e,t){return r(r({},e),{name:t})})),status:"full"};try{n=_?D(O||o,a):{data:a,status:"full"}}catch(e){}if(_)switch(n.status){case"first-half":re.current=j(n.data.length-1+o,o);break;case"second-half":re.current=j(e.length,n.data.length);break;default:re.current=j(a.length-1+o,o)}else re.current=j(a.length-1+o,o);return te(n.data),[2]}}))}))}),[W,F,T,J,q]);var ae=a(!1),ne=ae[0],le=ae[1],ie=i((function(){return V&&Array.isArray(ee)&&ee.length>0?w(ee,Y):x(ee,Q,R,O,P)}),[V,Y,ee]),ce=n(null);p(ce,(function(){return le(!1)}));return o.createElement(I,null,o.createElement("div",{className:"custom-chart-label"},o.createElement(E,{size:"n1",color:k.colors.gray500},function(){switch(F){case N.Weight:return oe("babyGrowth.weight");case N.Height:return oe("babyGrowth.height");case N.Head:return oe("babyGrowth.headCircumference");case N.BMI:return"BMI";default:return""}}()),o.createElement(E,{size:"n1",color:k.colors.gray500},J===L.Indonesia?"Z-Score":oe("babyGrowth.percentiles"))),Array.isArray(ie)&&ie.length>0&&o.createElement(c,{height:388,className:"chart"},o.createElement(s,{data:ie,margin:{top:16,right:28,bottom:8,left:0}},o.createElement(m,{stroke:k.colors.neutral100}),o.createElement(u,{trigger:"click",content:function(e){return o.createElement(v,r({active:!V&&ne&&void 0!==O&&void 0!==P,locale:J},e))}}),o.createElement(d,{type:"number",scale:"linear",ticks:re.current,dataKey:"name",tickLine:!1,tickMargin:12,tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:k.colors.gray800},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},allowDecimals:!0}),o.createElement(h,{domain:[function(e){return Math.min(e,P||e)},function(e){return Math.max(e,P||e)}],tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:k.colors.gray800}}),(J===L.Indonesia?B:z).map((function(e,t){return o.createElement(o.Fragment,null,"history"===e.name?o.createElement(f,{key:t,connectNulls:!0,type:"linear",dataKey:"history",stroke:e.color,strokeWidth:2,dot:{stroke:e.color,fill:e.color,strokeWidth:1,r:4,strokeDasharray:""},activeDot:!0,color:e.color}):o.createElement(f,{key:e.name,type:"linear",dataKey:e.name,stroke:e.color,dot:!1,activeDot:!1,connectNulls:!0,label:o.createElement(C,{last:(null==ie?void 0:ie.length)?ie.length-1:0,name:(null==e?void 0:e.label)||e.name}),tooltipType:"none"}))})),void 0!==O&&void 0!==P&&o.createElement(y,{onClick:function(){return le(!0)},x:0===O?1:O,y:P,r:4,shape:o.createElement(g,{ref:ce,r:4}),fill:k.colors.primaryBase,stroke:k.colors.primaryBase}))),o.createElement("div",{className:"custom-chart-label"},o.createElement("i",null),o.createElement(E,{size:"n1",color:k.colors.gray500},K)))};export{G as BabyGrowthChart,z as LABELS_PERCENTILE,B as LABELS_Z_SCORE};

package/build/esm/components/organisms/babyGrowthChart/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"styled-components";var e,i=t.div(e||(e=n(["\n  position: relative;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n  }\n"],["\n  position: relative;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n  }\n"])));export{i as StyledBabyGrowthChart};

package/build/esm/components/organisms/footer/discoverFooter/index.js

@@ -0,0 +1 @@
+import e from"react";import{Button as t}from"../../../atoms/button/index.js";import{Container as a}from"../../../atoms/container/index.js";import{Text as l}from"../../../atoms/text/index.js";import{domainLocales as n}from"../../../../interfaces/constants/index.js";import{theme as o}from"../../../../misc/theme.js";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import{StyledFooter as r,StyledFlag as c}from"./index.styled.js";var m=function(t){var a=t.url,l=t.isMobile,n=t.dataEventCategory,o=t.dataEventAction,i=t.dataEventLabel,r=t.isAmp;return e.createElement(c,{"data-is-mobile":l},r?e.createElement("amp-img",{className:"country-flag",src:a,alt:"Country Flag","data-event-category":n,"data-event-action":o,"data-content-label":i}):e.createElement("img",{loading:"lazy",className:"country-flag",src:a,alt:"Country Flag","data-event-category":n,"data-event-action":o,"data-content-label":i}))},s=function(c){var s,d,v,u,g,E,y,p,h,N,f,b,F,k,z,w,x,L,A,C,T,M,j,H,S,I,B,_,D,G,P=c.className,U=c.type,V=void 0===U?"main":U,q=c.footerInfo,J=c.isMobile,K=c.locale,O=c.isAmp,Q=i().t,R=null==q?void 0:q.menu,W=(null===(d=null===(s=null==q?void 0:q.general)||void 0===s?void 0:s.verified)||void 0===d?void 0:d.filter(Boolean))||[];return e.createElement(r,{as:O&&"mini"===V?"div":"footer",className:P,style:"mini"===V?{backgroundColor:o.colors.neutral50}:{},"next-page-hide":!0},e.createElement(a,null,e.createElement("div",{className:"inner","data-type":V,"next-page-hide":""},"main"===V?e.createElement(e.Fragment,null,e.createElement("a",{href:"/"},O?(null===(u=null==q?void 0:q.general)||void 0===u?void 0:u.logo)?e.createElement("amp-img",{src:null===(g=null==q?void 0:q.general)||void 0===g?void 0:g.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:e.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(v=null==q?void 0:q.general)||void 0===v?void 0:v.logo,alt:"Logo","data-is-sehat":"id-ID"===K})),e.createElement("div",{className:"columns"},e.createElement("div",{className:"newsletter"},e.createElement(l,{size:"p1",type:"bold"},null===(E=null==q?void 0:q.general)||void 0===E?void 0:E.content),e.createElement(t,{className:"signupButton",color:"primary",size:"lg"},Q("footer.signUp")),e.createElement("div",{className:"social"},e.createElement(l,{size:"sm",type:"regular"},null===(y=null==q?void 0:q.social)||void 0===y?void 0:y.title),e.createElement("div",{className:"icons"},null===(h=null===(p=null==q?void 0:q.social)||void 0===p?void 0:p.socials)||void 0===h?void 0:h.map((function(t,a){return e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,href:t.url},O?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",className:"social-icon"}))}))),e.createElement("hr",{className:"hrMobile"}))),e.createElement("div",null,R&&e.createElement(e.Fragment,null,e.createElement("div",{className:"biglinks"},null===(f=null===(N=R[0])||void 0===N?void 0:N.items)||void 0===f?void 0:f.map((function(t,a){return e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[K]).concat(t.url),className:"bigLink",key:a,href:t.url},t.title)}))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(b=R[1])||void 0===b?void 0:b.menu_title),null===(k=null===(F=R[1])||void 0===F?void 0:F.items)||void 0===k?void 0:k.map((function(t,a){return e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[K]).concat(t.url),className:"link",href:t.url,key:a},e.createElement(l,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:"https://".concat(n[K]).concat(t.url)},t.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(z=R[2])||void 0===z?void 0:z.menu_title),null===(x=null===(w=R[2])||void 0===w?void 0:w.items)||void 0===x?void 0:x.map((function(t,a){return t.url&&e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url,className:"link",href:t.url,key:a},e.createElement(l,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title))})))),!O&&e.createElement(e.Fragment,null,e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"otherSites"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(L=null==q?void 0:q.branch)||void 0===L?void 0:L.title),e.createElement("div",{className:"flags"},null===(C=null===(A=null==q?void 0:q.branch)||void 0===A?void 0:A.branch)||void 0===C?void 0:C.map((function(t,a){return e.createElement("a",{className:"link",href:t.url,key:a,"data-event-category":"Footer","data-event-action":t.name,"data-event-label":t.url},e.createElement(m,{url:t.flag,isMobile:J,dataEventCategory:"Footer",dataEventAction:t.name,dataEventLabel:t.url,isAmp:O}))}))))))),e.createElement("hr",null),e.createElement("div",{className:"copyright","data-is-amp":O||void 0},e.createElement("div",{className:"copyright-image-wrapper"},W.length?W.map((function(t,a){return e.createElement("a",{href:t.url,key:a,className:"copyright-image"},O?e.createElement("amp-img",{src:t.image,alt:"DMCA Icon",width:"100",height:"36"}):e.createElement("img",{loading:"lazy",src:t.image,alt:"DMCA Icon"}))})):null),e.createElement(l,{size:"xs",type:"regular",className:"copyright-content"},null===(T=null==q?void 0:q.general)||void 0===T?void 0:T.copyright)),"vi-VN"===K&&e.createElement(l,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):e.createElement(e.Fragment,null,(null==q?void 0:q.menu)&&e.createElement("div",{className:"columns"},e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(M=null==q?void 0:q.menu[1])||void 0===M?void 0:M.menu_title),null===(H=null===(j=null==q?void 0:q.menu[1])||void 0===j?void 0:j.items)||void 0===H?void 0:H.map((function(t){return e.createElement("a",{className:"link",href:t.url,key:t.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":t.title,"data-content-id":"https://".concat(n[K]).concat(t.url),"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[K]).concat(t.url)},e.createElement(l,{dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:"https://".concat(n[K]).concat(t.url),size:"sm",type:"regular",style:{color:o.colors.gray800}},t.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(S=null==q?void 0:q.menu[2])||void 0===S?void 0:S.menu_title),null===(B=null===(I=null==q?void 0:q.menu[2])||void 0===I?void 0:I.items)||void 0===B?void 0:B.map((function(t,a){return e.createElement("a",{className:"link",href:t.url,key:a,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":t.title,"data-content-id":t.url,"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url},e.createElement(l,{size:"sm",type:"regular",style:{color:o.colors.gray800},dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title))}))),!O&&"mini"!==V&&e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"newsletter"},e.createElement("div",{className:"social"},e.createElement(l,{size:"sm",type:"regular"},null===(_=null==q?void 0:q.social)||void 0===_?void 0:_.title),e.createElement("div",{className:"icons"},null===(G=null===(D=null==q?void 0:q.social)||void 0===D?void 0:D.socials)||void 0===G?void 0:G.map((function(t,a){return e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,href:t.url},O?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))}))))))))))};export{s as DiscoverFooter};

package/build/esm/components/organisms/footer/discoverFooter/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 o,e,r=i.footer(o||(o=n(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),t.mbDown,t.mbDown,t.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbUp,(function(n){return n.theme.colors.neutral500}),t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.neutral500}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbUp),p=i.div(e||(e=n(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"])));export{p as StyledFlag,r as StyledFooter};

package/build/esm/components/organisms/footer/index.js

@@ -0,0 +1 @@
+import e from"react";import{DiscoverFooter as o}from"./discoverFooter/index.js";import{MarryBabyFooter as r}from"./maryBabyFooter/index.js";var t=function(t){var i=t.type,n=t.isMobile,a=void 0===n||n,m=t.locale,l=t.footerInfo,c=t.isAmp,f=t.siteType,p=t.background;return"helloSites"===f?e.createElement(o,{isAmp:c,isMobile:a,type:i,locale:m,footerInfo:l||{}}):e.createElement(r,{footerMenu:l,background:p})};export{t as Footer};

package/build/esm/components/organisms/footer/maryBabyFooter/index.js

@@ -0,0 +1 @@
+import e from"react";import{Container as t}from"../../../atoms/container/index.js";import{Logo as l}from"../../../atoms/logo/index.js";import{theme as a}from"../../../../misc/theme.js";import{MarryBabyText as n}from"../../../atoms/marryBabyText/index.js";import{StyledFooterContainer as r,StyledContainer as o,StyledMenuContainer as c,StyledWrapMenuItem as m,StyledWrapItems as i,StyledWrapInfo as s,StyledWrapCopyRight as u}from"./index.styled.js";var d=function(d){var y,v=d.logoType,E=void 0===v?"marryBaby":v,f=d.footerMenu,p=d.background;if(!f)return null;var g=f.general,b=f.menu,k=f.socials;return e.createElement(r,{style:{backgroundColor:p||"none"}},e.createElement(o,null,e.createElement(t,null,e.createElement(c,null,null==b?void 0:b.map((function(t,l){var r=t.menu_title,o=t.items;return e.createElement(m,{key:"mbf".concat(l)},e.createElement(n,{className:"title",type:"subtitle-1",color:a.mbColors.pink},r),null==o?void 0:o.map((function(t,l){var r=t.title,o=t.url;return e.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(o),className:"link",href:o,key:"footer-links-".concat(l)},e.createElement(i,{key:"mbitem".concat(l)},e.createElement(n,{type:"bodytext-2",color:a.mbColors.gray},r)))})))})))),e.createElement(t,null,e.createElement(s,null,e.createElement(l,{className:"logo",type:E}),e.createElement("div",{className:"content"},e.createElement(n,{type:"bodytext-2",color:a.mbColors.gray},null==g?void 0:g.content)),e.createElement("div",{className:"social-link"},null==k?void 0:k.map((function(t,l){var a=t.icon,n=t.name,r=t.url;return e.createElement("a",{key:"social".concat(l),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n),"data-content-label":n,href:r},e.createElement("img",{loading:"lazy",src:a,alt:n}))}))))),e.createElement(u,null,e.createElement(t,null,e.createElement("div",{className:"content"},e.createElement(n,{type:"bodytext-3",color:a.colors.white},null==g?void 0:g.copyright),e.createElement("div",{className:"verify"},null===(y=null==g?void 0:g.verified)||void 0===y?void 0:y.map((function(t,l){var a=t.image,n=t.url;return e.createElement("img",{loading:"lazy",key:"imgMbFt".concat(l),src:a,alt:n})}))))))))};export{d as MarryBabyFooter};

package/build/esm/components/organisms/footer/maryBabyFooter/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as e}from"../../../../misc/utils.js";import t from"styled-components";var i,o,a,p,r,l,x,s=t.footer(i||(i=n(["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.mbColors.cobalt})),d=t.div(o||(o=n(["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"],["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"])),(function(n){return n.theme.colors.neutral200}),e.tdDown,e.mbDown),c=t.div(a||(a=n(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"])),e.mbDown),g=t.div(p||(p=n(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"]))),m=t.div(r||(r=n(["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"],["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"])),e.mbDown),f=t.div(l||(l=n(["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"],["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}),e.tdDown,e.mbDown),u=t.div(x||(x=n(["\n  overflow: hidden;\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: 150%;\n    height: 100%;\n    background-color: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"],["\n  overflow: hidden;\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: 150%;\n    height: 100%;\n    background-color: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),e.mbDown);export{u as StyledContainer,s as StyledFooterContainer,d as StyledMenuContainer,f as StyledWrapCopyRight,m as StyledWrapInfo,g as StyledWrapItems,c as StyledWrapMenuItem};

package/build/esm/components/organisms/heroBannerHealthTool/healthToolBanner.js

@@ -0,0 +1 @@
+import e from"react";import{Heading as t}from"../../atoms/heading/index.js";import{Text as n}from"../../atoms/text/index.js";import{HeroBanner as a}from"./index.js";import{useTranslations as l}from"../../../hooks/useTranslations.js";import{theme as i}from"../../../misc/theme.js";import{formatUserProfileUrl as r}from"../../../together/api/dataTransform.js";import{StyledHealthToolHeroContainer as o,StyledHealthToolBannerContainer as m,StyledHealthToolBannerTextContainer as d,StyledHealthToolBannerIconContainer as s}from"./index.styled.js";var c=function(c){var u,p,v,g=c.backgroundDesktopSrc,y=c.backgroundMobileSrc,_=c.title,h=c.className,w=c.isSide,f=c.isAmp,E=c.ovulationContent,b=l().t,j=r(null==E?void 0:E.reviewed_by);return e.createElement(o,{className:h,"data-is-side":w},e.createElement(m,{style:{backgroundImage:"url('".concat(y||g,"')")}},e.createElement(d,null,e.createElement(t,{tag:"h5",color:"white"},_),(null===(u=null==E?void 0:E.reviewed_by)||void 0===u?void 0:u.display_name)?e.createElement(n,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},e.createElement("span",{dangerouslySetInnerHTML:{__html:b("articlePage.articleReviewerBy",{name:'<a\n                          style="color: white"\n                          href="'.concat(j,'"\n                        >\n                        ').concat(E.reviewed_by.display_name,"\n                        </a>")})}}),e.createElement("span",null,b("tools.heading.on")),e.createElement("span",null,null==E?void 0:E.reviewed_date)):null),e.createElement(s,{"data-is-side":w},f?e.createElement("amp-img",{src:(null==E?void 0:E.featured_image)||"",alt:_,width:"100%",height:"100%"}):e.createElement("img",{src:(null==E?void 0:E.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:_}))),e.createElement(a,{className:"desktop-only",src:(null==E?void 0:E.featured_image)||"",backgroundSrc:g||y||"",title:_,reviewedSection:(null===(p=null==E?void 0:E.reviewed_by)||void 0===p?void 0:p.display_name)&&""!==(null===(v=null==E?void 0:E.reviewed_by)||void 0===v?void 0:v.display_name)&&e.createElement(n,{size:"n1",color:i.colors.white,style:{marginTop:12}},e.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:'<a\n                        style="color: white"\n                        href="'.concat(j,'"\n                      >\n                        ').concat(E.reviewed_by.display_name,"\n                      </a>"),date:null==E?void 0:E.reviewed_date})}}),e.createElement("span",null)),isSide:w}))};export{c as HealthToolHeroBanner};

package/build/esm/components/organisms/heroBannerHealthTool/index.js

@@ -0,0 +1 @@
+import e from"react";import{Heading as t}from"../../atoms/heading/index.js";import{StyledHeroBanner as a,StyledHeroBackground as r,StyledHeroContentContainer as c,StyledHeroInfoContainer as i,StyledHeroBannerContainer as m}from"./index.styled.js";var n=function(n){var l=n.src,s=n.title,o=n.backgroundSrc,d=n.className,g=n.reviewedSection,E=n.isAmp,h=n.isSide;return e.createElement(a,{className:d},e.createElement(r,{style:{backgroundImage:'url("'.concat(o,'")')}},e.createElement(c,{"data-is-side":h},e.createElement(i,{"data-is-side":h},e.createElement(t,{tag:"h4",color:"white"},s),g),e.createElement(m,null,E?e.createElement("amp-img",{src:l||"",alt:s,width:"140",height:"140"}):e.createElement("img",{src:l||"",style:{objectFit:"contain"},alt:s})))))};export{n as HeroBanner};

package/build/esm/components/organisms/heroBannerHealthTool/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=i.div(g||(g=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),o=i.div(l||(l=n(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: cover;\n"],["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: cover;\n"]))),d=i.div(c||(c=n(["\n  display: flex;\n  width: 100%;\n  max-width: 1170px;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 23px 40px;\n  "," {\n    flex-direction: row;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  max-width: 1170px;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 23px 40px;\n  "," {\n    flex-direction: row;\n  }\n"])),t.mbUp),p=i.div(m||(m=n(["\n  margin-bottom: 1rem;\n  "," {\n    padding-bottom: 10px;\n    max-width: 540px;\n    margin-right: 2rem;\n    padding-top: 13px;\n    &[data-is-side='true'] {\n      max-width: calc(100% - 120px);\n    }\n  }\n"],["\n  margin-bottom: 1rem;\n  "," {\n    padding-bottom: 10px;\n    max-width: 540px;\n    margin-right: 2rem;\n    padding-top: 13px;\n    &[data-is-side='true'] {\n      max-width: calc(100% - 120px);\n    }\n  }\n"])),t.mbUp),a=i.div(h||(h=n(["\n  position: absolute;\n  z-index: 0;\n  right: 16px;\n  bottom: -35px;\n  display: flex;\n  align-items: center;\n  "," {\n    text-align: unset;\n    img {\n      width: 190px;\n      height: 155px;\n    }\n    &[data-is-side='true'] {\n      width: 70px;\n    }\n  }\n\n  "," {\n    width: 70px;\n  }\n  text-align: center;\n"],["\n  position: absolute;\n  z-index: 0;\n  right: 16px;\n  bottom: -35px;\n  display: flex;\n  align-items: center;\n  "," {\n    text-align: unset;\n    img {\n      width: 190px;\n      height: 155px;\n    }\n    &[data-is-side='true'] {\n      width: 70px;\n    }\n  }\n\n  "," {\n    width: 70px;\n  }\n  text-align: center;\n"])),t.mbUp,t.mbDown),r=i.div(b||(b=n(["\n  width: 100%;\n  .desktop-only {\n    &[data-is-side='true'] {\n      display: none;\n      padding-bottom: 24px;\n    }\n    "," {\n      display: none;\n      padding-bottom: 24px;\n    }\n  }\n"],["\n  width: 100%;\n  .desktop-only {\n    &[data-is-side='true'] {\n      display: none;\n      padding-bottom: 24px;\n    }\n    "," {\n      display: none;\n      padding-bottom: 24px;\n    }\n  }\n"])),t.mbDown),s=i.div(u||(u=n(["\n  display: flex;\n  position: relative;\n  width: 100%;\n  padding: 0 16px;\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  align-items: center;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: relative;\n  width: 100%;\n  padding: 0 16px;\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  align-items: center;\n  "," {\n    display: none;\n  }\n"])),t.mbUp),x=i.div(w||(w=n(["\n  position: relative;\n  width: 28%;\n  margin-left: auto;\n  &[data-is-side='true'] {\n    width: 140px;\n    height: 105px;\n  }\n  "," {\n    width: 140px;\n    height: 105px;\n  }\n"],["\n  position: relative;\n  width: 28%;\n  margin-left: auto;\n  &[data-is-side='true'] {\n    width: 140px;\n    height: 105px;\n  }\n  "," {\n    width: 140px;\n    height: 105px;\n  }\n"])),t.mbDown);i.div(v||(v=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding-top: 71.72%;\n  background-position: top center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding-top: 71.72%;\n  background-position: top center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n"])));var g,l,c,m,h,b,u,w,v,f,y=i.div(f||(f=n(["\n  position: relative;\n  width: 100%;\n  padding: 0px 0 8px 0;\n"],["\n  position: relative;\n  width: 100%;\n  padding: 0px 0 8px 0;\n"])));export{s as StyledHealthToolBannerContainer,x as StyledHealthToolBannerIconContainer,y as StyledHealthToolBannerTextContainer,r as StyledHealthToolHeroContainer,o as StyledHeroBackground,e as StyledHeroBanner,a as StyledHeroBannerContainer,d as StyledHeroContentContainer,p as StyledHeroInfoContainer};

package/build/esm/components/organisms/navigationBookingButton/index.js

@@ -0,0 +1 @@
+import e from"react";import{Button as a}from"../../atoms/button/index.js";import{StyledButtonBooking as t}from"./index.styled.js";var r=function(r){var n=r.onCareHeaderClick,o=r.currentUrl,i=r.careUrlFe,l=r.btnName;return e.createElement(t,null,n?e.createElement(a,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:o,onClick:function(e){return n(e)}},l):e.createElement("a",{href:i,className:"care-button no-replace-click"},e.createElement(a,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:o},l)))};export{r as NavigationBookingButton};

package/build/esm/components/organisms/navigationBookingButton/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import o from"styled-components";var t,i=o.div(t||(t=n(["\n  a {\n    text-decoration: none;\n  }\n  .login-btn-mobile {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n"],["\n  a {\n    text-decoration: none;\n  }\n  .login-btn-mobile {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n"])));export{i as StyledButtonBooking};

package/build/esm/components/organisms/navigationLogoutPopup/index.js

@@ -0,0 +1 @@
+import e,{useEffect as o}from"react";import{Portal as t}from"@mantine/core";import{Button as l}from"../../atoms/button/index.js";import{Popup as s}from"../../molecules/popup/index.js";import{useTranslations as n}from"../../../hooks/useTranslations.js";import{CommonGAssets as r}from"../../../misc/gAssets/index.js";import{StyledPopup as c,StyledButtonGroup as a}from"./index.styled.js";var i=function(i){var m=i.openLogoutPopup,p=i.onCloseHandler,u=i.onLogoutHandler,g=i.siteType,d=void 0===g?"helloSites":g,h=n().t;return o((function(){document.body.classList.toggle("noscroll",m)}),[m]),e.createElement(t,null,e.createElement(s,{type:"confirm",isOpen:m,closeIcon:e.createElement("img",{src:r.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:p},e.createElement(c,null,"helloSites"===d&&e.createElement("img",{src:r.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),e.createElement("h2",null,h("helloSites"===d?"logout.popup.ask1":"logout.popup.ask.mb")),e.createElement("p",null,h("logout.popup.ask2")),e.createElement(a,{siteType:d},e.createElement(l,{className:"logout-button",color:"tertiary",size:"lg",onClick:u},h("logout.popup.button.logout")),e.createElement(l,{className:"cancel-button",color:"primary",size:"lg",onClick:p},h("logout.popup.button.cancel"))))))};export{i as NavigationLogoutPopup};

package/build/esm/components/organisms/navigationLogoutPopup/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 o from"styled-components";var e,i,p=o.div(e||(e=n(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),t.mbDown,t.mbUp,(function(n){return n.theme.colors.gray800}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.gray600}),t.mbDown,t.mbUp),r=o.div(i||(i=n(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),t.mbDown,t.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));export{r as StyledButtonGroup,p as StyledPopup};

package/build/esm/components/organisms/navigationProfileButton/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import n,{useState as r,useEffect as a}from"react";import{Avatar as i}from"../../atoms/avatar/index.js";import{Button as s}from"../../atoms/button/index.js";import{Text as l}from"../../atoms/text/index.js";import{useCSSFocusPopupHelper as c}from"../../../hooks/useCSSFocusPopupHelper.js";import{useTranslations as m}from"../../../hooks/useTranslations.js";import{CommonGAssets as u}from"../../../misc/gAssets/index.js";import{theme as d}from"../../../misc/theme.js";import{NavigationLogoutPopup as p}from"../navigationLogoutPopup/index.js";import{StyledImageWrapper as g,StyledLoggedOutAnchor as f,StyledAvatar as h}from"./index.styled.js";import{ProfilePopup as v}from"./profilePopup.js";var y=function(y){var E=y.userInfo,b=y.siteType,L=y.isAmp,P=y.onLoginClick,C=y.SSO_URL,k=y.currentUrl,A=y.isMinifyLogin,x=y.enableCare,U=y.enableTogether,j=y.enableEcom,w=y.isUserProfileNavigatorMenuHidden,B=y.UP_BASEPATH,S=y.isMyHealthEnabled,H=y.togetherApiDomain,M=y.onLogout,N=y.style,T=y.userProfileRouterPush,F=y.isLoading,z=y.locale,D=m().t,R=r(!1),_=R[0],I=R[1],O=(null==E?void 0:E.name)||(null==E?void 0:E.username),J=r(!1),W=J[0],q=J[1];a((function(){q(!0)}),[]);var G=c(),K=G.containerRef,Q=G.onContainerFocus,V=G.onContainerBlur,X=G.onButtonMouseDown,Y=G.onClose;return F&&!L?n.createElement(s,{size:"sm",color:"transparent",isLoading:!0}):(null==E?void 0:E.id)?n.createElement(n.Fragment,null,n.createElement(g,{ref:K,href:L?"".concat(C,"user/profile"):void 0,style:N,tabIndex:0,onBlur:V,onFocus:Q},n.createElement("div",{onMouseDown:X},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),n.createElement(i,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==E?void 0:E.avatar,firstLetter:O&&O.length?O[0].toUpperCase():"A",backgroundColor:"marryBaby"===b?d.mbColors.pink:d.colors.secondaryBase,isAmp:L})),!L&&n.createElement(v,{UP_BASEPATH:B,SSO_URL:C,dispatchLogout:function(){Y(),I(!0)},isOpen:!1,isMyHealthEnabled:S,enableCare:x,enableTogether:U,enableEcom:j,closePopup:Y,userInfo:E,siteType:b,isUserProfileNavigatorMenuHidden:w,togetherApiDomain:H,userProfileRouterPush:T,locale:z})),!L&&n.createElement(p,{openLogoutPopup:_,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),I(!1)},siteType:b,onLogoutHandler:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return I(!1),document.body.classList.toggle("noscroll",!1),[4,M()];case 1:return e.sent(),[2]}}))}))}})):n.createElement(f,{style:o({textDecoration:"none"},N),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":k,href:L?"".concat(C,"?returnUrl=").concat(k.replace("?amp=1","")):W?void 0:"".concat(C,"?returnUrl=").concat(k),"data-site-type":b},A?n.createElement(h,{onClick:P},n.createElement("img",{"data-src":u.getAssetPath("lock.png"),className:"avatar lazy",alt:"avatar"})):n.createElement(n.Fragment,null,"helloSites"===b&&n.createElement("img",{className:"mobile-only",src:u.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:P}),"marryBaby"===b&&n.createElement("div",{className:"mobile-only",onClick:P,style:{paddingLeft:16}},n.createElement(l,{size:"p3",color:d.mbColors.pink},D("navigation.loginJoin"))),n.createElement(s,{className:"login-btn",size:"md",color:"tertiary",onClick:P,icon:n.createElement("img",{src:u.getAssetPath("login.svg"),width:18,height:18}),theme:b},D("navigation.loginJoin"))))};export{y as NavigationProfileButton};

package/build/esm/components/organisms/navigationProfileButton/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 i}from"../../../misc/utils.js";import{getDefaultClassWrapper as e}from"../../../misc/defaultClassWrapper.js";import o from"styled-components";var a=o.div(s||(s=n(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),i.mbDown,i.mbUp,i.mbDown,i.mbUp,i.mbDown,i.mbUp,(function(n){return n.theme.colors.gray200}),i.mbDown,t.colors.neutral100,i.mbUp),p="hhgcomp-navprofilebutton-popup",r=e(a,p),d=o.div(h||(h=n(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),i.mbUp,i.mbDown),l="hhgcomp-navprofilebutton-popupwrapper";e(d,l);var s,h,x,c,b,g=o.div(x||(x=n(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),m=o.a(c||(c=n(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"])),p,i.mbDown,l),f=o.a(b||(b=n(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),i.mbUp,i.mbUp);export{g as StyledAvatar,m as StyledImageWrapper,f as StyledLoggedOutAnchor,r as StyledPopup,p as StyledPopupClass,l as StyledPopupWrapperClass,a as _StyledPopup,d as _StyledPopupWrapper};

package/build/esm/components/organisms/navigationProfileButton/popupWrapper.js

@@ -0,0 +1 @@
+import e from"react";import{StyledPopup as a}from"./index.styled.js";var t=function(t){var n=t.type,o=void 0===n?"lead":n,i=t.closeIcon,r=t.isOpen,c=void 0===r||r,d=t.onClose,l=t.children,s=t.enableAnimation,m=void 0===s||s,p=t.targetAvatar,v=t.id,u=t.className;return e.createElement(a,{"data-open":c,"data-type":o,"data-animation":m,"data-target":p,id:v,className:u},e.createElement("div",{className:"popup-content"},!!i&&e.createElement("div",{className:"close-button",onClick:d},i),l))};export{t as Popup};

package/build/esm/components/organisms/navigationProfileButton/profilePopup.js

@@ -0,0 +1 @@
+import e from"react";import{UserProfileNavigation as o}from"../userProfileNavigation/index.js";import{Popup as n}from"./popupWrapper.js";var t=function(t){var i=t.SSO_URL,a=t.UP_BASEPATH,r=t.isOpen,l=t.targetAvatar,c=t.userInfo,p=t.enableCare,s=t.enableTogether,u=t.enableEcom,f=t.closePopup,m=t.siteType,d=void 0===m?"helloSites":m,g=t.dispatchLogout,h=t.userProfileRouterPush,P=t.isUserProfileNavigatorMenuHidden,v=t.isMyHealthEnabled,b=void 0!==v&&v,A=t.togetherApiDomain,C=t.locale,E=function(e){h?h("/".concat(e)):i&&(window.location.href="".concat(i).concat(a,"/").concat(e))},S=function(e){E(e),f()};return e.createElement(n,{isOpen:r,type:"profile",enableAnimation:!0,targetAvatar:l,onClose:f},e.createElement(o,{SSO_URL:i,UP_BASEPATH:a,themeName:d,userInfo:c,enableCare:p,enableTogether:s,enableEcom:u,onClickLogout:function(){g&&(g(),f())},onClickMenuItem:S,onClickNavigationCard:S,onClickMyProfileButton:function(){E("profile"),f()},isUserProfileNavigatorMenuHidden:P,isMyHealthEnabled:b,togetherApiDomain:A,locale:C}))};export{t as ProfilePopup};

package/build/esm/components/organisms/navigationV2/components/atoms/ClosePopupIcon.js

@@ -0,0 +1 @@
+import e from"react";function t(t){var n=t.className,d=t.ampHidden,i=t.ampBindHiddenCondition;return e.createElement("div",{"data-amp-bind-hidden":i,hidden:d},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},e.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}export{t as ClosePopupIcon};

package/build/esm/components/organisms/navigationV2/components/atoms/HamburgerIcon.js

@@ -0,0 +1 @@
+import e from"react";import{CommonGAssets as t}from"../../../../../misc/gAssets/index.js";function a(a){var i=a.siteType,n=a.type,s=a.enableSearch,r=a.className,l=a.ampBindHiddenCondition;return"helloSites"===i?e.createElement("div",{"data-amp-bind-hidden":l},e.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:s?t.getAssetPath("hamburgerMenuNewWithSearch.svg"):t.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:n,className:r})):e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}export{a as HamburgerIcon};

package/build/esm/components/organisms/navigationV2/components/atoms/ItemNav/index.js

@@ -0,0 +1 @@
+import e from"react";import{useCSSFocusPopupHelper as t}from"../../../../../../hooks/useCSSFocusPopupHelper.js";import{useIsInit as a}from"../../../../../../hooks/useIsInit.js";import{StyledHeaderMenuItem as n,StyledMenuButton as o,StyledMenuIconWrapper as r}from"./index.styled.js";var l=function(l){var i=l.item,c=l.menu,m=t({allowBgScroll:!0}),s=m.containerRef,d=m.onContainerFocus,u=m.onContainerBlur,v=m.onButtonMouseDown,p=m.onClose,g=a();return!i.popupType&&i.link?e.createElement(n,{className:g?"":"menu-handler-".concat(i.id),tabIndex:0,as:"a",href:i.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":i.link},e.createElement(o,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":i.link},i.name)):e.createElement(n,{ref:s,className:g?"":"menu-handler-".concat(i.id),tabIndex:0,key:i.id,onBlur:u,onFocus:d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":i.link},e.createElement(o,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":i.link,onMouseDown:v},i.name,i.popupType&&e.createElement(r,null,e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),e.isValidElement(c)?e.cloneElement(c,{onClose:p}):null)};export{l as ItemMenu};

package/build/esm/components/organisms/navigationV2/components/atoms/ItemNav/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../../externals/tslib/tslib.es6.js';import{getDefaultClassWrapper as e}from"../../../../../../misc/defaultClassWrapper.js";import t from"styled-components";import{StyledMenuPopupWrapperClass as o}from"../PopupWrapper/index.styled.js";var r,i,s,a=t.div(r||(r=n(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  text-decoration: none;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid ",";\n    svg path {\n      stroke: ",";\n    }\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n      border-bottom: 1px solid ",";\n      svg path {\n        stroke: ",";\n      }\n      svg:hover path {\n        stroke: ",";\n      }\n    }\n\n    ."," {\n      visibility: initial;\n      opacity: 1;\n    }\n  }\n  &:not(:focus-within) {\n    ."," {\n      img {\n        display: none;\n      }\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"],["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  text-decoration: none;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid ",";\n    svg path {\n      stroke: ",";\n    }\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n      border-bottom: 1px solid ",";\n      svg path {\n        stroke: ",";\n      }\n      svg:hover path {\n        stroke: ",";\n      }\n    }\n\n    ."," {\n      visibility: initial;\n      opacity: 1;\n    }\n  }\n  &:not(:focus-within) {\n    ."," {\n      img {\n        display: none;\n      }\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.pink}),o,o,(function(n){return n.theme.colors.secondaryDark})),l="hhgcomp-navigation-itemnav-headeritem",c=e(a,l),p=t.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),m=t.div(s||(s=n(["\n  cursor: pointer;\n  * {\n    pointer-events: none;\n  }\n"],["\n  cursor: pointer;\n  * {\n    pointer-events: none;\n  }\n"])));export{c as StyledHeaderMenuItem,l as StyledHeaderMenuItemClass,m as StyledMenuButton,p as StyledMenuIconWrapper,a as _StyledHeaderMenuItem};

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/btnClosePopup.js

@@ -0,0 +1 @@
+import e from"react";import{StyledCloseWrapper as t}from"./index.styled.js";var o=function(o){var r=o.onClosePopup;return e.createElement(t,{className:"close-btn",onClick:r},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))};export{o as BtnClosePopup};

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/index.js

@@ -0,0 +1 @@
+import e from"react";import{Container as t}from"../../../../../atoms/container/index.js";import{BtnClosePopup as n}from"./btnClosePopup.js";import{StyledMenuPopupWrapper as o,StyledContainer as l,StyledGridContainer as a}from"./index.styled.js";var r=function(r){var s=r.onClosePopup,m=r.isDisplay,i=r.children,p=r.isNavMenu,u=r.hideCloseBtn;return e.createElement(o,{className:"top-menu-health-tools","data-is-display":!!m,"data-is-nav-menu":!!p},e.createElement(t,null,!u&&e.createElement(l,null,e.createElement(n,{onClosePopup:s})),e.createElement(a,null,i)))};export{r as PopupWrapper};

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../../externals/tslib/tslib.es6.js';import{Container as i}from"../../../../../atoms/container/index.js";import{getDefaultClassWrapper as t}from"../../../../../../misc/defaultClassWrapper.js";import{MediaQueries as o}from"../../../../../../misc/utils.js";import e from"styled-components";import{Z_INDEX as p}from"../../../constants.js";var r=e(i)(a||(a=n(["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"],["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"])),o.mbDown,o.mbUp);e.div(s||(s=n(["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"],["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"])));var a,s,d,l,g,m=e.div(d||(d=n(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: ",";\n  transition: opacity 0.2s ease-in-out;\n  &[data-is-display='false'] {\n    visibility: hidden;\n    opacity: 0;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: ",";\n  transition: opacity 0.2s ease-in-out;\n  &[data-is-display='false'] {\n    visibility: hidden;\n    opacity: 0;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),p.menuCategoryPopupWrapper,(function(n){return n.theme.colors.white})),x="hhgcomp-navigation-popupwrapper-menuwrapper",c=t(m,x),u=e.div(l||(l=n(["\n  position: relative;\n  z-index: 1;\n"],["\n  position: relative;\n  z-index: 1;\n"]))),b=e.div(g||(g=n(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));export{b as StyledCloseWrapper,u as StyledContainer,r as StyledGridContainer,c as StyledMenuPopupWrapper,x as StyledMenuPopupWrapperClass,m as _StyledMenuPopupWrapper};

package/build/esm/components/organisms/navigationV2/components/atoms/SearchIcon.js

@@ -0,0 +1 @@
+import e from"react";var t=function(){return e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))};export{t as SearchIcon};

package/build/esm/components/organisms/navigationV2/components/atoms/searchInput/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{PureInput as n}from"../../../../../atoms/pureInput/index.js";import{useTranslations as a}from"../../../../../../hooks/useTranslations.js";import{LOCALE_SPECS as o}from"../../../../../../interfaces/constants/index.js";import{NavigationContext as r}from"../../../navigationContext.js";import{SearchIcon as c}from"../SearchIcon.js";var i=function(){var i=t(r),s=i.locale,m=i.configs.statics,l=i.siteType,p=a().t;return e.createElement(n,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===l?p("navigation.search.input.placeholder"):p("home.search",{site:o[s||"en-PH"]?o[s||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(e){return"Enter"===e.key&&(window.location.href="".concat(m.HOME_PAGE_URL,"/search/?s=").concat(e.target.value))},type:"search",onFocus:function(e){e.preventDefault()},displayIcon:e.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},e.createElement(c,null))})};export{i as SearchInput};

package/build/esm/components/organisms/navigationV2/components/molecules/Categories/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{Heading as a}from"../../../../../atoms/heading/index.js";import{CommonGAssets as i}from"../../../../../../misc/gAssets/index.js";import{NavigationContext as n}from"../../../navigationContext.js";import{StyledItemGridLeft as l,StyledHeading as r,StyledItem as m,StyledIconNav as o,StyledViewMore as s,StyledItemAll as c,StyledImageWrapper as h}from"./index.styled.js";var g=function(g){var d=g.hrefViewMore,v=g.titleBtnViewMore,u=g.UrlFE,p=g.onClosePopup,y=g.menuItems,E=g.headingTitle,x=t(n),f=x.siteType,k=x.isAmp;return e.createElement(l,null,e.createElement(r,null,e.createElement(a,{tag:"marryBaby"===f?"h5":"h6",as:"h2",fontWeight:"semibold"},E)),null==y?void 0:y.slice(0,6).map((function(t,a){var n=(null==t?void 0:t.link)?(null==t?void 0:t.link.startsWith("http"))?null==t?void 0:t.link:"".concat(u,"/").concat(null==t?void 0:t.link.split("/").filter(Boolean).join("/"),"/"):"/";return e.createElement(m,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":n,"data-is-heading-category":!1,href:n,"data-theme":f,key:a,onClick:p},e.createElement("div",{className:"icon"},k?e.createElement("img",{alt:t.name,src:t.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}}):e.createElement("img",{className:"lazy",alt:t.name,"data-src":t.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),e.createElement("p",null,t.name),e.createElement(o,null,e.createElement("img",{src:i.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),v&&e.createElement(s,{"data-theme":f,style:{textDecoration:"none"},href:d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":d},e.createElement(c,{onClick:p,"data-theme":f,"data-is-heading-category":!1},v,e.createElement(h,null,e.createElement("img",{className:"svg",src:"marryBaby"===f?i.getAssetPath("chevronRightPink.svg"):i.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))};export{g as Categories};

package/build/esm/components/organisms/navigationV2/components/molecules/Categories/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../../externals/tslib/tslib.es6.js';import{MediaQueries as e}from"../../../../../../misc/utils.js";import t from"styled-components";var o,r,i,a,p,l,s,d=t.div(o||(o=n(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),e.mbUp),m=t.a(r||(r=n(["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),c=t.div(i||(i=n(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),e.mbDown),f=t.div(a||(a=n(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),e.mbUp),g=t.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),h=t.div(l||(l=n(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),x=t.a(s||(s=n(["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),e.mbDown);export{c as StyledHeading,f as StyledIconNav,h as StyledImageWrapper,m as StyledItem,g as StyledItemAll,d as StyledItemGridLeft,x as StyledViewMore};

package/build/esm/components/organisms/navigationV2/components/molecules/Spotlights/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{Heading as a}from"../../../../../atoms/heading/index.js";import{CommonGAssets as r}from"../../../../../../misc/gAssets/index.js";import{NavigationContext as i}from"../../../navigationContext.js";import{StyledItemGridRight as n,StyledHeading as o,StyledViewMore as m}from"./index.styled.js";var s=function(s){var h=s.title,l=s.viewMore,c=s.children,g=s.link,v=s.dataEventAction,d=void 0===v?"":v,p=t(i).siteType;return e.createElement(n,null,e.createElement(o,null,e.createElement(a,{tag:"marryBaby"===p?"h5":"h6",as:"h2",fontWeight:"semibold"},h),l&&e.createElement(m,{"data-event-category":"Hamburger Navigation","data-event-action":d,"data-event-label":g,href:g,"data-theme":p},l,e.createElement("img",{src:"marryBaby"===p?r.getAssetPath("chevronRightPink.svg"):r.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),c)};export{s as Spotlights};

package/build/esm/components/organisms/navigationV2/components/molecules/Spotlights/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 o from"styled-components";var e,i,r,a=o.div(e||(e=n(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),t.mbDown,(function(n){return n.theme.colors.neutral100})),p=o.div(i||(i=n(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),l=o.a(r||(r=n(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),t.mbDown);export{p as StyledHeading,a as StyledItemGridRight,l as StyledViewMore};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCareList/Item/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{LOCALIZED_SLUGS as a}from"../../../../../../../care/interfaces/constants.js";import{useTranslations as r}from"../../../../../../../hooks/useTranslations.js";import{CommonGAssets as n}from"../../../../../../../misc/gAssets/index.js";import{NavigationContext as s}from"../../../../navigationContext.js";import{StyledItem as l,StyledImageCard as c,StyledImageCardInner as i,StyledContentWrapper as m,StyledTitle as o,StyledDes as g,StyledBtnView as v}from"./index.styled.js";var d=function(d){var p,u=d.item,E=d.index,f=void 0===E?0:E,h=r().t,x=t(s),A=x.locale,C=x.configs.statics,j=x.isAmp;if(!u)return null;var y="".concat(C.CARE_URL_FE,"/").concat(null===(p=a[A])||void 0===p?void 0:p.HOSPITAL,"/").concat(u.slug,"-").concat(u.id);return e.createElement(l,{key:u.id,href:y,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(f+1),"data-event-label":y},j?e.createElement("img",{src:n.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg"}):e.createElement("img",{"data-src":n.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg lazy"}),e.createElement(c,null,e.createElement(i,null,j?e.createElement("img",{alt:u.name,src:u.logo||"/images/avatar.jpg"}):e.createElement("img",{className:"lazy",alt:u.name,"data-src":u.logo||"/images/avatar.jpg"}))),e.createElement(m,null,e.createElement(o,null,u.name),e.createElement(g,null,u.description),e.createElement(v,null,h("home.seeMore"),e.createElement("img",{src:n.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))};export{d as Item};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCareList/Item/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../../../externals/tslib/tslib.es6.js';import{theme as i}from"../../../../../../../misc/theme.js";import{getDefaultClassWrapper as e}from"../../../../../../../misc/defaultClassWrapper.js";import{MediaQueries as o}from"../../../../../../../misc/utils.js";import t from"styled-components";var p,d,r,x,a,l,g,s=t.div(p||(p=n(["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"],["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"])),o.tdDown,o.mbDown),h=t.div(d||(d=n(["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"],["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"]))),f=t.div(r||(r=n(["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),o.tdDown),c=t.p(x||(x=n(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray800}),o.tdDown),m=t.p(a||(a=n(["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray600}),o.tdDown),w=t.div(l||(l=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"])),o.tdDown),b="hhgcomp-navigation-menucareitem-contentwrapper",u=e(w,b),y=t.a(g||(g=n(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"])),i.colors.white,o.tdUp,o.tdDown,b,o.mbDown,o.tdOnly,i.colors.neutral100);export{f as StyledBtnView,u as StyledContentWrapper,b as StyledContentWrapperClass,m as StyledDes,s as StyledImageCard,h as StyledImageCardInner,y as StyledItem,c as StyledTitle,w as _StyledContentWrapper};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCareList/careSpotlights.js

@@ -0,0 +1 @@
+import t from"react";import{useTranslations as e}from"../../../../../../hooks/useTranslations.js";import{CommonGAssets as o}from"../../../../../../misc/gAssets/index.js";import{SpotlightNoData as i}from"../spotlightNoData/index.js";import{Spotlights as r}from"../Spotlights/index.js";import{StyledContainerItems as n}from"./index.styled.js";import{Item as a}from"./Item/index.js";var m=function(m){var s=m.spotlights,l=void 0===s?[]:s,c=m.hrefViewMore,p=e().t;return t.createElement(r,{title:p("home.navigator.menu.spotlightHospitals")},0!==l.length?t.createElement(n,null,null==l?void 0:l.slice(0,3).map((function(e,o){return t.createElement(a,{key:o,index:o,item:e})}))):t.createElement(i,{title:p("home.navigator.menu.care.noDatas.title"),description:p("home.navigator.menu.care.noDatas.description"),link:c,cta:p("home.navigator.menu.care.noDatas.cta"),icon:o.getAssetPath("community.svg")}))};export{m as CareSpotlights};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCareList/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{LOCALIZED_SLUGS as o}from"../../../../../../care/interfaces/constants.js";import{useTranslations as i}from"../../../../../../hooks/useTranslations.js";import{NavigationContext as r}from"../../../navigationContext.js";import{getCareSearchUrl as n}from"../../../utils.js";import{PopupWrapper as a}from"../../atoms/PopupWrapper/index.js";import{Categories as s}from"../Categories/index.js";import{CareSpotlights as l}from"./careSpotlights.js";var m=function(m){var p,c=m.careSpecialties,u=void 0===c?[]:c,f=m.isOpen,g=m.onClose,v=m.spotlights,h=void 0===v?[]:v,E=i().t,d=t(r),C=d.locale,j=d.configs.statics,S="".concat(j.CARE_URL_FE,"/").concat(null===(p=o[C])||void 0===p?void 0:p.SPECIALTIES);return e.createElement(a,{onClosePopup:g,isDisplay:f,isNavMenu:!0},e.createElement(s,{headingTitle:E("home.navigator.menuItem.specialties"),hrefViewMore:S,UrlFE:j.CARE_URL_FE,onClosePopup:g,titleBtnViewMore:E("home.navigator.menuItem.allSpecialties"),menuItems:(null==u?void 0:u.map((function(e){return e?{name:String(e.name)||"",link:n({type:"DOCTOR",specialtySlug:e.slug,locale:C}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{}})))||[]}),e.createElement(l,{spotlights:h,hrefViewMore:S}))};export{m as MenuCareList};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCareList/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 e from"styled-components";e.div(o||(o=n(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));var o,a,d=e.div(a||(a=n(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"])),t.tdDown);export{d as StyledContainerItems};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCategoriesList/Item/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{NavigationContext as a}from"../../../../navigationContext.js";import{StyledItem as n,StyledImageCard as i,StyledTitle as l}from"./index.styled.js";var r=function(r){var m=r.item,o=r.index,c=void 0===o?0:o;if(!m)return null;var s=t(a).isAmp;return e.createElement(n,{key:m.id,href:m.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(c+1),"data-event-label":m.link},e.createElement(i,null,s?e.createElement("img",{alt:m.title,src:m.banner||"/images/notFound-min-small.jpg"}):e.createElement("img",{className:"lazy",alt:m.title,"data-src":m.banner||"/images/notFound-min-small.jpg"})),e.createElement(l,null,m.title))};export{r as Item};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCategoriesList/Item/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../../../externals/tslib/tslib.es6.js';import{MediaQueries as i}from"../../../../../../../misc/utils.js";import t from"styled-components";var e,o,p,d=t.a(e||(e=n(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"]))),l=t.div(o||(o=n(["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"],["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"])),i.tdDown),s=t.p(p||(p=n(["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),i.tdUp);export{l as StyledImageCard,d as StyledItem,s as StyledTitle};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCategoriesList/categorySpotlights.js

@@ -0,0 +1 @@
+import t,{useContext as e}from"react";import{useTranslations as i}from"../../../../../../hooks/useTranslations.js";import{CommonGAssets as o}from"../../../../../../misc/gAssets/index.js";import{NavigationContext as n}from"../../../navigationContext.js";import{SpotlightNoData as r}from"../spotlightNoData/index.js";import{Spotlights as a}from"../Spotlights/index.js";import{StyledContainerItems as s}from"./index.styled.js";import{Item as m}from"./Item/index.js";var l=function(l){var g=l.spotlightsList,c=void 0===g?[]:g,p=l.hrefViewMore,h=i().t,d=e(n).configs.statics;return t.createElement(a,{title:h("home.navigator.menu.spotlights"),viewMore:h("home.navigator.menu.spotlights.seeAll"),link:p,dataEventAction:"Spotlight See More Click"},0!==c.length?t.createElement(s,null,null==c?void 0:c.slice(0,4).map((function(e,i){return t.createElement(m,{key:i,index:i,item:{id:e.id,link:d.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})}))):t.createElement(r,{title:h("home.navigator.menu.category.noDatas.title"),description:h("home.navigator.menu.category.noDatas.description"),link:p,cta:h("home.navigator.menu.category.noDatas.cta"),icon:o.getAssetPath("Spotlight.svg")}))};export{l as CategorySpotlights};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCategoriesList/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{useTranslations as o}from"../../../../../../hooks/useTranslations.js";import{NavigationContext as i}from"../../../navigationContext.js";import{PopupWrapper as n}from"../../atoms/PopupWrapper/index.js";import{Categories as r}from"../Categories/index.js";import{CategorySpotlights as a}from"./categorySpotlights.js";var l=function(l){var s=l.categories,m=void 0===s?[]:s,p=l.spotlightsList,c=void 0===p?[]:p,u=l.onClose,g=l.isOpen,f=o().t,h=t(i),v=h.locale,E=h.configs.statics;return e.createElement(n,{onClosePopup:u,isDisplay:g,isNavMenu:!0},e.createElement(r,{hrefViewMore:"".concat(E.HOME_PAGE_URL).concat("tl-PH"===v?"/fil":"","/categories/"),UrlFE:E.HOME_PAGE_URL,onClosePopup:u,titleBtnViewMore:f("home.navigator.menuItem.allCategories"),menuItems:(null==m?void 0:m.map((function(e){return e?{name:e.displayName||null,link:(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{}})))||[],headingTitle:f("home.navigator.menuItem.healthCategories")}),e.createElement(a,{spotlightsList:c,hrefViewMore:"".concat(E.HOME_PAGE_URL).concat("tl-PH"===v?"/fil":"","/spotlight/")}))};export{l as MenuCategoriesList};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCategoriesList/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";i.div(a||(a=n(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"]))),i.div(d||(d=n(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var a,d,p,e=i.div(p||(p=n(["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])),t.tdDown);export{e as StyledContainerItems};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCommunitiesList/Item/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{NavigationContext as a}from"../../../../navigationContext.js";import n from"dayjs";import o from"dayjs/plugin/relativeTime";import{UserAvatar as l}from"../../../../../../../together/components/atoms/userAvatar/index.js";import{StyledItem as r,StyledContent as i,StyledInfoUser as m,StyledWrapInfo as c,StyledName as u,StyledInfo as d,StyledCategory as v,StyledDot as s,StyledModifiedTime as p,StyledTitle as E,StyledImage as g}from"./index.styled.js";n.extend(o);var h=function(o){var h,f,y,j,T,x,N,b=o.post,C=o.index,k=void 0===C?0:C,w=t(a),A=w.siteType,D=w.configs.statics,H=w.isAmp;if(!b)return null;var z=[D.TOGETHER_URL_FE,null===(h=b.community)||void 0===h?void 0:h.slug].join("/"),L=[z,b.slug].join("/"),R=b.createdAt,_=R?isNaN(new Date(R).getTime())?null:new Date(R):null,F=_?n(_).toNow(!0):R;return e.createElement(r,{href:L,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(k+1),"data-event-label":L},e.createElement(i,null,e.createElement(m,null,e.createElement(l,{avatar:null===(f=b.author)||void 0===f?void 0:f.avatar,username:(null===(y=b.author)||void 0===y?void 0:y.name)||(null===(j=b.author)||void 0===j?void 0:j.username),isLazy:!H}),e.createElement(c,null,e.createElement(u,{"data-theme":A},null===(T=b.author)||void 0===T?void 0:T.name),e.createElement(d,null,e.createElement(v,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(k+1),"data-event-label":z,onClick:function(e){e.preventDefault(),location.href=z},"data-theme":A},null===(x=b.community)||void 0===x?void 0:x.name),e.createElement(s,null,"•"),e.createElement(p,{"data-theme":A},F)))),e.createElement(E,null,b.title)),!!(null===(N=b.photos)||void 0===N?void 0:N.length)&&(H?e.createElement(g,{src:b.photos[0]}):e.createElement(g,{className:"lazy","data-src":b.photos[0]})))};export{h as Item};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCommunitiesList/Item/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 e from"styled-components";var o,i,a,r,p,l,x,d,s,c,f,g=e.div(o||(o=n(["\n  padding: 5px;\n  flex: 1;\n"],["\n  padding: 5px;\n  flex: 1;\n"]))),h=e.img(i||(i=n(["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"],["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"]))),m=e.div(a||(a=n(["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),y=e.div(r||(r=n(["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),b=e.div(p||(p=n(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),w=e.div(l||(l=n(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),u=e.a(x||(x=n(["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),t.tdOnly,t.mbDown,t.tdUp),v=e.div(d||(d=n(["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"],["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"]))),z=e.div(s||(s=n(["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"],["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),B=e.div(c||(c=n(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"]))),j=e.div(f||(f=n(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"],["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"])));export{y as StyledCategory,g as StyledContent,w as StyledDot,h as StyledImage,B as StyledInfo,v as StyledInfoUser,u as StyledItem,b as StyledModifiedTime,m as StyledName,z as StyledTitle,j as StyledWrapInfo};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCommunitiesList/communitySpotlights.js

@@ -0,0 +1 @@
+import t,{useContext as e}from"react";import{useTranslations as o}from"../../../../../../hooks/useTranslations.js";import{CommonGAssets as n}from"../../../../../../misc/gAssets/index.js";import{NavigationContext as i}from"../../../navigationContext.js";import{SpotlightNoData as r}from"../spotlightNoData/index.js";import{Spotlights as s}from"../Spotlights/index.js";import{StyledContainerItems as m}from"./index.styled.js";import{Item as a}from"./Item/index.js";var c=function(c){var l=c.spotlights,g=void 0===l?[]:l,p=e(i).configs.statics,d=o().t;return t.createElement(s,{title:d("home.navigator.menu.trendingPosts"),viewMore:d("home.navigator.menu.trendingPosts.seeMore"),link:p.TOGETHER_URL_FE,dataEventAction:"Together See More Click"},0!==g.length?t.createElement(m,null,null==g?void 0:g.slice(0,4).map((function(e,o){return t.createElement(a,{index:o,post:e,key:e.id})}))):t.createElement(r,{title:d("home.navigator.menu.together.noPosts.title"),description:d("home.navigator.menu.together.noPosts.description"),link:"".concat(p.HOME_PAGE_URL,"/community/"),cta:d("home.navigator.menu.together.noPosts.cta"),icon:n.getAssetPath("community.svg")}))};export{c as CommunitySpotlights};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCommunitiesList/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{useTranslations as o}from"../../../../../../hooks/useTranslations.js";import{NavigationContext as i}from"../../../navigationContext.js";import{PopupWrapper as n}from"../../atoms/PopupWrapper/index.js";import{Categories as m}from"../Categories/index.js";import{CommunitySpotlights as r}from"./communitySpotlights.js";var s=function(s){var a=s.communities,l=void 0===a?[]:a,p=s.onClose,u=s.isOpen,g=s.spotlights,h=void 0===g?[]:g,c=o().t,f=t(i).configs.statics;return e.createElement(n,{onClosePopup:p,isDisplay:u,isNavMenu:!0},e.createElement(m,{hrefViewMore:f.TOGETHER_URL_FE,UrlFE:f.TOGETHER_URL_FE,onClosePopup:p,titleBtnViewMore:c("home.navigator.menuItem.allCommunities"),menuItems:(null==l?void 0:l.map((function(e){return e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{}})))||[],headingTitle:c("home.navigator.menuItem.allCommunitiesheadingTitle")}),e.createElement(r,{spotlights:h}))};export{s as MenuCommunitiesList};

package/build/esm/components/organisms/navigationV2/components/molecules/menuCommunitiesList/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 o from"styled-components";o.div(d||(d=n(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),o.div(i||(i=n(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var d,i,r,a=o.div(r||(r=n(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"],["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"])),t.tdDown,t.mbDown);export{a as StyledContainerItems};

package/build/esm/components/organisms/navigationV2/components/molecules/menuHealthToolsList/Item/index.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{NavigationContext as a}from"../../../../navigationContext.js";import{useTranslations as n}from"../../../../../../../hooks/useTranslations.js";import{CommonGAssets as r}from"../../../../../../../misc/gAssets/index.js";import{StyledItem as i,StyledContentWrapper as l,StyledTitle as s,StyledDes as m,StyledBtnView as c,StyledImageCard as o}from"./index.styled.js";var g=function(g){var v=g.item,p=g.index,d=void 0===p?0:p,E=n().t,h=t(a),u=h.configs.statics,f=h.isAmp;if(!v)return null;var x=v.link?v.link.startsWith("http")?v.link:"".concat(u.HOME_PAGE_URL).concat(v.link):void 0;return e.createElement(i,{href:x,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(d+1),"data-event-label":x},f?e.createElement("img",{src:r.getAssetPath("navToolCardBg.svg"),alt:"",className:"bg-svg"}):e.createElement("img",{"data-src":r.getAssetPath("navToolCardBg.svg"),alt:"",className:"bg-svg lazy"}),e.createElement(l,null,e.createElement(s,null,v.title),e.createElement(m,null,v.subtitle),e.createElement(c,null,E("home.seeMore"),e.createElement("img",{src:r.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),e.createElement(o,null,f?e.createElement("img",{alt:v.title,src:v.icon||"/images/avatar.jpg"}):e.createElement("img",{className:"lazy",alt:v.title,"data-src":v.icon||"/images/avatar.jpg"})))};export{g as Item};