{"version":3,"sources":["webpack:///./src/components/organisms/static-hero/StaticHero.tsx","webpack:///./src/components/pages/ContentPage.tsx"],"names":["StyledStaticHero","styled","div","spacing","height","ScrollIndicatorWrapper","StaticHero","image","scrollIndicatorText","dictionary","useDictionary","imageData","useImageData","windowHeight","useWindowSize","fluid","loading","style","width","ScrollIndicator","text","get","StyledContentPage","Colors","WHITE","ContentPage","pageContext","hero","meta","sections","route","ogImage","og","Helmet","title","content","description","name","fixed","src","siteUrl","undefined","Sections","Footer"],"mappings":"wQA8CMA,EAAmBC,IAAOC,IAAV,kFAAGD,CAAH,sDAClBE,eAGQ,qBAAGC,UAGTC,EAAyBJ,IAAOC,IAAV,wFAAGD,CAAH,0EAObK,EA7CmC,SAAC,GAG7C,IAFJC,EAEI,EAFJA,MAEI,IADJC,2BACI,MADkB,kBAClB,EACEC,EAAaC,cACbC,EAAYC,YAAa,SAAQL,GAAS,KACvCM,EAAgBC,cAHrB,GAKJ,OACE,kBAACd,EAAD,CAAkBI,OAAWS,EAAL,MACrBF,GACC,kBAAC,IAAD,CACEI,MAAOJ,EAAUI,MACjBC,QAAQ,QACRC,MAAO,CACLC,MAAO,OACPd,OAAQ,UAId,kBAACC,EAAD,KACE,kBAACc,EAAA,EAAD,CAAiBC,KAAMX,EAAWY,IAAIb,QCqBxCc,EAAoBrB,IAAOC,IAAV,qFAAGD,CAAH,oBACPsB,IAAOC,OAGRC,UArC0C,SAAC,GAEpD,gBADJC,YAAeC,EACX,EADWA,KAAMC,EACjB,EADiBA,KAAaC,GAC9B,EADuBC,MACvB,EAD8BD,UAE5BE,EAAUnB,YAAY,UAACgB,EAAKI,UAAN,aAAC,EAASzB,OAEtC,OACE,kBAAC,WAAD,KACE,kBAAC0B,EAAA,EAAD,KACE,+BAAQL,EAAKM,OACb,0BAAMC,QAASP,EAAKQ,YAAaC,KAAK,gBACtC,0BAAMF,SAAS,UAAAP,EAAKI,UAAL,eAASE,QAASN,EAAKM,MAAOG,KAAK,aAClD,0BACEF,SAAS,UAAAP,EAAKI,UAAL,eAASI,cAAeR,EAAKQ,YACtCC,KAAK,oBAENN,SAAA,UAAAA,EAASO,aAAT,eAAgBC,MACf,0BAAMJ,QAASP,EAAKY,QAAUT,EAAQO,MAAMC,IAAKF,KAAK,cAG1D,kBAACf,EAAD,KACGK,GACC,kBAAC,EAAD,CACEpB,MAAOoB,EAAKpB,YAASkC,EACrBjC,oBAAqBmB,EAAKnB,0BAAuBiC,IAGrD,kBAACC,EAAA,EAAD,CAAUb,SAAUA,IACpB,kBAACc,EAAA,EAAD","file":"component---src-components-pages-content-page-tsx-4d2ba07bd1c5452d298c.js","sourcesContent":["import React, { FunctionComponent } from 'react'\nimport Img from 'gatsby-image'\nimport ScrollIndicator from '../../atoms/scroll-indicator/ScrollIndicator'\nimport { spacing } from '../../../utils/spacing'\nimport styled from 'styled-components'\nimport useDictionary from '../../../hooks/use-dictionary/useDictionary'\nimport useImageData from '../../../hooks/use-image-data/useImageData'\nimport { ImageNodeData } from '../../../contexts/images/ImagesContext'\nimport useWindowSize from '../../../hooks/use-window-size/useWindowSize'\n\ninterface StaticHero {\n  image?: string\n  scrollIndicatorText?: string\n}\n\nconst StaticHero: FunctionComponent<StaticHero> = ({\n  image,\n  scrollIndicatorText = 'scrollToExplore',\n}) => {\n  const dictionary = useDictionary()\n  const imageData = useImageData(`hero/${image || ''}`) as ImageNodeData\n  const [, windowHeight] = useWindowSize()\n\n  return (\n    <StyledStaticHero height={`${windowHeight}px`}>\n      {imageData && (\n        <Img\n          fluid={imageData.fluid}\n          loading=\"eager\"\n          style={{\n            width: '100%',\n            height: '100%',\n          }}\n        />\n      )}\n      <ScrollIndicatorWrapper>\n        <ScrollIndicator text={dictionary.get(scrollIndicatorText)} />\n      </ScrollIndicatorWrapper>\n    </StyledStaticHero>\n  )\n}\n\ninterface StyledStaticHeroProps {\n  height: string\n}\n\nconst StyledStaticHero = styled.div<StyledStaticHeroProps>`\n  ${spacing()};\n  position: relative;\n  overflow: hidden;\n  height: ${({ height }): string => height};\n`\n\nconst ScrollIndicatorWrapper = styled.div`\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translate3d(-50%, 0, 0);\n`\n\nexport default StaticHero\n","import React, { Fragment, FunctionComponent } from 'react'\nimport Sections, { SectionProps } from '../organisms/sections/Sections'\nimport Colors from '../../tokens/Colors'\nimport Footer from '../organisms/footer/Footer'\nimport { Helmet } from 'react-helmet'\nimport MetaData from '../../types/MetaData'\nimport StaticHero from '../organisms/static-hero/StaticHero'\nimport styled from 'styled-components'\nimport useImageData from '../../hooks/use-image-data/useImageData'\n\ninterface ContentPageProps {\n  pageContext: {\n    hero: {\n      image: string | null\n      scrollIndicatorText: string | null\n    } | null\n    meta: MetaData\n    route: string\n    sections: SectionProps[]\n    slug: string\n    title: string\n  }\n}\n\nconst ContentPage: FunctionComponent<ContentPageProps> = ({\n  pageContext: { hero, meta, route, sections },\n}) => {\n  const ogImage = useImageData(meta.og?.image)\n\n  return (\n    <Fragment>\n      <Helmet>\n        <title>{meta.title}</title>\n        <meta content={meta.description} name=\"description\" />\n        <meta content={meta.og?.title || meta.title} name=\"og:title\" />\n        <meta\n          content={meta.og?.description || meta.description}\n          name=\"og:description\"\n        />\n        {ogImage?.fixed?.src && (\n          <meta content={meta.siteUrl + ogImage.fixed.src} name=\"og:image\" />\n        )}\n      </Helmet>\n      <StyledContentPage>\n        {hero && (\n          <StaticHero\n            image={hero.image || undefined}\n            scrollIndicatorText={hero.scrollIndicatorText || undefined}\n          />\n        )}\n        <Sections sections={sections} />\n        <Footer />\n      </StyledContentPage>\n    </Fragment>\n  )\n}\n\nconst StyledContentPage = styled.div`\n  background: ${Colors.WHITE};\n`\n\nexport default ContentPage\n"],"sourceRoot":""}