@hhgtech/hhg-components 1.23.82-beta-1 → 1.23.82-beta-2

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 n}from"../../../../../../misc/gAssets/index.js";import{NavigationContext as i}from"../../../navigationContext.js";import{StyledItemGridLeft as l,StyledHeading as r,StyledItem as o,StyledIconNav as m,StyledViewMore as c,StyledItemAll as s,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,f=t(i).siteType;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 i=(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(o,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":i,"data-is-heading-category":!1,href:i,"data-theme":f,key:a,onClick:p},e.createElement("div",{className:"icon"},e.createElement("img",{loading:"lazy",alt:t.name,src:t.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),e.createElement("p",null,t.name),e.createElement(m,null,e.createElement("img",{src:n.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),v&&e.createElement(c,{"data-theme":f,style:{textDecoration:"none"},href:d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":d},e.createElement(s,{onClick:p,"data-theme":f,"data-is-heading-category":!1},v,e.createElement(h,null,e.createElement("img",{className:"svg",src:"marryBaby"===f?n.getAssetPath("chevronRightPink.svg"):n.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 r,i,o,a,p,d,s,l=t.div(r||(r=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(i||(i=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      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\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      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\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(o||(o=n(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),e.mbDown),g=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),f=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(d||(d=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,g as StyledIconNav,h as StyledImageWrapper,m as StyledItem,f as StyledItemAll,l 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 n}from"../../../../../../../hooks/useTranslations.js";import{CommonGAssets as r}from"../../../../../../../misc/gAssets/index.js";import{NavigationContext as l}from"../../../../navigationContext.js";import{StyledItem as i,StyledImageCard as o,StyledImageCardInner as c,StyledContentWrapper as s,StyledTitle as m,StyledDes as g,StyledBtnView as v}from"./index.styled.js";var d=function(d){var p,u=d.item,f=d.index,E=void 0===f?0:f,h=n().t,x=t(l),j=x.locale,y=x.configs.statics;if(!u)return null;var A="".concat(y.CARE_URL_FE,"/").concat(null===(p=a[j])||void 0===p?void 0:p.HOSPITAL,"/").concat(u.slug,"-").concat(u.id);return e.createElement(i,{key:u.id,href:A,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(E+1),"data-event-label":A},e.createElement("img",{src:r.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),e.createElement(o,null,e.createElement(c,null,e.createElement("img",{loading:"lazy",alt:u.name,src:u.logo||"/images/avatar.jpg"}))),e.createElement(s,null,e.createElement(m,null,u.name),e.createElement(g,null,u.description),e.createElement(v,null,h("home.seeMore"),e.createElement("img",{src:r.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 from"react";import{StyledItem as t,StyledImageCard as a,StyledTitle as n}from"./index.styled.js";var l=function(l){var i=l.item,r=l.index,o=void 0===r?0:r;return i?e.createElement(t,{key:i.id,href:i.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(o+1),"data-event-label":i.link},e.createElement(a,null,e.createElement("img",{loading:"lazy",alt:i.title,src:i.banner||"/images/notFound-min-small.jpg"})),e.createElement(n,null,i.title)):null};export{l 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 g,StyledTitle as p,StyledImage as E}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),D=w.siteType,H=w.configs.statics;if(!b)return null;var A=[H.TOGETHER_URL_FE,null===(h=b.community)||void 0===h?void 0:h.slug].join("/"),R=[A,b.slug].join("/"),_=b.createdAt,z=_?isNaN(new Date(_).getTime())?null:new Date(_):null,F=z?n(z).toNow(!0):_;return e.createElement(r,{href:R,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(k+1),"data-event-label":R},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)}),e.createElement(c,null,e.createElement(u,{"data-theme":D},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":A,onClick:function(e){e.preventDefault(),location.href=A},"data-theme":D},null===(x=b.community)||void 0===x?void 0:x.name),e.createElement(s,null,"•"),e.createElement(g,{"data-theme":D},F)))),e.createElement(p,null,b.title)),!!(null===(N=b.photos)||void 0===N?void 0:N.length)&&e.createElement(E,{loading:"lazy",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 i}from"../../../../../../../misc/gAssets/index.js";import{StyledItem as r,StyledContentWrapper as l,StyledTitle as o,StyledDes as s,StyledBtnView as c,StyledImageCard as m}from"./index.styled.js";var g=function(g){var v=g.item,d=g.index,p=void 0===d?0:d,h=n().t,u=t(a).configs.statics;if(!v)return null;var E=v.link?v.link.startsWith("http")?v.link:"".concat(u.HOME_PAGE_URL).concat(v.link):void 0;return e.createElement(r,{href:E,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(p+1),"data-event-label":E},e.createElement("img",{src:i.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),e.createElement(l,null,e.createElement(o,null,v.title),e.createElement(s,null,v.subtitle),e.createElement(c,null,h("home.seeMore"),e.createElement("img",{src:i.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),e.createElement(m,null,e.createElement("img",{loading:"lazy",alt:v.title,src:v.icon||"/images/avatar.jpg"})))};export{g as Item};

package/build/esm/components/organisms/navigationV2/components/molecules/menuHealthToolsList/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 i,o,p,l,r,s,a=e.a(i||(i=n(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"])),t.tdDown,t.tdDown),d=e.div(o||(o=n(["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"],["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"])),t.tdDown),x=e.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),h=e.p(l||(l=n(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),g=e.p(r||(r=n(["\n  font-size: 14px;\n  line-height: 1.4;\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    display: none;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.4;\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    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),t.tdDown),f=e.div(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"])),t.tdUp,t.tdDown);export{x as StyledBtnView,f as StyledContentWrapper,g as StyledDes,d as StyledImageCard,a as StyledItem,h as StyledTitle};

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

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{NavigationContext as a}from"../../../../navigationContext.js";import{useTranslations as l}from"../../../../../../../hooks/useTranslations.js";import{CommonGAssets as n}from"../../../../../../../misc/gAssets/index.js";import{StyledItem as r,StyledContentWrapper as i,StyledImageCard as o,StyledWrapName as s,StyledContent as m,StyledTitle as c,StyledDes as g,StyledBtnView as d}from"./index.styled.js";var v=function(v){var E=v.item,u=v.index,h=void 0===u?0:u,p=v.color,f=l().t,x=t(a).configs.statics;if(!E)return null;var y=E.link?E.link.startsWith("http")?E.link:"".concat(x.HOME_PAGE_URL).concat(E.link):void 0,C=function(){return e.createElement(o,null,e.createElement("img",{loading:"lazy",alt:E.title,src:E.icon||"/images/avatar.jpg"}))},k=function(){return e.createElement(s,null,e.createElement(m,null,e.createElement(c,null,E.title),e.createElement(g,null,E.subtitle)),e.createElement(d,null,e.createElement("div",{className:"mobile-only"},f("home.seeMore")),e.createElement("img",{src:n.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return e.createElement(r,{href:y,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(h+1),"data-event-label":y,"data-color":p},e.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),e.createElement("img",{src:n.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),e.createElement(i,null,e.createElement("div",{className:"mobile-only"},C()),e.createElement("div",{className:"desktop-only"},k())),e.createElement("div",{className:"mobile-only"},k()),e.createElement("div",{className:"desktop-only"},C()))};export{v as ItemMarryBaby};

package/build/esm/components/organisms/navigationV2/components/molecules/menuHealthToolsList/ItemMarryBaby/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 i,o,l,p,r,s,d,x,a=e.a(i||(i=n(["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),t.tdDown,t.mbDown,t.tdUp,t.tdUp,t.tdDown),f=e.div(o||(o=n(["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"],["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"])),t.tdDown,t.mbDown),g=e.div(l||(l=n(["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"])),(function(n){return n.theme.mbColors.gray}),t.tdDown,(function(n){return n.theme.mbColors.pink})),h=e.p(p||(p=n(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),c=e.p(r||(r=n(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),t.tdDown),u=e.div(s||(s=n(["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"])),t.tdUp,t.tdDown),b=e.div(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"])),t.tdUp,t.tdDown),m=e.div(x||(x=n(["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"])),t.tdUp,t.tdDown);export{g as StyledBtnView,b as StyledContent,u as StyledContentWrapper,c as StyledDes,f as StyledImageCard,a as StyledItem,h as StyledTitle,m as StyledWrapName};

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

@@ -0,0 +1 @@
+import o,{useContext as t}from"react";import{useTranslations as e}from"../../../../../../hooks/useTranslations.js";import{STATIC_PAGES as i}from"../../../../../../interfaces/constants/index.js";import{NavigationContext as n}from"../../../navigationContext.js";import{PopupWrapper as l}from"../../atoms/PopupWrapper/index.js";import{Categories as a}from"../Categories/index.js";import{ToolSpotlights as r}from"./toolSpotlights.js";var s=function(s){var m,p=s.locale,c=s.onClose,h=s.isOpen,f=s.spotlightHealthTools,u=void 0===f?[]:f,v=s.healthTools,E=void 0===v?[]:v,d=e().t,g=t(n).configs.statics,H="".concat(g.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"").concat((null===(m=i[p])||void 0===m?void 0:m.HEALTH_TOOLS)||"");return o.createElement(l,{onClosePopup:c,isDisplay:h,isNavMenu:!0},o.createElement(a,{hrefViewMore:H,UrlFE:g.HOME_PAGE_URL,onClosePopup:c,headingTitle:d("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:d("home.navigator.menuItem.allHealthTools"),menuItems:E.map((function(o){return{name:o.title,link:o.link?o.link.startsWith("http")?o.link:"".concat(g.HOME_PAGE_URL).concat(o.link):void 0,thumbnail:o.icon}}))}),o.createElement(r,{spotlightHealthTools:u,hrefViewMore:H}))};export{s as MenuHealthToolsList};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../../externals/tslib/tslib.es6.js';import{MediaQueries as p}from"../../../../../../misc/utils.js";import s from"styled-components";s.div(a||(a=n(["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])));var a,i,e=s.div(i||(i=n(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"])),p.tdDown);export{e as StyledContainerItems};

package/build/esm/components/organisms/navigationV2/components/molecules/menuHealthToolsList/toolSpotlights.js

@@ -0,0 +1 @@
+import t,{useContext as e}from"react";import{useTranslations as o}from"../../../../../../hooks/useTranslations.js";import{CommonGAssets as i}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 m}from"./index.styled.js";import{Item as s}from"./Item/index.js";import{ItemMarryBaby as l}from"./ItemMarryBaby/index.js";var h=function(h){var p=h.hrefViewMore,c=h.spotlightHealthTools,g=void 0===c?[]:c,d=o().t,f=["pink","orange","green"],u=e(n).siteType;return t.createElement(a,{title:d("home.navigator.menu.spotlightTools")},0!==g.length&&t.createElement(m,null,null==g?void 0:g.slice(0,3).map((function(e,o){return"marryBaby"===u?t.createElement(l,{key:o,index:o,item:e,color:f[o]}):t.createElement(s,{key:o,index:o,item:e})}))),0===g.length&&t.createElement(r,{title:d("home.navigator.menu.healthTools.noDatas.title"),description:d("home.navigator.menu.healthTools.noDatas.description"),link:p,cta:d("home.navigator.menu.healthTools.noDatas.cta"),icon:i.getAssetPath("community.svg")}))};export{h as ToolSpotlights};

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

@@ -0,0 +1 @@
+import t,{useContext as e}from"react";import{LOCALIZED_SLUGS as o}from"../../../../../../care/interfaces/constants.js";import{useTranslations as i}from"../../../../../../hooks/useTranslations.js";import{STATIC_PAGES as r}from"../../../../../../interfaces/constants/index.js";import{NavigationContext as n}from"../../../navigationContext.js";import{SearchInput as s}from"../../atoms/searchInput/index.js";import{Categories as l}from"../Categories/index.js";import{CareSpotlights as a}from"../menuCareList/careSpotlights.js";import{CategorySpotlights as m}from"../menuCategoriesList/categorySpotlights.js";import{CommunitySpotlights as c}from"../menuCommunitiesList/communitySpotlights.js";import{ToolSpotlights as h}from"../menuHealthToolsList/toolSpotlights.js";import{StyledMasterMenuContainer as p,StyledServiceListMenuSearchInputWrapper as u,StyledWrapper as g}from"./index.styled.js";var f=function(f){var E,d,v=f.closePopup,L=f.menuItems,C=void 0===L?[]:L,j=e(n),_=j.siteType,H=j.ssrMenuContent,M=H.categories,P=H.healthTools,S=H.care,T=H.together,A=j.activeMenuService,I=j.configs,w=I.statics,x=I.enableSearchBar,O=j.locale,R=i().t;return t.createElement(p,{id:"categories-menu"},x?t.createElement(u,{"data-theme":_,onClick:function(){window.location.href="".concat(w.HOME_PAGE_URL,"/search")}},t.createElement(s,null)):null,t.createElement(g,null,t.createElement(l,{UrlFE:w.HOME_PAGE_URL,titleBtnViewMore:R("home.navigator.menuItem.allCategories"),menuItems:C,headingTitle:R("home.navigator.menuItem.healthCategories"),onClosePopup:v}),"categories"===A&&t.createElement(m,{spotlightsList:(null==M?void 0:M.spotlights)||[],hrefViewMore:"".concat(w.HOME_PAGE_URL).concat("tl-PH"===O?"/fil":"","/spotlight/")}),"tools"===A&&t.createElement(h,{spotlightHealthTools:null==P?void 0:P.spotlights,hrefViewMore:"".concat(w.HOME_PAGE_URL).concat("tl-PH"===O?"/fil":"").concat((null===(E=r[O])||void 0===E?void 0:E.HEALTH_TOOLS)||"")}),"care"===A&&t.createElement(a,{spotlights:null==S?void 0:S.spotlights,hrefViewMore:"".concat(w.CARE_URL_FE,"/").concat(null===(d=o[O])||void 0===d?void 0:d.SPECIALTIES)}),"together"===A&&t.createElement(c,{spotlights:null==T?void 0:T.spotlights})))};export{f as MenuServiceList};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../../externals/tslib/tslib.es6.js';import i from"styled-components";import{Z_INDEX as e}from"../../../constants.js";var t=i.div(r||(r=n(["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"])));i.div(a||(a=n(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),i.div(o||(o=n(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),i.div(p||(p=n(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"]))),i.div(d||(d=n(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"]))),i.div(l||(l=n(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"]))),i.div(x||(x=n(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),e.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),i.div(g||(g=n(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),i.div(s||(s=n(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),i.div(c||(c=n(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),i.div(m||(m=n(["\n  display: none;\n"],["\n  display: none;\n"]))),i.div(f||(f=n(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),i.div(h||(h=n(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\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})),i.div(u||(u=n(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),i.div(b||(b=n(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),i.div(y||(y=n(["\n  display: block;\n"],["\n  display: block;\n"]))),i.div(w||(w=n(["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),i.div(v||(v=n(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink}));var r,a,o,p,d,l,x,g,s,c,m,f,h,u,b,y,w,v,k,z,j=i.div(k||(k=n(["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"],["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray})),B=i.div(z||(z=n(["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"],["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"])));export{t as StyledMasterMenuContainer,j as StyledServiceListMenuSearchInputWrapper,B as StyledWrapper};

package/build/esm/components/organisms/navigationV2/components/molecules/navigationBar/bookingButton/index.js

@@ -0,0 +1 @@
+import t from"react";import{Button as a}from"../../../../../../atoms/button/index.js";import e from"./style.module.scss.js";var r=function(r){var o=r.onCareHeaderClick,n=r.currentUrl,c=r.careUrlFe,i=r.btnName;return o?t.createElement(a,{className:e.bookingButton,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:n,onClick:function(t){return o(t)}},i):t.createElement("a",{href:c,className:"".concat(e.bookingButtonAnchor," care-button no-replace-click")},t.createElement(a,{className:e.bookingButton,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:n},i))};export{r as BookingButton};

package/build/esm/components/organisms/navigationV2/components/molecules/navigationBar/bookingButton/style.module.scss.js

@@ -0,0 +1 @@
+var o={bookingButton:"_6gGCHV-",bookingButtonAnchor:"YDzfyQU"};export{o as default};

package/build/esm/components/organisms/navigationV2/components/molecules/navigationBar/hamburgerMenu/index.js

@@ -0,0 +1 @@
+import e,{useContext as o}from"react";import{DisplayWrapper as t}from"../../../../../../atoms/displayWrapper/index.js";import{useCSSFocusPopupHelper as a}from"../../../../../../../hooks/useCSSFocusPopupHelper.js";import{NavigationContext as n}from"../../../../navigationContext.js";import{ClosePopupIcon as r}from"../../../atoms/ClosePopupIcon.js";import{HamburgerIcon as m}from"../../../atoms/HamburgerIcon.js";import{MenuServiceList as s}from"../../menuServiceList/index.js";import i from"./style.module.scss.js";var c=function(c){var l=c.type,u=void 0===l?"home":l,p=c.menuItems,d=o(n),b=d.siteType,f=d.configs.enableSearchBar,v=a(),g=v.containerRef,y=v.onContainerFocus,C=v.onContainerBlur,j=v.onButtonMouseDown,E=v.onClose;return e.createElement(t,{mediaQueryKey:"mbDown"},e.createElement("header",{className:i.menuContainer},e.createElement("div",{className:i.menuIcon,ref:g,role:"button",tabIndex:0,onBlur:C,onFocus:y},e.createElement("div",{className:i.menuIconWrapper,onMouseDown:j,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},e.createElement(r,{className:"mobile-close-icon"}),e.createElement(m,{siteType:b,type:u,enableSearch:f,className:"mobile-hamburger-icon"})),e.createElement(s,{menuItems:p,closePopup:E}))))};export{c as HamburgerMenu};

package/build/esm/components/organisms/navigationV2/components/molecules/navigationBar/hamburgerMenu/style.module.scss.js

@@ -0,0 +1 @@
+var n={menuContainer:"IQdn7tn",menuIcon:"_1jX3mGY",menuIconWrapper:"arD755Y"};export{n as default};

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

@@ -0,0 +1 @@
+import e,{useContext as t,useState as n,useRef as o,useCallback as r,useEffect as i}from"react";import{Logo as l}from"../../../../../atoms/logo/index.js";import{useTranslations as a}from"../../../../../../hooks/useTranslations.js";import{LOCALE_SPECS as s,UP_BASEPATH as m}from"../../../../../../interfaces/constants/index.js";import c from"lodash/throttle";import{DisplayWrapper as d}from"../../../../../atoms/displayWrapper/index.js";import{NavigationProfileButton as u}from"../../../../navigationProfileButton/index.js";import{CommonGAssets as p}from"../../../../../../misc/gAssets/index.js";import{NavigationContext as f}from"../../../navigationContext.js";import{ItemMenu as h}from"../../atoms/ItemNav/index.js";import{SearchInput as g}from"../../atoms/searchInput/index.js";import{MenuCareList as y}from"../menuCareList/index.js";import{MenuCategoriesList as E}from"../menuCategoriesList/index.js";import{MenuCommunitiesList as v}from"../menuCommunitiesList/index.js";import{MenuHealthToolsList as w}from"../menuHealthToolsList/index.js";import{BookingButton as b}from"./bookingButton/index.js";import{HamburgerMenu as T}from"./hamburgerMenu/index.js";import{StyledHeaderWrapper as C,StyledHeader as L,StyledLeftGroup as x,StyledLogoWrapper as j,StyledRightGroup as B,StyledProfileNavGroup as U,StyledWrapMenuItems as P}from"./index.styled.js";var S=function(h){var g,y=h.onTopBarAppears,E=h.type,v=void 0===E?"home":E,w=h.languageMenu,P=h.menuItems,S=h.setSitewideBannerClosed,M=h.sitewideBannerClosed,R=t(f),_=R.siteType,A=R.isMobile,H=void 0!==A&&A,N=R.locale,O=R.sitewideBanner,Y=R.sitewideBannerShown,D=void 0===Y||Y,F=R.sponsorComponent,G=R.onBookingClick,K=R.currentUrl,Q=R.onLoginClick,V=R.configs,W=V.statics,q=V.enableNavCareBooking,z=V.enableSearchBar,J=V.enableNavCare,X=V.enableProfileMyHealth,Z=V.enableNavTogether,$=V.enableProfileEcom,ee=V.enableProfileNavigatorMenu,te=R.userState.userInfo,ne=R.onLogout,oe=R.userProfileRouterPush,re=R.isUserLoading,ie=a().t,le=W.SSO_URL,ae=W.HOME_PAGE_URL,se=!!F,me=n(!1),ce=me[0],de=me[1],ue=o(47),pe=o(null),fe=o(!1),he="helloSites"===_?null===(g=s[N])||void 0===g?void 0:g.LOGO_TYPE:_,ge="undefined"!=typeof window,ye=r(c((function(){if("home"===v&&ge){if(!pe.current)return;var e=pe.current.getBoundingClientRect();e.top<=0&&window.scrollY>ue.current&&window.scrollY>e.height+20&&!fe.current&&(fe.current=!0,de(!0)),window.scrollY<ue.current&&fe.current&&(fe.current=!1,de(!1)),window.scrollY>=0&&(ue.current=window.scrollY)}}),200),[]);i((function(){null==y||y(!ce)}),[ce]),i((function(){return window.addEventListener("scroll",ye,{passive:!0}),function(){window.removeEventListener("scroll",ye)}}),[]),i((function(){H&&ye()}),[H]);var Ee=D&&!!O&&!M;return e.createElement(C,{"data-site-type":_,"data-sponsored":se,"data-sitewide-banner-shown":Ee,"data-header-type":v,"data-collapsed":ce,"data-with-search-input":"popup-sub-level"!==v,"data-is-displayed":!0,id:"site-header",ref:pe},O?e.isValidElement(O)?e.cloneElement(O,{isCollapsed:ce,setBannerClosed:S,isMobile:H}):O:null,e.createElement(L,{"data-site-type":_},e.createElement(x,{"data-site-type":_},e.createElement(T,{menuItems:P,type:v}),e.createElement("a",{href:ae},e.createElement(j,null,e.createElement(l,{style:{display:"flex"},type:he,badge:"id-ID"===N&&e.createElement("img",{src:p.getAssetPath("sehat-badge.png"),width:"56",height:"23"}),dateForSeasonal:new Date,locale:N,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===_?e.createElement(I,{menuItems:P}):z&&e.createElement(k,{siteType:_})),e.createElement(B,{"data-site-type":_},"marryBaby"===_?z&&e.createElement(k,{siteType:_}):e.createElement(I,{menuItems:P}),e.createElement(U,null,q&&e.createElement(d,{mediaQueryKey:"mbUp"},e.createElement(b,{careUrlFe:W.CARE_URL_FE,currentUrl:K,btnName:ie("login.booking"),onCareHeaderClick:G})),w,e.createElement(u,{userInfo:te,siteType:_,onLoginClick:Q||function(){var e=window.location.href;window.location.href=le?"".concat(le,"?returnUrl=").concat(e):e},SSO_URL:W.SSO_URL+"/",currentUrl:K,onLogout:ne,UP_BASEPATH:m,isMyHealthEnabled:X,enableCare:J,enableTogether:Z,enableEcom:$,togetherApiDomain:W.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!ee,userProfileRouterPush:oe,isLoading:re,locale:N})))),F?e.isValidElement(F)?e.cloneElement(F,{isCollapsed:ce,locale:N,isMobile:H}):F:null)},k=function(t){var n=t.siteType;return e.createElement(d,{mediaQueryKey:"mbUp",className:"marryBaby"===n?"marry-baby":""},e.createElement(g,null))},I=function(n){var o=n.menuItems,r=t(f),i=r.siteType,l=r.locale,a=r.ssrMenuContent,s=a.categories,m=a.healthTools,c=a.care,u=a.together;return e.createElement(d,{mediaQueryKey:"mbUp",style:{height:"100%"}},e.createElement(P,{"data-site-type":i},null==o?void 0:o.map((function(t,n){return e.createElement(h,{key:n,item:t,menu:"categories"===t.popupType?e.createElement(E,{categories:null==s?void 0:s.items,spotlightsList:null==s?void 0:s.spotlights}):"tools"===t.popupType?e.createElement(w,{locale:l,healthTools:null==m?void 0:m.items,spotlightHealthTools:null==m?void 0:m.spotlights}):"together"===t.popupType?e.createElement(v,{communities:null==u?void 0:u.items,spotlights:null==u?void 0:u.spotlights}):"care"===t.popupType?e.createElement(y,{careSpecialties:null==c?void 0:c.items,spotlights:null==c?void 0:c.spotlights}):null})}))))};export{S as NavigationBar};

package/build/esm/components/organisms/navigationV2/components/molecules/navigationBar/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 a from"styled-components";import{Z_INDEX as t}from"../../../constants.js";var i=a.div(s||(s=n(["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"],["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),e.mbUp,e.mbDown,t.headerContainerHome,t.headerContainerPopup,t.headerContainerPopupSUbLevel,(function(n){return n.theme.mbColors.lightGray})),r=a.div(l||(l=n(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"])),e.pcDown,e.mbDown,e.tdUp),p=a.div(m||(m=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),e.pcDown),o=a.div(x||(x=n([""],[""]))),d=a.div(g||(g=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),e.pcUp,e.pcDown,e.mbDown);a.div(h||(h=n(["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"],["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"])));var s,l,m,x,g,h,b,y,f=a.div(b||(b=n(["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"],["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"])),e.pcDown,e.mbDown),c=a.div(y||(y=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])));export{r as StyledHeader,i as StyledHeaderWrapper,p as StyledLeftGroup,o as StyledLogoWrapper,f as StyledProfileNavGroup,d as StyledRightGroup,c as StyledWrapMenuItems};

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

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{CommonGAssets as a}from"../../../../../../misc/gAssets/index.js";import{Button as n}from"../../../../../atoms/button/index.js";import{NavigationContext as r}from"../../../navigationContext.js";import{StyledContainerNoPosts as l,StyledLeft as m,StyledContentLeft as i,StyledTitle as s,StyledDescription as o}from"./index.styled.js";var c=function(c){var g=c.title,d=c.link,u=c.description,v=c.cta,E=c.icon,h=t(r).siteType;return e.createElement(l,{"data-theme":h},e.createElement(m,null,e.createElement("img",{src:"marryBaby"===h?a.getAssetPath("navMBSpotlightBgNoData.svg"):a.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),e.createElement(i,null,E&&e.createElement("img",{src:E,width:64,height:64}))),e.createElement("div",null,g&&e.createElement(s,null,g),u&&e.createElement(o,null,u),v&&e.createElement("div",null,e.createElement("a",{href:d},e.createElement(n,{theme:h,className:"survey-contact-submit",size:"md"},v)))))};export{c as SpotlightNoData};

package/build/esm/components/organisms/navigationV2/components/molecules/spotlightNoData/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 i,o,r,p,s,d=e.div(i||(i=n(["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"],["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"])),t.mbDown,t.mbUp),l=e.div(o||(o=n(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),g=e.div(r||(r=n(["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"],["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"]))),a=e.div(p||(p=n(["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"],["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"]))),f=e.div(s||(s=n(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"])),t.mbDown);export{d as StyledContainerNoPosts,a as StyledContentLeft,l as StyledDescription,f as StyledLeft,g as StyledTitle};

package/build/esm/components/organisms/navigationV2/constants.js

@@ -0,0 +1 @@
+var e={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},o={adBlock:48,headerContainerHome:99,headerContainerPopup:300,headerContainerPopupSUbLevel:400,menuCategoryPopupWrapper:200,menuCategoryPopupContainer:210,menuSearchInputPopup:5,menuSearchInputDisplayIcon:6,menuSearchPopup:300,homeSearchComponent:200};export{e as TOGETHER_PATHS,o as Z_INDEX};

package/build/esm/components/organisms/navigationV2/hooks/useHeaderHeight.js

@@ -0,0 +1 @@
+import{useRef as e,useState as n,useCallback as i,useEffect as r,useMemo as o}from"react";import t from"lodash/debounce";var d=function(d){var l=d.hasSponsoredBanners,s=d.isSiteWide,u=d.isSponsored,v=d.isShowingSiteWideBanner,a=d.isMobile,c=e(null),h=n(0),w=h[0],f=h[1],m=n(64),g=m[0],p=m[1],H=i(t((function(){var e,n,i,r,o=(null===(e=c.current)||void 0===e?void 0:e.clientHeight)||(null===(i=null===(n=c.current)||void 0===n?void 0:n.children[0])||void 0===i?void 0:i.clientHeight)||0;window.scrollY<=o+200&&(f(o),p((null===(r=c.current)||void 0===r?void 0:r.getBoundingClientRect().bottom)||w))}),200),[]);r((function(){return window.addEventListener("resize",H,{passive:!0}),window.addEventListener("scroll",H,{passive:!0}),H(),function(){window.removeEventListener("resize",H),window.removeEventListener("scroll",H)}}),[]),r((function(){H()}),[a,s,v,u,l,c.current]);var S=o((function(){var e=a?64:69;return v&&(e+=64),u&&(e+=40,l&&(e+=57)),e}),[a,v,l,u]);return{defaultHeaderHeight:S,headerHeight:w||S,headerBottom:g,headerRef:c}};export{d as useHeaderHeight};

package/build/esm/components/organisms/navigationV2/hooks/useInsider.js

@@ -0,0 +1 @@
+import{__assign as i}from'./../../../../externals/tslib/tslib.es6.js';import{useContext as n,useEffect as l}from"react";import{NavigationContext as o}from"../navigationContext.js";var e=function(){var e=n(o),d=e.isFirstLogin,u=e.userState.userInfo;l((function(){(null==u?void 0:u.id)&&(d?(null==u?void 0:u.email)&&""!==(null==u?void 0:u.email)?window.insider_object={user:i({uuid:null==u?void 0:u.id,email:null==u?void 0:u.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==u?void 0:u.name)?{name:null==u?void 0:u.name}:{})}:window.insider_object={user:i({uuid:null==u?void 0:u.id,sign_up:!0},(null==u?void 0:u.name)?{name:null==u?void 0:u.name}:{})}:(null==u?void 0:u.email)&&""!==(null==u?void 0:u.email)?window.insider_object={user:i({uuid:null==u?void 0:u.id,email:null==u?void 0:u.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==u?void 0:u.name)?{name:null==u?void 0:u.name}:{})}:window.insider_object={user:i({uuid:null==u?void 0:u.id,log_in:!0},(null==u?void 0:u.name)?{name:null==u?void 0:u.name}:{})})}),[])};export{e as useInsider};

package/build/esm/components/organisms/navigationV2/hooks/useNavConfig.js

@@ -0,0 +1 @@
+import{useMemo as r}from"react";import{CARE_LOCALES as e,CARE_BOOKING_LOCALES as a,TOGETHER_LOCALES as o}from"../../../../interfaces/constants/index.js";import{getCurrentBaseUrl as n,getCurrentSsoUrl as i,getTogetherApiDomain as c,getDiscoverApiDomain as t}from"../../../../misc/routing.js";var m=function(m){var y=m.locale,l=m.projectType,b=m.isMobile,s=m.siteType;return r((function(){var r=!(!b&&"profile"===l),m="discover"===l||"marryBaby"===l||"profile"===l&&"marryBaby"===s,E="marryBaby"!==s&&"marryBaby"!==l&&e.includes(y),f="marryBaby"!==l&&"discover"===l&&"marryBaby"!==s&&a.includes(y),u="marryBaby"===l||o.includes(y),B="ecom"===l,v="ecom"===l,p=n(y,"marryBaby"===s),_=i(y,"marryBaby"===s);return{enableProfileNavigatorMenu:r,enableSearchBar:m,enableNavCare:E,enableNavCareBooking:f,enableNavTogether:u,enableNavEcom:B,enableProfileEcom:v,enableProfileMyHealth:true,statics:{HOME_PAGE_URL:p,CARE_URL_FE:"".concat(p,"/care"),TOGETHER_URL_FE:"".concat(p,"/community"),SSO_URL:_,TOGETHER_API:c(),DISCOVER_API:t(y)}}}),[y,l,b])};export{m as useNavConfig};

package/build/esm/components/organisms/navigationV2/hooks/useNavServices.js

@@ -0,0 +1 @@
+import{useContext as e,useMemo as t}from"react";import{useTranslations as o}from"../../../../hooks/useTranslations.js";import{STATIC_PAGES as a}from"../../../../interfaces/constants/index.js";import{CommonGAssets as n}from"../../../../misc/gAssets/index.js";import{NavigationContext as s}from"../navigationContext.js";var i=function(){var i=o().t,m=e(s),r=m.siteType,l=m.locale,h=m.configs,p=h.enableNavCare,c=h.enableNavTogether,g=h.enableNavEcom,u=h.statics,v="marryBaby"===r,T=t((function(){var e,t=[{name:i("home.navigator.menuItem.discover"),id:"categories",link:"".concat(u.HOME_PAGE_URL).concat("tl-PH"===l?"/fil":"","/categories"),niceName:"",thumbnail:v?n.getAssetPath("categories-mb.svg"):n.getAssetPath("discover.png"),popupType:"categories"},{name:i("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(u.HOME_PAGE_URL).concat("tl-PH"===l?"/fil":"").concat((null===(e=a[l])||void 0===e?void 0:e.HEALTH_TOOLS)||""),thumbnail:v?n.getAssetPath("healthtools-mb.svg"):n.getAssetPath("healthTools.png"),popupType:"tools"}];return p&&t.push({name:i("home.navigator.menuItem.helloCare"),id:"care",link:u.HOME_PAGE_URL+"/care",thumbnail:n.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===l?null:"care"}),c&&t.push({name:i("home.navigator.menuItem.helloTogether"),id:"together",link:u.TOGETHER_URL_FE+"/",thumbnail:v?n.getAssetPath("community-mb.svg"):n.getAssetPath("together.png"),popupType:"together"}),g&&t.push({name:i("home.navigator.menuItem.helloEcom"),id:"ecom",link:u.HOME_PAGE_URL+"/ecom",thumbnail:n.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[l,p,c,g]);return T};export{i as useNavServices};

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

@@ -0,0 +1 @@
+import{__assign as e,__awaiter as t,__generator as o}from'./../../../externals/tslib/tslib.es6.js';import n,{useState as i}from"react";import{LanguageSwitcher as a}from"../../molecules/languageSwitcher/index.js";import{domainLocales as s,CARE_LOCALES as l,TOGETHER_LOCALES as r}from"../../../interfaces/constants/index.js";import{getCareApiDomain as c,getTogetherApiDomain as u,getDiscoverApiDomain as d}from"../../../misc/routing.js";import{formatCommunity as v,formatPost as p}from"../../../together/api/dataTransform.js";import{NavigationBar as h}from"./components/molecules/navigationBar/index.js";import{useHeaderHeight as m}from"./hooks/useHeaderHeight.js";import{useInsider as f}from"./hooks/useInsider.js";import{useNavServices as g}from"./hooks/useNavServices.js";import{StyledContainer as j}from"./index.styled.js";import{NavigationProvider as w}from"./navigationContext.js";import{formatSpecialties as b,formatDoctor as y,formatCategory as B,formatSpotlightsList as _,checkAvailableSpotlight as S,formatHealthTool as x}from"./utils.js";import{getDataWithCache as H}from"../../../cache/core.js";var E=function(e){var t,o,s=e.isMobile,l=e.locale,r=e.onTopBarAppears,c=e.languageOptions,u=e.sponsorComponent,d=e.sitewideBanner,v=e.sitewideBannerShown,p=e.className,w=i(!1),b=w[0],y=w[1],B=g();f();var _=v&&!!d&&!b,S=!!u,x=!!(null===(o=null===(t=null==u?void 0:u.props)||void 0===t?void 0:t.sponsoredBy)||void 0===o?void 0:o.length),H=m({isSiteWide:!!d&&!b,isShowingSiteWideBanner:_,isSponsored:S,hasSponsoredBanners:x,isMobile:s}),E=H.headerRef,M=H.defaultHeaderHeight,T=H.headerHeight,C=H.headerBottom;return n.createElement(j,{id:"navigation-v2",style:{"--default-header-height":M+"px","--header-height":"calc(".concat(T,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":C+"px"},className:p},n.createElement("section",{ref:E},n.createElement(h,{menuItems:B,type:"home",onTopBarAppears:s?function(e){r&&r(e)}:void 0,languageMenu:n.createElement(a,{languageOptions:c,locale:l}),setSitewideBannerClosed:y,sitewideBannerClosed:b})))},M=function(t){var o=e({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},t);return n.createElement(w,e({},o),n.createElement(E,e({},o)))},T=function(e){return t(void 0,void 0,void 0,(function(){var t,n,i,a,h,m,f,g,j,w,H,E,M,T,C,N,P,k,A,I,O,V,W,R,q,z,D,F,G,J,K,L,Q,U,X,Y;return o(this,(function(o){switch(o.label){case 0:t={},n="vi-VN_MB"===e,o.label=1;case 1:o.trys.push([1,14,,15]),i="tl-PH"===e?"lang=fil":"",o.label=2;case 2:return o.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(d(e),"/wp-json/api/categories").concat(i?"?"+i:"")).then((function(e){return e.json()})),fetch("".concat(d(e),"/wp-json/api/spotlights?per_page=10").concat(i?"&"+i:"")).then((function(e){return e.json()})),fetch("".concat(d(e),"/wp-json/api/").concat(n?"health-tools":"healthtools").concat(i?"?"+i:"")).then((function(e){return e.json()})),fetch("".concat(d(e),"/wp-json/api/").concat(n?"health-tools":"healthtools","/favorites").concat(i?"?"+i:"")).then((function(e){return e.json()}))])];case 3:return a=o.sent(),h=a[0],m=a[1],f=a[2],g=a[3],t.categories={items:(null===(P=null===(N=null==h?void 0:h.data)||void 0===N?void 0:N.map)||void 0===P?void 0:P.call(N,B))||[],spotlights:(null===(O=null===(I=null===(A=null===(k=null==m?void 0:m.data)||void 0===k?void 0:k.articles)||void 0===A?void 0:A.map)||void 0===I?void 0:I.call(A,_))||void 0===O?void 0:O.filter(S))||[]},t.healthTools={items:(null===(W=null===(V=null==f?void 0:f.data)||void 0===V?void 0:V.map)||void 0===W?void 0:W.call(V,x))||[],spotlights:(null===(q=null===(R=null==g?void 0:g.data)||void 0===R?void 0:R.map)||void 0===q?void 0:q.call(R,x))||[]},[3,5];case 4:return o.sent(),[3,5];case 5:if(!n&&!r.includes(e))return[3,9];o.label=6;case 6:return o.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(u(),"/api/v1/community?website_url=https://").concat(s[e])).then((function(e){return e.json()})),fetch("".concat(u(),"/api/v1/options?website_url=https://").concat(s[e],"&meta_key=popular_post")).then((function(e){return e.json()}))])];case 7:return j=o.sent(),w=j[0],H=j[1],t.together={items:(null===(F=null===(D=null===(z=null==w?void 0:w.data)||void 0===z?void 0:z.communities)||void 0===D?void 0:D.map)||void 0===F?void 0:F.call(D,v))||[],spotlights:(null===(K=null===(J=null===(G=null==H?void 0:H.data)||void 0===G?void 0:G.posts)||void 0===J?void 0:J.map)||void 0===K?void 0:K.call(J,p))||[]},[3,9];case 8:return o.sent(),[3,9];case 9:if(!l.includes(e))return[3,13];o.label=10;case 10:return o.trys.push([10,12,,13]),[4,Promise.all([fetch(c()+"/api/specialties?_ishome=1&site=".concat(s[e])).then((function(e){return e.json()})),fetch(c()+"/api/search/?site=".concat(s[e],"&type=hospital&order_by=total_doctor")).then((function(e){return e.json()}))])];case 11:return E=o.sent(),M=E[0],T=E[1],t.care={items:(null===(U=null===(Q=null===(L=null==M?void 0:M._data)||void 0===L?void 0:L.specialties)||void 0===Q?void 0:Q.map)||void 0===U?void 0:U.call(Q,b))||[],spotlights:(null===(Y=null===(X=null==T?void 0:T._data.searches)||void 0===X?void 0:X.map)||void 0===Y?void 0:Y.call(X,y))||[]},[3,13];case 12:return o.sent(),[3,13];case 13:return[3,15];case 14:return C=o.sent(),console.error(C),[3,15];case 15:return[2,t]}}))}))},C=function(e){return t(void 0,void 0,void 0,(function(){return o(this,(function(t){switch(t.label){case 0:return[4,H("nav-menu-content",(function(){return T(e||"en-PH")}),(function(e){var t,o;return!!(null===(o=null===(t=null==e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===o?void 0:o.length)}))];case 1:return[2,t.sent()||{}]}}))}))};export{M as NavigationV2,T as getNavMenuContent,C as getNavMenuContentWithCache};

package/build/esm/components/organisms/navigationV2/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,s=t.div(i||(i=n(["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"],["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"])),e.mbDown);t.div(o||(o=n(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),t.a(a||(a=n(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"])));export{s as StyledContainer};

package/build/esm/components/organisms/navigationV2/navigationContext.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import r,{useEffect as o}from"react";import{domainLocales as n}from"../../../interfaces/constants/index.js";import{domainLocalesMarryBaby as c}from"../../../together/api/utils.js";import{useNavConfig as i}from"./hooks/useNavConfig.js";var a=r.createContext({}),s=function(s){var p=s.children,l=e(s,["children"]),m=r.useState((function(){return l.currentUrl||"https://".concat("marryBaby"===l.siteType?c[l.locale||"en-PH"]:n[l.locale||"en-PH"]).concat("together"===l.projectType?"/community":"ecom"===l.projectType?"/ecom":"care"===l.projectType?"/care":"","/")})),u=m[0],f=m[1];o((function(){var e=function(){f(window.location.href)};return window.addEventListener("popstate",e),e(),function(){window.removeEventListener("popstate",e)}}),[]);var d=i({locale:l.locale,projectType:l.projectType,isMobile:l.isMobile,siteType:l.siteType});return r.createElement(a.Provider,{value:t(t({},l),{configs:d,currentUrl:l.currentUrl||u})},p)};export{a as NavigationContext,s as NavigationProvider};

package/build/esm/components/organisms/navigationV2/utils.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import{LOCALIZED_SLUGS as t}from"../../../care/interfaces/constants.js";import{domainLocales as n}from"../../../interfaces/constants/index.js";import l from"string-format";import{TOGETHER_PATHS as i}from"./constants.js";var a=function(e){return e?{title:e.title,logo:e.logo,link:e.link}:{}},o=function(e){return{postTitle:e.post_title,permalink:e.permalink}},r=function(e){return{title:e.title,content:e.content}},u=function(e){var t,n;return e?{termId:e.term_id||null,sponsor:e.sponsor?a(e.sponsor):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((function(e){return u(e)})))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(n=e.cat_parent)||void 0===n?void 0:n.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?o(e.reviewed_by):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((function(e){return r(e)})):null}:{}},m=function(e){var t,n;if(!e)return{};var l=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(n=e.link)||void 0===n?void 0:n.startsWith("/fil/"),a=e.link?e.link.startsWith("http")||l?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):"/health-tools".concat(e.link.replace("/health-tools/","/")):void 0;return{icon:e.icon,link:a,subtitle:e.subtitle,title:e.title}},s=function(e){return e?{thumbnail:e.thumbnail,link:null==e?void 0:e.slug,subtitle:e.name,name:e.name,slug:e.slug}:{}},c=function(e){return e?{id:e.id,name:e.name,logo:null==e?void 0:e.logo,description:e.about,slug:e.slug}:{}},d=function(t,a,o,r){return(o||"https://together.hellohealthgroup.com/")+"api/v1/"+l(i.GET_USER_POSTS,e(e({},r),{websiteUrl:a?"https://marrybaby.vn":"https://".concat(n[t])}))},p=function(e){var n,l,i=e.type,a=e.specialtySlug,o=e.locale;return"".concat(null===(n=t[o])||void 0===n?void 0:n.ALL,"/").concat((null===(l=t[o])||void 0===l?void 0:l[i])||"doctor","/").concat(null!=a?a:"")},v=function(e){return e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{}},g=function(e){var t=new Date;if(null==e?void 0:e.startDate){var n=new Date(e.startDate);if(t.getTime()<n.getTime())return!1}if(null==e?void 0:e.endDate){var l=new Date(e.endDate);if(t.getTime()>l.getTime())return!1}return!0};export{g as checkAvailableSpotlight,u as formatCategory,c as formatDoctor,r as formatFaqsCategory,m as formatHealthTool,o as formatReviewedCategory,s as formatSpecialties,a as formatSponsor,v as formatSpotlightsList,p as getCareSearchUrl,d as getTogetherUserPostsApiPath};

package/build/esm/components/organisms/onboardingModal/components/formSection/index.js

@@ -0,0 +1 @@
+import{__rest as o,__assign as t}from'./../../../../../externals/tslib/tslib.es6.js';import s,{useContext as i}from"react";import"../../../../atoms/avatar/index.styled.js";import"../../../../atoms/badge/index.styled.js";import"../../../../atoms/borderHeading/index.styled.js";import"../../../../atoms/divider/index.styled.js";import"../../../../atoms/fileDropdown/index.styled.js";import"../../../../../misc/gAssets/index.js";import"../../../../atoms/grid/index.styled.js";import{Heading as e}from"../../../../atoms/heading/index.js";import"../../../../atoms/input/index.styled.js";import"../../../../atoms/logo/index.styled.js";import{LogoIcon as m}from"../../../../atoms/logo/logoIcon.js";import"../../../../atoms/logo/utils.js";import"../../../../../misc/utils.js";import"../../../../atoms/pagination/index.styled.js";import"../../../../atoms/pureInput/index.js";import"../../../../atoms/radio/index.styled.js";import"../../../../atoms/shadow/index.styled.js";import"../../../../atoms/tag/index.styled.js";import"../../../../atoms/toggle/index.styled.js";import"../../../../atoms/underlinedLink/index.styled.js";import"../../../../atoms/uploader/index.styled.js";import"../../../../atoms/textArea/index.js";import"../../../../atoms/checkbox/index.styled.js";import"../../../../atoms/textDivider/index.js";import"../../../../atoms/rateStars/index.styled.js";import"../../../../atoms/icons/Activities.js";import"../../../../atoms/icons/ArrowLeft.js";import"../../../../atoms/icons/ArrowRight.js";import"../../../../atoms/icons/Ask.js";import"../../../../atoms/icons/BarChart.js";import"../../../../atoms/icons/Booking.js";import"../../../../atoms/icons/Bookmark.js";import{theme as r}from"../../../../../misc/theme.js";import"../../../../atoms/icons/CheckActiveMB.js";import"../../../../atoms/icons/Comment.js";import"../../../../atoms/icons/Community.js";import"../../../../atoms/icons/EditSpecial.js";import"../../../../atoms/icons/Family.js";import"../../../../atoms/icons/Font.js";import"../../../../atoms/icons/FullScreen.js";import"../../../../atoms/icons/GroupPeople.js";import"../../../../atoms/icons/GroupPeopleSolid.js";import"../../../../atoms/icons/Heart.js";import"../../../../atoms/icons/Home.js";import"../../../../atoms/icons/Like.js";import"../../../../atoms/icons/MyCommunity.js";import"../../../../atoms/icons/MyHealth.js";import"../../../../atoms/icons/PlusSpecial.js";import"../../../../atoms/icons/Recalculate.js";import"../../../../atoms/icons/Reply.js";import"../../../../atoms/icons/Scale.js";import"../../../../atoms/icons/Share.js";import"../../../../atoms/icons/Stethoscope.js";import"../../../../atoms/progress/index.styled.js";import"@mantine/core";import"../../../../atoms/backdrop/index.styled.js";import"../../../../atoms/drawer/index.styled.js";import"../../../../atoms/menu/index.js";import"../../../../atoms/marryBabyText/index.styled.js";import"../../../../atoms/radioImageGroup/index.styled.js";import"../../../../../i18n/translationsContext.js";import"string-format";import"../../../../atoms/newBabyProfileRadio/index.styled.js";import"../../../../atoms/customReferenceDot/index.js";import{LOCALE_SPECS as a}from"../../../../../interfaces/constants/index.js";import{OnboardingContext as n}from"../../context.js";import{StyledFormSection as p,StyledFormInner as d,StyledThumb as c,StyledHeader as l,StyledText as j}from"./index.styled.js";var x=function(x){var y,g=x.heading,u=x.description,h=x.children,f=x.className,b=x.imgSrc,v=o(x,["heading","description","children","className","imgSrc"]),E=i(n),S=E.isMarryBaby,k=E.siteType;return s.createElement(p,t({},v,{className:"hhg-comp-onboarding-container ".concat(f),size:"sm"}),s.createElement(m,{type:S?k:(null===(y=a[process.env.UNIFY_LOCALE])||void 0===y?void 0:y.LOGO_TYPE)||"hellobacsi"}),s.createElement(d,null,b&&s.createElement(c,{src:b,loading:"lazy"}),s.createElement(l,{className:"header"},s.createElement(e,{tag:"h3"},g),s.createElement(j,{size:"p3",color:r.colors.gray600},u)),h))};export{x as FormSection};

package/build/esm/components/organisms/onboardingModal/components/formSection/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../externals/tslib/tslib.es6.js';import{Container as o}from"@mantine/core";import"react";import{Text as t}from"../../../../atoms/text/index.js";import"../../../../atoms/avatar/index.styled.js";import"../../../../atoms/badge/index.styled.js";import"../../../../atoms/borderHeading/index.styled.js";import"../../../../atoms/divider/index.styled.js";import"../../../../atoms/fileDropdown/index.styled.js";import"../../../../../misc/gAssets/index.js";import"../../../../atoms/grid/index.styled.js";import"../../../../atoms/input/index.styled.js";import"../../../../atoms/logo/index.styled.js";import"../../../../atoms/logo/logoIcon.js";import"../../../../atoms/logo/utils.js";import{MediaQueries as i}from"../../../../../misc/utils.js";import"../../../../atoms/pagination/index.styled.js";import"../../../../atoms/pureInput/index.js";import"../../../../atoms/radio/index.styled.js";import"../../../../atoms/shadow/index.styled.js";import"../../../../atoms/tag/index.styled.js";import"../../../../atoms/toggle/index.styled.js";import"../../../../atoms/underlinedLink/index.styled.js";import"../../../../atoms/uploader/index.styled.js";import"../../../../atoms/textArea/index.js";import"../../../../atoms/checkbox/index.styled.js";import"../../../../atoms/textDivider/index.js";import"../../../../atoms/rateStars/index.styled.js";import"../../../../atoms/icons/Activities.js";import"../../../../atoms/icons/ArrowLeft.js";import"../../../../atoms/icons/ArrowRight.js";import"../../../../atoms/icons/Ask.js";import"../../../../atoms/icons/BarChart.js";import"../../../../atoms/icons/Booking.js";import"../../../../atoms/icons/Bookmark.js";import"../../../../atoms/icons/CheckActiveMB.js";import"../../../../atoms/icons/Comment.js";import"../../../../atoms/icons/Community.js";import"../../../../atoms/icons/EditSpecial.js";import"../../../../atoms/icons/Family.js";import"../../../../atoms/icons/Font.js";import"../../../../atoms/icons/FullScreen.js";import"../../../../atoms/icons/GroupPeople.js";import"../../../../atoms/icons/GroupPeopleSolid.js";import"../../../../atoms/icons/Heart.js";import"../../../../atoms/icons/Home.js";import"../../../../atoms/icons/Like.js";import"../../../../atoms/icons/MyCommunity.js";import"../../../../atoms/icons/MyHealth.js";import"../../../../atoms/icons/PlusSpecial.js";import"../../../../atoms/icons/Recalculate.js";import"../../../../atoms/icons/Reply.js";import"../../../../atoms/icons/Scale.js";import"../../../../atoms/icons/Share.js";import"../../../../atoms/icons/Stethoscope.js";import"../../../../atoms/progress/index.styled.js";import"../../../../atoms/backdrop/index.styled.js";import"../../../../atoms/drawer/index.styled.js";import"../../../../atoms/menu/index.js";import"../../../../atoms/marryBabyText/index.styled.js";import"../../../../atoms/radioImageGroup/index.styled.js";import"../../../../../i18n/translationsContext.js";import"string-format";import"../../../../atoms/newBabyProfileRadio/index.styled.js";import"../../../../atoms/customReferenceDot/index.js";import s from"styled-components";var m,e,r,p,a,d=s.div(m||(m=n([""],[""]))),l=s(t)(e||(e=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),x=s.div(r||(r=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),c=s(o)(p||(p=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),i.mbDown),j=s.img(a||(a=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"])));export{x as StyledFormInner,c as StyledFormSection,d as StyledHeader,l as StyledText,j as StyledThumb};

package/build/esm/components/organisms/onboardingModal/components/generateSchema.js

@@ -0,0 +1 @@
+import*as r from"yup";var e=function(e){return r.object().shape({phone:r.string().required(e("onboarding.updatePhone.error")).default("")})},o=function(e){return r.object().shape({otp:r.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")})},n=function(e){return r.object().shape({email:r.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:r.string().required(e("onboarding.errorMessage.requiredName"))})},a=function(e){return r.object().shape({password:r.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:r.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([r.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")})};export{n as onboardingEmailSchema,e as onboardingSchema,a as onboardingUpdatePasswordSchema,o as otpSchema};

package/build/esm/components/organisms/onboardingModal/components/onboardingForm/index.js

@@ -0,0 +1 @@
+import{__assign as o,__awaiter as t,__generator as i}from'./../../../../../externals/tslib/tslib.es6.js';import s from"react";import{Input as e}from"@mantine/core";import{useForm as m,yupResolver as n}from"@mantine/form";import"../../../../atoms/avatar/index.styled.js";import"../../../../atoms/badge/index.styled.js";import"../../../../atoms/borderHeading/index.styled.js";import{Button as r}from"../../../../atoms/button/index.js";import"../../../../atoms/divider/index.styled.js";import"../../../../atoms/fileDropdown/index.styled.js";import"../../../../../misc/gAssets/index.js";import"../../../../atoms/grid/index.styled.js";import"../../../../atoms/input/index.styled.js";import"../../../../atoms/logo/index.styled.js";import"../../../../atoms/logo/logoIcon.js";import"../../../../atoms/logo/utils.js";import"../../../../../misc/utils.js";import"../../../../atoms/pagination/index.styled.js";import"../../../../atoms/pureInput/index.js";import"../../../../atoms/radio/index.styled.js";import"../../../../atoms/shadow/index.styled.js";import"../../../../atoms/tag/index.styled.js";import"../../../../atoms/toggle/index.styled.js";import"../../../../atoms/underlinedLink/index.styled.js";import"../../../../atoms/uploader/index.styled.js";import"../../../../atoms/textArea/index.js";import"../../../../atoms/checkbox/index.styled.js";import"../../../../atoms/textDivider/index.js";import"../../../../atoms/rateStars/index.styled.js";import"../../../../atoms/icons/Activities.js";import"../../../../atoms/icons/ArrowLeft.js";import"../../../../atoms/icons/ArrowRight.js";import"../../../../atoms/icons/Ask.js";import"../../../../atoms/icons/BarChart.js";import"../../../../atoms/icons/Booking.js";import"../../../../atoms/icons/Bookmark.js";import"../../../../atoms/icons/CheckActiveMB.js";import"../../../../atoms/icons/Comment.js";import"../../../../atoms/icons/Community.js";import"../../../../atoms/icons/EditSpecial.js";import"../../../../atoms/icons/Family.js";import"../../../../atoms/icons/Font.js";import"../../../../atoms/icons/FullScreen.js";import"../../../../atoms/icons/GroupPeople.js";import"../../../../atoms/icons/GroupPeopleSolid.js";import"../../../../atoms/icons/Heart.js";import"../../../../atoms/icons/Home.js";import"../../../../atoms/icons/Like.js";import"../../../../atoms/icons/MyCommunity.js";import"../../../../atoms/icons/MyHealth.js";import"../../../../atoms/icons/PlusSpecial.js";import"../../../../atoms/icons/Recalculate.js";import"../../../../atoms/icons/Reply.js";import"../../../../atoms/icons/Scale.js";import"../../../../atoms/icons/Share.js";import"../../../../atoms/icons/Stethoscope.js";import"../../../../atoms/progress/index.styled.js";import"../../../../atoms/backdrop/index.styled.js";import"../../../../atoms/drawer/index.styled.js";import"../../../../atoms/menu/index.js";import"../../../../atoms/marryBabyText/index.styled.js";import"../../../../atoms/radioImageGroup/index.styled.js";import{useTranslations as a}from"../../../../../hooks/useTranslations.js";import"../../../../atoms/newBabyProfileRadio/index.styled.js";import"../../../../atoms/customReferenceDot/index.js";import{Phone as p}from"../../../../mantine/phone/index.js";import{onboardingSchema as d}from"../generateSchema.js";import{StyledOnboardingForm as l}from"./index.styled.js";import{LOCALE as c}from"../../../../../interfaces/types/Locale.js";var j,u=((j={})[c.Vietnam]="VN",j[c.Cambodia]="KH",j[c.Indonesia]="ID",j[c.Malaysia]="MY",j[c.PhilippinesEnglish]="PH",j[c.PhilippinesTagalog]="PH",j[c.Taiwan]="TW",j[c.Thailand]="TH",j[c.Myanmar]="MM",j),y=function(c){var j=c.onClose,y=c.onSubmit,x=c.canSkip,g=void 0===x||x,h=c.customFormTexts,f=a().t,b=m({initialValues:{phone:""},validate:n(d(f))});return s.createElement(l,{heading:(null==h?void 0:h.heading)||f("onboarding.updatePhone.heading"),description:(null==h?void 0:h.description)||f("onboarding.updatePhone.description")},s.createElement("form",{onSubmit:b.onSubmit((function(o){return t(void 0,void 0,void 0,(function(){return i(this,(function(t){return y(o.phone),[2]}))}))}),(function(o){console.log(o)}))},s.createElement("div",{className:"phone-input"},s.createElement(p,o({defaultCountry:u[process.env.UNIFY_LOCALE]||"VN"},b.getInputProps("phone"))),s.createElement(e.Error,null,b.errors.phone)),s.createElement(r,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},f("onboarding.button.continue")),g&&s.createElement(r,{color:"ghost",isBlock:!0,size:"lg",onClick:j,type:"button"},f("onboarding.button.skip"))))};export{u as MAPPED_LOCALE,y as OnboardingForm};

package/build/esm/components/organisms/onboardingModal/components/onboardingForm/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../externals/tslib/tslib.es6.js';import o from"styled-components";import{FormSection as t}from"../formSection/index.js";import{MediaQueries as p}from"../../../../../misc/utils.js";var r,m=o(t)(r||(r=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),p.mbDown);export{m as StyledOnboardingForm};

package/build/esm/components/organisms/onboardingModal/components/otpForm/index.js

@@ -0,0 +1 @@
+import{__assign as o,__awaiter as t,__generator as e}from'./../../../../../externals/tslib/tslib.es6.js';import i,{useContext as s,useState as r,useRef as n,useEffect as m,useMemo as a}from"react";import{Input as p}from"@mantine/core";import{useForm as c,yupResolver as l}from"@mantine/form";import{useInterval as d,useCounter as j}from"@mantine/hooks";import u from"lodash/throttle";import{Text as y}from"../../../../atoms/text/index.js";import"../../../../atoms/avatar/index.styled.js";import"../../../../atoms/badge/index.styled.js";import"../../../../atoms/borderHeading/index.styled.js";import{Button as g}from"../../../../atoms/button/index.js";import"../../../../atoms/divider/index.styled.js";import"../../../../atoms/fileDropdown/index.styled.js";import"../../../../../misc/gAssets/index.js";import"../../../../atoms/grid/index.styled.js";import"../../../../atoms/input/index.styled.js";import"../../../../atoms/logo/index.styled.js";import"../../../../atoms/logo/logoIcon.js";import"../../../../atoms/logo/utils.js";import"../../../../../misc/utils.js";import"../../../../atoms/pagination/index.styled.js";import"../../../../atoms/pureInput/index.js";import"../../../../atoms/radio/index.styled.js";import"../../../../atoms/shadow/index.styled.js";import"../../../../atoms/tag/index.styled.js";import"../../../../atoms/toggle/index.styled.js";import"../../../../atoms/underlinedLink/index.styled.js";import"../../../../atoms/uploader/index.styled.js";import"../../../../atoms/textArea/index.js";import"../../../../atoms/checkbox/index.styled.js";import"../../../../atoms/textDivider/index.js";import"../../../../atoms/rateStars/index.styled.js";import"../../../../atoms/icons/Activities.js";import"../../../../atoms/icons/ArrowLeft.js";import"../../../../atoms/icons/ArrowRight.js";import"../../../../atoms/icons/Ask.js";import"../../../../atoms/icons/BarChart.js";import"../../../../atoms/icons/Booking.js";import"../../../../atoms/icons/Bookmark.js";import{theme as x}from"../../../../../misc/theme.js";import"../../../../atoms/icons/CheckActiveMB.js";import"../../../../atoms/icons/Comment.js";import"../../../../atoms/icons/Community.js";import"../../../../atoms/icons/EditSpecial.js";import"../../../../atoms/icons/Family.js";import"../../../../atoms/icons/Font.js";import"../../../../atoms/icons/FullScreen.js";import"../../../../atoms/icons/GroupPeople.js";import"../../../../atoms/icons/GroupPeopleSolid.js";import"../../../../atoms/icons/Heart.js";import"../../../../atoms/icons/Home.js";import"../../../../atoms/icons/Like.js";import"../../../../atoms/icons/MyCommunity.js";import"../../../../atoms/icons/MyHealth.js";import"../../../../atoms/icons/PlusSpecial.js";import"../../../../atoms/icons/Recalculate.js";import"../../../../atoms/icons/Reply.js";import"../../../../atoms/icons/Scale.js";import"../../../../atoms/icons/Share.js";import"../../../../atoms/icons/Stethoscope.js";import"../../../../atoms/progress/index.styled.js";import"../../../../atoms/backdrop/index.styled.js";import"../../../../atoms/drawer/index.styled.js";import"../../../../atoms/menu/index.js";import"../../../../atoms/marryBabyText/index.styled.js";import"../../../../atoms/radioImageGroup/index.styled.js";import{useTranslations as f}from"../../../../../hooks/useTranslations.js";import"../../../../atoms/newBabyProfileRadio/index.styled.js";import"../../../../atoms/customReferenceDot/index.js";import{OnboardingContext as b}from"../../context.js";import{hiddenEmailChar as h}from"../../utils.js";import{otpSchema as v}from"../generateSchema.js";import{StyledOtpForm as k}from"./index.styled.js";import{OTP as E}from"../../../../mantine/otp/index.js";var C=function(C){var w=C.onSubmit,S=C.phone,B=C.email,L=C.onResendCode,F=C.otpError,A=C.onClose,H=C.loading,M=C.onBack,P=C.canSkip,R=C.outOfEdit,I=s(b),N=I.siteType,T=I.isMarryBaby,z=r(30),D=z[0],G=z[1],_=d((function(){return G((function(o){return o-1}))}),1e3),O=j(0,{min:0,max:3}),V=O[0],Z=O[1],K=n(!0),U=f().t;m((function(){return _.start(),_.stop}),[]),m((function(){0===D&&(_.stop(),K.current=!1)}),[D]);var q=c({initialValues:{otp:""},validate:l(v(U))});m((function(){F&&q.setFieldError("otp",F)}),[F]);var J=a((function(){return u((function(){K.current||(Z.increment(),G(30),null==L||L(S||B),_.start(),K.current=!0)}),1e3,{trailing:!1})}),[S,B,L,_]);return i.createElement(k,{heading:U("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:S?U("onboarding.otpForm.description",{phone:'<b style="color:'.concat(x.colors.gray800,'">').concat(S.slice(0,-3).replace(/./g,"x").concat(S.slice(-3)),"</b>")}):U("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(x.colors.gray800,'">').concat(h(B),"</b>")})}}),!R&&i.createElement("svg",{onClick:function(){null==M||M()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:q.onSubmit((function(o){return t(void 0,void 0,void 0,(function(){return e(this,(function(t){return Z.increment(),w(o.otp),[2]}))}))}),(function(o){console.log(o)}))},i.createElement("div",{className:"otp-input"},i.createElement(E,o({enterKeyHint:void 0,nonce:void 0},q.getInputProps("otp"))),i.createElement(p.Error,null,q.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(y,{size:"p4",color:x.colors.gray400},U("onboarding.otpForm.notReceiveOTP")),i.createElement(y,{as:"a",size:"p4",color:T?x.mbColors.pink:x.colors.primaryBase,onClick:J},U("onboarding.otpForm.resendCode",{seconds:D}))),i.createElement(g,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:H,disabled:H,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},U("onboarding.button.continue")),P&&V>=3&&i.createElement(g,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:A,type:"button"},U("onboarding.button.skip"))))};export{C as OtpForm};

package/build/esm/components/organisms/onboardingModal/components/otpForm/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../externals/tslib/tslib.es6.js';import o from"styled-components";import{FormSection as t}from"../formSection/index.js";import{MediaQueries as i}from"../../../../../misc/utils.js";var r,p=o(t)(r||(r=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),i.mbDown,i.mbDown);export{p as StyledOtpForm};

package/build/esm/components/organisms/onboardingModal/components/personalInfoForm/index.js

@@ -0,0 +1 @@
+import{__assign as o}from'./../../../../../externals/tslib/tslib.es6.js';import t,{useContext as e,useEffect as i}from"react";import{Input as s}from"@mantine/core";import{useForm as r,yupResolver as m}from"@mantine/form";import{format as a}from"date-fns";import"../../../../atoms/avatar/index.styled.js";import"../../../../atoms/badge/index.styled.js";import"../../../../atoms/borderHeading/index.styled.js";import{Button as n}from"../../../../atoms/button/index.js";import"../../../../atoms/divider/index.styled.js";import"../../../../atoms/fileDropdown/index.styled.js";import"../../../../../misc/gAssets/index.js";import"../../../../atoms/grid/index.styled.js";import"../../../../atoms/input/index.styled.js";import"../../../../atoms/logo/index.styled.js";import"../../../../atoms/logo/logoIcon.js";import"../../../../atoms/logo/utils.js";import"../../../../../misc/utils.js";import"../../../../atoms/pagination/index.styled.js";import"../../../../atoms/pureInput/index.js";import"../../../../atoms/radio/index.styled.js";import"../../../../atoms/shadow/index.styled.js";import"../../../../atoms/tag/index.styled.js";import"../../../../atoms/toggle/index.styled.js";import"../../../../atoms/underlinedLink/index.styled.js";import"../../../../atoms/uploader/index.styled.js";import"../../../../atoms/textArea/index.js";import"../../../../atoms/checkbox/index.styled.js";import"../../../../atoms/textDivider/index.js";import"../../../../atoms/rateStars/index.styled.js";import"../../../../atoms/icons/Activities.js";import"../../../../atoms/icons/ArrowLeft.js";import"../../../../atoms/icons/ArrowRight.js";import"../../../../atoms/icons/Ask.js";import"../../../../atoms/icons/BarChart.js";import"../../../../atoms/icons/Booking.js";import"../../../../atoms/icons/Bookmark.js";import"../../../../atoms/icons/CheckActiveMB.js";import"../../../../atoms/icons/Comment.js";import"../../../../atoms/icons/Community.js";import"../../../../atoms/icons/EditSpecial.js";import"../../../../atoms/icons/Family.js";import"../../../../atoms/icons/Font.js";import"../../../../atoms/icons/FullScreen.js";import"../../../../atoms/icons/GroupPeople.js";import"../../../../atoms/icons/GroupPeopleSolid.js";import"../../../../atoms/icons/Heart.js";import"../../../../atoms/icons/Home.js";import"../../../../atoms/icons/Like.js";import"../../../../atoms/icons/MyCommunity.js";import"../../../../atoms/icons/MyHealth.js";import"../../../../atoms/icons/PlusSpecial.js";import"../../../../atoms/icons/Recalculate.js";import"../../../../atoms/icons/Reply.js";import"../../../../atoms/icons/Scale.js";import"../../../../atoms/icons/Share.js";import"../../../../atoms/icons/Stethoscope.js";import"../../../../atoms/progress/index.styled.js";import"../../../../atoms/backdrop/index.styled.js";import"../../../../atoms/drawer/index.styled.js";import"../../../../atoms/menu/index.js";import"../../../../atoms/marryBabyText/index.styled.js";import"../../../../atoms/radioImageGroup/index.styled.js";import{useTranslations as l}from"../../../../../hooks/useTranslations.js";import"../../../../atoms/newBabyProfileRadio/index.styled.js";import"../../../../atoms/customReferenceDot/index.js";import{OnboardingContext as d}from"../../context.js";import{FormSection as p}from"../formSection/index.js";import{onboardingEmailSchema as c}from"../generateSchema.js";import{DatePicker as j}from"../../../../mantine/datepicker/index.js";import{Radio as u}from"../../../../mantine/radio/index.js";var y=function(y){var g=y.onClose,x=y.onSubmit,b=y.canSkip,f=y.loading,E=y.errorMessage,h=y.initialData,k=l().t,S=e(d).siteType,v=r({validate:m(c(k))});return i((function(){v.setValues(o(o({gender:"0"},h),(null==h?void 0:h.birthday)&&{birthday:new Date(h.birthday)}))}),[h]),i((function(){E&&v.setFieldError("email",E)}),[E]),t.createElement(p,{heading:k("onboarding.formEmail.heading"),description:k("onboarding.formEmail.description")},t.createElement("form",{className:"form",onSubmit:v.onSubmit((function(t){x(o(o({},t),{birthday:t.birthday&&a(t.birthday,"yyyy-MM-dd")}))}),(function(o){console.log({fieldErrors:o})}))},t.createElement(s.Wrapper,{label:k("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},t.createElement(s,o({},v.getInputProps("name"))),t.createElement(s.Error,{className:"field-error"},v.errors.name)),t.createElement(s.Wrapper,{label:k("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},t.createElement(s,o({},v.getInputProps("email"))),t.createElement(s.Error,{className:"field-error"},v.errors.email)),t.createElement(j,o({className:"input-control",label:k("onboarding.formEmail.yourBirthday")},v.getInputProps("birthday"))),t.createElement(u.Group,{value:v.values.gender,onChange:function(o){return v.setFieldValue("gender",o)},className:"radio-group"},t.createElement(u,{value:"0",label:k("onboarding.formEmail.genderMale")}),t.createElement(u,{value:"1",label:k("onboarding.formEmail.genderFemale")})),t.createElement(n,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:S,isLoading:f,disabled:f},k("onboarding.button.continue")),b&&t.createElement(n,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:g},k("onboarding.button.skip"))))};export{y as PersonalInfoForm};

package/build/esm/components/organisms/onboardingModal/components/updatePassword/index.js

@@ -0,0 +1 @@
+import{__assign as o}from'./../../../../../externals/tslib/tslib.es6.js';import t from"react";import{Input as s}from"@mantine/core";import{useForm as i,yupResolver as e}from"@mantine/form";import"../../../../atoms/avatar/index.styled.js";import"../../../../atoms/badge/index.styled.js";import"../../../../atoms/borderHeading/index.styled.js";import{Button as r}from"../../../../atoms/button/index.js";import"../../../../atoms/divider/index.styled.js";import"../../../../atoms/fileDropdown/index.styled.js";import"../../../../../misc/gAssets/index.js";import"../../../../atoms/grid/index.styled.js";import"../../../../atoms/input/index.styled.js";import"../../../../atoms/logo/index.styled.js";import"../../../../atoms/logo/logoIcon.js";import"../../../../atoms/logo/utils.js";import"../../../../../misc/utils.js";import"../../../../atoms/pagination/index.styled.js";import"../../../../atoms/pureInput/index.js";import"../../../../atoms/radio/index.styled.js";import"../../../../atoms/shadow/index.styled.js";import"../../../../atoms/tag/index.styled.js";import"../../../../atoms/toggle/index.styled.js";import"../../../../atoms/underlinedLink/index.styled.js";import"../../../../atoms/uploader/index.styled.js";import"../../../../atoms/textArea/index.js";import"../../../../atoms/checkbox/index.styled.js";import"../../../../atoms/textDivider/index.js";import"../../../../atoms/rateStars/index.styled.js";import"../../../../atoms/icons/Activities.js";import"../../../../atoms/icons/ArrowLeft.js";import"../../../../atoms/icons/ArrowRight.js";import"../../../../atoms/icons/Ask.js";import"../../../../atoms/icons/BarChart.js";import"../../../../atoms/icons/Booking.js";import"../../../../atoms/icons/Bookmark.js";import"../../../../atoms/icons/CheckActiveMB.js";import"../../../../atoms/icons/Comment.js";import"../../../../atoms/icons/Community.js";import"../../../../atoms/icons/EditSpecial.js";import"../../../../atoms/icons/Family.js";import"../../../../atoms/icons/Font.js";import"../../../../atoms/icons/FullScreen.js";import"../../../../atoms/icons/GroupPeople.js";import"../../../../atoms/icons/GroupPeopleSolid.js";import"../../../../atoms/icons/Heart.js";import"../../../../atoms/icons/Home.js";import"../../../../atoms/icons/Like.js";import"../../../../atoms/icons/MyCommunity.js";import"../../../../atoms/icons/MyHealth.js";import"../../../../atoms/icons/PlusSpecial.js";import"../../../../atoms/icons/Recalculate.js";import"../../../../atoms/icons/Reply.js";import"../../../../atoms/icons/Scale.js";import"../../../../atoms/icons/Share.js";import"../../../../atoms/icons/Stethoscope.js";import"../../../../atoms/progress/index.styled.js";import"../../../../atoms/backdrop/index.styled.js";import"../../../../atoms/drawer/index.styled.js";import"../../../../atoms/menu/index.js";import"../../../../atoms/marryBabyText/index.styled.js";import"../../../../atoms/radioImageGroup/index.styled.js";import{useTranslations as m}from"../../../../../hooks/useTranslations.js";import"../../../../atoms/newBabyProfileRadio/index.styled.js";import"../../../../atoms/customReferenceDot/index.js";import"../../../../mantine/input/index.js";import a from"../../../../../icons/Visible.js";import{FormSection as n}from"../formSection/index.js";import{onboardingUpdatePasswordSchema as d}from"../generateSchema.js";import{PasswordInput as p}from"../../../../mantine/input/password.js";var l=function(l){var c=l.onClose,j=l.onSubmit,u=l.canSkip,x=l.errorMessage,g=l.loading,y=m().t,f=i({initialValues:{password:"",confirmPassword:""},validate:e(d(y))});return t.createElement(n,{heading:y("onboarding.updatePassword.heading"),description:y("onboarding.updatePassword.description")},t.createElement("form",{className:"form",onSubmit:f.onSubmit((function(o){return j((null==o?void 0:o.password)||"")}),(function(o){console.log({fieldErrors:o})}))},t.createElement(p,o({label:y("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:t.createElement(a,null)},f.getInputProps("password"))),t.createElement(p,o({label:y("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:t.createElement(a,null)},f.getInputProps("confirmPassword"))),t.createElement(r,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g},y("onboarding.button.continue")),u&&t.createElement(r,{color:"ghost",isBlock:!0,size:"lg",onClick:c},y("onboarding.button.skip")),x&&t.createElement(s.Error,{className:"form-error"},x)))};export{l as UpdatePassword};

package/build/esm/components/organisms/onboardingModal/context.js

@@ -0,0 +1 @@
+import{createContext as r}from"react";var o=r({});export{o as OnboardingContext};