{"version":3,"file":"component---src-containers-sitemap-sitemap-js-4ea4632b4732b2fa6831.js","mappings":"2KAAA,EAAe,IAA0B,qD,mBCQzC,MAAMA,EAAQC,EAAAA,GAAOC,EAAG;WACZC,GAAUA,EAAMC,MAAMC,QAAQC;;;;;;;;;;KAUtCC,EAAAA,EAAAA,IAAa;;;;;EAOXC,EAAkBP,EAAAA,GAAOQ,GAAI;;;;;;;EAkCnC,MAzBkBC,IAAwC,IAAvC,SAAEC,EAAQ,OAAEC,GAAS,EAAI,KAAEC,GAAMH,EAClD,MAAM,aAAEI,IAAiBC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,SAEhDC,GADcC,EAAAA,EAAAA,YAAWC,EAAAA,GACJC,YAAYH,OAEjCI,EAAYR,ECxCpB,s6EDwCiDS,EAE/C,OACEC,EAAAA,cAAAA,EAAAA,SAAA,MACIV,GAAgBD,IAChBW,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACxB,EAAK,KAAEW,GACPC,GAAqB,QAAXM,GACTM,EAAAA,cAAChB,EAAe,CACdiB,IAAKH,EACLI,IAAI,SACJC,UAAU,oBAKjB,C,gHE7CP,MAAM3B,EAAQC,EAAAA,GAAOC,EAAG;;EAIlB0B,EAAO3B,EAAAA,GAAO4B,EAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EvB,UA3CgBnB,IAAe,IAAd,KAAEoB,GAAMpB,EACvB,MAAM,EAAEqB,IAAMC,EAAAA,EAAAA,MACR,aAAElB,IAAiBC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,SAChDgB,GAAcd,EAAAA,EAAAA,YAAWC,EAAAA,IACzB,OAAEF,EAAM,OAAEgB,GAAWD,EAAYZ,YACjCc,EAAwB,QAAXjB,EAAmB,OAAS,GAE/C,OACEM,EAAAA,cAACY,EAAAA,EAAM,CAACC,UAAWvB,EAAcwB,YAAa,CAAEC,MAAOR,EAAE,cACtDjB,EACCU,EAAAA,cAACgB,EAAAA,EAAS,KAAET,EAAE,aAEdP,EAAAA,cAACxB,EAAK,KAAE+B,EAAE,aAGZP,EAAAA,cAACI,EAAI,KACFE,EAAKW,cAAcC,MAAMC,KAAI,CAACC,EAAMC,IAC9BD,EAAKE,OAKRtB,EAAAA,cAAA,MAAIuB,IAAKF,GACPrB,EAAAA,cAACwB,EAAAA,EAAI,CAACC,GAAK,GAAEd,IAAaS,EAAKM,QAC5BnB,EAAEa,EAAKO,eAAe,MANpB,OAWVrB,EAAKsB,QAAQV,MAAM,GAAGW,MAAMV,KAAI,CAACC,EAAMC,IAEpCrB,EAAAA,cAAA,MAAIuB,IAAKF,GACPrB,EAAAA,cAACwB,EAAAA,EAAI,CAACC,GAAK,GAAEd,cAAuBS,EAAKU,QACtCV,EAAKW,cAAcrB,GAAQsB,UAM/B,C","sources":["webpack://biotherm/./src/assets/images/product/shadow.png","webpack://biotherm/./src/components/PageTitle/PageTitle.js","webpack://biotherm/./src/assets/images/global/pagetitle_shadow.jpeg","webpack://biotherm/./src/containers/Sitemap/Sitemap.js"],"sourcesContent":["export default __webpack_public_path__ + \"static/shadow-4712887cceb5504e15869e42e5e04343.png\";","import React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport { useSelector } from 'react-redux';\nimport ImgDtShadow from '../../assets/images/product/shadow.png';\nimport ImgMbShadow from '../../assets/images/global/pagetitle_shadow.jpeg';\nimport LayoutContext from '../../context/LayoutContext';\nimport { mediaQueries } from '../../utils/mediaQueries';\n\nconst Title = styled.h1`\n  color: ${(props) => props.theme.prodcut.nameColor};\n  font-weight: bold;\n  padding: 10px;\n  font-size: 35px;\n  line-height: normal;\n\n  @media screen and (min-width: 768px) {\n    font-family: 'futural', Arial, '微軟正黑體', Helvetica, sans-serif;\n  }\n\n  ${mediaQueries('md')} {\n    font-size: 20px;\n    text-transform: uppercase;\n    border-bottom: 1px solid #b5b5b5;\n  }\n`;\n\nconst ImgShadowStyled = styled.img`\n  max-width: 767px;\n  /* padding-top: 25px;\n  padding-bottom: 50px; */\n  margin-left: auto;\n  margin-right: 0;\n  display: block;\n`;\n\nconst PageTitle = ({ children, shadow = true, show }) => {\n  const { isMobileView } = useSelector((state) => state.common);\n  const layoutProps = useContext(LayoutContext);\n  const gender = layoutProps.pageContext.gender;\n\n  const shadowImg = isMobileView ? ImgMbShadow : ImgDtShadow;\n\n  return (\n    <>\n      {(isMobileView || show) && (\n        <>\n          <Title>{children}</Title>\n          {shadow && gender !== 'men' && (\n            <ImgShadowStyled\n              src={shadowImg}\n              alt=\"shadow\"\n              className=\"d-block m-auto\"\n            />\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default PageTitle;\n","export default \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MUU0QTBBQjk3MzlCRTIxMTg3RjJDNEZGRkQ3QTE3NDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTgxQzMxMURCNjI4MTFFMkE1RDJBNzQ5OTBCOENDQ0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTgxQzMxMUNCNjI4MTFFMkE1RDJBNzQ5OTBCOENDQ0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMDI3REVFODkwQURFMjExOTZBMkFBNDVCREQ4OEQ2OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTRBMEFCOTczOUJFMjExODdGMkM0RkZGRDdBMTc0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAoBQAMBEQACEQEDEQH/xAB7AAEAAwEBAQAAAAAAAAAAAAAAAgMEBQEKAQEAAAAAAAAAAAAAAAAAAAAAEAABAgIFBgoIBQUAAAAAAAABAAIRAyExkwQHQVFhlAUXcYGxwdESgjNDBpGhIjKS0oNU8UJyE1NiwnM0hBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A+/hBlfc5D49aWwxED7AqQYZmw7hMMTIl1Q92HSgxzPLGzZld3ZlqAooAyoMUzybsuZ4LYRj7rY9EEGKb5C2ZMpEtmStrdOZBgm4c7NfUxvwCun+nSg58zDC4vqYwUnJQacsQUGKZhVdjQ0S6Y1MGfSIIMT8KJVMGsBiaS1oBpzkH1IMrsJRkEqH6WnmigxvwidWJcsn9LcyCl2EU8AkS5Z0dRseQhBUcI7yaP2ZcP8badJorQVOwjvQ8CVDP+2PXRWgrOEl7ySZZ7DRzIInCW+ZJEuzbD0wACCvdRfR4Er4WnkCDzdTfft5dmPlQN1N9ySJdmOgII7qb/ku8k9ho5UDdTtD7aT8LUHu6m/5bvJH0weRB7upvv28uzHyoG6m+/by7MfKg9GFF9/glfA3oQWbpb5/AyzaOVqCQwkveWVLHYaf7UEhhFez4Ms/TEORBaMIbzRGTLjoYOcILm4RTyIlksaCxvyoLm4QvI9pkqOlrRDhCDWzCMCsS48EvQg0swmlNrEviDY+mAQdKXhXdRDrBlAFbBGOg9VB0JeGlxZAFjKIU9Rpq4Qg6UrD/AGeyEJcsECEeoKc8aEHTleTdny6RLYewzPnrQdFnly4y6pTD2WkcUUG2Xse5yzESpYhVBoiOAiEEHVQEBAQEBBnvPdn/AGP+bvOJBOT3be9+t3naQWoIuye72uZBGzQLNAs0CzQLNANR7rjq40FeroGroGroGroGroGroGroGroGroGroGroJtq8Gv8ALV+KD2zQLNAs0CzQLNAs0FiAgICAgIP/2Q==\"","import React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { graphql } from 'gatsby';\nimport { useSelector } from 'react-redux';\nimport styled from 'styled-components';\n\nimport LayoutContext from '../../context/LayoutContext';\nimport PageTitle from '../../components/PageTitle/PageTitle';\nimport Layout from '../../components/Layout';\nimport Link from '../../components/Link';\n\nconst Title = styled.h1`\n  padding: 20px 0;\n`;\n\nconst List = styled.ul`\n  margin-left: 0;\n  padding-left: 1.5rem;\n  list-style: none;\n\n  @media screen and (max-width: 767px) {\n    margin-top: 20px;\n  }\n\n  li {\n    &::before {\n      content: '\\\\2022';\n      color: #8da0af;\n      font-weight: bold;\n      display: inline-block;\n      width: 1em;\n      margin-left: -1em;\n    }\n\n    a {\n      text-decoration: underline;\n      font-size: 12px;\n      color: #ff0000;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 5px;\n    }\n  }\n`;\n\nconst Sitemap = ({ data }) => {\n  const { t } = useTranslation();\n  const { isMobileView } = useSelector((state) => state.common);\n  const layoutProps = useContext(LayoutContext);\n  const { gender, locale } = layoutProps.pageContext;\n  const genderPath = gender === 'men' ? '/men' : '';\n\n  return (\n    <Layout fullwidth={isMobileView} seoSettings={{ title: t('site_map') }}>\n      {isMobileView ? (\n        <PageTitle>{t('site_map')}</PageTitle>\n      ) : (\n        <Title>{t('site_map')}</Title>\n      )}\n\n      <List>\n        {data.allRoutesJson.nodes.map((item, index) => {\n          if (!item.active) {\n            return null;\n          }\n\n          return (\n            <li key={index}>\n              <Link to={`${genderPath}${item.path}`}>\n                {t(item.breadcrumbName[0])}\n              </Link>\n            </li>\n          );\n        })}\n        {data.allMenu.nodes[0].types.map((item, index) => {\n          return (\n            <li key={index}>\n              <Link to={`${genderPath}/category/${item.slug}`}>\n                {item.localizations[locale].name}\n              </Link>\n            </li>\n          );\n        })}\n      </List>\n    </Layout>\n  );\n};\n\nexport default Sitemap;\n\nexport const pageQuery = graphql`\n  query($gender: String) {\n    allRoutesJson(filter: { gender: { eq: $gender } }) {\n      nodes {\n        id\n        breadcrumbName\n        path\n        active\n      }\n    }\n\n    allMenu(filter: { slug: { eq: $gender } }) {\n      nodes {\n        slug\n        types {\n          id\n          slug\n          localizations {\n            en {\n              name\n            }\n            zh {\n              name\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["Title","styled","h1","props","theme","prodcut","nameColor","mediaQueries","ImgShadowStyled","img","_ref","children","shadow","show","isMobileView","useSelector","state","common","gender","useContext","LayoutContext","pageContext","shadowImg","ImgDtShadow","React","src","alt","className","List","ul","data","t","useTranslation","layoutProps","locale","genderPath","Layout","fullwidth","seoSettings","title","PageTitle","allRoutesJson","nodes","map","item","index","active","key","Link","to","path","breadcrumbName","allMenu","types","slug","localizations","name"],"sourceRoot":""}