npm - @hhgtech/hhg-components - Versions diffs - 1.18.46 → 1.18.48 - Mend

@hhgtech/hhg-components 1.18.46 → 1.18.48

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/menuCategoriesList/index.styled.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/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 &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n margin-top: 16px;\n`\nexport const StyledListContainer = styled.div`\n & > :not(:last-child) {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n`\n\nexport const StyledCategoryContainer = styled.div`\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\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 &[data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div`\n display: flex;\n`\n\nexport const StyledCategoryItemAll = styled.div`\n display: flex;\n align-items: center;\n\n ${MediaQueries.mbDown} {\n padding: 8px;\n }\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 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 StyledMenuPopupInner = 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 > :first-child {\n flex: 2;\n }\n\n > :not(:first-child) {\n flex: 1;\n }\n`\n\nexport const StyledHealthCategoriesContainer = styled.div`\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n`\n\nexport const StyledCategoryItem = styled.div`\n width: 20%;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\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\n & > a:hover {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledSubCategoryItem = styled.div`\n display: none;\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\nexport const StyledSameLineIndicator = styled.div`\n height: 1px;\n flex: 1;\n margin: 0 16px;\n background-color: ${(props: ThemeProps) => props.theme.mbColors.lightGray};\n`\n"],"names":["StyledCardSkeleton","styled","div","templateObject_1","__makeTemplateObject","StyledContainer","templateObject_2","StyledListContainer","templateObject_3","props","theme","colors","neutral100","StyledCategoryContainer","templateObject_4","white","sizes","fsParagraph4","blue50","gray800","fwBold","StyledCategory","templateObject_5","StyledCategoryIcon","templateObject_6","StyledCategoryItemAll","templateObject_7","MediaQueries","mbDown","primaryBase","mbColors","pink","StyledImageWrapper","templateObject_8","StyledMenuPopupWrapper","templateObject_9","Z_INDEX","menuCategoryPopupWrapper","StyledMenuPopupContainer","templateObject_10","menuCategoryPopupContainer","neutral50","StyledMenuPopupInner","templateObject_11","StyledHealthCategoriesContainer","templateObject_12","StyledCategoryItem","templateObject_13","fwRegular","StyledSubCategoryItem","templateObject_14","StyledCloseWrapper","templateObject_15","StyledSameLineIndicator","templateObject_16","lightGray"],"mappings":"uNAMa,oCAAAA,EAAqBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,mEAAA,CAAA,sEAM/BC,EAAkBJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,gKAAA,CAAA,mKAW5BG,EAAsBN,EAAOC,IAAGM,IAAAA,EAAAJ,EAAA,CAAA,oEAAA,kFAAA,YAAA,CAAA,oEAGe,kFAKA,eALpD,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAK1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAIrCC,EAA0BZ,EAAOC,IAAGY,IAAAA,EAAAV,EAAA,CAAA,wJAAA,mBAAA,gGAAA,iBAAA,uBAAA,4EAAA,CAAA,wJAOoB,mBACD,gGAII,iBACV,uBACI,+EAP5C,SAACK,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,EAAiBpB,EAAOC,IAAGoB,IAAAA,EAAAlB,EAAA,CAAA,IAAA,CAAA,OAE3BmB,EAAqBtB,EAAOC,IAAGsB,IAAAA,EAAApB,EAAA,CAAA,wBAAA,CAAA,2BAI/BqB,EAAwBxB,EAAOC,IAAGwB,IAAAA,EAAAtB,EAAA,CAAA,mDAAA,gEAAA,mBAAA,qBAAA,wEAAA,0EAAA,CAAA,mDAIxB,gEAIyC,mBACI,qBACJ,wEAIH,4EAVzDuB,EAAaC,QAIN,SAACnB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOkB,eACtC,SAACpB,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBACvC,SAACR,GAAsB,OAAAA,EAAMC,MAAMM,MAAMI,UAI7C,SAACX,GAAsB,OAAAA,EAAMC,MAAMoB,SAASC,QAO5CC,EAAqB/B,EAAOC,IAAG+B,IAAAA,EAAA7B,EAAA,CAAA,wEAAA,CAAA,2EAO/B8B,EAAyBjC,EAAOC,IAAGiC,IAAAA,EAAA/B,EAAA,CAAA,oCAAA,qLAAA,CAAA,oCAEH,uLAAhCgC,EAAQC,0BAYRC,EAA2BrC,EAAOC,IAAGqC,IAAAA,EAAAnC,EAAA,CAAA,gBAAA,oDAAA,0BAAA,wKAAA,CAAA,gBACH,oDAG0B,0BACJ,0KAJxDgC,EAAQI,4BAGC,SAAC/B,GAAsB,OAAAA,EAAMC,MAAMC,OAAO8B,aAC1C,SAAChC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,SAMnD2B,EAAuBzC,EAAOC,IAAGyC,IAAAA,EAAAvC,EAAA,CAAA,2OAAA,CAAA,8OAiBjCwC,EAAkC3C,EAAOC,IAAG2C,IAAAA,EAAAzC,EAAA,CAAA,kNAAA,CAAA,qNAY5C0C,EAAqB7C,EAAOC,IAAG6C,IAAAA,EAAA3C,EAAA,CAAA,4FAAA,qBAAA,uBAAA,iEAAA,2SAAA,CAAA,4FAMkB,qBACQ,uBACD,iEAKH,8SAPrD,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WACtC,SAACV,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBACvC,SAACR,GAAsB,OAAAA,EAAMC,MAAMM,MAAMgC,aAK/C,SAACvC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOkB,eAoB1CoB,EAAwBhD,EAAOC,IAAGgD,IAAAA,EAAA9C,EAAA,CAAA,wBAAA,CAAA,2BAIlC+C,EAAqBlD,EAAOC,IAAGkD,IAAAA,EAAAhD,EAAA,CAAA,sHAAA,CAAA,yHAS/BiD,EAA0BpD,EAAOC,IAAGoD,IAAAA,EAAAlD,EAAA,CAAA,wEAAA,OAAA,CAAA,wEAI0B,UAArD,SAACK,GAAsB,OAAAA,EAAMC,MAAMoB,SAASyB"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"marryBaby.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/marryBaby.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport { theme } from 'misc/theme'\nimport { CSSProperties } from 'styled-components'\n\nimport { MarryBabyText } from '../marryBabyText'\nimport { Category, DesktopMenuPopup } from '../types'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n StyledCategoryIcon,\n StyledContainer,\n StyledSameLineIndicator,\n} from './index.styled'\nimport {\n StyledFullScreenLayer,\n StyledMarryBabyCategoryCollapsibleContainer,\n StyledMarryBabyCategoryContainer,\n StyledMarryBabyHealthCategoriesContainer,\n StyledMarryBabyIconContainer,\n StyledMarryBabyListContainer,\n StyledMarryBabyMenuPopupContainer,\n StyledMarryBabyMenuPopupWrapper,\n StyledMarryBabySubMenuItem,\n} from './marryBaby.styled'\n\nexport type Props = {\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') => unknown\n MARRY_BABY_FE: string\n // siteType: SiteType\n}\n\nconst MarryBabyMenuCategoriesList = ({\n // locale,\n // discoverApiDomain,\n // basePath,\n isDisplayed = false,\n categories,\n type,\n onSelectCategory,\n // onClosePopup,\n desktopPopupType,\n isMobile,\n isLoading,\n MARRY_BABY_FE,\n}: // className,\n// callApiHandler,\n// DISCOVER_URL_FE,\n// siteType = 'helloSites',\nProps) => {\n const [expandingItem, setExpandingItem] = useState(-1)\n const [isClosingItem, setIsClosingItem] = useState(false)\n\n const onParentItemClosed = () => {\n setIsClosingItem(true)\n\n setTimeout(() => {\n setExpandingItem(-1)\n\n setTimeout(() => {\n setIsClosingItem(false)\n }, 100)\n }, 300)\n }\n\n // useEffect(() => {\n // ;(async () => {\n // const response = (await callApiHandler(\n // getDiscoverDefaultSpotlightsApiPath(locale, discoverApiDomain, {\n // perPage: 100,\n // orderBy: 'start_date',\n // }),\n // 'GET',\n // )) as {\n // data: { articles: SpotlightSummaryApi[] }\n // }\n\n // if (response?.data) {\n // const formattedSpotlights = formatSpotlightsList(\n // response?.data?.articles,\n // )\n // .filter(checkAvailableSpotlight)\n // .slice(0, 4)\n\n // setSpotlightsList(formattedSpotlights)\n // }\n // })()\n // }, [])\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 style={{ marginTop: 24 }}\n >\n <StyledMarryBabyListContainer className=\"marry-bb-menu-categories\">\n {categories.map((category, index) => (\n <div\n key={type + '-category-' + index}\n className={`wrapper-menu-category wrapper-menu-category-${index}`}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn${category.permalink}`}\n >\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn${category.permalink}`}\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n onClick={(\n e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n e.preventDefault()\n }}\n href={`${MARRY_BABY_FE}${category.permalink}`}\n >\n <StyledMarryBabyCategoryContainer\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn${category.permalink}`}\n onClick={() => {\n type === 'main' || category.childCates?.length === 0\n ? onSelectCategory?.(category)\n : expandingItem === index\n ? onParentItemClosed()\n : setExpandingItem(index)\n }}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }}\n >\n {type === 'main' ? (\n <StyledMarryBabyIconContainer\n style={{\n backgroundColor: category.imageColor,\n }}\n >\n <img\n src={category.iconUrl}\n style={{ width: '24px', height: '24px' }}\n alt={category.name}\n />\n </StyledMarryBabyIconContainer>\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=\"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n <MarryBabyText\n style={\n { fontWeight: theme.sizes.fwSemiBold } as CSSProperties\n }\n type=\"subtitle-2\"\n >\n {category.displayName}\n </MarryBabyText>\n <StyledSameLineIndicator />\n {type === 'main' ? (\n <StyledCategoryIcon>\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.5 6L11 8.5L8.5 11\"\n stroke=\"#9495A0\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n\n {/* )} */}\n </StyledCategoryIcon>\n ) : (\n <StyledCategoryIcon>\n {expandingItem !== index ? (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.5 6L11 8.5L8.5 11\"\n stroke=\"#9495A0\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n ) : (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 7.5L9 10L6.5 7.5\"\n stroke=\"#2661AD\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n\n {/* )} */}\n </StyledCategoryIcon>\n )}\n </StyledMarryBabyCategoryContainer>\n </a>\n {type === 'sub' &&\n category.childCates &&\n expandingItem === index &&\n category.childCates.length > 0 && (\n <StyledMarryBabyCategoryCollapsibleContainer>\n <div\n className={isClosingItem ? 'collapsing' : 'expanding'}\n >\n {category.childCates.map((subCategory, subIndex) => (\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn${category.permalink}`}\n style={{ textDecoration: 'none' }}\n href={`${MARRY_BABY_FE}${subCategory.permalink}`}\n key={type + '-2-' + subIndex}\n >\n <StyledMarryBabyCategoryContainer\n data-is-heading-category={\n type === 'sub' &&\n subCategory.childCates &&\n subCategory.childCates.length > 0\n }\n >\n <StyledMarryBabySubMenuItem>\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=\"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n />\n </svg>\n <MarryBabyText type=\"subtitle-2\">\n {subCategory.displayName}\n </MarryBabyText>\n </StyledMarryBabySubMenuItem>\n </StyledMarryBabyCategoryContainer>\n </a>\n ))}\n </div>\n </StyledMarryBabyCategoryCollapsibleContainer>\n )}\n\n <div style={{ display: 'none' }}>\n {category.childCates &&\n category.childCates.map((subCategory, subIndex) => (\n <a\n href={`${MARRY_BABY_FE}${subCategory.permalink}`}\n key={subIndex}\n style={{ textDecoration: 'none' }}\n >\n <div\n data-is-heading-category={\n type === 'sub' &&\n subCategory.childCates &&\n subCategory.childCates.length > 0\n }\n >\n <p>{subCategory.displayName}</p>\n </div>\n </a>\n ))}\n </div>\n </div>\n ))}\n </StyledMarryBabyListContainer>\n </StyledContainer>\n )}\n </>\n ) : (\n <StyledMarryBabyMenuPopupWrapper\n className=\"top-menu-categories\"\n data-is-display={desktopPopupType === 'categories'}\n tabIndex={0}\n >\n <StyledFullScreenLayer />\n <StyledMarryBabyMenuPopupContainer data-popup-type={desktopPopupType}>\n <StyledMarryBabyHealthCategoriesContainer className=\"marry-bb-menu-categories\">\n {isLoading ? (\n <div\n style={{\n width: '100%',\n padding: '0 20px',\n }}\n >\n <CategorySkeleton />\n </div>\n ) : (\n categories.map((category, categoryIndex) => (\n <div\n className={`wrapper-menu-category wrapper-menu-category-${categoryIndex}`}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn${category.permalink}`}\n key={type + '-category-' + categoryIndex}\n onClick={() => {\n onSelectCategory(category)\n }}\n >\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn${category.permalink}`}\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n href={`${MARRY_BABY_FE}${category.permalink}`}\n >\n <StyledMarryBabyCategoryContainer\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n }}\n >\n {/* <StyledCategory></StyledCategory> */}\n <StyledMarryBabyIconContainer\n style={{\n backgroundColor: category.imageColor,\n }}\n >\n <img\n src={category.iconUrl}\n style={{ width: '24px', height: '24px' }}\n alt={category.name}\n />\n </StyledMarryBabyIconContainer>\n\n <MarryBabyText\n style={\n {\n fontWeight: theme.sizes.fwSemiBold,\n } as CSSProperties\n }\n type=\"subtitle-2\"\n >\n {category.displayName}\n </MarryBabyText>\n </StyledMarryBabyCategoryContainer>\n </a>\n </div>\n ))\n )}\n </StyledMarryBabyHealthCategoriesContainer>\n </StyledMarryBabyMenuPopupContainer>\n </StyledMarryBabyMenuPopupWrapper>\n )\n}\n\nexport { MarryBabyMenuCategoriesList }\n"],"names":["MarryBabyMenuCategoriesList","_a","_b","isDisplayed","categories","type","onSelectCategory","desktopPopupType","isMobile","isLoading","MARRY_BABY_FE","_c","useState","expandingItem","setExpandingItem","_d","isClosingItem","setIsClosingItem","React","createElement","Fragment","StyledContainer","CategorySkeleton","style","marginTop","StyledMarryBabyListContainer","className","map","category","index","key","permalink","concat","textDecoration","color","theme","colors","gray800","onClick","e","preventDefault","href","StyledMarryBabyCategoryContainer","childCates","length","setTimeout","display","alignItems","justifyContent","StyledMarryBabyIconContainer","backgroundColor","imageColor","src","iconUrl","width","height","alt","name","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","MarryBabyText","fontWeight","sizes","fwSemiBold","displayName","StyledSameLineIndicator","StyledCategoryIcon","strokeLinejoin","StyledMarryBabyCategoryCollapsibleContainer","subCategory","subIndex","StyledMarryBabySubMenuItem","StyledMarryBabyMenuPopupWrapper","tabIndex","StyledFullScreenLayer","StyledMarryBabyMenuPopupContainer","StyledMarryBabyHealthCategoriesContainer","padding","categoryIndex"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"marryBaby.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/marryBaby.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledMarryBabyListContainer = styled.div``\n\nexport const StyledMarryBabyIconContainer = styled.div`\n display: flex;\n width: 40px;\n height: 40px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n border-radius: 50%;\n`\n\nexport const StyledMarryBabySubMenuItem = styled.div`\n display: flex;\n margin-left: 48px;\n\n > :first-child {\n margin-right: 24px;\n }\n`\n\nexport const StyledMarryBabyCategoryContainer = styled.div`\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n //height: 40px;\n\n background-color: ${(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 > svg:first-child {\n margin-right: 24px;\n }\n`\n\nexport const StyledMarryBabyCategoryCollapsibleContainer = styled.div`\n overflow: hidden;\n > .expanding {\n animation-duration: 0.3s;\n animation-name: expandingTopToBottom;\n }\n\n > .collapsing {\n margin-top: -100%;\n animation-duration: 0.3s;\n animation-name: collapsingBottomToTop;\n }\n`\n\nexport const StyledMarryBabyMenuPopupWrapper = styled.div`\n position: absolute;\n z-index: ${Z_INDEX.menuCategoryPopupWrapper};\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n`\n\nexport const StyledFullScreenLayer = styled.div`\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n`\n\nexport const StyledMarryBabyMenuPopupContainer = styled.div`\n z-index: ${Z_INDEX.menuCategoryPopupContainer};\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral50};\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n`\n\nexport const StyledMarryBabyMenuPopupInner = styled.div`\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n`\n\nexport const StyledMarryBabyHealthCategoriesContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n`\n\nexport const StyledMarryBabyCategoryItem = styled.div`\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\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\n & > a:hover {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n`\n"],"names":["StyledMarryBabyListContainer","styled","div","templateObject_1","__makeTemplateObject","StyledMarryBabyIconContainer","templateObject_2","StyledMarryBabySubMenuItem","templateObject_3","StyledMarryBabyCategoryContainer","templateObject_4","props","theme","colors","white","sizes","fsParagraph4","blue50","gray800","fwBold","StyledMarryBabyCategoryCollapsibleContainer","templateObject_5","StyledMarryBabyMenuPopupWrapper","templateObject_6","Z_INDEX","menuCategoryPopupWrapper","StyledFullScreenLayer","templateObject_7","StyledMarryBabyMenuPopupContainer","templateObject_8","menuCategoryPopupContainer","neutral50","templateObject_9","StyledMarryBabyHealthCategoriesContainer","templateObject_10","templateObject_11","fwRegular","primaryBase"],"mappings":"8JAKa,IAAAA,EAA+BC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,IAAA,CAAA,OAEzCC,EAA+BJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,6JAAA,CAAA,gKAWzCG,EAA6BN,EAAOC,IAAGM,IAAAA,EAAAJ,EAAA,CAAA,kGAAA,CAAA,qGASvCK,EAAmCR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,kKAAA,mBAAA,gGAAA,iBAAA,uBAAA,mEAAA,CAAA,kKAQW,mBACD,gGAII,iBACV,uBACI,sEAP5C,SAACO,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SACjD,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,gBAIhC,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,UACrD,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WACpC,SAACP,GAAsB,OAAAA,EAAMC,MAAMG,MAAMI,UAQ/CC,EAA8CnB,EAAOC,IAAGmB,IAAAA,EAAAjB,EAAA,CAAA,yPAAA,CAAA,4PAcxDkB,EAAkCrB,EAAOC,IAAGqB,IAAAA,EAAAnB,EAAA,CAAA,uCAAA,+JAAA,CAAA,uCAEZ,iKAAhCoB,EAAQC,0BAWRC,EAAwBzB,EAAOC,IAAGyB,IAAAA,EAAAvB,EAAA,CAAA,uFAAA,CAAA,0FAQlCwB,EAAoC3B,EAAOC,IAAG2B,IAAAA,EAAAzB,EAAA,CAAA,gBAAA,2FAAA,sFAAA,yNAAA,CAAA,gBACZ,2FAQ0B,sFAIJ,2NAZxDoB,EAAQM,4BAQC,SAACnB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOkB,aAI1C,SAACpB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAUnBb,EAAOC,IAAG8B,IAAAA,EAAA5B,EAAA,CAAA,iJAAA,CAAA,oJAS1C,0BAAA6B,EAA2ChC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,0EAAA,CAAA,6EAMvBH,EAAOC,IAAGiC,IAAAA,EAAA/B,EAAA,CAAA,6EAAA,qBAAA,uBAAA,iEAAA,2OAAA,CAAA,6EAKS,qBACQ,uBACD,iEAKH,8OAPrD,SAACO,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WACtC,SAACP,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,gBACvC,SAACL,GAAsB,OAAAA,EAAMC,MAAMG,MAAMqB,aAK/C,SAACzB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOwB"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { theme } from 'misc/theme'\n\nimport { domainLocales } from '../../constants'\nimport { LocaleType, SiteType, SpotlightSummary } from '../../types'\nimport { useTranslation } from '../../utils'\nimport {\n StyledCategory,\n StyledCategoryContainer,\n StyledWrapper,\n StyledContainer,\n StyledImageWrapper,\n StyledSpotlightItemAll,\n StyledCategoryItemDesktop,\n} from './index.styled'\nimport SpotlightSkeleton from './spotlightSkeleton'\n\nexport type Props = {\n isDisplayed?: boolean\n spotlights: SpotlightSummary[]\n isLoading?: boolean\n isMobile?: boolean\n className?: string\n basePath: string\n DISCOVER_URL_FE: string\n locale: LocaleType\n siteType: SiteType\n}\n\nconst SpotlightsList = ({\n isDisplayed = false,\n spotlights,\n isLoading,\n className,\n isMobile,\n DISCOVER_URL_FE,\n basePath,\n locale,\n siteType,\n}: Props) => {\n const f = useTranslation()\n\n if (!isDisplayed) return null\n return (\n <StyledWrapper>\n <Heading tag=\"h3\" style={{ marginBottom: 24 }}>\n {f('home.navigator.menuItem.spotlights')}\n </Heading>\n {isLoading && isDisplayed ? (\n <StyledContainer className={className}>\n <SpotlightSkeleton />\n </StyledContainer>\n ) : (\n <StyledContainer data-is-displayed={isDisplayed} className={className}>\n {spotlights.map((spotlight, index) => (\n <StyledCategoryItemDesktop\n style={{\n textDecoration: 'none',\n }}\n key={'spotlight-' + index}\n >\n {isMobile ? (\n <a\n href={spotlight.permalink}\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n >\n <StyledCategoryContainer\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}${spotlight.permalink}`}\n >\n <StyledCategory>{spotlight.name}</StyledCategory>\n </StyledCategoryContainer>\n </a>\n ) : (\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}${spotlight.permalink}`}\n style={{\n textDecoration: 'none',\n pointerEvents: 'auto',\n }}\n href={`${DISCOVER_URL_FE}${spotlight.permalink}`}\n >\n {spotlight.name}\n </a>\n )}\n </StyledCategoryItemDesktop>\n ))}\n <a\n style={{ textDecoration: 'none' }}\n href={`${DISCOVER_URL_FE}/spotlight/`}\n >\n <StyledSpotlightItemAll\n key={'all-spotlights'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${DISCOVER_URL_FE}/spotlight/`}\n >\n {f('home.navigator.menuItem.allSpotlight')}\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.allSpotlight')}\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 </StyledSpotlightItemAll>\n </a>\n </StyledContainer>\n )}\n </StyledWrapper>\n )\n}\n\nexport { SpotlightsList }\n"],"names":["SpotlightsList","_a","_b","isDisplayed","spotlights","isLoading","className","isMobile","DISCOVER_URL_FE","basePath","locale","siteType","f","useTranslation","React","StyledWrapper","createElement","Heading","tag","style","marginBottom","StyledContainer","SpotlightSkeleton","map","spotlight","index","StyledCategoryItemDesktop","textDecoration","key","href","permalink","color","theme","colors","gray800","StyledCategoryContainer","concat","domainLocales","StyledCategory","name","pointerEvents","StyledSpotlightItemAll","StyledImageWrapper","src","width","height","alt","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"2dA+BM,IAAAA,EAAiB,SAACC,GACtB,IAAAC,EAAAD,EAAAE,YAAAA,OAAc,IAAAD,GAAKA,EACnBE,EAAUH,EAAAG,WACVC,EAASJ,EAAAI,UACTC,EAASL,EAAAK,UACTC,EAAQN,EAAAM,SACRC,EAAeP,EAAAO,gBACfC,EAAQR,EAAAQ,SACRC,EAAMT,EAAAS,OACNC,EAAQV,EAAAU,SAEFC,EAAIC,IAEV,OAAKV,EAEHW,gBAACC,EAAa,KACZD,EAAAE,cAACC,EAAQ,CAAAC,IAAI,KAAKC,MAAO,CAAEC,aAAc,KACtCR,EAAE,uCAEJP,GAAaF,EACZW,EAAAE,cAACK,EAAe,CAACf,UAAWA,GAC1BQ,EAAAE,cAACM,EAAiB,OAGpBR,EAAAE,cAACK,EAAmC,CAAA,oBAAAlB,EAAaG,UAAWA,GACzDF,EAAWmB,KAAI,SAACC,EAAWC,GAAU,OACpCX,EAAAE,cAACU,EAAyB,CACxBP,MAAO,CACLQ,eAAgB,QAElBC,IAAK,aAAeH,GAEnBlB,EACCO,EAAAE,cAAA,IAAA,CACEa,KAAML,EAAUM,UAChBX,MAAO,CACLQ,eAAgB,OAChBI,MAAOC,EAAMC,OAAOC,UAGtBpB,EAAAE,cAACmB,EAAuB,CAAA,sBACF,uBAAsB,oBACxB,QACA,mBAAA,WAAAC,OAAWC,EAAc3B,IAAO0B,OAAGZ,EAAUM,YAE/DhB,EAAAE,cAACsB,EAAc,KAAEd,EAAUe,QAI/BzB,EACsBE,cAAA,IAAA,CAAA,sBAAA,uBACF,oBAAA,QACA,mBAAA,WAAAoB,OAAWC,EAAc3B,IAAU0B,OAAAZ,EAAUM,WAC/DX,MAAO,CACLQ,eAAgB,OAChBa,cAAe,QAEjBX,KAAM,GAAAO,OAAG5B,GAAkB4B,OAAAZ,EAAUM,YAEpCN,EAAUe,UAKnBzB,EAAAE,cAAA,IAAA,CACEG,MAAO,CAAEQ,eAAgB,QACzBE,KAAM,GAAGO,OAAA5B,EAA4B,gBAErCM,EAAAE,cAACyB,EAAsB,CACrBb,IAAK,iBACO,aAAAjB,EACQ,sBAAA,uBACF,oBAAA,QACA,mBAAA,GAAAyB,OAAG5B,EAA4B,gBAEhDI,EAAE,wCACHE,EAACE,cAAA0B,EACE,KAAa,eAAb/B,EACCG,EACEE,cAAA,MAAA,CAAA2B,IAAK,GAAAP,OAAG3B,EAAQ,+BAChBU,MAAO,CAAEyB,MAAO,OAAQC,OAAQ,QAChCC,IAAKlC,EAAE,0CAGTE,EAAAE,cAAA,MAAA,CACE4B,MAAM,KACNC,OAAO,KACPE,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENnC,EAAAE,cAAA,OAAA,CACEkC,EAAE,oDACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe,gBAnFV"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledWrapper = styled.div`\n ${MediaQueries.mbDown} {\n margin: 48px 0;\n }\n\n ${MediaQueries.mbUp} {\n padding: 0 16px;\n }\n`\n\nexport const StyledCardSkeleton = styled.div`\n & > div {\n width: 100%;\n margin-bottom: 8px;\n }\n`\nexport const StyledContainer = styled.div`\n ${MediaQueries.mbDown} {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n }\n\n &[data-category-list-type='sub'] {\n padding-bottom: 72px;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n`\n\nexport const StyledListContainer = styled.div`\n ${MediaQueries.mbDown} {\n & > :not(:last-child) {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n & > div > :not(:last-child) {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n }\n`\n\nexport const StyledCategoryContainer = styled.div`\n display: flex;\n width: 100%;\n height: 48px;\n align-items: center;\n justify-content: space-between;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\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 ${MediaQueries.mbDown} {\n padding: 8px;\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledCategoryItemDesktop = styled.div`\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\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\n & > a:hover {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n &[data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div``\n\nexport const StyledSpotlightItemAll = styled.div`\n display: flex;\n align-items: center;\n\n ${MediaQueries.mbDown} {\n padding: 8px;\n }\n\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`\nexport const StyledImageWrapper = styled.div`\n display: flex;\n align-items: center;\n\n margin-left: 10px;\n`\n"],"names":["StyledWrapper","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","mbUp","StyledCardSkeleton","templateObject_2","StyledContainer","templateObject_3","props","theme","colors","neutral100","templateObject_4","StyledCategoryContainer","templateObject_5","white","sizes","fsParagraph4","fwRegular","blue50","gray800","fwBold","StyledCategoryItemDesktop","templateObject_6","primaryBase","StyledCategory","templateObject_7","templateObject_8","StyledSpotlightItemAll","templateObject_9","mbColors","pink","StyledImageWrapper","templateObject_10"],"mappings":"uLAIaA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,OAAA,qCAAA,mCAAA,CAAA,OAChB,qCAIF,qCAJjBC,EAAaC,OAIbD,EAAaE,MAKJC,EAAqBP,EAAOC,IAAGO,IAAAA,EAAAL,EAAA,CAAA,mEAAA,CAAA,sEAM/BM,EAAkBT,EAAOC,IAAGS,IAAAA,EAAAP,EAAA,CAAA,OAAA,4EAAA,0FAAA,uMAAA,CAAA,OAClB,4EAGuC,0FAKA,yMAR1DC,EAAaC,QAGP,SAACM,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAK1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAgBjBd,EAAOC,IAAGc,IAAAA,EAAAZ,EAAA,CAAA,OAAA,4EAAA,0FAAA,mBAAA,CAAA,OACtB,4EAGuC,0FAKA,qBAR1DC,EAAaC,QAGP,SAACM,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAK1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAKvC,IAAAE,EAA0BhB,EAAOC,IAAGgB,IAAAA,EAAAd,EAAA,CAAA,yIAAA,mBAAA,qBAAA,gGAAA,iBAAA,uBAAA,eAAA,gGAAA,CAAA,yIAOoB,mBACD,qBACD,gGAIK,iBACV,uBACI,eAG3C,mGAXD,SAACQ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,SACjD,SAACP,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBACvC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAME,aAIlC,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,UACrD,SAACX,GAAsB,OAAAA,EAAMC,MAAMC,OAAOU,WACpC,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMK,SAGxDpB,EAAaC,QAQJoB,EAA4BzB,EAAOC,IAAGyB,IAAAA,EAAAvB,EAAA,CAAA,6EAAA,qBAAA,uBAAA,iEAAA,2SAAA,CAAA,6EAKW,qBACQ,uBACD,iEAKH,8SAPrD,SAACQ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOU,WACtC,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBACvC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAME,aAK/C,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOc,eAoB1CC,EAAiB5B,EAAOC,IAAG4B,IAAAA,EAAA1B,EAAA,CAAA,IAAA,CAAA,OAENH,EAAOC,IAAG6B,IAAAA,EAAA3B,EAAA,CAAA,IAAA,CAAA,OAE/B,wBAAA4B,EAAyB/B,EAAOC,IAAG+B,IAAAA,EAAA7B,EAAA,CAAA,mDAAA,0CAAA,mBAAA,qBAAA,wEAAA,0EAAA,CAAA,mDAIzB,0CAIyC,mBACI,qBACJ,wEAIH,4EAVzDC,EAAaC,QAIN,SAACM,GAAsB,OAAAA,EAAMC,MAAMC,OAAOc,eACtC,SAAChB,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBACvC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAMK,UAI7C,SAACb,GAAsB,OAAAA,EAAMC,MAAMqB,SAASC,QAM5CC,EAAqBnC,EAAOC,IAAGmC,IAAAA,EAAAjC,EAAA,CAAA,wEAAA,CAAA"}

package/build/esm/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/spotlightSkeleton.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=spotlightSkeleton.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"spotlightSkeleton.js","sources":["../../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/spotlightSkeleton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Skeleton from 'react-loading-skeleton'\n\nimport { StyledCardSkeleton } from './index.styled'\n\nconst SpotlightSkeleton = () => (\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 SpotlightSkeleton\n"],"names":["SpotlightSkeleton","React","createElement","StyledCardSkeleton","style","marginTop","Skeleton","height"],"mappings":"kHAMM,IAAAA,EAAoB,WAAM,OAC9BC,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/menuCommunitiesList/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/menuCommunitiesList/categorySkeleton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"categorySkeleton.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/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/menuCommunitiesList/helloSites.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"helloSites.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/helloSites.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Container } from 'components/atoms/container'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { domainLocales } from '../constants'\nimport { Community, DesktopMenuPopup, SiteType } from '../types'\nimport { useTranslation } from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n StyledCategory,\n StyledCategoryIcon,\n StyledCategoryContainer,\n StyledContainer,\n StyledCategoryInfo,\n StyledMenuPopupWrapper,\n StyledMenuPopupContainer,\n StyledInnerMenuPopupContainer,\n StyledHealthToolItem,\n StyledCategoryItemAll,\n StyledImageWrapper,\n StyledCloseWrapper,\n} from './index.styled'\n\nexport type Props = {\n isDisplayed: boolean\n locale: LocaleType\n togetherApiDomain: string\n communities: Community[]\n type: 'sub' | 'main'\n onSelectCommunity: ({}: {\n community: Community\n isSetToSubMenu: boolean\n }) => void\n onClosePopup: () => void\n isLoading: boolean\n isMobile: boolean\n basePath: string\n TOGETHER_URL_FE: string\n siteType: SiteType\n desktopPopupType: DesktopMenuPopup\n}\n\nconst HelloSitesMenuCommunitiesList = ({\n isDisplayed,\n communities,\n type,\n onSelectCommunity,\n onClosePopup,\n isLoading,\n basePath,\n TOGETHER_URL_FE,\n siteType = 'helloSites',\n isMobile,\n locale,\n desktopPopupType,\n}: Props) => {\n const f = useTranslation()\n return isMobile ? (\n <>\n {isLoading && isDisplayed ? (\n <StyledContainer>\n <CategorySkeleton />\n </StyledContainer>\n ) : (\n <StyledContainer\n data-category-list-type={type}\n data-is-displayed={isDisplayed}\n >\n {type === 'main' &&\n communities.map((community, 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 e.preventDefault()\n }}\n href={`${TOGETHER_URL_FE}/${community.communitySlug}`}\n >\n <StyledCategoryContainer\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}/${community.communitySlug}`}\n onClick={() => {\n onSelectCommunity({ community, isSetToSubMenu: true })\n }}\n data-is-heading-category={false}\n >\n <StyledCategoryInfo>\n <img\n src={community.thumbnail}\n style={{ width: '40px', height: '40px' }}\n alt={community.title}\n />\n <StyledCategory>{community.title}</StyledCategory>\n </StyledCategoryInfo>\n <StyledCategoryIcon>\n {siteType === 'helloSites' ? (\n <img\n src={`${basePath}/svg/chevronRight.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={community.title}\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 </StyledCategoryContainer>\n </a>\n </div>\n ))}\n {type === 'sub' &&\n communities.map((community, 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 e.preventDefault()\n }}\n href={`${TOGETHER_URL_FE}/${community.communitySlug}`}\n >\n <StyledCategoryContainer\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}/${community.communitySlug}`}\n onClick={() => {\n onSelectCommunity({ community, isSetToSubMenu: false })\n }}\n data-is-heading-category={false}\n >\n <StyledCategoryInfo>\n <img\n src={community.thumbnail}\n style={{ width: '40px', height: '40px' }}\n alt={community.title}\n />\n <StyledCategory>{community.title}</StyledCategory>\n </StyledCategoryInfo>\n </StyledCategoryContainer>\n </a>\n </div>\n ))}\n <a style={{ textDecoration: 'none' }} href={TOGETHER_URL_FE + '/'}>\n <StyledCategoryItemAll\n onClick={onClosePopup}\n key={'all-communities'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={TOGETHER_URL_FE + '/'}\n >\n {f('home.navigator.menuItem.allCommunities')}\n <StyledImageWrapper>\n <img\n src={`${basePath}/svg/chevronRightActive.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={f('home.navigator.menuItem.allCommunities')}\n />\n </StyledImageWrapper>\n </StyledCategoryItemAll>\n </a>\n </StyledContainer>\n )}\n </>\n ) : (\n <StyledMenuPopupWrapper\n className=\"top-menu-communities\"\n onClick={onClosePopup}\n data-is-display={desktopPopupType === 'communities'}\n // key={nextId()}\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 {communities.map((community: Community) => (\n <StyledHealthToolItem\n key={community.title}\n onClick={onClosePopup}\n >\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}/${community.communitySlug}`}\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n className=\"iconMenu\"\n href={`${TOGETHER_URL_FE}/${community.communitySlug}`}\n >\n <div\n style={{\n display: 'flex',\n }}\n >\n <img\n alt=\"health-tool-icon\"\n src={\n community.thumbnail || `${basePath}/images/avatar.jpg`\n }\n style={{ width: '32px', height: '32px' }}\n />\n </div>\n <p>{community.title}</p>\n </a>\n </StyledHealthToolItem>\n ))}\n <a\n style={{ textDecoration: 'none' }}\n href={TOGETHER_URL_FE + '/'}\n >\n <StyledCategoryItemAll\n onClick={onClosePopup}\n key={'all-communities'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={TOGETHER_URL_FE + '/'}\n >\n {f('home.navigator.menuItem.allCommunities')}\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.allCommunities')}\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 { HelloSitesMenuCommunitiesList }\n"],"names":["HelloSitesMenuCommunitiesList","_a","isDisplayed","communities","type","onSelectCommunity","onClosePopup","isLoading","basePath","TOGETHER_URL_FE","_b","siteType","isMobile","locale","desktopPopupType","f","useTranslation","React","createElement","Fragment","StyledContainer","CategorySkeleton","map","community","index","key","style","textDecoration","color","theme","colors","gray800","onClick","e","preventDefault","href","concat","communitySlug","StyledCategoryContainer","domainLocales","isSetToSubMenu","StyledCategoryInfo","src","thumbnail","width","height","alt","title","StyledCategory","StyledCategoryIcon","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","StyledCategoryItemAll","StyledImageWrapper","StyledMenuPopupWrapper","className","StyledMenuPopupContainer","Container","padding","StyledInnerMenuPopupContainer","stopPropagation","StyledHealthToolItem","display","StyledCloseWrapper"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { LocaleType } from 'interfaces/types'\n\nimport { Community, DesktopMenuPopup, SiteType } from '../types'\nimport { HelloSitesMenuCommunitiesList } from './helloSites'\nimport { MarryBabyMenuCommunitiesList } from './marryBaby'\n\nexport type Props = {\n isDisplayed: boolean\n locale: LocaleType\n togetherApiDomain: string\n communities: Community[]\n type: 'sub' | 'main'\n onSelectCommunity: ({}: {\n community: Community\n isSetToSubMenu: boolean\n }) => void\n onClosePopup: () => void\n isLoading: boolean\n isMobile: boolean\n basePath: string\n TOGETHER_URL_FE: string\n siteType: SiteType\n desktopPopupType: DesktopMenuPopup\n // callApiHandler: (p: string, m: 'GET' | 'POST') => any\n // onSubCategory: (c: Category) => void\n // onSubCatLevel: (l: string) => void\n}\n\nconst MenuCommunitiesList = ({\n isDisplayed = false,\n locale,\n communities,\n type,\n onSelectCommunity,\n onClosePopup,\n isLoading,\n basePath,\n TOGETHER_URL_FE,\n siteType = 'helloSites',\n isMobile,\n desktopPopupType,\n togetherApiDomain,\n}: Props) => {\n return siteType === 'helloSites' ? (\n <HelloSitesMenuCommunitiesList\n isDisplayed={isDisplayed}\n locale={locale}\n TOGETHER_URL_FE={TOGETHER_URL_FE}\n basePath={basePath}\n type={type}\n onSelectCommunity={onSelectCommunity}\n communities={communities}\n isLoading={isLoading}\n isMobile={isMobile}\n siteType={siteType}\n togetherApiDomain={togetherApiDomain}\n desktopPopupType={desktopPopupType}\n onClosePopup={onClosePopup}\n />\n ) : (\n <MarryBabyMenuCommunitiesList\n isDisplayed={isDisplayed}\n locale={locale}\n TOGETHER_URL_FE={TOGETHER_URL_FE}\n basePath={basePath}\n type={type}\n onSelectCommunity={onSelectCommunity}\n communities={communities}\n isLoading={isLoading}\n isMobile={isMobile}\n togetherApiDomain={togetherApiDomain}\n desktopPopupType={desktopPopupType}\n onClosePopup={onClosePopup}\n />\n )\n}\n\nexport { MenuCommunitiesList }\n"],"names":["MenuCommunitiesList","_a","_b","isDisplayed","locale","communities","type","onSelectCommunity","onClosePopup","isLoading","basePath","TOGETHER_URL_FE","_c","siteType","isMobile","desktopPopupType","togetherApiDomain","React","createElement","HelloSitesMenuCommunitiesList","MarryBabyMenuCommunitiesList"],"mappings":"mJA8BM,IAAAA,EAAsB,SAACC,OAC3BC,EAAmBD,EAAAE,YAAnBA,OAAc,IAAAD,KACdE,WACAC,gBACAC,SACAC,sBACAC,iBACAC,cACAC,aACAC,oBACAC,EAAAX,EAAAY,SAAAA,OAAQ,IAAAD,EAAG,aAAYA,EACvBE,EAAQb,EAAAa,SACRC,EAAgBd,EAAAc,iBAChBC,EAAiBf,EAAAe,kBAEjB,MAAoB,eAAbH,EACLI,EAACC,cAAAC,EACC,CAAAhB,YAAaA,EACbC,OAAQA,EACRO,gBAAiBA,EACjBD,SAAUA,EACVJ,KAAMA,EACNC,kBAAmBA,EACnBF,YAAaA,EACbI,UAAWA,EACXK,SAAUA,EACVD,SAAUA,EACVG,kBAAmBA,EACnBD,iBAAkBA,EAClBP,aAAcA,IAGhBS,EAAAC,cAACE,EAA4B,CAC3BjB,YAAaA,EACbC,OAAQA,EACRO,gBAAiBA,EACjBD,SAAUA,EACVJ,KAAMA,EACNC,kBAAmBA,EACnBF,YAAaA,EACbI,UAAWA,EACXK,SAAUA,EACVE,kBAAmBA,EACnBD,iBAAkBA,EAClBP,aAAcA"}

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\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 & > :not(:last-child) {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n & > div > :not(:last-child) {\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\n //margin-top: 112px;\n`\nexport const StyledCategoryContainer = styled.div`\n display: flex;\n width: 100%;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\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 &[data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div``\n\nexport const StyledCategoryInfo = styled.div`\n display: flex;\n align-items: center;\n\n > :first-child {\n min-width: 40px;\n margin-right: 16px;\n }\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 [data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledCategoryItemAll = styled.div`\n display: flex;\n align-items: center;\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","StyledCategoryInfo","templateObject_6","StyledMenuPopupWrapper","templateObject_7","Z_INDEX","menuCategoryPopupWrapper","StyledMenuPopupContainer","templateObject_8","menuCategoryPopupContainer","neutral50","StyledInnerMenuPopupContainer","templateObject_9","StyledHealthToolItem","templateObject_10","fwRegular","primaryBase","StyledCategoryItemAll","templateObject_11","mbColors","pink","StyledImageWrapper","templateObject_12","StyledCloseWrapper","templateObject_13"],"mappings":"8JAKa,8BAAAA,EAAqBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,mEAAA,CAAA,sEAM/BC,EAAkBJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,oEAAA,kFAAA,2KAAA,CAAA,oEAGmB,kFAKA,8KALpD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAK1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAarCC,EAA0BV,EAAOC,IAAGU,IAAAA,EAAAR,EAAA,CAAA,wJAAA,mBAAA,gGAAA,iBAAA,uBAAA,4EAAA,CAAA,wJAOoB,mBACD,gGAII,iBACV,uBACI,+EAP5C,SAACG,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,IAAA,CAAA,OAE/BmB,EAAqBtB,EAAOC,IAAGsB,IAAAA,EAAApB,EAAA,CAAA,0HAAA,CAAA,6HAU/BqB,EAAyBxB,EAAOC,IAAGwB,IAAAA,EAAAtB,EAAA,CAAA,oCAAA,qLAAA,CAAA,oCAEH,uLAAhCuB,EAAQC,0BAYRC,EAA2B5B,EAAOC,IAAG4B,IAAAA,EAAA1B,EAAA,CAAA,gBAAA,oDAAA,0BAAA,wKAAA,CAAA,gBACH,oDAG0B,0BACJ,0KAJxDuB,EAAQI,4BAGC,SAACxB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOuB,aAC1C,SAACzB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,SAMnDoB,EAAgChC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,mJAAA,CAAA,sJAS1C+B,EAAuBlC,EAAOC,IAAGkC,IAAAA,EAAAhC,EAAA,CAAA,2JAAA,qBAAA,uBAAA,iIAAA,2EAAA,CAAA,2JASgB,qBACQ,uBACD,iIASH,8EAXrD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WACtC,SAACV,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBACvC,SAACR,GAAsB,OAAAA,EAAMC,MAAMM,MAAMuB,aAS/C,SAAC9B,GAAsB,OAAAA,EAAMC,MAAMC,OAAO6B,eAO1CC,EAAwBtC,EAAOC,IAAGsC,IAAAA,EAAApC,EAAA,CAAA,0GAAA,mBAAA,qBAAA,wEAAA,0EAAA,CAAA,0GAMiB,mBACI,qBACJ,wEAIH,6EANlD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAO6B,eACtC,SAAC/B,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/menuCommunitiesList/marryBaby.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"marryBaby.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/marryBaby.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\n\n// import { Container } from 'components/atoms/container'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { MarryBabyText } from '../marryBabyText'\nimport { Community, DesktopMenuPopup } from '../types'\n// import { useTranslation } from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n StyledCategory,\n // StyledCategoryIcon,\n // StyledCategoryContainer,\n // StyledCategoryIcon,\n // StyledCategoryItemAll,\n // StyledCloseWrapper,\n StyledContainer,\n // StyledHealthToolItem,\n // StyledImageWrapper,\n // StyledInnerMenuPopupContainer,\n // StyledMenuPopupContainer,\n // StyledMenuPopupWrapper,\n} from './index.styled'\nimport {\n StyledFullScreenLayer,\n StyledMarryBabyCategoryContainer,\n StyledMarryBabyHealthCategoriesContainer,\n StyledMarryBabyIconContainer,\n StyledMarryBabyMenuPopupContainer,\n StyledMarryBabyMenuPopupWrapper,\n} from './marryBaby.styled'\n\nexport type Props = {\n isDisplayed: boolean\n communities: Community[]\n onSelectCommunity: ({}: {\n community: Community\n isSetToSubMenu: boolean\n }) => void\n onClosePopup: () => void\n type: 'sub' | 'main'\n isLoading: boolean\n isMobile: boolean\n desktopPopupType: DesktopMenuPopup\n basePath: string\n locale: LocaleType\n togetherApiDomain: string\n TOGETHER_URL_FE: string\n // callApiHandler: (p: string, m: 'GET' | 'POST') => any\n // siteType: SiteType\n}\n\nconst MarryBabyMenuCommunitiesList = ({\n isDisplayed = false,\n communities,\n onSelectCommunity,\n isLoading,\n basePath,\n type,\n isMobile,\n onClosePopup,\n desktopPopupType,\n TOGETHER_URL_FE,\n}: Props) => {\n return isMobile ? (\n isLoading && isDisplayed ? (\n <StyledContainer>\n <CategorySkeleton />\n </StyledContainer>\n ) : (\n <StyledContainer\n style={{\n marginTop: 24,\n }}\n data-category-list-type={type}\n data-is-displayed={isDisplayed}\n >\n {communities.map((community, index) => (\n <a\n className={`wrapper-menu-community wrapper-menu-community-${index} iconMenu`}\n key={'community-' + index}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn/community/${community.communitySlug}`}\n >\n <StyledMarryBabyCategoryContainer\n onClick={() => {\n onSelectCommunity({\n community,\n isSetToSubMenu: false,\n })\n }}\n >\n <StyledMarryBabyIconContainer>\n <img\n alt=\"health-tool-icon\"\n src={community.thumbnail || `${basePath}/images/avatar.jpg`}\n style={{ width: '24px', height: '24px' }}\n />\n </StyledMarryBabyIconContainer>\n <StyledCategory>{community.title}</StyledCategory>\n </StyledMarryBabyCategoryContainer>\n </a>\n ))}\n </StyledContainer>\n )\n ) : (\n <StyledMarryBabyMenuPopupWrapper\n className=\"top-menu-communities\"\n onClick={onClosePopup}\n data-is-display={desktopPopupType === 'communities'}\n >\n <StyledFullScreenLayer />\n <StyledMarryBabyMenuPopupContainer\n data-popup-type={desktopPopupType}\n onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n e.stopPropagation()\n }}\n >\n <StyledMarryBabyHealthCategoriesContainer>\n {isLoading ? (\n <div\n style={{\n width: '100%',\n padding: '0 20px',\n }}\n >\n <CategorySkeleton />\n </div>\n ) : (\n communities.map((community: Community, index: number) => (\n <a\n className={`wrapper-menu-community wrapper-menu-community-${index} iconMenu`}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://marrybaby.vn/community/${community.communitySlug}`}\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n href={`${TOGETHER_URL_FE}/${community.communitySlug}`}\n key={community.title}\n >\n <StyledMarryBabyCategoryContainer onClick={onClosePopup}>\n <StyledMarryBabyIconContainer\n style={{\n backgroundColor:\n community.color || theme.mbColors.lightGray,\n }}\n >\n <img\n alt={community.communitySlug}\n src={\n community.thumbnail || `${basePath}/images/avatar.jpg`\n }\n style={{ width: '24px', height: '24px' }}\n />\n </StyledMarryBabyIconContainer>\n <MarryBabyText\n style={\n {\n fontWeight: theme.sizes.fwSemiBold,\n } as CSSProperties\n }\n type=\"subtitle-2\"\n >\n {community.title}\n </MarryBabyText>\n </StyledMarryBabyCategoryContainer>\n </a>\n ))\n )}\n </StyledMarryBabyHealthCategoriesContainer>\n {/* )} */}\n </StyledMarryBabyMenuPopupContainer>\n </StyledMarryBabyMenuPopupWrapper>\n )\n}\n\nexport { MarryBabyMenuCommunitiesList }\n"],"names":["MarryBabyMenuCommunitiesList","_a","_b","isDisplayed","communities","onSelectCommunity","isLoading","basePath","type","isMobile","onClosePopup","desktopPopupType","TOGETHER_URL_FE","React","StyledContainer","createElement","CategorySkeleton","style","marginTop","map","community","index","className","concat","key","communitySlug","StyledMarryBabyCategoryContainer","onClick","isSetToSubMenu","StyledMarryBabyIconContainer","alt","src","thumbnail","width","height","StyledCategory","title","StyledMarryBabyMenuPopupWrapper","StyledFullScreenLayer","StyledMarryBabyMenuPopupContainer","e","stopPropagation","StyledMarryBabyHealthCategoriesContainer","padding","textDecoration","color","theme","colors","gray800","href","backgroundColor","mbColors","lightGray","MarryBabyText","fontWeight","sizes","fwSemiBold"],"mappings":"8eAqDM,IAAAA,EAA+B,SAACC,GACpC,IAAAC,EAAAD,EAAAE,YAAAA,OAAc,IAAAD,GAAKA,EACnBE,EAAWH,EAAAG,YACXC,EAAiBJ,EAAAI,kBACjBC,EAASL,EAAAK,UACTC,EAAQN,EAAAM,SACRC,EAAIP,EAAAO,KACJC,EAAQR,EAAAQ,SACRC,EAAYT,EAAAS,aACZC,EAAgBV,EAAAU,iBAChBC,EAAeX,EAAAW,gBAEf,OAAOH,EACLH,GAAaH,EACXU,gBAACC,EAAe,KACdD,EAAAE,cAACC,EAAgB,OAGnBH,EAACE,cAAAD,EACC,CAAAG,MAAO,CACLC,UAAW,IACZ,0BACwBV,EACN,oBAAAL,GAElBC,EAAYe,KAAI,SAACC,EAAWC,GAAU,OACrCR,qBACES,UAAW,iDAAiDC,OAAAF,eAC5DG,IAAK,aAAeH,EAAK,sBACL,uBAAsB,oBACxB,QACA,mBAAA,kCAAAE,OAAkCH,EAAUK,gBAE9DZ,EAACE,cAAAW,EACC,CAAAC,QAAS,WACPtB,EAAkB,CAChBe,UAASA,EACTQ,gBAAgB,MAIpBf,EAAAE,cAACc,EAA4B,KAC3BhB,EACEE,cAAA,MAAA,CAAAe,IAAI,mBACJC,IAAKX,EAAUY,WAAa,GAAAT,OAAGhB,EAAQ,sBACvCU,MAAO,CAAEgB,MAAO,OAAQC,OAAQ,WAGpCrB,EAAAE,cAACoB,EAAc,KAAEf,EAAUgB,aAOrCvB,EAAAE,cAACsB,EAA+B,CAC9Bf,UAAU,uBACVK,QAASjB,EACQ,kBAAqB,gBAArBC,GAEjBE,EAAAE,cAACuB,EAAwB,MACzBzB,EAAAE,cAACwB,EACkB,CAAA,kBAAA5B,EACjBgB,QAAS,SAACa,GACRA,EAAEC,oBAGJ5B,EAACE,cAAA2B,OACEpC,EACCO,EACEE,cAAA,MAAA,CAAAE,MAAO,CACLgB,MAAO,OACPU,QAAS,WAGX9B,EAAAE,cAACC,EAAmB,OAGtBZ,EAAYe,KAAI,SAACC,EAAsBC,GAAkB,OACvDR,EAAAE,cAAA,IAAA,CACEO,UAAW,iDAAAC,OAAiDF,EAAK,mCAC7C,uBAAsB,oBACxB,QAAO,mBACP,yCAAkCD,EAAUK,eAC9DR,MAAO,CACL2B,eAAgB,OAChBC,MAAOC,EAAMC,OAAOC,SAEtBC,KAAM,GAAG1B,OAAAX,cAAmBQ,EAAUK,eACtCD,IAAKJ,EAAUgB,OAEfvB,EAAAE,cAACW,EAAgC,CAACC,QAASjB,GACzCG,EAACE,cAAAc,EACC,CAAAZ,MAAO,CACLiC,gBACE9B,EAAUyB,OAASC,EAAMK,SAASC,YAGtCvC,EAAAE,cAAA,MAAA,CACEe,IAAKV,EAAUK,cACfM,IACEX,EAAUY,WAAa,GAAGT,OAAAhB,EAA4B,sBAExDU,MAAO,CAAEgB,MAAO,OAAQC,OAAQ,WAGpCrB,EAACE,cAAAsC,EACC,CAAApC,MACE,CACEqC,WAAYR,EAAMS,MAAMC,YAG5BhD,KAAK,cAEJY,EAAUgB"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"marryBaby.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/marryBaby.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\n// import { Z_INDEX } from '../constants'\n\nexport const StyledMarryBabyIconContainer = styled.div`\n display: flex;\n width: 48px;\n height: 48px;\n align-items: center;\n justify-content: center;\n\n margin-right: 16px;\n\n //background-color: ${(props: ThemeProps) => props.theme.mbColors.lightGray};\n border-radius: 50%;\n`\n\nexport const StyledMarryBabyCategoryContainer = styled.div`\n display: flex;\n width: 100%;\n height: 64px;\n align-items: center;\n justify-content: flex-start;\n padding: 8px 16px;\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n`\n\n// desktop\nexport const StyledMarryBabyMenuPopupWrapper = styled.div`\n position: absolute;\n z-index: ${Z_INDEX.menuCategoryPopupWrapper};\n top: 64px;\n\n min-width: 375px;\n align-items: center;\n background-color: transparent;\n &[data-is-display='false'] {\n display: none;\n }\n`\n\nexport const StyledFullScreenLayer = styled.div`\n position: fixed;\n top: 69px;\n left: 0;\n width: 100vw;\n height: 100vh;\n`\n\nexport const StyledMarryBabyMenuPopupContainer = styled.div`\n z-index: ${Z_INDEX.menuCategoryPopupContainer};\n\n width: 100%;\n\n max-height: 80vh;\n\n padding: 20px 0;\n\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral50};\n //align-items: center;\n //display: flex;\n //flex: 1;\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n border-radius: 16px;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n\n overflow-y: auto;\n`\n\nexport const StyledMarryBabyMenuPopupInner = styled.div`\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 24px;\n`\n\nexport const StyledMarryBabyHealthCategoriesContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n`\n\nexport const StyledMarryBabyCategoryItem = styled.div`\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\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\n & > a:hover {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n\n .iconMenu {\n display: flex;\n align-items: center;\n\n > .imageContainer {\n display: flex;\n width: 32px;\n min-width: 32px;\n align-items: center;\n margin-right: 16px;\n }\n }\n`\n"],"names":["StyledMarryBabyIconContainer","styled","div","templateObject_1","__makeTemplateObject","props","theme","mbColors","lightGray","StyledMarryBabyCategoryContainer","templateObject_2","colors","white","sizes","fsParagraph4","StyledMarryBabyMenuPopupWrapper","templateObject_3","Z_INDEX","menuCategoryPopupWrapper","StyledFullScreenLayer","templateObject_4","StyledMarryBabyMenuPopupContainer","templateObject_5","menuCategoryPopupContainer","neutral50","templateObject_6","StyledMarryBabyHealthCategoriesContainer","templateObject_7","templateObject_8","gray800","fwRegular","primaryBase"],"mappings":"8JAOa,IAAAA,EAA+BC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6JAAA,8BAAA,CAAA,6JASuB,iCAArD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,SAASC,aAIvDC,EAAmCR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,0JAAA,mBAAA,OAAA,CAAA,0JAOW,mBACD,UAD9C,SAACC,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SACjD,SAACP,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBAI3CC,EAAkCd,EAAOC,IAAGc,IAAAA,EAAAZ,EAAA,CAAA,uCAAA,+JAAA,CAAA,uCAEZ,iKAAhCa,EAAQC,0BAWRC,EAAwBlB,EAAOC,IAAGkB,IAAAA,EAAAhB,EAAA,CAAA,uFAAA,CAAA,0FAQlCiB,EAAoCpB,EAAOC,IAAGoB,IAAAA,EAAAlB,EAAA,CAAA,gBAAA,2FAAA,sFAAA,yNAAA,CAAA,gBACZ,2FAQ0B,sFAIJ,2NAZxDa,EAAQM,4BAQC,SAAClB,GAAsB,OAAAA,EAAMC,MAAMK,OAAOa,aAI1C,SAACnB,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SAUnBX,EAAOC,IAAGuB,IAAAA,EAAArB,EAAA,CAAA,iJAAA,CAAA,oJAS1C,oBAAAsB,EAA2CzB,EAAOC,IAAGyB,IAAAA,EAAAvB,EAAA,CAAA,0EAAA,CAAA,6EAMvBH,EAAOC,IAAG0B,IAAAA,EAAAxB,EAAA,CAAA,6EAAA,qBAAA,uBAAA,iEAAA,2OAAA,CAAA,6EAKS,qBACQ,uBACD,iEAKH,8OAPrD,SAACC,GAAsB,OAAAA,EAAMC,MAAMK,OAAOkB,WACtC,SAACxB,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBACvC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAMiB,aAK/C,SAACzB,GAAsB,OAAAA,EAAMC,MAAMK,OAAOoB"}

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/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/menuHealthToolsList/categorySkeleton.js.map ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"helloSites.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuHealthToolsList/helloSites.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Container } from 'components/atoms/container'\nimport { Heading } from 'components/atoms/heading'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { domainLocales } from '../constants'\nimport {\n DesktopMenuPopup,\n HealthTool,\n HealthToolByCategory,\n SiteType,\n} from '../types'\nimport { useTranslation } from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n StyledCategory,\n // StyledCategoryIcon,\n StyledCategoryContainer,\n StyledCategoryIcon,\n StyledCategoryItemAll,\n StyledCloseWrapper,\n StyledContainer,\n StyledHealthToolItem,\n StyledImageWrapper,\n StyledInnerMenuPopupContainer,\n StyledMenuPopupContainer,\n StyledMenuPopupWrapper,\n StyledSeeMore,\n StyleHealthToolByCategory,\n} from './index.styled'\n\nexport type Props = {\n isDisplayed: boolean\n healthTools?: HealthTool[]\n healthToolsByCategory?: HealthToolByCategory[]\n STATIC_PAGES: {\n [key in LocaleType]: {\n [key: string]: string | null\n }\n }\n onSelectHealthTool: (c: HealthTool) => void\n onClosePopup?: () => void\n isLoading: boolean\n isMobile: boolean\n desktopPopupType: DesktopMenuPopup\n basePath: string\n locale: LocaleType\n discoverApiDomain: string\n HEALTH_TOOL_URL_FE: string\n // callApiHandler: (p: string, m: 'GET' | 'POST') => any\n siteType: SiteType\n}\n\nconst HealthToolsList = ({\n healthTools,\n onSelectHealthTool,\n basePath,\n isDesktop,\n onClosePopup,\n HEALTH_TOOL_URL_FE,\n locale,\n isGrouped,\n}: {\n healthTools?: HealthTool[]\n onSelectHealthTool: (c: HealthTool) => void\n basePath: string\n isDesktop?: boolean\n onClosePopup?: () => void\n HEALTH_TOOL_URL_FE: string\n locale: LocaleType\n isGrouped?: boolean\n}) => {\n if (!healthTools?.length) return null\n return isDesktop ? (\n <>\n {healthTools.map((healthTool, index) => (\n <StyledHealthToolItem\n data-grouped={isGrouped}\n key={healthTool.title}\n onClick={onClosePopup}\n >\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}${healthTool.link}`}\n style={{\n textDecoration: 'none',\n color: theme.colors.gray800,\n }}\n className=\"iconMenu\"\n href={\n healthTool.link.startsWith('http')\n ? healthTool.link\n : `${HEALTH_TOOL_URL_FE}${healthTool.link}`\n }\n >\n <div\n style={{\n display: 'flex',\n }}\n >\n <img\n alt=\"health-tool-icon\"\n src={healthTool.icon || '/images/avatar.jpg'}\n style={{ width: '32px', height: '32px' }}\n />\n </div>\n <p>{healthTool.title}</p>\n </a>\n </StyledHealthToolItem>\n ))}\n </>\n ) : (\n <>\n {healthTools.map((healthTool, index) => (\n <a key={'tool-' + index}>\n <StyledCategoryContainer\n onClick={() => {\n onSelectHealthTool(healthTool)\n }}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`https://${domainLocales[locale]}${healthTool.link}`}\n >\n <StyledCategoryIcon>\n <img\n alt=\"health-tool-icon\"\n src={healthTool.icon || `${basePath}/images/avatar.jpg`}\n style={{ width: '32px', height: '32px' }}\n />\n </StyledCategoryIcon>\n <StyledCategory>{healthTool.title}</StyledCategory>\n </StyledCategoryContainer>\n </a>\n ))}\n </>\n )\n}\n\nconst HelloSitesMenuHealthToolsList = ({\n isDisplayed,\n healthTools,\n healthToolsByCategory,\n onSelectHealthTool,\n isLoading,\n basePath,\n locale,\n isMobile,\n onClosePopup,\n desktopPopupType,\n HEALTH_TOOL_URL_FE,\n STATIC_PAGES,\n siteType,\n}: Props) => {\n const f = useTranslation()\n\n return isMobile ? (\n <>\n {isLoading && isDisplayed ? (\n <StyledContainer>\n <CategorySkeleton />\n </StyledContainer>\n ) : (\n <StyledContainer\n data-category-list-type=\"main\"\n data-is-displayed={isDisplayed}\n >\n {!!healthToolsByCategory?.length ? (\n healthToolsByCategory.map(\n (categoryHealthTool, index) =>\n !!categoryHealthTool.healthTools?.length && (\n <React.Fragment key={`category-health-tool-${index}`}>\n <Heading tag=\"h4\" fontWeight=\"bold\" className=\"title\">\n <span\n dangerouslySetInnerHTML={{\n __html: categoryHealthTool.name,\n }}\n />\n </Heading>\n <HealthToolsList\n healthTools={categoryHealthTool.healthTools.slice(0, 4)}\n onSelectHealthTool={onSelectHealthTool}\n basePath={basePath}\n HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n locale={locale}\n />\n </React.Fragment>\n ),\n )\n ) : (\n <HealthToolsList\n healthTools={healthTools}\n onSelectHealthTool={onSelectHealthTool}\n basePath={basePath}\n HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n locale={locale}\n />\n )}\n <StyledSeeMore>\n <a\n href={`${HEALTH_TOOL_URL_FE}${\n STATIC_PAGES[locale]?.HEALTH_TOOLS || ''\n }`}\n style={{ textDecoration: 'none' }}\n >\n <StyledCategoryItemAll\n key={'all-health-tools-mobile'}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${HEALTH_TOOL_URL_FE}${\n STATIC_PAGES[locale]?.HEALTH_TOOLS || ''\n }`}\n >\n {f('home.navigator.menuItem.allHealthTools')}\n <StyledImageWrapper>\n <img\n src={`${basePath}/svg/chevronRightActive.svg`}\n style={{ width: '16px', height: '16px' }}\n alt={f('home.navigator.menuItem.allHealthTools')}\n />\n </StyledImageWrapper>\n </StyledCategoryItemAll>\n </a>\n </StyledSeeMore>\n </StyledContainer>\n )}\n </>\n ) : (\n <StyledMenuPopupWrapper\n className=\"top-menu-health-tools\"\n onClick={onClosePopup}\n data-is-display={desktopPopupType === 'tools'}\n // key={nextId()}\n >\n <StyledMenuPopupContainer>\n <Container style={{ padding: '0 16px' }}>\n <StyledInnerMenuPopupContainer\n data-popup-type={desktopPopupType}\n onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n e.stopPropagation()\n }}\n >\n {\n <>\n {!!healthToolsByCategory?.length ? (\n healthToolsByCategory.map(\n (categoryHealthTool, index) =>\n !!categoryHealthTool.healthTools?.length && (\n <StyleHealthToolByCategory\n key={`health-tools-categories-${index}`}\n >\n <Heading tag=\"h4\" as=\"h1\" fontWeight=\"bold\">\n <span\n dangerouslySetInnerHTML={{\n __html: categoryHealthTool.name,\n }}\n />\n </Heading>\n <HealthToolsList\n healthTools={categoryHealthTool.healthTools.slice(\n 0,\n 4,\n )}\n onSelectHealthTool={onSelectHealthTool}\n basePath={basePath}\n HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n locale={locale}\n isDesktop\n isGrouped\n onClosePopup={onClosePopup}\n />\n </StyleHealthToolByCategory>\n ),\n )\n ) : (\n <HealthToolsList\n healthTools={healthTools}\n onSelectHealthTool={onSelectHealthTool}\n basePath={basePath}\n HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n locale={locale}\n isDesktop\n onClosePopup={onClosePopup}\n />\n )}\n\n <a\n style={{ textDecoration: 'none' }}\n href={`${HEALTH_TOOL_URL_FE}${\n STATIC_PAGES[locale]?.HEALTH_TOOLS || ''\n }`}\n >\n <StyledCategoryItemAll\n onClick={onClosePopup}\n key={'all-health-tools'}\n data-theme={siteType}\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label={`${HEALTH_TOOL_URL_FE}${\n STATIC_PAGES[locale]?.HEALTH_TOOLS || ''\n }`}\n >\n {f('home.navigator.menuItem.allHealthTools')}\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.allHealthTools')}\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 {/* )} */}\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 { HelloSitesMenuHealthToolsList }\n"],"names":["HealthToolsList","_a","healthTools","onSelectHealthTool","basePath","isDesktop","onClosePopup","HEALTH_TOOL_URL_FE","locale","isGrouped","length","React","createElement","Fragment","map","healthTool","index","StyledHealthToolItem","key","title","onClick","concat","domainLocales","link","style","textDecoration","color","theme","colors","gray800","className","href","startsWith","display","alt","src","icon","width","height","StyledCategoryContainer","StyledCategoryIcon","StyledCategory","HelloSitesMenuHealthToolsList","isDisplayed","healthToolsByCategory","isLoading","isMobile","desktopPopupType","STATIC_PAGES","siteType","f","useTranslation","StyledContainer","CategorySkeleton","categoryHealthTool","Heading","tag","fontWeight","dangerouslySetInnerHTML","__html","name","slice","StyledSeeMore","_b","HEALTH_TOOLS","StyledCategoryItemAll","_c","StyledImageWrapper","StyledMenuPopupWrapper","StyledMenuPopupContainer","Container","padding","StyledInnerMenuPopupContainer","e","stopPropagation","StyleHealthToolByCategory","as","_d","_e","StyledCloseWrapper","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuHealthToolsList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { LocaleType } from 'interfaces/types'\n\nimport {\n DesktopMenuPopup,\n HealthTool,\n HealthToolByCategory,\n SiteType,\n} from '../types'\nimport { HelloSitesMenuHealthToolsList } from './helloSites'\nimport { MarryBabyMenuHealthToolsList } from './marryBaby'\n\nexport type Props = {\n isDisplayed: boolean\n healthTools?: HealthTool[]\n healthToolsByCategory?: HealthToolByCategory[]\n onSelectHealthTool: (c: HealthTool) => void\n onClosePopup: () => void\n isLoading: boolean\n isMobile: boolean\n desktopPopupType: DesktopMenuPopup\n basePath: string\n locale: LocaleType\n discoverApiDomain: string\n HEALTH_TOOL_URL_FE: string\n siteType: SiteType\n STATIC_PAGES: { [key in LocaleType]: any }\n}\n\nconst MenuHealthToolsList = ({\n isDisplayed = false,\n healthTools,\n healthToolsByCategory,\n onSelectHealthTool,\n isLoading,\n basePath,\n locale,\n isMobile,\n onClosePopup,\n desktopPopupType,\n HEALTH_TOOL_URL_FE,\n siteType,\n discoverApiDomain,\n STATIC_PAGES,\n}: Props) => {\n return siteType === 'helloSites' ? (\n <HelloSitesMenuHealthToolsList\n isDisplayed={isDisplayed}\n locale={locale}\n basePath={basePath}\n discoverApiDomain={discoverApiDomain}\n HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n onSelectHealthTool={onSelectHealthTool}\n healthTools={healthTools}\n healthToolsByCategory={healthToolsByCategory}\n isLoading={isLoading}\n isMobile={isMobile}\n siteType={siteType}\n desktopPopupType={desktopPopupType}\n onClosePopup={onClosePopup}\n STATIC_PAGES={STATIC_PAGES}\n />\n ) : (\n <MarryBabyMenuHealthToolsList\n isDisplayed={isDisplayed}\n basePath={basePath}\n discoverApiDomain={discoverApiDomain}\n HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n onSelectHealthTool={onSelectHealthTool}\n healthTools={\n healthTools ||\n healthToolsByCategory.reduce((r, h) => r.concat(h.healthTools), [])\n }\n isLoading={isLoading}\n isMobile={isMobile}\n desktopPopupType={desktopPopupType}\n onClosePopup={onClosePopup}\n />\n )\n}\n\nexport { MenuHealthToolsList }\n"],"names":["MenuHealthToolsList","_a","_b","isDisplayed","healthTools","healthToolsByCategory","onSelectHealthTool","isLoading","basePath","locale","isMobile","onClosePopup","desktopPopupType","HEALTH_TOOL_URL_FE","siteType","discoverApiDomain","STATIC_PAGES","React","HelloSitesMenuHealthToolsList","createElement","MarryBabyMenuHealthToolsList","reduce","r","h","concat"],"mappings":"mJA8BM,IAAAA,EAAsB,SAACC,GAC3B,IAAAC,EAAAD,EAAAE,YAAAA,OAAW,IAAAD,GAAQA,EACnBE,EAAWH,EAAAG,YACXC,EAAqBJ,EAAAI,sBACrBC,EAAkBL,EAAAK,mBAClBC,EAASN,EAAAM,UACTC,EAAQP,EAAAO,SACRC,EAAMR,EAAAQ,OACNC,EAAQT,EAAAS,SACRC,EAAYV,EAAAU,aACZC,EAAgBX,EAAAW,iBAChBC,EAAkBZ,EAAAY,mBAClBC,EAAQb,EAAAa,SACRC,EAAiBd,EAAAc,kBACjBC,EAAYf,EAAAe,aAEZ,MAAoB,eAAbF,EACLG,gBAACC,EAA6B,CAC5Bf,YAAaA,EACbM,OAAQA,EACRD,SAAUA,EACVO,kBAAmBA,EACnBF,mBAAoBA,EACpBP,mBAAoBA,EACpBF,YAAaA,EACbC,sBAAuBA,EACvBE,UAAWA,EACXG,SAAUA,EACVI,SAAUA,EACVF,iBAAkBA,EAClBD,aAAcA,EACdK,aAAcA,IAGhBC,EAACE,cAAAC,GACCjB,YAAaA,EACbK,SAAUA,EACVO,kBAAmBA,EACnBF,mBAAoBA,EACpBP,mBAAoBA,EACpBF,YACEA,GACAC,EAAsBgB,QAAO,SAACC,EAAGC,GAAM,OAAAD,EAAEE,OAAOD,EAAEnB,eAAc,IAElEG,UAAWA,EACXG,SAAUA,EACVE,iBAAkBA,EAClBD,aAAcA"}

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