@hhgtech/hhg-components 1.18.49 → 1.18.52

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuHealthToolsList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledCardSkeleton = styled.div`\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n`\nexport const StyledContainer = styled.div`\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n  .title {\n    margin-bottom: 8px;\n    margin-top: 24px;\n  }\n`\nexport const StyledCategoryContainer = styled.div`\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n  border-bottom: 1px solid\n    ${(props: ThemeProps) => props.theme.colors.neutral100};\n\n  &[data-is-heading-category='true'] {\n    /* border-bottom: none; */\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  }\n  > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div`\n  padding-right: 16px;\n`\n\nexport const StyledMenuPopupWrapper = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEX.menuCategoryPopupWrapper};\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n`\n\nexport const StyledMenuPopupContainer = styled.div`\n  z-index: ${Z_INDEX.menuCategoryPopupContainer};\n  align-items: center;\n\n  border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral50};\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n`\n\nexport const StyledInnerMenuPopupContainer = styled.div`\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n`\n\nexport const StyledHealthToolItem = styled.div`\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  &[data-grouped='true'] {\n    width: 100%;\n  }\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  }\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledCategoryItemAll = styled.div`\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n  font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledImageWrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n`\n\nexport const StyledCloseWrapper = styled.div`\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`\n\nexport const StyledHealtoolListContainer = styled.div`\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n`\n\nexport const StyledSeeMore = styled.div`\n  margin-bottom: 56px;\n  margin-top: 18px;\n`\n\nexport const StyleHealthToolByCategory = styled.div`\n  position: relative;\n  display: flex;\n  width: 25%;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n  margin-bottom: 24px;\n  h1 {\n    margin-bottom: 20px;\n  }\n`\n"],"names":["StyledCardSkeleton","styled","div","templateObject_1","__makeTemplateObject","StyledContainer","templateObject_2","StyledCategoryContainer","templateObject_3","props","theme","colors","white","sizes","fsParagraph4","neutral100","blue50","gray800","fwBold","StyledCategory","templateObject_4","StyledCategoryIcon","templateObject_5","StyledMenuPopupWrapper","templateObject_6","Z_INDEX","menuCategoryPopupWrapper","StyledMenuPopupContainer","templateObject_7","menuCategoryPopupContainer","neutral50","StyledInnerMenuPopupContainer","templateObject_8","StyledHealthToolItem","templateObject_9","fwRegular","primaryBase","StyledCategoryItemAll","templateObject_10","mbColors","pink","StyledImageWrapper","templateObject_11","StyledCloseWrapper","templateObject_12","templateObject_13","StyledSeeMore","templateObject_14","StyleHealthToolByCategory","templateObject_15"],"mappings":"8JAKa,IAAAA,EAAqBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,mEAAA,CAAA,sEAM/BC,EAAkBJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,0MAAA,CAAA,6MAa5BG,EAA0BN,EAAOC,IAAGM,IAAAA,EAAAJ,EAAA,CAAA,qJAAA,mBAAA,sCAAA,sGAAA,iBAAA,uBAAA,qDAAA,CAAA,qJAOoB,mBACD,sCAEV,sGAIc,iBACV,uBACI,wDAT5C,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SACjD,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,gBAElD,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,cAIxB,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,UACrD,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WACpC,SAACR,GAAsB,OAAAA,EAAMC,MAAMG,MAAMK,UAO/CC,EAAiBlB,EAAOC,IAAGkB,IAAAA,EAAAhB,EAAA,CAAA,IAAA,CAAA,OAE3BiB,EAAqBpB,EAAOC,IAAGoB,IAAAA,EAAAlB,EAAA,CAAA,8BAAA,CAAA,iCAI/BmB,EAAyBtB,EAAOC,IAAGsB,IAAAA,EAAApB,EAAA,CAAA,oCAAA,qLAAA,CAAA,oCAEH,uLAAhCqB,EAAQC,0BAYRC,EAA2B1B,EAAOC,IAAG0B,IAAAA,EAAAxB,EAAA,CAAA,gBAAA,oDAAA,0BAAA,wKAAA,CAAA,gBACH,oDAG0B,0BACJ,0KAJxDqB,EAAQI,4BAGC,SAACpB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOmB,aAC1C,SAACrB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAMnDmB,EAAgC9B,EAAOC,IAAG8B,IAAAA,EAAA5B,EAAA,CAAA,mJAAA,CAAA,sJAS1C6B,EAAuBhC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,gNAAA,qBAAA,uBAAA,iIAAA,2EAAA,CAAA,gNAagB,qBACQ,uBACD,iIASH,8EAXrD,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WACtC,SAACR,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,gBACvC,SAACL,GAAsB,OAAAA,EAAMC,MAAMG,MAAMsB,aAS/C,SAAC1B,GAAsB,OAAAA,EAAMC,MAAMC,OAAOyB,eAO1CC,EAAwBpC,EAAOC,IAAGoC,IAAAA,EAAAlC,EAAA,CAAA,0GAAA,mBAAA,qBAAA,wEAAA,0EAAA,CAAA,0GAMiB,mBACI,qBACJ,wEAIH,6EANlD,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOyB,eACtC,SAAC3B,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,gBACvC,SAACL,GAAsB,OAAAA,EAAMC,MAAMG,MAAMK,UAI7C,SAACT,GAAsB,OAAAA,EAAMC,MAAM6B,SAASC,QAO5CC,EAAqBxC,EAAOC,IAAGwC,IAAAA,EAAAtC,EAAA,CAAA,wEAAA,CAAA,2EAO/BuC,EAAqB1C,EAAOC,IAAG0C,IAAAA,EAAAxC,EAAA,CAAA,sHAAA,CAAA,yHASDH,EAAOC,IAAG2C,IAAAA,EAAAzC,EAAA,CAAA,iEAAA,CAAA,oEAMxC,kCAAA0C,EAAgB7C,EAAOC,IAAG6C,IAAAA,EAAA3C,EAAA,CAAA,mDAAA,CAAA,sDAK1B4C,EAA4B/C,EAAOC,IAAG+C,IAAAA,EAAA7C,EAAA,CAAA,oNAAA,CAAA"}

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

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

package/build/esm/components/organisms/navigationLayout/menuHealthToolsList/marryBaby.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marryBaby.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuHealthToolsList/marryBaby.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\n\nimport { theme } from 'misc/theme'\n\nimport { MarryBabyText } from '../marryBabyText'\nimport { DesktopMenuPopup, HealthTool } from '../types'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n  StyledCategory,\n  // StyledCategoryIcon,\n  // StyledCategoryContainer,\n  // StyledCategoryIcon,\n  // StyledCategoryItemAll,\n  // StyledCloseWrapper,\n  StyledContainer,\n  // StyledHealthToolItem,\n  // StyledImageWrapper,\n  // StyledInnerMenuPopupContainer,\n  // StyledMenuPopupContainer,\n  // StyledMenuPopupWrapper,\n} from './index.styled'\nimport {\n  StyledFullScreenLayer,\n  StyledMarryBabyCategoryContainer,\n  StyledMarryBabyHealthCategoriesContainer,\n  StyledMarryBabyIconContainer,\n  StyledMarryBabyMenuPopupContainer,\n  StyledMarryBabyMenuPopupWrapper,\n} from './marrybaby.styled'\n\nexport type Props = {\n  isDisplayed: boolean\n  healthTools: HealthTool[]\n  onSelectHealthTool: (c: HealthTool) => void\n  onClosePopup: () => void\n  isLoading: boolean\n  isMobile: boolean\n  desktopPopupType: DesktopMenuPopup\n  basePath: string\n  discoverApiDomain: string\n  HEALTH_TOOL_URL_FE: string\n}\n\nconst MarryBabyMenuHealthToolsList = ({\n  isDisplayed = false,\n  healthTools,\n  onSelectHealthTool,\n  isLoading,\n  basePath,\n  isMobile,\n  onClosePopup,\n  HEALTH_TOOL_URL_FE,\n  desktopPopupType,\n}: Props) => {\n  return isMobile ? (\n    isLoading && isDisplayed ? (\n      <StyledContainer>\n        <CategorySkeleton />\n      </StyledContainer>\n    ) : (\n      <StyledContainer\n        style={{\n          marginTop: 24,\n        }}\n        data-category-list-type=\"main\"\n        data-is-displayed={isDisplayed}\n      >\n        {healthTools.map((healthTool, index) => (\n          <a\n            key={'tool-' + index}\n            className={`wrapper-menu-health-tool wrapper-menu-health-tool-${index}`}\n            data-event-category=\"Hamburger Navigation\"\n            data-event-action=\"Click\"\n            data-event-label={`https://https://marrybaby.vn${healthTool.link}`}\n          >\n            <StyledMarryBabyCategoryContainer\n              onClick={() => {\n                onSelectHealthTool(healthTool)\n              }}\n            >\n              <StyledMarryBabyIconContainer>\n                <img\n                  alt=\"health-tool-icon\"\n                  src={healthTool.icon || `${basePath}/images/avatar.jpg`}\n                  style={{ width: '24px', height: '24px' }}\n                />\n              </StyledMarryBabyIconContainer>\n              <StyledCategory>{healthTool.title}</StyledCategory>\n            </StyledMarryBabyCategoryContainer>\n          </a>\n        ))}\n      </StyledContainer>\n    )\n  ) : (\n    <StyledMarryBabyMenuPopupWrapper\n      className=\"top-menu-health-tools\"\n      onClick={onClosePopup}\n      data-is-display={desktopPopupType === 'tools'}\n    >\n      <StyledFullScreenLayer />\n      <StyledMarryBabyMenuPopupContainer\n        data-popup-type={desktopPopupType}\n        onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n          e.stopPropagation()\n        }}\n      >\n        <StyledMarryBabyHealthCategoriesContainer>\n          {isLoading ? (\n            <div\n              style={{\n                width: '100%',\n                padding: '0 20px',\n              }}\n            >\n              <CategorySkeleton />\n            </div>\n          ) : (\n            healthTools.map((healthTool: HealthTool, index: number) => (\n              <a\n                className={`wrapper-menu-health-tool wrapper-menu-health-tool-${index} iconMenu`}\n                data-event-category=\"Hamburger Navigation\"\n                data-event-action=\"Click\"\n                data-event-label={`https://marrybaby.vn${healthTool.link}`}\n                style={{\n                  textDecoration: 'none',\n                  color: theme.colors.gray800,\n                }}\n                href={\n                  healthTool.link.startsWith('http')\n                    ? healthTool.link\n                    : `${HEALTH_TOOL_URL_FE}${healthTool.link}`\n                }\n                key={healthTool.title}\n                onClick={(e) => {\n                  e.stopPropagation()\n                }}\n              >\n                <StyledMarryBabyCategoryContainer onClick={onClosePopup}>\n                  <StyledMarryBabyIconContainer>\n                    <img\n                      alt={healthTool.title}\n                      src={healthTool.icon || '/images/avatar.jpg'}\n                      style={{ width: '24px', height: '24px' }}\n                    />\n                  </StyledMarryBabyIconContainer>\n                  <MarryBabyText\n                    style={\n                      {\n                        fontWeight: theme.sizes.fwSemiBold,\n                      } as CSSProperties\n                    }\n                    type=\"subtitle-2\"\n                  >\n                    {healthTool.title}\n                  </MarryBabyText>\n                </StyledMarryBabyCategoryContainer>\n              </a>\n            ))\n          )}\n        </StyledMarryBabyHealthCategoriesContainer>\n      </StyledMarryBabyMenuPopupContainer>\n    </StyledMarryBabyMenuPopupWrapper>\n  )\n}\n\nexport { MarryBabyMenuHealthToolsList }\n"],"names":["MarryBabyMenuHealthToolsList","_a","_b","isDisplayed","healthTools","onSelectHealthTool","isLoading","basePath","isMobile","onClosePopup","HEALTH_TOOL_URL_FE","desktopPopupType","React","StyledContainer","createElement","CategorySkeleton","style","marginTop","map","healthTool","index","key","className","concat","link","StyledMarryBabyCategoryContainer","onClick","StyledMarryBabyIconContainer","alt","src","icon","width","height","StyledCategory","title","StyledMarryBabyMenuPopupWrapper","StyledFullScreenLayer","StyledMarryBabyMenuPopupContainer","e","stopPropagation","StyledMarryBabyHealthCategoriesContainer","padding","textDecoration","color","theme","colors","gray800","href","startsWith","MarryBabyText","fontWeight","sizes","fwSemiBold","type"],"mappings":"8eA2CM,IAAAA,EAA+B,SAACC,GACpC,IAAAC,EAAAD,EAAAE,YAAAA,OAAc,IAAAD,GAAKA,EACnBE,EAAWH,EAAAG,YACXC,EAAkBJ,EAAAI,mBAClBC,EAASL,EAAAK,UACTC,EAAQN,EAAAM,SACRC,EAAQP,EAAAO,SACRC,EAAYR,EAAAQ,aACZC,EAAkBT,EAAAS,mBAClBC,EAAgBV,EAAAU,iBAEhB,OAAOH,EACLF,GAAaH,EACXS,gBAACC,EAAe,KACdD,EAAAE,cAACC,EAAgB,OAGnBH,EAACE,cAAAD,EACC,CAAAG,MAAO,CACLC,UAAW,IACZ,0BACuB,OACL,oBAAAd,GAElBC,EAAYc,KAAI,SAACC,EAAYC,GAAU,OACtCR,qBACES,IAAK,QAAUD,EACfE,UAAW,qDAAAC,OAAqDH,GAAO,sBACnD,uBAAsB,oBACxB,QACA,mBAAA,+BAAAG,OAA+BJ,EAAWK,OAE5DZ,EAACE,cAAAW,EACC,CAAAC,QAAS,WACPrB,EAAmBc,KAGrBP,EAAAE,cAACa,EAA4B,KAC3Bf,EACEE,cAAA,MAAA,CAAAc,IAAI,mBACJC,IAAKV,EAAWW,MAAQ,GAAAP,OAAGhB,EAAQ,sBACnCS,MAAO,CAAEe,MAAO,OAAQC,OAAQ,WAGpCpB,EAAAE,cAACmB,EAAc,KAAEd,EAAWe,aAOtCtB,EAAAE,cAACqB,EAA+B,CAC9Bb,UAAU,wBACVI,QAASjB,EACQ,kBAAqB,UAArBE,GAEjBC,EAAAE,cAACsB,EAAwB,MACzBxB,EAAAE,cAACuB,EACkB,CAAA,kBAAA1B,EACjBe,QAAS,SAACY,GACRA,EAAEC,oBAGJ3B,EAACE,cAAA0B,OACElC,EACCM,EACEE,cAAA,MAAA,CAAAE,MAAO,CACLe,MAAO,OACPU,QAAS,WAGX7B,EAAAE,cAACC,EAAmB,OAGtBX,EAAYc,KAAI,SAACC,EAAwBC,GAAkB,OACzDR,EAAAE,cAAA,IAAA,CACEQ,UAAW,qDAAAC,OAAqDH,EAAK,mCACjD,uBAAsB,oBACxB,QAAO,mBACP,8BAAuBD,EAAWK,MACpDR,MAAO,CACL0B,eAAgB,OAChBC,MAAOC,EAAMC,OAAOC,SAEtBC,KACE5B,EAAWK,KAAKwB,WAAW,QACvB7B,EAAWK,KACX,GAAGD,OAAAb,UAAqBS,EAAWK,MAEzCH,IAAKF,EAAWe,MAChBR,QAAS,SAACY,GACRA,EAAEC,oBAGJ3B,EAAAE,cAACW,EAAgC,CAACC,QAASjB,GACzCG,EAAAE,cAACa,EAA4B,KAC3Bf,EACEE,cAAA,MAAA,CAAAc,IAAKT,EAAWe,MAChBL,IAAKV,EAAWW,MAAQ,qBACxBd,MAAO,CAAEe,MAAO,OAAQC,OAAQ,WAGpCpB,EAACE,cAAAmC,EACC,CAAAjC,MACE,CACEkC,WAAYN,EAAMO,MAAMC,YAG5BC,KAAK,cAEJlC,EAAWe"}

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

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

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

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

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

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

package/build/esm/components/organisms/navigationLayout/menuSectionCard/cardSkeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cardSkeleton.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuSectionCard/cardSkeleton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Skeleton from 'react-loading-skeleton'\n\nimport { StyledCardSkeleton } from './index.styled'\n\nconst CardSkeleton = () => (\n  <>\n    <StyledCardSkeleton>\n      <div>\n        <Skeleton height={109} />\n      </div>\n      <div>\n        <Skeleton height={109} />\n      </div>\n      <div>\n        <Skeleton height={109} />\n      </div>\n      <div>\n        <Skeleton height={109} />\n      </div>\n      <div>\n        <Skeleton height={109} />\n      </div>\n      <div>\n        <Skeleton height={109} />\n      </div>\n    </StyledCardSkeleton>\n  </>\n)\n\nexport default CardSkeleton\n"],"names":["CardSkeleton","React","createElement","Fragment","StyledCardSkeleton","Skeleton","height"],"mappings":"kHAMA,IAAMA,EAAe,WAAM,OACzBC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EAAkB,KACjBH,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACG,EAAS,CAAAC,OAAQ,OAEpBL,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACG,EAAS,CAAAC,OAAQ,OAEpBL,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACG,EAAS,CAAAC,OAAQ,OAEpBL,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACG,EAAS,CAAAC,OAAQ,OAEpBL,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACG,EAAS,CAAAC,OAAQ,OAEpBL,EAAAC,cAAA,MAAA,KACED,EAAAC,cAACG,EAAQ,CAACC,OAAQ"}

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

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

package/build/esm/components/organisms/navigationLayout/menuSectionCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuSectionCard/index.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Text } from '@hhgtech/hhg-components'\n// import { MenuService } from 'interfaces/types'\n\nimport { Text } from 'components/atoms/text'\n\nimport { MenuService, MenuServiceType } from '../types'\nimport CardSkeleton from './cardSkeleton'\nimport { StyledCard } from './index.styled'\n\nexport type Props = {\n  specialty: MenuService\n  id: MenuServiceType\n  isActive?: boolean\n  onClick?: (i: string | number) => void\n  position?: 'left' | 'center' | 'right' | 'whatever'\n  isMobile?: boolean\n  className?: string\n}\n\nconst MenuSectionCard = ({\n  specialty,\n  id,\n  isActive = false,\n  position,\n  className,\n  onClick,\n}: Props) => {\n  if (!specialty.name || specialty.name === '') return <CardSkeleton />\n  return (\n    <StyledCard\n      onClick={() => {\n        onClick && onClick(id)\n      }}\n      className={className}\n      data-is-active={isActive}\n      data-card-position={position}\n    >\n      <img\n        src={specialty.thumbnail}\n        style={{ objectFit: 'contain', height: '55px', width: '55px' }}\n        alt={'category-menu-card'}\n      />\n      <Text type=\"bold\" size=\"label2\">\n        {specialty.name}\n      </Text>\n    </StyledCard>\n  )\n}\n\nexport { MenuSectionCard }\n"],"names":["MenuSectionCard","_a","specialty","id","_b","isActive","position","className","onClick","name","React","createElement","StyledCard","src","thumbnail","style","objectFit","height","width","alt","Text","type","size","CardSkeleton"],"mappings":"yJAqBM,IAAAA,EAAkB,SAACC,GACvB,IAAAC,cACAC,OACAC,EAAAH,EAAAI,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAQL,EAAAK,SACRC,EAASN,EAAAM,UACTC,EAAOP,EAAAO,QAEP,OAAKN,EAAUO,MAA2B,KAAnBP,EAAUO,KAE/BC,EAAAC,cAACC,EAAU,CACTJ,QAAS,WACPA,GAAWA,EAAQL,IAErBI,UAAWA,EACK,iBAAAF,uBACIC,GAEpBI,EACEC,cAAA,MAAA,CAAAE,IAAKX,EAAUY,UACfC,MAAO,CAAEC,UAAW,UAAWC,OAAQ,OAAQC,MAAO,QACtDC,IAAK,uBAEPT,EAAAC,cAACS,EAAK,CAAAC,KAAK,OAAOC,KAAK,UACpBpB,EAAUO,OAhBoCC,EAAAC,cAACY,EAAY"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuSectionCard/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledCardSkeleton = styled.div`\n  & > div {\n    width: 100%;\n    min-height: 109px;\n  }\n`\n\nexport const StyledCard = styled.div`\n  min-height: 116px;\n  padding: 8px 8px;\n  border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral100};\n  //border-radius: 6px;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  text-align: center;\n  transition: 0.2s ease-in-out;\n\n  &[data-is-active='true'] {\n    background-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n    p {\n      color: ${(props: ThemeProps) => props.theme.colors.white};\n    }\n  }\n\n  & > :last-child {\n    margin-top: 8px;\n  }\n\n  &[data-card-position='left'] {\n    border-bottom-left-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-card-position='right'] {\n    border-bottom-right-radius: 6px;\n    border-top-right-radius: 6px;\n  }\n\n  &[data-card-position='whatever'] {\n    border-radius: 6px;\n  }\n`\n"],"names":["StyledCardSkeleton","styled","div","templateObject_1","__makeTemplateObject","StyledCard","templateObject_2","props","theme","colors","neutral100","white","primaryBase"],"mappings":"oHAGa,QAAAA,EAAqBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kEAAA,CAAA,qEAO/BC,EAAaJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,oEAAA,mDAAA,2OAAA,4BAAA,8WAAA,CAAA,oEAGsC,mDAEL,2OAOQ,4BAEf,iXAXxC,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAE1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAOxC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,eAEnD,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE"}

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

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

package/build/esm/components/organisms/navigationLayout/menuServiceList/categoriesSubList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"categoriesSubList.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuServiceList/categoriesSubList.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { LocaleType } from 'interfaces/types'\n\nimport { ChevronRightWhiteIcon } from '../assets'\nimport { MenuCategoriesList } from '../menuCategoriesList'\nimport { Category, SiteType, SpotlightSummary } from '../types'\nimport { useTranslation } from '../utils'\nimport {\n  StyledButtonContainerWrapper,\n  StyledCategoryButtonWrapper,\n  StyledScrollingCategories,\n  StyledScrollingWrapper,\n} from './index.styled'\n\ntype Props = {\n  selectedMenuMainItem: Category\n  spotlightsList: SpotlightSummary[]\n  locale: LocaleType\n  basePath: string\n  callApiHandler: (p: string, m: 'GET' | 'POST' | 'PUT') => any\n  discoverApiDomain: string\n  DISCOVER_URL_FE: string\n  MARRY_BABY_FE: string\n  onSelectCategory: (category: Category) => void\n  siteType: SiteType\n  isMobile: boolean\n  onCategoryClick: () => void\n}\n\nconst MenuSubItemListCategory = ({\n  selectedMenuMainItem,\n  spotlightsList,\n  locale,\n  basePath,\n  callApiHandler,\n  discoverApiDomain,\n  DISCOVER_URL_FE,\n  MARRY_BABY_FE,\n  onSelectCategory,\n  isMobile,\n  siteType,\n  onCategoryClick,\n}: Props) => {\n  const f = useTranslation()\n  const { childCates, categoryName } = selectedMenuMainItem\n  return (\n    <StyledScrollingCategories\n      data-type=\"sub-level\"\n      data-with-search-input={false}\n    >\n      <StyledScrollingWrapper>\n        <MenuCategoriesList\n          isDisplayed\n          locale={locale}\n          basePath={basePath}\n          callApiHandler={callApiHandler}\n          discoverApiDomain={discoverApiDomain}\n          DISCOVER_URL_FE={DISCOVER_URL_FE}\n          MARRY_BABY_FE={MARRY_BABY_FE}\n          categories={childCates || []}\n          spotlightsList={spotlightsList}\n          type=\"sub\"\n          onSelectCategory={onSelectCategory}\n          // onSubCategory={onSubCategory}\n          // onSubCatLevel={onSubCatLevel}\n          isMobile={isMobile}\n          siteType={siteType}\n          desktopPopupType=\"none\"\n          isLoading={false}\n          onClosePopup={undefined}\n        />\n        <StyledCategoryButtonWrapper data-site-type={siteType}>\n          <Button\n            onClick={onCategoryClick}\n            className=\"category-button\"\n            size=\"md\"\n            theme={siteType}\n          >\n            <StyledButtonContainerWrapper>\n              <div>\n                {f('home.menu.category.view', {\n                  category: categoryName,\n                })}\n              </div>\n              {siteType === 'helloSites' ? (\n                <img\n                  src={ChevronRightWhiteIcon}\n                  style={{ width: '16px', height: '16px' }}\n                  className=\"button-image\"\n                  alt={f('home.menu.category.view', {\n                    category: categoryName,\n                  })}\n                />\n              ) : (\n                <svg\n                  width=\"25\"\n                  height=\"24\"\n                  viewBox=\"0 0 25 24\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    d=\"M7 12H18M18 12L13.4118 8M18 12L13.4118 16\"\n                    stroke=\"white\"\n                    strokeWidth=\"1.3\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              )}\n            </StyledButtonContainerWrapper>\n          </Button>\n        </StyledCategoryButtonWrapper>\n      </StyledScrollingWrapper>\n    </StyledScrollingCategories>\n  )\n}\n\nexport { MenuSubItemListCategory }\n"],"names":["MenuSubItemListCategory","_a","selectedMenuMainItem","spotlightsList","locale","basePath","callApiHandler","discoverApiDomain","DISCOVER_URL_FE","MARRY_BABY_FE","onSelectCategory","isMobile","siteType","onCategoryClick","f","useTranslation","childCates","categoryName","React","createElement","StyledScrollingCategories","StyledScrollingWrapper","MenuCategoriesList","isDisplayed","categories","type","desktopPopupType","isLoading","onClosePopup","undefined","StyledCategoryButtonWrapper","Button","onClick","className","size","theme","StyledButtonContainerWrapper","category","src","ChevronRightWhiteIcon","style","width","height","alt","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"6YA+BM,IAAAA,EAA0B,SAACC,GAC/B,IAAAC,EAAoBD,EAAAC,qBACpBC,EAAcF,EAAAE,eACdC,EAAMH,EAAAG,OACNC,EAAQJ,EAAAI,SACRC,EAAcL,EAAAK,eACdC,EAAiBN,EAAAM,kBACjBC,EAAeP,EAAAO,gBACfC,EAAaR,EAAAQ,cACbC,EAAgBT,EAAAS,iBAChBC,aACAC,EAAQX,EAAAW,SACRC,EAAeZ,EAAAY,gBAETC,EAAIC,IACFC,EAA6Bd,EAAoBc,WAArCC,EAAiBf,EAAoBe,aACzD,OACEC,EAACC,cAAAC,EACW,CAAA,YAAA,sCACc,GAExBF,EAAAC,cAACE,EAAsB,KACrBH,EAACC,cAAAG,GACCC,aAAW,EACXnB,OAAQA,EACRC,SAAUA,EACVC,eAAgBA,EAChBC,kBAAmBA,EACnBC,gBAAiBA,EACjBC,cAAeA,EACfe,WAAYR,GAAc,GAC1Bb,eAAgBA,EAChBsB,KAAK,MACLf,iBAAkBA,EAGlBC,SAAUA,EACVC,SAAUA,EACVc,iBAAiB,OACjBC,WAAW,EACXC,kBAAcC,IAEhBX,EAACC,cAAAW,oBAA4ClB,GAC3CM,EAAAC,cAACY,EACC,CAAAC,QAASnB,EACToB,UAAU,kBACVC,KAAK,KACLC,MAAOvB,GAEPM,EAAAC,cAACiB,EAA4B,KAC3BlB,EACGC,cAAA,MAAA,KAAAL,EAAE,0BAA2B,CAC5BuB,SAAUpB,KAGA,eAAbL,EACCM,EAAAC,cAAA,MAAA,CACEmB,IAAKC,EACLC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QAChCT,UAAU,eACVU,IAAK7B,EAAE,0BAA2B,CAChCuB,SAAUpB,MAIdC,EACEC,cAAA,MAAA,CAAAsB,MAAM,KACNC,OAAO,KACPE,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN5B,EAAAC,cAAA,OAAA,CACE4B,EAAE,4CACFC,OAAO,QACPC,YAAY,MACZC,cAAc,QACdC,eAAe"}

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

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

package/build/esm/components/organisms/navigationLayout/menuServiceList/communitySubList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"communitySubList.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuServiceList/communitySubList.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { LocaleType } from 'interfaces/types'\n\nimport { ChevronRightWhiteIcon } from '../assets'\nimport { MenuCommunitiesList } from '../menuCommunitiesList'\nimport { Community, SiteType } from '../types'\nimport {\n  formatCommunity,\n  formatTogetherTopic,\n  getTogetherDefaultCommunitiesSubMenuApiPath,\n  getTogetherMarryBabyCommunitiesSubMenuApiPath,\n  useTranslation,\n} from '../utils'\nimport {\n  StyledButtonContainerWrapper,\n  StyledCategoryButtonWrapper,\n  StyledScrollingCategories,\n  StyledScrollingWrapper,\n} from './index.styled'\n\ntype Props = {\n  selectedMenuMainItem: Community\n  onSelectCommunity: ({}: {\n    community: Community\n    isSetToSubMenu: boolean\n  }) => void\n  onCommunityClick: () => void\n  callApiHandler: (p: string, m: 'GET' | 'POST' | 'PUT') => any\n  basePath: string\n  togetherApiDomain: string\n  locale: LocaleType\n  TOGETHER_URL_FE: string\n  siteType: SiteType\n  isMobile: boolean\n}\n\nconst MenuSubItemListCommunities = ({\n  selectedMenuMainItem,\n  onCommunityClick,\n  onSelectCommunity,\n  basePath = '',\n  callApiHandler,\n  togetherApiDomain,\n  locale,\n  TOGETHER_URL_FE,\n  siteType,\n  isMobile,\n}: Props) => {\n  // const { formatMessage: f } = useIntl()\n  const f = useTranslation()\n  // get community topic\n  const [subCommunities, setSubCommunities] = useState<Community[]>([])\n  const [isLoading, setIsLoading] = useState(false)\n\n  const { communityId, title } = selectedMenuMainItem\n\n  useEffect(() => {\n    setIsLoading(true)\n    ;(async () => {\n      const communityTopicResults = await callApiHandler(\n        siteType === 'helloSites'\n          ? getTogetherDefaultCommunitiesSubMenuApiPath(\n              locale,\n              togetherApiDomain,\n              {\n                communityId: communityId,\n              },\n            )\n          : getTogetherMarryBabyCommunitiesSubMenuApiPath(\n              locale,\n              togetherApiDomain,\n              {\n                communityId: communityId,\n              },\n            ),\n        'GET',\n      )\n\n      if (\n        communityTopicResults !== null &&\n        communityTopicResults?.data?.data?.topics?.length > 0\n      ) {\n        const communityTopicFormatted: Community[] = communityTopicResults.data.data.topics.map(\n          formatTogetherTopic,\n        )\n        setSubCommunities(communityTopicFormatted)\n      }\n      setIsLoading(false)\n    })()\n  }, [selectedMenuMainItem])\n\n  return (\n    <StyledScrollingCategories\n      data-type=\"sub-level\"\n      data-with-search-input={false}\n    >\n      <StyledScrollingWrapper>\n        <MenuCommunitiesList\n          isDisplayed\n          locale={locale}\n          communities={subCommunities}\n          type=\"sub\"\n          onSelectCommunity={onSelectCommunity}\n          isLoading={isLoading}\n          basePath={basePath}\n          TOGETHER_URL_FE={TOGETHER_URL_FE}\n          togetherApiDomain={togetherApiDomain}\n          siteType={siteType}\n          isMobile={isMobile}\n          desktopPopupType=\"none\"\n          onClosePopup={undefined}\n        />\n        <StyledCategoryButtonWrapper>\n          <Button\n            onClick={onCommunityClick}\n            className=\"category-button\"\n            size=\"md\"\n          >\n            <StyledButtonContainerWrapper>\n              <div>\n                {f('home.menu.category.view', {\n                  category: title,\n                })}\n              </div>\n              <img\n                src={ChevronRightWhiteIcon}\n                style={{ width: '16px', height: '16px' }}\n                className=\"button-image\"\n                alt={f('home.menu.category.view', {\n                  category: title,\n                })}\n              />\n            </StyledButtonContainerWrapper>\n          </Button>\n        </StyledCategoryButtonWrapper>\n      </StyledScrollingWrapper>\n    </StyledScrollingCategories>\n  )\n}\n\nexport { MenuSubItemListCommunities }\n"],"names":["MenuSubItemListCommunities","_a","selectedMenuMainItem","onCommunityClick","onSelectCommunity","_b","basePath","callApiHandler","togetherApiDomain","locale","TOGETHER_URL_FE","siteType","isMobile","f","useTranslation","_c","useState","subCommunities","setSubCommunities","_d","isLoading","setIsLoading","communityId","title","useEffect","__awaiter","getTogetherDefaultCommunitiesSubMenuApiPath","getTogetherMarryBabyCommunitiesSubMenuApiPath","communityTopicResults","sent","data","topics","length","communityTopicFormatted","map","formatTogetherTopic","React","createElement","StyledScrollingCategories","StyledScrollingWrapper","MenuCommunitiesList","isDisplayed","communities","type","desktopPopupType","onClosePopup","undefined","StyledCategoryButtonWrapper","Button","onClick","className","size","StyledButtonContainerWrapper","category","src","ChevronRightWhiteIcon","style","width","height","alt"],"mappings":"moBAsCM,IAAAA,EAA6B,SAACC,GAClC,IAAAC,EAAoBD,EAAAC,qBACpBC,EAAgBF,EAAAE,iBAChBC,EAAiBH,EAAAG,kBACjBC,EAAaJ,EAAAK,SAAbA,OAAQ,IAAAD,EAAG,GAAEA,EACbE,EAAcN,EAAAM,eACdC,EAAiBP,EAAAO,kBACjBC,EAAMR,EAAAQ,OACNC,EAAeT,EAAAS,gBACfC,EAAQV,EAAAU,SACRC,EAAQX,EAAAW,SAGFC,EAAIC,IAEJC,EAAsCC,EAAsB,IAA3DC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAClCI,EAA4BH,GAAS,GAApCI,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAEtBG,EAAuBpB,EAAoBoB,YAA9BC,EAAUrB,EAAoBqB,MAqCnD,OAnCAC,GAAU,WACRH,GAAa,GACXI,OAAA,OAAA,OAAA,GAAA,oEAC8B,KAAA,EAAA,MAAA,CAAA,EAAMlB,EACrB,eAAbI,EACIe,EACEjB,EACAD,EACA,CACEc,YAAaA,IAGjBK,EACElB,EACAD,EACA,CACEc,YAAaA,IAGrB,sBAI0B,QApBtBM,EAAwBT,EAiB7BU,oBAIoC,QAAnCxB,EAA2B,QAA3BJ,EAAA2B,eAAAA,EAAuBE,YAAI,IAAA7B,OAAA,EAAAA,EAAE6B,YAAM,IAAAzB,OAAA,EAAAA,EAAA0B,6BAAQC,QAAS,IAE9CC,EAAuCL,EAAsBE,KAAKA,KAAKC,OAAOG,IAClFC,GAEFjB,EAAkBe,IAEpBZ,GAAa,gBAEd,CAACnB,IAGFkC,EAACC,cAAAC,EACW,CAAA,YAAA,sCACc,GAExBF,EAAAC,cAACE,EAAsB,KACrBH,EAACC,cAAAG,GACCC,aAAW,EACXhC,OAAQA,EACRiC,YAAazB,EACb0B,KAAK,MACLvC,kBAAmBA,EACnBgB,UAAWA,EACXd,SAAUA,EACVI,gBAAiBA,EACjBF,kBAAmBA,EACnBG,SAAUA,EACVC,SAAUA,EACVgC,iBAAiB,OACjBC,kBAAcC,IAEhBV,EAAAC,cAACU,EAA2B,KAC1BX,EAAAC,cAACW,EAAM,CACLC,QAAS9C,EACT+C,UAAU,kBACVC,KAAK,MAELf,EAAAC,cAACe,EAA4B,KAC3BhB,EACGC,cAAA,MAAA,KAAAxB,EAAE,0BAA2B,CAC5BwC,SAAU9B,KAGda,EACEC,cAAA,MAAA,CAAAiB,IAAKC,EACLC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QAChCR,UAAU,eACVS,IAAK9C,EAAE,0BAA2B,CAChCwC,SAAU9B"}

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

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

package/build/esm/components/organisms/navigationLayout/menuServiceList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuServiceList/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\n// import { Button } from 'components/atoms/button'\n// import { Container } from 'components/atoms/container'\nimport { PureInput } from 'components/atoms'\nimport { Heading } from 'components/atoms/heading'\nimport {\n  // formatCategory,\n  // formatCommunity,\n  // formatHealthTool,\n  // getCareDefaultSpecialtiesApiPath,\n  getCareSearchUrl,\n  // getDiscoverDefaultCategoriesApiPath,\n  // getDiscoverDefaultHealthToolsApiPath,\n  // getTogetherDefaultCommunitiesApiPath,\n  // getTogetherMarryBabyCommunitiesApiPath,\n  useTranslation,\n} from 'components/organisms/navigationLayout/utils'\nimport { LocaleType } from 'interfaces/types'\n// eslint-disable-next-line import/order\nimport { theme } from 'misc/theme'\n// import nextId from 'react-id-generator'\n\n// import { domainLocales } from '../constants'\nimport { getCurrentBaseUrl } from 'together/api/utils'\n\nimport { LOCALE_SPECS } from '../constants'\nimport { MenuCareList } from '../menuCareList'\nimport { MenuCategoriesList } from '../menuCategoriesList'\nimport { MenuCommunitiesList } from '../menuCommunitiesList'\nimport { MenuHealthToolsList } from '../menuHealthToolsList'\nimport { MenuSectionCard } from '../menuSectionCard'\nimport { NavigationBar } from '../navigationBar'\nimport { SearchIcon } from '../navigationBar/SearchIcon'\nimport {\n  Category,\n  Community,\n  DesktopMenuPopup,\n  HealthTool,\n  HealthToolByCategory,\n  MenuItemType,\n  MenuServiceType,\n  MobileMenuPopup,\n  SiteType,\n  Specialty,\n  SpotlightSummary,\n} from '../types'\nimport { MenuSubItemListCategory } from './categoriesSubList'\nimport { MenuSubItemListCommunities } from './communitySubList'\nimport {\n  StyledCardSpecialty,\n  // StyledCategoryButtonWrapper,\n  StyledMenuContainer,\n  StyledScrollingCategories,\n  StyledScrollingWrapper,\n  // StyledButtonContainerWrapper,\n  StyledScrollingContent,\n  // StyledCategoryFooter,\n  StyledMasterMenuContainer,\n  StyledStickyHeader,\n  StyledServiceListMenuSearchInputWrapper,\n  // StyledMenuPopupWrapper,\n  // StyleMenuPopupContainer,\n  // StyledCategoryItemAll,\n  // StyledImageWrapper,\n  // StyledCloseWrapper,\n  // StyledMenuPopupContainer,\n  // StyledFakeTopAlignment,\n  // StyledHealthToolItem,\n} from './index.styled'\nimport { MarryBabyMobileMenuShelf } from './marryBabyMobileMenuSection'\n\nexport type Props = {\n  categories: Category[]\n  healthTools?: HealthTool[]\n  healthToolsByCategory?: HealthToolByCategory[]\n  careSpecialties: Specialty[]\n  togetherCommunities: Community[]\n  spotlightsList: SpotlightSummary[]\n  // isHealthToolsDisable?: boolean\n  // isCategoriesDisable?: boolean\n  // isCommunitiesDisable?: boolean\n  // isCareSpecialtiesDisable?: boolean\n  popupType: DesktopMenuPopup\n  // isPopupOpen: boolean\n  isMobileMenuOpened: boolean\n  isMobile: boolean\n  // className: string\n  footer: JSX.Element\n  care: {\n    careApiDomain: string\n    CARE_MENU_COUNTRIES_ENABLED: LocaleType[]\n    CARE_URL_FE: string\n  }\n  discover?: {\n    discoverApiDomain: string\n    DISCOVER_URL_FE: string\n  }\n  together: {\n    togetherApiDomain: string\n    TOGETHER_URL_FE: string\n    TOGETHER_MENU_COUNTRIES_ENABLED: string[]\n  }\n  marryBaby: {\n    tone: 'white' | 'pink'\n  }\n  sso: {\n    SSO_URL: string\n  }\n  statics: {\n    DISCOVER_URL_FE: string\n    HEALTH_TOOL_URL_FE: string\n    TOGETHER_URL_FE: string\n    MARRY_BABY_FE: string\n    HOME_PAGE_URL: string\n    STATIC_PAGES: {\n      [key in LocaleType]: {\n        [key: string]: string | null\n      }\n    }\n  }\n  locale: LocaleType\n  siteType: SiteType\n  basePath: string\n  activeMenuService: MenuServiceType\n  menuItems: MenuItemType[]\n  routerAsPath: string\n  closePopup: () => void\n  onMobileMenuClick: (s: MobileMenuPopup) => void\n  callApiHandler: (p: string, m: 'GET' | 'POST' | 'PUT') => any\n}\n\nconst MenuServiceList = ({\n  isMobile = false,\n  isMobileMenuOpened: isMainMenuOpened = undefined,\n  categories,\n  healthTools,\n  healthToolsByCategory,\n  careSpecialties,\n  togetherCommunities,\n  spotlightsList,\n  closePopup,\n  popupType = 'none',\n  onMobileMenuClick,\n  footer: CustomFooter,\n  care: { CARE_URL_FE },\n  discover: { discoverApiDomain, DISCOVER_URL_FE },\n  together: {\n    togetherApiDomain,\n    TOGETHER_URL_FE,\n    // TOGETHER_MENU_COUNTRIES_ENABLED,\n  },\n  sso: { SSO_URL },\n  statics: { MARRY_BABY_FE, HOME_PAGE_URL, STATIC_PAGES, HEALTH_TOOL_URL_FE },\n  marryBaby: { tone },\n  locale,\n  siteType,\n  basePath,\n  callApiHandler,\n  activeMenuService,\n  menuItems,\n  routerAsPath,\n}: Props) => {\n  const f = useTranslation()\n\n  const [isOnSubLevel, setIsOnSubLevel] = useState(false)\n\n  const [searchResultCategories, setSearchResultCategories] =\n    useState<Category[]>(categories)\n\n  const [selectedMenuMainItem, setSelectedMenuMainItem] = useState<\n    Category | Community | undefined\n  >(undefined)\n  const [menuSubList, setMenuSubList] = useState(undefined)\n  // const [isCategoryLoading, setIsCategoryLoading] = useState(true)\n  const [headerHideOnSearch, setHeaderHideOnSearch] = useState(false)\n  const [activeService, setActiveService] = useState(\n    menuItems?.find((s) => s.id === activeMenuService),\n  )\n  const [isInit, setIsInit] = useState(false)\n  const [enableAnimation, setEnableAnimation] = useState(false)\n\n  const onCategoryClick = () => {\n    selectedMenuMainItem &&\n      (window.location.href = (selectedMenuMainItem as Category).permalink)\n    onSubMenuItemBack()\n    closePopup && closePopup()\n  }\n\n  const onCommunityClick = () => {\n    selectedMenuMainItem &&\n      (window.location.href = `${TOGETHER_URL_FE}/${\n        (selectedMenuMainItem as Community).communitySlug\n      }`)\n    onSubMenuItemBack()\n    closePopup && closePopup()\n  }\n\n  const onSelectCategory = (category: Category) => {\n    if (category.childCates && category.childCates.length > 0) {\n      setIsOnSubLevel(true)\n      setSelectedMenuMainItem(category)\n    } else {\n      window.location.href =\n        siteType === 'helloSites'\n          ? DISCOVER_URL_FE + category.permalink\n          : MARRY_BABY_FE + category.permalink\n\n      onSubMenuItemBack()\n      closePopup && closePopup()\n    }\n  }\n\n  const onSelectCommunity = ({\n    community,\n    isSetToSubMenu,\n  }: {\n    community: Community\n    isSetToSubMenu: boolean\n  }) => {\n    if (isSetToSubMenu) {\n      setIsOnSubLevel(true)\n      setSelectedMenuMainItem(community)\n    } else {\n      window.location.href = `${TOGETHER_URL_FE}/${community.communitySlug}`\n\n      onSubMenuItemBack()\n      closePopup && closePopup()\n    }\n  }\n\n  const onSelectHealthTool = (healthTool: HealthTool) => {\n    // if (healthTool.link.startsWith('https')) {\n    window.location.href = healthTool.link.startsWith('http')\n      ? healthTool.link\n      : HEALTH_TOOL_URL_FE + healthTool.link\n    // } else {\n    // router.push(healthTool.link)\n    // }\n\n    onSubMenuItemBack()\n    closePopup && closePopup()\n  }\n\n  const onSelectCareSpecialty = (careSpecialty: Specialty) => {\n    window.location.href =\n      CARE_URL_FE +\n      getCareSearchUrl({\n        type: 'DOCTOR',\n        specialtySlug: careSpecialty.slug,\n        locale,\n      })\n\n    closePopup?.()\n  }\n\n  const onSubMenuItemBack = () => {\n    setSelectedMenuMainItem(undefined)\n    setIsOnSubLevel(false)\n  }\n\n  const onServiceClicked = (id: MenuServiceType) => {\n    setActiveService(menuItems.find((s) => s.id === id))\n  }\n\n  const onSearchChange = (v: string) => {\n    v !== '' ? setHeaderHideOnSearch(true) : setHeaderHideOnSearch(false)\n\n    setSearchResultCategories(\n      v && v !== ''\n        ? categories.filter(\n            (category) =>\n              category.categoryName.toLowerCase().search(v.toLowerCase()) >\n                -1 ||\n              category.slug\n                .replace('-', '')\n                .toLowerCase()\n                .search(v.replace(' ', '').toLowerCase()) > -1,\n          )\n        : categories,\n    )\n  }\n\n  const LOCALE_SPEC = LOCALE_SPECS[locale || 'en-PH'] || {}\n\n  useEffect(() => {\n    setMenuSubList(\n      activeService.id === 'categories'\n        ? (selectedMenuMainItem as Category)?.childCates?.length > 0 && (\n            <MenuSubItemListCategory\n              selectedMenuMainItem={selectedMenuMainItem as Category}\n              spotlightsList={[]}\n              locale={locale}\n              basePath={basePath}\n              callApiHandler={callApiHandler}\n              discoverApiDomain={discoverApiDomain}\n              DISCOVER_URL_FE={DISCOVER_URL_FE}\n              MARRY_BABY_FE={MARRY_BABY_FE}\n              onSelectCategory={onSelectCategory}\n              isMobile={isMobile}\n              siteType={siteType}\n              onCategoryClick={onCategoryClick}\n            />\n          )\n        : activeService.id === 'together' &&\n            // siteType === 'marryBaby' &&\n            (selectedMenuMainItem as Community) && (\n              <MenuSubItemListCommunities\n                selectedMenuMainItem={selectedMenuMainItem as Community}\n                onCommunityClick={onCommunityClick}\n                onSelectCommunity={onSelectCommunity}\n                TOGETHER_URL_FE={TOGETHER_URL_FE}\n                basePath={basePath}\n                callApiHandler={callApiHandler}\n                locale={locale}\n                togetherApiDomain={togetherApiDomain}\n                siteType={siteType}\n                isMobile={isMobile}\n              />\n            ),\n    )\n  }, [selectedMenuMainItem, activeService])\n\n  useEffect(() => {\n    setIsInit(true)\n  }, [])\n\n  useEffect(() => {\n    !enableAnimation &&\n      isMainMenuOpened &&\n      (() => {\n        setEnableAnimation(true)\n      })()\n  }, [isMainMenuOpened])\n\n  useEffect(() => {\n    setSearchResultCategories(categories)\n  }, [categories])\n\n  return isMobile ? (\n    <>\n      <StyledMasterMenuContainer\n        id={!isInit ? 'categories-menu' : ''}\n        data-opened={\n          isMainMenuOpened || (enableAnimation ? isMainMenuOpened : 'undefined')\n        }\n        key={isInit ? 't' : 'f'}\n      >\n        <StyledMenuContainer\n          data-opened={isMainMenuOpened}\n          data-type=\"category\"\n          data-is-sub-category-opened={isOnSubLevel}\n        >\n          <NavigationBar\n            siteType={siteType}\n            locale={locale}\n            isDisplayed\n            searchPlaceholder={''}\n            statics={{\n              DISCOVER_URL_FE,\n              SSO_URL,\n              HOME_PAGE_URL,\n              MARRY_BABY_FE,\n              CARE_URL_FE,\n            }}\n            isMobile={isMobile}\n            isLoginButtonDisplayed={false}\n            type=\"popup\"\n            onMenuClick={() => onMobileMenuClick?.('categories')}\n            onSearchChange={onSearchChange}\n            isSearchBarDisplay={false}\n            basePath={basePath}\n            isAmp={false}\n            isInit={false}\n            isStatic={false}\n            routerAsPath={routerAsPath}\n            title={''}\n            onTopBarAppears={undefined}\n            currentPopupType={'none'}\n            marryBaby={{ tone }}\n            menu={undefined}\n            menuItems={undefined}\n            onSearchKeyPress={undefined}\n            openPopup={undefined}\n            profileMenu={undefined}\n            userInfo={undefined}\n          />\n          {/* main category menu */}\n          <StyledScrollingCategories>\n            <StyledScrollingWrapper>\n              <StyledScrollingContent>\n                <StyledStickyHeader\n                  data-hide-on-search={headerHideOnSearch}\n                  // data-opened={isOpened}\n                  data-is-sub-category-opened={isOnSubLevel}\n                >\n                  {siteType === 'helloSites' ? (\n                    <>\n                      <StyledServiceListMenuSearchInputWrapper\n                        onClick={() => {\n                          window.location.href = `${getCurrentBaseUrl(\n                            locale,\n                          )}/search`\n                        }}\n                      >\n                        <PureInput\n                          className=\"fake-search-input\"\n                          name={\n                            'search-input-' +\n                            'menu-service' +\n                            (!isInit ? '-temp' : '')\n                          }\n                          size=\"md\"\n                          placeholder={f('home.search', {\n                            site: LOCALE_SPEC ? LOCALE_SPEC.SITE_NAME : '',\n                          })}\n                          onChange={() => undefined}\n                          type=\"search\"\n                          autoFocus={false}\n                          onFocus={(e) => {\n                            e.preventDefault()\n                          }}\n                          value=\"\"\n                          displayIcon={\n                            <a\n                              data-event-category=\"Search Button\"\n                              data-event-action=\"Click\"\n                            >\n                              <SearchIcon />\n                            </a>\n                          }\n                        />\n                      </StyledServiceListMenuSearchInputWrapper>\n\n                      <Heading tag=\"h5\" color={theme.colors.gray800}>\n                        {f('menu.categories.title')}\n                      </Heading>\n                      <StyledCardSpecialty\n                        data-card-array-no-margin-style={true}\n                      >\n                        {menuItems.map((service, i) => (\n                          <MenuSectionCard\n                            onClick={onServiceClicked}\n                            key={'service-' + i}\n                            specialty={service}\n                            id={service.id}\n                            isActive={service.id === activeService.id}\n                            isMobile={isMobile}\n                            position={\n                              i === 0\n                                ? 'left'\n                                : i === menuItems.length - 1\n                                ? 'right'\n                                : 'center'\n                            }\n                          />\n                        ))}\n                      </StyledCardSpecialty>\n                    </>\n                  ) : (\n                    <MarryBabyMobileMenuShelf\n                      menuItems={menuItems}\n                      activeItem={activeService}\n                      onServiceClicked={onServiceClicked}\n                    />\n                  )}\n                </StyledStickyHeader>\n                <MenuCategoriesList\n                  isDisplayed={activeService.id === 'categories'}\n                  locale={locale}\n                  basePath={basePath}\n                  callApiHandler={callApiHandler}\n                  onClosePopup={closePopup}\n                  discoverApiDomain={discoverApiDomain}\n                  DISCOVER_URL_FE={DISCOVER_URL_FE}\n                  MARRY_BABY_FE={MARRY_BABY_FE}\n                  type=\"main\"\n                  onSelectCategory={onSelectCategory}\n                  categories={\n                    // categoriesSSR && categoriesSSR.length > 0\n                    // ? categoriesSSR\n                    // :\n                    searchResultCategories\n                  }\n                  spotlightsList={spotlightsList}\n                  isLoading={\n                    // categoriesSSR && categoriesSSR.length > 0\n                    // ?\n                    false\n                    // : isCategoryLoading\n                  }\n                  isMobile={isMobile}\n                  siteType={siteType}\n                  desktopPopupType={popupType}\n                />\n\n                <MenuHealthToolsList\n                  isDisplayed={activeService.id === 'healthTools'}\n                  locale={locale}\n                  basePath={basePath}\n                  // callApiHandler={callApiHandler}\n                  discoverApiDomain={discoverApiDomain}\n                  HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n                  onSelectHealthTool={onSelectHealthTool}\n                  onClosePopup={closePopup}\n                  desktopPopupType={popupType}\n                  healthTools={\n                    // healthToolsSSR && healthToolsSSR.length > 0\n                    //   ? healthToolsSSR\n                    // :\n                    healthTools\n                  }\n                  healthToolsByCategory={healthToolsByCategory}\n                  isLoading={\n                    // healthToolsSSR && healthToolsSSR.length > 0\n                    // ?\n                    false\n                    // : isCategoryLoading\n                  }\n                  isMobile={isMobile}\n                  siteType={siteType}\n                  STATIC_PAGES={STATIC_PAGES}\n                />\n                {activeService.id === 'care' && (\n                  <MenuCareList\n                    locale={locale}\n                    basePath={basePath}\n                    onSelectCareSpecialty={onSelectCareSpecialty}\n                    onClosePopup={closePopup}\n                    careSpecialties={\n                      // careSpecialtiesSSR && careSpecialtiesSSR.length > 0\n                      //   ? careSpecialtiesSSR\n                      // :\n                      careSpecialties\n                    }\n                    isLoading={\n                      // careSpecialtiesSSR && careSpecialtiesSSR.length > 0\n                      // ?\n                      false\n                      // : isCategoryLoading\n                    }\n                    // callApiHandler={callApiHandler}\n                    siteType={siteType}\n                    isMobile={isMobile}\n                    desktopPopupType={popupType}\n                    CARE_URL_FE={CARE_URL_FE}\n                  />\n                )}\n                <MenuCommunitiesList\n                  isDisplayed={activeService.id === 'together'}\n                  locale={locale}\n                  TOGETHER_URL_FE={TOGETHER_URL_FE}\n                  basePath={basePath}\n                  type=\"main\"\n                  onSelectCommunity={onSelectCommunity}\n                  onClosePopup={closePopup}\n                  communities={\n                    // togetherCommunitiesSSR &&\n                    // togetherCommunitiesSSR.length > 0\n                    //   ? togetherCommunitiesSSR\n                    // :\n                    togetherCommunities\n                  }\n                  isLoading={\n                    // togetherCommunitiesSSR &&\n                    // togetherCommunitiesSSR.length > 0\n                    // ?\n                    false\n                    // : isCategoryLoading\n                  }\n                  isMobile={isMobile}\n                  siteType={siteType}\n                  togetherApiDomain={togetherApiDomain}\n                  desktopPopupType={popupType}\n                />\n              </StyledScrollingContent>\n              {CustomFooter}\n            </StyledScrollingWrapper>\n          </StyledScrollingCategories>\n        </StyledMenuContainer>\n      </StyledMasterMenuContainer>\n      {isOnSubLevel && (\n        <StyledMasterMenuContainer\n          data-sub-level-opened={\n            isOnSubLevel || (enableAnimation ? isOnSubLevel : 'undefined')\n          }\n        >\n          <StyledMenuContainer\n            data-type=\"sub-category\"\n            data-is-sub-category-opened={isOnSubLevel}\n          >\n            <NavigationBar\n              siteType={siteType}\n              locale={locale}\n              isDisplayed={isMainMenuOpened && isOnSubLevel}\n              searchPlaceholder={''}\n              menuItems={undefined}\n              statics={{\n                DISCOVER_URL_FE,\n                SSO_URL,\n                HOME_PAGE_URL,\n                MARRY_BABY_FE,\n                CARE_URL_FE,\n              }}\n              isMobile={isMobile}\n              isLoginButtonDisplayed={false}\n              type=\"popup-sub-level\"\n              title={\n                activeService.id === 'categories'\n                  ? (selectedMenuMainItem as Category)?.categoryName\n                  : (selectedMenuMainItem as Community)?.title\n              }\n              isSearchBarDisplay={false}\n              basePath={basePath}\n              isAmp={false}\n              isInit={false}\n              isStatic={false}\n              routerAsPath={routerAsPath}\n              currentPopupType={'none'}\n              marryBaby={{ tone }}\n              menu={undefined}\n              openPopup={undefined}\n              profileMenu={undefined}\n              userInfo={undefined}\n              onSearchKeyPress={undefined}\n              onTopBarAppears={undefined}\n              onMenuClick={onSubMenuItemBack}\n              onSearchChange={undefined}\n            />\n            {menuSubList}\n          </StyledMenuContainer>\n        </StyledMasterMenuContainer>\n      )}\n    </>\n  ) : (\n    <>\n      <MenuCategoriesList\n        isDisplayed={popupType === 'categories'}\n        locale={locale}\n        basePath={basePath}\n        callApiHandler={callApiHandler}\n        discoverApiDomain={discoverApiDomain}\n        DISCOVER_URL_FE={DISCOVER_URL_FE}\n        MARRY_BABY_FE={MARRY_BABY_FE}\n        type=\"main\"\n        desktopPopupType={popupType}\n        onSelectCategory={onSelectCategory}\n        onClosePopup={closePopup}\n        categories={\n          // categoriesSSR && categoriesSSR.length > 0\n          //   ? categoriesSSR\n          // :\n          searchResultCategories\n        }\n        spotlightsList={spotlightsList}\n        isLoading={\n          // categoriesSSR && categoriesSSR.length > 0\n          // ?\n          false\n          // : isCategoryLoading\n        }\n        isMobile={isMobile}\n        siteType={siteType}\n      />\n      <MenuHealthToolsList\n        isDisplayed={popupType === 'tools'}\n        locale={locale}\n        basePath={basePath}\n        // callApiHandler={callApiHandler}\n        discoverApiDomain={discoverApiDomain}\n        HEALTH_TOOL_URL_FE={HEALTH_TOOL_URL_FE}\n        desktopPopupType={popupType}\n        onSelectHealthTool={onSelectHealthTool}\n        onClosePopup={closePopup}\n        healthToolsByCategory={healthToolsByCategory}\n        healthTools={\n          // healthToolsSSR && healthToolsSSR.length > 0\n          //   ? healthToolsSSR\n          // :\n          healthTools\n        }\n        isLoading={\n          // healthToolsSSR && healthToolsSSR.length > 0\n          // ?\n          false\n          // : isCategoryLoading\n        }\n        isMobile={isMobile}\n        siteType={siteType}\n        STATIC_PAGES={STATIC_PAGES}\n      />\n      <MenuCommunitiesList\n        isDisplayed={popupType === 'communities'}\n        locale={locale}\n        TOGETHER_URL_FE={TOGETHER_URL_FE}\n        basePath={basePath}\n        type=\"main\"\n        onSelectCommunity={onSelectCommunity}\n        communities={\n          // togetherCommunitiesSSR && togetherCommunitiesSSR.length > 0\n          //   ? togetherCommunitiesSSR\n          // :\n          togetherCommunities\n        }\n        isLoading={\n          // togetherCommunitiesSSR && togetherCommunitiesSSR.length > 0\n          //   ?\n          false\n          // : isCategoryLoading\n        }\n        isMobile={isMobile}\n        siteType={siteType}\n        togetherApiDomain={togetherApiDomain}\n        desktopPopupType={popupType}\n        onClosePopup={closePopup}\n      />\n      {popupType === 'care' && (\n        <MenuCareList\n          locale={locale}\n          basePath={basePath}\n          onSelectCareSpecialty={onSelectCareSpecialty}\n          careSpecialties={\n            // careSpecialtiesSSR && careSpecialtiesSSR.length > 0\n            //   ? careSpecialtiesSSR\n            // :\n            careSpecialties\n          }\n          isLoading={\n            // careSpecialtiesSSR && careSpecialtiesSSR.length > 0\n            // ?\n            false\n            // : isCategoryLoading\n          }\n          // callApiHandler={callApiHandler}\n          desktopPopupType={popupType}\n          siteType={siteType}\n          isMobile={isMobile}\n          CARE_URL_FE={CARE_URL_FE}\n          onClosePopup={closePopup}\n        />\n      )}\n    </>\n  )\n}\n\nexport { MenuServiceList }\n"],"names":["MenuServiceList","_a","_b","isMobile","_c","isMobileMenuOpened","isMainMenuOpened","undefined","categories","healthTools","healthToolsByCategory","careSpecialties","togetherCommunities","spotlightsList","closePopup","_d","popupType","onMobileMenuClick","CustomFooter","CARE_URL_FE","care","_e","discover","discoverApiDomain","DISCOVER_URL_FE","_f","togetherApiDomain","TOGETHER_URL_FE","SSO_URL","sso","_g","statics","MARRY_BABY_FE","HOME_PAGE_URL","STATIC_PAGES","HEALTH_TOOL_URL_FE","tone","marryBaby","locale","siteType","basePath","callApiHandler","activeMenuService","menuItems","routerAsPath","f","useTranslation","_h","useState","isOnSubLevel","setIsOnSubLevel","_j","searchResultCategories","setSearchResultCategories","_k","selectedMenuMainItem","setSelectedMenuMainItem","_l","menuSubList","setMenuSubList","_m","headerHideOnSearch","setHeaderHideOnSearch","_o","find","s","id","activeService","setActiveService","_p","isInit","setIsInit","_q","enableAnimation","setEnableAnimation","onCategoryClick","window","location","href","permalink","onSubMenuItemBack","onCommunityClick","concat","communitySlug","onSelectCategory","category","childCates","length","onSelectCommunity","community","isSetToSubMenu","onSelectHealthTool","healthTool","link","startsWith","onSelectCareSpecialty","careSpecialty","getCareSearchUrl","type","specialtySlug","slug","onServiceClicked","LOCALE_SPEC","LOCALE_SPECS","useEffect","React","createElement","MenuSubItemListCategory","MenuSubItemListCommunities","Fragment","StyledMasterMenuContainer","key","StyledMenuContainer","NavigationBar","isDisplayed","searchPlaceholder","isLoginButtonDisplayed","onMenuClick","onSearchChange","v","filter","categoryName","toLowerCase","search","replace","isSearchBarDisplay","isAmp","isStatic","title","onTopBarAppears","currentPopupType","menu","onSearchKeyPress","openPopup","profileMenu","userInfo","StyledScrollingCategories","StyledScrollingWrapper","StyledScrollingContent","StyledStickyHeader","StyledServiceListMenuSearchInputWrapper","onClick","getCurrentBaseUrl","PureInput","className","name","size","placeholder","site","SITE_NAME","onChange","autoFocus","onFocus","e","preventDefault","value","displayIcon","SearchIcon","Heading","tag","color","theme","colors","gray800","StyledCardSpecialty","map","service","i","MenuSectionCard","specialty","isActive","position","MarryBabyMobileMenuShelf","activeItem","MenuCategoriesList","onClosePopup","isLoading","desktopPopupType","MenuHealthToolsList","MenuCareList","MenuCommunitiesList","communities"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"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/esm/components/organisms/navigationLayout/menuServiceList/marryBabyMobileMenuSection.js

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

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

@@ -1 +0,0 @@
-{"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","MarryBabyMobileMenuShelf","menuItems","activeItem","useState","currentActiveTab","setCurrentActiveTab","useRef","map","i","current","key"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"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":["ArrowLeftPopupIcon","React","width","height","viewBox","fill","xmlns","createElement","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"8BAEgBA,IACd,OACEC,uBACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENL,EACEM,cAAA,OAAA,CAAAC,EAAE,yBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe"}

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

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

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

@@ -1 +0,0 @@
-{"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":["ClosePopupIcon","React","width","height","viewBox","fill","xmlns","createElement","d","stroke","strokeWidth","strokeLinecap"],"mappings":"8BAEgBA,IACd,OACEC,uBACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENL,EAAAM,cAAA,OAAA,CACEC,EAAE,uBACFC,OAAO,UACPC,YAAY,MACZC,cAAc"}

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

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

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

@@ -1 +0,0 @@
-{"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":["HamburgerIcon","_a","siteType","type","React","createElement","src","HamburgerMenuIcon","style","width","height","alt","viewBox","fill","xmlns","fillRule","clipRule","d"],"mappings":"mEAWM,SAAUA,EAAcC,OAAEC,EAAQD,EAAAC,SAAEC,EAAIF,EAAAE,KAC5C,MAAiB,eAAbD,EAEAE,EAAAC,cAAA,MAAA,CAAA,iBACiB,SAAQ,oBACL,aAAY,qBACX,YACnBC,IAAKC,EACLC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QAChCC,IAAKR,IAOTC,uBACEK,MAAM,KACNC,OAAO,KACPE,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENV,EAAAC,cAAA,OAAA,CACEU,SAAS,UACTC,SAAS,UACTC,EAAE,kcACFJ,KAAK"}

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

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