npm - @hhgtech/hhg-components - Versions diffs - 1.21.0-beta-9 → 1.21.0-beta-10 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1561) hide show

package/build/esm/components/organisms/navigationLayout/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var o,i,e,a,r,p=t.div(o||(o=n(["\n width: 100vw;\n"],["\n width: 100vw;\n"]))),m=t.div(i||(i=n(["\n @keyframes menuLeftToRightTrans {\n from {\n margin-left: -300%;\n opacity: 0;\n }\n to {\n margin-left: 0;\n opacity: 1;\n }\n }\n\n @keyframes menuRightToLeftTrans {\n from {\n margin-right: -300%;\n opacity: 0;\n }\n to {\n margin-right: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftAppears {\n from {\n left: -50%;\n opacity: 0;\n }\n to {\n left: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftDisappears {\n from {\n left: 0;\n opacity: 1;\n }\n to {\n left: -50%;\n opacity: 0;\n }\n }\n\n @keyframes rightAppears {\n from {\n right: -50%;\n opacity: 0;\n }\n to {\n right: 0;\n opacity: 1;\n }\n }\n\n @keyframes rightDisappears {\n from {\n right: 0;\n opacity: 1;\n }\n to {\n right: -50%;\n opacity: 0;\n }\n }\n\n @keyframes expandingTopToBottom {\n from {\n margin-top: -100%;\n opacity: 0;\n }\n to {\n margin-top: 0;\n opacity: 1;\n }\n }\n\n @keyframes collapsingBottomToTop {\n from {\n margin-top: 0;\n opacity: 1;\n }\n to {\n margin-top: -100%;\n opacity: 0;\n }\n }\n\n width: 100%;\n\n ","\n\n background-color: ",";\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"],["\n @keyframes menuLeftToRightTrans {\n from {\n margin-left: -300%;\n opacity: 0;\n }\n to {\n margin-left: 0;\n opacity: 1;\n }\n }\n\n @keyframes menuRightToLeftTrans {\n from {\n margin-right: -300%;\n opacity: 0;\n }\n to {\n margin-right: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftAppears {\n from {\n left: -50%;\n opacity: 0;\n }\n to {\n left: 0;\n opacity: 1;\n }\n }\n\n @keyframes leftDisappears {\n from {\n left: 0;\n opacity: 1;\n }\n to {\n left: -50%;\n opacity: 0;\n }\n }\n\n @keyframes rightAppears {\n from {\n right: -50%;\n opacity: 0;\n }\n to {\n right: 0;\n opacity: 1;\n }\n }\n\n @keyframes rightDisappears {\n from {\n right: 0;\n opacity: 1;\n }\n to {\n right: -50%;\n opacity: 0;\n }\n }\n\n @keyframes expandingTopToBottom {\n from {\n margin-top: -100%;\n opacity: 0;\n }\n to {\n margin-top: 0;\n opacity: 1;\n }\n }\n\n @keyframes collapsingBottomToTop {\n from {\n margin-top: 0;\n opacity: 1;\n }\n to {\n margin-top: -100%;\n opacity: 0;\n }\n }\n\n width: 100%;\n\n ","\n\n background-color: ",";\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"])),(function(n){return n.hasStickyBottomBar&&"padding-bottom: 80px;"}),(function(n){return n.theme.colors.white})),s=t.div(e||(e=n(["\n width: 100%;\n padding-bottom: 80px;\n\n background-color: ",";\n\n &[data-is-mobile='false'] {\n margin-top: 69px;\n &[data-sponsored='true'] {\n margin-top: 110px;\n &[data-sitewide='true'] {\n margin-top: 173px;\n }\n }\n &[data-sitewide='true'] {\n margin-top: 133px;\n }\n }\n &[data-is-mobile='true'] {\n &[data-sitewide='true'],\n &[data-sponsored='true'] {\n margin-top: 60px;\n }\n }\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"],["\n width: 100%;\n padding-bottom: 80px;\n\n background-color: ",";\n\n &[data-is-mobile='false'] {\n margin-top: 69px;\n &[data-sponsored='true'] {\n margin-top: 110px;\n &[data-sitewide='true'] {\n margin-top: 173px;\n }\n }\n &[data-sitewide='true'] {\n margin-top: 133px;\n }\n }\n &[data-is-mobile='true'] {\n &[data-sitewide='true'],\n &[data-sponsored='true'] {\n margin-top: 60px;\n }\n }\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n"])),(function(n){return n.theme.colors.white})),d=t.div(a||(a=n(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),f=t.a(r||(r=n(["\n &[data-is-active='true'] {\n color: unset;\n }\n font-size: 14px;\n font-weight: 700;\n line-height: 22px;\n text-decoration: none;\n"],["\n &[data-is-active='true'] {\n color: unset;\n }\n font-size: 14px;\n font-weight: 700;\n line-height: 22px;\n text-decoration: none;\n"])));export{s as StyledAmpHomeContainer,p as StyledContainer,m as StyledHomeContainer,f as StyledLanguageChangeLink,d as StyledMenuLanguageLabelContainer};

package/build/esm/components/organisms/navigationLayout/languageWrapper.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import{NavigationLayout as e}from"./index.js";import{defaultTranslation as o}from"./languages/default.js";import{NaContext as a}from"./utils.js";var i=function(i){return r.createElement(a.Provider,{value:{translation:i.translation\|\|o}},r.createElement(e,t({},i)))};export{i as NavigationLayout};

package/build/esm/components/organisms/navigationLayout/languages/default.js ADDED Viewed

@@ -0,0 +1 @@

+ var o={"navigation.loginJoin":"Login/Join","menu.categories.title":"Choose a service to explore","home.search":"Search {site}","home.navigator.menuItem.spotlights":"All In Focus","home.navigator.menuItem.helloTogether":"Communities","home.navigator.menuItem.helloCare":"Book a doctor","home.navigator.menuItem.healthTools":"Health Tools","home.navigator.menuItem.healthCategories":"Health Categories","home.navigator.menuItem.discover":"Discover","home.navigator.menuItem.allSpotlight":"See All In Focus","home.navigator.menuItem.allSpecialties":"See All Specialties","home.navigator.menuItem.allHealthTools":"See All Health Tools","home.navigator.menuItem.allCommunities":"See All Communities","home.navigator.menuItem.allCategories":"See All Categories","footer.sitemap":"Sitemap","footer.signUp":"Sign up to get fitness and nutrition tips, health news, and more.","footer.info.email":"Email: advertiser@hellohealthgroup.com","footer.info.license":"Giấy phép kinh doanh số: 0315857817 do Sở kế hoạch và Đầu tư TP. Hồ Chí Minh cấp ngày 21-8-2019","footer.info.contentResponsibility":"Chịu trách nhiệm quản lý nội dung: Hoàng Diệu Thu","footer.info.companyName":"Công ty TNHH Xin Chào Bác Sĩ","footer.info.certificate":"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 592/GP-BTTTT HN ngày 03/12/2019","footer.info.address":"Địa chỉ: Tầng 5, Tòa nhà Sonatus, 15 Lê Thánh Tôn, P.Bến Nghé, Quận 1, Thành phố Hồ Chí Minh","footer.followUsText":"Follow us","home.menu.category.view":"Xem {category}","menu.care.searchBySpecialties":"Tìm theo chuyên khoa","logout.popup.ask1":"Log Out of Hello Doctor?","logout.popup.ask2":"Are you sure you want to log out?","logout.popup.ask.mb":"Đăng xuất khỏi Marry Baby?","logout.popup.button.cancel":"Cancel","logout.popup.button.logout":"Log Out","profileMenu.accountSetting":"Account Setting","profileMenu.help":"Help","profileMenu.logout":"Logout","profileMenu.myProfile":"Profile","profileMenu.password":"Password","profileMenu.saved":"My Articles","home.navigator.menuItem.language":"Language","articlePage.sponsoredBy":"Sponsored By","articlePage.sponsoredContentBy":"Content sponsored by","articlePage.sponsoredContent":"Sponsored Content","articlePage.sponsoredArticle":"Sponsored Article","articlePage.sponsoredByStickyPopup.close":"Close","articlePage.sponsoredByStickyPopup.content":"This is a sponsored article, for more information on our Advertising and Sponsorship policy please read our policies.","articlePage.sponsoredByStickyPopup.policies":"Policies","login.booking":"Booking with doctor","cookiePolicies.modal.title":"Please accept our privacy policy","cookiePolicies.modal.description":"Hello Bacsi uses cookies to improve your experience and to show you personalized ads","cookiePolicies.modal.accept":"Accept","cookiePolicies.modal.ourPolicies":"Our Policies"};export{o as defaultTranslation};

package/build/esm/components/organisms/navigationLayout/layout.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__spreadArray as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import a from"react";import{LOCALE_SPECS as n,FAVICONS as r,domainLocales as o}from"./constants.js";import c from"../../../node_modules/html-react-parser/index.js";var i=function(i){var l,m,p,s,d,g,h,u,v,y,E,f,w,_,k,b,S,j,G,x=i.children,D=i.SEOData,I=void 0===D?{}:D,H=i.isAmp,M=void 0!==H&&H,A=i.locale,L=void 0===A?"vi-VN":A,N=i.routerPathname,O=i.routerQuery,P=i.nextHead,T=i.siteType,B=i.seoCustom,W=i.userId,U=i.forcedCanonicalUrl,C=i.usingDefaultHead,F="production"===process.env.NEXT_PUBLIC_DEPLOY_ENV,V=I.totalPages,z=I.currentPage,K=I.SEOTitle,X=void 0===K?"":K,Y=I.SEODescription,Q=void 0===Y?"":Y,R=I.SEOImage,q=I.seoType,J=I.SEOImageWidth,Z=I.SEOImageHeight,$=I.customMetaData,ee=void 0===$?[]:$,te=I.isIndexable,ae=void 0===te||te,ne=I.hasNoCanonical,re=void 0!==ne&&ne,oe=ae&&F?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ce=process.env.NEXT_PUBLIC_BASE_API_URL,ie=I.canonicalUrl||N;Object.keys(O).forEach((function(e){var t=O[e];t&&Array.isArray(t)&&(ie=ie.replace("[...".concat(e,"]"),t.join("/")))}));var le,me=L||"en-PH",pe="helloSites"===T?o[me]:"www.marrybaby.vn",se=ie.endsWith("/")?"":"/";if(I.apiMetaData&&"string"==typeof I.apiMetaData){var de=null===(l=I.apiMetaData)||void 0===l?void 0:l.match(/<title.*?>(.*)<\/title>/),ge=" - Page ".concat(z," of ").concat(V),he=z&&1!==z&&de?I.apiMetaData.replace(de[0],de[0].includes("-")?de[0].replace("-",ge+" - "):"<title>".concat(de[1].concat(ge),"</title>")).replace('<link rel="canonical" href="https://'.concat(pe).concat(ie).concat(se,'" />'),'<link rel="canonical" href="https://'.concat(pe).concat(ie).concat(se,"?page=").concat(z,'" />')):I.apiMetaData,ue=(le=c(he,{trim:!0})).find((function(e){var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}));if(!ue){var ve="https://".concat(pe,"/images/").concat(L,".png");le=e(e([],le,!0),[a.createElement("meta",{key:"og:image",property:"og:image",content:(null===(m=I.openGraph)||void 0===m?void 0:m.image)||ve||""}),a.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(p=I.openGraph)||void 0===p?void 0:p.image)||ve}),a.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(s=I.openGraph)||void 0===s?void 0:s.imageWidth)&&String(null===(d=I.openGraph)||void 0===d?void 0:d.imageWidth)||"1200"}),a.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(g=I.openGraph)||void 0===g?void 0:g.imageHeight)&&String(null===(h=I.openGraph)||void 0===h?void 0:h.imageHeight)||"630"})],!1)}}var ye="https://".concat(pe,"/images/").concat(L,".png");return a.createElement(a.Fragment,null,P&&C&&a.createElement(P,null,a.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===T&&a.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===L?a.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===L||"ms-MY"===L?a.createElement(a.Fragment,null):a.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),a.createElement("link",{rel:"preconnect",href:ce}),a.createElement("meta",{charSet:"UTF-8"}),!M&&a.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),a.createElement("meta",{name:"google",content:"notranslate"}),a.createElement("meta",{name:"robots",content:oe}),a.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),ee.map((function(e,n){return a.createElement("meta",t({key:n},e))})),a.createElement("meta",{name:"theme-color",content:"helloSites"===T?"#2c87f3":"#e85388"}),a.createElement("meta",{name:"page_type",content:"Home"}),a.createElement("meta",{name:"page_platform",content:"WEB"}),a.createElement("meta",{name:"page_language",content:me}),a.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),M&&a.createElement(a.Fragment,null,a.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),a.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),a.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!le&&a.createElement(a.Fragment,null,"helloSites"===T?a.createElement("title",null,B?X:X+" - "+(null===(u=n[L])||void 0===u?void 0:u.SITE_NAME)):a.createElement("title",null,X),!re&&a.createElement("link",{rel:"canonical",href:"https://".concat(pe).concat(ie)}),a.createElement("meta",{name:"description",content:Q||(null===(v=I.openGraph)||void 0===v?void 0:v.description)}),I.schemaData&&a.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:I.schemaData}}),a.createElement("meta",{property:"og:locale",content:L}),a.createElement("meta",{property:"og:type",content:q||"website"}),a.createElement("meta",{property:"og:title",content:(null===(y=I.openGraph)||void 0===y?void 0:y.title)||X}),a.createElement("meta",{property:"og:description",content:(null===(E=I.openGraph)||void 0===E?void 0:E.description)||Q}),a.createElement("meta",{property:"og:url",content:"https://".concat(pe).concat(ie)}),a.createElement("meta",{property:"og:site_name",content:"https://".concat(pe)}),a.createElement("meta",{property:"og:image",content:(null===(f=I.openGraph)||void 0===f?void 0:f.image)||R||ye||""}),a.createElement("meta",{property:"og:image:secure_url",content:(null===(w=I.openGraph)||void 0===w?void 0:w.image)||R||ye}),a.createElement("meta",{property:"og:image:width",content:(null===(_=I.openGraph)||void 0===_?void 0:_.imageWidth)&&String(null===(k=I.openGraph)||void 0===k?void 0:k.imageWidth)||J&&String(J)||"1200"}),a.createElement("meta",{property:"og:image:height",content:(null===(b=I.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(S=I.openGraph)||void 0===S?void 0:S.imageHeight)||Z&&String(Z)||"630"}),a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("meta",{name:"twitter:title",content:(null===(j=I.twitter)||void 0===j?void 0:j.title)||X}),a.createElement("meta",{name:"twitter:description",content:Q}),a.createElement("meta",{name:"twitter:image",content:(null===(G=I.twitter)||void 0===G?void 0:G.image)||R})),("helloSites"===T?r[me]||[]:r.marryBaby).map((function(e,t){return"link"===e.type?a.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?a.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(le)&&U?le.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):le,U&&a.createElement("link",{rel:"canonical",href:U}),!I.hasNoAmp&&"vi-VN"!==L&&a.createElement("link",{rel:"amphtml",href:"https://".concat(pe).concat(ie).concat(se,"?amp=1")}),W&&"undefined"!=typeof window?a.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(W,"'});")}}):null),P&&!C&&a.createElement(P,null),x)};export{i as Layout};

package/build/esm/components/organisms/navigationLayout/marryBabyText/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{__rest as t,__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import o from"react";import{StyledText as r}from"./index.styled.js";var l=function(l){var s=l.type,m=l.color,i=l.style,p=t(l,["type","color","style"]);return o.createElement(r,e({"data-type":s,style:e(e({},i),m&&{"--text-color":m})},p))};export{l as MarryBabyText};

package/build/esm/components/organisms/navigationLayout/marryBabyText/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n,__rest as t}from"../../../../node_modules/tslib/tslib.es6.js";import e from"react";import i from"styled-components";i((function(n){var i=n.type,p=t(n,["type"]);return e.createElement(i,p)}))(p||(p=n(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(n){return n.theme.mbColors.dark}));var p,o,a=i.p(o||(o=n(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(n){return n.theme.mbColors.dark}));export{a as StyledText};

package/build/esm/components/organisms/navigationLayout/maryBabyFooter/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import t from"../../../../assets/svg/facebook.svg.js";import a from"../../../../assets/svg/instagram.svg.js";import r from"../../../../assets/svg/youtube.svg.js";import o from"../../../../assets/svg/zalo.png.js";import{Container as l}from"../../../atoms/container/index.js";import{Divider as n}from"../../../atoms/divider/index.js";import{Logo as s}from"../../../atoms/logo/index.js";import{theme as m}from"../../../../misc/theme.js";import{MARRY_BABY_DEFAULT_FOOTER as c}from"../constants.js";import{MarryBabyText as i}from"../marryBabyText/index.js";import{useTranslation as d}from"../utils.js";import{StyledFooterContainer as p,StyledFooterMenu as f,StyledMenuContainer as C,StyledCompanyInfo as E,StyledInfoContainer as g,StyledMiniFooterContainer as v,StyledRoundDecorator as y}from"./index.styled.js";var u=function(u){var b,h=u.socialLinks,w=void 0===h?c.SOCIAL_LINKS:h,x=w.facebookLink,F=w.instagramLink,k=w.zaloLink,B=w.youtubeLink,_=u.copyrightText,N=u.logoType,H=void 0===N?"marryBaby":N,V=u.isMobile,j=u.footerMenu,A=void 0===j?[]:j,M=u.type,Z=void 0===M?"main":M,L=d();return"main"===Z?e.createElement(p,{className:"footer-container"},!V&&e.createElement("div",{className:"footer-divider"},e.createElement(l,{type:"marryBaby"},e.createElement(n,{style:{padding:"0 16px"},type:"solid"}))),e.createElement(f,null,e.createElement(l,{type:"marryBaby"},e.createElement(C,null,e.createElement("div",{className:"grid"},null===(b=V?null==A?void 0:A.slice(0,6):A)||void 0===b?void 0:b.map((function(t,a){var r=t.title,o=t.link;return e.createElement("a",{"data-event-category":"Footer","data-event-action":r,"data-event-label":"".concat(o),className:"link",href:o,key:"footer-links-".concat(a)},e.createElement(i,{color:m.colors.gray800,type:"subtitle-2"},r))})),e.createElement("div",{className:"social-wrapper"},e.createElement("div",{className:"social"},e.createElement(i,{type:"subtitle-2"},L("footer.followUsText")),e.createElement("div",{className:"icons-links"},x&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":x,href:x},e.createElement("img",{src:t,alt:"Facebook"})),B&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":B,href:B},e.createElement("img",{src:r,alt:"Youtube"})),F&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":F,href:F},e.createElement("img",{src:a,alt:"Instagram"})),k&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:k,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":k},e.createElement("img",{src:o,alt:"Zalo"}))))))))),e.createElement(E,null,e.createElement(l,{type:"marryBaby"},e.createElement(g,null,e.createElement(s,{className:"logo",type:H,width:"121px"}),e.createElement(i,{className:"company-name",type:"subtitle-2"},L("footer.info.companyName")),e.createElement("div",{className:"text-info"},e.createElement(i,{type:"bodytext-3"},L("footer.info.address")),e.createElement(i,{type:"bodytext-3"},L("footer.info.license")),e.createElement(i,{type:"bodytext-3"},L("footer.info.email"))),e.createElement("div",{className:"img-container"},e.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),e.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},e.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!V&&e.createElement(n,{type:"solid"}),e.createElement("div",{className:"language-and-copyright"},e.createElement(i,{type:"bodytext-3"},_)))))):e.createElement(v,null,e.createElement(y,null),e.createElement(i,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:m.sizes.fwSemiBold},color:m.mbColors.midGray},L("footer.followUsText")),e.createElement("div",{className:"icons-links"},x&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":x,href:x},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:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),e.createElement("defs",null,e.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#4DABF7"}),e.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),B&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":B,href:B},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:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),F&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":F,href:F},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:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),e.createElement("defs",null,e.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},e.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),e.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),e.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),e.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),e.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),e.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),e.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),e.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),e.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),e.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),e.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),k&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:k,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":k},e.createElement("div",{style:{height:24,width:24}},e.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};export{u as MarryBabyFooter};

package/build/esm/components/organisms/navigationLayout/maryBabyFooter/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../misc/utils.js";import i from"styled-components";i.footer(o||(o=n(["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),(function(n){return n.theme.mbColors.lightGray}),t.mbDown,t.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbUp,(function(n){return n.theme.colors.white}),t.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbUp);var o,e,p,a,r,l,x,d,s=i.div(e||(e=n([""],[""]))),m=i.div(p||(p=n(["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"]))),g=i.div(a||(a=n(["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"],["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"])),t.mbDown),c=i.div(r||(r=n(["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"],["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"])),t.mbDown,(function(n){return n.theme.colors.gray800}),t.mbDown,t.mbUp,t.mbDown),f=i.div(l||(l=n(["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"],["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"])),t.mbUp,t.mbDown),h=i.div(x||(x=n(["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"],["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"])),t.mbDown,t.mbDown,t.mbDown,(function(n){return n.theme.mbColors.midGray}),t.mbDown,t.mbDown,t.mbDown,(function(n){return n.theme.mbColors.midGray})),b=i.div(d||(d=n(["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"],["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"])));export{f as StyledCompanyInfo,s as StyledFooterContainer,g as StyledFooterMenu,h as StyledInfoContainer,c as StyledMenuContainer,m as StyledMiniFooterContainer,b as StyledRoundDecorator};

package/build/esm/components/organisms/navigationLayout/menuCareList/categorySkeleton.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import t from"react-loading-skeleton";import{StyledCardSkeleton as r}from"./index.styled.js";var l=function(){return e.createElement(r,{style:{marginTop:"16px"}},e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})))};export{l as default};

package/build/esm/components/organisms/navigationLayout/menuCareList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{LOCALIZED_SLUGS as t}from"../../../../care/interfaces/constants.js";import{Container as a}from"../../../atoms/container/index.js";import{Heading as n}from"../../../atoms/heading/index.js";import{theme as l}from"../../../../misc/theme.js";import{useTranslation as c,getCareSearchUrl as o}from"../utils.js";import i from"./categorySkeleton.js";import{StyledContainer as r,StyledCategoryContainer as m,StyledCategoryIcon as s,StyledCategory as p,StyledCategoryItemAll as g,StyledImageWrapper as d,StyledMenuPopupWrapper as h,StyledMenuPopupContainer as u,StyledInnerMenuPopupContainer as v,StyledHealthToolItem as E,StyledCloseWrapper as y}from"./index.styled.js";var k=function(k){var x,w,S,f,C=k.careSpecialties,L=k.onSelectCareSpecialty,b=k.isLoading,I=k.desktopPopupType,j=k.onClosePopup,M=k.basePath,T=k.locale,P=k.isMobile,A=k.siteType,R=k.CARE_URL_FE,D=c();return P?e.createElement(e.Fragment,null,b?e.createElement(r,null,e.createElement(i,null)):e.createElement(r,{"data-category-list-type":"main"},e.createElement(n,{style:{marginTop:16},tag:"h5"},D("menu.care.searchBySpecialties")),C.map((function(t,a){return e.createElement("a",{key:"tool-"+a},e.createElement(m,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(R).concat(o({type:"DOCTOR",specialtySlug:t.slug,locale:T})),onClick:function(){L(t)}},e.createElement(s,null,e.createElement("img",{alt:"health-tool-icon",src:t.thumbnail||"".concat(M,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),e.createElement(p,null,t.name)))})),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(R,"/").concat(null===(x=t[T])||void 0===x?void 0:x.SPECIALTIES)},e.createElement(g,{key:"all-categories","data-theme":A,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(R,"/").concat(null===(w=t[T])||void 0===w?void 0:w.SPECIALTIES)},D("home.navigator.menuItem.allSpecialties"),e.createElement(d,null,"helloSites"===A?e.createElement("img",{src:"".concat(M,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:D("home.navigator.menuItem.allSpecialties")}):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:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):e.createElement(h,{className:"top-menu-care-specialties",onClick:j,"data-is-display":"care"===I},e.createElement(u,null,e.createElement(a,{style:{padding:"0 16px"},type:A},e.createElement(v,{"data-popup-type":I,onClick:function(e){e.stopPropagation()}},e.createElement(e.Fragment,null,C.map((function(t){return e.createElement(E,{key:"care-specialty-".concat(t.id),onClick:j},e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(R).concat(o({type:"DOCTOR",specialtySlug:t.slug,locale:T})),style:{textDecoration:"none",color:l.colors.gray800},className:"iconMenu no-replace-click",href:"".concat(R).concat(o({type:"DOCTOR",specialtySlug:t.slug,locale:T}))},e.createElement("div",{style:{display:"flex"}},e.createElement("img",{alt:"care-specialty-icon",src:t.thumbnail||"".concat(M,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),e.createElement("p",null,t.name)))})),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(R,"/").concat(null===(S=t[T])||void 0===S?void 0:S.SPECIALTIES)},e.createElement(g,{onClick:j,key:"all-care-specialties","data-theme":A,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(R,"/").concat(null===(f=t[T])||void 0===f?void 0:f.SPECIALTIES)},D("home.navigator.menuItem.allSpecialties"),e.createElement(d,null,"helloSites"===A?e.createElement("img",{src:"".concat(M,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:D("home.navigator.menuItem.allSpecialties")}):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:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),e.createElement(y,{onClick:j},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{k as MenuCareList};

package/build/esm/components/organisms/navigationLayout/menuCareList/index.styled.js ADDED Viewed

@@ -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";import{Z_INDEX as i}from"../constants.js";var o,r,a,p,s,d,l,g,x,c,h,m,f=e.div(o||(o=n(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),u=e.div(r||(r=n(["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n"])),(function(n){return n.theme.colors.neutral100})),b=e.div(a||(a=n(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n\n //border-bottom: 1px solid ",";\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n\n //border-bottom: 1px solid ",";\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),y=e.div(p||(p=n([""],[""]))),v=e.div(s||(s=n(["\n padding-right: 16px;\n"],["\n padding-right: 16px;\n"]))),w=e.div(d||(d=n(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),i.menuCategoryPopupWrapper),z=e.div(l||(l=n(["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),i.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),k=e.div(g||(g=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"]))),j=e.div(x||(x=n(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),B=e.div(c||(c=n(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),t.mbDown,(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})),P=e.div(h||(h=n(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"]))),C=e.div(m||(m=n(["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"])));export{f as StyledCardSkeleton,y as StyledCategory,b as StyledCategoryContainer,v as StyledCategoryIcon,B as StyledCategoryItemAll,C as StyledCloseWrapper,u as StyledContainer,j as StyledHealthToolItem,P as StyledImageWrapper,k as StyledInnerMenuPopupContainer,z as StyledMenuPopupContainer,w as StyledMenuPopupWrapper};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/categorySkeleton.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import t from"react-loading-skeleton";import{StyledCardSkeleton as r}from"./index.styled.js";var l=function(){return e.createElement(r,{style:{marginTop:"16px"}},e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})))};export{l as default};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/helloSites.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{Container as t}from"../../../atoms/container/index.js";import{Heading as a}from"../../../atoms/heading/index.js";import{Text as n}from"../../../atoms/text/index.js";import{theme as o}from"../../../../misc/theme.js";import{domainLocales as i}from"../constants.js";import{useTranslation as l}from"../utils.js";import r from"./categorySkeleton.js";import{StyledContainer as c,StyledListContainer as s,StyledCategoryContainer as m,StyledCategory as g,StyledCategoryIcon as h,StyledCategoryItemAll as d,StyledImageWrapper as p,StyledMenuPopupWrapper as v,StyledMenuPopupContainer as E,StyledMenuPopupInner as u,StyledHealthCategoriesContainer as y,StyledCategoryItem as k,StyledSubCategoryItem as C,StyledCloseWrapper as f}from"./index.styled.js";import{SpotlightsList as x}from"./spotlightsList/index.js";var w=function(w){var L=w.locale,b=w.basePath,D=w.isDisplayed,M=void 0!==D&&D,j=w.categories,N=w.spotlightsList,I=w.type,R=w.onSelectCategory,S=w.onClosePopup,F=w.desktopPopupType,H=w.isMobile,B=w.isLoading,P=w.DISCOVER_URL_FE,_=w.siteType,T=void 0===_?"helloSites":_,W=l();return H?e.createElement(e.Fragment,null,B&&M?e.createElement(c,null,e.createElement(r,null)):e.createElement(c,{"data-is-displayed":M,"data-category-list-type":I},e.createElement(a,{tag:"h3",style:{marginBottom:8}},W("home.navigator.menuItem.healthCategories")),e.createElement(s,null,j.map((function(t,a){return e.createElement("div",{key:I+"-category-"+a},e.createElement("a",{style:{textDecoration:"none",color:o.colors.gray800},onClick:function(e){t.childCates&&t.childCates.length>0&&"sub"!==I&&e.preventDefault()},href:P+t.permalink},e.createElement(m,{onClick:function(){null==R||R(t)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(i[L]).concat(t.permalink),"data-is-heading-category":"sub"===I&&t.childCates&&t.childCates.length>0},e.createElement(g,null,t.displayName),"main"===I&&e.createElement(h,null,"helloSites"===T?e.createElement("img",{src:"".concat(b,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:t.categoryName}):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:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))),"sub"===I&&t.childCates&&t.childCates.length>0&&t.childCates.map((function(t,a){return e.createElement("a",{style:{textDecoration:"none"},href:t.permalink,key:I+"-2-"+a},e.createElement(m,{"data-is-heading-category":"sub"===I&&t.childCates&&t.childCates.length>0},e.createElement(n,{size:"p3"},t.displayName)))}))))})),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(P,"/categories/")},e.createElement(d,{key:"all-categories","data-theme":T,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(P,"/categories/")},W("home.navigator.menuItem.allCategories"),e.createElement(p,null,"helloSites"===T?e.createElement("img",{src:"".concat(b,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:W("home.navigator.menuItem.allCategories")}):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:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),e.createElement(x,{isDisplayed:"main"===I,spotlights:N,isLoading:!1,isMobile:H,basePath:b,DISCOVER_URL_FE:P,locale:L,siteType:T}))):e.createElement(v,{className:"top-menu-categories",onClick:S,"data-is-display":"categories"===F},e.createElement(E,null,e.createElement(t,{style:{padding:"0 16px"},type:T},e.createElement(u,{"data-popup-type":F,onClick:function(e){e.stopPropagation()}},e.createElement("div",null,e.createElement(a,{tag:"h3",style:{marginBottom:24}},W("home.navigator.menuItem.healthCategories")),e.createElement(y,{"data-disabled-divider":0===N.length},j.map((function(t,a){return e.createElement(k,{style:{textDecoration:"none"},key:t.categoryName+a},e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(i[L]).concat(t.permalink),style:{textDecoration:"none",pointerEvents:"auto"},onClick:S,href:"".concat(P).concat(t.permalink)},t.displayName),e.createElement(C,null,t.childCates&&t.childCates.map((function(t,a){return e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(i[L]).concat(t.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:t.permalink,key:a},t.displayName)}))))})),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(P,"/categories/")},e.createElement(d,{onClick:S,key:"all-categories","data-theme":T,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(P,"/categories/")},W("home.navigator.menuItem.allCategories"),e.createElement(p,null,"helloSites"===T?e.createElement("img",{src:"".concat(b,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:W("home.navigator.menuItem.allCategories")}):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:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))),e.createElement(x,{isDisplayed:"main"===I,spotlights:N,isLoading:!1,basePath:b,DISCOVER_URL_FE:P,locale:L,siteType:T}),e.createElement(f,{onClick:S},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{w as HelloSitesMenuCategoriesList};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{HelloSitesMenuCategoriesList as o}from"./helloSites.js";import{MarryBabyMenuCategoriesList as i}from"./marryBaby.js";var t=function(t){var s=t.isDisplayed,p=void 0!==s&&s,a=t.locale,l=t.discoverApiDomain,r=t.basePath,n=t.categories,c=t.spotlightsList,y=t.type,d=t.onSelectCategory,g=t.onClosePopup,m=t.desktopPopupType,h=t.isMobile,A=t.isLoading,E=t.callApiHandler,P=t.DISCOVER_URL_FE,R=t.MARRY_BABY_FE,S=t.siteType,_=void 0===S?"helloSites":S;return"helloSites"===_?e.createElement(o,{locale:a,basePath:r,DISCOVER_URL_FE:P,isDisplayed:p,type:y,onSelectCategory:d,categories:n,spotlightsList:c,isLoading:A,isMobile:h,siteType:_,onClosePopup:g,desktopPopupType:m}):e.createElement(i,{basePath:r,callApiHandler:E,discoverApiDomain:l,isDisplayed:p,type:y,onSelectCategory:d,categories:n,isLoading:A,isMobile:h,MARRY_BABY_FE:R,desktopPopupType:m})};export{t as MenuCategoriesList};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/index.styled.js ADDED Viewed

@@ -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,r,a,l,s,p,d,x,c,g,f,m,h,u,b,y,v=t.div(o||(o=n(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),w=t.div(r||(r=n(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n margin-top: 16px;\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n margin-top: 16px;\n"]))),z=t.div(a||(a=n(["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n"],["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),k=t.div(l||(l=n(["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),j=t.div(s||(s=n([""],[""]))),C=t.div(p||(p=n(["\n display: flex;\n"],["\n display: flex;\n"]))),B=t.div(d||(d=n(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),e.mbDown,(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})),P=t.div(x||(x=n(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"]))),M=t.div(c||(c=n(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),i.menuCategoryPopupWrapper),D=t.div(g||(g=n(["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),i.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),G=t.div(f||(f=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n\n > :first-child {\n flex: 2;\n }\n\n > :not(:first-child) {\n flex: 1;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n\n > :first-child {\n flex: 2;\n }\n\n > :not(:first-child) {\n flex: 1;\n }\n"]))),R=t.div(m||(m=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"]))),W=t.div(h||(h=n(["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),_=t.div(u||(u=n(["\n display: none;\n"],["\n display: none;\n"]))),q=t.div(b||(b=n(["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),A=t.div(y||(y=n(["\n height: 1px;\n flex: 1;\n margin: 0 16px;\n background-color: ",";\n"],["\n height: 1px;\n flex: 1;\n margin: 0 16px;\n background-color: ",";\n"])),(function(n){return n.theme.mbColors.lightGray}));export{v as StyledCardSkeleton,j as StyledCategory,k as StyledCategoryContainer,C as StyledCategoryIcon,W as StyledCategoryItem,B as StyledCategoryItemAll,q as StyledCloseWrapper,w as StyledContainer,R as StyledHealthCategoriesContainer,P as StyledImageWrapper,z as StyledListContainer,D as StyledMenuPopupContainer,G as StyledMenuPopupInner,M as StyledMenuPopupWrapper,A as StyledSameLineIndicator,_ as StyledSubCategoryItem};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/marryBaby.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as t}from"react";import{theme as a}from"../../../../misc/theme.js";import{MarryBabyText as n}from"../marryBabyText/index.js";import r from"./categorySkeleton.js";import{StyledContainer as l,StyledSameLineIndicator as i,StyledCategoryIcon as o}from"./index.styled.js";import{StyledMarryBabyListContainer as c,StyledMarryBabyCategoryContainer as s,StyledMarryBabyIconContainer as m,StyledMarryBabyCategoryCollapsibleContainer as d,StyledMarryBabySubMenuItem as p,StyledMarryBabyMenuPopupWrapper as g,StyledFullScreenLayer as y,StyledMarryBabyMenuPopupContainer as h,StyledMarryBabyHealthCategoriesContainer as u}from"./marryBaby.styled.js";var v=function(v){var E=v.isDisplayed,k=void 0!==E&&E,b=v.categories,w=v.type,f=v.onSelectCategory,C=v.desktopPopupType,x=v.isMobile,N=v.isLoading,L=v.MARRY_BABY_FE,B=t(-1),j=B[0],D=B[1],M=t(!1),W=M[0],H=M[1];return x?e.createElement(e.Fragment,null,N&&k?e.createElement(l,null,e.createElement(r,null)):e.createElement(l,{"data-is-displayed":k,"data-category-list-type":w,style:{marginTop:24}},e.createElement(c,{className:"marry-bb-menu-categories"},b.map((function(t,r){return e.createElement("div",{key:w+"-category-"+r,className:"wrapper-menu-category wrapper-menu-category-".concat(r),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(t.permalink)},e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(t.permalink),style:{textDecoration:"none",color:a.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(L).concat(t.permalink)},e.createElement(s,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(t.permalink),onClick:function(){var e;"main"===w||0===(null===(e=t.childCates)||void 0===e?void 0:e.length)?null==f||f(t):j===r?(H(!0),setTimeout((function(){D(-1),setTimeout((function(){H(!1)}),100)}),300)):D(r)},style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},"main"===w?e.createElement(m,{style:{backgroundColor:t.imageColor}},e.createElement("img",{src:t.iconUrl,style:{width:"24px",height:"24px"},alt:t.name})):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:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),e.createElement(n,{style:{fontWeight:a.sizes.fwSemiBold},type:"subtitle-2"},t.displayName),e.createElement(i,null),"main"===w?e.createElement(o,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:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement(o,null,j!==r?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:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})):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:"#2661AD",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))),"sub"===w&&t.childCates&&j===r&&t.childCates.length>0&&e.createElement(d,null,e.createElement("div",{className:W?"collapsing":"expanding"},t.childCates.map((function(a,r){return e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(t.permalink),style:{textDecoration:"none"},href:"".concat(L).concat(a.permalink),key:w+"-2-"+r},e.createElement(s,{"data-is-heading-category":"sub"===w&&a.childCates&&a.childCates.length>0},e.createElement(p,null,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:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),e.createElement(n,{type:"subtitle-2"},a.displayName))))})))),e.createElement("div",{style:{display:"none"}},t.childCates&&t.childCates.map((function(t,a){return e.createElement("a",{href:"".concat(L).concat(t.permalink),key:a,style:{textDecoration:"none"}},e.createElement("div",{"data-is-heading-category":"sub"===w&&t.childCates&&t.childCates.length>0},e.createElement("p",null,t.displayName)))}))))}))))):e.createElement(g,{className:"top-menu-categories","data-is-display":"categories"===C,tabIndex:0},e.createElement(y,null),e.createElement(h,{"data-popup-type":C},e.createElement(u,{className:"marry-bb-menu-categories"},N?e.createElement("div",{style:{width:"100%",padding:"0 20px"}},e.createElement(r,null)):b.map((function(t,r){return e.createElement("div",{className:"wrapper-menu-category wrapper-menu-category-".concat(r),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(t.permalink),key:w+"-category-"+r,onClick:function(){f(t)}},e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(t.permalink),style:{textDecoration:"none",color:a.colors.gray800},href:"".concat(L).concat(t.permalink)},e.createElement(s,{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},e.createElement(m,{style:{backgroundColor:t.imageColor}},e.createElement("img",{src:t.iconUrl,style:{width:"24px",height:"24px"},alt:t.name})),e.createElement(n,{style:{fontWeight:a.sizes.fwSemiBold},type:"subtitle-2"},t.displayName))))})))))};export{v as MarryBabyMenuCategoriesList};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/marryBaby.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";import{Z_INDEX as t}from"../constants.js";var e=i.div(x||(x=n([""],[""]))),o=i.div(g||(g=n(["\n display: flex;\n width: 40px;\n height: 40px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n border-radius: 50%;\n"],["\n display: flex;\n width: 40px;\n height: 40px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n border-radius: 50%;\n"]))),r=i.div(c||(c=n(["\n display: flex;\n margin-left: 48px;\n\n > :first-child {\n margin-right: 24px;\n }\n"],["\n display: flex;\n margin-left: 48px;\n\n > :first-child {\n margin-right: 24px;\n }\n"]))),a=i.div(m||(m=n(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n //height: 40px;\n\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n > svg:first-child {\n margin-right: 24px;\n }\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n //height: 40px;\n\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n > svg:first-child {\n margin-right: 24px;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),p=i.div(h||(h=n(["\n overflow: hidden;\n > .expanding {\n animation-duration: 0.3s;\n animation-name: expandingTopToBottom;\n }\n\n > .collapsing {\n margin-top: -100%;\n animation-duration: 0.3s;\n animation-name: collapsingBottomToTop;\n }\n"],["\n overflow: hidden;\n > .expanding {\n animation-duration: 0.3s;\n animation-name: expandingTopToBottom;\n }\n\n > .collapsing {\n margin-top: -100%;\n animation-duration: 0.3s;\n animation-name: collapsingBottomToTop;\n }\n"]))),l=i.div(f||(f=n(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),t.menuCategoryPopupWrapper),d=i.div(u||(u=n(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),s=i.div(b||(b=n(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),t.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white}));i.div(w||(w=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var x,g,c,m,h,f,u,b,w,y,v,z=i.div(y||(y=n(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));i.div(v||(v=n(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase}));export{d as StyledFullScreenLayer,p as StyledMarryBabyCategoryCollapsibleContainer,a as StyledMarryBabyCategoryContainer,z as StyledMarryBabyHealthCategoriesContainer,o as StyledMarryBabyIconContainer,e as StyledMarryBabyListContainer,s as StyledMarryBabyMenuPopupContainer,l as StyledMarryBabyMenuPopupWrapper,r as StyledMarryBabySubMenuItem};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{Heading as t}from"../../../../atoms/heading/index.js";import{theme as a}from"../../../../../misc/theme.js";import{domainLocales as n}from"../../constants.js";import{useTranslation as o}from"../../utils.js";import{StyledWrapper as l,StyledContainer as r,StyledCategoryItemDesktop as i,StyledCategoryContainer as c,StyledCategory as m,StyledSpotlightItemAll as s,StyledImageWrapper as g}from"./index.styled.js";import h from"./spotlightSkeleton.js";var p=function(p){var d=p.isDisplayed,v=void 0!==d&&d,E=p.spotlights,u=p.isLoading,y=p.className,k=p.isMobile,f=p.DISCOVER_URL_FE,x=p.basePath,b=p.locale,j=p.siteType,w=o();return v?e.createElement(l,null,e.createElement(t,{tag:"h3",style:{marginBottom:24}},w("home.navigator.menuItem.spotlights")),u&&v?e.createElement(r,{className:y},e.createElement(h,null)):e.createElement(r,{"data-is-displayed":v,className:y},E.map((function(t,o){return e.createElement(i,{style:{textDecoration:"none"},key:"spotlight-"+o},k?e.createElement("a",{href:t.permalink,style:{textDecoration:"none",color:a.colors.gray800}},e.createElement(c,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(n[b]).concat(t.permalink)},e.createElement(m,null,t.name))):e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(n[b]).concat(t.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:"".concat(f).concat(t.permalink)},t.name))})),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(f,"/spotlight/")},e.createElement(s,{key:"all-spotlights","data-theme":j,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(f,"/spotlight/")},w("home.navigator.menuItem.allSpotlight"),e.createElement(g,null,"helloSites"===j?e.createElement("img",{src:"".concat(x,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:w("home.navigator.menuItem.allSpotlight")}):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:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):null};export{p as SpotlightsList};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.styled.js ADDED Viewed

@@ -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 o=t.div(s||(s=n(["\n "," {\n margin: 48px 0;\n }\n\n "," {\n padding: 0 16px;\n }\n"],["\n "," {\n margin: 48px 0;\n }\n\n "," {\n padding: 0 16px;\n }\n"])),e.mbDown,e.mbUp),i=t.div(c||(c=n(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),r=t.div(p||(p=n(["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n"],["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n"])),e.mbDown,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100}));t.div(m||(m=n(["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n"],["\n "," {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n }\n"])),e.mbDown,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100}));var a=t.div(g||(g=n(["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n\n background-color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n "," {\n padding: 8px;\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n\n background-color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n\n "," {\n padding: 8px;\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),e.mbDown),d=t.div(h||(h=n(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),l=t.div(f||(f=n([""],[""])));t.div(u||(u=n([""],[""])));var s,c,p,m,g,h,f,u,x,b,y=t.div(x||(x=n(["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n "," {\n padding: 8px;\n }\n\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"])),e.mbDown,(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})),v=t.div(b||(b=n(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"])));export{i as StyledCardSkeleton,l as StyledCategory,a as StyledCategoryContainer,d as StyledCategoryItemDesktop,r as StyledContainer,v as StyledImageWrapper,y as StyledSpotlightItemAll,o as StyledWrapper};

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/spotlightSkeleton.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import t from"react-loading-skeleton";import{StyledCardSkeleton as r}from"./index.styled.js";var l=function(){return e.createElement(r,{style:{marginTop:"16px"}},e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})))};export{l as default};

package/build/esm/components/organisms/navigationLayout/menuCommunitiesList/categorySkeleton.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import t from"react-loading-skeleton";import{StyledCardSkeleton as r}from"./index.styled.js";var l=function(){return e.createElement(r,{style:{marginTop:"16px"}},e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})))};export{l as default};

package/build/esm/components/organisms/navigationLayout/menuCommunitiesList/helloSites.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{Container as t}from"../../../atoms/container/index.js";import{theme as a}from"../../../../misc/theme.js";import{domainLocales as n}from"../constants.js";import{useTranslation as l}from"../utils.js";import o from"./categorySkeleton.js";import{StyledContainer as i,StyledCategoryContainer as c,StyledCategoryInfo as r,StyledCategory as m,StyledCategoryIcon as s,StyledCategoryItemAll as u,StyledImageWrapper as g,StyledMenuPopupWrapper as h,StyledMenuPopupContainer as p,StyledInnerMenuPopupContainer as d,StyledHealthToolItem as y,StyledCloseWrapper as v}from"./index.styled.js";var E=function(E){var k=E.isDisplayed,f=E.communities,x=E.type,C=E.onSelectCommunity,b=E.onClosePopup,w=E.isLoading,S=E.basePath,L=E.TOGETHER_URL_FE,M=E.siteType,j=void 0===M?"helloSites":M,D=E.isMobile,H=E.locale,N=E.desktopPopupType,T=l();return D?e.createElement(e.Fragment,null,w&&k?e.createElement(i,null,e.createElement(o,null)):e.createElement(i,{"data-category-list-type":x,"data-is-displayed":k},"main"===x&&f.map((function(t,l){return e.createElement("div",{key:x+"-category-"+l},e.createElement("a",{style:{textDecoration:"none",color:a.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(L,"/").concat(t.communitySlug)},e.createElement(c,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(n[H],"/").concat(t.communitySlug),onClick:function(){C({community:t,isSetToSubMenu:!0})},"data-is-heading-category":!1},e.createElement(r,null,e.createElement("img",{src:t.thumbnail,style:{width:"40px",height:"40px"},alt:t.title}),e.createElement(m,null,t.title)),e.createElement(s,null,"helloSites"===j?e.createElement("img",{src:"".concat(S,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:t.title}):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:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))})),"sub"===x&&f.map((function(t,l){return e.createElement("div",{key:x+"-category-"+l},e.createElement("a",{style:{textDecoration:"none",color:a.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(L,"/").concat(t.communitySlug)},e.createElement(c,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(n[H],"/").concat(t.communitySlug),onClick:function(){C({community:t,isSetToSubMenu:!1})},"data-is-heading-category":!1},e.createElement(r,null,e.createElement("img",{src:t.thumbnail,style:{width:"40px",height:"40px"},alt:t.title}),e.createElement(m,null,t.title)))))})),e.createElement("a",{style:{textDecoration:"none"},href:L+"/"},e.createElement(u,{onClick:b,key:"all-communities","data-theme":j,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":L+"/"},T("home.navigator.menuItem.allCommunities"),e.createElement(g,null,e.createElement("img",{src:"".concat(S,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:T("home.navigator.menuItem.allCommunities")})))))):e.createElement(h,{className:"top-menu-communities",onClick:b,"data-is-display":"communities"===N},e.createElement(p,null,e.createElement(t,{style:{padding:"0 16px"},type:j},e.createElement(d,{"data-popup-type":N,onClick:function(e){e.stopPropagation()}},e.createElement(e.Fragment,null,f.map((function(t){return e.createElement(y,{key:t.title,onClick:b},e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(n[H],"/").concat(t.communitySlug),style:{textDecoration:"none",color:a.colors.gray800},className:"iconMenu",href:"".concat(L,"/").concat(t.communitySlug)},e.createElement("div",{style:{display:"flex"}},e.createElement("img",{alt:"health-tool-icon",src:t.thumbnail||"".concat(S,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),e.createElement("p",null,t.title)))})),e.createElement("a",{style:{textDecoration:"none"},href:L+"/"},e.createElement(u,{onClick:b,key:"all-communities","data-theme":j,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":L+"/"},T("home.navigator.menuItem.allCommunities"),e.createElement(g,null,e.createElement("img",{src:"".concat(S,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:T("home.navigator.menuItem.allCommunities")}))))),e.createElement(v,{onClick:b},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{E as HelloSitesMenuCommunitiesList};

package/build/esm/components/organisms/navigationLayout/menuCommunitiesList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{HelloSitesMenuCommunitiesList as o}from"./helloSites.js";import{MarryBabyMenuCommunitiesList as i}from"./marryBaby.js";var t=function(t){var p=t.isDisplayed,s=void 0!==p&&p,l=t.locale,a=t.communities,m=t.type,n=t.onSelectCommunity,r=t.onClosePopup,y=t.isLoading,u=t.basePath,c=t.TOGETHER_URL_FE,d=t.siteType,E=void 0===d?"helloSites":d,T=t.isMobile,h=t.desktopPopupType,P=t.togetherApiDomain;return"helloSites"===E?e.createElement(o,{isDisplayed:s,locale:l,TOGETHER_URL_FE:c,basePath:u,type:m,onSelectCommunity:n,communities:a,isLoading:y,isMobile:T,siteType:E,togetherApiDomain:P,desktopPopupType:h,onClosePopup:r}):e.createElement(i,{isDisplayed:s,locale:l,TOGETHER_URL_FE:c,basePath:u,type:m,onSelectCommunity:n,communities:a,isLoading:y,isMobile:T,togetherApiDomain:P,desktopPopupType:h,onClosePopup:r})};export{t as MenuCommunitiesList};

package/build/esm/components/organisms/navigationLayout/menuCommunitiesList/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";import{Z_INDEX as e}from"../constants.js";var i,o,r,a,p,s,l,d,g,c,x,h,m,f=t.div(i||(i=n(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),u=t.div(o||(o=n(["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n //margin-top: 112px;\n"],["\n & > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n //margin-top: 112px;\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),b=t.div(r||(r=n(["\n display: flex;\n width: 100%;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),y=t.div(a||(a=n([""],[""]))),v=t.div(p||(p=n([""],[""]))),w=t.div(s||(s=n(["\n display: flex;\n align-items: center;\n\n > :first-child {\n min-width: 40px;\n margin-right: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n\n > :first-child {\n min-width: 40px;\n margin-right: 16px;\n }\n"]))),z=t.div(l||(l=n(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),e.menuCategoryPopupWrapper),k=t.div(d||(d=n(["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),e.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),j=t.div(g||(g=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"]))),B=t.div(c||(c=n(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),P=t.div(x||(x=n(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\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})),C=t.div(h||(h=n(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"]))),R=t.div(m||(m=n(["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"])));export{f as StyledCardSkeleton,y as StyledCategory,b as StyledCategoryContainer,v as StyledCategoryIcon,w as StyledCategoryInfo,P as StyledCategoryItemAll,R as StyledCloseWrapper,u as StyledContainer,B as StyledHealthToolItem,C as StyledImageWrapper,j as StyledInnerMenuPopupContainer,k as StyledMenuPopupContainer,z as StyledMenuPopupWrapper};

package/build/esm/components/organisms/navigationLayout/menuCommunitiesList/marryBaby.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{theme as t}from"../../../../misc/theme.js";import{MarryBabyText as a}from"../marryBabyText/index.js";import n from"./categorySkeleton.js";import{StyledContainer as o,StyledCategory as m}from"./index.styled.js";import{StyledMarryBabyCategoryContainer as i,StyledMarryBabyIconContainer as l,StyledMarryBabyMenuPopupWrapper as c,StyledFullScreenLayer as r,StyledMarryBabyMenuPopupContainer as u,StyledMarryBabyHealthCategoriesContainer as s}from"./marryBaby.styled.js";var p=function(p){var y=p.isDisplayed,d=void 0!==y&&y,g=p.communities,E=p.onSelectCommunity,b=p.isLoading,h=p.basePath,v=p.type,f=p.isMobile,k=p.onClosePopup,x=p.desktopPopupType,C=p.TOGETHER_URL_FE;return f?b&&d?e.createElement(o,null,e.createElement(n,null)):e.createElement(o,{style:{marginTop:24},"data-category-list-type":v,"data-is-displayed":d},g.map((function(t,a){return e.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(a," iconMenu"),key:"community-"+a,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(t.communitySlug)},e.createElement(i,{onClick:function(){E({community:t,isSetToSubMenu:!1})}},e.createElement(l,null,e.createElement("img",{alt:"health-tool-icon",src:t.thumbnail||"".concat(h,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),e.createElement(m,null,t.title)))}))):e.createElement(c,{className:"top-menu-communities",onClick:k,"data-is-display":"communities"===x},e.createElement(r,null),e.createElement(u,{"data-popup-type":x,onClick:function(e){e.stopPropagation()}},e.createElement(s,null,b?e.createElement("div",{style:{width:"100%",padding:"0 20px"}},e.createElement(n,null)):g.map((function(n,o){return e.createElement("a",{className:"wrapper-menu-community wrapper-menu-community-".concat(o," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn/community/".concat(n.communitySlug),style:{textDecoration:"none",color:t.colors.gray800},href:"".concat(C,"/").concat(n.communitySlug),key:n.title},e.createElement(i,{onClick:k},e.createElement(l,{style:{backgroundColor:n.color||t.mbColors.lightGray}},e.createElement("img",{alt:n.communitySlug,src:n.thumbnail||"".concat(h,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),e.createElement(a,{style:{fontWeight:t.sizes.fwSemiBold},type:"subtitle-2"},n.title)))})))))};export{p as MarryBabyMenuCommunitiesList};

package/build/esm/components/organisms/navigationLayout/menuCommunitiesList/marryBaby.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";import{Z_INDEX as e}from"../constants.js";var t=i.div(l||(l=n(["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n //background-color: ",";\n border-radius: 50%;\n"],["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n //background-color: ",";\n border-radius: 50%;\n"])),(function(n){return n.theme.mbColors.lightGray})),r=i.div(x||(x=n(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4})),o=i.div(s||(s=n(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),e.menuCategoryPopupWrapper),a=i.div(d||(d=n(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),p=i.div(g||(g=n(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),e.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white}));i.div(h||(h=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var l,x,s,d,g,h,c,f,m=i.div(c||(c=n(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));i.div(f||(f=n(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase}));export{a as StyledFullScreenLayer,r as StyledMarryBabyCategoryContainer,m as StyledMarryBabyHealthCategoriesContainer,t as StyledMarryBabyIconContainer,p as StyledMarryBabyMenuPopupContainer,o as StyledMarryBabyMenuPopupWrapper};

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/categorySkeleton.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import t from"react-loading-skeleton";import{StyledCardSkeleton as r}from"./index.styled.js";var l=function(){return e.createElement(r,{style:{marginTop:"16px"}},e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})),e.createElement("div",null,e.createElement(t,{height:46})))};export{l as default};

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/helloSites.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{Container as t}from"../../../atoms/container/index.js";import{Heading as a}from"../../../atoms/heading/index.js";import{theme as l}from"../../../../misc/theme.js";import{domainLocales as o}from"../constants.js";import{useTranslation as n}from"../utils.js";import c from"./categorySkeleton.js";import{StyledContainer as r,StyledSeeMore as i,StyledCategoryItemAll as s,StyledImageWrapper as m,StyledMenuPopupWrapper as h,StyledMenuPopupContainer as g,StyledInnerMenuPopupContainer as p,StyleHealthToolByCategory as d,StyledCloseWrapper as E,StyledHealthToolItem as u,StyledCategoryContainer as v,StyledCategoryIcon as T,StyledCategory as y}from"./index.styled.js";var H=function(t){var a=t.healthTools,n=t.onSelectHealthTool,c=t.basePath,r=t.isDesktop,i=t.onClosePopup,s=t.HEALTH_TOOL_URL_FE,m=t.locale,h=t.isGrouped;return(null==a?void 0:a.length)?r?e.createElement(e.Fragment,null,a.map((function(t,a){return e.createElement(u,{"data-grouped":h,key:t.title,onClick:i},e.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(o[m]).concat(t.link),style:{textDecoration:"none",color:l.colors.gray800},className:"iconMenu",href:t.link.startsWith("http")?t.link:"".concat(s).concat(t.link)},e.createElement("div",{style:{display:"flex"}},e.createElement("img",{alt:"health-tool-icon",src:t.icon||"/images/avatar.jpg",style:{width:"32px",height:"32px"}})),e.createElement("p",null,t.title)))}))):e.createElement(e.Fragment,null,a.map((function(t,a){return e.createElement("a",{key:"tool-"+a},e.createElement(v,{onClick:function(){n(t)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(o[m]).concat(t.link)},e.createElement(T,null,e.createElement("img",{alt:"health-tool-icon",src:t.icon||"".concat(c,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),e.createElement(y,null,t.title)))}))):null},L=function(l){var o,u,v,T,y=l.isDisplayed,L=l.healthTools,k=l.healthToolsByCategory,_=l.onSelectHealthTool,f=l.isLoading,O=l.basePath,x=l.locale,b=l.isMobile,C=l.onClosePopup,S=l.desktopPopupType,A=l.HEALTH_TOOL_URL_FE,P=l.STATIC_PAGES,F=l.siteType,w=n();return b?e.createElement(e.Fragment,null,f&&y?e.createElement(r,null,e.createElement(c,null)):e.createElement(r,{"data-category-list-type":"main","data-is-displayed":y},(null==k?void 0:k.length)?k.map((function(t,l){var o;return!!(null===(o=t.healthTools)||void 0===o?void 0:o.length)&&e.createElement(e.Fragment,{key:"category-health-tool-".concat(l)},e.createElement(a,{tag:"h4",fontWeight:"bold",className:"title"},e.createElement("span",{dangerouslySetInnerHTML:{__html:t.name}})),e.createElement(H,{healthTools:t.healthTools.slice(0,4),onSelectHealthTool:_,basePath:O,HEALTH_TOOL_URL_FE:A,locale:x}))})):e.createElement(H,{healthTools:L,onSelectHealthTool:_,basePath:O,HEALTH_TOOL_URL_FE:A,locale:x}),e.createElement(i,null,e.createElement("a",{href:"".concat(A).concat((null===(o=P[x])||void 0===o?void 0:o.HEALTH_TOOLS)||""),style:{textDecoration:"none"}},e.createElement(s,{key:"all-health-tools-mobile","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(A).concat((null===(u=P[x])||void 0===u?void 0:u.HEALTH_TOOLS)||"")},w("home.navigator.menuItem.allHealthTools"),e.createElement(m,null,e.createElement("img",{src:"".concat(O,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:w("home.navigator.menuItem.allHealthTools")}))))))):e.createElement(h,{className:"top-menu-health-tools",onClick:C,"data-is-display":"tools"===S},e.createElement(g,null,e.createElement(t,{style:{padding:"0 16px"}},e.createElement(p,{"data-popup-type":S,onClick:function(e){e.stopPropagation()}},e.createElement(e.Fragment,null,(null==k?void 0:k.length)?k.map((function(t,l){var o;return!!(null===(o=t.healthTools)||void 0===o?void 0:o.length)&&e.createElement(d,{key:"health-tools-categories-".concat(l)},e.createElement(a,{tag:"h4",as:"h2",fontWeight:"bold"},e.createElement("span",{dangerouslySetInnerHTML:{__html:t.name}})),e.createElement(H,{healthTools:t.healthTools.slice(0,4),onSelectHealthTool:_,basePath:O,HEALTH_TOOL_URL_FE:A,locale:x,isDesktop:!0,isGrouped:!0,onClosePopup:C}))})):e.createElement(H,{healthTools:L,onSelectHealthTool:_,basePath:O,HEALTH_TOOL_URL_FE:A,locale:x,isDesktop:!0,onClosePopup:C}),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(A).concat((null===(v=P[x])||void 0===v?void 0:v.HEALTH_TOOLS)||"")},e.createElement(s,{onClick:C,key:"all-health-tools","data-theme":F,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(A).concat((null===(T=P[x])||void 0===T?void 0:T.HEALTH_TOOLS)||"")},w("home.navigator.menuItem.allHealthTools"),e.createElement(m,null,e.createElement("img",{src:"".concat(O,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:w("home.navigator.menuItem.allHealthTools")}))))),e.createElement(E,{onClick:C},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{L as HelloSitesMenuHealthToolsList};

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import o from"react";import{HelloSitesMenuHealthToolsList as e}from"./helloSites.js";import{MarryBabyMenuHealthToolsList as l}from"./marryBaby.js";var t=function(t){var i=t.isDisplayed,a=void 0!==i&&i,s=t.healthTools,p=t.healthToolsByCategory,r=t.onSelectHealthTool,T=t.isLoading,n=t.basePath,h=t.locale,c=t.isMobile,d=t.onClosePopup,y=t.desktopPopupType,m=t.HEALTH_TOOL_URL_FE,L=t.siteType,u=t.discoverApiDomain,P=t.STATIC_PAGES;return"helloSites"===L?o.createElement(e,{isDisplayed:a,locale:h,basePath:n,discoverApiDomain:u,HEALTH_TOOL_URL_FE:m,onSelectHealthTool:r,healthTools:s,healthToolsByCategory:p,isLoading:T,isMobile:c,siteType:L,desktopPopupType:y,onClosePopup:d,STATIC_PAGES:P}):o.createElement(l,{isDisplayed:a,basePath:n,discoverApiDomain:u,HEALTH_TOOL_URL_FE:m,onSelectHealthTool:r,healthTools:s||p.reduce((function(o,e){return o.concat(e.healthTools)}),[]),isLoading:T,isMobile:c,desktopPopupType:y,onClosePopup:d})};export{t as MenuHealthToolsList};

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";import{Z_INDEX as e}from"../constants.js";var i=t.div(f||(f=n(["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"],["\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n"]))),o=t.div(h||(h=n(["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n .title {\n margin-bottom: 8px;\n margin-top: 24px;\n }\n"],["\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n .title {\n margin-bottom: 8px;\n margin-top: 24px;\n }\n"]))),r=t.div(u||(u=n(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n border-bottom: 1px solid\n ",";\n\n &[data-is-heading-category='true'] {\n /* border-bottom: none; */\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px;\n background-color: ",";\n font-size: ",";\n border-bottom: 1px solid\n ",";\n\n &[data-is-heading-category='true'] {\n /* border-bottom: none; */\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),a=t.div(b||(b=n([""],[""]))),p=t.div(y||(y=n(["\n padding-right: 16px;\n"],["\n padding-right: 16px;\n"]))),s=t.div(v||(v=n(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),e.menuCategoryPopupWrapper),l=t.div(w||(w=n(["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),e.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),d=t.div(z||(z=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"]))),g=t.div(k||(k=n(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n &[data-grouped='true'] {\n width: 100%;\n }\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n &[data-grouped='true'] {\n width: 100%;\n }\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n [data-event-category] > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),x=t.div(j||(j=n(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n &[data-event-category] * {\n pointer-events: none;\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})),m=t.div(B||(B=n(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"]))),c=t.div(P||(P=n(["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"])));t.div(C||(C=n(["\n &[data-is-displayed='false'] {\n display: none;\n }\n"],["\n &[data-is-displayed='false'] {\n display: none;\n }\n"])));var f,h,u,b,y,v,w,z,k,j,B,P,C,R,W,_=t.div(R||(R=n(["\n margin-bottom: 56px;\n margin-top: 18px;\n"],["\n margin-bottom: 56px;\n margin-top: 18px;\n"]))),q=t.div(W||(W=n(["\n position: relative;\n display: flex;\n width: 25%;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n margin-bottom: 24px;\n h1 {\n margin-bottom: 20px;\n }\n"],["\n position: relative;\n display: flex;\n width: 25%;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n margin-bottom: 24px;\n h1 {\n margin-bottom: 20px;\n }\n"])));export{q as StyleHealthToolByCategory,i as StyledCardSkeleton,a as StyledCategory,r as StyledCategoryContainer,p as StyledCategoryIcon,x as StyledCategoryItemAll,c as StyledCloseWrapper,o as StyledContainer,g as StyledHealthToolItem,m as StyledImageWrapper,d as StyledInnerMenuPopupContainer,l as StyledMenuPopupContainer,s as StyledMenuPopupWrapper,_ as StyledSeeMore};

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/marryBaby.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{theme as t}from"../../../../misc/theme.js";import{MarryBabyText as a}from"../marryBabyText/index.js";import l from"./categorySkeleton.js";import{StyledContainer as n,StyledCategory as o}from"./index.styled.js";import{StyledMarryBabyCategoryContainer as r,StyledMarryBabyIconContainer as i,StyledMarryBabyMenuPopupWrapper as c,StyledFullScreenLayer as m,StyledMarryBabyMenuPopupContainer as p,StyledMarryBabyHealthCategoriesContainer as s}from"./marrybaby.styled.js";var h=function(h){var y=h.isDisplayed,u=void 0!==y&&y,d=h.healthTools,g=h.onSelectHealthTool,E=h.isLoading,k=h.basePath,v=h.isMobile,f=h.onClosePopup,b=h.HEALTH_TOOL_URL_FE,x=h.desktopPopupType;return v?E&&u?e.createElement(n,null,e.createElement(l,null)):e.createElement(n,{style:{marginTop:24},"data-category-list-type":"main","data-is-displayed":u},d.map((function(t,a){return e.createElement("a",{key:"tool-"+a,className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(a),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://https://marrybaby.vn".concat(t.link)},e.createElement(r,{onClick:function(){g(t)}},e.createElement(i,null,e.createElement("img",{alt:"health-tool-icon",src:t.icon||"".concat(k,"/images/avatar.jpg"),style:{width:"24px",height:"24px"}})),e.createElement(o,null,t.title)))}))):e.createElement(c,{className:"top-menu-health-tools",onClick:f,"data-is-display":"tools"===x},e.createElement(m,null),e.createElement(p,{"data-popup-type":x,onClick:function(e){e.stopPropagation()}},e.createElement(s,null,E?e.createElement("div",{style:{width:"100%",padding:"0 20px"}},e.createElement(l,null)):d.map((function(l,n){return e.createElement("a",{className:"wrapper-menu-health-tool wrapper-menu-health-tool-".concat(n," iconMenu"),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(l.link),style:{textDecoration:"none",color:t.colors.gray800},href:l.link.startsWith("http")?l.link:"".concat(b).concat(l.link),key:l.title,onClick:function(e){e.stopPropagation()}},e.createElement(r,{onClick:f},e.createElement(i,null,e.createElement("img",{alt:l.title,src:l.icon||"/images/avatar.jpg",style:{width:"24px",height:"24px"}})),e.createElement(a,{style:{fontWeight:t.sizes.fwSemiBold},type:"subtitle-2"},l.title)))})))))};export{h as MarryBabyMenuHealthToolsList};

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/marrybaby.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";import{Z_INDEX as e}from"../constants.js";var t=i.div(l||(l=n(["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n background-color: ",";\n border-radius: 50%;\n"],["\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n background-color: ",";\n border-radius: 50%;\n"])),(function(n){return n.theme.mbColors.lightGray})),r=i.div(x||(x=n(["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"],["\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ",";\n font-size: ",";\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4})),o=i.div(s||(s=n(["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: absolute;\n z-index: ",";\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),e.menuCategoryPopupWrapper),a=i.div(d||(d=n(["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"],["\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n"]))),p=i.div(g||(g=n(["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"],["\n z-index: ",";\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ",";\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ",";\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n"])),e.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white}));i.div(h||(h=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n"])));var l,x,s,d,g,h,c,f,m=i.div(c||(c=n(["\n position: relative;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n"])));i.div(f||(f=n(["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase}));export{a as StyledFullScreenLayer,r as StyledMarryBabyCategoryContainer,m as StyledMarryBabyHealthCategoriesContainer,t as StyledMarryBabyIconContainer,p as StyledMarryBabyMenuPopupContainer,o as StyledMarryBabyMenuPopupWrapper};

package/build/esm/components/organisms/navigationLayout/menuSectionCard/cardSkeleton.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import t from"react-loading-skeleton";import{StyledCardSkeleton as l}from"./index.styled.js";var n=function(){return e.createElement(e.Fragment,null,e.createElement(l,null,e.createElement("div",null,e.createElement(t,{height:109})),e.createElement("div",null,e.createElement(t,{height:109})),e.createElement("div",null,e.createElement(t,{height:109})),e.createElement("div",null,e.createElement(t,{height:109})),e.createElement("div",null,e.createElement(t,{height:109})),e.createElement("div",null,e.createElement(t,{height:109}))))};export{n as default};

package/build/esm/components/organisms/navigationLayout/menuSectionCard/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{Text as t}from"../../../atoms/text/index.js";import a from"./cardSkeleton.js";import{StyledCard as i}from"./index.styled.js";var n=function(n){var o=n.specialty,r=n.id,c=n.isActive,m=void 0!==c&&c,l=n.position,s=n.className,d=n.onClick;return o.name&&""!==o.name?e.createElement(i,{onClick:function(){d&&d(r)},className:s,"data-is-active":m,"data-card-position":l},e.createElement("img",{src:o.thumbnail,style:{objectFit:"contain",height:"55px",width:"55px"},alt:"category-menu-card"}),e.createElement(t,{type:"bold",size:"label2"},o.name)):e.createElement(a,null)};export{n as MenuSectionCard};

package/build/esm/components/organisms/navigationLayout/menuSectionCard/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

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

package/build/esm/components/organisms/navigationLayout/menuServiceList/categoriesSubList.js ADDED Viewed

@@ -0,0 +1 @@

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

package/build/esm/components/organisms/navigationLayout/menuServiceList/communitySubList.js ADDED Viewed

@@ -0,0 +1 @@

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

package/build/esm/components/organisms/navigationLayout/menuServiceList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as t,useEffect 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{Heading as i}from"../../../atoms/heading/index.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{useTranslation as a,getCareSearchUrl as n}from"../utils.js";import{theme as r}from"../../../../misc/theme.js";import{getCurrentBaseUrl as l}from"../../../../together/api/utils.js";import{LOCALE_SPECS as m}from"../constants.js";import{MenuCareList as p}from"../menuCareList/index.js";import{MenuCategoriesList as c}from"../menuCategoriesList/index.js";import{MenuCommunitiesList as d}from"../menuCommunitiesList/index.js";import{MenuHealthToolsList as u}from"../menuHealthToolsList/index.js";import{MenuSectionCard as y}from"../menuSectionCard/index.js";import{NavigationBar as h}from"../navigationBar/index.js";import{SearchIcon as E}from"../navigationBar/SearchIcon.js";import{MenuSubItemListCategory as g}from"./categoriesSubList.js";import{MenuSubItemListCommunities as j}from"./communitySubList.js";import{StyledMasterMenuContainer as _,StyledMenuContainer as f,StyledScrollingCategories as C,StyledScrollingWrapper as S,StyledScrollingContent as T,StyledStickyHeader as v,StyledServiceListMenuSearchInputWrapper as L,StyledCardSpecialty as A}from"./index.styled.js";import{MarryBabyMobileMenuShelf as R}from"./marryBabyMobileMenuSection.js";var b=function(b){var P=b.isMobile,x=void 0!==P&&P,M=b.isMobileMenuOpened,k=void 0===M?void 0:M,D=b.categories,B=b.healthTools,F=b.healthToolsByCategory,H=b.careSpecialties,I=b.togetherCommunities,O=b.spotlightsList,U=b.closePopup,w=b.popupType,Y=void 0===w?"none":w,G=b.onMobileMenuClick,V=b.footer,N=b.care.CARE_URL_FE,K=b.discover,z=K.discoverApiDomain,W=K.DISCOVER_URL_FE,q=b.together,J=q.togetherApiDomain,Q=q.TOGETHER_URL_FE,X=b.sso.SSO_URL,Z=b.statics,$=Z.MARRY_BABY_FE,ee=Z.HOME_PAGE_URL,te=Z.STATIC_PAGES,oe=Z.HEALTH_TOOL_URL_FE,ie=b.marryBaby.tone,se=b.locale,ae=b.siteType,ne=b.basePath,re=b.callApiHandler,le=b.activeMenuService,me=b.menuItems,pe=b.routerAsPath,ce=a(),de=t(!1),ue=de[0],ye=de[1],he=t(D),Ee=he[0],ge=he[1],je=t(void 0),_e=je[0],fe=je[1],Ce=t(void 0),Se=Ce[0],Te=Ce[1],ve=t(!1),Le=ve[0],Ae=ve[1],Re=t(null==me?void 0:me.find((function(e){return e.id===le}))),be=Re[0],Pe=Re[1],xe=t(!1),Me=xe[0],ke=xe[1],De=t(!1),Be=De[0],Fe=De[1],He=function(){_e&&(window.location.href=_e.permalink),Ge(),U&&U()},Ie=function(){_e&&(window.location.href="".concat(Q,"/").concat(_e.communitySlug)),Ge(),U&&U()},Oe=function(e){e.childCates&&e.childCates.length>0?(ye(!0),fe(e)):(window.location.href="helloSites"===ae?W+e.permalink:$+e.permalink,Ge(),U&&U())},Ue=function(e){var t=e.community;e.isSetToSubMenu?(ye(!0),fe(t)):(window.location.href="".concat(Q,"/").concat(t.communitySlug),Ge(),U&&U())},we=function(e){window.location.href=e.link.startsWith("http")?e.link:oe+e.link,Ge(),U&&U()},Ye=function(e){window.location.href=N+n({type:"DOCTOR",specialtySlug:e.slug,locale:se}),null==U||U()},Ge=function(){fe(void 0),ye(!1)},Ve=function(e){Pe(me.find((function(t){return t.id===e})))},Ne=m[se||"en-PH"]||{};return o((function(){var t;Te("categories"===be.id?(null===(t=null==_e?void 0:_e.childCates)||void 0===t?void 0:t.length)>0&&e.createElement(g,{selectedMenuMainItem:_e,spotlightsList:[],locale:se,basePath:ne,callApiHandler:re,discoverApiDomain:z,DISCOVER_URL_FE:W,MARRY_BABY_FE:$,onSelectCategory:Oe,isMobile:x,siteType:ae,onCategoryClick:He}):"together"===be.id&&_e&&e.createElement(j,{selectedMenuMainItem:_e,onCommunityClick:Ie,onSelectCommunity:Ue,TOGETHER_URL_FE:Q,basePath:ne,callApiHandler:re,locale:se,togetherApiDomain:J,siteType:ae,isMobile:x}))}),[_e,be]),o((function(){ke(!0)}),[]),o((function(){!Be&&k&&Fe(!0)}),[k]),o((function(){ge(D)}),[D]),x?e.createElement(e.Fragment,null,e.createElement(_,{id:Me?"":"categories-menu","data-opened":k||(Be?k:"undefined"),key:Me?"t":"f"},e.createElement(f,{"data-opened":k,"data-type":"category","data-is-sub-category-opened":ue},e.createElement(h,{siteType:ae,locale:se,isDisplayed:!0,searchPlaceholder:"",statics:{DISCOVER_URL_FE:W,SSO_URL:X,HOME_PAGE_URL:ee,MARRY_BABY_FE:$,CARE_URL_FE:N},isMobile:x,isLoginButtonDisplayed:!1,type:"popup",onMenuClick:function(){return null==G?void 0:G("categories")},onSearchChange:function(e){Ae(""!==e),ge(e&&""!==e?D.filter((function(t){return t.categoryName.toLowerCase().search(e.toLowerCase())>-1||t.slug.replace("-","").toLowerCase().search(e.replace(" ","").toLowerCase())>-1})):D)},isSearchBarDisplay:!1,basePath:ne,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:pe,title:"",onTopBarAppears:void 0,currentPopupType:"none",marryBaby:{tone:ie},menu:void 0,menuItems:void 0,onSearchKeyPress:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0}),e.createElement(C,null,e.createElement(S,null,e.createElement(T,null,e.createElement(v,{"data-hide-on-search":Le,"data-is-sub-category-opened":ue},"helloSites"===ae?e.createElement(e.Fragment,null,e.createElement(L,{onClick:function(){window.location.href="".concat(l(se),"/search")}},e.createElement(s,{className:"fake-search-input",name:"search-input-menu-service"+(Me?"":"-temp"),size:"md",placeholder:ce("home.search",{site:Ne?Ne.SITE_NAME:""}),onChange:function(){},type:"search",autoFocus:!1,onFocus:function(e){e.preventDefault()},value:"",displayIcon:e.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},e.createElement(E,null))})),e.createElement(i,{tag:"h5",color:r.colors.gray800},ce("menu.categories.title")),e.createElement(A,{"data-card-array-no-margin-style":!0},me.map((function(t,o){return e.createElement(y,{onClick:Ve,key:"service-"+o,specialty:t,id:t.id,isActive:t.id===be.id,isMobile:x,position:0===o?"left":o===me.length-1?"right":"center"})})))):e.createElement(R,{menuItems:me,activeItem:be,onServiceClicked:Ve})),e.createElement(c,{isDisplayed:"categories"===be.id,locale:se,basePath:ne,callApiHandler:re,onClosePopup:U,discoverApiDomain:z,DISCOVER_URL_FE:W,MARRY_BABY_FE:$,type:"main",onSelectCategory:Oe,categories:Ee,spotlightsList:O,isLoading:!1,isMobile:x,siteType:ae,desktopPopupType:Y}),e.createElement(u,{isDisplayed:"healthTools"===be.id,locale:se,basePath:ne,discoverApiDomain:z,HEALTH_TOOL_URL_FE:oe,onSelectHealthTool:we,onClosePopup:U,desktopPopupType:Y,healthTools:B,healthToolsByCategory:F,isLoading:!1,isMobile:x,siteType:ae,STATIC_PAGES:te}),"care"===be.id&&e.createElement(p,{locale:se,basePath:ne,onSelectCareSpecialty:Ye,onClosePopup:U,careSpecialties:H,isLoading:!1,siteType:ae,isMobile:x,desktopPopupType:Y,CARE_URL_FE:N}),e.createElement(d,{isDisplayed:"together"===be.id,locale:se,TOGETHER_URL_FE:Q,basePath:ne,type:"main",onSelectCommunity:Ue,onClosePopup:U,communities:I,isLoading:!1,isMobile:x,siteType:ae,togetherApiDomain:J,desktopPopupType:Y})),V)))),ue&&e.createElement(_,{"data-sub-level-opened":ue||(Be?ue:"undefined")},e.createElement(f,{"data-type":"sub-category","data-is-sub-category-opened":ue},e.createElement(h,{siteType:ae,locale:se,isDisplayed:k&&ue,searchPlaceholder:"",menuItems:void 0,statics:{DISCOVER_URL_FE:W,SSO_URL:X,HOME_PAGE_URL:ee,MARRY_BABY_FE:$,CARE_URL_FE:N},isMobile:x,isLoginButtonDisplayed:!1,type:"popup-sub-level",title:"categories"===be.id?null==_e?void 0:_e.categoryName:null==_e?void 0:_e.title,isSearchBarDisplay:!1,basePath:ne,isAmp:!1,isInit:!1,isStatic:!1,routerAsPath:pe,currentPopupType:"none",marryBaby:{tone:ie},menu:void 0,openPopup:void 0,profileMenu:void 0,userInfo:void 0,onSearchKeyPress:void 0,onTopBarAppears:void 0,onMenuClick:Ge,onSearchChange:void 0}),Se))):e.createElement(e.Fragment,null,e.createElement(c,{isDisplayed:"categories"===Y,locale:se,basePath:ne,callApiHandler:re,discoverApiDomain:z,DISCOVER_URL_FE:W,MARRY_BABY_FE:$,type:"main",desktopPopupType:Y,onSelectCategory:Oe,onClosePopup:U,categories:Ee,spotlightsList:O,isLoading:!1,isMobile:x,siteType:ae}),e.createElement(u,{isDisplayed:"tools"===Y,locale:se,basePath:ne,discoverApiDomain:z,HEALTH_TOOL_URL_FE:oe,desktopPopupType:Y,onSelectHealthTool:we,onClosePopup:U,healthToolsByCategory:F,healthTools:B,isLoading:!1,isMobile:x,siteType:ae,STATIC_PAGES:te}),e.createElement(d,{isDisplayed:"communities"===Y,locale:se,TOGETHER_URL_FE:Q,basePath:ne,type:"main",onSelectCommunity:Ue,communities:I,isLoading:!1,isMobile:x,siteType:ae,togetherApiDomain:J,desktopPopupType:Y,onClosePopup:U}),"care"===Y&&e.createElement(p,{locale:se,basePath:ne,onSelectCareSpecialty:Ye,careSpecialties:H,isLoading:!1,desktopPopupType:Y,siteType:ae,isMobile:x,CARE_URL_FE:N,onClosePopup:U}))};export{b as MenuServiceList};

package/build/esm/components/organisms/navigationLayout/menuServiceList/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";import{Z_INDEX as i}from"../constants.js";var t=e.div(c||(c=n(["\n position: fixed;\n z-index: 200;\n top: 0;\n width: 100vw;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n\n &[data-opened='false'] {\n left: -100%;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftDisappears;\n }\n\n &[data-opened='undefined'] {\n left: -100%;\n }\n\n &[data-opened='true'] {\n left: 0;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftAppears;\n }\n\n &[data-sub-level-opened='false'] {\n right: -100%;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightDisappears;\n }\n\n &[data-sub-level-opened='undefined'] {\n right: -100%;\n }\n\n &[data-sub-level-opened='true'] {\n right: 0;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightAppears;\n }\n"],["\n position: fixed;\n z-index: 200;\n top: 0;\n width: 100vw;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n\n &[data-opened='false'] {\n left: -100%;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftDisappears;\n }\n\n &[data-opened='undefined'] {\n left: -100%;\n }\n\n &[data-opened='true'] {\n left: 0;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftAppears;\n }\n\n &[data-sub-level-opened='false'] {\n right: -100%;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightDisappears;\n }\n\n &[data-sub-level-opened='undefined'] {\n right: -100%;\n }\n\n &[data-sub-level-opened='true'] {\n right: 0;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightAppears;\n }\n"]))),a=e.div(f||(f=n(["\n position: relative;\n top: 0;\n\n display: flex;\n width: 100vw;\n min-height: 100%;\n flex-direction: column;\n\n background-color: ",";\n overflow-x: hidden;\n\n &[data-type='category'] {\n z-index: 300;\n\n // momentum scrolling IOS will display under layer if not doing this\n &[data-is-sub-category-opened='true'] {\n animation-duration: 0.2s;\n animation-name: fading;\n }\n }\n\n &[data-type='sub-category'] {\n z-index: 400;\n }\n\n .category-button {\n border: none;\n }\n"],["\n position: relative;\n top: 0;\n\n display: flex;\n width: 100vw;\n min-height: 100%;\n flex-direction: column;\n\n background-color: ",";\n overflow-x: hidden;\n\n &[data-type='category'] {\n z-index: 300;\n\n // momentum scrolling IOS will display under layer if not doing this\n &[data-is-sub-category-opened='true'] {\n animation-duration: 0.2s;\n animation-name: fading;\n }\n }\n\n &[data-type='sub-category'] {\n z-index: 400;\n }\n\n .category-button {\n border: none;\n }\n"])),(function(n){return n.theme.colors.white})),r=e.div(m||(m=n(["\n position: fixed;\n bottom: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 72px;\n align-items: flex-start;\n justify-content: center;\n\n background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n .button-image {\n stroke-color: blue;\n }\n\n &[data-site-type='marryBaby'] {\n padding: 0 16px;\n .category-button {\n width: 100%;\n height: 48px;\n }\n }\n"],["\n position: fixed;\n bottom: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 72px;\n align-items: flex-start;\n justify-content: center;\n\n background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n .button-image {\n stroke-color: blue;\n }\n\n &[data-site-type='marryBaby'] {\n padding: 0 16px;\n .category-button {\n width: 100%;\n height: 48px;\n }\n }\n"]))),o=e.div(h||(h=n(["\n display: flex;\n\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n align-items: center;\n\n padding-top: 0px;\n //position: absolute;\n\n //top: 0px;\n\n //z-index: -1;\n\n background-color: ",";\n\n &[data-type='sub-level'] {\n padding: 4px 16px 16px;\n background-color: ",";\n }\n\n & > div:first-child {\n justify-self: flex-start;\n }\n\n &[data-with-search-input='false'] {\n //padding-top: 64px;\n }\n"],["\n display: flex;\n\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n align-items: center;\n\n padding-top: 0px;\n //position: absolute;\n\n //top: 0px;\n\n //z-index: -1;\n\n background-color: ",";\n\n &[data-type='sub-level'] {\n padding: 4px 16px 16px;\n background-color: ",";\n }\n\n & > div:first-child {\n justify-self: flex-start;\n }\n\n &[data-with-search-input='false'] {\n //padding-top: 64px;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),d=e.div(u||(u=n(["\n display: flex;\n\n &[data-card-array-no-margin-style='true'] {\n margin: 8px 0;\n\n & > div {\n width: 0;\n flex: 1;\n margin: 0 -1px;\n }\n }\n\n &[data-card-array-no-margin-style='false'] {\n margin: 8px -4px;\n\n & > div {\n flex: 1;\n margin: 0 4px;\n }\n }\n"],["\n display: flex;\n\n &[data-card-array-no-margin-style='true'] {\n margin: 8px 0;\n\n & > div {\n width: 0;\n flex: 1;\n margin: 0 -1px;\n }\n }\n\n &[data-card-array-no-margin-style='false'] {\n margin: 8px -4px;\n\n & > div {\n flex: 1;\n margin: 0 4px;\n }\n }\n"]))),l=e.div(b||(b=n(["\n position: relative;\n\n display: flex;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n\n overflow-y: scroll;\n"],["\n position: relative;\n\n display: flex;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n\n overflow-y: scroll;\n"]))),p=e.div(y||(y=n(["\n flex: 1;\n padding: 16px;\n background-color: ",";\n"],["\n flex: 1;\n padding: 16px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.white}));e.div(v||(v=n(["\n margin-top: 64px;\n"],["\n margin-top: 64px;\n"])));var s=e.div(w||(w=n(["\n background-color: ",";\n\n &[data-is-sub-category-opened='true'] {\n display: none;\n }\n\n &[data-hide-on-search='true'] {\n display: none;\n }\n"],["\n background-color: ",";\n\n &[data-is-sub-category-opened='true'] {\n display: none;\n }\n\n &[data-hide-on-search='true'] {\n display: none;\n }\n"])),(function(n){return n.theme.colors.white}));e.div(k||(k=n(["\n padding: 24px 0;\n"],["\n padding: 24px 0;\n"])));var g=e.div(z||(z=n(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n & > div:first-child {\n margin-right: 8px;\n }\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n & > div:first-child {\n margin-right: 8px;\n }\n"])));e.div(j||(j=n(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n"])),i.menuCategoryPopupWrapper),e.div(B||(B=n(["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n z-index: ",";\n align-items: center;\n\n border: 1px solid ",";\n background-color: ",";\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),i.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),e.div(C||(C=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 48px 0;\n"]))),e.div(_||(_=n(["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"],["\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n"]))),e.div(P||(P=n(["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"],["\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n }\n\n & > a:hover {\n color: ",";\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),e.div(A||(A=n(["\n display: none;\n"],["\n display: none;\n"]))),e.div(D||(D=n(["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"],["\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),e.div(I||(I=n(["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink}));var x=e.div(M||(M=n(["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n"])));e.div(O||(O=n(["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),e.div(R||(R=n(["\n display: block;\n"],["\n display: block;\n"]))),e.div(S||(S=n(["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"],["\n .amp-sidebar {\n width: 100vw;\n\n background-color: ",";\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ",";\n text-decoration: none;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}));var c,f,m,h,u,b,y,v,w,k,z,j,B,C,_,P,A,D,I,M,O,R,S,W,q,E=e.div(W||(W=n(["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"],["\n width: 20%;\n height: 2px;\n\n background-color: ",";\n border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink})),F=e.div(q||(q=n(["\n .fake-search-input {\n margin-bottom: 24px;\n pointer-events: none;\n }\n"],["\n .fake-search-input {\n margin-bottom: 24px;\n pointer-events: none;\n }\n"])));export{g as StyledButtonContainerWrapper,d as StyledCardSpecialty,r as StyledCategoryButtonWrapper,x as StyledImageWrapper,t as StyledMasterMenuContainer,a as StyledMenuContainer,o as StyledScrollingCategories,p as StyledScrollingContent,l as StyledScrollingWrapper,F as StyledServiceListMenuSearchInputWrapper,s as StyledStickyHeader,E as StyledUnderLine};