@hhgtech/hhg-components 1.21.0-beta-9 → 1.21.0-beta-10

package/build/components/organisms/navigationLayout/menuSectionCard/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,e,o=r(require("styled-components")),i=o.default.div(t||(t=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    min-height: 109px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    min-height: 109px;\n  }\n"]))),a=o.default.div(e||(e=n.__makeTemplateObject(["\n  min-height: 116px;\n  padding: 8px 8px;\n  border: 1px solid ",";\n  //border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  text-align: center;\n  transition: 0.2s ease-in-out;\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    p {\n      color: ",";\n    }\n  }\n\n  & > :last-child {\n    margin-top: 8px;\n  }\n\n  &[data-card-position='left'] {\n    border-bottom-left-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-card-position='right'] {\n    border-bottom-right-radius: 6px;\n    border-top-right-radius: 6px;\n  }\n\n  &[data-card-position='whatever'] {\n    border-radius: 6px;\n  }\n"],["\n  min-height: 116px;\n  padding: 8px 8px;\n  border: 1px solid ",";\n  //border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  text-align: center;\n  transition: 0.2s ease-in-out;\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    p {\n      color: ",";\n    }\n  }\n\n  & > :last-child {\n    margin-top: 8px;\n  }\n\n  &[data-card-position='left'] {\n    border-bottom-left-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-card-position='right'] {\n    border-bottom-right-radius: 6px;\n    border-top-right-radius: 6px;\n  }\n\n  &[data-card-position='whatever'] {\n    border-radius: 6px;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}));exports.StyledCard=a,exports.StyledCardSkeleton=i;

package/build/components/organisms/navigationLayout/menuServiceList/categoriesSubList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/button/index.js"),a=require("../assets/chevronRightWhite.svg.js"),i=require("../menuCategoriesList/index.js"),l=require("../utils.js"),r=require("./index.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e);exports.MenuSubItemListCategory=function(e){var o=e.selectedMenuMainItem,n=e.spotlightsList,u=e.locale,c=e.basePath,d=e.callApiHandler,p=e.discoverApiDomain,g=e.DISCOVER_URL_FE,m=e.MARRY_BABY_FE,y=e.onSelectCategory,h=e.isMobile,f=e.siteType,v=e.onCategoryClick,E=l.useTranslation(),C=o.childCates,b=o.categoryName;return s.default.createElement(r.StyledScrollingCategories,{"data-type":"sub-level","data-with-search-input":!1},s.default.createElement(r.StyledScrollingWrapper,null,s.default.createElement(i.MenuCategoriesList,{isDisplayed:!0,locale:u,basePath:c,callApiHandler:d,discoverApiDomain:p,DISCOVER_URL_FE:g,MARRY_BABY_FE:m,categories:C||[],spotlightsList:n,type:"sub",onSelectCategory:y,isMobile:h,siteType:f,desktopPopupType:"none",isLoading:!1,onClosePopup:void 0}),s.default.createElement(r.StyledCategoryButtonWrapper,{"data-site-type":f},s.default.createElement(t.Button,{onClick:v,className:"category-button",size:"md",theme:f},s.default.createElement(r.StyledButtonContainerWrapper,null,s.default.createElement("div",null,E("home.menu.category.view",{category:b})),"helloSites"===f?s.default.createElement("img",{src:a,style:{width:"16px",height:"16px"},className:"button-image",alt:E("home.menu.category.view",{category:b})}):s.default.createElement("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.default.createElement("path",{d:"M7 12H18M18 12L13.4118 8M18 12L13.4118 16",stroke:"white",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))))};

package/build/components/organisms/navigationLayout/menuServiceList/communitySubList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),i=require("../../../atoms/button/index.js"),n=require("../assets/chevronRightWhite.svg.js"),a=require("../menuCommunitiesList/index.js"),o=require("../utils.js"),l=require("./index.styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=u(t);exports.MenuSubItemListCommunities=function(u){var s=u.selectedMenuMainItem,d=u.onCommunityClick,m=u.onSelectCommunity,c=u.basePath,p=void 0===c?"":c,y=u.callApiHandler,g=u.togetherApiDomain,h=u.locale,v=u.TOGETHER_URL_FE,f=u.siteType,b=u.isMobile,E=o.useTranslation(),C=t.useState([]),S=C[0],T=C[1],_=t.useState(!1),M=_[0],j=_[1],q=s.communityId,x=s.title;return t.useEffect((function(){j(!0),e.__awaiter(void 0,void 0,void 0,(function(){var t,i,n,a,l;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,y("helloSites"===f?o.getTogetherDefaultCommunitiesSubMenuApiPath(h,g,{communityId:q}):o.getTogetherMarryBabyCommunitiesSubMenuApiPath(h,g,{communityId:q}),"GET")];case 1:return null!==(t=e.sent())&&(null===(l=null===(a=null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.data)||void 0===a?void 0:a.topics)||void 0===l?void 0:l.length)>0&&(i=t.data.data.topics.map(o.formatTogetherTopic),T(i)),j(!1),[2]}}))}))}),[s]),r.default.createElement(l.StyledScrollingCategories,{"data-type":"sub-level","data-with-search-input":!1},r.default.createElement(l.StyledScrollingWrapper,null,r.default.createElement(a.MenuCommunitiesList,{isDisplayed:!0,locale:h,communities:S,type:"sub",onSelectCommunity:m,isLoading:M,basePath:p,TOGETHER_URL_FE:v,togetherApiDomain:g,siteType:f,isMobile:b,desktopPopupType:"none",onClosePopup:void 0}),r.default.createElement(l.StyledCategoryButtonWrapper,null,r.default.createElement(i.Button,{onClick:d,className:"category-button",size:"md"},r.default.createElement(l.StyledButtonContainerWrapper,null,r.default.createElement("div",null,E("home.menu.category.view",{category:x})),r.default.createElement("img",{src:n,style:{width:"16px",height:"16px"},className:"button-image",alt:E("home.menu.category.view",{category:x})}))))))};

package/build/components/organisms/navigationLayout/menuServiceList/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../../atoms/text/index.styled.js"),require("../../../atoms/alert/index.styled.js"),require("../../../atoms/avatar/index.styled.js"),require("../../../atoms/badge/index.styled.js"),require("../../../atoms/borderHeading/index.styled.js"),require("../../../atoms/button/index.styled.js"),require("../../../atoms/divider/index.styled.js"),require("../../../atoms/fileDropdown/index.styled.js"),require("../../../atoms/flag/index.styled.js"),require("../../../atoms/grid/index.styled.js");var t=require("../../../atoms/heading/index.js");require("../../../atoms/label/index.js"),require("../../../atoms/input/index.styled.js"),require("../../../atoms/logo/index.js"),require("../../../../misc/utils.js"),require("../../../atoms/pagination/index.styled.js");var i=require("../../../atoms/pureInput/index.js");require("../../../atoms/radio/index.styled.js"),require("../../../atoms/shadow/index.styled.js"),require("react-range"),require("../../../atoms/slider/index.styled.js"),require("../../../atoms/tag/index.styled.js"),require("../../../atoms/toggle/index.styled.js"),require("../../../atoms/underlinedLink/index.styled.js"),require("../../../atoms/uploader/index.styled.js"),require("../../../atoms/textArea/index.js"),require("../../../atoms/container/index.styled.js"),require("../../../atoms/checkbox/index.styled.js"),require("../../../atoms/textDivider/index.js"),require("../../../atoms/rateStars/index.styled.js"),require("../../../atoms/icons/Ask.js"),require("../../../atoms/icons/BarChart.js"),require("../../../atoms/icons/Booking.js"),require("../../../atoms/icons/Bookmark.js"),require("../../../atoms/icons/Community.js"),require("../../../atoms/icons/EditSpecial.js"),require("../../../atoms/icons/Family.js"),require("../../../atoms/icons/Font.js"),require("../../../atoms/icons/Heart.js"),require("../../../atoms/icons/Home.js"),require("../../../atoms/icons/Like.js"),require("../../../atoms/icons/MyCommunity.js"),require("../../../atoms/icons/PlusSpecial.js"),require("../../../atoms/icons/Recalculate.js"),require("../../../atoms/icons/Scale.js"),require("../../../atoms/icons/Share.js"),require("../../../atoms/icons/Stethoscope.js"),require("../../../atoms/progress/index.styled.js"),require("react-dom"),require("../../../atoms/backdrop/index.styled.js"),require("../../../atoms/drawer/index.styled.js"),require("../../../atoms/menu/index.js"),require("../../../atoms/radioImageGroup/index.styled.js");var a=require("../utils.js"),o=require("../../../../misc/theme.js"),s=require("../../../../together/api/utils.js"),r=require("../constants.js"),n=require("../menuCareList/index.js"),l=require("../menuCategoriesList/index.js"),u=require("../menuCommunitiesList/index.js"),d=require("../menuHealthToolsList/index.js"),c=require("../menuSectionCard/index.js"),p=require("../navigationBar/index.js"),m=require("../navigationBar/SearchIcon.js"),y=require("./categoriesSubList.js"),h=require("./communitySubList.js"),S=require("./index.styled.js"),g=require("./marryBabyMobileMenuSection.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=E(e);exports.MenuServiceList=function(E){var C=E.isMobile,L=void 0!==C&&C,q=E.isMobileMenuOpened,j=void 0===q?void 0:q,v=E.categories,_=E.healthTools,M=E.healthToolsByCategory,T=E.careSpecialties,A=E.togetherCommunities,b=E.spotlightsList,R=E.closePopup,P=E.popupType,x=void 0===P?"none":P,k=E.onMobileMenuClick,B=E.footer,D=E.care.CARE_URL_FE,F=E.discover,I=F.discoverApiDomain,H=F.DISCOVER_URL_FE,O=E.together,U=O.togetherApiDomain,w=O.TOGETHER_URL_FE,Y=E.sso.SSO_URL,G=E.statics,N=G.MARRY_BABY_FE,V=G.HOME_PAGE_URL,W=G.STATIC_PAGES,K=G.HEALTH_TOOL_URL_FE,z=E.marryBaby.tone,J=E.locale,Q=E.siteType,X=E.basePath,Z=E.callApiHandler,$=E.activeMenuService,ee=E.menuItems,te=E.routerAsPath,ie=a.useTranslation(),ae=e.useState(!1),oe=ae[0],se=ae[1],re=e.useState(v),ne=re[0],le=re[1],ue=e.useState(void 0),de=ue[0],ce=ue[1],pe=e.useState(void 0),me=pe[0],ye=pe[1],he=e.useState(!1),Se=he[0],ge=he[1],Ee=e.useState(null==ee?void 0:ee.find((function(e){return e.id===$}))),fe=Ee[0],Ce=Ee[1],Le=e.useState(!1),qe=Le[0],je=Le[1],ve=e.useState(!1),_e=ve[0],Me=ve[1],Te=function(){de&&(window.location.href=de.permalink),ke(),R&&R()},Ae=function(){de&&(window.location.href="".concat(w,"/").concat(de.communitySlug)),ke(),R&&R()},be=function(e){e.childCates&&e.childCates.length>0?(se(!0),ce(e)):(window.location.href="helloSites"===Q?H+e.permalink:N+e.permalink,ke(),R&&R())},Re=function(e){var t=e.community;e.isSetToSubMenu?(se(!0),ce(t)):(window.location.href="".concat(w,"/").concat(t.communitySlug),ke(),R&&R())},Pe=function(e){window.location.href=e.link.startsWith("http")?e.link:K+e.link,ke(),R&&R()},xe=function(e){window.location.href=D+a.getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:J}),null==R||R()},ke=function(){ce(void 0),se(!1)},Be=function(e){Ce(ee.find((function(t){return t.id===e})))},De=r.LOCALE_SPECS[J||"en-PH"]||{};return e.useEffect((function(){var e;ye("categories"===fe.id?(null===(e=null==de?void 0:de.childCates)||void 0===e?void 0:e.length)>0&&f.default.createElement(y.MenuSubItemListCategory,{selectedMenuMainItem:de,spotlightsList:[],locale:J,basePath:X,callApiHandler:Z,discoverApiDomain:I,DISCOVER_URL_FE:H,MARRY_BABY_FE:N,onSelectCategory:be,isMobile:L,siteType:Q,onCategoryClick:Te}):"together"===fe.id&&de&&f.default.createElement(h.MenuSubItemListCommunities,{selectedMenuMainItem:de,onCommunityClick:Ae,onSelectCommunity:Re,TOGETHER_URL_FE:w,basePath:X,callApiHandler:Z,locale:J,togetherApiDomain:U,siteType:Q,isMobile:L}))}),[de,fe]),e.useEffect((function(){je(!0)}),[]),e.useEffect((function(){!_e&&j&&Me(!0)}),[j]),e.useEffect((function(){le(v)}),[v]),L?f.default.createElement(f.default.Fragment,null,f.default.createElement(S.StyledMasterMenuContainer,{id:qe?"":"categories-menu","data-opened":j||(_e?j:"undefined"),key:qe?"t":"f"},f.default.createElement(S.StyledMenuContainer,{"data-opened":j,"data-type":"category","data-is-sub-category-opened":oe},f.default.createElement(p.NavigationBar,{siteType:Q,locale:J,isDisplayed:!0,searchPlaceholder:"",statics:{DISCOVER_URL_FE:H,SSO_URL:Y,HOME_PAGE_URL:V,MARRY_BABY_FE:N,CARE_URL_FE:D},isMobile:L,isLoginButtonDisplayed:!1,type:"popup",onMenuClick:function(){return null==k?void 0:k("categories")},onSearchChange:function(e){ge(""!==e),le(e&&""!==e?v.filter((function(t){return t.categoryName.toLowerCase().search(e.toLowerCase())>-1||t.slug.replace("-","").toLowerCase().search(e.replace(" ","").toLowerCase())>-1})):v)},isSearchBarDisplay:!1,basePath:X,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:te,title:"",onTopBarAppears:void 0,currentPopupType:"none",marryBaby:{tone:z},menu:void 0,menuItems:void 0,onSearchKeyPress:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0}),f.default.createElement(S.StyledScrollingCategories,null,f.default.createElement(S.StyledScrollingWrapper,null,f.default.createElement(S.StyledScrollingContent,null,f.default.createElement(S.StyledStickyHeader,{"data-hide-on-search":Se,"data-is-sub-category-opened":oe},"helloSites"===Q?f.default.createElement(f.default.Fragment,null,f.default.createElement(S.StyledServiceListMenuSearchInputWrapper,{onClick:function(){window.location.href="".concat(s.getCurrentBaseUrl(J),"/search")}},f.default.createElement(i.PureInput,{className:"fake-search-input",name:"search-input-menu-service"+(qe?"":"-temp"),size:"md",placeholder:ie("home.search",{site:De?De.SITE_NAME:""}),onChange:function(){},type:"search",autoFocus:!1,onFocus:function(e){e.preventDefault()},value:"",displayIcon:f.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},f.default.createElement(m.SearchIcon,null))})),f.default.createElement(t.Heading,{tag:"h5",color:o.theme.colors.gray800},ie("menu.categories.title")),f.default.createElement(S.StyledCardSpecialty,{"data-card-array-no-margin-style":!0},ee.map((function(e,t){return f.default.createElement(c.MenuSectionCard,{onClick:Be,key:"service-"+t,specialty:e,id:e.id,isActive:e.id===fe.id,isMobile:L,position:0===t?"left":t===ee.length-1?"right":"center"})})))):f.default.createElement(g.MarryBabyMobileMenuShelf,{menuItems:ee,activeItem:fe,onServiceClicked:Be})),f.default.createElement(l.MenuCategoriesList,{isDisplayed:"categories"===fe.id,locale:J,basePath:X,callApiHandler:Z,onClosePopup:R,discoverApiDomain:I,DISCOVER_URL_FE:H,MARRY_BABY_FE:N,type:"main",onSelectCategory:be,categories:ne,spotlightsList:b,isLoading:!1,isMobile:L,siteType:Q,desktopPopupType:x}),f.default.createElement(d.MenuHealthToolsList,{isDisplayed:"healthTools"===fe.id,locale:J,basePath:X,discoverApiDomain:I,HEALTH_TOOL_URL_FE:K,onSelectHealthTool:Pe,onClosePopup:R,desktopPopupType:x,healthTools:_,healthToolsByCategory:M,isLoading:!1,isMobile:L,siteType:Q,STATIC_PAGES:W}),"care"===fe.id&&f.default.createElement(n.MenuCareList,{locale:J,basePath:X,onSelectCareSpecialty:xe,onClosePopup:R,careSpecialties:T,isLoading:!1,siteType:Q,isMobile:L,desktopPopupType:x,CARE_URL_FE:D}),f.default.createElement(u.MenuCommunitiesList,{isDisplayed:"together"===fe.id,locale:J,TOGETHER_URL_FE:w,basePath:X,type:"main",onSelectCommunity:Re,onClosePopup:R,communities:A,isLoading:!1,isMobile:L,siteType:Q,togetherApiDomain:U,desktopPopupType:x})),B)))),oe&&f.default.createElement(S.StyledMasterMenuContainer,{"data-sub-level-opened":oe||(_e?oe:"undefined")},f.default.createElement(S.StyledMenuContainer,{"data-type":"sub-category","data-is-sub-category-opened":oe},f.default.createElement(p.NavigationBar,{siteType:Q,locale:J,isDisplayed:j&&oe,searchPlaceholder:"",menuItems:void 0,statics:{DISCOVER_URL_FE:H,SSO_URL:Y,HOME_PAGE_URL:V,MARRY_BABY_FE:N,CARE_URL_FE:D},isMobile:L,isLoginButtonDisplayed:!1,type:"popup-sub-level",title:"categories"===fe.id?null==de?void 0:de.categoryName:null==de?void 0:de.title,isSearchBarDisplay:!1,basePath:X,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:te,currentPopupType:"none",marryBaby:{tone:z},menu:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0,onSearchKeyPress:void 0,onTopBarAppears:void 0,onMenuClick:ke,onSearchChange:void 0}),me))):f.default.createElement(f.default.Fragment,null,f.default.createElement(l.MenuCategoriesList,{isDisplayed:"categories"===x,locale:J,basePath:X,callApiHandler:Z,discoverApiDomain:I,DISCOVER_URL_FE:H,MARRY_BABY_FE:N,type:"main",desktopPopupType:x,onSelectCategory:be,onClosePopup:R,categories:ne,spotlightsList:b,isLoading:!1,isMobile:L,siteType:Q}),f.default.createElement(d.MenuHealthToolsList,{isDisplayed:"tools"===x,locale:J,basePath:X,discoverApiDomain:I,HEALTH_TOOL_URL_FE:K,desktopPopupType:x,onSelectHealthTool:Pe,onClosePopup:R,healthToolsByCategory:M,healthTools:_,isLoading:!1,isMobile:L,siteType:Q,STATIC_PAGES:W}),f.default.createElement(u.MenuCommunitiesList,{isDisplayed:"communities"===x,locale:J,TOGETHER_URL_FE:w,basePath:X,type:"main",onSelectCommunity:Re,communities:A,isLoading:!1,isMobile:L,siteType:Q,togetherApiDomain:U,desktopPopupType:x,onClosePopup:R}),"care"===x&&f.default.createElement(n.MenuCareList,{locale:J,basePath:X,onSelectCareSpecialty:xe,careSpecialties:T,isLoading:!1,desktopPopupType:x,siteType:Q,isMobile:L,CARE_URL_FE:D,onClosePopup:R}))};

package/build/components/organisms/navigationLayout/menuServiceList/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../constants.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=i(e),r=a.default.div(f||(f=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 200;\n  top: 0;\n  width: 100vw;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n  &[data-opened='false'] {\n    left: -100%;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftDisappears;\n  }\n\n  &[data-opened='undefined'] {\n    left: -100%;\n  }\n\n  &[data-opened='true'] {\n    left: 0;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftAppears;\n  }\n\n  &[data-sub-level-opened='false'] {\n    right: -100%;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightDisappears;\n  }\n\n  &[data-sub-level-opened='undefined'] {\n    right: -100%;\n  }\n\n  &[data-sub-level-opened='true'] {\n    right: 0;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightAppears;\n  }\n"],["\n  position: fixed;\n  z-index: 200;\n  top: 0;\n  width: 100vw;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n  &[data-opened='false'] {\n    left: -100%;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftDisappears;\n  }\n\n  &[data-opened='undefined'] {\n    left: -100%;\n  }\n\n  &[data-opened='true'] {\n    left: 0;\n    //transition: left 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: leftAppears;\n  }\n\n  &[data-sub-level-opened='false'] {\n    right: -100%;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightDisappears;\n  }\n\n  &[data-sub-level-opened='undefined'] {\n    right: -100%;\n  }\n\n  &[data-sub-level-opened='true'] {\n    right: 0;\n    //transition: right 0.1s;\n\n    animation-duration: 0.2s;\n    animation-name: rightAppears;\n  }\n"]))),o=a.default.div(u||(u=n.__makeTemplateObject(["\n  position: relative;\n  top: 0;\n\n  display: flex;\n  width: 100vw;\n  min-height: 100%;\n  flex-direction: column;\n\n  background-color: ",";\n  overflow-x: hidden;\n\n  &[data-type='category'] {\n    z-index: 300;\n\n    // momentum scrolling IOS will display under layer if not doing this\n    &[data-is-sub-category-opened='true'] {\n      animation-duration: 0.2s;\n      animation-name: fading;\n    }\n  }\n\n  &[data-type='sub-category'] {\n    z-index: 400;\n  }\n\n  .category-button {\n    border: none;\n  }\n"],["\n  position: relative;\n  top: 0;\n\n  display: flex;\n  width: 100vw;\n  min-height: 100%;\n  flex-direction: column;\n\n  background-color: ",";\n  overflow-x: hidden;\n\n  &[data-type='category'] {\n    z-index: 300;\n\n    // momentum scrolling IOS will display under layer if not doing this\n    &[data-is-sub-category-opened='true'] {\n      animation-duration: 0.2s;\n      animation-name: fading;\n    }\n  }\n\n  &[data-type='sub-category'] {\n    z-index: 400;\n  }\n\n  .category-button {\n    border: none;\n  }\n"])),(function(n){return n.theme.colors.white})),l=a.default.div(h||(h=n.__makeTemplateObject(["\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"]))),d=a.default.div(b||(b=n.__makeTemplateObject(["\n  display: flex;\n\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  padding-top: 0px;\n  //position: absolute;\n\n  //top: 0px;\n\n  //z-index: -1;\n\n  background-color: ",";\n\n  &[data-type='sub-level'] {\n    padding: 4px 16px 16px;\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    justify-self: flex-start;\n  }\n\n  &[data-with-search-input='false'] {\n    //padding-top: 64px;\n  }\n"],["\n  display: flex;\n\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  padding-top: 0px;\n  //position: absolute;\n\n  //top: 0px;\n\n  //z-index: -1;\n\n  background-color: ",";\n\n  &[data-type='sub-level'] {\n    padding: 4px 16px 16px;\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    justify-self: flex-start;\n  }\n\n  &[data-with-search-input='false'] {\n    //padding-top: 64px;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),p=a.default.div(y||(y=n.__makeTemplateObject(["\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"]))),s=a.default.div(v||(v=n.__makeTemplateObject(["\n  position: relative;\n\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n\n  overflow-y: scroll;\n"],["\n  position: relative;\n\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  flex-direction: column;\n\n  overflow-y: scroll;\n"]))),x=a.default.div(w||(w=n.__makeTemplateObject(["\n  flex: 1;\n  padding: 16px;\n  background-color: ",";\n"],["\n  flex: 1;\n  padding: 16px;\n  background-color: ",";\n"])),(function(n){return n.theme.colors.white}));a.default.div(_||(_=n.__makeTemplateObject(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"])));var g=a.default.div(k||(k=n.__makeTemplateObject(["\n  background-color: ",";\n\n  &[data-is-sub-category-opened='true'] {\n    display: none;\n  }\n\n  &[data-hide-on-search='true'] {\n    display: none;\n  }\n"],["\n  background-color: ",";\n\n  &[data-is-sub-category-opened='true'] {\n    display: none;\n  }\n\n  &[data-hide-on-search='true'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.white}));a.default.div(j||(j=n.__makeTemplateObject(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"])));var c=a.default.div(O||(O=n.__makeTemplateObject(["\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"])));a.default.div(T||(T=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),t.Z_INDEX.menuCategoryPopupWrapper),a.default.div(z||(z=n.__makeTemplateObject(["\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"])),t.Z_INDEX.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),a.default.div(S||(S=n.__makeTemplateObject(["\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"]))),a.default.div(C||(C=n.__makeTemplateObject(["\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"]))),a.default.div(B||(B=n.__makeTemplateObject(["\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})),a.default.div(M||(M=n.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),a.default.div(D||(D=n.__makeTemplateObject(["\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})),a.default.div(I||(I=n.__makeTemplateObject(["\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}));var m=a.default.div(P||(P=n.__makeTemplateObject(["\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"])));a.default.div(W||(W=n.__makeTemplateObject(["\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"]))),a.default.div(A||(A=n.__makeTemplateObject(["\n  display: block;\n"],["\n  display: block;\n"]))),a.default.div(q||(q=n.__makeTemplateObject(["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\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"],["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\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.neutral50}),(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}));var f,u,h,b,y,v,w,_,k,j,O,T,z,S,C,B,M,D,I,P,W,A,q,E,L,N=a.default.div(E||(E=n.__makeTemplateObject(["\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})),R=a.default.div(L||(L=n.__makeTemplateObject(["\n  .fake-search-input {\n    margin-bottom: 24px;\n    pointer-events: none;\n  }\n"],["\n  .fake-search-input {\n    margin-bottom: 24px;\n    pointer-events: none;\n  }\n"])));exports.StyledButtonContainerWrapper=c,exports.StyledCardSpecialty=p,exports.StyledCategoryButtonWrapper=l,exports.StyledImageWrapper=m,exports.StyledMasterMenuContainer=r,exports.StyledMenuContainer=o,exports.StyledScrollingCategories=d,exports.StyledScrollingContent=x,exports.StyledScrollingWrapper=s,exports.StyledServiceListMenuSearchInputWrapper=R,exports.StyledStickyHeader=g,exports.StyledUnderLine=N;

package/build/components/organisms/navigationLayout/menuServiceList/marryBabyMobileMenuSection.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),l=require("../../../../misc/theme.js"),i=require("../marryBabyText/index.js"),n=require("./index.styled.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=C(t),o={categories:{icon:d.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1174 3.67709C12.8717 2.70759 11.1272 2.70787 9.8809 3.67705L14.1174 3.67709ZM14.1174 3.67709L19.717 8.0327C20.5579 8.68619 21.049 9.69161 21.049 10.7561V17.6001C21.049 19.5056 19.5045 21.0501 17.599 21.0501H6.39918C4.49368 21.0501 2.94922 19.5056 2.94922 17.6001V10.7561C2.94922 9.6915 3.44016 8.68619 4.28119 8.0327L9.8809 3.67705M10.679 4.70326L5.07908 9.05903C4.5556 9.46579 4.24922 10.0921 4.24922 10.7561V17.6001C4.24922 18.7876 5.21165 19.7501 6.39918 19.7501H17.599C18.7866 19.7501 19.749 18.7876 19.749 17.6001V10.7561C19.749 10.0921 19.4429 9.46599 18.9194 9.05923L13.3192 4.70322C12.5433 4.09928 11.4561 4.09892 10.679 4.70326Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2363 13.1623C12.5537 12.4791 11.4456 12.4788 10.7619 13.1625C10.0783 13.8461 10.0783 14.9535 10.7619 15.6371C11.4455 16.3207 12.5529 16.3207 13.2365 15.6371C13.9201 14.9535 13.9201 13.8461 13.2365 13.1625L13.2363 13.1623ZM14.1558 12.2433C12.9651 11.0518 11.0338 11.0522 9.84268 12.2433C8.6514 13.4346 8.6514 15.3651 9.84268 16.5563C11.034 17.7476 12.9645 17.7476 14.1558 16.5563C15.347 15.3651 15.347 13.4346 14.1558 12.2433Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightPink},healthTools:{icon:d.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7899 3.65C17.1559 3.65 16.6802 4.2267 16.6809 4.79725L16.6809 4.798C16.6809 5.41974 17.104 6.05554 17.7236 6.58451C18.0209 6.83831 18.3337 7.04083 18.5977 7.17695C18.7296 7.245 18.8416 7.29248 18.9268 7.32147C18.9708 7.33646 18.9995 7.34373 19.0149 7.34719C19.0302 7.34373 19.0589 7.33646 19.1029 7.32147C19.1881 7.29248 19.3001 7.245 19.4321 7.17695C19.696 7.04083 20.0088 6.83831 20.3061 6.58451C20.9257 6.05554 21.3489 5.41974 21.3489 4.798C21.3489 4.22619 20.8732 3.65 20.2399 3.65C19.8662 3.65 19.6352 3.81824 19.4969 3.97109C19.3738 4.10711 19.199 4.1848 19.0156 4.185C18.8321 4.1852 18.6572 4.10789 18.5338 3.97214C18.3936 3.81789 18.1622 3.65 17.7899 3.65ZM15.3809 4.79838C15.3797 3.63503 16.318 2.35 17.7899 2.35C18.2971 2.35 18.703 2.4988 19.0145 2.69438C19.3261 2.49862 19.7323 2.35 20.2399 2.35C21.7125 2.35 22.6489 3.63581 22.6489 4.798C22.6489 5.98926 21.875 6.95446 21.1501 7.57324C20.7752 7.89331 20.3789 8.15136 20.028 8.33233C19.8525 8.42282 19.6807 8.49802 19.522 8.55207C19.3755 8.60198 19.1942 8.65 19.0149 8.65C18.8355 8.65 18.6543 8.60198 18.5077 8.55207C18.349 8.49802 18.1772 8.42282 18.0018 8.33233C17.6509 8.15136 17.2545 7.89331 16.8796 7.57324C16.1548 6.95452 15.381 5.98947 15.3809 4.79838ZM15.3809 4.79838C15.3809 4.79825 15.3809 4.79813 15.3809 4.798H16.0309L15.3809 4.79875C15.3809 4.79863 15.3809 4.7985 15.3809 4.79838Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.91051 8.78301C4.23607 5.03996 7.79796 2.35 12.0002 2.35C12.3662 2.35 12.7248 2.37267 13.077 2.41455C13.4334 2.45693 13.6881 2.78027 13.6457 3.13674C13.6033 3.49322 13.28 3.74784 12.9235 3.70545C12.6196 3.66932 12.3123 3.65 12.0002 3.65C8.36849 3.65 5.28438 5.97404 4.13594 9.21698C4.0161 9.55538 3.64463 9.73255 3.30624 9.61271C2.96785 9.49287 2.79067 9.12141 2.91051 8.78301Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.07473 7.35106C9.33041 7.35465 9.56024 7.50781 9.66196 7.74242L12.5334 14.3647L13.6702 11.7415C13.7732 11.5038 14.0075 11.35 14.2666 11.35H15.9996C16.3586 11.35 16.6496 11.641 16.6496 12C16.6496 12.359 16.3586 12.65 15.9996 12.65H14.6933L13.13 16.2575C13.027 16.4951 12.7927 16.649 12.5337 16.649C12.2746 16.649 12.0403 16.4952 11.9373 16.2576L9.0434 9.58369L7.78547 12.2752C7.6786 12.5039 7.44902 12.65 7.19661 12.65H2.99961C2.64062 12.65 2.34961 12.359 2.34961 12C2.34961 11.641 2.64062 11.35 2.99961 11.35H6.78291L8.47675 7.72578C8.58502 7.49413 8.81905 7.34747 9.07473 7.35106Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.8654 10.3543C21.222 10.313 21.5446 10.5686 21.5859 10.9252C21.6264 11.2747 21.6502 11.6328 21.6502 12C21.6502 17.33 17.3302 21.65 12.0002 21.65C7.79796 21.65 4.23607 18.96 2.91051 15.217C2.79067 14.8786 2.96785 14.5071 3.30624 14.3873C3.64463 14.2674 4.0161 14.4446 4.13594 14.783C5.28438 18.026 8.36849 20.35 12.0002 20.35C16.6122 20.35 20.3502 16.612 20.3502 12C20.3502 11.6892 20.3301 11.3813 20.2945 11.0748C20.2532 10.7182 20.5088 10.3956 20.8654 10.3543Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightOrange},together:{icon:d.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.99961 4.65C7.4256 4.65 6.14961 5.92599 6.14961 7.5C6.14961 9.07401 7.4256 10.35 8.99961 10.35C10.5736 10.35 11.8496 9.07401 11.8496 7.5C11.8496 5.92599 10.5736 4.65 8.99961 4.65ZM4.84961 7.5C4.84961 5.20802 6.70763 3.35 8.99961 3.35C11.2916 3.35 13.1496 5.20802 13.1496 7.5C13.1496 9.79198 11.2916 11.65 8.99961 11.65C6.70763 11.65 4.84961 9.79198 4.84961 7.5ZM6.71218 15.0233L6.53409 15.0517C4.87235 15.3169 3.64961 16.7503 3.64961 18.433C3.64961 18.9395 4.06015 19.35 4.56658 19.35H13.4326C13.9391 19.35 14.3496 18.9395 14.3496 18.433C14.3496 16.7503 13.1269 15.3169 11.4651 15.0517L11.287 15.0233C9.77167 14.7814 8.22754 14.7814 6.71218 15.0233ZM6.5073 13.7395C8.15839 13.476 9.84083 13.476 11.4919 13.7395L11.67 13.768C13.9626 14.1338 15.6496 16.1114 15.6496 18.433C15.6496 19.6574 14.657 20.65 13.4326 20.65H4.56658C3.34218 20.65 2.34961 19.6574 2.34961 18.433C2.34961 16.1114 4.03657 14.1338 6.3292 13.768L6.5073 13.7395Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3496 4C14.3496 3.64101 14.6406 3.35 14.9996 3.35C17.2916 3.35 19.1496 5.20802 19.1496 7.5C19.1496 9.79198 17.2916 11.65 14.9996 11.65C14.6406 11.65 14.3496 11.359 14.3496 11C14.3496 10.641 14.6406 10.35 14.9996 10.35C16.5736 10.35 17.8496 9.07401 17.8496 7.5C17.8496 5.92599 16.5736 4.65 14.9996 4.65C14.6406 4.65 14.3496 4.35898 14.3496 4ZM15.5908 14.3814C15.5908 14.0224 15.8818 13.7314 16.2408 13.7314H17.2089C17.3632 13.7314 17.5175 13.7436 17.67 13.768C19.9626 14.1338 21.6496 16.1114 21.6496 18.433C21.6496 19.6574 20.657 20.65 19.4326 20.65H17.3895C17.0305 20.65 16.7395 20.359 16.7395 20C16.7395 19.641 17.0305 19.35 17.3895 19.35H19.4326C19.9391 19.35 20.3496 18.9395 20.3496 18.433C20.3496 16.7503 19.1269 15.3169 17.4651 15.0517C17.3805 15.0382 17.2947 15.0314 17.2089 15.0314H16.2408C15.8818 15.0314 15.5908 14.7404 15.5908 14.3814Z",fill:"#3E3F58"})),color:l.theme.mbColors.lightBlue}},r=function(t){var C,r,a,u=t.item,c=t.isActive,s=t.isGoingForward,f=t.onServiceClicked;return d.default.createElement("div",{style:{display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center"}},d.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:56,width:56,marginBottom:8,borderRadius:16},onClick:function(){null==f||f(u.id)}},d.default.createElement("div",{style:e.__assign({display:"flex",alignItems:"center",justifyContent:"center",height:48,width:48,flexShrink:0,backgroundColor:null!==(r=null===(C=o[u.id])||void 0===C?void 0:C.color)&&void 0!==r?r:"white",borderRadius:16},c?{height:56,width:56,boxShadow:"0px 0px 24px rgba(0, 0, 0, 0.08)",border:"4px solid white"}:{})},null===(a=o[u.id])||void 0===a?void 0:a.icon)),d.default.createElement(i.MarryBabyText,{type:"subtitle-3",color:c&&l.theme.mbColors.pink,style:{fontWeight:l.theme.sizes.fwSemiBold}},u.name),c&&(s?d.default.createElement(n.StyledUnderLine,{style:{animationDuration:"0.2s",animationName:"menuLeftToRightTrans"}}):d.default.createElement(n.StyledUnderLine,{style:{animationDuration:"0.2s",animationName:"menuRightToLeftTrans"}})))};exports.MarryBabyMobileMenuShelf=function(e){var l=e.menuItems,i=e.activeItem,n=e.onServiceClicked,C=t.useState(0),o=C[0],a=C[1],u=t.useRef(!0);return d.default.createElement("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-evenly"}},l.map((function(e,t){return d.default.createElement(r,{onServiceClicked:function(e){u.current=o<t,a(t),null==n||n(e)},key:"item"+t,item:e,isGoingForward:u.current,isActive:i.id===e.id})})))};

package/build/components/organisms/navigationLayout/navigationBar/ArrowLeftPopupIcon.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.ArrowLeftPopupIcon=function(){return t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.default.createElement("path",{d:"M14.5 17L9.5 12L14.5 7",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))};

package/build/components/organisms/navigationLayout/navigationBar/ClosePopupIcon.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.ClosePopupIcon=function(){return t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))};

package/build/components/organisms/navigationLayout/navigationBar/HamburgerIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../assets/hamburgerMenu.svg.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);exports.HamburgerIcon=function(e){var r=e.siteType,l=e.type;return"helloSites"===r?a.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t,style:{width:"24px",height:"24px"},alt:l}):a.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))};

package/build/components/organisms/navigationLayout/navigationBar/NavigationBarMobile.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("../../../../assets/svg/lock.png.js"),n=require("../../../../assets/svg/sehat-badge.png.js"),l=require("../../../atoms/button/index.js"),i=require("../../../atoms/heading/index.js"),r=require("../../../atoms/logo/index.js"),o=require("../../../atoms/pureInput/index.js"),d=require("../../../atoms/text/index.js"),s=require("./index.js"),u=require("../utils.js"),c=require("./ArrowLeftPopupIcon.js"),p=require("./ClosePopupIcon.js"),m=require("./HamburgerIcon.js"),g=require("./index.styled.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=h(t);exports.NavigationBarMobile=function(t){var h,v,y=t.type,E=t.isStatic,C=t.isAmp,L=t.isDisplayed,b=t.siteType,M=t.isCollapsed,w=t.sitewideBannerShown,x=t.sitewideBanner,k=t.sitewideBannerClosed,S=t.setSitewideBannerClosed,B=t.isMobile,I=t.onMenuClick,j=t.menu,Z=t.isSearchIconDisplayed,N=t.statics,q=N.DISCOVER_URL_FE,H=N.SSO_URL,_=N.HOME_PAGE_URL,P=N.CARE_URL_FE,A=t.basePath,R=t.languageMenu,U=t.enabledExperimentalCareHeader,F=t.onCareHeaderClick,T=t.logoType,W=t.locale,z=t.isInit,D=t.title,V=t.sponsorComponent,O=t.currentUrl,J=t.userInfo,G=t.currentPopupType,K=t.avatar,Q=t.profileMenu,X=t.isLoginButtonDisplayed,Y=t.goToLogin,$=t.isSearchBarDisplay,ee=t.searchPlaceholder,te=t.onSearchValueChanged,ae=t.keyPressed,ne=u.useTranslation(),le=!!V,ie=!!(null===(v=null===(h=null==V?void 0:V.props)||void 0===h?void 0:h.sponsoredBy)||void 0===v?void 0:v.length),re=!!x&&!k,oe=w&&!!x&&!k,de=s.useHeaderHeightHook({isSiteWide:re,isShowingSiteWideBanner:oe,isSponsored:le,hasSponsoredBanners:ie,isMobile:!0}),se=de.headerRef,ue=de.headerHeight;return f.default.createElement(f.default.Fragment,null,f.default.createElement(g.StyledHeaderContainer,{"data-header-type":y,"data-collapsed":!E&&M,"data-with-search-input":"popup-sub-level"!==y,"data-is-displayed":L,"data-is-amp":C,"data-sponsored":le,"data-site-type":b,"data-sitewide-banner-shown":oe,id:"site-header",ref:se},x?f.default.isValidElement(x)?f.default.cloneElement(x,{isCollapsed:M,setBannerClosed:S,isAmp:C,isMobile:B}):x:null,f.default.createElement("div",{style:e.__assign(e.__assign({position:"relative",height:64,display:"flex",alignItems:"center",justifyContent:"helloSites"===b?"center":"flex-start",background:"white"},"marryBaby"===b?{paddingLeft:66}:{}),void 0!==R||U?{paddingLeft:U?48:64,gap:24,justifyContent:"unset"}:{})},f.default.createElement(g.StyledMenuContainer,null,f.default.createElement(g.StyledMenuIcon,{on:"tap:discover-amp-sidebar",role:"button",className:"menu-handler",tabIndex:0},f.default.createElement("div",{onClick:function(){return null==I?void 0:I("categories")}},"home"===y&&f.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},f.default.createElement(m.HamburgerIcon,{siteType:b,type:y})),"popup"===y&&f.default.createElement(p.ClosePopupIcon,null),"popup-sub-level"===y&&f.default.createElement(c.ArrowLeftPopupIcon,null)),j),Z&&"helloSites"===b&&"home"===y&&f.default.createElement(g.StyledMenuIcon,{style:{paddingRight:16}},f.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{paddingRight:16,paddingTop:8,position:"relative"},href:"".concat(_,"/search?s=&page=1")},f.default.createElement("img",{src:"".concat(A,"/images/search.svg"),style:{width:"24px",height:"24px"},alt:y}),f.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0,zIndex:1e4}})))),"popup"!==y&&f.default.createElement(g.StyledProfileMenu,{"data-is-profile":!0,className:z?"":"menu-handler-health-tools"},f.default.createElement("div",{className:"menu-handler-item"},Z&&"marryBaby"===b&&"home"===y&&f.default.createElement(g.StyledMenuIcon,{style:{justifySelf:"flex-end"}},f.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{display:"flex"},href:"".concat(q,"/search?s=&page=1")},f.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})),f.default.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0}}))),U&&f.default.createElement(f.default.Fragment,null,F?f.default.createElement(l.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:O,onClick:F},ne("login.booking")):f.default.createElement("a",{href:P,className:"care-button"},f.default.createElement(l.Button,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:O},ne("login.booking")))),(null==J?void 0:J.id)?f.default.createElement(g.StyledImageWrapper,{style:{position:"relative"}},f.default.createElement("div",{onClick:function(){return I&&I("profile")}},"profile"===G?f.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})):K),Q):C?f.default.createElement("a",{"data-vars-event-category":"Sign Up","data-vars-event-action":"Button Click","data-vars-event-label":O,href:"".concat(H,"?returnUrl=").concat(O.replace("?amp=1","")),style:{textDecoration:"none"}},"vi-VN"===W?f.default.createElement(g.StyledAvatar,{onClick:Y},f.default.createElement("img",{src:a,className:"avatar",alt:"avatar"})):f.default.createElement(l.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:Y},ne("navigation.loginJoin"))):X&&f.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":O},U?f.default.createElement(g.StyledAvatar,{onClick:Y},f.default.createElement("img",{src:a,className:"avatar",alt:"avatar"})):"helloSites"===b?f.default.createElement(l.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:Y},ne("navigation.loginJoin")):f.default.createElement("div",{className:"login-btn-mobile",onClick:Y,style:{paddingLeft:16}},f.default.createElement(d.Text,{size:"p3"},ne("navigation.loginJoin")))))),("home"===y||"popup"===y)&&f.default.createElement("a",{href:_||""},f.default.createElement(r.Logo,{type:T,height:"27px",width:"121px",style:{display:"flex"},badge:"id-ID"===W?f.default.createElement("img",{src:n,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0})),void 0!==R&&f.default.createElement(g.StyledHeaderMenuItem,{"data-is-active":!0,className:z?"":"menu-handler-language",onClick:function(){I&&I("language")}},R),D&&f.default.createElement(i.Heading,{className:"top-bar-header",tag:"h5"},D)),V?f.default.isValidElement(V)?f.default.cloneElement(V,{isCollapsed:M,locale:W,isMobile:B,isAmp:C}):V:null),$?f.default.createElement(g.StyledMenuSearchInput,{"data-header-type":y,"data-is-displayed":L,"data-sitewide-banner-shown":w&&!!x},f.default.createElement(o.PureInput,{style:{minHeight:"auto",minWidth:"100%",padding:"0 16px"},name:"search-input-"+y+(z?"":"-temp"),size:"md",placeholder:ee,onChange:te,onKeyPress:ae,type:"search",autoFocus:!1,displayIcon:f.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},f.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),f.default.createElement("path",{d:"M20 20L16 16",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))})):f.default.createElement(f.default.Fragment,null,!C&&f.default.createElement("div",{style:{height:ue}})))};

package/build/components/organisms/navigationLayout/navigationBar/SearchIcon.js

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

package/build/components/organisms/navigationLayout/navigationBar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../assets/svg/lock.png.js"),a=require("../../../../assets/svg/sehat-badge.png.js"),n=require("../../../atoms/avatar/index.js"),l=require("../../../atoms/button/index.js"),r=require("../../../atoms/container/index.js"),i=require("../../../atoms/logo/index.js"),o=require("../../../atoms/pureInput/index.js"),d=require("../constants.js"),s=require("lodash"),u=require("../../../../misc/theme.js"),c=require("../utils.js"),m=require("./index.styled.js"),f=require("./NavigationBarMobile.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=h(e),v=function(t){var a=t.hasSponsoredBanners,n=t.isSiteWide,l=t.isSponsored,r=t.isShowingSiteWideBanner,i=t.isMobile,o=e.useRef(null),d=e.useState(0),u=d[0],c=d[1],m=e.useCallback(s.debounce((function(){var e,t=(null===(e=o.current)||void 0===e?void 0:e.clientHeight)||0;window.scrollY<=t+30&&c(t)}),100),[]);e.useEffect((function(){return window.addEventListener("resize",m),window.addEventListener("scroll",m),function(){window.removeEventListener("resize",m),window.removeEventListener("scroll",m)}}),[]),e.useEffect((function(){m()}),[n,r,l,a,o.current]);var f=e.useMemo((function(){var e=i?64:69;return r&&(e+=64),l&&(e+=40),e}),[i,r,l]);return{headerHeight:u||f,headerRef:o}};exports.NavigationBar=function(h){var g,y,E,w=h.siteType,C=h.basePath,L=h.statics,S=h.currentPopupType,b=void 0===S?"none":S,M=h.isDisplayed,k=void 0===M||M,B=h.isSearchBarDisplay,x=void 0===B||B,I=h.searchPlaceholder,H=void 0===I?"":I,N=h.openPopup,Z=h.onTopBarAppears,P=h.onSearchChange,j=h.onSearchKeyPress,W=h.menu,q=h.isAmp,A=h.profileMenu,R=h.isMobile,Y=void 0!==R&&R,D=h.isLoginButtonDisplayed,T=h.title,z=h.type,_=void 0===z?"home":z,U=h.onMenuClick,F=h.isStatic,O=void 0!==F&&F,G=h.routerAsPath,K=h.locale,V=h.userInfo,J=h.marryBaby,Q=(void 0===J?{tone:"white"}:J).tone,X=h.menuItems,$=void 0===X?[]:X,ee=h.isInit,te=h.sitewideBanner,ae=h.sitewideBannerShown,ne=void 0===ae||ae,le=h.sponsorComponent,re=h.languageMenu,ie=h.isSearchIconDisplayed,oe=void 0!==ie&&ie,de=h.enabledExperimentalCareHeader,se=h.onCareHeaderClick,ue=L.SSO_URL,ce=L.HOME_PAGE_URL,me=L.CARE_URL_FE,fe=c.useTranslation(),he=!!le,pe=e.useState(!1),ve=pe[0],ge=pe[1],ye=e.useState(!1),Ee=ye[0],we=ye[1],Ce=e.useState(!1),Le=Ce[0],Se=Ce[1],be=e.useState(ee||!1),Me=be[0],ke=be[1],Be=e.useRef(47),xe=e.useRef(!1),Ie=e.useRef(!1),He="helloSites"===w?"https://".concat(d.domainLocales[K]).concat(G):"https://www.marrybaby.vn".concat(G),Ne=e.useMemo((function(){var e=(null==V?void 0:V.name)||(null==V?void 0:V.username);return p.default.createElement(n.Avatar,{type:"rounded",size:"small",avatarUrl:null==V?void 0:V.avatar,firstLetter:e&&e.length?e[0].toUpperCase():"A",backgroundColor:"marryBaby"===w?u.theme.mbColors.pink:u.theme.colors.secondaryBase,isAmp:q})}),[null==V?void 0:V.username,null==V?void 0:V.name,null==V?void 0:V.avatar]),Ze=function(){var e=window.location.href;window.location.href=ue?"".concat(ue,"?returnUrl=").concat(e):e},Pe="helloSites"===w?null===(g=d.LOCALE_SPECS[K])||void 0===g?void 0:g.LOGO_TYPE:w,je="undefined"!=typeof window,We=function(e){null==P||P(e)},qe=e.useCallback(s.throttle((function(){var e;if("home"===_){var t=window,a=null===(e=document.querySelector(".sticky-container"))||void 0===e?void 0:e.clientHeight;je&&t&&(t.scrollY>Be.current&&t.scrollY>64&&!xe.current&&(xe.current=!0,ge(!0)),t.scrollY<Be.current&&xe.current&&(xe.current=!1,ge(!1),a&&t.scrollY),t.scrollY<Be.current&&a&&t.scrollY,x?(t.scrollY<64&&t.scrollY<Be.current&&Ie.current&&(Ie.current=!1),t.scrollY>8&&t.scrollY>Be.current&&!Ie.current&&(Ie.current=!0)):Ie.current=!0,t.scrollY>=0&&(Be.current=t.scrollY))}}),300),[]);e.useEffect((function(){null==Z||Z(!ve)}),[ve]);var Ae=function(e){var t,a;j&&j(e,null!==(a=null===(t=document.getElementById("search-input-"+_))||void 0===t?void 0:t.value)&&void 0!==a?a:"")};e.useEffect((function(){Y&&qe()}),[]),e.useEffect((function(){return window.addEventListener("scroll",qe,{passive:!0}),function(){window.removeEventListener("scroll",qe)}}),[]),e.useEffect((function(){ke(!0)}),[]),e.useEffect((function(){"undefined"!=typeof window&&Se(Boolean(Le))}),[]);var Re=p.default.createElement(p.default.Fragment,null,$.find((function(e){return"categories"===e.id}))&&p.default.createElement(m.StyledHeaderMenuItem,{"data-is-active":"categories"===b,className:Me?"":"menu-handler-categories",tabIndex:0,onClick:function(){null==N||N("categories"),setTimeout((function(){var e,t;null===(t=null===(e=document.getElementsByClassName("top-menu-categories"))||void 0===e?void 0:e[0])||void 0===t||t.focus()}),100)}},p.default.createElement("div",{className:"menu-handler-item"},fe("home.navigator.menuItem.discover"),p.default.createElement(m.StyledMenuIconWrapper,null,p.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"categories"===b&&p.default.createElement("div",null,W)),$.find((function(e){return"healthTools"===e.id}))&&p.default.createElement(m.StyledHeaderMenuItem,{"data-is-active":"tools"===b,className:Me?"":"menu-handler-health-tools",tabIndex:0},p.default.createElement("div",{className:"menu-handler-item",onClick:function(){N&&N("tools")}},fe("home.navigator.menuItem.healthTools"),p.default.createElement(m.StyledMenuIconWrapper,null,p.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"tools"===b&&p.default.createElement("div",null,W)),$.find((function(e){return"care"===e.id}))&&!de&&p.default.createElement(m.StyledHeaderMenuItem,{"data-is-active":"care"===b,className:Me?"":"menu-handler-care-specialties",tabIndex:0},p.default.createElement("div",{className:"menu-handler-item",onClick:function(){N&&N("care")}},fe("home.navigator.menuItem.helloCare"),p.default.createElement(m.StyledMenuIconWrapper,null,p.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"care"===b&&p.default.createElement("div",null,W)),$.find((function(e){return"together"===e.id}))&&p.default.createElement(m.StyledHeaderMenuItem,{"data-is-active":"communities"===b,className:Me?"":"menu-handler-communities",tabIndex:0},p.default.createElement("div",{className:"menu-handler-item",onClick:function(){N&&N("communities")}},fe("home.navigator.menuItem.helloTogether"),p.default.createElement(m.StyledMenuIconWrapper,null,p.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"communities"===b&&p.default.createElement("div",null,W))),Ye=!!(null===(E=null===(y=null==le?void 0:le.props)||void 0===y?void 0:y.sponsoredBy)||void 0===E?void 0:E.length),De=ne&&!!te&&!Ee,Te=v({isSiteWide:!!te&&!Ee,isShowingSiteWideBanner:De,isSponsored:he,hasSponsoredBanners:Ye}),ze=Te.headerRef,_e=Te.headerHeight;return Y?p.default.createElement(f.NavigationBarMobile,{type:_,isStatic:O,isAmp:q,isDisplayed:k,siteType:w,isCollapsed:ve,sitewideBannerShown:ne,sitewideBanner:te,sitewideBannerClosed:Ee,setSitewideBannerClosed:we,isMobile:Y,onMenuClick:U,menu:W,isSearchIconDisplayed:oe,statics:L,basePath:C,languageMenu:re,enabledExperimentalCareHeader:de,logoType:Pe,locale:K,isInit:Me,title:T,sponsorComponent:le,currentUrl:He,userInfo:V,currentPopupType:b,avatar:Ne,profileMenu:A,isLoginButtonDisplayed:D,goToLogin:Ze,isSearchBarDisplay:x,searchPlaceholder:H,onSearchValueChanged:We,keyPressed:Ae}):p.default.createElement(p.default.Fragment,null,p.default.createElement("div",{style:{height:_e}}),p.default.createElement(m.StyledDesktopHeaderWrapper,{ref:ze,"data-site-type":w,"data-marry-baby-tone":"marryBaby"===w&&Q,"data-sponsored":he,"data-sitewide-banner-shown":De},te?p.default.isValidElement(te)?p.default.cloneElement(te,{isCollapsed:ve,setBannerClosed:we}):te:null,p.default.createElement(r.Container,{style:{height:69,padding:"0 16px"},type:w},p.default.createElement(m.StyledDesktopHeader,null,p.default.createElement(m.StyledLeftGroup,null,p.default.createElement("a",{href:ce},p.default.createElement(m.StyledLogoWrapper,{"data-is-having-border":"helloSites"===w},p.default.createElement(i.Logo,{style:{display:"flex"},type:Pe,height:"27px",width:"121px",badge:"id-ID"===K?p.default.createElement("img",{src:a,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0}))),x&&"helloSites"===w&&p.default.createElement(m.StyledDesktopMenuSearchInput,{"data-header-type":_,"data-is-displayed":k,"data-sitewide-banner-shown":ne&&!!te},p.default.createElement(o.PureInput,{style:{minHeight:"32px",maxHeight:"32px",minWidth:"100%",backgroundColor:u.theme.colors.white},name:"search-input-"+_+(Me?"":"-temp"),autoFocus:!1,size:"sm",placeholder:H,onChange:We,onKeyPress:Ae,displayIcon:p.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px",transform:"scale(0.8)"}},p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.875 11C4.875 7.61726 7.61726 4.875 11 4.875C14.3827 4.875 17.125 7.61726 17.125 11C17.125 14.3827 14.3827 17.125 11 17.125C7.61726 17.125 4.875 14.3827 4.875 11ZM11 3.125C6.65076 3.125 3.125 6.65076 3.125 11C3.125 15.3492 6.65076 18.875 11 18.875C12.8594 18.875 14.5683 18.2306 15.9155 17.1529L19.3813 20.6187C19.723 20.9604 20.277 20.9604 20.6187 20.6187C20.9604 20.277 20.9604 19.723 20.6187 19.3813L17.1529 15.9155C18.2306 14.5683 18.875 12.8594 18.875 11C18.875 6.65076 15.3492 3.125 11 3.125Z",fill:"#8C8C8C"})))})),"marryBaby"===w&&p.default.createElement("div",{style:{marginLeft:28,display:"flex"}},Re)),p.default.createElement(m.StyledRightGroup,null,"helloSites"===w&&Re,x&&"marryBaby"===w&&p.default.createElement(m.StyledDesktopMenuSearchInput,{"data-header-type":_,"data-is-displayed":k,"data-is-styled-borderless":"marryBaby"===w,"data-marry-baby-theme":Q},p.default.createElement(o.PureInput,{style:{minHeight:"40px",maxHeight:"40px",minWidth:"100%",borderRadius:16},name:"search-input-"+_+(Me?"":"-temp"),autoFocus:!1,size:"sm",placeholder:H,onChange:We,onKeyPress:Ae,displayIcon:p.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px"}},p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p.default.createElement("path",{d:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})))})),void 0!==re&&p.default.createElement(m.StyledHeaderMenuItem,{"data-is-active":!0,className:Me?"":"menu-handler-language",onClick:function(){N&&N("language")}},re),p.default.createElement(m.StyledProfileMenu,{"data-is-active":"profile"===b,"data-is-profile":!0,className:Me?"":"menu-handler-health-tools",tabIndex:0},p.default.createElement("div",{className:"menu-handler-item"},de&&p.default.createElement(p.default.Fragment,null,se?p.default.createElement(l.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:He,onClick:se},fe("login.booking")):p.default.createElement("a",{href:me,className:"care-button no-replace-click"},p.default.createElement(l.Button,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:He},fe("login.booking")))),(null==V?void 0:V.id)?p.default.createElement(m.StyledImageWrapper,{style:{position:"relative"}},p.default.createElement("div",{onClick:function(){return N&&N("profile")}},Ne),A):D&&p.default.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":He},de?p.default.createElement(m.StyledAvatar,{onClick:Ze},p.default.createElement("img",{src:t,className:"avatar",alt:"avatar"})):"helloSites"===w?p.default.createElement(l.Button,{size:"md",color:"secondary",onClick:Ze},fe("navigation.loginJoin")):p.default.createElement(l.Button,{size:"md",color:"secondary",theme:"marryBaby",onClick:Ze},fe("navigation.loginJoin")))))))),le?p.default.isValidElement(le)?p.default.cloneElement(le,{isCollapsed:ve,locale:K,isMobile:Y,isAmp:q}):le:null))},exports.useHeaderHeightHook=v;

package/build/components/organisms/navigationLayout/navigationBar/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js"),t=require("styled-components"),i=require("../constants.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=o(t),r=a.default.header(k||(k=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  /* overflow-x: hidden; */\n\n  border-bottom: 1px solid\n    ",";\n  background-color: ",";\n\n  &[data-site-type='marryBaby'] {\n    border-bottom: none;\n  }\n\n  &[data-fixed-bar='true'] {\n    position: fixed;\n    top: 0;\n  }\n\n  &[data-fixed-bar='false'] {\n    position: absolute;\n  }\n\n  &[data-collapsed='true'] {\n    top: -100%;\n    transition: top 0.5s;\n  }\n\n  &[data-collapsed='false'] {\n    top: 0px;\n    transition: top 0.5s;\n  }\n\n  .top-bar-header {\n    line-height: normal;\n  }\n\n  &[data-header-type='home'] {\n    position: fixed;\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  &[data-is-amp='true'] {\n    position: relative;\n  }\n\n  .menu-handler:focus #categories-menu {\n    left: 0;\n    transition: left 0.1s;\n  }\n"],["\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  /* overflow-x: hidden; */\n\n  border-bottom: 1px solid\n    ",";\n  background-color: ",";\n\n  &[data-site-type='marryBaby'] {\n    border-bottom: none;\n  }\n\n  &[data-fixed-bar='true'] {\n    position: fixed;\n    top: 0;\n  }\n\n  &[data-fixed-bar='false'] {\n    position: absolute;\n  }\n\n  &[data-collapsed='true'] {\n    top: -100%;\n    transition: top 0.5s;\n  }\n\n  &[data-collapsed='false'] {\n    top: 0px;\n    transition: top 0.5s;\n  }\n\n  .top-bar-header {\n    line-height: normal;\n  }\n\n  &[data-header-type='home'] {\n    position: fixed;\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  &[data-is-amp='true'] {\n    position: relative;\n  }\n\n  .menu-handler:focus #categories-menu {\n    left: 0;\n    transition: left 0.1s;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),i.Z_INDEX.headerContainerHome,i.Z_INDEX.headerContainerPopup,i.Z_INDEX.headerContainerPopupSUbLevel),s=a.default.header(_||(_=n.__makeTemplateObject(["\n  position: absolute;\n  bottom: 20px;\n  left: 16px;\n  display: flex;\n  align-items: center;\n"],["\n  position: absolute;\n  bottom: 20px;\n  left: 16px;\n  display: flex;\n  align-items: center;\n"]))),l=a.default.div(j||(j=n.__makeTemplateObject(["\n  margin-right: 8px;\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  margin-right: 8px;\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"]))),p=a.default.div(z||(z=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 64px;\n  justify-content: center;\n\n  padding: 8px 0;\n  margin-top: 64px;\n  &[data-sponsored='true'] {\n    margin-top: 105px;\n  }\n  &[data-sitewide-banner-shown='true'] {\n    margin-top: 128px;\n  }\n\n  background-color: ",";\n\n  #search-input-home,\n  #search-input-home-temp,\n  #search-input-popup {\n    position: relative;\n    z-index: ",";\n    width: 100%;\n    box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n  }\n\n  .displayIcon {\n    z-index: ",";\n    display: flex;\n    width: 24px;\n    height: 24px;\n    align-items: center;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n    opacity: 0;\n  }\n\n  &[data-is-displayed='true'] {\n    opacity: 1;\n    transition: opacity 0.2s;\n  }\n\n  &[data-header-type='popup'] {\n    position: fixed;\n    z-index: ",";\n    left: 0;\n    width: 100vw;\n  }\n"],["\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 64px;\n  justify-content: center;\n\n  padding: 8px 0;\n  margin-top: 64px;\n  &[data-sponsored='true'] {\n    margin-top: 105px;\n  }\n  &[data-sitewide-banner-shown='true'] {\n    margin-top: 128px;\n  }\n\n  background-color: ",";\n\n  #search-input-home,\n  #search-input-home-temp,\n  #search-input-popup {\n    position: relative;\n    z-index: ",";\n    width: 100%;\n    box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n  }\n\n  .displayIcon {\n    z-index: ",";\n    display: flex;\n    width: 24px;\n    height: 24px;\n    align-items: center;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n    opacity: 0;\n  }\n\n  &[data-is-displayed='true'] {\n    opacity: 1;\n    transition: opacity 0.2s;\n  }\n\n  &[data-header-type='popup'] {\n    position: fixed;\n    z-index: ",";\n    left: 0;\n    width: 100vw;\n  }\n"])),(function(n){return n.theme.colors.white}),i.Z_INDEX.menuSearchInputPopup,i.Z_INDEX.menuSearchInputDisplayIcon,i.Z_INDEX.menuSearchPopup),d=a.default.div(S||(S=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 201;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s;\n\n  .menu-handler-item {\n    gap: 8px;\n    a {\n      text-decoration: none;\n    }\n  }\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  //categories\n  .menu-handler-categories:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-categories:focus-within .top-menu-categories {\n    display: block;\n  }\n  .menu-handler-categories:focus .top-menu-health-tools {\n    display: none;\n  }\n\n  //health tools\n  .menu-handler-health-tools:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-health-tools:focus-within .top-menu-health-tools {\n    display: block;\n  }\n  .menu-handler-health-tools:focus .top-menu-categories {\n    display: none;\n  }\n\n  //communities\n  .menu-handler-communities:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-communities:focus-within .top-menu-communities {\n    display: block;\n  }\n  .menu-handler-communities:focus .top-menu-care-specialties {\n    display: none;\n  }\n\n  //care\n  .menu-handler-care-specialties:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n    display: block;\n  }\n  .menu-handler-care-specialties:focus .top-menu-communities {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s;\n\n  .menu-handler-item {\n    gap: 8px;\n    a {\n      text-decoration: none;\n    }\n  }\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  //categories\n  .menu-handler-categories:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-categories:focus-within .top-menu-categories {\n    display: block;\n  }\n  .menu-handler-categories:focus .top-menu-health-tools {\n    display: none;\n  }\n\n  //health tools\n  .menu-handler-health-tools:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-health-tools:focus-within .top-menu-health-tools {\n    display: block;\n  }\n  .menu-handler-health-tools:focus .top-menu-categories {\n    display: none;\n  }\n\n  //communities\n  .menu-handler-communities:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-communities:focus-within .top-menu-communities {\n    display: block;\n  }\n  .menu-handler-communities:focus .top-menu-care-specialties {\n    display: none;\n  }\n\n  //care\n  .menu-handler-care-specialties:focus > .menu-handler-item {\n    pointer-events: none;\n  }\n  .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n    display: block;\n  }\n  .menu-handler-care-specialties:focus .top-menu-communities {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink})),c=a.default.div(O||(O=n.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0;\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0;\n"]))),m=a.default.div(C||(C=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),u=a.default.div(T||(T=n.__makeTemplateObject(["\n  padding-right: 16px;\n  &[data-is-having-border='true'] {\n    border-right: 1px solid\n      ",";\n  }\n"],["\n  padding-right: 16px;\n  &[data-is-having-border='true'] {\n    border-right: 1px solid\n      ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),h=a.default.div(I||(I=n.__makeTemplateObject(["\n  padding: 0 16px;\n\n  & > div {\n    background-color: ",";\n  }\n\n  &[data-marry-baby-theme='white'] > div {\n    background-color: ",";\n  }\n\n  #search-input-home,\n  #search-input-home-temp {\n    height: 32px;\n    box-sizing: border-box;\n    padding: 0 16px 0 48px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n    outline: none;\n  }\n\n  &[data-is-styled-borderless='true'] {\n    #search-input-home,\n    #search-input-home-temp {\n      height: 40px;\n      border: 1px solid ",";\n      border-radius: 16px;\n      filter: none;\n    }\n  }\n"],["\n  padding: 0 16px;\n\n  & > div {\n    background-color: ",";\n  }\n\n  &[data-marry-baby-theme='white'] > div {\n    background-color: ",";\n  }\n\n  #search-input-home,\n  #search-input-home-temp {\n    height: 32px;\n    box-sizing: border-box;\n    padding: 0 16px 0 48px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n    outline: none;\n  }\n\n  &[data-is-styled-borderless='true'] {\n    #search-input-home,\n    #search-input-home-temp {\n      height: 40px;\n      border: 1px solid ",";\n      border-radius: 16px;\n      filter: none;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.mbColors.lightGray}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white})),x=a.default.div(B||(B=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  & > :not(:first-child) {\n    margin-left: 6px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  & > :not(:first-child) {\n    margin-left: 6px;\n  }\n"]))),g=a.default.div(D||(D=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 8px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 8px;\n"]))),f=a.default.div(E||(E=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 4px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 4px;\n"]))),b=a.default.div(M||(M=n.__makeTemplateObject(["\n  margin-right: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    cursor: pointer;\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  &[data-is-active='true'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n\n  &[data-is-active='false'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"],["\n  margin-right: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    cursor: pointer;\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  &[data-is-active='true'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n\n  &[data-is-active='false'] {\n    color: ",";\n\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n  }\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.secondaryDark})),y=a.default.div(P||(P=n.__makeTemplateObject(["\n  flex-shrink: 0;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n  "," {\n    position: absolute;\n    right: 16px;\n    bottom: 16px;\n    height: 32px;\n    display: flex;\n  }\n  .menu-handler-item {\n    gap: 8px;\n    .care-button {\n      text-decoration: none;\n    }\n  }\n\n  .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n    padding-right: 1rem;\n    padding-left: 1rem;\n  }\n"],["\n  flex-shrink: 0;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n  "," {\n    position: absolute;\n    right: 16px;\n    bottom: 16px;\n    height: 32px;\n    display: flex;\n  }\n  .menu-handler-item {\n    gap: 8px;\n    .care-button {\n      text-decoration: none;\n    }\n  }\n\n  .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n    padding-right: 1rem;\n    padding-left: 1rem;\n  }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),e.MediaQueries.mbDown),v=a.default.div(L||(L=n.__makeTemplateObject(["\n  display: block;\n"],["\n  display: block;\n"]))),w=a.default.div(N||(N=n.__makeTemplateObject([""],[""])));a.default.div(X||(X=n.__makeTemplateObject(["\n  .amp-sidebar {\n    width: 100vw;\n    max-width: 100vw;\n    background-color: ",";\n  }\n\n  .nav-card {\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    span {\n      margin-top: 4px;\n      font-size: 13px;\n      font-weight: ",";\n    }\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      color: ",";\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  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    > div:first-child > amp-img {\n      margin-left: 1rem;\n    }\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    img {\n      object-fit: contain;\n    }\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      position: relative;\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      &.health-tool {\n        display: flex;\n        align-items: center;\n\n        amp-img {\n          margin-right: 1rem;\n        }\n        + li {\n          border-top: none;\n        }\n\n        a {\n          display: flex;\n          align-items: center;\n        }\n      }\n\n      a {\n        display: block;\n        margin: 16px 0;\n        color: ",";\n        text-decoration: none;\n      }\n\n      &::after {\n        position: absolute;\n        top: 50%;\n        right: 0;\n        content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      }\n    }\n  }\n"],["\n  .amp-sidebar {\n    width: 100vw;\n    max-width: 100vw;\n    background-color: ",";\n  }\n\n  .nav-card {\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    span {\n      margin-top: 4px;\n      font-size: 13px;\n      font-weight: ",";\n    }\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      color: ",";\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  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    > div:first-child > amp-img {\n      margin-left: 1rem;\n    }\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    img {\n      object-fit: contain;\n    }\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      position: relative;\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      &.health-tool {\n        display: flex;\n        align-items: center;\n\n        amp-img {\n          margin-right: 1rem;\n        }\n        + li {\n          border-top: none;\n        }\n\n        a {\n          display: flex;\n          align-items: center;\n        }\n      }\n\n      a {\n        display: block;\n        margin: 16px 0;\n        color: ",";\n        text-decoration: none;\n      }\n\n      &::after {\n        position: absolute;\n        top: 50%;\n        right: 0;\n        content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}));var k,_,j,z,S,O,C,T,I,B,D,E,M,P,L,N,X,Z,H=a.default.div(Z||(Z=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}));exports.StyledAmpCategoryCard=w,exports.StyledAvatar=H,exports.StyledCloseButton=v,exports.StyledDesktopHeader=c,exports.StyledDesktopHeaderWrapper=d,exports.StyledDesktopMenuSearchInput=h,exports.StyledHeaderContainer=r,exports.StyledHeaderMenuItem=b,exports.StyledImageWrapper=g,exports.StyledLeftGroup=m,exports.StyledLogoWrapper=u,exports.StyledMenuContainer=s,exports.StyledMenuIcon=l,exports.StyledMenuIconWrapper=f,exports.StyledMenuSearchInput=p,exports.StyledProfileMenu=y,exports.StyledRightGroup=x;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),o=require("../../../atoms/button/index.js"),l=require("../../../molecules/popup/index.js"),u=require("../assets/closeLight.svg.js"),n=require("../utils.js"),a=require("./index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(t);exports.NavigationLogoutPopup=function(s){var i=s.callPostLogOutApi,c=s.openLogoutPopup,p=s.onCloseHandler,d=s.onLogoutHandler,g=s.basePath,m=s.siteType,f=void 0===m?"helloSites":m,b=n.useTranslation();t.useEffect((function(){document.body.classList.toggle("noscroll",c)}),[c]);return r.default.createElement(l.Popup,{type:"confirm",isOpen:c,closeIcon:r.default.createElement("img",{src:u,style:{width:24,height:24},alt:"close-icon"}),onClose:p},r.default.createElement(a.StyledPopup,null,"helloSites"===f&&r.default.createElement("img",{className:"cancle-img",src:"".concat(g,"/images/arrowDoor.svg"),alt:"close-account"}),r.default.createElement("h2",null,b("helloSites"===f?"logout.popup.ask1":"logout.popup.ask.mb")),r.default.createElement("p",null,b("logout.popup.ask2")),r.default.createElement(a.StyledButtonGroup,{siteType:f},r.default.createElement(o.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null==i?void 0:i()];case 1:return e.sent(),null==d||d(),window.location.reload(),[2]}}))}))}},b("logout.popup.button.logout")),r.default.createElement(o.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:p},b("logout.popup.button.cancel")))))};

package/build/components/organisms/navigationLayout/navigationLogoutPopup/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r=t(require("styled-components")),p=r.default.div(o||(o=n.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),e.MediaQueries.mbDown,e.MediaQueries.mbUp),l=r.default.div(i||(i=n.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));exports.StyledButtonGroup=l,exports.StyledPopup=p;

package/build/components/organisms/navigationLayout/profilePopup/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("../../../../i18n/translationsProvider.js"),t=require("../../userProfileNavigation/index.js"),i=require("../profilePopupWrapper/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);exports.ProfilePopup=function(e){var r=e.SSO_URL,a=e.UP_BASEPATH,l=e.isOpen,u=e.locale,s=e.targetAvatar,c=e.userInfo,E=e.ENABLE_CARE_PROFILE_MENU_LOCALES,f=e.ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,P=e.closePopup,p=e.siteType,d=void 0===p?"helloSites":p,_=e.dispatchLogout,L=e.userProfileRouterPush,A=e.isUserProfileNavigatorMenuHidden,N=e.isMyHealthEnabled,v=void 0!==N&&N,M=e.togetherApiDomain,O=function(e){L?L("/".concat(e)):r&&(window.location.href="".concat(r).concat(a,"/").concat(e))},C=function(e){O(e),P()};return n.default.createElement(i.Popup,{isOpen:l,type:"profile",enableAnimation:!1,targetAvatar:s,onClose:P},n.default.createElement(o.TranslationsProvider,{locale:u},n.default.createElement(t.UserProfileNavigation,{SSO_URL:r,UP_BASEPATH:a,themeName:d,userInfo:c,ENABLE_COMMUNITY_PROFILE_MENU_LOCALES:f,ENABLE_CARE_PROFILE_MENU_LOCALES:E,onClickLogout:function(){_&&(_(),P())},onClickMenuItem:C,onClickNavigationCard:C,onClickMyProfileButton:function(){O("profile"),P()},userProfileRouterPush:L,isUserProfileNavigatorMenuHidden:A,isMyHealthEnabled:v,togetherApiDomain:M,locale:u})))};

package/build/components/organisms/navigationLayout/profilePopupWrapper/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);exports.Popup=function(e){var a=e.type,l=void 0===a?"lead":a,r=e.closeIcon,d=e.isOpen,o=void 0===d||d,c=e.onClose,i=e.children,p=e.enableAnimation,u=void 0===p||p,s=e.targetAvatar,m=e.id,f=e.className;return n.default.createElement(n.default.Fragment,null,n.default.createElement(t.StyledPopup,{"data-open":o,"data-type":l,"data-animation":u,"data-target":s,id:m,className:f},n.default.createElement("div",{className:"popup-content"},!!r&&n.default.createElement("div",{className:"close-button",onClick:c},r),i)),n.default.createElement(t.StyledPopupWrapper,{"data-type":l,"data-open":o,onClick:c,id:m?"wrapper-".concat(m):void 0,className:"".concat(f||"","-wrapper")}))};

package/build/components/organisms/navigationLayout/profilePopupWrapper/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("../../../../misc/utils.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,o,a=e(require("styled-components")),p=a.default.div(i||(i=n.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      top: 64px;\n      width: 100%;\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      top: 64px;\n      width: 100%;\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),t.MediaQueries.mbDown,t.MediaQueries.mbUp,t.MediaQueries.mbDown,t.MediaQueries.mbUp,t.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),t.MediaQueries.mbDown,t.MediaQueries.mbUp),r=a.default.div(o||(o=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbDown);exports.StyledPopup=p,exports.StyledPopupWrapper=r;

package/build/components/organisms/navigationLayout/siteWide/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("lodash"),r=require("../../../../misc/cookieHelper.js"),s=require("../assets/closeLight.svg.js"),n=require("../assets/closeWhite.svg.js"),i=require("./index.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t);exports.SiteWide=function(o){var c=o.icon,d=o.content,u=o.isCollapsed,m=o.isMobile,v=o.type,y=o.onClose,p=o.setBannerClosed,f=o.dispatch,b=o.dispatchActionType,g=o.cookieName,h=o._overrideCloseHandler,E=o.isAmp,w=o.siteType,C=o.dataEventCategory,k=void 0===C?"Header Banner":C,S=o.dataEventAction,_=void 0===S?"Close Click":S,j=o.dataEventLabel,q=void 0===j?"":j,L=o.dataTracking,N=void 0===L?"true":L,x=t.useState(!1),H=x[0],I=x[1],T=t.useState(!1),W=T[0],A=T[1],B=d;E&&(B=B.replace("data-event","data-vars-event").replace('data-vars-event-category="'.concat(k,'"'),'data-vars-event-category="'.concat(k,'" data-vars-tracking="').concat(N,'"')));var M=t.useRef(64);t.useEffect((function(){var e=a.throttle((function(){window.scrollY<M.current?A(!1):window.scrollY>64&&A(!0),M.current=window.scrollY}),300);return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[]);var Y="marryBaby"===w,O=Y?s:n;return t.useEffect((function(){p&&p(H||u||W)}),[p,H,u,W]),l.default.createElement(i.StyledSiteWideContainer,{"data-is-mobile":m,"data-is-collapse":H||u||W,"data-is-marrybaby":Y},c?l.default.createElement(i.StyledIcon,{"data-is-marrybaby":Y},E?l.default.createElement("amp-img",{src:c,width:"76",height:"52"}):l.default.createElement("img",{src:c,className:"icon","data-is-mobile":m})):null,d?l.default.createElement("span",{className:"content","data-is-marrybaby":Y,"data-is-mobile":m,dangerouslySetInnerHTML:{__html:B}}):null,l.default.createElement(i.StyledCloseIconWrapper,e.__assign({role:"button",tabIndex:0},{on:'tap:sitewide-container.hide(),site-header.toggleClass(class="amp-closed")'},{"data-is-marrybaby":Y,"data-vars-event-category":k,"data-vars-event-action":_,"data-vars-event-label":q||"","data-vars-tracking":N||"",className:"amp-close-banner",onClick:function(){I(!0),h?h():(y&&y(),g&&r.setCookie(g,"true"),v&&f&&f({type:b,payload:{type:v}}))},"data-is-mobile":m}),E?l.default.createElement("amp-img",{src:O,width:"24",height:"24"}):l.default.createElement("img",{src:O,className:"close-icon"})))};

package/build/components/organisms/navigationLayout/siteWide/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,i,o,a=t(require("styled-components")),r=a.default.div(e||(e=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  background-position: center;\n  background-size: cover;\n  transition: height 0.3s;\n  background-color: ",";\n\n  &[data-is-marrybaby='true'] {\n    background-color: ",";\n  }\n\n  &[data-is-mobile='true'] {\n    &[data-is-marrybaby='false'] {\n      justify-content: flex-start;\n    }\n  }\n  &[data-is-mobile='false'] {\n    justify-content: center;\n  }\n\n  &[data-is-collapse='false'] {\n    height: 64px;\n    &[data-is-marrybaby='true'] {\n      &[data-is-mobile='true'] {\n        height: 120px;\n      }\n    }\n  }\n  &[data-is-collapse='true'] {\n    height: 0;\n  }\n\n  .amp-close-banner * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: -webkit-box;\n    overflow: hidden;\n    padding-right: 48px;\n    -webkit-box-orient: vertical;\n    color: white;\n    font-size: 16px;\n    font-weight: 600;\n    -webkit-line-clamp: 2;\n    line-height: 24px;\n    text-overflow: ellipsis;\n    a {\n      color: white;\n    }\n    &[data-is-mobile='true'] {\n      font-size: 14px;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  background-position: center;\n  background-size: cover;\n  transition: height 0.3s;\n  background-color: ",";\n\n  &[data-is-marrybaby='true'] {\n    background-color: ",";\n  }\n\n  &[data-is-mobile='true'] {\n    &[data-is-marrybaby='false'] {\n      justify-content: flex-start;\n    }\n  }\n  &[data-is-mobile='false'] {\n    justify-content: center;\n  }\n\n  &[data-is-collapse='false'] {\n    height: 64px;\n    &[data-is-marrybaby='true'] {\n      &[data-is-mobile='true'] {\n        height: 120px;\n      }\n    }\n  }\n  &[data-is-collapse='true'] {\n    height: 0;\n  }\n\n  .amp-close-banner * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: -webkit-box;\n    overflow: hidden;\n    padding-right: 48px;\n    -webkit-box-orient: vertical;\n    color: white;\n    font-size: 16px;\n    font-weight: 600;\n    -webkit-line-clamp: 2;\n    line-height: 24px;\n    text-overflow: ellipsis;\n    a {\n      color: white;\n    }\n    &[data-is-mobile='true'] {\n      font-size: 14px;\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.cobalt})),s=a.default.div(i||(i=n.__makeTemplateObject(["\n  max-width: 100px;\n  margin-right: 16px;\n  height: 100%;\n  img {\n    width: 64px;\n    height: 64px;\n    object-fit: contain;\n  }\n  &[data-is-marrybaby='true'] {\n    height: unset;\n    max-height: 100%;\n  }\n  &[data-is-mobile='true'] {\n    img {\n      width: 52px;\n      height: 52px;\n    }\n  }\n"],["\n  max-width: 100px;\n  margin-right: 16px;\n  height: 100%;\n  img {\n    width: 64px;\n    height: 64px;\n    object-fit: contain;\n  }\n  &[data-is-marrybaby='true'] {\n    height: unset;\n    max-height: 100%;\n  }\n  &[data-is-mobile='true'] {\n    img {\n      width: 52px;\n      height: 52px;\n    }\n  }\n"]))),p=a.default.div(o||(o=n.__makeTemplateObject(["\n  position: absolute;\n  right: 20px;\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n  &[data-is-marrybaby='true'] {\n    background-color: ",";\n    border-radius: 50%;\n    top: 12px;\n    right: 32px;\n    padding: 10px;\n    height: 40px;\n    width: 40px;\n    .close-icon {\n      width: 20px;\n      height: 20px;\n    }\n    &[data-is-mobile='true'] {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      padding: 8px;\n      height: 32px;\n      width: 32px;\n      .close-icon {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n"],["\n  position: absolute;\n  right: 20px;\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n  &[data-is-marrybaby='true'] {\n    background-color: ",";\n    border-radius: 50%;\n    top: 12px;\n    right: 32px;\n    padding: 10px;\n    height: 40px;\n    width: 40px;\n    .close-icon {\n      width: 20px;\n      height: 20px;\n    }\n    &[data-is-mobile='true'] {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      padding: 8px;\n      height: 32px;\n      width: 32px;\n      .close-icon {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.white}));exports.StyledCloseIconWrapper=p,exports.StyledIcon=s,exports.StyledSiteWideContainer=r;

package/build/components/organisms/navigationLayout/sponsoredBy/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/text/index.js");require("../../../atoms/alert/index.styled.js"),require("../../../atoms/avatar/index.styled.js"),require("../../../atoms/badge/index.styled.js"),require("../../../atoms/borderHeading/index.styled.js");var s=require("../../../atoms/button/index.js");require("../../../atoms/divider/index.styled.js"),require("../../../atoms/fileDropdown/index.styled.js"),require("../../../atoms/flag/index.styled.js"),require("../../../atoms/grid/index.styled.js"),require("../../../atoms/heading/index.styled.js"),require("../../../atoms/label/index.js"),require("../../../atoms/input/index.styled.js"),require("../../../atoms/logo/index.js"),require("../../../../misc/utils.js"),require("../../../atoms/pagination/index.styled.js"),require("../../../atoms/pureInput/index.js"),require("../../../atoms/radio/index.styled.js"),require("../../../atoms/shadow/index.styled.js"),require("react-range"),require("../../../atoms/slider/index.styled.js"),require("../../../atoms/tag/index.styled.js"),require("../../../atoms/toggle/index.styled.js"),require("../../../atoms/underlinedLink/index.styled.js"),require("../../../atoms/uploader/index.styled.js"),require("../../../atoms/textArea/index.js");var r=require("../../../atoms/container/index.js");require("../../../atoms/checkbox/index.styled.js"),require("../../../atoms/textDivider/index.js"),require("../../../atoms/rateStars/index.styled.js"),require("../../../atoms/icons/Ask.js"),require("../../../atoms/icons/BarChart.js"),require("../../../atoms/icons/Booking.js"),require("../../../atoms/icons/Bookmark.js"),require("../../../atoms/icons/Community.js"),require("../../../atoms/icons/EditSpecial.js"),require("../../../atoms/icons/Family.js"),require("../../../atoms/icons/Font.js"),require("../../../atoms/icons/Heart.js"),require("../../../atoms/icons/Home.js"),require("../../../atoms/icons/Like.js"),require("../../../atoms/icons/MyCommunity.js"),require("../../../atoms/icons/PlusSpecial.js"),require("../../../atoms/icons/Recalculate.js"),require("../../../atoms/icons/Scale.js"),require("../../../atoms/icons/Share.js"),require("../../../atoms/icons/Stethoscope.js"),require("../../../atoms/progress/index.styled.js"),require("react-dom"),require("../../../atoms/backdrop/index.styled.js"),require("../../../atoms/drawer/index.styled.js"),require("../../../atoms/menu/index.js"),require("../../../atoms/radioImageGroup/index.styled.js");var i=require("../assets/info-light.svg.js"),o=require("../constants.js"),a=require("../utils.js"),n=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),m=function(e){var r=e.sponsoredBy,i=e.isAmp,l=e.onClose,m=e.locale||"en-PH",u=a.useTranslation();return d.default.createElement(n.StyledStickySponsoredPopup,{"data-align-left":r&&!!(null==r?void 0:r.logo),"data-is-amp":i||void 0,id:"sponsored-by",className:i?"amp-sponsored-popup":void 0},d.default.createElement(t.Text,{size:"p3",style:{marginBottom:"1rem"}},u("articlePage.sponsoredByStickyPopup.content")),d.default.createElement("div",{className:"button-container",onClick:function(e){e.stopPropagation()}},d.default.createElement(s.Button,{size:"md",color:"secondary",onClick:l,isAmp:i,on:"tap:sponsored-by.toggleClass(class='open')"},u("articlePage.sponsoredByStickyPopup.close")),d.default.createElement(s.Button,{size:"md",onClick:function(){window.location.href="/static".concat(o.STATIC_PAGES[m].ADVERTISING_SPONSOR_POLICY)},isAmp:i,on:"tap:AMP.navigateTo(url='/static".concat(o.STATIC_PAGES[m].ADVERTISING_SPONSOR_POLICY,"')")},u("articlePage.sponsoredByStickyPopup.policies"))))};exports.SponsoredPopup=m,exports.StickySponsoredBy=function(s){var o=s.className,l=s.isMobile,u=s.isCollapsed,c=s.sponsoredType,p=s.sponsoredBy,g=s.isAmp,y=s.locale,q=a.useTranslation(),j=e.useState(!1),x=j[0],f=j[1];return d.default.createElement(n.StyledStickySponsoredBy,{className:o,onClick:function(){return f(!0)},"data-show-popup":x&&(!l||!u)&&!g,"data-align-left":p&&!!(null==p?void 0:p.logo),"data-is-amp":g||void 0},d.default.createElement(r.Container,{style:{position:"relative",padding:"0 16px"}},"content"===c?d.default.createElement(t.Text,{size:l?"p4":"p3",color:"#737373"},d.default.createElement("div",{className:"sticky-sponsored-info-icon"},g?d.default.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:i}):d.default.createElement("img",{src:i,style:{width:20,height:20,verticalAlign:"middle",marginRight:"0.3rem",marginBottom:"0.1rem"}})),p&&(null==p?void 0:p.logo)?d.default.createElement(d.default.Fragment,null," ",q("articlePage.sponsoredContentBy")," ",d.default.createElement("img",{className:"sponsored-logo",src:(null==p?void 0:p.logo)||"",alt:"sponsored-logo"})):q("articlePage.sponsoredContent")):d.default.createElement(t.Text,{size:"p2",color:"#737373"},q("articlePage.sponsoredArticle"),d.default.createElement("div",{className:"sticky-sponsored-info-icon"},g?d.default.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:i,on:"tap:sponsored-by.toggleClass(class='open')",tabIndex:0,role:"button"}):d.default.createElement("img",{src:i,style:{width:20,height:20,verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"}}))),!x||l&&u||g?null:d.default.createElement(m,{sponsoredBy:p,isAmp:g,onClose:function(){return f(!1)},locale:y})))};

package/build/components/organisms/navigationLayout/sponsoredBy/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=t(require("styled-components"));i.default.div(o||(o=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0;\n\n  &[data-type-mobile='true'] {\n    justify-content: space-between;\n  }\n\n  amp-img img {\n    object-fit: contain;\n    object-position: right;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0;\n\n  &[data-type-mobile='true'] {\n    justify-content: space-between;\n  }\n\n  amp-img img {\n    object-fit: contain;\n    object-position: right;\n  }\n"])));var o,r,a,p=i.default.div(r||(r=n.__makeTemplateObject(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 0;\n  border-top: 1px solid #e4e8ec;\n  background-color: ",";\n  cursor: pointer;\n  text-decoration: none;\n\n  &[data-align-left='true'] {\n    justify-content: start;\n  }\n  .sticky-sponsored-info-icon {\n    display: inline;\n  }\n\n  .sponsored-logo {\n    width: auto;\n    height: 24px;\n    vertical-align: middle;\n  }\n\n  "," {\n    height: 44px;\n  }\n\n  &[data-show-popup='true'] {\n    .sticky-sponsored-info-icon {\n      position: relative;\n      &:before {\n        position: absolute;\n        z-index: 9;\n        top: 100%;\n        left: 9px;\n        border-right: 6px transparent solid;\n        border-bottom: 8px white solid;\n        border-left: 6px transparent solid;\n        content: ' ';\n        transform: translateX(calc(-50% + 3px));\n      }\n    }\n  }\n\n  &.open .amp-sponsored-popup {\n    display: block;\n  }\n\n  &[data-is-amp] {\n    margin-top: -10px;\n    > [class*='Container'] {\n      display: flex;\n      align-items: center;\n    }\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 0;\n  border-top: 1px solid #e4e8ec;\n  background-color: ",";\n  cursor: pointer;\n  text-decoration: none;\n\n  &[data-align-left='true'] {\n    justify-content: start;\n  }\n  .sticky-sponsored-info-icon {\n    display: inline;\n  }\n\n  .sponsored-logo {\n    width: auto;\n    height: 24px;\n    vertical-align: middle;\n  }\n\n  "," {\n    height: 44px;\n  }\n\n  &[data-show-popup='true'] {\n    .sticky-sponsored-info-icon {\n      position: relative;\n      &:before {\n        position: absolute;\n        z-index: 9;\n        top: 100%;\n        left: 9px;\n        border-right: 6px transparent solid;\n        border-bottom: 8px white solid;\n        border-left: 6px transparent solid;\n        content: ' ';\n        transform: translateX(calc(-50% + 3px));\n      }\n    }\n  }\n\n  &.open .amp-sponsored-popup {\n    display: block;\n  }\n\n  &[data-is-amp] {\n    margin-top: -10px;\n    > [class*='Container'] {\n      display: flex;\n      align-items: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),e.MediaQueries.mbUp),s=i.default.div(a||(a=n.__makeTemplateObject(["\n  position: absolute;\n  top: 30px;\n  left: 50%;\n  &[data-align-left='true'] {\n    left: 190px;\n  }\n  width: 350px;\n  padding: 1rem;\n  border: 1px solid #f2f2f2;\n  background: white;\n  border-radius: 6px;\n  transform: translateX(-50%);\n  "," {\n    width: calc(100% - 2rem);\n  }\n\n  &[data-is-amp] {\n    display: none;\n    position: fixed;\n    z-index: 999;\n    top: 100px;\n    left: 50%;\n\n    &.open {\n      display: block;\n    }\n  }\n\n  .button-container {\n    display: flex;\n    justify-content: space-between;\n    button {\n      flex: 1;\n    }\n    button:first-child {\n      margin-right: 0.5rem;\n      "," {\n        margin-right: 1rem;\n      }\n    }\n  }\n"],["\n  position: absolute;\n  top: 30px;\n  left: 50%;\n  &[data-align-left='true'] {\n    left: 190px;\n  }\n  width: 350px;\n  padding: 1rem;\n  border: 1px solid #f2f2f2;\n  background: white;\n  border-radius: 6px;\n  transform: translateX(-50%);\n  "," {\n    width: calc(100% - 2rem);\n  }\n\n  &[data-is-amp] {\n    display: none;\n    position: fixed;\n    z-index: 999;\n    top: 100px;\n    left: 50%;\n\n    &.open {\n      display: block;\n    }\n  }\n\n  .button-container {\n    display: flex;\n    justify-content: space-between;\n    button {\n      flex: 1;\n    }\n    button:first-child {\n      margin-right: 0.5rem;\n      "," {\n        margin-right: 1rem;\n      }\n    }\n  }\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp);exports.StyledStickySponsoredBy=p,exports.StyledStickySponsoredPopup=s;

package/build/components/organisms/navigationLayout/tooltipSelection/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/text/index.js"),n=require("../assets/check.svg.js"),l=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TooltipSelection=function(a){var o=a.options,u=a.label,c=a.selected,i=a.onChange,d=a.showSelected,s=void 0===d||d,f=a.style,p=void 0===f?{}:f,m=a.showIndicator,v=void 0===m||m,y=e.useState(!1),S=y[0],k=y[1];return r.default.createElement(r.default.Fragment,null,r.default.createElement(l.StyledSelectionContainer,null,r.default.createElement(l.StyledSelectionLabel,{onClick:function(){return k((function(e){return!e}))}},!!u&&u),r.default.createElement(l.StyleSelectionPopup,{"data-is-open":S,style:p,"data-show-indicator":v},o.map((function(e,a){return r.default.createElement(l.StyledOption,{key:a,"data-selected":s&&c===e.value,onClick:function(t){c!==e.value&&(i(e.value),k((function(e){return!e}))),t.stopPropagation()}},r.default.createElement(t.Text,{size:"p3"},e.label),s&&c===e.value&&r.default.createElement("img",{src:n,alt:"check",className:"check-icon"}))})))),S&&r.default.createElement(l.StyledPopupBackground,{onClick:function(){return k(!1)}}))};

package/build/components/organisms/navigationLayout/tooltipSelection/index.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,o,r,i,d,a=e(require("styled-components")),p=a.default.div(t||(t=n.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),s=a.default.div(o||(o=n.__makeTemplateObject([""],[""]))),l=a.default.div(r||(r=n.__makeTemplateObject(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),c=a.default.div(i||(i=n.__makeTemplateObject(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),u=a.default.div(d||(d=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"])));exports.StyleSelectionPopup=l,exports.StyledOption=c,exports.StyledPopupBackground=u,exports.StyledSelectionContainer=p,exports.StyledSelectionLabel=s;

package/build/components/organisms/navigationLayout/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../node_modules/tslib/tslib.es6.js"),e=require("react"),n=require("../../../care/interfaces/constants.js"),a=require("string-format"),o=require("./constants.js"),r=require("./languages/default.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var l=i(a),u=e.createContext({}),s=function(t){return t?{title:t.title,logo:t.logo,link:t.link}:{}},c=function(t){return{postTitle:t.post_title,permalink:t.permalink}},p=function(t){return{title:t.title,content:t.content}},m=function(t){var e,n;return t?{termId:t.term_id||null,sponsor:t.sponsor?s(t.sponsor):null,isSponsored:t.is_sponsored||null,categoryName:t.cat_name||t.name||null,name:t.name||null,iconUrl:t.icon||"",slugName:t.category_nicename||null,description:t.description||null,featureImage:t.thumbnail||t.image||null,displayName:t.name||null,parent:t.parent||null,permalink:t.permalink||null,slug:t.slug||null,childCates:(null===(e=t.child_cates)||void 0===e?void 0:e.map((function(t){return m(t)})))||[],thumnailColor:t.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:t.color_feature_image||null,imageColor:t.image_color||null,textColor:t.text_color||null,catParent:(null===(n=t.cat_parent)||void 0===n?void 0:n.name)?{name:t.cat_parent.name,permalink:t.cat_parent.permalink}:{},metaTag:t.meta_tag||"",reviewedBy:t.reviewed_by?c(t.reviewed_by):null,reviewedDate:t.reviewed_date||"",faqs:t.faqs?t.faqs.map((function(t){return p(t)})):null}:{}},g=function(t){return t?{icon:t.icon,link:t.link,subtitle:t.subtitle,title:t.title}:{}};exports.NaContext=u,exports.checkAvailableSpotlight=function(t){var e=new Date;if(null==t?void 0:t.startDate){var n=new Date(t.startDate);if(e.getTime()<n.getTime())return!1}if(null==t?void 0:t.endDate){var a=new Date(t.endDate);if(e.getTime()>a.getTime())return!1}return!0},exports.formatCategory=m,exports.formatCommunity=function(t){return t?{title:(null==t?void 0:t.name)||"",thumbnail:(null==t?void 0:t.thumbnail)||"",communitySlug:(null==t?void 0:t.slug)||"",communityId:null==t?void 0:t.id,color:null==t?void 0:t.color}:{}},exports.formatFaqsCategory=p,exports.formatHealthTool=g,exports.formatHealthToolTypeCategory=function(t){var e,n;return t?{termId:(null==t?void 0:t.term_id)||0,name:(null==t?void 0:t.name)||"",healthTools:null!==(n=null===(e=null==t?void 0:t.health_tools)||void 0===e?void 0:e.map((function(t){return g(t)})))&&void 0!==n?n:[]}:{}},exports.formatReviewedCategory=c,exports.formatSponsor=s,exports.formatSpotlightsList=function(t){return t?{id:t.ID,name:t.name,permalink:t.permalink,image:(null==t?void 0:t.small_banner)||(null==t?void 0:t.image)||"",imageMedium:(null==t?void 0:t.image_medium)||null,imageThumbnail:(null==t?void 0:t.image_thumbnail)||null,startDate:null==t?void 0:t.start_date,endDate:null==t?void 0:t.end_date}:{}},exports.formatTogetherTopic=function(t){var e;return t?{title:(null==t?void 0:t.name)||"",thumbnail:(null==t?void 0:t.thumbnail)||"",communitySlug:"".concat(null===(e=null==t?void 0:t.community)||void 0===e?void 0:e.slug,"/").concat(null==t?void 0:t.slug),communityId:null==t?void 0:t.id}:{}},exports.getCareDefaultSpecialtiesApiPath=function(e,n,a){return(n||"https://service-health-care.hellohealthgroup.com/")+l.default(o.CARE_PATHS.SPECIALTIES,t.__assign(t.__assign({},a),{domain:o.domainLocales[e]}))},exports.getCareSearchUrl=function(t){var e,a=t.type,o=t.specialtySlug,r=t.locale;return"/".concat(n.LOCALIZED_SLUGS[r].ALL,"/").concat((null===(e=n.LOCALIZED_SLUGS[r])||void 0===e?void 0:e[a])||"doctor","/").concat(null!=o?o:"")},exports.getDiscoverDefaultCategoriesApiPath=function(e,n,a){return(n||"https://wp.".concat(o.domainLocales[e],"/"))+"wp-json/api/"+l.default(o.DISCOVER_PATHS.CATEGORIES,t.__assign({},a))},exports.getDiscoverDefaultFooterApiPath=function(e,n,a){return(n||"https://wp.".concat(o.domainLocales[e],"/"))+"wp-json/api/"+l.default(o.DISCOVER_PATHS.FOOTER,t.__assign({},a))},exports.getDiscoverDefaultHealthToolsByCategoryApiPath=function(e,n,a){return(n||"https://wp.".concat(o.domainLocales[e],"/"))+"wp-json/api/"+l.default(o.DISCOVER_PATHS.HEALTH_TOOLS_BY_CATEGORY,t.__assign({},a))},exports.getDiscoverDefaultSpotlightsApiPath=function(e,n,a){return(n||"https://wp.".concat(o.domainLocales[e],"/"))+"wp-json/api/"+l.default(o.DISCOVER_PATHS.SPOTLIGHTS,t.__assign({},a))},exports.getMarryBabyDefaultFooterApiPath=function(e,n,a){return(n||"https://staging.marrybaby.vn/")+"wp-json/api/"+l.default(o.MARRY_BABY_PATH.FOOTER,t.__assign({},a))},exports.getMarryBabyDefaultHealthToolsApiPath=function(e,n,a){return(n||"https://staging.marrybaby.vn/")+"wp-json/api/"+l.default(o.MARRY_BABY_PATH.HEALTH_TOOLS,t.__assign({},a))},exports.getTogetherDefaultCommunitiesApiPath=function(e,n,a){return(n||"https://together.hellohealthgroup.com/")+"api/v1/"+l.default(o.TOGETHER_PATHS.COMMUNITIES,t.__assign(t.__assign({},a),{websiteUrl:"https://".concat(o.domainLocales[e])}))},exports.getTogetherDefaultCommunitiesSubMenuApiPath=function(e,n,a){return(n||"https://together.hellohealthgroup.com/")+"api/v1/"+l.default(o.TOGETHER_PATHS.MENU_TOPIC,t.__assign(t.__assign({},a),{websiteUrl:"https://".concat(o.domainLocales[e])}))},exports.getTogetherMarryBabyCommunitiesApiPath=function(e,n,a){return(n||"https://together.hellohealthgroup.com/")+"api/v1/"+l.default(o.TOGETHER_PATHS.COMMUNITIES,t.__assign(t.__assign({},a),{websiteUrl:"https://marrybaby.vn"}))},exports.getTogetherMarryBabyCommunitiesSubMenuApiPath=function(e,n,a){return(n||"https://together.hellohealthgroup.com/")+"api/v1/"+l.default(o.TOGETHER_PATHS.MENU_TOPIC,t.__assign(t.__assign({},a),{websiteUrl:"https://marrybaby.vn"}))},exports.getTogetherUserPostsApiPath=function(e,n,a,r){return(a||"https://together.hellohealthgroup.com/")+"api/v1/"+l.default(o.TOGETHER_PATHS.GET_USER_POSTS,t.__assign(t.__assign({},r),{websiteUrl:n?"https://marrybaby.vn":"https://".concat(o.domainLocales[e])}))},exports.useTranslation=function(){var t=e.useContext(u);return function(e,n){var a=(t.translation||{})[e]||r.defaultTranslation[e];return a?n?l.default(a,n):a:function(){throw Error("missing translation "+e)}()}};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../assets/svg/arrowDoor.svg.js"),o=require("../../../assets/svg/closeLight.svg.js"),r=require("../../atoms/button/index.js"),l=require("../../molecules/popup/index.js"),s=require("react-dom"),u=require("../../../hooks/useTranslations.js");require("date-fns"),require("../../../misc/animation.js"),require("../../../misc/lazyLoad.js"),require("styled-components"),require("../../../interfaces/constants.js");var a=require("../../../misc/utils.js");require("../../../interfaces/types/BabyGrowth.js"),require("../../../interfaces/types/Locale.js");var n=require("./index.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e);exports.NavigationLogoutPopup=function(i){var p=i.openLogoutPopup,d=i.onCloseHandler,m=i.onLogoutHandler,f=i.siteType,g=void 0===f?"helloSites":f,y=u.useTranslations().t;return e.useEffect((function(){document.body.classList.toggle("noscroll",p)}),[p]),"undefined"==typeof window?null:s.createPortal(c.default.createElement(l.Popup,{type:"confirm",isOpen:p,closeIcon:c.default.createElement("img",{src:o,style:{width:24,height:24},alt:"close-icon"}),onClose:d},c.default.createElement(n.StyledPopup,null,"helloSites"===g&&c.default.createElement("img",{src:t,className:"cancle-img",alt:"close-account"}),c.default.createElement("h2",null,y("helloSites"===g?"logout.popup.ask1":"logout.popup.ask.mb")),c.default.createElement("p",null,y("logout.popup.ask2")),c.default.createElement(n.StyledButtonGroup,{siteType:g},c.default.createElement(r.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:m},y("logout.popup.button.logout")),c.default.createElement(r.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:d},y("logout.popup.button.cancel"))))),a.getPopupWrapperDom())};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r=t(require("styled-components")),p=r.default.div(o||(o=n.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),e.MediaQueries.mbDown,e.MediaQueries.mbUp),l=r.default.div(i||(i=n.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));exports.StyledButtonGroup=l,exports.StyledPopup=p;

package/build/components/organisms/navigationProfileButton/index.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { SiteType, UserInfo } from 'src/interfaces/types';
+import { LOCALE, SiteType, UserInfo } from 'src/interfaces/types';
 export declare type Props = {
     userInfo: UserInfo;
     siteType: SiteType;
@@ -19,5 +19,6 @@ export declare type Props = {
     style?: CSSProperties;
     userProfileRouterPush?: (s: string) => void;
     isLoading?: boolean;
+    locale: LOCALE;
 };
-export declare const NavigationProfileButton: ({ userInfo, siteType, isAmp, goToLogin, SSO_URL, currentUrl, isMinifyLogin, enableCare, enableTogether, enableEcom, isUserProfileNavigatorMenuHidden, UP_BASEPATH, isMyHealthEnabled, togetherApiDomain, onLogout, style, userProfileRouterPush, isLoading, }: Props) => JSX.Element;
+export declare const NavigationProfileButton: ({ userInfo, siteType, isAmp, goToLogin, SSO_URL, currentUrl, isMinifyLogin, enableCare, enableTogether, enableEcom, isUserProfileNavigatorMenuHidden, UP_BASEPATH, isMyHealthEnabled, togetherApiDomain, onLogout, style, userProfileRouterPush, isLoading, locale, }: Props) => JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../assets/svg/lock.png.js"),s=require("../../../assets/svg/login.svg.js"),o=require("../../atoms/text/index.js");require("../../atoms/alert/index.styled.js");var i=require("../../atoms/avatar/index.js");require("../../atoms/badge/index.styled.js"),require("../../atoms/borderHeading/index.styled.js");var a=require("../../atoms/button/index.js");require("../../atoms/divider/index.styled.js"),require("../../atoms/fileDropdown/index.styled.js"),require("../../atoms/flag/index.styled.js"),require("../../atoms/grid/index.styled.js"),require("../../atoms/heading/index.styled.js"),require("../../atoms/label/index.js"),require("../../atoms/input/index.styled.js"),require("../../atoms/logo/index.js"),require("../../../misc/utils.js"),require("../../atoms/pagination/index.styled.js"),require("../../atoms/pureInput/index.js"),require("../../atoms/radio/index.styled.js"),require("../../atoms/shadow/index.styled.js"),require("react-range"),require("../../atoms/slider/index.styled.js"),require("../../atoms/tag/index.styled.js"),require("../../atoms/toggle/index.styled.js"),require("../../atoms/underlinedLink/index.styled.js"),require("../../atoms/uploader/index.styled.js"),require("../../atoms/textArea/index.js"),require("../../atoms/container/index.styled.js"),require("../../atoms/checkbox/index.styled.js"),require("../../atoms/textDivider/index.js"),require("../../atoms/rateStars/index.styled.js"),require("../../atoms/icons/Ask.js"),require("../../atoms/icons/BarChart.js"),require("../../atoms/icons/Booking.js"),require("../../atoms/icons/Bookmark.js"),require("../../atoms/icons/Community.js"),require("../../atoms/icons/EditSpecial.js"),require("../../atoms/icons/Family.js"),require("../../atoms/icons/Font.js"),require("../../atoms/icons/Heart.js"),require("../../atoms/icons/Home.js"),require("../../atoms/icons/Like.js"),require("../../atoms/icons/MyCommunity.js"),require("../../atoms/icons/PlusSpecial.js"),require("../../atoms/icons/Recalculate.js"),require("../../atoms/icons/Scale.js"),require("../../atoms/icons/Share.js"),require("../../atoms/icons/Stethoscope.js"),require("../../atoms/progress/index.styled.js"),require("react-dom"),require("../../atoms/backdrop/index.styled.js"),require("../../atoms/drawer/index.styled.js"),require("../../atoms/menu/index.js"),require("../../atoms/radioImageGroup/index.styled.js");var n=require("../../../hooks/useCSSFocusPopupHelper.js"),l=require("../../../hooks/useTranslations.js"),u=require("../../../misc/theme.js"),d=require("../navigationLogoutPopup/index.js"),c=require("./index.styled.js"),m=require("./profilePopup.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(t);exports.NavigationProfileButton=function(g){var q=g.userInfo,j=g.siteType,y=g.isAmp,f=g.goToLogin,x=g.SSO_URL,v=g.currentUrl,h=g.isMinifyLogin,b=g.enableCare,E=g.enableTogether,S=g.enableEcom,k=g.isUserProfileNavigatorMenuHidden,L=g.UP_BASEPATH,P=g.isMyHealthEnabled,C=g.togetherApiDomain,B=g.onLogout,w=g.style,A=g.userProfileRouterPush,H=g.isLoading,_=g.locale,U=l.useTranslations().t,M=t.useState(!1),T=M[0],N=M[1],F=(null==q?void 0:q.name)||(null==q?void 0:q.username),D=t.useState(!1),R=D[0],I=D[1];t.useEffect((function(){I(!0)}),[]);var O=n.useCSSFocusPopupHelper(),z=O.containerRef,J=O.onContainerFocus,W=O.onContainerBlur,G=O.onButtonMouseDown,K=O.onClose;return H&&!y?p.default.createElement(a.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==q?void 0:q.id)?p.default.createElement(p.default.Fragment,null,p.default.createElement(c.StyledImageWrapper,{ref:z,href:y?"".concat(x,"user/profile"):void 0,style:w,tabIndex:0,onBlur:W,onFocus:J},p.default.createElement("div",{onMouseDown:G},p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},p.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),p.default.createElement(i.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==q?void 0:q.avatar,firstLetter:F&&F.length?F[0].toUpperCase():"A",backgroundColor:"marryBaby"===j?u.theme.mbColors.pink:u.theme.colors.secondaryBase,isAmp:y})),!y&&p.default.createElement(m.ProfilePopup,{UP_BASEPATH:L,SSO_URL:x,dispatchLogout:function(){K(),N(!0)},isOpen:!1,isMyHealthEnabled:P,enableCare:b,enableTogether:E,enableEcom:S,closePopup:K,userInfo:q,siteType:j,isUserProfileNavigatorMenuHidden:k,togetherApiDomain:C,userProfileRouterPush:A,locale:_})),!y&&p.default.createElement(d.NavigationLogoutPopup,{openLogoutPopup:T,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),N(!1)},siteType:j,onLogoutHandler:function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return N(!1),document.body.classList.toggle("noscroll",!1),[4,B()];case 1:return e.sent(),[2]}}))}))}})):p.default.createElement(c.StyledLoggedOutAnchor,{style:e.__assign({textDecoration:"none"},w),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":v,href:y?"".concat(x,"?returnUrl=").concat(v.replace("?amp=1","")):R?void 0:"".concat(x,"?returnUrl=").concat(v),"data-site-type":j},h?p.default.createElement(c.StyledAvatar,{onClick:f},p.default.createElement("img",{src:r,className:"avatar",alt:"avatar"})):p.default.createElement(p.default.Fragment,null,"helloSites"===j&&p.default.createElement("img",{className:"mobile-only",src:s,style:{cursor:"pointer",height:24,width:24},onClick:f}),"marryBaby"===j&&p.default.createElement("div",{className:"mobile-only",onClick:f,style:{paddingLeft:16}},p.default.createElement(o.Text,{size:"p3",color:u.theme.mbColors.pink},U("navigation.loginJoin"))),p.default.createElement(a.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:f,icon:p.default.createElement("img",{src:s,width:18,height:18,style:{marginRight:8}}),theme:j},U("navigation.loginJoin"))))};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);exports.Popup=function(e){var a=e.type,l=void 0===a?"lead":a,r=e.closeIcon,d=e.isOpen,o=void 0===d||d,c=e.onClose,i=e.children,p=e.enableAnimation,u=void 0===p||p,s=e.targetAvatar,m=e.id,f=e.className;return n.default.createElement(n.default.Fragment,null,n.default.createElement(t.StyledPopup,{"data-open":o,"data-type":l,"data-animation":u,"data-target":s,id:m,className:f},n.default.createElement("div",{className:"popup-content"},!!r&&n.default.createElement("div",{className:"close-button",onClick:c},r),i)),n.default.createElement(t.StyledPopupWrapper,{"data-type":l,"data-open":o,onClick:c,id:m?"wrapper-".concat(m):void 0,className:"".concat(f||"","-wrapper")}))};

package/build/components/organisms/navigationProfileButton/profilePopup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UserInfo } from 'interfaces/types';
+import { LOCALE, UserInfo } from 'interfaces/types';
 export declare type Props = {
     SSO_URL?: string;
     UP_BASEPATH?: string;
@@ -16,6 +16,7 @@ export declare type Props = {
     isUserProfileNavigatorMenuHidden?: boolean;
     isMyHealthEnabled?: boolean;
     togetherApiDomain?: string;
+    locale: LOCALE;
 };
-declare const ProfilePopup: ({ SSO_URL, UP_BASEPATH, isOpen, targetAvatar, userInfo, enableCare, enableTogether, enableEcom, closePopup, siteType, dispatchLogout, userProfileRouterPush, isUserProfileNavigatorMenuHidden, isMyHealthEnabled, togetherApiDomain, }: Props) => JSX.Element;
+declare const ProfilePopup: ({ SSO_URL, UP_BASEPATH, isOpen, targetAvatar, userInfo, enableCare, enableTogether, enableEcom, closePopup, siteType, dispatchLogout, userProfileRouterPush, isUserProfileNavigatorMenuHidden, isMyHealthEnabled, togetherApiDomain, locale, }: Props) => JSX.Element;
 export { ProfilePopup };

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

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

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

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.ClosePopupIcon=function(e){var n=e.className,d=e.ampHidden,a=e.ampBindHiddenCondition;return t.default.createElement("div",{"data-amp-bind-hidden":a,hidden:d},t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},t.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../../hooks/useCSSFocusPopupHelper.js"),n=require("../../../../../../hooks/useIsInit.js"),o=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e);exports.ItemMenu=function(e){var l=e.item,r=e.menu,a=t.useCSSFocusPopupHelper({allowBgScroll:!0}),s=a.containerRef,d=a.onContainerFocus,i=a.onContainerBlur,c=a.onButtonMouseDown,p=a.onClose,m=n.useIsInit();return!l.popupType&&l.link?u.default.createElement(o.StyledHeaderMenuItem,{className:m?"":"menu-handler-".concat(l.id),tabIndex:0,as:"a",href:l.link,style:{textDecoration:"none"}},u.default.createElement(o.StyledMenuButton,null,l.name)):u.default.createElement(o.StyledHeaderMenuItem,{ref:s,className:m?"":"menu-handler-".concat(l.id),tabIndex:0,key:l.id,onBlur:i,onFocus:d},u.default.createElement(o.StyledMenuButton,{onMouseDown:c},l.name,l.popupType&&u.default.createElement(o.StyledMenuIconWrapper,null,u.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),u.default.isValidElement(r)?u.default.cloneElement(r,{onClose:p}):null)};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../PopupWrapper/index.styled.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,i,s,a=o(e),l=a.default.div(r||(r=n.__makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid\n      ",";\n    svg path {\n      stroke: ",";\n    }\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n      border-bottom: 1px solid\n        ",";\n      svg path {\n        stroke: ",";\n      }\n      svg:hover path {\n        stroke: ",";\n      }\n    }\n\n    "," {\n      visibility: initial;\n      opacity: 1;\n    }\n  }\n  &:not(:focus-within) {\n    "," {\n      img {\n        display: none;\n      }\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"],["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid\n      ",";\n    svg path {\n      stroke: ",";\n    }\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n      border-bottom: 1px solid\n        ",";\n      svg path {\n        stroke: ",";\n      }\n      svg:hover path {\n        stroke: ",";\n      }\n    }\n\n    "," {\n      visibility: initial;\n      opacity: 1;\n    }\n  }\n  &:not(:focus-within) {\n    "," {\n      img {\n        display: none;\n      }\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.pink}),t.StyledMenuPopupWrapper,t.StyledMenuPopupWrapper,(function(n){return n.theme.colors.secondaryDark})),p=a.default.div(i||(i=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),c=a.default.div(s||(s=n.__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));exports.StyledHeaderMenuItem=l,exports.StyledMenuButton=c,exports.StyledMenuIconWrapper=p;