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

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

@@ -0,0 +1 @@
+import{__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import t,{useState as l,useRef as i}from"react";import{theme as C}from"../../../../misc/theme.js";import{MarryBabyText as n}from"../marryBabyText/index.js";import{StyledUnderLine as o}from"./index.styled.js";var r={categories:{icon:t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}),t.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:C.mbColors.lightPink},healthTools:{icon:t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}),t.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"}),t.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"}),t.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:C.mbColors.lightOrange},together:{icon:t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}),t.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:C.mbColors.lightBlue}},d=function(l){var i,d,a,c=l.item,m=l.isActive,s=l.isGoingForward,u=l.onServiceClicked;return t.createElement("div",{style:{display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center"}},t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:56,width:56,marginBottom:8,borderRadius:16},onClick:function(){null==u||u(c.id)}},t.createElement("div",{style:e({display:"flex",alignItems:"center",justifyContent:"center",height:48,width:48,flexShrink:0,backgroundColor:null!==(d=null===(i=r[c.id])||void 0===i?void 0:i.color)&&void 0!==d?d:"white",borderRadius:16},m?{height:56,width:56,boxShadow:"0px 0px 24px rgba(0, 0, 0, 0.08)",border:"4px solid white"}:{})},null===(a=r[c.id])||void 0===a?void 0:a.icon)),t.createElement(n,{type:"subtitle-3",color:m&&C.mbColors.pink,style:{fontWeight:C.sizes.fwSemiBold}},c.name),m&&(s?t.createElement(o,{style:{animationDuration:"0.2s",animationName:"menuLeftToRightTrans"}}):t.createElement(o,{style:{animationDuration:"0.2s",animationName:"menuRightToLeftTrans"}})))},a=function(e){var C=e.menuItems,n=e.activeItem,o=e.onServiceClicked,r=l(0),a=r[0],c=r[1],m=i(!0);return t.createElement("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-evenly"}},C.map((function(e,l){return t.createElement(d,{onServiceClicked:function(e){m.current=a<l,c(l),null==o||o(e)},key:"item"+l,item:e,isGoingForward:m.current,isActive:n.id===e.id})})))};export{a as MarryBabyMobileMenuShelf};

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

@@ -0,0 +1 @@
+import e from"react";function t(){return e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M14.5 17L9.5 12L14.5 7",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))}export{t as ArrowLeftPopupIcon};

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

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

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

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

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

@@ -0,0 +1 @@
+import{__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import t from"react";import a from"../../../../assets/svg/lock.png.js";import n from"../../../../assets/svg/sehat-badge.png.js";import{Button as i}from"../../../atoms/button/index.js";import{Heading as o}from"../../../atoms/heading/index.js";import{Logo as l}from"../../../atoms/logo/index.js";import{PureInput as r}from"../../../atoms/pureInput/index.js";import{Text as s}from"../../../atoms/text/index.js";import{useHeaderHeightHook as c}from"./index.js";import{useTranslation as d}from"../utils.js";import{ArrowLeftPopupIcon as m}from"./ArrowLeftPopupIcon.js";import{ClosePopupIcon as p}from"./ClosePopupIcon.js";import{HamburgerIcon as h}from"./HamburgerIcon.js";import{StyledHeaderContainer as g,StyledMenuContainer as u,StyledMenuIcon as v,StyledProfileMenu as E,StyledImageWrapper as C,StyledAvatar as y,StyledHeaderMenuItem as L,StyledMenuSearchInput as f}from"./index.styled.js";function b(b){var w,x,k=b.type,M=b.isStatic,S=b.isAmp,B=b.isDisplayed,j=b.siteType,Z=b.isCollapsed,N=b.sitewideBannerShown,I=b.sitewideBanner,R=b.sitewideBannerClosed,U=b.setSitewideBannerClosed,A=b.isMobile,F=b.onMenuClick,H=b.menu,P=b.isSearchIconDisplayed,_=b.statics,z=_.DISCOVER_URL_FE,D=_.SSO_URL,W=_.HOME_PAGE_URL,T=_.CARE_URL_FE,V=b.basePath,J=b.languageMenu,O=b.enabledExperimentalCareHeader,G=b.onCareHeaderClick,K=b.logoType,q=b.locale,Q=b.isInit,X=b.title,Y=b.sponsorComponent,$=b.currentUrl,ee=b.userInfo,te=b.currentPopupType,ae=b.avatar,ne=b.profileMenu,ie=b.isLoginButtonDisplayed,oe=b.goToLogin,le=b.isSearchBarDisplay,re=b.searchPlaceholder,se=b.onSearchValueChanged,ce=b.keyPressed,de=d(),me=!!Y,pe=!!(null===(x=null===(w=null==Y?void 0:Y.props)||void 0===w?void 0:w.sponsoredBy)||void 0===x?void 0:x.length),he=N&&!!I&&!R,ge=c({isSiteWide:!!I&&!R,isShowingSiteWideBanner:he,isSponsored:me,hasSponsoredBanners:pe,isMobile:!0}),ue=ge.headerRef,ve=ge.headerHeight;return t.createElement(t.Fragment,null,t.createElement(g,{"data-header-type":k,"data-collapsed":!M&&Z,"data-with-search-input":"popup-sub-level"!==k,"data-is-displayed":B,"data-is-amp":S,"data-sponsored":me,"data-site-type":j,"data-sitewide-banner-shown":he,id:"site-header",ref:ue},I?t.isValidElement(I)?t.cloneElement(I,{isCollapsed:Z,setBannerClosed:U,isAmp:S,isMobile:A}):I:null,t.createElement("div",{style:e(e({position:"relative",height:64,display:"flex",alignItems:"center",justifyContent:"helloSites"===j?"center":"flex-start",background:"white"},"marryBaby"===j?{paddingLeft:66}:{}),void 0!==J||O?{paddingLeft:O?48:64,gap:24,justifyContent:"unset"}:{})},t.createElement(u,null,t.createElement(v,{on:"tap:discover-amp-sidebar",role:"button",className:"menu-handler",tabIndex:0},t.createElement("div",{onClick:function(){return null==F?void 0:F("categories")}},"home"===k&&t.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},t.createElement(h,{siteType:j,type:k})),"popup"===k&&t.createElement(p,null),"popup-sub-level"===k&&t.createElement(m,null)),H),P&&"helloSites"===j&&"home"===k&&t.createElement(v,{style:{paddingRight:16}},t.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{paddingRight:16,paddingTop:8,position:"relative"},href:"".concat(W,"/search?s=&page=1")},t.createElement("img",{src:"".concat(V,"/images/search.svg"),style:{width:"24px",height:"24px"},alt:k}),t.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0,zIndex:1e4}})))),"popup"!==k&&t.createElement(E,{"data-is-profile":!0,className:Q?"":"menu-handler-health-tools"},t.createElement("div",{className:"menu-handler-item"},P&&"marryBaby"===j&&"home"===k&&t.createElement(v,{style:{justifySelf:"flex-end"}},t.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{display:"flex"},href:"".concat(z,"/search?s=&page=1")},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"})),t.createElement("input",{style:{width:"32px",height:"32px",position:"absolute",left:"-2px",bottom:"0",opacity:0}}))),O&&t.createElement(t.Fragment,null,G?t.createElement(i,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:$,onClick:G},de("login.booking")):t.createElement("a",{href:T,className:"care-button"},t.createElement(i,{size:"sm",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:$},de("login.booking")))),(null==ee?void 0:ee.id)?t.createElement(C,{style:{position:"relative"}},t.createElement("div",{onClick:function(){return F&&F("profile")}},"profile"===te?t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})):ae),ne):S?t.createElement("a",{"data-vars-event-category":"Sign Up","data-vars-event-action":"Button Click","data-vars-event-label":$,href:"".concat(D,"?returnUrl=").concat($.replace("?amp=1","")),style:{textDecoration:"none"}},"vi-VN"===q?t.createElement(y,{onClick:oe},t.createElement("img",{src:a,className:"avatar",alt:"avatar"})):t.createElement(i,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:oe},de("navigation.loginJoin"))):ie&&t.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":$},O?t.createElement(y,{onClick:oe},t.createElement("img",{src:a,className:"avatar",alt:"avatar"})):"helloSites"===j?t.createElement(i,{className:"login-btn-mobile",size:"sm",color:"secondary",onClick:oe},de("navigation.loginJoin")):t.createElement("div",{className:"login-btn-mobile",onClick:oe,style:{paddingLeft:16}},t.createElement(s,{size:"p3"},de("navigation.loginJoin")))))),("home"===k||"popup"===k)&&t.createElement("a",{href:W||""},t.createElement(l,{type:K,height:"27px",width:"121px",style:{display:"flex"},badge:"id-ID"===q?t.createElement("img",{src:n,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0})),void 0!==J&&t.createElement(L,{"data-is-active":!0,className:Q?"":"menu-handler-language",onClick:function(){F&&F("language")}},J),X&&t.createElement(o,{className:"top-bar-header",tag:"h5"},X)),Y?t.isValidElement(Y)?t.cloneElement(Y,{isCollapsed:Z,locale:q,isMobile:A,isAmp:S}):Y:null),le?t.createElement(f,{"data-header-type":k,"data-is-displayed":B,"data-sitewide-banner-shown":N&&!!I},t.createElement(r,{style:{minHeight:"auto",minWidth:"100%",padding:"0 16px"},name:"search-input-"+k+(Q?"":"-temp"),size:"md",placeholder:re,onChange:se,onKeyPress:ce,type:"search",autoFocus:!1,displayIcon:t.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}),t.createElement("path",{d:"M20 20L16 16",stroke:"#8C8C8C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))})):t.createElement(t.Fragment,null,!S&&t.createElement("div",{style:{height:ve}})))}export{b as NavigationBarMobile};

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

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

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

@@ -0,0 +1 @@
+import e,{useState as t,useRef as n,useMemo as a,useCallback as i,useEffect as o}from"react";import r from"../../../../assets/svg/lock.png.js";import l from"../../../../assets/svg/sehat-badge.png.js";import{Avatar as s}from"../../../atoms/avatar/index.js";import{Button as c}from"../../../atoms/button/index.js";import{Container as d}from"../../../atoms/container/index.js";import{Logo as m}from"../../../atoms/logo/index.js";import{PureInput as u}from"../../../atoms/pureInput/index.js";import{LOCALE_SPECS as h,domainLocales as v}from"../constants.js";import{throttle as p,debounce as g}from"lodash";import{theme as E}from"../../../../misc/theme.js";import{useTranslation as w}from"../utils.js";import{StyledHeaderMenuItem as f,StyledMenuIconWrapper as y,StyledDesktopHeaderWrapper as C,StyledDesktopHeader as L,StyledLeftGroup as b,StyledLogoWrapper as k,StyledDesktopMenuSearchInput as x,StyledRightGroup as B,StyledProfileMenu as M,StyledImageWrapper as S,StyledAvatar as I}from"./index.styled.js";import{NavigationBarMobile as Z}from"./NavigationBarMobile.js";var N=function(e){var r=e.hasSponsoredBanners,l=e.isSiteWide,s=e.isSponsored,c=e.isShowingSiteWideBanner,d=e.isMobile,m=n(null),u=t(0),h=u[0],v=u[1],p=i(g((function(){var e,t=(null===(e=m.current)||void 0===e?void 0:e.clientHeight)||0;window.scrollY<=t+30&&v(t)}),100),[]);o((function(){return window.addEventListener("resize",p),window.addEventListener("scroll",p),function(){window.removeEventListener("resize",p),window.removeEventListener("scroll",p)}}),[]),o((function(){p()}),[l,c,s,r,m.current]);var E=a((function(){var e=d?64:69;return c&&(e+=64),s&&(e+=40),e}),[d,c,s]);return{headerHeight:h||E,headerRef:m}},j=function(g){var j,P,Y,H=g.siteType,T=g.basePath,A=g.statics,W=g.currentPopupType,z=void 0===W?"none":W,D=g.isDisplayed,R=void 0===D||D,U=g.isSearchBarDisplay,F=void 0===U||U,_=g.searchPlaceholder,O=void 0===_?"":_,K=g.openPopup,V=g.onTopBarAppears,G=g.onSearchChange,J=g.onSearchKeyPress,q=g.menu,Q=g.isAmp,X=g.profileMenu,$=g.isMobile,ee=void 0!==$&&$,te=g.isLoginButtonDisplayed,ne=g.title,ae=g.type,ie=void 0===ae?"home":ae,oe=g.onMenuClick,re=g.isStatic,le=void 0!==re&&re,se=g.routerAsPath,ce=g.locale,de=g.userInfo,me=g.marryBaby,ue=(void 0===me?{tone:"white"}:me).tone,he=g.menuItems,ve=void 0===he?[]:he,pe=g.isInit,ge=g.sitewideBanner,Ee=g.sitewideBannerShown,we=void 0===Ee||Ee,fe=g.sponsorComponent,ye=g.languageMenu,Ce=g.isSearchIconDisplayed,Le=void 0!==Ce&&Ce,be=g.enabledExperimentalCareHeader,ke=g.onCareHeaderClick,xe=A.SSO_URL,Be=A.HOME_PAGE_URL,Me=A.CARE_URL_FE,Se=w(),Ie=!!fe,Ze=t(!1),Ne=Ze[0],je=Ze[1],Pe=t(!1),Ye=Pe[0],He=Pe[1],Te=t(!1),Ae=Te[0],We=Te[1],ze=t(pe||!1),De=ze[0],Re=ze[1],Ue=n(47),Fe=n(!1),_e=n(!1),Oe="helloSites"===H?"https://".concat(v[ce]).concat(se):"https://www.marrybaby.vn".concat(se),Ke=a((function(){var t=(null==de?void 0:de.name)||(null==de?void 0:de.username);return e.createElement(s,{type:"rounded",size:"small",avatarUrl:null==de?void 0:de.avatar,firstLetter:t&&t.length?t[0].toUpperCase():"A",backgroundColor:"marryBaby"===H?E.mbColors.pink:E.colors.secondaryBase,isAmp:Q})}),[null==de?void 0:de.username,null==de?void 0:de.name,null==de?void 0:de.avatar]),Ve=function(){var e=window.location.href;window.location.href=xe?"".concat(xe,"?returnUrl=").concat(e):e},Ge="helloSites"===H?null===(j=h[ce])||void 0===j?void 0:j.LOGO_TYPE:H,Je="undefined"!=typeof window,qe=function(e){null==G||G(e)},Qe=i(p((function(){var e;if("home"===ie){var t=window,n=null===(e=document.querySelector(".sticky-container"))||void 0===e?void 0:e.clientHeight;Je&&t&&(t.scrollY>Ue.current&&t.scrollY>64&&!Fe.current&&(Fe.current=!0,je(!0)),t.scrollY<Ue.current&&Fe.current&&(Fe.current=!1,je(!1),n&&t.scrollY),t.scrollY<Ue.current&&n&&t.scrollY,F?(t.scrollY<64&&t.scrollY<Ue.current&&_e.current&&(_e.current=!1),t.scrollY>8&&t.scrollY>Ue.current&&!_e.current&&(_e.current=!0)):_e.current=!0,t.scrollY>=0&&(Ue.current=t.scrollY))}}),300),[]);o((function(){null==V||V(!Ne)}),[Ne]);var Xe=function(e){var t,n;J&&J(e,null!==(n=null===(t=document.getElementById("search-input-"+ie))||void 0===t?void 0:t.value)&&void 0!==n?n:"")};o((function(){ee&&Qe()}),[]),o((function(){return window.addEventListener("scroll",Qe,{passive:!0}),function(){window.removeEventListener("scroll",Qe)}}),[]),o((function(){Re(!0)}),[]),o((function(){"undefined"!=typeof window&&We(Boolean(Ae))}),[]);var $e=e.createElement(e.Fragment,null,ve.find((function(e){return"categories"===e.id}))&&e.createElement(f,{"data-is-active":"categories"===z,className:De?"":"menu-handler-categories",tabIndex:0,onClick:function(){null==K||K("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)}},e.createElement("div",{className:"menu-handler-item"},Se("home.navigator.menuItem.discover"),e.createElement(y,null,e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"categories"===z&&e.createElement("div",null,q)),ve.find((function(e){return"healthTools"===e.id}))&&e.createElement(f,{"data-is-active":"tools"===z,className:De?"":"menu-handler-health-tools",tabIndex:0},e.createElement("div",{className:"menu-handler-item",onClick:function(){K&&K("tools")}},Se("home.navigator.menuItem.healthTools"),e.createElement(y,null,e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"tools"===z&&e.createElement("div",null,q)),ve.find((function(e){return"care"===e.id}))&&!be&&e.createElement(f,{"data-is-active":"care"===z,className:De?"":"menu-handler-care-specialties",tabIndex:0},e.createElement("div",{className:"menu-handler-item",onClick:function(){K&&K("care")}},Se("home.navigator.menuItem.helloCare"),e.createElement(y,null,e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"care"===z&&e.createElement("div",null,q)),ve.find((function(e){return"together"===e.id}))&&e.createElement(f,{"data-is-active":"communities"===z,className:De?"":"menu-handler-communities",tabIndex:0},e.createElement("div",{className:"menu-handler-item",onClick:function(){K&&K("communities")}},Se("home.navigator.menuItem.helloTogether"),e.createElement(y,null,e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),"communities"===z&&e.createElement("div",null,q))),et=!!(null===(Y=null===(P=null==fe?void 0:fe.props)||void 0===P?void 0:P.sponsoredBy)||void 0===Y?void 0:Y.length),tt=we&&!!ge&&!Ye,nt=N({isSiteWide:!!ge&&!Ye,isShowingSiteWideBanner:tt,isSponsored:Ie,hasSponsoredBanners:et}),at=nt.headerRef,it=nt.headerHeight;return ee?e.createElement(Z,{type:ie,isStatic:le,isAmp:Q,isDisplayed:R,siteType:H,isCollapsed:Ne,sitewideBannerShown:we,sitewideBanner:ge,sitewideBannerClosed:Ye,setSitewideBannerClosed:He,isMobile:ee,onMenuClick:oe,menu:q,isSearchIconDisplayed:Le,statics:A,basePath:T,languageMenu:ye,enabledExperimentalCareHeader:be,logoType:Ge,locale:ce,isInit:De,title:ne,sponsorComponent:fe,currentUrl:Oe,userInfo:de,currentPopupType:z,avatar:Ke,profileMenu:X,isLoginButtonDisplayed:te,goToLogin:Ve,isSearchBarDisplay:F,searchPlaceholder:O,onSearchValueChanged:qe,keyPressed:Xe}):e.createElement(e.Fragment,null,e.createElement("div",{style:{height:it}}),e.createElement(C,{ref:at,"data-site-type":H,"data-marry-baby-tone":"marryBaby"===H&&ue,"data-sponsored":Ie,"data-sitewide-banner-shown":tt},ge?e.isValidElement(ge)?e.cloneElement(ge,{isCollapsed:Ne,setBannerClosed:He}):ge:null,e.createElement(d,{style:{height:69,padding:"0 16px"},type:H},e.createElement(L,null,e.createElement(b,null,e.createElement("a",{href:Be},e.createElement(k,{"data-is-having-border":"helloSites"===H},e.createElement(m,{style:{display:"flex"},type:Ge,height:"27px",width:"121px",badge:"id-ID"===ce?e.createElement("img",{src:l,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0}))),F&&"helloSites"===H&&e.createElement(x,{"data-header-type":ie,"data-is-displayed":R,"data-sitewide-banner-shown":we&&!!ge},e.createElement(u,{style:{minHeight:"32px",maxHeight:"32px",minWidth:"100%",backgroundColor:E.colors.white},name:"search-input-"+ie+(De?"":"-temp"),autoFocus:!1,size:"sm",placeholder:O,onChange:qe,onKeyPress:Xe,displayIcon:e.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px",transform:"scale(0.8)"}},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"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"===H&&e.createElement("div",{style:{marginLeft:28,display:"flex"}},$e)),e.createElement(B,null,"helloSites"===H&&$e,F&&"marryBaby"===H&&e.createElement(x,{"data-header-type":ie,"data-is-displayed":R,"data-is-styled-borderless":"marryBaby"===H,"data-marry-baby-theme":ue},e.createElement(u,{style:{minHeight:"40px",maxHeight:"40px",minWidth:"100%",borderRadius:16},name:"search-input-"+ie+(De?"":"-temp"),autoFocus:!1,size:"sm",placeholder:O,onChange:qe,onKeyPress:Xe,displayIcon:e.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px"}},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"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!==ye&&e.createElement(f,{"data-is-active":!0,className:De?"":"menu-handler-language",onClick:function(){K&&K("language")}},ye),e.createElement(M,{"data-is-active":"profile"===z,"data-is-profile":!0,className:De?"":"menu-handler-health-tools",tabIndex:0},e.createElement("div",{className:"menu-handler-item"},be&&e.createElement(e.Fragment,null,ke?e.createElement(c,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:Oe,onClick:ke},Se("login.booking")):e.createElement("a",{href:Me,className:"care-button no-replace-click"},e.createElement(c,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:Oe},Se("login.booking")))),(null==de?void 0:de.id)?e.createElement(S,{style:{position:"relative"}},e.createElement("div",{onClick:function(){return K&&K("profile")}},Ke),X):te&&e.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":Oe},be?e.createElement(I,{onClick:Ve},e.createElement("img",{src:r,className:"avatar",alt:"avatar"})):"helloSites"===H?e.createElement(c,{size:"md",color:"secondary",onClick:Ve},Se("navigation.loginJoin")):e.createElement(c,{size:"md",color:"secondary",theme:"marryBaby",onClick:Ve},Se("navigation.loginJoin")))))))),fe?e.isValidElement(fe)?e.cloneElement(fe,{isCollapsed:Ne,locale:ce,isMobile:ee,isAmp:Q}):fe:null))};export{j as NavigationBar,N as useHeaderHeightHook};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as e}from"../../../../misc/utils.js";import t from"styled-components";import{Z_INDEX as i}from"../constants.js";var o=t.header(v||(v=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"],["\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.headerContainerHome,i.headerContainerPopup,i.headerContainerPopupSUbLevel),a=t.header(w||(w=n(["\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"]))),r=t.div(k||(k=n(["\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"]))),s=t.div(z||(z=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"],["\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.menuSearchInputPopup,i.menuSearchInputDisplayIcon,i.menuSearchPopup),p=t.div(j||(j=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"],["\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})),l=t.div(B||(B=n(["\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"]))),d=t.div(C||(C=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),c=t.div(_||(_=n(["\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=t.div(P||(P=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"],["\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})),m=t.div(E||(E=n(["\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"]))),u=t.div(S||(S=n(["\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"]))),x=t.div(I||(I=n(["\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"]))),g=t.div(L||(L=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"],["\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})),f=t.div(D||(D=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"],["\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.mbDown),b=t.div(A||(A=n(["\n  display: block;\n"],["\n  display: block;\n"]))),y=t.div(M||(M=n([""],[""])));t.div(G||(G=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"],["\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 v,w,k,z,j,B,C,_,P,E,S,I,L,D,A,M,G,H,U=t.div(H||(H=n(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}));export{y as StyledAmpCategoryCard,U as StyledAvatar,b as StyledCloseButton,l as StyledDesktopHeader,p as StyledDesktopHeaderWrapper,h as StyledDesktopMenuSearchInput,o as StyledHeaderContainer,g as StyledHeaderMenuItem,u as StyledImageWrapper,d as StyledLeftGroup,c as StyledLogoWrapper,a as StyledMenuContainer,r as StyledMenuIcon,x as StyledMenuIconWrapper,s as StyledMenuSearchInput,f as StyledProfileMenu,m as StyledRightGroup};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../misc/utils.js";import o from"styled-components";var e,i,a=o.div(e||(e=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"],["\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.mbDown,t.mbUp,t.mbDown,t.mbUp,t.mbUp,(function(n){return n.theme.colors.gray200}),t.mbDown,t.mbUp),p=o.div(i||(i=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"],["\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.mbUp,t.mbDown);export{a as StyledPopup,p as StyledPopupWrapper};

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var i,e,o,a=t.div(i||(i=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"],["\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})),r=t.div(e||(e=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"],["\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"]))),s=t.div(o||(o=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"],["\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}));export{s as StyledCloseIconWrapper,r as StyledIcon,a as StyledSiteWideContainer};

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../misc/utils.js";import e from"styled-components";e.div(i||(i=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"],["\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 i,o,r,a=e.div(o||(o=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"],["\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}),t.mbUp),p=e.div(r||(r=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"],["\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"])),t.mbDown,t.mbUp);export{a as StyledStickySponsoredBy,p as StyledStickySponsoredPopup};

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,t,i,r,d,p=e.div(o||(o=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),a=e.div(t||(t=n([""],[""]))),s=e.div(i||(i=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"],["\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"]))),h=e.div(r||(r=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"],["\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})),l=e.div(d||(d=n(["\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"])));export{s as StyleSelectionPopup,h as StyledOption,l as StyledPopupBackground,p as StyledSelectionContainer,a as StyledSelectionLabel};

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

@@ -0,0 +1 @@
+import{__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import{createContext as n,useContext as e}from"react";import{LOCALIZED_SLUGS as l}from"../../../care/interfaces/constants.js";import o from"string-format";import{TOGETHER_PATHS as i,domainLocales as r,DISCOVER_PATHS as a,MARRY_BABY_PATH as u,CARE_PATHS as m}from"./constants.js";import{defaultTranslation as c}from"./languages/default.js";var s=n({}),p=function(){var t=e(s);return function(n,e){var l=(t.translation||{})[n]||c[n];return l?e?o(l,e):l:function(){throw Error("missing translation "+n)}()}},d=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}:{}},h=function(t){var n;return t?{title:(null==t?void 0:t.name)||"",thumbnail:(null==t?void 0:t.thumbnail)||"",communitySlug:"".concat(null===(n=null==t?void 0:t.community)||void 0===n?void 0:n.slug,"/").concat(null==t?void 0:t.slug),communityId:null==t?void 0:t.id}:{}},v=function(t){return t?{title:t.title,logo:t.logo,link:t.link}:{}},g=function(t){return{postTitle:t.post_title,permalink:t.permalink}},f=function(t){return{title:t.title,content:t.content}},_=function(t){var n,e;return t?{termId:t.term_id||null,sponsor:t.sponsor?v(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===(n=t.child_cates)||void 0===n?void 0:n.map((function(t){return _(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===(e=t.cat_parent)||void 0===e?void 0:e.name)?{name:t.cat_parent.name,permalink:t.cat_parent.permalink}:{},metaTag:t.meta_tag||"",reviewedBy:t.reviewed_by?g(t.reviewed_by):null,reviewedDate:t.reviewed_date||"",faqs:t.faqs?t.faqs.map((function(t){return f(t)})):null}:{}},b=function(t){return t?{icon:t.icon,link:t.link,subtitle:t.subtitle,title:t.title}:{}},T=function(t){var n,e;return t?{termId:(null==t?void 0:t.term_id)||0,name:(null==t?void 0:t.name)||"",healthTools:null!==(e=null===(n=null==t?void 0:t.health_tools)||void 0===n?void 0:n.map((function(t){return b(t)})))&&void 0!==e?e:[]}:{}},w=function(n,e,l){return(e||"https://service-health-care.hellohealthgroup.com/")+o(m.SPECIALTIES,t(t({},l),{domain:r[n]}))},y=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.CATEGORIES,t({},l))},E=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.HEALTH_TOOLS_BY_CATEGORY,t({},l))},I=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.SPOTLIGHTS,t({},l))},F=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.FOOTER,t({},l))},O=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.COMMUNITIES,t(t({},l),{websiteUrl:"https://".concat(r[n])}))},S=function(n,e,l,a){return(l||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.GET_USER_POSTS,t(t({},a),{websiteUrl:e?"https://marrybaby.vn":"https://".concat(r[n])}))},k=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.COMMUNITIES,t(t({},l),{websiteUrl:"https://marrybaby.vn"}))},C=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.MENU_TOPIC,t(t({},l),{websiteUrl:"https://".concat(r[n])}))},D=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.MENU_TOPIC,t(t({},l),{websiteUrl:"https://marrybaby.vn"}))},U=function(n,e,l){return(e||"https://staging.marrybaby.vn/")+"wp-json/api/"+o(u.FOOTER,t({},l))},j=function(n,e,l){return(e||"https://staging.marrybaby.vn/")+"wp-json/api/"+o(u.HEALTH_TOOLS,t({},l))},L=function(t){var n,e=t.type,o=t.specialtySlug,i=t.locale;return"/".concat(l[i].ALL,"/").concat((null===(n=l[i])||void 0===n?void 0:n[e])||"doctor","/").concat(null!=o?o:"")},M=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}:{}},A=function(t){var n=new Date;if(null==t?void 0:t.startDate){var e=new Date(t.startDate);if(n.getTime()<e.getTime())return!1}if(null==t?void 0:t.endDate){var l=new Date(t.endDate);if(n.getTime()>l.getTime())return!1}return!0};export{s as NaContext,A as checkAvailableSpotlight,_ as formatCategory,d as formatCommunity,f as formatFaqsCategory,b as formatHealthTool,T as formatHealthToolTypeCategory,g as formatReviewedCategory,v as formatSponsor,M as formatSpotlightsList,h as formatTogetherTopic,w as getCareDefaultSpecialtiesApiPath,L as getCareSearchUrl,y as getDiscoverDefaultCategoriesApiPath,F as getDiscoverDefaultFooterApiPath,E as getDiscoverDefaultHealthToolsByCategoryApiPath,I as getDiscoverDefaultSpotlightsApiPath,U as getMarryBabyDefaultFooterApiPath,j as getMarryBabyDefaultHealthToolsApiPath,O as getTogetherDefaultCommunitiesApiPath,C as getTogetherDefaultCommunitiesSubMenuApiPath,k as getTogetherMarryBabyCommunitiesApiPath,D as getTogetherMarryBabyCommunitiesSubMenuApiPath,S as getTogetherUserPostsApiPath,p as useTranslation};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as t}from"../../../misc/theme.js";import{MediaQueries as i}from"../../../misc/utils.js";import e from"styled-components";var o,a,p,r,d,l=e.div(o||(o=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"],["\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}),i.mbDown,i.mbUp,i.mbDown,i.mbUp,i.mbDown,i.mbUp,(function(n){return n.theme.colors.gray200}),i.mbDown,t.colors.neutral100,i.mbUp),s=e.div(a||(a=n(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),i.mbUp,i.mbDown),h=e.div(p||(p=n(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),x=e.a(r||(r=n(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"])),l,i.mbDown,s),b=e.a(d||(d=n(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),i.mbUp,i.mbUp);export{h as StyledAvatar,x as StyledImageWrapper,b as StyledLoggedOutAnchor,l as StyledPopup,s as StyledPopupWrapper};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";import{StyledMenuPopupWrapper as e}from"../PopupWrapper/index.styled.js";var o,r,i,s=t.div(o||(o=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"],["\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}),e,e,(function(n){return n.theme.colors.secondaryDark})),a=t.div(r||(r=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),l=t.div(i||(i=n(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));export{s as StyledHeaderMenuItem,l as StyledMenuButton,a as StyledMenuIconWrapper};

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as t}from"../../../../../../node_modules/tslib/tslib.es6.js";import"react";import"../../../../../atoms/text/index.styled.js";import"../../../../../atoms/alert/index.styled.js";import"../../../../../atoms/avatar/index.styled.js";import"../../../../../atoms/badge/index.styled.js";import"../../../../../atoms/borderHeading/index.styled.js";import"../../../../../atoms/button/index.styled.js";import"../../../../../atoms/divider/index.styled.js";import"../../../../../atoms/fileDropdown/index.styled.js";import"../../../../../atoms/flag/index.styled.js";import"../../../../../atoms/grid/index.styled.js";import"../../../../../atoms/heading/index.styled.js";import"../../../../../atoms/label/index.js";import"../../../../../atoms/input/index.styled.js";import"../../../../../atoms/logo/index.js";import{MediaQueries as i}from"../../../../../../misc/utils.js";import"../../../../../atoms/pagination/index.styled.js";import"../../../../../atoms/pureInput/index.js";import"../../../../../atoms/radio/index.styled.js";import"../../../../../atoms/shadow/index.styled.js";import"react-range";import"../../../../../atoms/slider/index.styled.js";import"../../../../../atoms/tag/index.styled.js";import"../../../../../atoms/toggle/index.styled.js";import"../../../../../atoms/underlinedLink/index.styled.js";import"../../../../../atoms/uploader/index.styled.js";import"../../../../../atoms/textArea/index.js";import{Container as o}from"../../../../../atoms/container/index.js";import"../../../../../atoms/checkbox/index.styled.js";import"../../../../../atoms/textDivider/index.js";import"../../../../../atoms/rateStars/index.styled.js";import"../../../../../atoms/icons/Ask.js";import"../../../../../atoms/icons/BarChart.js";import"../../../../../atoms/icons/Booking.js";import"../../../../../atoms/icons/Bookmark.js";import"../../../../../atoms/icons/Community.js";import"../../../../../atoms/icons/EditSpecial.js";import"../../../../../atoms/icons/Family.js";import"../../../../../atoms/icons/Font.js";import"../../../../../atoms/icons/Heart.js";import"../../../../../atoms/icons/Home.js";import"../../../../../atoms/icons/Like.js";import"../../../../../atoms/icons/MyCommunity.js";import"../../../../../atoms/icons/PlusSpecial.js";import"../../../../../atoms/icons/Recalculate.js";import"../../../../../atoms/icons/Scale.js";import"../../../../../atoms/icons/Share.js";import"../../../../../atoms/icons/Stethoscope.js";import"../../../../../atoms/progress/index.styled.js";import"react-dom";import"../../../../../atoms/backdrop/index.styled.js";import"../../../../../atoms/drawer/index.styled.js";import"../../../../../atoms/menu/index.js";import"../../../../../atoms/radioImageGroup/index.styled.js";import n from"styled-components";import{Z_INDEX as s}from"../../../constants.js";var e=n(o)(r||(r=t(["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"],["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"])),i.mbDown,i.mbUp);n.div(a||(a=t(["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"],["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"])));var r,a,m,d,p,l=n.div(m||(m=t(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: ",";\n  transition: opacity 0.2s ease-in-out;\n  &[data-is-display='false'] {\n    visibility: hidden;\n    opacity: 0;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: ",";\n  transition: opacity 0.2s ease-in-out;\n  &[data-is-display='false'] {\n    visibility: hidden;\n    opacity: 0;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),s.menuCategoryPopupWrapper,(function(t){return t.theme.colors.white})),x=n.div(d||(d=t(["\n  position: relative;\n  z-index: 1;\n"],["\n  position: relative;\n  z-index: 1;\n"]))),c=n.div(p||(p=t(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));export{c as StyledCloseWrapper,x as StyledContainer,e as StyledGridContainer,l as StyledMenuPopupWrapper};

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

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

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

@@ -0,0 +1 @@
+import t,{useContext as o}from"react";import"../../../../../atoms/text/index.styled.js";import"../../../../../atoms/alert/index.styled.js";import"../../../../../atoms/avatar/index.styled.js";import"../../../../../atoms/badge/index.styled.js";import"../../../../../atoms/borderHeading/index.styled.js";import"../../../../../atoms/button/index.styled.js";import"../../../../../atoms/divider/index.styled.js";import"../../../../../atoms/fileDropdown/index.styled.js";import"../../../../../atoms/flag/index.styled.js";import"../../../../../atoms/grid/index.styled.js";import"../../../../../atoms/heading/index.styled.js";import"../../../../../atoms/label/index.js";import"../../../../../atoms/input/index.styled.js";import"../../../../../atoms/logo/index.js";import"../../../../../../misc/utils.js";import"../../../../../atoms/pagination/index.styled.js";import{PureInput as s}from"../../../../../atoms/pureInput/index.js";import"../../../../../atoms/radio/index.styled.js";import"../../../../../atoms/shadow/index.styled.js";import"react-range";import"../../../../../atoms/slider/index.styled.js";import"../../../../../atoms/tag/index.styled.js";import"../../../../../atoms/toggle/index.styled.js";import"../../../../../atoms/underlinedLink/index.styled.js";import"../../../../../atoms/uploader/index.styled.js";import"../../../../../atoms/textArea/index.js";import"../../../../../atoms/container/index.styled.js";import"../../../../../atoms/checkbox/index.styled.js";import"../../../../../atoms/textDivider/index.js";import"../../../../../atoms/rateStars/index.styled.js";import"../../../../../atoms/icons/Ask.js";import"../../../../../atoms/icons/BarChart.js";import"../../../../../atoms/icons/Booking.js";import"../../../../../atoms/icons/Bookmark.js";import"../../../../../atoms/icons/Community.js";import"../../../../../atoms/icons/EditSpecial.js";import"../../../../../atoms/icons/Family.js";import"../../../../../atoms/icons/Font.js";import"../../../../../atoms/icons/Heart.js";import"../../../../../atoms/icons/Home.js";import"../../../../../atoms/icons/Like.js";import"../../../../../atoms/icons/MyCommunity.js";import"../../../../../atoms/icons/PlusSpecial.js";import"../../../../../atoms/icons/Recalculate.js";import"../../../../../atoms/icons/Scale.js";import"../../../../../atoms/icons/Share.js";import"../../../../../atoms/icons/Stethoscope.js";import"../../../../../atoms/progress/index.styled.js";import"react-dom";import"../../../../../atoms/backdrop/index.styled.js";import"../../../../../atoms/drawer/index.styled.js";import"../../../../../atoms/menu/index.js";import"../../../../../atoms/radioImageGroup/index.styled.js";import{useTranslations as e}from"../../../../../../hooks/useTranslations.js";import{LOCALE_SPECS as i}from"../../../../../../interfaces/constants.js";import{NavigationContext as a}from"../../../navigationContext.js";import{SearchIcon as m}from"../SearchIcon.js";var r=function(){var r=o(a),n=r.locale,d=r.configs.statics,p=r.siteType,c=e().t;return t.createElement(s,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===p?c("navigation.search.input.placeholder"):c("home.search",{site:i[n||"en-PH"]?i[n||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(t){return"Enter"===t.key&&(window.location.href="".concat(d.HOME_PAGE_URL,"/search/?s=").concat(t.target.value))},type:"search",autoFocus:!1,onFocus:function(t){t.preventDefault()},displayIcon:t.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},t.createElement(m,null))})};export{r as SearchInput};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../../../misc/utils.js";import o from"styled-components";var e,i,r,a=o.div(e||(e=n(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),t.mbDown,(function(n){return n.theme.colors.neutral100})),p=o.div(i||(i=n(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),l=o.a(r||(r=n(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),t.mbDown);export{p as StyledHeading,a as StyledItemGridRight,l as StyledViewMore};

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

@@ -0,0 +1 @@
+import c,{useContext as e,useRef as m}from"react";import t from"../../../../../../../assets/svg/chevronRightActive.svg.js";import{LOCALIZED_SLUGS as s}from"../../../../../../../care/interfaces/constants.js";import{useTranslations as a}from"../../../../../../../hooks/useTranslations.js";import{NavigationContext as z}from"../../../../navigationContext.js";import{StyledItem as r,StyledImageCard as n,StyledImageCardInner as l,StyledContentWrapper as o,StyledTitle as i,StyledDes as v,StyledBtnView as g}from"./index.styled.js";var p=function(p){var E,d=p.item,u=p.index,f=void 0===u?0:u,C=a().t,h=e(z),x=h.locale,S=h.configs.statics,y=h.isAmp,j=m("svg-".concat(Math.random()));if(!d)return null;var w="".concat(S.CARE_URL_FE,"/").concat(null===(E=s[x])||void 0===E?void 0:E.HOSPITAL,"/").concat(d.slug,"-").concat(d.id);return c.createElement(r,{key:d.id,href:w,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(f+1),"data-event-label":w},c.createElement("svg",{viewBox:"0 0 216 190",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"bg-svg"},c.createElement("path",{style:{stroke:"unset"},d:"M228.502 190c-61.036 0-118.415-23.768-161.573-66.925C23.77 79.917 0 22.535 0-38.502 0-99.54 23.77-156.917 66.929-200.075 110.082-243.232 167.466-267 228.502-267c61.037 0 118.416 23.768 161.574 66.925C433.234-156.917 457-99.535 457-38.502S433.229 79.912 390.076 123.07c-43.158 43.158-100.542 66.925-161.574 66.925V190zm0-455.228c-60.563 0-117.501 23.583-160.326 66.407C25.352-156.002 1.77-99.062 1.77-38.502c0 60.56 23.586 117.5 66.406 160.323 42.825 42.824 99.763 66.407 160.326 66.407 60.564 0 117.501-23.583 160.322-66.407 42.824-42.824 66.406-99.759 66.406-160.323 0-60.565-23.586-117.5-66.406-160.324-42.825-42.819-99.763-66.407-160.322-66.407v.005zm0 449.516c-59.509 0-115.456-23.173-157.533-65.253C28.892 76.955 5.716 21.007 5.716-38.502c0-59.51 23.176-115.453 65.253-157.529 42.077-42.08 98.024-65.252 157.533-65.252 59.51 0 115.456 23.172 157.533 65.252 42.077 42.081 65.253 98.024 65.253 157.533 0 59.51-23.171 115.453-65.253 157.533-42.077 42.08-98.023 65.253-157.533 65.253zm0-443.8c-59.036 0-114.537 22.988-156.28 64.735C30.472-153.035 7.486-97.534 7.486-38.502c0 59.031 22.99 114.537 64.734 156.279 41.744 41.743 97.245 64.735 156.281 64.735 59.037 0 114.537-22.988 156.281-64.735 41.744-41.742 64.735-97.243 64.735-156.28 0-59.035-22.991-114.537-64.735-156.279-41.744-41.742-97.249-64.734-156.281-64.734v.004zm0 438.084c-57.982 0-112.492-22.578-153.492-63.576-41-41.003-63.578-95.517-63.578-153.498 0-57.981 22.577-112.491 63.578-153.489 41-40.999 95.51-63.576 153.492-63.576 57.983 0 112.492 22.577 153.493 63.576 41 40.998 63.577 95.508 63.577 153.489 0 57.98-22.577 112.49-63.577 153.489-41.001 40.998-95.51 63.575-153.493 63.575v.01zm0-432.367c-57.509 0-111.573 22.392-152.24 63.057-40.667 40.665-63.06 94.728-63.06 152.236 0 57.507 22.398 111.575 63.06 152.24 40.663 40.665 94.731 63.057 152.24 63.057 57.51 0 111.573-22.397 152.24-63.057 40.663-40.665 63.06-94.733 63.06-152.24 0-57.508-22.397-111.576-63.06-152.24-40.667-40.661-94.735-63.058-152.24-63.058v.005zm0 426.65c-56.455 0-109.528-21.982-149.447-61.903-39.92-39.921-61.902-92.993-61.902-149.45 0-56.457 21.987-109.528 61.902-149.449 39.915-39.921 92.992-61.903 149.447-61.903 56.456 0 109.528 21.982 149.448 61.903 39.919 39.921 61.901 92.992 61.901 149.45 0 56.456-21.987 109.528-61.901 149.449-39.92 39.921-92.997 61.903-149.448 61.903zm0-420.934c-55.982 0-108.613 21.802-148.2 61.385C40.718-147.111 18.92-94.482 18.92-38.502c0 55.98 21.802 108.613 61.384 148.196 39.586 39.583 92.217 61.385 148.199 61.385 55.983 0 108.614-21.802 148.2-61.385 39.586-39.583 61.383-92.217 61.383-148.196 0-55.98-21.802-108.614-61.383-148.196-39.586-39.583-92.217-61.385-148.2-61.385v.004zm0 415.217c-54.928 0-106.568-21.391-145.407-60.23-38.838-38.839-60.23-90.477-60.23-145.406s21.388-106.566 60.23-145.405c38.839-38.844 90.479-60.231 145.407-60.231 54.929 0 106.569 21.392 145.407 60.231 38.838 38.839 60.23 90.476 60.23 145.405 0 54.93-21.392 106.567-60.23 145.406-38.838 38.839-90.478 60.23-145.407 60.23zm0-409.5c-54.455 0-105.649 21.207-144.154 59.712-38.51 38.501-59.713 89.697-59.713 144.148 0 54.45 21.208 105.651 59.713 144.157 38.505 38.505 89.699 59.712 144.154 59.712 54.456 0 105.65-21.207 144.155-59.712 38.505-38.506 59.712-89.702 59.712-144.157 0-54.456-21.207-105.652-59.712-144.157-38.505-38.505-89.699-59.712-144.155-59.712v.009zm0 403.784c-53.401 0-103.604-20.797-141.366-58.554-37.762-37.76-58.555-87.965-58.555-141.361 0-53.396 20.798-103.605 58.555-141.366 37.762-37.766 87.965-58.558 141.366-58.558 53.402 0 103.605 20.796 141.366 58.553 37.762 37.761 58.555 87.966 58.555 141.366 0 53.4-20.793 103.605-58.555 141.362-37.761 37.761-87.964 58.553-141.366 58.553v.005zm0-398.068c-52.928 0-102.69 20.612-140.114 58.035-37.424 37.428-58.036 87.186-58.036 140.113 0 52.928 20.613 102.69 58.036 140.113 37.424 37.423 87.186 58.035 140.114 58.035 52.929 0 102.69-20.612 140.114-58.035 37.424-37.428 58.037-87.185 58.037-140.113 0-52.927-20.613-102.689-58.037-140.113-37.424-37.427-87.185-58.035-140.114-58.035zm0 392.352c-51.874 0-100.64-20.202-137.32-56.881-36.681-36.68-56.88-85.45-56.88-137.323 0-51.872 20.203-100.643 56.88-137.322 36.68-36.679 85.446-56.881 137.32-56.881 51.875 0 100.641 20.202 137.321 56.881 36.681 36.679 56.879 85.45 56.879 137.322S402.504 62.145 365.823 98.824c-36.68 36.68-85.446 56.882-137.321 56.882zm0-386.635c-51.401 0-99.726 20.017-136.073 56.362-36.347 36.346-56.361 84.67-56.361 136.074 0 51.403 20.018 99.723 56.36 136.069 36.348 36.345 84.673 56.362 136.074 56.362 51.402 0 99.726-20.017 136.074-56.362 36.347-36.346 56.361-84.67 56.361-136.07 0-51.398-20.019-99.722-56.361-136.073-36.348-36.345-84.672-56.362-136.074-56.362zm0 380.918c-103.933 0-188.488-84.553-188.488-188.487s84.555-188.491 188.488-188.491c103.934 0 188.489 84.553 188.489 188.487s-84.555 188.486-188.489 188.486v.005zm0-375.206c-102.956 0-186.718 83.759-186.718 186.72 0 102.96 83.762 186.719 186.718 186.719 102.956 0 186.718-83.76 186.718-186.72s-83.762-186.719-186.718-186.719zm0 369.489c-100.78 0-182.772-81.992-182.772-182.77s81.992-182.774 182.772-182.774c100.781 0 182.772 81.992 182.772 182.77s-81.991 182.77-182.772 182.77v.004zm0-363.773c-99.807 0-181.002 81.199-181.002 181.003 0 99.805 81.199 181.003 181.002 181.003 99.803 0 181.002-81.198 181.002-181.003 0-99.804-81.199-181.003-181.002-181.003zm0 358.057c-97.627 0-177.055-79.427-177.055-177.054s79.424-177.058 177.055-177.058c97.632 0 177.056 79.427 177.056 177.054S326.129 138.55 228.502 138.55v.005zm0-352.34c-96.654 0-175.285 78.633-175.285 175.286S131.848 136.79 228.502 136.79 403.788 58.155 403.788-38.498s-78.636-175.286-175.286-175.286zm0 346.624c-94.478 0-171.34-76.862-171.34-171.338 0-94.475 76.862-171.341 171.34-171.341 94.479 0 171.34 76.861 171.34 171.337 0 94.475-76.861 171.337-171.34 171.337v.005zm0-340.908c-93.501 0-169.569 76.069-169.569 169.57 0 93.502 76.068 169.57 169.569 169.57 93.501 0 169.57-76.068 169.57-169.57 0-93.501-76.069-169.57-169.57-169.57zm0 335.191c-91.325 0-165.623-74.296-165.623-165.62 0-91.325 74.298-165.626 165.623-165.626 91.325 0 165.624 74.296 165.624 165.62 0 91.325-74.299 165.621-165.624 165.621v.005zm0-329.474c-90.347 0-163.853 73.503-163.853 163.853 0 90.35 73.506 163.854 163.853 163.854 90.348 0 163.853-73.503 163.853-163.854 0-90.35-73.505-163.853-163.853-163.853zm0 323.757c-88.172 0-159.907-71.73-159.907-159.904 0-88.173 71.735-159.908 159.907-159.908 88.172 0 159.907 71.731 159.907 159.904s-71.735 159.904-159.907 159.904v.004zm0-318.041c-87.199 0-158.136 70.938-158.136 158.137 0 87.2 70.942 158.137 158.136 158.137 87.195 0 158.137-70.938 158.137-158.137s-70.942-158.141-158.137-158.141v.004zm0 312.325c-85.019 0-154.19-69.17-154.19-154.188 0-85.017 69.167-154.192 154.19-154.192 85.024 0 154.191 69.171 154.191 154.188 0 85.017-69.167 154.187-154.191 154.187v.005zm0-306.608c-84.046 0-152.42 68.377-152.42 152.42 0 84.044 68.374 152.421 152.42 152.421 84.046 0 152.421-68.377 152.421-152.42 0-84.044-68.375-152.426-152.421-152.426v.005zm0 300.896c-81.87 0-148.474-66.605-148.474-148.471s66.604-148.48 148.474-148.48c81.87 0 148.475 66.605 148.475 148.47 0 81.867-66.605 148.472-148.475 148.472v.009zm0-295.18c-80.892 0-146.704 65.812-146.704 146.704 0 80.892 65.812 146.704 146.704 146.704 80.893 0 146.704-65.812 146.704-146.704 0-80.892-65.811-146.708-146.704-146.708v.004zm0 289.464c-78.717 0-142.758-64.04-142.758-142.76 0-78.719 64.041-142.759 142.758-142.759 78.717 0 142.758 64.04 142.758 142.76 0 78.718-64.041 142.759-142.758 142.759zm0-283.747c-77.739 0-140.988 63.246-140.988 140.987 0 77.741 63.249 140.988 140.988 140.988 77.74 0 140.988-63.247 140.988-140.988S306.242-179.49 228.502-179.49v.005zm0 278.03C152.938 98.545 91.46 37.07 91.46-38.498c0-75.568 61.474-137.042 137.042-137.042 75.569 0 137.042 61.474 137.042 137.042 0 75.568-61.478 137.043-137.042 137.043zm0-272.314c-74.591 0-135.271 60.682-135.271 135.271 0 74.59 60.685 135.271 135.271 135.271 74.587 0 135.272-60.681 135.272-135.27 0-74.59-60.685-135.276-135.272-135.276v.004zm0 266.598c-72.415 0-131.325-58.915-131.325-131.327s58.91-131.326 131.325-131.326c72.415 0 131.326 58.914 131.326 131.326 0 72.412-58.911 131.327-131.326 131.327zm0-260.881c-71.437 0-129.555 58.121-129.555 129.554 0 71.434 58.118 129.555 129.555 129.555 71.438 0 129.556-58.121 129.556-129.555 0-71.433-58.118-129.559-129.556-129.559v.005zm0 255.164c-69.262 0-125.609-56.349-125.609-125.61 0-69.26 56.347-125.609 125.609-125.609s125.61 56.349 125.61 125.61c0 69.26-56.348 125.609-125.61 125.609zm0-249.448c-68.284 0-123.839 55.556-123.839 123.838 0 68.283 55.555 123.838 123.839 123.838 68.285 0 123.839-55.555 123.839-123.838 0-68.282-55.554-123.838-123.839-123.838zm0 243.732c-66.109 0-119.893-53.784-119.893-119.894 0-66.109 53.784-119.893 119.893-119.893 66.109 0 119.893 53.784 119.893 119.893 0 66.11-53.784 119.893-119.893 119.893zm0-238.015c-65.136 0-118.123 52.99-118.123 118.126 0 65.135 52.992 118.121 118.123 118.121 65.132 0 118.123-52.99 118.123-118.121S293.634-156.62 228.502-156.62zm0 232.298c-62.955 0-114.177-51.219-114.177-114.177 0-62.958 51.222-114.176 114.177-114.176 62.956 0 114.177 51.218 114.177 114.176S291.458 75.68 228.502 75.68zm0-226.586c-61.982 0-112.406 50.425-112.406 112.41 0 61.984 50.424 112.409 112.406 112.409 61.983 0 112.407-50.425 112.407-112.41 0-61.984-50.424-112.409-112.407-112.409zm0 220.87c-59.807 0-108.46-48.654-108.46-108.46 0-59.808 48.653-108.461 108.46-108.461 59.807 0 108.461 48.653 108.461 108.46 0 59.807-48.654 108.46-108.461 108.46zm0-215.154c-58.829 0-106.69 47.86-106.69 106.693s47.861 106.693 106.69 106.693c58.83 0 106.691-47.86 106.691-106.693S287.332-145.19 228.502-145.19zm0 209.437c-56.653 0-102.744-46.093-102.744-102.744 0-56.65 46.091-102.743 102.744-102.743 56.654 0 102.744 46.092 102.744 102.743 0 56.651-46.09 102.744-102.744 102.744zm0-203.72c-55.676 0-100.974 45.299-100.974 100.976 0 55.678 45.298 100.977 100.974 100.977s100.974-45.3 100.974-100.977c0-55.677-45.298-100.976-100.974-100.976zm0 198.003c-53.5 0-97.028-43.527-97.028-97.027s43.528-97.027 97.028-97.027c53.501 0 97.028 43.528 97.028 97.027 0 53.5-43.527 97.028-97.028 97.028zm0-192.287c-52.527 0-95.257 42.734-95.257 95.26s42.734 95.26 95.257 95.26 95.258-42.734 95.258-95.26-42.735-95.26-95.258-95.26zm0 186.571c-50.347 0-91.311-40.962-91.311-91.31 0-50.35 40.964-91.311 91.311-91.311 50.348 0 91.312 40.962 91.312 91.31 0 50.349-40.964 91.311-91.312 91.311zm0-180.854c-49.374 0-89.541 40.169-89.541 89.543 0 49.375 40.167 89.544 89.541 89.544 49.375 0 89.542-40.169 89.542-89.544 0-49.374-40.167-89.543-89.542-89.543zm0 175.137c-47.198 0-85.595-38.397-85.595-85.594 0-47.197 38.397-85.594 85.595-85.594 47.199 0 85.596 38.397 85.596 85.594 0 47.197-38.397 85.595-85.596 85.595zm0-169.421c-46.221 0-83.825 37.604-83.825 83.827 0 46.224 37.604 83.827 83.825 83.827 46.221 0 83.825-37.603 83.825-83.827 0-46.223-37.604-83.827-83.825-83.827zm0 163.705c-44.045 0-79.879-35.832-79.879-79.878s35.834-79.877 79.879-79.877c44.046 0 79.879 35.831 79.879 79.877 0 44.046-35.833 79.878-79.879 79.878zm0-157.988c-43.072 0-78.109 35.038-78.109 78.11s35.041 78.11 78.109 78.11 78.114-35.038 78.114-78.11-35.041-78.11-78.114-78.11zm0 152.276c-40.892 0-74.163-33.271-74.163-74.161s33.271-74.166 74.163-74.166c40.893 0 74.163 33.271 74.163 74.166 0 40.894-33.27 74.161-74.163 74.161zm0-146.56c-39.919 0-72.392 32.478-72.392 72.394 0 39.917 32.477 72.394 72.392 72.394s72.397-32.477 72.397-72.394c0-39.916-32.477-72.394-72.397-72.394zm0 140.844c-37.743 0-68.446-30.706-68.446-68.45 0-37.743 30.707-68.449 68.446-68.449s68.447 30.706 68.447 68.45c0 37.743-30.708 68.448-68.447 68.448zm0-135.127c-36.766 0-66.681 29.912-66.681 66.677 0 36.765 29.911 66.678 66.681 66.678 36.771 0 66.681-29.913 66.681-66.678s-29.91-66.677-66.681-66.677zm0 129.41c-34.59 0-62.73-28.14-62.73-62.733 0-34.592 28.14-62.732 62.73-62.732 34.591 0 62.731 28.14 62.731 62.732s-28.14 62.733-62.731 62.733zm0-123.694c-33.613 0-60.96 27.347-60.96 60.961s27.347 60.961 60.96 60.961 60.965-27.347 60.965-60.96c0-33.615-27.347-60.962-60.965-60.962zm0 117.978c-31.437 0-57.014-25.576-57.014-57.017 0-31.44 25.577-57.016 57.014-57.016s57.014 25.575 57.014 57.016-25.577 57.016-57.014 57.016zm0-112.261c-30.464 0-55.248 24.782-55.248 55.244 0 30.463 24.784 55.245 55.248 55.245 30.465 0 55.249-24.782 55.249-55.245 0-30.462-24.784-55.244-55.249-55.244zm0 106.544c-28.288 0-51.298-23.015-51.298-51.3 0-28.285 23.014-51.3 51.298-51.3 28.284 0 51.298 23.015 51.298 51.3 0 28.285-23.014 51.3-51.298 51.3zm0-100.828c-27.311 0-49.532 22.217-49.532 49.528s22.221 49.528 49.532 49.528c27.311 0 49.532-22.217 49.532-49.528 0-27.31-22.221-49.528-49.532-49.528zm0 95.112c-25.135 0-45.581-20.45-45.581-45.584 0-25.133 20.446-45.583 45.581-45.583 25.136 0 45.582 20.45 45.582 45.583 0 25.134-20.451 45.584-45.582 45.584zm0-89.395c-24.158 0-43.815 19.656-43.815 43.811 0 24.156 19.653 43.812 43.815 43.812 24.163 0 43.816-19.656 43.816-43.812 0-24.155-19.653-43.811-43.816-43.811zm0 83.678c-21.982 0-39.865-17.884-39.865-39.867 0-21.982 17.883-39.867 39.865-39.867 21.982 0 39.866 17.885 39.866 39.867 0 21.983-17.884 39.867-39.866 39.867zm0-77.966c-21.009 0-38.099 17.09-38.099 38.1 0 21.008 17.09 38.099 38.099 38.099 21.009 0 38.1-17.091 38.1-38.1 0-21.008-17.091-38.1-38.1-38.1zm0 72.25c-18.829 0-34.149-15.32-34.149-34.15 0-18.832 15.32-34.151 34.149-34.151s34.149 15.32 34.149 34.15c0 18.831-15.32 34.15-34.149 34.15zm0-66.534c-17.856 0-32.383 14.526-32.383 32.383 0 17.858 14.527 32.383 32.383 32.383s32.383-14.525 32.383-32.383c0-17.857-14.527-32.383-32.383-32.383zm0 60.817c-15.68 0-28.432-12.754-28.432-28.434 0-15.68 12.756-28.434 28.432-28.434 15.676 0 28.433 12.754 28.433 28.434 0 15.68-12.757 28.434-28.433 28.434zm0-55.1c-14.703 0-26.667 11.96-26.667 26.666s11.964 26.667 26.667 26.667c14.703 0 26.667-11.96 26.667-26.667 0-14.706-11.964-26.666-26.667-26.666zm0 49.383c-12.527 0-22.716-10.193-22.716-22.717s10.189-22.717 22.716-22.717c12.527 0 22.717 10.193 22.717 22.717s-10.19 22.717-22.717 22.717zm0-43.667c-11.549 0-20.95 9.4-20.95 20.95 0 11.55 9.396 20.95 20.95 20.95 11.554 0 20.951-9.4 20.951-20.95 0-11.55-9.397-20.95-20.951-20.95z",fill:"url(#".concat(j.current,")")}),c.createElement("defs",null,c.createElement("radialGradient",{id:j.current,cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(228.5 -38.9205) scale(228.5 228.689)"},c.createElement("stop",{stopColor:"#E4E8EC",stopOpacity:"0.5"}),c.createElement("stop",{offset:"1",stopColor:"#E4E8EC",stopOpacity:"0"})))),c.createElement(n,null,c.createElement(l,null,y?c.createElement("img",{alt:d.name,src:d.logo||"/images/avatar.jpg"}):c.createElement("img",{className:"lazy",alt:d.name,"data-src":d.logo||"/images/avatar.jpg"}))),c.createElement(o,null,c.createElement(i,null,d.name),c.createElement(v,null,d.description),c.createElement(g,null,C("home.seeMore"),c.createElement("img",{src:t,style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))};export{p as Item};

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

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

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

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

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

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