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

@hhgtech/hhg-components 1.18.47 → 1.18.49

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

Files changed (2623) hide show

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationLayout/menuServiceList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled, { StyledComponent } from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledMasterMenuContainer = styled.div`\n position: fixed;\n z-index: 200;\n top: 0;\n width: 100vw;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n\n &[data-opened='false'] {\n left: -100%;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftDisappears;\n }\n\n &[data-opened='undefined'] {\n left: -100%;\n }\n\n &[data-opened='true'] {\n left: 0;\n //transition: left 0.1s;\n\n animation-duration: 0.2s;\n animation-name: leftAppears;\n }\n\n &[data-sub-level-opened='false'] {\n right: -100%;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightDisappears;\n }\n\n &[data-sub-level-opened='undefined'] {\n right: -100%;\n }\n\n &[data-sub-level-opened='true'] {\n right: 0;\n //transition: right 0.1s;\n\n animation-duration: 0.2s;\n animation-name: rightAppears;\n }\n`\n\nexport const StyledMenuContainer = styled.div`\n position: relative;\n top: 0;\n\n display: flex;\n width: 100vw;\n min-height: 100%;\n flex-direction: column;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n overflow-x: hidden;\n\n &[data-type='category'] {\n z-index: 300;\n\n // momentum scrolling IOS will display under layer if not doing this\n &[data-is-sub-category-opened='true'] {\n animation-duration: 0.2s;\n animation-name: fading;\n }\n }\n\n &[data-type='sub-category'] {\n z-index: 400;\n }\n\n .category-button {\n border: none;\n }\n`\n\nexport const StyledCategoryButtonWrapper = styled.div`\n position: fixed;\n bottom: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 72px;\n align-items: flex-start;\n justify-content: center;\n\n background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n .button-image {\n stroke-color: blue;\n }\n\n &[data-site-type='marryBaby'] {\n padding: 0 16px;\n .category-button {\n width: 100%;\n height: 48px;\n }\n }\n`\n\nexport const StyledScrollingCategories = styled.div`\n display: flex;\n\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n align-items: center;\n\n padding-top: 0px;\n //position: absolute;\n\n //top: 0px;\n\n //z-index: -1;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n &[data-type='sub-level'] {\n padding: 4px 16px 16px;\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n }\n\n & > div:first-child {\n justify-self: flex-start;\n }\n\n &[data-with-search-input='false'] {\n //padding-top: 64px;\n }\n`\n\nexport const StyledCardSpecialty = styled.div`\n display: flex;\n\n &[data-card-array-no-margin-style='true'] {\n margin: 8px 0;\n\n & > div {\n width: 0;\n flex: 1;\n margin: 0 -1px;\n }\n }\n\n &[data-card-array-no-margin-style='false'] {\n margin: 8px -4px;\n\n & > div {\n flex: 1;\n margin: 0 4px;\n }\n }\n`\n\nexport const StyledScrollingWrapper = styled.div`\n position: relative;\n\n display: flex;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-direction: column;\n\n overflow-y: scroll;\n`\n\nexport const StyledScrollingContent = styled.div`\n flex: 1;\n padding: 16px;\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n`\nexport const StyledFakeTopAlignment = styled.div`\n margin-top: 64px;\n`\n\nexport const StyledStickyHeader = styled.div`\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n &[data-is-sub-category-opened='true'] {\n display: none;\n }\n\n &[data-hide-on-search='true'] {\n display: none;\n }\n`\n\nexport const StyledCategoryFooter = styled.div`\n padding: 24px 0;\n`\n\nexport const StyledButtonContainerWrapper = styled.div`\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n & > div:first-child {\n margin-right: 8px;\n }\n`\n\n// Desktop\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 StyleMenuPopupContainer = 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 StyledHealthCategoriesContainer = styled.div`\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: flex-start;\n &[data-disabled-divider='false'] {\n border-right: 1px solid #e4e8ec;\n }\n`\n\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`\nexport const StyledSubCategoryItem = styled.div`\n display: none;\n`\n\nexport const StyledHealthToolItem = styled.div`\n width: 33%;\n height: 48px;\n padding-right: 16px;\n margin-bottom: 12px;\n\n & > a {\n display: flex;\n align-items: center;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n line-height: 22px;\n\n & > :first-child {\n margin-right: 16px;\n }\n }\n\n & > a > p:hover {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n`\n\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`\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\nexport const StyledCloseButton: StyledComponent<\n 'div',\n any,\n { on?: string },\n never\n> = styled.div`\n display: block;\n`\n\nexport const StyledAmpSidebar = styled.div`\n .amp-sidebar {\n width: 100vw;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.neutral50};\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .categoryCard {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n a {\n display: block;\n margin: 12px 0;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n text-decoration: none;\n }\n }\n }\n`\n\nexport const StyledUnderLine = styled.div`\n width: 20%;\n height: 2px;\n\n background-color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n border-radius: 2px;\n`\n\nexport const StyledServiceListMenuSearchInputWrapper = styled.div`\n .fake-search-input {\n margin-bottom: 24px;\n pointer-events: none;\n }\n`\n"],"names":["StyledMasterMenuContainer","styled","div","templateObject_1","__makeTemplateObject","StyledMenuContainer","templateObject_2","props","theme","colors","white","StyledCategoryButtonWrapper","templateObject_3","StyledScrollingCategories","templateObject_4","StyledCardSpecialty","templateObject_5","StyledScrollingWrapper","templateObject_6","StyledScrollingContent","templateObject_7","templateObject_8","StyledStickyHeader","templateObject_9","templateObject_10","StyledButtonContainerWrapper","templateObject_12","Z_INDEX","menuCategoryPopupWrapper","templateObject_13","menuCategoryPopupContainer","neutral50","templateObject_14","templateObject_15","templateObject_16","gray800","sizes","fsParagraph4","fwRegular","primaryBase","templateObject_17","templateObject_18","templateObject_19","fwBold","mbColors","pink","StyledImageWrapper","templateObject_20","templateObject_21","templateObject_22","templateObject_23","neutral100","StyledUnderLine","templateObject_24","StyledServiceListMenuSearchInputWrapper","templateObject_25"],"mappings":"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"}

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

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

package/build/components/organisms/navigationLayout/menuServiceList/marryBabyMobileMenuSection.js.map ADDED Viewed

@@ -0,0 +1 @@

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

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

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

package/build/components/organisms/navigationLayout/navigationBar/ArrowLeftPopupIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArrowLeftPopupIcon.js","sources":["../../../../../src/components/organisms/navigationLayout/navigationBar/ArrowLeftPopupIcon.tsx"],"sourcesContent":["import React from 'react'\n\nexport function ArrowLeftPopupIcon() {\n return (\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=\"M14.5 17L9.5 12L14.5 7\"\n stroke=\"#3E3F58\"\n strokeWidth=\"1.3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )\n}\n"],"names":["React","width","height","viewBox","fill","xmlns","createElement","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"4MAGE,OACEA,+BACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENL,EACE,QAAAM,cAAA,OAAA,CAAAC,EAAE,yBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe"}

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

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

package/build/components/organisms/navigationLayout/navigationBar/ClosePopupIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ClosePopupIcon.js","sources":["../../../../../src/components/organisms/navigationLayout/navigationBar/ClosePopupIcon.tsx"],"sourcesContent":["import React from 'react'\n\nexport function ClosePopupIcon() {\n return (\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 )\n}\n"],"names":["React","width","height","viewBox","fill","xmlns","createElement","d","stroke","strokeWidth","strokeLinecap"],"mappings":"wMAGE,OACEA,+BACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENL,EAAAA,QAAAM,cAAA,OAAA,CACEC,EAAE,uBACFC,OAAO,UACPC,YAAY,MACZC,cAAc"}

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

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

package/build/components/organisms/navigationLayout/navigationBar/HamburgerIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HamburgerIcon.js","sources":["../../../../../src/components/organisms/navigationLayout/navigationBar/HamburgerIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HamburgerMenuIcon } from '../assets'\nimport { SiteType } from '../types'\nimport { TypeProps } from './NavigationBar.types'\n\ntype Props = {\n siteType: SiteType\n type: TypeProps\n}\n\nexport function HamburgerIcon({ siteType, type }: Props) {\n if (siteType === 'helloSites') {\n return (\n <img\n data-list-type=\"Header\"\n data-content-type=\"Navigation\"\n data-content-topic=\"Hamburger\"\n src={HamburgerMenuIcon}\n style={{ width: '24px', height: '24px' }}\n alt={type}\n />\n )\n }\n\n /** Marry Baby */\n return (\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 fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z\"\n fill=\"#3E3F58\"\n />\n </svg>\n )\n}\n"],"names":["_a","siteType","type","React","createElement","src","HamburgerMenuIcon","style","width","height","alt","viewBox","fill","xmlns","fillRule","clipRule","d"],"mappings":"gPAWM,SAAwBA,OAAEC,EAAQD,EAAAC,SAAEC,EAAIF,EAAAE,KAC5C,MAAiB,eAAbD,EAEAE,EAAA,QAAAC,cAAA,MAAA,CAAA,iBACiB,SAAQ,oBACL,aAAY,qBACX,YACnBC,IAAKC,EACLC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QAChCC,IAAKR,IAOTC,+BACEK,MAAM,KACNC,OAAO,KACPE,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENV,EAAAA,QAAAC,cAAA,OAAA,CACEU,SAAS,UACTC,SAAS,UACTC,EAAE,kcACFJ,KAAK"}

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

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

package/build/components/organisms/navigationLayout/navigationBar/NavigationBarMobile.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavigationBarMobile.js","sources":["../../../../../src/components/organisms/navigationLayout/navigationBar/NavigationBarMobile.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Heading } from 'components/atoms/heading'\nimport { Logo } from 'components/atoms/logo'\nimport { PureInput } from 'components/atoms/pureInput'\nimport { Text } from 'components/atoms/text'\nimport { debounce } from 'lodash'\n\nimport { useHeaderHeightHook } from '.'\nimport { SehatBadge, LockIcon } from '../assets'\nimport { useTranslation } from '../utils'\nimport { ArrowLeftPopupIcon } from './ArrowLeftPopupIcon'\nimport { ClosePopupIcon } from './ClosePopupIcon'\nimport { HamburgerIcon } from './HamburgerIcon'\nimport {\n StyledHeaderContainer,\n StyledHeaderMenuItem,\n StyledImageWrapper,\n StyledMenuContainer,\n StyledMenuIcon,\n StyledMenuSearchInput,\n StyledProfileMenu,\n StyledAvatar,\n} from './index.styled'\nimport { NavigationBarMobileProps } from './NavigationBar.types'\n\nexport function NavigationBarMobile({\n type,\n isStatic,\n isAmp,\n isDisplayed,\n siteType,\n isCollapsed,\n sitewideBannerShown,\n sitewideBanner,\n sitewideBannerClosed,\n setSitewideBannerClosed,\n isMobile,\n onMenuClick,\n menu,\n isSearchIconDisplayed,\n statics: { DISCOVER_URL_FE, SSO_URL, HOME_PAGE_URL, CARE_URL_FE },\n basePath,\n languageMenu,\n enabledExperimentalCareHeader,\n onCareHeaderClick,\n logoType,\n locale,\n isInit,\n title,\n sponsorComponent,\n currentUrl,\n userInfo,\n currentPopupType,\n avatar,\n profileMenu,\n isLoginButtonDisplayed,\n goToLogin,\n isSearchBarDisplay,\n searchPlaceholder,\n onSearchValueChanged,\n keyPressed,\n}: NavigationBarMobileProps) {\n const f = useTranslation()\n const isSponsored = !!sponsorComponent\n const hasSponsoredBanners = !!sponsorComponent?.props?.sponsoredBy?.length\n const isSiteWide = !!sitewideBanner && !sitewideBannerClosed\n\n const isShowingSiteWideBanner =\n sitewideBannerShown && !!sitewideBanner && !sitewideBannerClosed\n const { headerRef, headerHeight } = useHeaderHeightHook({\n isSiteWide,\n isShowingSiteWideBanner,\n isSponsored,\n hasSponsoredBanners,\n isMobile: true,\n })\n return (\n <>\n <StyledHeaderContainer\n data-header-type={type}\n data-collapsed={isStatic ? false : isCollapsed}\n data-with-search-input={type !== 'popup-sub-level'}\n data-is-displayed={isDisplayed}\n data-is-amp={isAmp}\n data-sponsored={isSponsored}\n data-site-type={siteType}\n data-sitewide-banner-shown={isShowingSiteWideBanner}\n id=\"site-header\"\n ref={headerRef}\n >\n {/* {type === 'popup' && (\n // <Link href=\"/\">\n <a\n href=\"/\"\n style={{\n position: 'absolute',\n left: '50%',\n transform: 'translateX(-50%)',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <Logo\n type={logoType}\n height={'27px'}\n width={'104px'}\n style={{\n display: 'flex',\n alignItems: 'center',\n }}\n />\n </a>\n // </Link>\n )} */}\n {sitewideBanner\n ? !React.isValidElement(sitewideBanner)\n ? sitewideBanner\n : React.cloneElement<{\n isCollapsed?: boolean\n isAmp?: boolean\n isMobile?: boolean\n setBannerClosed?: (v: boolean) => void\n }>(sitewideBanner, {\n isCollapsed,\n setBannerClosed: setSitewideBannerClosed,\n isAmp,\n isMobile,\n })\n : null}\n\n <div\n style={{\n position: 'relative',\n height: 64,\n display: 'flex',\n alignItems: 'center',\n justifyContent: siteType === 'helloSites' ? 'center' : 'flex-start',\n background: 'white',\n ...(siteType === 'marryBaby'\n ? {\n paddingLeft: 66,\n }\n : {}),\n\n ...(typeof languageMenu !== 'undefined' ||\n enabledExperimentalCareHeader\n ? {\n paddingLeft: enabledExperimentalCareHeader ? 48 : 64,\n gap: 24,\n justifyContent: 'unset',\n }\n : {}),\n }}\n >\n <StyledMenuContainer>\n <StyledMenuIcon\n on=\"tap:discover-amp-sidebar\"\n role=\"button\"\n className=\"menu-handler\"\n tabIndex={0}\n >\n <div onClick={() => onMenuClick?.('categories')}>\n {/* On mobile: Click Humburger icon to open menu popup */}\n {type === 'home' && (\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label=\"Hamburger Navigation URL\"\n >\n <HamburgerIcon siteType={siteType} type={type} />\n </a>\n )}\n\n {/* On mobile: Click a category menu to open sub level and render arrow left popup icon to go back */}\n {type === 'popup' && <ClosePopupIcon />}\n {type === 'popup-sub-level' && <ArrowLeftPopupIcon />}\n </div>\n {menu}\n </StyledMenuIcon>\n {isSearchIconDisplayed &&\n siteType === 'helloSites' &&\n type === 'home' && (\n <StyledMenuIcon style={{ paddingRight: 16 }}>\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{\n paddingRight: 16,\n paddingTop: 8,\n position: 'relative',\n }}\n href={`${HOME_PAGE_URL}/search?s=&page=1`}\n >\n <img\n src={`${basePath}/images/search.svg`}\n style={{ width: '24px', height: '24px' }}\n alt={type}\n />\n {/* fake input */}\n <input\n style={{\n width: '32px',\n height: '32px',\n position: 'absolute',\n left: '-2px',\n bottom: '0',\n opacity: 0,\n zIndex: 10000,\n }}\n />\n </a>\n </StyledMenuIcon>\n )}\n </StyledMenuContainer>\n {/* profile avatar */}\n {type !== 'popup' && (\n <StyledProfileMenu\n data-is-profile={true}\n className={!isInit ? 'menu-handler-health-tools' : ''}\n >\n <div className=\"menu-handler-item\">\n {isSearchIconDisplayed &&\n siteType === 'marryBaby' &&\n type === 'home' && (\n <StyledMenuIcon\n style={{\n justifySelf: 'flex-end',\n }}\n >\n {/* <Link href={`${DISCOVER_URL_FE}/search?s=&page=1`}> */}\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{\n display: 'flex',\n }}\n href={`${DISCOVER_URL_FE}/search?s=&page=1`}\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=\"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z\"\n fill=\"#3E3F58\"\n />\n </svg>\n {/* fake input */}\n <input\n style={{\n width: '32px',\n height: '32px',\n position: 'absolute',\n left: '-2px',\n bottom: '0',\n opacity: 0,\n zIndex: 10000,\n }}\n />\n </a>\n {/* </Link> */}\n </StyledMenuIcon>\n )}\n\n {enabledExperimentalCareHeader && (\n <>\n {onCareHeaderClick ? (\n <Button\n size=\"sm\"\n color={'primary'}\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n onClick={onCareHeaderClick}\n >\n {f('login.booking')}\n </Button>\n ) : (\n <a href={CARE_URL_FE} className=\"care-button\">\n <Button\n size=\"sm\"\n color={'primary'}\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n >\n {f('login.booking')}\n </Button>\n </a>\n )}\n </>\n )}\n\n {userInfo?.id ? (\n <StyledImageWrapper style={{ position: 'relative' }}>\n <div onClick={() => onMenuClick && onMenuClick('profile')}>\n {currentPopupType === 'profile' ? (\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 ) : (\n avatar\n )}\n </div>\n {profileMenu}\n </StyledImageWrapper>\n ) : !isAmp ? (\n isLoginButtonDisplayed && (\n <a\n data-event-category=\"Sign Up\"\n data-event-action=\"Button Click\"\n data-event-label={currentUrl}\n >\n {enabledExperimentalCareHeader ? (\n <StyledAvatar onClick={goToLogin}>\n <img src={LockIcon} className=\"avatar\" alt=\"avatar\" />\n </StyledAvatar>\n ) : siteType === 'helloSites' ? (\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color=\"secondary\"\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n ) : (\n <div\n className=\"login-btn-mobile\"\n onClick={goToLogin}\n style={{\n paddingLeft: 16,\n }}\n >\n <Text size=\"p3\">{f('navigation.loginJoin')}</Text>\n </div>\n )}\n </a>\n )\n ) : (\n <a\n data-vars-event-category=\"Sign Up\"\n data-vars-event-action=\"Button Click\"\n data-vars-event-label={currentUrl}\n href={`${SSO_URL}?returnUrl=${currentUrl.replace(\n '?amp=1',\n '',\n )}`}\n style={{ textDecoration: 'none' }}\n >\n {locale === 'vi-VN' ? (\n <StyledAvatar onClick={goToLogin}>\n <img src={LockIcon} className=\"avatar\" alt=\"avatar\" />\n </StyledAvatar>\n ) : (\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color={'secondary'}\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n )}\n </a>\n )}\n </div>\n </StyledProfileMenu>\n )}\n {(type === 'home' || type === 'popup') && (\n <a href={HOME_PAGE_URL || ''}>\n <Logo\n type={logoType}\n height=\"27px\"\n width=\"121px\"\n style={{\n display: 'flex',\n }}\n badge={\n locale === 'id-ID' ? (\n <img\n src={SehatBadge}\n style={{ width: 56, height: 23, maxWidth: 56 }}\n width=\"56\"\n height=\"23\"\n />\n ) : undefined\n }\n />\n </a>\n )}\n {typeof languageMenu !== 'undefined' && (\n <StyledHeaderMenuItem\n data-is-active={true}\n className={!isInit ? 'menu-handler-language' : ''}\n onClick={() => {\n onMenuClick && onMenuClick('language')\n }}\n >\n {languageMenu}\n </StyledHeaderMenuItem>\n )}\n {title && (\n <Heading className=\"top-bar-header\" tag=\"h5\">\n {title}\n </Heading>\n )}\n </div>\n\n {sponsorComponent\n ? !React.isValidElement(sponsorComponent)\n ? sponsorComponent\n : React.cloneElement<{\n isCollapsed?: boolean\n isMobile?: boolean\n isAmp?: boolean\n locale?: string\n }>(sponsorComponent, {\n isCollapsed,\n locale,\n isMobile,\n isAmp,\n })\n : null}\n </StyledHeaderContainer>\n {isSearchBarDisplay ? (\n <StyledMenuSearchInput\n data-header-type={type}\n data-is-displayed={isDisplayed}\n data-sitewide-banner-shown={sitewideBannerShown && !!sitewideBanner}\n >\n <PureInput\n style={{\n minHeight: 'auto',\n minWidth: '100%',\n padding: '0 16px',\n }}\n // value={searchValue}\n name={'search-input-' + type + (!isInit ? '-temp' : '')}\n size=\"md\"\n placeholder={searchPlaceholder}\n onChange={onSearchValueChanged}\n onKeyPress={keyPressed}\n type=\"search\"\n autoFocus={false}\n displayIcon={\n <a data-event-category=\"Search Button\" data-event-action=\"Click\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z\"\n stroke=\"#8C8C8C\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M20 20L16 16\"\n stroke=\"#8C8C8C\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </a>\n }\n />\n </StyledMenuSearchInput>\n ) : (\n <>\n {!isAmp && (\n <div\n style={{\n height: headerHeight,\n }}\n ></div>\n )}\n </>\n )}\n </>\n )\n}\n"],"names":["_a","type","isStatic","isAmp","isDisplayed","siteType","isCollapsed","sitewideBannerShown","sitewideBanner","sitewideBannerClosed","setSitewideBannerClosed","isMobile","onMenuClick","menu","isSearchIconDisplayed","_d","DISCOVER_URL_FE","SSO_URL","HOME_PAGE_URL","CARE_URL_FE","basePath","languageMenu","enabledExperimentalCareHeader","onCareHeaderClick","logoType","locale","isInit","title","sponsorComponent","currentUrl","userInfo","currentPopupType","avatar","profileMenu","isLoginButtonDisplayed","goToLogin","isSearchBarDisplay","searchPlaceholder","onSearchValueChanged","keyPressed","f","useTranslation","isSponsored","hasSponsoredBanners","_c","props","_b","sponsoredBy","length","isSiteWide","isShowingSiteWideBanner","_e","useHeaderHeightHook","headerRef","headerHeight","React","createElement","Fragment","StyledHeaderContainer","id","ref","isValidElement","cloneElement","setBannerClosed","style","__assign","position","height","display","alignItems","justifyContent","background","paddingLeft","gap","StyledMenuContainer","StyledMenuIcon","on","role","className","tabIndex","onClick","HamburgerIcon","ClosePopupIcon","ArrowLeftPopupIcon","paddingRight","paddingTop","href","concat","src","width","alt","left","bottom","opacity","zIndex","StyledProfileMenu","justifySelf","viewBox","fill","xmlns","d","Button","size","color","dataEventCategory","dataEventAction","dataEventLabel","StyledImageWrapper","stroke","strokeWidth","strokeLinecap","replace","textDecoration","StyledAvatar","LockIcon","Text","Logo","badge","SehatBadge","maxWidth","undefined","StyledHeaderMenuItem","Heading","tag","StyledMenuSearchInput","PureInput","minHeight","minWidth","padding","name","placeholder","onChange","onKeyPress","autoFocus","displayIcon","strokeLinejoin"],"mappings":"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"}

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

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

package/build/components/organisms/navigationLayout/navigationBar/SearchIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SearchIcon.js","sources":["../../../../../src/components/organisms/navigationLayout/navigationBar/SearchIcon.tsx"],"sourcesContent":["import React from 'react'\n\nconst SearchIcon = () => {\n return (\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 fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z\"\n fill=\"#8C8C8C\"\n />\n </svg>\n )\n}\n\nexport { SearchIcon }\n"],"names":["React","width","height","viewBox","fill","xmlns","createElement","fillRule","clipRule","d"],"mappings":"yLAEmB,WACjB,OACEA,+BACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENL,EAAAA,QAAAM,cAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,qiBACFL,KAAK"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/navigationLayout/navigationBar/index.tsx"],"sourcesContent":["import React, {\n // useContext,\n useEffect,\n useRef,\n useState,\n useCallback,\n useMemo,\n} from 'react'\n\nimport { Avatar } from 'components/atoms/avatar'\nimport { Button } from 'components/atoms/button'\nimport { Container } from 'components/atoms/container'\nimport { Logo, TypeProps as LogoTypeProps } from 'components/atoms/logo'\nimport { PureInput } from 'components/atoms/pureInput'\nimport {\n domainLocales,\n LOCALE_SPECS,\n} from 'components/organisms/navigationLayout/constants'\nimport { debounce, throttle } from 'lodash'\nimport { theme } from 'misc/theme'\n\nimport { SehatBadge, LockIcon } from '../assets'\nimport { useTranslation } from '../utils'\nimport {\n StyledDesktopHeader,\n StyledDesktopHeaderWrapper,\n StyledDesktopMenuSearchInput,\n StyledHeaderMenuItem,\n StyledImageWrapper,\n StyledLeftGroup,\n StyledLogoWrapper,\n StyledRightGroup,\n StyledProfileMenu,\n StyledMenuIconWrapper,\n StyledAvatar,\n} from './index.styled'\nimport { Props } from './NavigationBar.types'\nimport { NavigationBarMobile } from './NavigationBarMobile'\n\nexport { Props } from './NavigationBar.types'\n\nexport const useHeaderHeightHook = ({\n hasSponsoredBanners,\n isSiteWide,\n isSponsored,\n isShowingSiteWideBanner,\n isMobile,\n}: {\n hasSponsoredBanners?: boolean\n isSiteWide?: boolean\n isSponsored?: boolean\n isShowingSiteWideBanner?: boolean\n isMobile?: boolean\n}) => {\n const headerRef = useRef<HTMLDivElement>(null)\n const [headerHeight, setHeaderHeight] = useState(0)\n const debounceSetHeader = useCallback(\n debounce(() => {\n const newHeaderHeight = headerRef.current?.clientHeight || 0\n if (window.scrollY <= newHeaderHeight + 30)\n setHeaderHeight(newHeaderHeight)\n }, 100),\n [],\n )\n useEffect(() => {\n window.addEventListener('resize', debounceSetHeader)\n window.addEventListener('scroll', debounceSetHeader)\n return () => {\n window.removeEventListener('resize', debounceSetHeader)\n window.removeEventListener('scroll', debounceSetHeader)\n }\n }, [])\n useEffect(() => {\n debounceSetHeader()\n }, [\n isSiteWide,\n isShowingSiteWideBanner,\n isSponsored,\n hasSponsoredBanners,\n headerRef.current,\n ])\n\n const defaultHeaderHeight = useMemo(() => {\n let res = isMobile ? 64 : 69\n if (isShowingSiteWideBanner) {\n res += 64\n }\n if (isSponsored) {\n res += 40\n }\n return res\n }, [isMobile, isShowingSiteWideBanner, isSponsored])\n return {\n headerHeight: headerHeight || defaultHeaderHeight,\n headerRef,\n }\n}\n\nconst NavigationBar = ({\n siteType,\n basePath,\n statics,\n currentPopupType = 'none',\n isDisplayed = true,\n isSearchBarDisplay = true,\n searchPlaceholder = '',\n openPopup,\n onTopBarAppears,\n onSearchChange,\n onSearchKeyPress,\n menu,\n isAmp,\n profileMenu,\n isMobile = false,\n isLoginButtonDisplayed,\n title,\n type = 'home',\n onMenuClick,\n isStatic = false,\n routerAsPath: asPath,\n locale,\n userInfo,\n marryBaby: { tone } = { tone: 'white' },\n menuItems = [],\n // className,\n isInit: _isInit,\n sitewideBanner,\n sitewideBannerShown = true,\n sponsorComponent,\n languageMenu,\n isSearchIconDisplayed = false,\n enabledExperimentalCareHeader,\n onCareHeaderClick,\n}: Props) => {\n const { SSO_URL, HOME_PAGE_URL, CARE_URL_FE } = statics\n const f = useTranslation()\n const isSponsored = !!sponsorComponent\n\n // const { locale = 'en-PH', asPath } = useRouter()\n const [isCollapsed, setIsCollapsed] = useState(false)\n // const [searchValue, setSearchValue] = useState('')\n const [sitewideBannerClosed, setSitewideBannerClosed] = useState(false)\n const [isCloseBookmarkTooltips, setIsCloseBookmarkTooltips] = useState(false)\n const [isInit, setIsInit] = useState(_isInit || false)\n const scrollY = useRef(47)\n const collapsedMenu = useRef<boolean>(false)\n const searchIconDisplayed = useRef<boolean>(false)\n\n const currentUrl =\n siteType === 'helloSites'\n ? `https://${domainLocales[locale]}${asPath}`\n : `https://www.marrybaby.vn${asPath}`\n\n // const { state } = useContext(AppContext)\n // const { userInfo } = state || {}\n\n const avatar = useMemo(() => {\n const name = userInfo?.name || userInfo?.username\n\n return (\n <Avatar\n type=\"rounded\"\n size=\"small\"\n avatarUrl={userInfo?.avatar}\n firstLetter={name && name.length ? name[0].toUpperCase() : 'A'}\n backgroundColor={\n siteType === 'marryBaby'\n ? theme.mbColors.pink\n : theme.colors.secondaryBase\n }\n isAmp={isAmp}\n />\n )\n }, [userInfo?.username, userInfo?.name, userInfo?.avatar])\n\n const goToLogin = () => {\n const currentLocation = window.location.href\n window.location.href = SSO_URL\n ? `${SSO_URL}?returnUrl=${currentLocation}`\n : currentLocation\n }\n\n const logoType =\n siteType === 'helloSites'\n ? (LOCALE_SPECS[locale]?.LOGO_TYPE as LogoTypeProps)\n : siteType\n const isBrowser = typeof window !== 'undefined'\n\n const onSearchValueChanged = (v: string) => {\n // setSearchValue(v)\n onSearchChange?.(v)\n }\n const scrolling = useCallback(\n throttle(() => {\n if (type === 'home') {\n const container = window\n const stickyContainerHeight =\n document.querySelector('.sticky-container')?.clientHeight\n\n if (isBrowser && container) {\n if (\n container.scrollY > scrollY.current &&\n container.scrollY > 64 &&\n !collapsedMenu.current\n ) {\n collapsedMenu.current = true\n setIsCollapsed(true)\n }\n\n if (container.scrollY < scrollY.current && collapsedMenu.current) {\n collapsedMenu.current = false\n setIsCollapsed(false)\n\n if (\n stickyContainerHeight &&\n stickyContainerHeight > container.scrollY\n ) {\n }\n }\n\n if (container.scrollY < scrollY.current) {\n if (\n stickyContainerHeight &&\n stickyContainerHeight > container.scrollY\n ) {\n }\n }\n\n if (isSearchBarDisplay) {\n if (\n container.scrollY < 64 &&\n container.scrollY < scrollY.current &&\n searchIconDisplayed.current\n ) {\n searchIconDisplayed.current = false\n }\n\n if (\n container.scrollY > 8 &&\n container.scrollY > scrollY.current &&\n !searchIconDisplayed.current\n ) {\n searchIconDisplayed.current = true\n }\n } else {\n searchIconDisplayed.current = true\n }\n\n container.scrollY >= 0 && (scrollY.current = container.scrollY)\n }\n\n // set collapse topbar\n\n // hide search input quickly\n // if (\n // container &&\n // container.scrollY > scrollY.current &&\n // container.scrollY > 48 &&\n // container.scrollY < 63 &&\n // !collapsedMenu.current\n // ) {\n // container.scrollTo({\n // top: 112,\n // left: 0,\n // behavior: 'smooth',\n // })\n // }\n\n // hide/display search icon\n }\n }, 300),\n [],\n )\n\n useEffect(() => {\n onTopBarAppears?.(!isCollapsed)\n }, [isCollapsed])\n\n const keyPressed = (e: React.KeyboardEvent<Element>) => {\n onSearchKeyPress &&\n onSearchKeyPress(\n e,\n (document.getElementById('search-input-' + type) as HTMLInputElement)\n ?.value ?? '',\n )\n }\n\n useEffect(() => {\n isMobile && scrolling()\n }, [])\n\n useEffect(() => {\n window.addEventListener('scroll', scrolling, { passive: true })\n return () => {\n window.removeEventListener('scroll', scrolling)\n }\n }, [])\n\n useEffect(() => {\n setIsInit(true)\n }, [])\n\n useEffect(() => {\n if (typeof window !== 'undefined') {\n setIsCloseBookmarkTooltips(Boolean(isCloseBookmarkTooltips))\n }\n }, [])\n\n const focusToMenu = () => {\n setTimeout(() => {\n ;(\n document.getElementsByClassName(\n 'top-menu-categories',\n )?.[0] as HTMLElement\n )?.focus()\n }, 100)\n }\n\n const desktopMenuItems = (\n <>\n {menuItems.find((i) => i.id === 'categories') && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'categories'}\n className={!isInit ? 'menu-handler-categories' : ''}\n tabIndex={0}\n onClick={() => {\n openPopup?.('categories')\n focusToMenu()\n }}\n >\n <div className=\"menu-handler-item\">\n {f('home.navigator.menuItem.discover')}\n <StyledMenuIconWrapper>\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=\"#202135\"\n strokeWidth=\"1.33\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </StyledMenuIconWrapper>\n </div>\n {currentPopupType === 'categories' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n {menuItems.find((i) => i.id === 'healthTools') && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'tools'}\n className={!isInit ? 'menu-handler-health-tools' : ''}\n tabIndex={0}\n >\n <div\n className=\"menu-handler-item\"\n onClick={() => {\n openPopup && openPopup('tools')\n }}\n >\n {f('home.navigator.menuItem.healthTools')}\n <StyledMenuIconWrapper>\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=\"#202135\"\n strokeWidth=\"1.33\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </StyledMenuIconWrapper>\n </div>\n {currentPopupType === 'tools' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n {menuItems.find((i) => i.id === 'care') &&\n !enabledExperimentalCareHeader && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'care'}\n className={!isInit ? 'menu-handler-care-specialties' : ''}\n tabIndex={0}\n >\n <div\n className=\"menu-handler-item\"\n onClick={() => {\n openPopup && openPopup('care')\n }}\n >\n {f('home.navigator.menuItem.helloCare')}\n <StyledMenuIconWrapper>\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=\"#202135\"\n strokeWidth=\"1.33\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </StyledMenuIconWrapper>\n </div>\n {currentPopupType === 'care' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n {menuItems.find((i) => i.id === 'together') && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'communities'}\n className={!isInit ? 'menu-handler-communities' : ''}\n tabIndex={0}\n >\n <div\n className=\"menu-handler-item\"\n onClick={() => {\n openPopup && openPopup('communities')\n }}\n >\n {f('home.navigator.menuItem.helloTogether')}\n <StyledMenuIconWrapper>\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=\"#202135\"\n strokeWidth=\"1.33\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </StyledMenuIconWrapper>\n </div>\n {currentPopupType === 'communities' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n </>\n )\n\n const hasSponsoredBanners = !!sponsorComponent?.props?.sponsoredBy?.length\n const isSiteWide = !!sitewideBanner && !sitewideBannerClosed\n\n const isShowingSiteWideBanner =\n sitewideBannerShown && !!sitewideBanner && !sitewideBannerClosed\n const { headerRef, headerHeight } = useHeaderHeightHook({\n isSiteWide,\n isShowingSiteWideBanner,\n isSponsored,\n hasSponsoredBanners,\n })\n\n if (isMobile) {\n return (\n <NavigationBarMobile\n type={type}\n isStatic={isStatic}\n isAmp={isAmp}\n isDisplayed={isDisplayed}\n siteType={siteType}\n isCollapsed={isCollapsed}\n sitewideBannerShown={sitewideBannerShown}\n sitewideBanner={sitewideBanner}\n sitewideBannerClosed={sitewideBannerClosed}\n setSitewideBannerClosed={setSitewideBannerClosed}\n isMobile={isMobile}\n onMenuClick={onMenuClick}\n menu={menu}\n isSearchIconDisplayed={isSearchIconDisplayed}\n statics={statics}\n basePath={basePath}\n languageMenu={languageMenu}\n enabledExperimentalCareHeader={enabledExperimentalCareHeader}\n logoType={logoType}\n locale={locale}\n isInit={isInit}\n title={title}\n sponsorComponent={sponsorComponent}\n currentUrl={currentUrl}\n userInfo={userInfo}\n currentPopupType={currentPopupType}\n avatar={avatar}\n profileMenu={profileMenu}\n isLoginButtonDisplayed={isLoginButtonDisplayed}\n goToLogin={goToLogin}\n isSearchBarDisplay={isSearchBarDisplay}\n searchPlaceholder={searchPlaceholder}\n onSearchValueChanged={onSearchValueChanged}\n keyPressed={keyPressed}\n />\n )\n }\n\n return (\n <>\n <div\n style={{\n height: headerHeight,\n }}\n ></div>\n <StyledDesktopHeaderWrapper\n ref={headerRef}\n data-site-type={siteType}\n data-marry-baby-tone={siteType === 'marryBaby' && tone}\n data-sponsored={isSponsored}\n data-sitewide-banner-shown={isShowingSiteWideBanner}\n >\n {sitewideBanner\n ? !React.isValidElement(sitewideBanner)\n ? sitewideBanner\n : React.cloneElement<{\n isCollapsed?: boolean\n setBannerClosed?: (v: boolean) => void\n }>(sitewideBanner, {\n isCollapsed,\n setBannerClosed: setSitewideBannerClosed,\n })\n : null}\n <Container\n style={{\n height: 69,\n padding: '0 16px',\n }}\n type={siteType}\n >\n <StyledDesktopHeader>\n <StyledLeftGroup>\n <a href={HOME_PAGE_URL}>\n <StyledLogoWrapper\n data-is-having-border={siteType === 'helloSites'}\n >\n <Logo\n style={{\n display: 'flex',\n }}\n type={logoType}\n height=\"27px\"\n width=\"121px\"\n badge={\n locale === 'id-ID' ? (\n <img\n src={SehatBadge}\n style={{\n width: 56,\n height: 23,\n maxWidth: 56,\n }}\n width=\"56\"\n height=\"23\"\n />\n ) : undefined\n }\n />\n </StyledLogoWrapper>\n </a>\n {isSearchBarDisplay && siteType === 'helloSites' && (\n <StyledDesktopMenuSearchInput\n data-header-type={type}\n data-is-displayed={isDisplayed}\n data-sitewide-banner-shown={\n sitewideBannerShown && !!sitewideBanner\n }\n >\n <PureInput\n style={{\n minHeight: '32px',\n maxHeight: '32px',\n minWidth: '100%',\n backgroundColor: theme.colors.white,\n }}\n // value={searchValue}\n name={'search-input-' + type + (!isInit ? '-temp' : '')}\n autoFocus={false}\n size=\"sm\"\n placeholder={searchPlaceholder}\n onChange={onSearchValueChanged}\n onKeyPress={keyPressed}\n displayIcon={\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{\n width: '24px',\n height: '24px',\n transform: 'scale(0.8)',\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 fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.875 11C4.875 7.61726 7.61726 4.875 11 4.875C14.3827 4.875 17.125 7.61726 17.125 11C17.125 14.3827 14.3827 17.125 11 17.125C7.61726 17.125 4.875 14.3827 4.875 11ZM11 3.125C6.65076 3.125 3.125 6.65076 3.125 11C3.125 15.3492 6.65076 18.875 11 18.875C12.8594 18.875 14.5683 18.2306 15.9155 17.1529L19.3813 20.6187C19.723 20.9604 20.277 20.9604 20.6187 20.6187C20.9604 20.277 20.9604 19.723 20.6187 19.3813L17.1529 15.9155C18.2306 14.5683 18.875 12.8594 18.875 11C18.875 6.65076 15.3492 3.125 11 3.125Z\"\n fill=\"#8C8C8C\"\n />\n </svg>\n </a>\n }\n />\n </StyledDesktopMenuSearchInput>\n )}\n {siteType === 'marryBaby' && (\n <div style={{ marginLeft: 28, display: 'flex' }}>\n {desktopMenuItems}\n </div>\n )}\n </StyledLeftGroup>\n <StyledRightGroup>\n {siteType === 'helloSites' && desktopMenuItems}\n {isSearchBarDisplay && siteType === 'marryBaby' && (\n <StyledDesktopMenuSearchInput\n data-header-type={type}\n data-is-displayed={isDisplayed}\n data-is-styled-borderless={siteType === 'marryBaby'}\n data-marry-baby-theme={tone}\n >\n <PureInput\n style={{\n minHeight: '40px',\n maxHeight: '40px',\n minWidth: '100%',\n borderRadius: 16,\n }}\n // value={searchValue}\n name={'search-input-' + type + (!isInit ? '-temp' : '')}\n autoFocus={false}\n size=\"sm\"\n placeholder={searchPlaceholder}\n onChange={onSearchValueChanged}\n onKeyPress={keyPressed}\n displayIcon={\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{ width: '24px', height: '24px' }}\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=\"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z\"\n fill=\"#3E3F58\"\n />\n </svg>\n </a>\n }\n />\n </StyledDesktopMenuSearchInput>\n )}\n {typeof languageMenu !== 'undefined' && (\n <StyledHeaderMenuItem\n data-is-active={true}\n className={!isInit ? 'menu-handler-language' : ''}\n onClick={() => {\n openPopup && openPopup('language')\n }}\n >\n {languageMenu}\n </StyledHeaderMenuItem>\n )}\n\n <StyledProfileMenu\n data-is-active={currentPopupType === 'profile'}\n data-is-profile={true}\n className={!isInit ? 'menu-handler-health-tools' : ''}\n tabIndex={0}\n >\n <div className=\"menu-handler-item\">\n {enabledExperimentalCareHeader && (\n <>\n {onCareHeaderClick ? (\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color=\"secondary\"\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n onClick={onCareHeaderClick}\n >\n {f('login.booking')}\n </Button>\n ) : (\n <a\n href={CARE_URL_FE}\n className=\"care-button no-replace-click\"\n >\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color=\"secondary\"\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n >\n {f('login.booking')}\n </Button>\n </a>\n )}\n </>\n )}\n {userInfo?.id ? (\n <StyledImageWrapper style={{ position: 'relative' }}>\n <div onClick={() => openPopup && openPopup('profile')}>\n {avatar}\n </div>\n {profileMenu}\n </StyledImageWrapper>\n ) : (\n isLoginButtonDisplayed && (\n <a\n data-event-category=\"Sign Up\"\n data-event-action=\"Button Click\"\n data-event-label={currentUrl}\n >\n {enabledExperimentalCareHeader ? (\n <StyledAvatar onClick={goToLogin}>\n <img\n src={LockIcon}\n className=\"avatar\"\n alt=\"avatar\"\n />\n </StyledAvatar>\n ) : siteType === 'helloSites' ? (\n <Button\n size=\"md\"\n color=\"secondary\"\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n ) : (\n <Button\n size=\"md\"\n color=\"secondary\"\n theme=\"marryBaby\"\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n )}\n </a>\n )\n )}\n </div>\n </StyledProfileMenu>\n </StyledRightGroup>\n </StyledDesktopHeader>\n </Container>\n {sponsorComponent\n ? !React.isValidElement(sponsorComponent)\n ? sponsorComponent\n : React.cloneElement<{\n isCollapsed?: boolean\n isMobile?: boolean\n isAmp?: boolean\n locale?: string\n }>(sponsorComponent, {\n isCollapsed,\n locale,\n isMobile,\n isAmp,\n })\n : null}\n </StyledDesktopHeaderWrapper>\n </>\n )\n}\n\nexport { NavigationBar }\n"],"names":["useHeaderHeightHook","_a","hasSponsoredBanners","isSiteWide","isSponsored","isShowingSiteWideBanner","isMobile","headerRef","useRef","_b","useState","headerHeight","setHeaderHeight","debounceSetHeader","useCallback","debounce","newHeaderHeight","current","clientHeight","window","scrollY","useEffect","addEventListener","removeEventListener","defaultHeaderHeight","useMemo","res","siteType","basePath","statics","_e","currentPopupType","_f","isDisplayed","_g","isSearchBarDisplay","_h","searchPlaceholder","openPopup","onTopBarAppears","onSearchChange","onSearchKeyPress","menu","isAmp","profileMenu","_j","isLoginButtonDisplayed","title","_k","type","onMenuClick","_l","isStatic","asPath","routerAsPath","locale","userInfo","_m","marryBaby","tone","_p","menuItems","_isInit","isInit","sitewideBanner","_q","sitewideBannerShown","sponsorComponent","languageMenu","_r","isSearchIconDisplayed","enabledExperimentalCareHeader","onCareHeaderClick","SSO_URL","HOME_PAGE_URL","CARE_URL_FE","f","useTranslation","_s","isCollapsed","setIsCollapsed","_t","sitewideBannerClosed","setSitewideBannerClosed","_u","isCloseBookmarkTooltips","setIsCloseBookmarkTooltips","_v","setIsInit","collapsedMenu","searchIconDisplayed","currentUrl","domainLocales","concat","avatar","name","username","React","Avatar","size","avatarUrl","firstLetter","length","toUpperCase","backgroundColor","theme","mbColors","pink","colors","secondaryBase","goToLogin","currentLocation","location","href","logoType","LOCALE_SPECS","LOGO_TYPE","isBrowser","onSearchValueChanged","v","scrolling","throttle","container","stickyContainerHeight","document","querySelector","keyPressed","e","getElementById","value","passive","Boolean","desktopMenuItems","createElement","Fragment","find","i","id","StyledHeaderMenuItem","className","tabIndex","onClick","setTimeout","getElementsByClassName","focus","StyledMenuIconWrapper","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_d","props","_c","sponsoredBy","_w","NavigationBarMobile","style","StyledDesktopHeaderWrapper","ref","isValidElement","cloneElement","setBannerClosed","Container","padding","StyledDesktopHeader","StyledLeftGroup","StyledLogoWrapper","Logo","display","badge","src","SehatBadge","maxWidth","undefined","StyledDesktopMenuSearchInput","PureInput","minHeight","maxHeight","minWidth","white","autoFocus","placeholder","onChange","onKeyPress","displayIcon","transform","fillRule","clipRule","marginLeft","StyledRightGroup","borderRadius","StyledProfileMenu","Button","color","dataEventCategory","dataEventAction","dataEventLabel","StyledImageWrapper","position","StyledAvatar","LockIcon","alt"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationLayout/navigationBar/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled, { StyledComponent } from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledHeaderContainer = styled.header`\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n /* overflow-x: hidden; */\n\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ${Z_INDEX.headerContainerHome};\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ${Z_INDEX.headerContainerPopup};\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ${Z_INDEX.headerContainerPopupSUbLevel};\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n`\n\nexport const StyledMenuContainer = styled.header`\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n`\n\nexport const StyledMenuIcon: StyledComponent<\n 'div',\n any,\n { on?: string },\n never\n> = styled.div`\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledMenuSearchInput = styled.div`\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ${Z_INDEX.menuSearchInputPopup};\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ${Z_INDEX.menuSearchInputDisplayIcon};\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ${Z_INDEX.menuSearchPopup};\n left: 0;\n width: 100vw;\n }\n`\n\nexport const StyledDesktopHeaderWrapper = styled.div`\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ${(props: ThemeProps) => props.theme.mbColors.lightPink};\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n`\n\nexport const StyledDesktopHeader = styled.div`\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n`\n\nexport const StyledLeftGroup = styled.div`\n display: flex;\n align-items: center;\n`\n\nexport const StyledLogoWrapper = styled.div`\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n`\n\nexport const StyledDesktopMenuSearchInput = styled.div`\n padding: 0 16px;\n\n & > div {\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ${(props: ThemeProps) => props.theme.mbColors.lightGray};\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral100};\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.white};\n border-radius: 16px;\n filter: none;\n }\n }\n`\n\nexport const StyledRightGroup = styled.div`\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n`\n\nexport const StyledImageWrapper = styled.div`\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n`\n\nexport const StyledMenuIconWrapper = styled.div`\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n`\n\nexport const StyledHeaderMenuItem = styled.div`\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n line-height: 22px;\n\n user-select: none;\n }\n\n &[data-is-active='true'] {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n\n div[data-site-type='marryBaby'] & {\n color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n }\n }\n\n &[data-is-active='false'] {\n color: ${(props: ThemeProps) => props.theme.colors.secondaryDark};\n\n div[data-site-type='marryBaby'] & {\n color: ${(props: ThemeProps) => props.theme.mbColors.dark};\n }\n }\n .care-navigator {\n color: ${(props: ThemeProps) => props.theme.colors.secondaryDark};\n font-size: 14px;\n font-weight: 700;\n }\n`\n\nexport const StyledProfileMenu = styled.div`\n flex-shrink: 0;\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n line-height: 22px;\n\n user-select: none;\n }\n ${MediaQueries.mbDown} {\n position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n`\n\nexport const StyledCloseButton: StyledComponent<\n 'div',\n any,\n { on?: string },\n never\n> = styled.div`\n display: block;\n`\n\nexport const StyledAmpCategoryCard: StyledComponent<\n 'div',\n any,\n { on?: string; '[class]'?: string },\n never\n> = styled.div``\n\nexport const StyledAmpSidebar = styled.div`\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ${(props: ThemeProps) => props.theme.colors.neutral50};\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n`\n\nexport const StyledAvatar = styled.div`\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ${(props: ThemeProps) =>\n props.theme.colors.secondaryBase};\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n`\n"],"names":["StyledHeaderContainer","styled","header","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","white","Z_INDEX","headerContainerHome","headerContainerPopup","headerContainerPopupSUbLevel","StyledMenuContainer","templateObject_2","StyledMenuIcon","div","templateObject_3","StyledMenuSearchInput","menuSearchInputPopup","menuSearchInputDisplayIcon","menuSearchPopup","StyledDesktopHeaderWrapper","templateObject_5","mbColors","lightPink","StyledDesktopHeader","templateObject_6","StyledLeftGroup","templateObject_7","StyledLogoWrapper","templateObject_8","StyledDesktopMenuSearchInput","templateObject_9","lightGray","StyledRightGroup","templateObject_10","StyledImageWrapper","templateObject_11","StyledMenuIconWrapper","templateObject_12","StyledHeaderMenuItem","templateObject_13","sizes","fsParagraph4","fwBold","primaryBase","pink","secondaryDark","dark","StyledProfileMenu","templateObject_14","MediaQueries","mbDown","StyledCloseButton","templateObject_15","StyledAmpCategoryCard","templateObject_16","templateObject_17","neutral50","gray800","StyledAvatar","templateObject_18","secondaryBase"],"mappings":"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"}

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

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