npm - @hhgtech/hhg-components - Versions diffs - 1.18.47 → 1.18.49 - Mend

@hhgtech/hhg-components 1.18.47 → 1.18.49

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 (2623) hide show

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationLayout/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledContainer = styled.div`\n width: 100vw;\n`\n\nexport const StyledHomeContainer = styled.div<{\n hasStickyBottomBar: boolean\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 ${(props) => props.hasStickyBottomBar && `padding-bottom: 80px;`}\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n &[data-menu-opened='true'] {\n visibility: hidden;\n }\n`\n\nexport const StyledAmpHomeContainer = styled.div`\n width: 100%;\n padding-bottom: 80px;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\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\nexport const StyledMenuLanguageLabelContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`\nexport const StyledLanguageChangeLink = styled.a`\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"],"names":["StyledContainer","styled","div","templateObject_1","__makeTemplateObject","StyledHomeContainer","templateObject_2","props","hasStickyBottomBar","theme","colors","white","StyledAmpHomeContainer","templateObject_3","StyledMenuLanguageLabelContainer","templateObject_4","StyledLanguageChangeLink","a","templateObject_5"],"mappings":"iHAGa,cAAAA,EAAkBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,uBAAA,CAAA,0BAI5BC,EAAsBJ,EAAOC,IAExCI,IAAAA,EAAAF,EAAA,CAAA,owCAAA,2BAAA,uEAAA,CAAA,owCA2FgE,2BAEG,0EAFjE,SAACG,GAAU,OAAAA,EAAMC,oBAAsB,2BAErB,SAACD,GAAsB,OAAAA,EAAME,MAAMC,OAAOC,SAOnDC,EAAyBX,EAAOC,IAAGW,IAAAA,EAAAT,EAAA,CAAA,oEAAA,4cAAA,CAAA,oEAIqB,+cAA/C,SAACG,GAAsB,OAAAA,EAAME,MAAMC,OAAOC,SA0BnDG,EAAmCb,EAAOC,IAAGa,IAAAA,EAAAX,EAAA,CAAA,6DAAA,CAAA,gEAK7CY,EAA2Bf,EAAOgB,EAACC,IAAAA,EAAAd,EAAA,CAAA,qJAAA,CAAA"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=languageWrapper.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"languageWrapper.js","sources":["../../../../../src/components/organisms/navigationLayout/languageWrapper.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Props, NavigationLayout as NavigationLayoutElement } from './index'\nimport { defaultTranslation } from './languages/default'\nimport { NaContext } from './utils'\n\nconst NavigationLayout = (props: Props) => {\n return (\n <NaContext.Provider\n value={{\n translation: props.translation || defaultTranslation,\n }}\n >\n <NavigationLayoutElement {...props} />\n </NaContext.Provider>\n )\n}\n\nexport { NavigationLayout }\n"],"names":["NavigationLayout","props","React","createElement","NaContext","Provider","value","translation","defaultTranslation","NavigationLayoutElement","__assign"],"mappings":"0OAMM,IAAAA,EAAmB,SAACC,GACxB,OACEC,EAACC,cAAAC,EAAUC,SAAQ,CACjBC,MAAO,CACLC,YAAaN,EAAMM,aAAeC,IAGpCN,EAAAC,cAACM,EAA4BC,EAAA,GAAAT"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"default.js","sources":["../../../../../../src/components/organisms/navigationLayout/languages/default.ts"],"sourcesContent":["const defaultTranslation: { [key: string]: string } = {\n 'navigation.loginJoin': 'Login/Join',\n 'menu.categories.title': 'Choose a service to explore',\n 'home.search': 'Search {site}',\n 'home.navigator.menuItem.spotlights': 'All In Focus',\n 'home.navigator.menuItem.helloTogether': 'Communities',\n 'home.navigator.menuItem.helloCare': 'Book a doctor',\n 'home.navigator.menuItem.healthTools': 'Health Tools',\n 'home.navigator.menuItem.healthCategories': 'Health Categories',\n 'home.navigator.menuItem.discover': 'Discover',\n 'home.navigator.menuItem.allSpotlight': 'See All In Focus',\n 'home.navigator.menuItem.allSpecialties': 'See All Specialties',\n 'home.navigator.menuItem.allHealthTools': 'See All Health Tools',\n 'home.navigator.menuItem.allCommunities': 'See All Communities',\n 'home.navigator.menuItem.allCategories': 'See All Categories',\n 'footer.sitemap': 'Sitemap',\n 'footer.signUp':\n 'Sign up to get fitness and nutrition tips, health news, and more.',\n 'footer.info.email': 'Email: advertiser@hellohealthgroup.com',\n 'footer.info.license':\n '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',\n 'footer.info.contentResponsibility':\n 'Chịu trách nhiệm quản lý nội dung: Hoàng Diệu Thu',\n 'footer.info.companyName': 'Công ty TNHH Xin Chào Bác Sĩ',\n 'footer.info.certificate':\n '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',\n 'footer.info.address':\n 'Đị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',\n 'footer.followUsText': 'Follow us',\n 'home.menu.category.view': 'Xem {category}',\n 'menu.care.searchBySpecialties': 'Tìm theo chuyên khoa',\n 'logout.popup.ask1': 'Log Out of Hello Doctor?',\n 'logout.popup.ask2': 'Are you sure you want to log out?',\n 'logout.popup.ask.mb': 'Đăng xuất khỏi Marry Baby?',\n 'logout.popup.button.cancel': 'Cancel',\n 'logout.popup.button.logout': 'Log Out',\n 'profileMenu.accountSetting': 'Account Setting',\n // \"profileMenu.closeAccount\": \"Close Account\",\n 'profileMenu.help': 'Help',\n 'profileMenu.logout': 'Logout',\n // \"profileMenu.manageEmailNotifications\": \"Manage Email Notifications\",\n 'profileMenu.myProfile': 'Profile',\n 'profileMenu.password': 'Password',\n 'profileMenu.saved': 'My Articles',\n // \"profileMenu.updateEmail\": \"Update Email\",\n 'home.navigator.menuItem.language': 'Language',\n 'articlePage.sponsoredBy': 'Sponsored By',\n 'articlePage.sponsoredContentBy': 'Content sponsored by',\n 'articlePage.sponsoredContent': 'Sponsored Content',\n 'articlePage.sponsoredArticle': 'Sponsored Article',\n 'articlePage.sponsoredByStickyPopup.close': 'Close',\n 'articlePage.sponsoredByStickyPopup.content':\n 'This is a sponsored article, for more information on our Advertising and Sponsorship policy please read our policies.',\n 'articlePage.sponsoredByStickyPopup.policies': 'Policies',\n 'login.booking': 'Booking with doctor',\n 'cookiePolicies.modal.title': 'Please accept our privacy policy',\n 'cookiePolicies.modal.description':\n 'Hello Bacsi uses cookies to improve your experience and to show you personalized ads',\n 'cookiePolicies.modal.accept': 'Accept',\n 'cookiePolicies.modal.ourPolicies': 'Our Policies',\n}\n\nexport { defaultTranslation }\n"],"names":["defaultTranslation"],"mappings":"AAAA,IAAMA,EAAgD,CACpD,uBAAwB,aACxB,wBAAyB,8BACzB,cAAe,gBACf,qCAAsC,eACtC,wCAAyC,cACzC,oCAAqC,gBACrC,sCAAuC,eACvC,2CAA4C,oBAC5C,mCAAoC,WACpC,uCAAwC,mBACxC,yCAA0C,sBAC1C,yCAA0C,uBAC1C,yCAA0C,sBAC1C,wCAAyC,qBACzC,iBAAkB,UAClB,gBACE,oEACF,oBAAqB,yCACrB,sBACE,kGACF,oCACE,oDACF,0BAA2B,+BAC3B,0BACE,2FACF,sBACE,+FACF,sBAAuB,YACvB,0BAA2B,iBAC3B,gCAAiC,uBACjC,oBAAqB,2BACrB,oBAAqB,oCACrB,sBAAuB,6BACvB,6BAA8B,SAC9B,6BAA8B,UAC9B,6BAA8B,kBAE9B,mBAAoB,OACpB,qBAAsB,SAEtB,wBAAyB,UACzB,uBAAwB,WACxB,oBAAqB,cAErB,mCAAoC,WACpC,0BAA2B,eAC3B,iCAAkC,wBAClC,+BAAgC,oBAChC,+BAAgC,oBAChC,2CAA4C,QAC5C,6CACE,wHACF,8CAA+C,WAC/C,gBAAiB,sBACjB,6BAA8B,mCAC9B,mCACE,uFACF,8BAA+B,SAC/B,mCAAoC"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=layout.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"layout.js","sources":["../../../../../src/components/organisms/navigationLayout/layout.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\n\nimport {\n domainLocales,\n FAVICONS,\n LOCALE_SPECS,\n} from 'components/organisms/navigationLayout/constants'\nimport parse from 'html-react-parser'\n\n// import Head from 'next/head'\n// import { useRouter } from 'next/router'\nimport { SiteType } from './types'\n\nexport type SEOData = {\n currentPage?: number\n totalPages?: number\n SEOTitle?: string\n SEODescription?: string\n SEOImage?: string\n SEOImageWidth?: string | number\n SEOImageHeight?: string | number\n seoType?: 'website' | 'article' | 'profile'\n siteName?: string\n customMetaData?: Array<{\n [key: string]: string\n }>\n isIndexable?: boolean\n openGraph?: {\n title?: string\n description?: string\n image?: string\n imageWidth?: number\n imageHeight?: number\n }\n twitter?: {\n title?: string\n description?: string\n image?: string\n }\n apiMetaData?: string\n schemaData?: string\n hasNoAmp?: boolean\n hasNoCanonical?: boolean\n canonicalUrl?: string\n}\n\nexport type Props = {\n children: ReactNode\n SEOData: SEOData\n isAmp: boolean\n locale: string\n routerPathname: string\n routerQuery: { [key: string]: string }\n nextHead: React.FunctionComponent\n siteType: SiteType\n seoCustom?: boolean\n userId?: string | number\n forcedCanonicalUrl?: string\n usingDefaultHead: boolean\n}\n\nconst Layout = ({\n children,\n SEOData = {},\n isAmp = false,\n locale = 'vi-VN',\n routerPathname: pathname,\n routerQuery: query,\n nextHead: Head,\n siteType,\n seoCustom,\n userId,\n forcedCanonicalUrl,\n usingDefaultHead,\n}: Props) => {\n const { NEXT_PUBLIC_DEPLOY_ENV: DEPLOY_ENV } = process.env\n const isProduction = DEPLOY_ENV === 'production'\n\n const {\n totalPages,\n currentPage,\n SEOTitle = '',\n SEODescription = '',\n SEOImage,\n seoType,\n SEOImageWidth,\n SEOImageHeight,\n customMetaData = [],\n isIndexable = true,\n hasNoCanonical = false,\n } = SEOData\n const robotIndex =\n isIndexable && isProduction\n ? 'index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1'\n : 'noindex'\n\n // const { locale = 'vi-VN', pathname, query } = router\n const { NEXT_PUBLIC_BASE_API_URL } = process.env\n\n let newPath = SEOData.canonicalUrl || pathname\n Object.keys(query).forEach((key) => {\n const queryItem = query[key]\n if (queryItem && Array.isArray(queryItem)) {\n newPath = newPath.replace(`[...${key}]`, queryItem.join('/'))\n }\n })\n const sL = locale || 'en-PH' // standardized locale\n const siteUrl =\n siteType === 'helloSites' ? domainLocales[sL] : 'www.marrybaby.vn'\n\n const hasSlash = newPath.endsWith('/') ? '' : '/'\n\n let metaData: string | JSX.Element | JSX.Element[]\n if (SEOData.apiMetaData && typeof SEOData.apiMetaData === 'string') {\n const paginatedTitle = SEOData.apiMetaData?.match(/<title.*?>(.*)<\\/title>/)\n const paginatedNumber = ` - Page ${currentPage} of ${totalPages}`\n const fD =\n currentPage && currentPage !== 1 && paginatedTitle\n ? SEOData.apiMetaData\n .replace(\n paginatedTitle[0],\n paginatedTitle[0].includes('-')\n ? paginatedTitle[0].replace('-', paginatedNumber + ' - ')\n : `<title>${paginatedTitle[1].concat(paginatedNumber)}</title>`,\n )\n .replace(\n `<link rel=\"canonical\" href=\"https://${siteUrl}${newPath}${hasSlash}\" />`,\n `<link rel=\"canonical\" href=\"https://${siteUrl}${newPath}${hasSlash}?page=${currentPage}\" />`,\n )\n : SEOData.apiMetaData\n metaData = parse(fD, { trim: true })\n const metaDataImage = (metaData as JSX.Element[]).find(\n (data: JSX.Element) =>\n data.props?.property === 'og:image' ||\n data.props?.property === 'og:image:secure_url',\n )\n if (!metaDataImage) {\n const DefaultOgImage = `https://${siteUrl}/images/${locale}.png`\n metaData = [\n ...(metaData as JSX.Element[]),\n <meta\n key={'og:image'}\n property=\"og:image\"\n content={SEOData.openGraph?.image || DefaultOgImage || ''}\n />,\n <meta\n key={'og:image:secure_url'}\n property=\"og:image:secure_url\"\n content={SEOData.openGraph?.image || DefaultOgImage}\n />,\n <meta\n key={'og:image:width'}\n property=\"og:image:width\"\n content={\n (SEOData.openGraph?.imageWidth &&\n String(SEOData.openGraph?.imageWidth)) ||\n '1200'\n }\n />,\n <meta\n key={'og:image:height'}\n property=\"og:image:height\"\n content={\n (SEOData.openGraph?.imageHeight &&\n String(SEOData.openGraph?.imageHeight)) ||\n '630'\n }\n />,\n ]\n }\n }\n\n const defaultImage = `https://${siteUrl}/images/${locale}.png`\n\n return (\n <>\n {Head && usingDefaultHead && (\n <Head>\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\n {siteType === 'marryBaby' && (\n <link\n href=\"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap\"\n rel=\"stylesheet\"\n />\n )}\n {locale === 'km-KH' ? (\n <link\n href=\"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap\"\n rel=\"stylesheet\"\n ></link>\n ) : locale === 'id-ID' || locale === 'ms-MY' ? (\n <></>\n ) : (\n <link\n 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\"\n rel=\"preload\"\n as=\"style\"\n />\n )}\n <link rel=\"preconnect\" href={NEXT_PUBLIC_BASE_API_URL} />\n <meta charSet=\"UTF-8\" />\n {!isAmp && (\n <meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover\"\n />\n )}\n <meta name=\"google\" content=\"notranslate\" />\n <meta name=\"robots\" content={robotIndex} />\n\n <meta property=\"fb:app_id\" content=\"653713035016537\" />\n {customMetaData.map((customMeta, index) => {\n return <meta key={index} {...customMeta} />\n })}\n\n <meta\n name=\"theme-color\"\n content={siteType === 'helloSites' ? '#2c87f3' : '#e85388'}\n />\n <meta name=\"page_type\" content=\"Home\" />\n <meta name=\"page_platform\" content=\"WEB\" />\n <meta name=\"page_language\" content={sL} />\n <meta\n name=\"ahrefs-site-verification\"\n content=\"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d\"\n />\n {isAmp && (\n <>\n <script\n async\n custom-element=\"amp-analytics\"\n src=\"https://cdn.ampproject.org/v0/amp-analytics-0.1.js\"\n ></script>\n <script\n async\n custom-element=\"amp-fx-collection\"\n src=\"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js\"\n ></script>\n <script\n async\n custom-element=\"amp-ad\"\n src=\"https://cdn.ampproject.org/v0/amp-ad-0.1.js\"\n ></script>\n <script\n async\n custom-element=\"amp-next-page\"\n src=\"https://cdn.ampproject.org/v0/amp-next-page-1.0.js\"\n ></script>\n <script\n async\n custom-element=\"amp-sticky-ad\"\n src=\"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js\"\n ></script>\n {/* Adding support for sharing in the bottom bar */}\n <script\n async\n custom-element=\"amp-social-share\"\n src=\"https://cdn.ampproject.org/v0/amp-social-share-0.1.js\"\n ></script>\n {/* Adding the AMP state */}\n <script\n async\n custom-element=\"amp-bind\"\n src=\"https://cdn.ampproject.org/v0/amp-bind-0.1.js\"\n ></script>\n </>\n )}\n\n {!metaData && (\n <>\n {siteType === 'helloSites' ? (\n <title>\n {seoCustom\n ? SEOTitle\n : SEOTitle + ' - ' + LOCALE_SPECS[locale]?.SITE_NAME}\n </title>\n ) : (\n <title>{SEOTitle}</title>\n )}\n {!hasNoCanonical && (\n <link rel=\"canonical\" href={`https://${siteUrl}${newPath}`} />\n )}\n <meta\n name=\"description\"\n content={SEODescription || SEOData.openGraph?.description}\n />\n {SEOData.schemaData && (\n <script\n type=\"application/ld+json\"\n className=\"yoast-schema-graph\"\n dangerouslySetInnerHTML={{ __html: SEOData.schemaData }}\n ></script>\n )}\n\n <meta property=\"og:locale\" content={locale} />\n <meta property=\"og:type\" content={seoType || 'website'} />\n <meta\n property=\"og:title\"\n content={SEOData.openGraph?.title || SEOTitle}\n />\n <meta\n property=\"og:description\"\n content={SEOData.openGraph?.description || SEODescription}\n />\n <meta\n property=\"og:url\"\n content={`https://${siteUrl}${newPath}`}\n />\n <meta property=\"og:site_name\" content={`https://${siteUrl}`} />\n <meta\n property=\"og:image\"\n content={\n SEOData.openGraph?.image || SEOImage || defaultImage || ''\n }\n />\n <meta\n property=\"og:image:secure_url\"\n content={SEOData.openGraph?.image || SEOImage || defaultImage}\n />\n <meta\n property=\"og:image:width\"\n content={\n (SEOData.openGraph?.imageWidth &&\n String(SEOData.openGraph?.imageWidth)) ||\n (SEOImageWidth && String(SEOImageWidth)) ||\n '1200'\n }\n />\n <meta\n property=\"og:image:height\"\n content={\n (SEOData.openGraph?.imageHeight &&\n String(SEOData.openGraph?.imageHeight)) ||\n (SEOImageHeight && String(SEOImageHeight)) ||\n '630'\n }\n />\n\n <meta name=\"twitter:card\" content=\"summary_large_image\" />\n <meta\n name=\"twitter:title\"\n content={SEOData.twitter?.title || SEOTitle}\n />\n <meta name=\"twitter:description\" content={SEODescription} />\n <meta\n name=\"twitter:image\"\n content={SEOData.twitter?.image || SEOImage}\n />\n </>\n )}\n\n {(siteType === 'helloSites'\n ? FAVICONS[sL] || []\n : FAVICONS.marryBaby\n ).map((item, index) => {\n if (item.type === 'link') {\n return (\n <link\n key={`favicon-${index}`}\n rel={item.rel}\n href={item.href}\n sizes={item.sizes}\n />\n )\n }\n if (item.type === 'meta') {\n return (\n <meta key={index} name={item.name} content={item.content} />\n )\n }\n return null\n })}\n\n {Array.isArray(metaData) && !!forcedCanonicalUrl\n ? metaData.filter(\n (d) =>\n d.props.name !== 'canonical' && d.props.rel !== 'canonical',\n )\n : metaData}\n {forcedCanonicalUrl && (\n <link rel=\"canonical\" href={forcedCanonicalUrl} />\n )}\n {!SEOData.hasNoAmp && locale !== 'vi-VN' && (\n <link\n rel=\"amphtml\"\n href={`https://${siteUrl}${newPath}${hasSlash}?amp=1`}\n />\n )}\n {userId && typeof window !== 'undefined' ? (\n <script\n dangerouslySetInnerHTML={{\n __html: `window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${userId}'});`,\n }}\n ></script>\n ) : null}\n </Head>\n )}\n {Head && !usingDefaultHead && (\n <Head>{/* To inject NextHead from outside */}</Head>\n )}\n {children}\n </>\n )\n}\n\nexport { Layout }\n"],"names":["Layout","_a","children","_w","SEOData","_x","isAmp","_y","locale","pathname","routerPathname","query","routerQuery","Head","nextHead","siteType","seoCustom","userId","forcedCanonicalUrl","usingDefaultHead","isProduction","process","env","totalPages","currentPage","_z","SEOTitle","_0","SEODescription","SEOImage","seoType","SEOImageWidth","SEOImageHeight","_1","customMetaData","_2","isIndexable","_3","hasNoCanonical","robotIndex","NEXT_PUBLIC_BASE_API_URL","newPath","canonicalUrl","Object","keys","forEach","key","queryItem","Array","isArray","replace","join","metaData","sL","siteUrl","domainLocales","hasSlash","endsWith","apiMetaData","paginatedTitle","_b","match","paginatedNumber","concat","fD","includes","metaDataImage","parse","trim","find","data","props","property","DefaultOgImage","React","createElement","content","_c","openGraph","image","_d","_e","imageWidth","String","_f","_g","imageHeight","_h","defaultImage","Fragment","rel","href","as","charSet","name","map","customMeta","index","async","src","_j","LOCALE_SPECS","SITE_NAME","_k","description","schemaData","type","className","dangerouslySetInnerHTML","__html","_l","title","_m","_o","_p","_q","_r","_s","_t","_u","twitter","_v","FAVICONS","marryBaby","item","sizes","filter","d","hasNoAmp","window"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/marryBabyText/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport { StyledHeading, StyledText } from './index.styled'\n\ntype HeadingProps = {\n type: 'h1' | 'h2' | 'h3' | 'h4'\n color?: string\n style?: CSSProperties\n [x: string]: string | JSX.Element | JSX.Element[] | React.ReactNode\n}\n\nconst MarryBabyHeading = ({ type, color, style, ...props }: HeadingProps) => {\n const DATATYPE = {\n h1: 'headline-1',\n h2: 'headline-2',\n h3: 'headline-3',\n h4: 'headline-4',\n }\n\n return (\n <StyledHeading\n type={type}\n data-type={DATATYPE[type]}\n style={{ ...(color && { '--text-color': color }), ...style }}\n {...props}\n />\n )\n}\n\ntype TextProps = {\n type:\n | 'subtitle-1'\n | 'subtitle-2'\n | 'subtitle-3'\n | 'bodytext-1'\n | 'bodytext-2'\n | 'bodytext-3'\n | 'caption-1'\n | 'caption-2'\n color?: string\n style?: CSSProperties\n [x: string]: string | JSX.Element | JSX.Element[] | React.ReactNode\n}\n\nconst MarryBabyText = ({ type, color, style, ...props }: TextProps) => {\n return (\n <StyledText\n data-type={type}\n style={{ ...style, ...(color && { '--text-color': color }) }}\n {...props}\n />\n )\n}\n\nexport { MarryBabyHeading, MarryBabyText }\n"],"names":["MarryBabyText","_a","type","color","style","props","__rest","React","StyledText","__assign"],"mappings":"uJA8CM,IAAAA,EAAgB,SAACC,GAAE,IAAAC,EAAID,EAAAC,KAAEC,EAAKF,EAAAE,MAAEC,EAAKH,EAAAG,MAAKC,EAAzBC,EAAAL,EAAA,CAAA,OAAA,QAAA,UACrB,OACEM,gBAACC,EAAUC,EAAA,CAAA,YACEP,EACXE,MAAYK,EAAAA,EAAA,GAAAL,GAAWD,GAAS,CAAE,eAAgBA,KAC9CE"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/marryBabyText/index.styled.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nconst Heading = ({\n type,\n ...elementProps\n}: {\n type: string\n [elementProps: string]: string | JSX.Element | JSX.Element[] | React.ReactNode\n}) => {\n return React.createElement(type, elementProps)\n}\n\nexport const StyledHeading = styled(Heading)`\n color: var(--text-color, ${(props: ThemeProps) => props.theme.mbColors.dark});\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\nexport const StyledText = styled.p`\n color: var(--text-color, ${(props: ThemeProps) => props.theme.mbColors.dark});\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"],"names":["styled","_a","type","elementProps","__rest","React","createElement","templateObject_1","__makeTemplateObject","props","theme","mbColors","dark","StyledText","p","templateObject_2"],"mappings":"qJAe6BA,GAVb,SAACC,GACf,IAAAC,EAAID,EAAAC,KACDC,EAAYC,EAAAH,EAFA,UAOf,OAAOI,EAAMC,cAAcJ,EAAMC,KAGNH,CAAeO,IAAAA,EAAAC,EAAA,CAAA,gCAAA,wZAAA,CAAA,gCACiC,2ZAAhD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,SAASC,QAuB5D,QAAAC,EAAab,EAAOc,EAACC,IAAAA,EAAAP,EAAA,CAAA,gCAAA,q6BAAA,CAAA,gCAC2C,w6BAAhD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,SAASC"}

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

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{Container as t}from"../../../atoms/container/index.js";import{Divider as a}from"../../../atoms/divider/index.js";import{Logo as r}from"../../../atoms/logo/index.js";import{theme as o}from"../../../../misc/theme.js";import l from"../assets/facebook.svg.js";import n from"../assets/instagram.svg.js";import s from"../assets/youtube.svg.js";import m from"../assets/zalo.png.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(t,{type:"marryBaby"},e.createElement(a,{style:{padding:"0 16px"},type:"solid"}))),e.createElement(f,null,e.createElement(t,{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,l=t.link;return e.createElement("a",{"data-event-category":"Footer","data-event-action":r,"data-event-label":"".concat(l),className:"link",href:l,key:"footer-links-".concat(a)},e.createElement(i,{color:o.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:l,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:s,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:n,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:m,alt:"Zalo"}))))))))),e.createElement(E,null,e.createElement(t,{type:"marryBaby"},e.createElement(g,null,e.createElement(r,{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(a,{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:o.sizes.fwSemiBold},color:o.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};
2	+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/maryBabyFooter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Container } from 'components/atoms/container'\nimport { Divider } from 'components/atoms/divider'\nimport { Flag } from 'components/atoms/flag'\nimport { Logo } from 'components/atoms/logo'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\nimport { CSSProperties } from 'styled-components'\n\nimport { FacebookIcon, YoutubeIcon, InstagramIcon, ZaloIcon } from '../assets'\nimport { MARRY_BABY_DEFAULT_FOOTER } from '../constants'\nimport { MarryBabyText } from '../marryBabyText'\nimport { LogoType, MarryBabyFooterInfo } from '../types'\nimport { useTranslation } from '../utils'\nimport {\n StyledFooterContainer,\n StyledFooterMenu,\n StyledCompanyInfo,\n StyledMenuContainer,\n StyledInfoContainer,\n StyledMiniFooterContainer,\n StyledRoundDecorator,\n} from './index.styled'\n\n// type link = {\n// title: string\n// link: string\n// }\n\nexport type Country =\n | 'VN'\n | 'ID'\n | 'TH'\n | 'KH'\n | 'MY'\n | 'MM'\n | 'PH'\n | 'IN'\n | 'TW'\n\nexport type Flag = {\n country: Country\n link: string\n}\n\nexport type Props = {\n // bigLinks: Array<link>\n // informationLinks: Array<link>\n buttonText?: string\n className?: string\n socialLinks?: {\n facebookLink?: string\n twitterLink?: string\n instagramLink?: string\n zaloLink?: string\n linkedinLink?: string\n youtubeLink?: string\n }\n followusText?: string\n copyrightText?: string\n type: 'main' | 'mini'\n logoType?: LogoType\n isMobile: boolean\n flagLinks?: Array<Flag>\n footerMenu?: MarryBabyFooterInfo\n locale: LocaleType\n}\n\nconst MarryBabyFooter = ({\n socialLinks: {\n facebookLink,\n instagramLink,\n zaloLink,\n youtubeLink,\n } = MARRY_BABY_DEFAULT_FOOTER.SOCIAL_LINKS,\n copyrightText,\n logoType = 'marryBaby',\n isMobile,\n footerMenu = [],\n type = 'main',\n}: Props) => {\n const f = useTranslation()\n\n return type === 'main' ? (\n <StyledFooterContainer className=\"footer-container\">\n {!isMobile && (\n <div className=\"footer-divider\">\n <Container type=\"marryBaby\">\n <Divider style={{ padding: '0 16px' }} type=\"solid\" />\n </Container>\n </div>\n )}\n\n <StyledFooterMenu>\n <Container type=\"marryBaby\">\n <StyledMenuContainer>\n <div className=\"grid\">\n {(isMobile ? footerMenu?.slice(0, 6) : footerMenu)?.map(\n ({ title, link }, i) => (\n <a\n data-event-category=\"Footer\"\n data-event-action={title}\n data-event-label={`${link}`}\n className=\"link\"\n href={link}\n key={`footer-links-${i}`}\n >\n <MarryBabyText\n color={theme.colors.gray800}\n type=\"subtitle-2\"\n >\n {title}\n </MarryBabyText>\n </a>\n ),\n )}\n\n <div className=\"social-wrapper\">\n <div className=\"social\">\n <MarryBabyText type=\"subtitle-2\">\n {f('footer.followUsText')}\n </MarryBabyText>\n <div className=\"icons-links\">\n {facebookLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Facebook\"\n data-content-label={facebookLink}\n href={facebookLink}\n >\n <img src={FacebookIcon} alt=\"Facebook\" />\n </a>\n )}\n {youtubeLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Youtube\"\n data-event-label={youtubeLink}\n href={youtubeLink}\n >\n <img src={YoutubeIcon} alt=\"Youtube\" />\n </a>\n )}\n {instagramLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Instagram\"\n data-content-label={instagramLink}\n href={instagramLink}\n >\n <img src={InstagramIcon} alt=\"Instagram\" />\n </a>\n )}\n {zaloLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n href={zaloLink}\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Zalo\"\n data-event-label={zaloLink}\n >\n <img src={ZaloIcon} alt=\"Zalo\" />\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n </StyledMenuContainer>\n </Container>\n </StyledFooterMenu>\n\n <StyledCompanyInfo>\n <Container type=\"marryBaby\">\n <StyledInfoContainer>\n <Logo className=\"logo\" type={logoType as LogoType} width=\"121px\" />\n <MarryBabyText className=\"company-name\" type=\"subtitle-2\">\n {f('footer.info.companyName')}\n </MarryBabyText>\n\n <div className=\"text-info\">\n <MarryBabyText type=\"bodytext-3\">\n {f('footer.info.address')}\n </MarryBabyText>\n <MarryBabyText type=\"bodytext-3\">\n {f('footer.info.license')}\n </MarryBabyText>\n <MarryBabyText type=\"bodytext-3\">\n {f('footer.info.email')}\n </MarryBabyText>\n {/* <MarryBabyText type=\"bodytext-3\">\n {f('footer.info.contentResponsibility')}\n </MarryBabyText> */}\n {/* <MarryBabyText type=\"bodytext-3\">\n {f('footer.info.certificate')}\n </MarryBabyText> */}\n </div>\n\n <div className=\"img-container\">\n <img src=\"/images/dmca_protected.png\" alt=\"DMCA protected\" />\n <a\n href=\"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <img src=\"/images/mit_registered.png\" alt=\"MIT registered\" />\n </a>\n </div>\n\n {!isMobile && <Divider type=\"solid\" />}\n\n <div className=\"language-and-copyright\">\n {/* <Dropdown\n placeholder=\"Choose language\"\n id=\"footer-language-select\"\n options={languageDropdownOptions}\n value={activeLanguage}\n onChange={onSelectLanguage}\n placeholderIcon={activeLanguage?.icon}\n /> */}\n <MarryBabyText type=\"bodytext-3\">{copyrightText}</MarryBabyText>\n </div>\n </StyledInfoContainer>\n </Container>\n </StyledCompanyInfo>\n </StyledFooterContainer>\n ) : (\n <StyledMiniFooterContainer>\n <StyledRoundDecorator />\n <MarryBabyText\n type=\"subtitle-3\"\n style={\n {\n marginBottom: 24,\n textTransform: 'uppercase',\n fontWeight: theme.sizes.fwSemiBold,\n } as CSSProperties\n }\n color={theme.mbColors.midGray}\n >\n {f('footer.followUsText')}\n </MarryBabyText>\n <div className=\"icons-links\">\n {facebookLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Facebook\"\n data-content-label={facebookLink}\n href={facebookLink}\n >\n {/* <img src=\"/svg/facebook.svg\" alt=\"Facebook\" /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"url(#paint0_linear)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear\"\n x1=\"12\"\n y1=\"3\"\n x2=\"12\"\n y2=\"21\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#4DABF7\" />\n <stop offset=\"1\" stopColor=\"#2668DA\" />\n </linearGradient>\n </defs>\n </svg>\n </a>\n )}\n {youtubeLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Youtube\"\n data-event-label={youtubeLink}\n href={youtubeLink}\n >\n {/* <img src=\"/svg/youtube.svg\" alt=\"Youtube\" /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"#EB3223\"\n />\n </svg>\n </a>\n )}\n {instagramLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Instagram\"\n data-content-label={instagramLink}\n href={instagramLink}\n >\n {/* <img src=\"/svg/instagram.svg\" alt=\"Instagram\" /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"url(#paint0_radial)\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)\"\n >\n <stop offset=\"0.073\" stopColor=\"#EACC7B\" />\n <stop offset=\"0.184\" stopColor=\"#ECAA59\" />\n <stop offset=\"0.307\" stopColor=\"#EF802E\" />\n <stop offset=\"0.358\" stopColor=\"#EF6D3A\" />\n <stop offset=\"0.46\" stopColor=\"#F04B50\" />\n <stop offset=\"0.516\" stopColor=\"#F03E58\" />\n <stop offset=\"0.689\" stopColor=\"#DB359E\" />\n <stop offset=\"0.724\" stopColor=\"#CE37A4\" />\n <stop offset=\"0.789\" stopColor=\"#AC3CB4\" />\n <stop offset=\"0.877\" stopColor=\"#7544CF\" />\n <stop offset=\"0.98\" stopColor=\"#2B4FF2\" />\n </radialGradient>\n </defs>\n </svg>\n </a>\n )}\n {zaloLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n href={zaloLink}\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Zalo\"\n data-event-label={zaloLink}\n >\n <div\n style={{\n height: 24,\n width: 24,\n }}\n >\n <img src=\"/icons/zalo.png\" alt=\"Zalo\" />\n </div>\n </a>\n )}\n </div>\n </StyledMiniFooterContainer>\n )\n}\n\nexport { MarryBabyFooter }\n"],"names":["MarryBabyFooter","_a","_c","socialLinks","_d","MARRY_BABY_DEFAULT_FOOTER","SOCIAL_LINKS","facebookLink","instagramLink","zaloLink","youtubeLink","copyrightText","_e","logoType","isMobile","_f","footerMenu","_g","type","f","useTranslation","React","createElement","StyledFooterContainer","className","Container","Divider","style","padding","StyledFooterMenu","StyledMenuContainer","_b","slice","map","i","title","link","concat","href","key","MarryBabyText","color","theme","colors","gray800","target","rel","src","FacebookIcon","alt","YoutubeIcon","InstagramIcon","ZaloIcon","StyledCompanyInfo","StyledInfoContainer","Logo","width","StyledMiniFooterContainer","StyledRoundDecorator","marginBottom","textTransform","fontWeight","sizes","fwSemiBold","mbColors","midGray","height","viewBox","fill","xmlns","d","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","cx","cy","r","gradientTransform"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/maryBabyFooter/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledFooter = styled.footer`\n position: relative;\n background: ${(props: ThemeProps) => props.theme.mbColors.lightGray};\n\n .inner {\n padding: 64px 24px 98px 24px;\n ${MediaQueries.mbDown} {\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 ${MediaQueries.mbDown} {\n margin-top: 32px;\n }\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.white};\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: ${(props: ThemeProps) => props.theme.colors.neutral500};\n\n font-size: 14px;\n line-height: 22px;\n\n ${MediaQueries.mbUp} {\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 ${MediaQueries.mbDown} {\n margin-top: 0px;\n }\n background: ${(props: ThemeProps) => props.theme.colors.neutral500};\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n ${MediaQueries.mbUp} {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n ${MediaQueries.mbUp} {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.white};\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n ${MediaQueries.mbUp} {\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: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: 19px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n ${MediaQueries.mbDown} {\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: ${(props: ThemeProps) => props.theme.colors.neutral500};\n }\n\n ${MediaQueries.mbDown} {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\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: ${(props: ThemeProps) => props.theme.colors.white};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n ${MediaQueries.mbUp} {\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\nexport const StyledFooterContainer = styled.div``\n\nexport const StyledMiniFooterContainer = styled.div`\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\nexport const StyledFooterMenu = styled.div`\n position: relative;\n margin: 80px 0 0;\n\n ${MediaQueries.mbDown} {\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\nexport const StyledMenuContainer = styled.div`\n position: relative;\n padding: 0 16px;\n\n ${MediaQueries.mbDown} {\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: ${(props: ThemeProps) => props.theme.colors.gray800};\n text-decoration: none;\n }\n\n ${MediaQueries.mbDown} {\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 ${MediaQueries.mbUp} {\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 ${MediaQueries.mbDown} {\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\nexport const StyledCompanyInfo = styled.div`\n position: relative;\n\n ${MediaQueries.mbUp} {\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 ${MediaQueries.mbDown} {\n background-color: #f3f3f3;\n }\n`\n\nexport const StyledInfoContainer = styled.div`\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n ${MediaQueries.mbDown} {\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 ${MediaQueries.mbDown} {\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 ${MediaQueries.mbDown} {\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: ${(props: ThemeProps) => props.theme.mbColors.midGray};\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n ${MediaQueries.mbDown} {\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 ${MediaQueries.mbDown} {\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 ${MediaQueries.mbDown} {\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: ${(props: ThemeProps) => props.theme.mbColors.midGray};\n }\n }\n`\n\nexport const StyledRoundDecorator = styled.div`\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"],"names":["styled","footer","templateObject_1","__makeTemplateObject","props","theme","mbColors","lightGray","MediaQueries","mbDown","colors","white","neutral500","mbUp","sizes","fwBold","StyledFooterContainer","div","templateObject_2","StyledMiniFooterContainer","templateObject_3","StyledFooterMenu","templateObject_4","StyledMenuContainer","templateObject_5","gray800","StyledCompanyInfo","templateObject_6","StyledInfoContainer","templateObject_7","midGray","StyledRoundDecorator","templateObject_8"],"mappings":"6KAI4BA,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,0CAAA,2DAAA,uQAAA,+DAAA,+LAAA,kEAAA,8LAAA,sDAAA,uEAAA,wFAAA,mKAAA,uFAAA,gPAAA,6CAAA,uGAAA,yRAAA,mBAAA,mHAAA,qOAAA,yBAAA,qGAAA,kuBAAA,CAAA,0CAE4B,2DAI5C,uQAmBA,+DAKqC,+LAcK,kEAK1C,8LAYA,sDAG6C,uEAM/C,wFAQA,mKAQuC,uFAOrC,gPAkBmC,6CAEM,uGAOzC,yRAgB0C,mBAG1C,mHAQ0C,qOAkBL,yBACM,qGAS7C,quBA7KP,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,SAASC,YAItDC,EAAaC,OAmBbD,EAAaC,QAKJ,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SAc1C,SAACP,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,aAKjDJ,EAAaK,KAYfL,EAAaC,QAGD,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,aAMtDJ,EAAaK,KAQbL,EAAaK,MAQJ,SAACT,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,QAOjDH,EAAaK,MAkBR,SAACT,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SAEpC,SAACP,GAAsB,OAAAA,EAAMC,MAAMS,MAAMC,SAOtDP,EAAaC,QAgBJ,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,aAGnDJ,EAAaC,QAQJ,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,cAkB1C,SAACR,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SACpC,SAACP,GAAsB,OAAAA,EAAMC,MAAMS,MAAMC,SASxDP,EAAaK,MA0CN,oBAAAG,EAAwBhB,EAAOiB,IAAGC,IAAAA,EAAAf,EAAA,CAAA,IAAA,CAAA,OAElCgB,EAA4BnB,EAAOiB,IAAGG,IAAAA,EAAAjB,EAAA,CAAA,+LAAA,CAAA,kMAYtCkB,EAAmBrB,EAAOiB,IAAGK,IAAAA,EAAAnB,EAAA,CAAA,qDAAA,sVAAA,CAAA,qDAInB,wVAAnBK,EAAaC,QAkBJc,EAAsBvB,EAAOiB,IAAGO,IAAAA,EAAArB,EAAA,CAAA,oDAAA,uNAAA,iDAAA,4KAAA,6NAAA,yoBAAA,CAAA,oDAItB,uNAayC,iDAIvC,4KAaF,6NAcE,2oBA5CrBK,EAAaC,QAaF,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOe,UAInDjB,EAAaC,OAabD,EAAaK,KAcbL,EAAaC,QAmCNiB,EAAoB1B,EAAOiB,IAAGU,IAAAA,EAAAxB,EAAA,CAAA,gCAAA,sWAAA,6CAAA,CAAA,gCAGtB,sWAiBE,+CAjBnBK,EAAaK,KAiBbL,EAAaC,QAKJmB,EAAsB5B,EAAOiB,IAAGY,IAAAA,EAAA1B,EAAA,CAAA,oFAAA,uOAAA,gOAAA,iOAAA,iJAAA,mPAAA,wiBAAA,4fAAA,mBAAA,CAAA,oFAKtB,uOAiBE,gOAaA,iOAc8C,iJAS9C,mPAYE,wiBA2BE,4fA0BqC,qBAtH9DK,EAAaC,OAiBXD,EAAaC,OAabD,EAAaC,QAcC,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,SAASwB,UAS1DtB,EAAaC,OAYXD,EAAaC,OA2BXD,EAAaC,QA0BR,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,SAASwB,WAK9CC,EAAuB/B,EAAOiB,IAAGe,IAAAA,EAAA7B,EAAA,CAAA,gJAAA,CAAA"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=categorySkeleton.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"categorySkeleton.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCareList/categorySkeleton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Skeleton from 'react-loading-skeleton'\n\nimport { StyledCardSkeleton } from './index.styled'\n\nconst CategorySkeleton = () => (\n <StyledCardSkeleton\n style={{\n marginTop: '16px',\n }}\n >\n <div>\n <Skeleton height={46} />\n </div>\n <div>\n <Skeleton height={46} />\n </div>\n <div>\n <Skeleton height={46} />\n </div>\n </StyledCardSkeleton>\n)\n\nexport default CategorySkeleton\n"],"names":["CategorySkeleton","React","createElement","StyledCardSkeleton","style","marginTop","Skeleton","height"],"mappings":"kHAMM,IAAAA,EAAmB,WAAM,OAC7BC,EAACC,cAAAC,EACC,CAAAC,MAAO,CACLC,UAAW,SAGbJ,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACI,EAAS,CAAAC,OAAQ,MAEpBN,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACI,EAAS,CAAAC,OAAQ,MAEpBN,EAAAC,cAAA,MAAA,KACED,EAACC,cAAAI,EAAS,CAAAC,OAAQ"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCareList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { LOCALIZED_SLUGS } from 'care/interfaces/constants'\nimport { Container } from 'components/atoms/container'\nimport { Heading } from 'components/atoms/heading'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { DesktopMenuPopup, SiteType, Specialty } from '../types'\nimport { getCareSearchUrl, useTranslation } from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n StyledCategory,\n StyledCategoryContainer,\n StyledCategoryIcon,\n StyledCategoryItemAll,\n StyledCloseWrapper,\n StyledContainer,\n StyledHealthToolItem,\n StyledImageWrapper,\n StyledInnerMenuPopupContainer,\n StyledMenuPopupContainer,\n StyledMenuPopupWrapper,\n} from './index.styled'\n\nexport type Props = {\n careSpecialties: Specialty[]\n onSelectCareSpecialty: (c: Specialty) => void\n onClosePopup: () => void\n isLoading: boolean\n isMobile: boolean\n basePath: string\n locale: LocaleType\n desktopPopupType: DesktopMenuPopup\n siteType: SiteType\n CARE_URL_FE: string\n}\n\nconst MenuCareList = ({\n careSpecialties,\n onSelectCareSpecialty,\n isLoading,\n desktopPopupType,\n onClosePopup,\n basePath,\n locale,\n isMobile,\n siteType,\n CARE_URL_FE,\n}: Props) => {\n const f = useTranslation()\n\n return isMobile ? (\n <>\n {isLoading ? (\n <StyledContainer>\n <CategorySkeleton />\n </StyledContainer>\n ) : (\n <StyledContainer data-category-list-type={'main'}>\n <Heading\n style={{\n marginTop: 16,\n }}\n tag=\"h5\"\n >\n {f('menu.care.searchBySpecialties')}\n </Heading>\n {careSpecialties.map((careSpecialty, index) => (\n <a key={'tool-' + index}>\n <StyledCategoryContainer\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${CARE_URL_FE}${getCareSearchUrl({\n type: 'DOCTOR',\n specialtySlug: careSpecialty.slug,\n locale,\n })}`}\n onClick={() => {\n onSelectCareSpecialty(careSpecialty)\n }}\n >\n <StyledCategoryIcon>\n <img\n alt=\"health-tool-icon\"\n src={\n careSpecialty.thumbnail || `${basePath}/images/avatar.jpg`\n }\n style={{ width: '32px', height: '32px' }}\n />\n </StyledCategoryIcon>\n <StyledCategory>{careSpecialty.name}</StyledCategory>\n </StyledCategoryContainer>\n </a>\n ))}\n <a\n style={{ textDecoration: 'none' }}\n href={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n >\n <StyledCategoryItemAll\n // onClick={closePopup}\n key={'all-categories'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n >\n {f('home.navigator.menuItem.allSpecialties')}\n <StyledImageWrapper>\n {siteType === 'helloSites' ? (\n <img\n src={`${basePath}/svg/chevronRightActive.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={f('home.navigator.menuItem.allSpecialties')}\n />\n ) : (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </StyledImageWrapper>\n </StyledCategoryItemAll>\n </a>\n </StyledContainer>\n )}\n </>\n ) : (\n <StyledMenuPopupWrapper\n className=\"top-menu-care-specialties\"\n onClick={onClosePopup}\n data-is-display={desktopPopupType === 'care'}\n >\n <StyledMenuPopupContainer>\n <Container style={{ padding: '0 16px' }} type={siteType}>\n <StyledInnerMenuPopupContainer\n data-popup-type={desktopPopupType}\n onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n e.stopPropagation()\n }}\n >\n <>\n {careSpecialties.map((careSpecialty: Specialty) => (\n <StyledHealthToolItem\n key={`care-specialty-${careSpecialty.id}`}\n onClick={onClosePopup}\n >\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${CARE_URL_FE}${getCareSearchUrl({\n type: 'DOCTOR',\n specialtySlug: careSpecialty.slug,\n locale,\n })}`}\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n className=\"iconMenu no-replace-click\"\n href={`${CARE_URL_FE}${getCareSearchUrl({\n type: 'DOCTOR',\n specialtySlug: careSpecialty.slug,\n locale,\n })}`}\n >\n <div\n style={{\n display: 'flex',\n }}\n >\n <img\n alt=\"care-specialty-icon\"\n src={\n careSpecialty.thumbnail ||\n `${basePath}/images/avatar.jpg`\n }\n style={{ width: '32px', height: '32px' }}\n />\n </div>\n <p>{careSpecialty.name}</p>\n </a>\n </StyledHealthToolItem>\n ))}\n <a\n style={{ textDecoration: 'none' }}\n href={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n >\n <StyledCategoryItemAll\n onClick={onClosePopup}\n key={'all-care-specialties'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n >\n {f('home.navigator.menuItem.allSpecialties')}\n <StyledImageWrapper>\n {siteType === 'helloSites' ? (\n <img\n src={`${basePath}/svg/chevronRightActive.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={f('home.navigator.menuItem.allSpecialties')}\n />\n ) : (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </StyledImageWrapper>\n </StyledCategoryItemAll>\n </a>\n </>\n {/* )} */}\n <StyledCloseWrapper onClick={onClosePopup}>\n {/* <img\n src={`${basePath}/svg/close.svg`}\n style={{ width: '24px', height: '24px' }}\n alt={'close'}\n /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18 6L6 18M18 18L6 6\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n />\n </svg>\n </StyledCloseWrapper>\n </StyledInnerMenuPopupContainer>\n </Container>\n </StyledMenuPopupContainer>\n </StyledMenuPopupWrapper>\n )\n}\n\nexport { MenuCareList }\n"],"names":["MenuCareList","_a","careSpecialties","onSelectCareSpecialty","isLoading","desktopPopupType","onClosePopup","basePath","locale","isMobile","siteType","CARE_URL_FE","f","useTranslation","React","createElement","Fragment","StyledContainer","CategorySkeleton","Heading","style","marginTop","tag","map","careSpecialty","index","key","StyledCategoryContainer","concat","getCareSearchUrl","type","specialtySlug","slug","onClick","StyledCategoryIcon","alt","src","thumbnail","width","height","StyledCategory","name","textDecoration","href","LOCALIZED_SLUGS","_b","SPECIALTIES","StyledCategoryItemAll","_c","StyledImageWrapper","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","StyledMenuPopupWrapper","className","StyledMenuPopupContainer","Container","padding","StyledInnerMenuPopupContainer","e","stopPropagation","StyledHealthToolItem","id","color","theme","colors","gray800","display","_d","_e","StyledCloseWrapper"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCareList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledCardSkeleton = styled.div`\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n`\nexport const StyledContainer = styled.div`\n & > a:not(:last-child) > div {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n`\nexport const StyledCategoryContainer = styled.div`\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 ${(props: ThemeProps) =>\n props.theme.colors.neutral100};\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n\n &[data-is-heading-category='true'] {\n border-bottom: none;\n background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n > * {\n pointer-events: none;\n }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div`\n padding-right: 16px;\n`\n\nexport const StyledMenuPopupWrapper = styled.div`\n position: fixed;\n z-index: ${Z_INDEX.menuCategoryPopupWrapper};\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\nexport const StyledMenuPopupContainer = styled.div`\n z-index: ${Z_INDEX.menuCategoryPopupContainer};\n align-items: center;\n\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral50};\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\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\nexport const StyledInnerMenuPopupContainer = styled.div`\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\nexport const StyledHealthToolItem = styled.div`\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: ${(props: ThemeProps) => props.theme.colors.gray800};\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n\n [data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledCategoryItemAll = styled.div`\n display: flex;\n align-items: center;\n\n ${MediaQueries.mbDown} {\n padding: 8px;\n }\n\n padding-right: 16px;\n margin-bottom: 12px;\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n line-height: 24px;\n\n &[data-theme='marryBaby'] {\n color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n }\n &[data-event-category] * {\n pointer-events: none;\n }\n`\n\nexport const StyledImageWrapper = styled.div`\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n`\n\nexport const StyledCloseWrapper = styled.div`\n position: absolute;\n top: 16px;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n`\n"],"names":["StyledCardSkeleton","styled","div","templateObject_1","__makeTemplateObject","StyledContainer","templateObject_2","props","theme","colors","neutral100","StyledCategoryContainer","templateObject_3","white","sizes","fsParagraph4","blue50","gray800","fwBold","StyledCategory","templateObject_4","StyledCategoryIcon","templateObject_5","StyledMenuPopupWrapper","templateObject_6","Z_INDEX","menuCategoryPopupWrapper","StyledMenuPopupContainer","templateObject_7","menuCategoryPopupContainer","neutral50","StyledInnerMenuPopupContainer","templateObject_8","StyledHealthToolItem","templateObject_9","fwRegular","primaryBase","StyledCategoryItemAll","templateObject_10","MediaQueries","mbDown","mbColors","pink","StyledImageWrapper","templateObject_11","StyledCloseWrapper","templateObject_12"],"mappings":"uNAMa,4BAAAA,EAAqBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,mEAAA,CAAA,sEAM/BC,EAAkBJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,2EAAA,iJAAA,CAAA,2EAGmB,oJAApD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAWrCC,EAA0BV,EAAOC,IAAGU,IAAAA,EAAAR,EAAA,CAAA,gKAAA,0BAAA,mBAAA,gGAAA,iBAAA,uBAAA,qDAAA,CAAA,gKAShB,0BACoC,mBACD,gGAII,iBACV,uBACI,wDATnC,SAACG,GAC5B,OAAAA,EAAMC,MAAMC,OAAOC,cACD,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,SACjD,SAACN,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBAIhC,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,UACrD,SAACT,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WACpC,SAACV,GAAsB,OAAAA,EAAMC,MAAMM,MAAMI,UAO/CC,EAAiBlB,EAAOC,IAAGkB,IAAAA,EAAAhB,EAAA,CAAA,IAAA,CAAA,OAE3BiB,EAAqBpB,EAAOC,IAAGoB,IAAAA,EAAAlB,EAAA,CAAA,8BAAA,CAAA,iCAI/BmB,EAAyBtB,EAAOC,IAAGsB,IAAAA,EAAApB,EAAA,CAAA,oCAAA,qLAAA,CAAA,oCAEH,uLAAhCqB,EAAQC,0BAYRC,EAA2B1B,EAAOC,IAAG0B,IAAAA,EAAAxB,EAAA,CAAA,gBAAA,oDAAA,0BAAA,wKAAA,CAAA,gBACH,oDAG0B,0BACJ,0KAJxDqB,EAAQI,4BAGC,SAACtB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOqB,aAC1C,SAACvB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,SAMnDkB,EAAgC9B,EAAOC,IAAG8B,IAAAA,EAAA5B,EAAA,CAAA,mJAAA,CAAA,sJAS1C6B,EAAuBhC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,2JAAA,qBAAA,uBAAA,iIAAA,6EAAA,CAAA,2JASgB,qBACQ,uBACD,iIASH,gFAXrD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WACtC,SAACV,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBACvC,SAACR,GAAsB,OAAAA,EAAMC,MAAMM,MAAMqB,aAS/C,SAAC5B,GAAsB,OAAAA,EAAMC,MAAMC,OAAO2B,eAQ1CC,EAAwBpC,EAAOC,IAAGoC,IAAAA,EAAAlC,EAAA,CAAA,mDAAA,0FAAA,mBAAA,qBAAA,wEAAA,0EAAA,CAAA,mDAIxB,0FAMyC,mBACI,qBACJ,wEAIH,4EAZzDmC,EAAaC,QAMN,SAACjC,GAAsB,OAAAA,EAAMC,MAAMC,OAAO2B,eACtC,SAAC7B,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBACvC,SAACR,GAAsB,OAAAA,EAAMC,MAAMM,MAAMI,UAI7C,SAACX,GAAsB,OAAAA,EAAMC,MAAMiC,SAASC,QAO5CC,EAAqB1C,EAAOC,IAAG0C,IAAAA,EAAAxC,EAAA,CAAA,wEAAA,CAAA,2EAO/ByC,EAAqB5C,EAAOC,IAAG4C,IAAAA,EAAA1C,EAAA,CAAA,sHAAA,CAAA"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=categorySkeleton.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"categorySkeleton.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/categorySkeleton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Skeleton from 'react-loading-skeleton'\n\nimport { StyledCardSkeleton } from './index.styled'\n\nconst CategorySkeleton = () => (\n <StyledCardSkeleton\n style={{\n marginTop: '16px',\n }}\n >\n <div>\n <Skeleton height={46} />\n </div>\n <div>\n <Skeleton height={46} />\n </div>\n <div>\n <Skeleton height={46} />\n </div>\n </StyledCardSkeleton>\n)\n\nexport default CategorySkeleton\n"],"names":["CategorySkeleton","React","createElement","StyledCardSkeleton","style","marginTop","Skeleton","height"],"mappings":"kHAMM,IAAAA,EAAmB,WAAM,OAC7BC,EAACC,cAAAC,EACC,CAAAC,MAAO,CACLC,UAAW,SAGbJ,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACI,EAAS,CAAAC,OAAQ,MAEpBN,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACI,EAAS,CAAAC,OAAQ,MAEpBN,EAAAC,cAAA,MAAA,KACED,EAACC,cAAAI,EAAS,CAAAC,OAAQ"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=helloSites.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"helloSites.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/helloSites.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Heading, Text, theme } from '@hhgtech/hhg-components'\n// import { formatSpotlightsList } from 'api/dataTransform'\n// import { PATHS } from 'api/paths'\n// import { callApi, checkAvailableSpotlight, getDiscoverApiPath } from 'api/utils'\nimport { Container } from 'components/atoms/container'\n// import { domainLocales } from 'domainLocales'\n// import { basePath, DISCOVER_URL_FE } from 'interfaces/constants'\n// import {\n// Category,\n// DesktopMenuPopup,\n// LocaleType,\n// SpotlightSummary,\n// } from 'interfaces/types'\n// import Link from 'next/link'\n// import { useRouter } from 'next/router'\n// import { useIntl } from 'react-intl'\nimport { Heading } from 'components/atoms/heading'\nimport { Text } from 'components/atoms/text'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { domainLocales } from '../constants'\nimport {\n Category,\n DesktopMenuPopup,\n SiteType,\n SpotlightSummary,\n} from '../types'\nimport {\n // checkAvailableSpotlight,\n // formatSpotlightsList,\n // getDiscoverDefaultSpotlightsApiPath,\n useTranslation,\n} from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n StyledCategory,\n StyledCategoryIcon,\n StyledCategoryContainer,\n StyledContainer,\n StyledListContainer,\n StyledCategoryItemAll,\n StyledImageWrapper,\n StyledMenuPopupWrapper,\n StyledMenuPopupContainer,\n StyledMenuPopupInner,\n StyledHealthCategoriesContainer,\n StyledCategoryItem,\n StyledSubCategoryItem,\n StyledCloseWrapper,\n} from './index.styled'\nimport { SpotlightsList } from './spotlightsList'\n\n// type DesktopPopupType = {\n// isDisplayed?: boolean\n// categories: Category[]\n// onClosePopup?: () => void\n// isLoading?: boolean\n// isMobile?: boolean\n// className?: string\n// desktopPopupType?: DesktopMenuPopup\n// }\n\n// type MobilePopupType = {\n// isDisplayed?: boolean\n// categories: Category[]\n// type: 'sub' | 'main'\n// onSelectCategory?: (c: Category) => void\n// isLoading?: boolean\n// isMobile?: boolean\n// className?: string\n// }\n\n// type PopupType = isMobile extends false ? DesktopPopupType : MobilePopupType\n\nexport type Props = {\n locale: LocaleType\n // discoverApiDomain: string\n basePath: string\n isDisplayed: boolean\n categories: Category[]\n type: 'sub' | 'main'\n onSelectCategory: (c: Category) => void\n onClosePopup: () => void\n isLoading: boolean\n isMobile: boolean\n // className: string\n desktopPopupType: DesktopMenuPopup\n // callApiHandler: (p: string, m: 'GET' | 'POST' | 'PUT') => any\n DISCOVER_URL_FE: string\n siteType: SiteType\n spotlightsList: SpotlightSummary[]\n // onSubCategory: (c: Category) => void\n // onSubCatLevel: (l: string) => void\n}\n\nconst HelloSitesMenuCategoriesList = ({\n locale,\n // discoverApiDomain,\n basePath,\n isDisplayed = false,\n categories,\n spotlightsList,\n type,\n onSelectCategory,\n onClosePopup,\n desktopPopupType,\n isMobile,\n isLoading,\n // className,\n // callApiHandler,\n DISCOVER_URL_FE,\n siteType = 'helloSites',\n}: Props) => {\n // const router = useRouter()\n const f = useTranslation()\n // const [spotlightsList, setSpotlightsList] = useState<SpotlightSummary[]>([])\n\n return isMobile ? (\n <>\n {isLoading && isDisplayed ? (\n <StyledContainer>\n <CategorySkeleton />\n </StyledContainer>\n ) : (\n <StyledContainer\n data-is-displayed={isDisplayed}\n data-category-list-type={type}\n // className={className}\n >\n <Heading tag=\"h3\" style={{ marginBottom: 8 }}>\n {f('home.navigator.menuItem.healthCategories')}\n </Heading>\n <StyledListContainer>\n {categories.map((category, index) => (\n <div key={type + '-category-' + index}>\n <a\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n onClick={(\n e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (\n category.childCates &&\n category.childCates.length > 0 &&\n type !== 'sub'\n ) {\n e.preventDefault()\n }\n }}\n href={DISCOVER_URL_FE + category.permalink}\n >\n <StyledCategoryContainer\n onClick={() => {\n onSelectCategory?.(category)\n }}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}${category.permalink}`}\n data-is-heading-category={\n type === 'sub' &&\n category.childCates &&\n category.childCates.length > 0\n }\n >\n <StyledCategory>{category.displayName}</StyledCategory>\n {type === 'main' && (\n <StyledCategoryIcon>\n {siteType === 'helloSites' ? (\n <img\n src={`${basePath}/svg/chevronRight.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={category.categoryName}\n />\n ) : (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </StyledCategoryIcon>\n )}\n </StyledCategoryContainer>\n {type === 'sub' &&\n category.childCates &&\n category.childCates.length > 0 &&\n category.childCates.map((subCategory, subIndex) => (\n <a\n style={{ textDecoration: 'none' }}\n href={subCategory.permalink}\n key={type + '-2-' + subIndex}\n >\n <StyledCategoryContainer\n data-is-heading-category={\n type === 'sub' &&\n subCategory.childCates &&\n subCategory.childCates.length > 0\n }\n >\n <Text size=\"p3\">{subCategory.displayName}</Text>\n </StyledCategoryContainer>\n </a>\n ))}\n </a>\n </div>\n ))}\n <a\n style={{ textDecoration: 'none' }}\n href={`${DISCOVER_URL_FE}/categories/`}\n >\n <StyledCategoryItemAll\n // onClick={closePopup}\n key={'all-categories'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${DISCOVER_URL_FE}/categories/`}\n >\n {f('home.navigator.menuItem.allCategories')}\n <StyledImageWrapper>\n {siteType === 'helloSites' ? (\n <img\n src={`${basePath}/svg/chevronRightActive.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={f('home.navigator.menuItem.allCategories')}\n />\n ) : (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </StyledImageWrapper>\n </StyledCategoryItemAll>\n </a>\n </StyledListContainer>\n <SpotlightsList\n isDisplayed={type === 'main'}\n spotlights={spotlightsList}\n isLoading={false}\n isMobile={isMobile}\n basePath={basePath}\n DISCOVER_URL_FE={DISCOVER_URL_FE}\n locale={locale}\n siteType={siteType}\n />\n </StyledContainer>\n )}\n </>\n ) : (\n <StyledMenuPopupWrapper\n className=\"top-menu-categories\"\n onClick={onClosePopup}\n data-is-display={desktopPopupType === 'categories'}\n // key={nextId()}\n >\n <StyledMenuPopupContainer>\n <Container style={{ padding: '0 16px' }} type={siteType}>\n <StyledMenuPopupInner\n data-popup-type={desktopPopupType}\n onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n e.stopPropagation()\n }}\n >\n <div>\n <Heading tag=\"h3\" style={{ marginBottom: 24 }}>\n {f('home.navigator.menuItem.healthCategories')}\n </Heading>\n <StyledHealthCategoriesContainer\n data-disabled-divider={spotlightsList.length === 0}\n >\n {categories.map((category, categoryIndex) => (\n <StyledCategoryItem\n style={{\n textDecoration: 'none',\n }}\n key={category.categoryName + categoryIndex}\n >\n {/* <Link > */}\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}${category.permalink}`}\n style={{\n textDecoration: 'none',\n pointerEvents: 'auto',\n }}\n onClick={onClosePopup}\n href={`${DISCOVER_URL_FE}${category.permalink}`}\n >\n {category.displayName}\n </a>\n {/* </Link> */}\n <StyledSubCategoryItem>\n {category.childCates &&\n category.childCates.map((subCat, index) => (\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}${subCat.permalink}`}\n style={{\n textDecoration: 'none',\n pointerEvents: 'auto',\n }}\n href={subCat.permalink}\n key={index}\n >\n {subCat.displayName}\n </a>\n ))}\n </StyledSubCategoryItem>\n </StyledCategoryItem>\n ))}\n <a\n style={{ textDecoration: 'none' }}\n href={`${DISCOVER_URL_FE}/categories/`}\n >\n <StyledCategoryItemAll\n onClick={onClosePopup}\n key={'all-categories'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${DISCOVER_URL_FE}/categories/`}\n >\n {f('home.navigator.menuItem.allCategories')}\n <StyledImageWrapper>\n {siteType === 'helloSites' ? (\n <img\n src={`${basePath}/svg/chevronRightActive.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={f('home.navigator.menuItem.allCategories')}\n />\n ) : (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </StyledImageWrapper>\n </StyledCategoryItemAll>\n </a>\n </StyledHealthCategoriesContainer>\n </div>\n <SpotlightsList\n isDisplayed={type === 'main'}\n spotlights={spotlightsList}\n isLoading={false}\n basePath={basePath}\n DISCOVER_URL_FE={DISCOVER_URL_FE}\n locale={locale}\n siteType={siteType}\n />\n <StyledCloseWrapper onClick={onClosePopup}>\n {/* <img\n src={`${basePath}/svg/close.svg`}\n style={{ width: '24px', height: '24px' }}\n alt={'close'}\n /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18 6L6 18M18 18L6 6\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n />\n </svg>\n </StyledCloseWrapper>\n </StyledMenuPopupInner>\n </Container>\n </StyledMenuPopupContainer>\n </StyledMenuPopupWrapper>\n )\n}\n\nexport { HelloSitesMenuCategoriesList }\n"],"names":["HelloSitesMenuCategoriesList","_a","locale","basePath","_b","isDisplayed","categories","spotlightsList","type","onSelectCategory","onClosePopup","desktopPopupType","isMobile","isLoading","DISCOVER_URL_FE","_c","siteType","f","useTranslation","React","createElement","Fragment","StyledContainer","CategorySkeleton","Heading","tag","style","marginBottom","StyledListContainer","map","category","index","key","textDecoration","color","theme","colors","gray800","onClick","e","childCates","length","preventDefault","href","permalink","StyledCategoryContainer","concat","domainLocales","StyledCategory","displayName","StyledCategoryIcon","src","width","height","alt","categoryName","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","subCategory","subIndex","Text","size","StyledCategoryItemAll","StyledImageWrapper","SpotlightsList","spotlights","StyledMenuPopupWrapper","className","StyledMenuPopupContainer","Container","padding","StyledMenuPopupInner","stopPropagation","StyledHealthCategoriesContainer","categoryIndex","StyledCategoryItem","pointerEvents","StyledSubCategoryItem","subCat","StyledCloseWrapper"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
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};
2	+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { LocaleType } from 'interfaces/types'\n\nimport {\n Category,\n DesktopMenuPopup,\n SiteType,\n SpotlightSummary,\n} from '../types'\nimport { HelloSitesMenuCategoriesList } from './helloSites'\nimport { MarryBabyMenuCategoriesList } from './marryBaby'\n\nexport type Props = {\n isDisplayed: boolean\n locale: LocaleType\n discoverApiDomain: string\n basePath: string\n categories: Category[]\n spotlightsList: SpotlightSummary[]\n type: 'sub' | 'main'\n onSelectCategory: (c: Category) => void\n onClosePopup: () => void\n isLoading: boolean\n isMobile: boolean\n // className: string\n desktopPopupType: DesktopMenuPopup\n callApiHandler: (p: string, m: 'GET' | 'POST' | 'PUT') => any\n DISCOVER_URL_FE: string\n MARRY_BABY_FE: string\n siteType: SiteType\n // onSubCategory: (c: Category) => void\n // onSubCatLevel: (l: string) => void\n}\n\nconst MenuCategoriesList = ({\n isDisplayed = false,\n locale,\n discoverApiDomain,\n basePath,\n categories,\n spotlightsList,\n type,\n onSelectCategory,\n onClosePopup,\n desktopPopupType,\n isMobile,\n isLoading,\n // className,\n callApiHandler,\n DISCOVER_URL_FE,\n MARRY_BABY_FE,\n siteType = 'helloSites',\n}: Props) => {\n return siteType === 'helloSites' ? (\n <HelloSitesMenuCategoriesList\n locale={locale}\n basePath={basePath}\n // callApiHandler={callApiHandler}\n // discoverApiDomain={discoverApiDomain}\n DISCOVER_URL_FE={DISCOVER_URL_FE}\n isDisplayed={isDisplayed}\n type={type}\n onSelectCategory={onSelectCategory}\n categories={categories}\n spotlightsList={spotlightsList}\n isLoading={isLoading}\n isMobile={isMobile}\n siteType={siteType}\n onClosePopup={onClosePopup}\n desktopPopupType={desktopPopupType}\n />\n ) : (\n <MarryBabyMenuCategoriesList\n basePath={basePath}\n callApiHandler={callApiHandler}\n discoverApiDomain={discoverApiDomain}\n isDisplayed={isDisplayed}\n type={type}\n onSelectCategory={onSelectCategory}\n categories={categories}\n isLoading={isLoading}\n isMobile={isMobile}\n // onClosePopup={onClosePopup}\n MARRY_BABY_FE={MARRY_BABY_FE}\n desktopPopupType={desktopPopupType}\n // className={className}\n />\n )\n}\n\nexport { MenuCategoriesList }\n"],"names":["MenuCategoriesList","_a","_b","isDisplayed","locale","discoverApiDomain","basePath","categories","spotlightsList","type","onSelectCategory","onClosePopup","desktopPopupType","isMobile","isLoading","callApiHandler","DISCOVER_URL_FE","MARRY_BABY_FE","_c","siteType","React","createElement","HelloSitesMenuCategoriesList","MarryBabyMenuCategoriesList"],"mappings":"iJAmCM,IAAAA,EAAqB,SAACC,GAC1B,IAAAC,EAAAD,EAAAE,YAAAA,OAAW,IAAAD,GAAQA,EACnBE,EAAMH,EAAAG,OACNC,sBACAC,EAAQL,EAAAK,SACRC,EAAUN,EAAAM,WACVC,EAAcP,EAAAO,eACdC,EAAIR,EAAAQ,KACJC,qBACAC,EAAYV,EAAAU,aACZC,EAAgBX,EAAAW,iBAChBC,EAAQZ,EAAAY,SACRC,EAASb,EAAAa,UAETC,EAAcd,EAAAc,eACdC,EAAef,EAAAe,gBACfC,EAAahB,EAAAgB,cACbC,EAAuBjB,EAAAkB,SAAvBA,OAAQ,IAAAD,EAAG,aAAYA,EAEvB,MAAoB,eAAbC,EACLC,EAAAC,cAACC,EAA4B,CAC3BlB,OAAQA,EACRE,SAAUA,EAGVU,gBAAiBA,EACjBb,YAAaA,EACbM,KAAMA,EACNC,iBAAkBA,EAClBH,WAAYA,EACZC,eAAgBA,EAChBM,UAAWA,EACXD,SAAUA,EACVM,SAAUA,EACVR,aAAcA,EACdC,iBAAkBA,IAGpBQ,EAACC,cAAAE,GACCjB,SAAUA,EACVS,eAAgBA,EAChBV,kBAAmBA,EACnBF,YAAaA,EACbM,KAAMA,EACNC,iBAAkBA,EAClBH,WAAYA,EACZO,UAAWA,EACXD,SAAUA,EAEVI,cAAeA,EACfL,iBAAkBA"}