{"version":3,"file":"component---src-pages-index-js-5ace15fc3b029aecbe93.js","mappings":"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","sources":["webpack://safe-space/./src/pages/index.js","webpack://safe-space/./src/store/actions/resources.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { graphql } from \"gatsby\";\nimport tw, { styled, css, GlobalStyles } from \"twin.macro\";\nimport Header from \"../components/dynamic-components/header\";\nimport BottomNavigation from \"../components/dynamic-components/bottom-navigation\";\nimport Footer from \"../components/dynamic-components/footer\";\nimport GeneralFeedback from \"../components/dynamic-components/general-feedback\";\nimport { TransitionState } from \"gatsby-plugin-transition-link\";\nimport { m, LazyMotion } from \"framer-motion\";\nimport { useDispatch } from \"react-redux\";\nimport { selectCategory } from \"../store/actions/resources\";\nimport { Link } from \"gatsby-plugin-intl\";\nimport { Helmet } from \"react-helmet\";\nimport { ThemeContext } from \"../components/themes/theme-context\";\nimport { useIntl } from \"gatsby-plugin-intl\";\nimport SiteMetadata from \"../components/site-metadata\";\n\n\nconst InnerContainer = tw.div`max-w-screen-xl mx-auto`;\n\nconst StyledSection = tw.section`flex flex-col justify-center text-center px-10 min-h-screen items-center`;\n\nconst StyledHeadline = tw.h1`font-serif font-normal text-2xl leading-serif-2xl mb-4 px-12 md:text-3xl md:leading-serif-3xl lg:text-4xl lg:leading-serif-4xl lg:mb-6`;\n\nconst StyledSubheadline = tw.p`font-sans font-normal text-base leading-sans-base mb-8 md:text-lg md:leading-sans-lg lg:text-xl lg:leading-sans-xl md:px-16 xl:px-32`;\n\n// const StyledLanguageNav = tw.div`lg:hidden`;\n\nconst StyledButtonContainer = tw.div`flex flex-col justify-center items-center w-full md:w-7/12 lg:w-1/2 xl:w-1/3`;\n\nconst StyledButton = styled(Link)`\n\t${tw`my-2 font-medium font-sans text-base leading-sans-base md:text-lg md:leading-sans-lg md:my-3 lg:text-xl lg:leading-sans-xl lg:my-4`}\n`;\n\nconst NeedHelpButton = tw(\n\tStyledButton\n)`text-white rounded-full w-full py-5 shadow-help-options md:py-6 md:px-16 transition duration-150 ease-linear transform hover:scale-105`;\n\nconst loadFeatures = () =>\n\timport(\"../components/dynamic-components/features\").then(\n\t\t(res) => res.default\n\t);\n\nconst Homepage = ({ pageContext, data }) => {\n\tconst node = data.allContentfulHomePage.nodes[0];\n\tconst headline = node.headline;\n\tconst titleBarText = node.titleBarText;\n\tconst subheadline = node.subheadline.subheadline;\n\tconst helpOptions = node.helpOptions;\n\tconst needHelpData = helpOptions[0];\n\tconst seekingHelpData = helpOptions[1];\n\tconst skipData = helpOptions[2];\n\tconst intl = useIntl();\n\n\tconst generalFeedbackData = data.allContentfulFeedbackComponent.nodes.filter(\n\t\t(item) => item.title === \"General Feedback\"\n\t)[0];\n\n\tconst sectionAnimation = {\n\t\thidden: { opacity: 0, y: 50 },\n\t\tvisible: { opacity: 1, y: 0 },\n\t};\n\n\tconst dispatch = useDispatch();\n\tconst { theme } = useContext(ThemeContext);\n\n\tconst resetCategory = () => {\n\t\tdispatch(selectCategory(null));\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Helmet\n\t\t\t\ttitle={`${titleBarText}`}\n\t\t\t\thtmlAttributes={{ title: `${titleBarText}`, lang: `${intl.locale}` }}\n\t\t\t/>\n\t\t\t<SiteMetadata data={data.allContentfulSiteMetadata} />\n\t\t\t<Header data={data.allContentfulHeader} />\n\t\t\t<InnerContainer>\n\t\t\t\t<TransitionState>\n\t\t\t\t\t{({ mount }) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<LazyMotion features={loadFeatures}>\n\t\t\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\t\tanimate={mount ? \"visible\" : \"\"}\n\t\t\t\t\t\t\t\t\tvariants={sectionAnimation}\n\t\t\t\t\t\t\t\t\ttransition={{ duration: 0.8 }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<StyledSection\n\t\t\t\t\t\t\t\t\t\tcss={css`\n\t\t\t\t\t\t\t\t\t\t\t@media (max-height: 600px) {\n\t\t\t\t\t\t\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<StyledHeadline>{headline}</StyledHeadline>\n\t\t\t\t\t\t\t\t\t\t<StyledSubheadline>{subheadline}</StyledSubheadline>\n\t\t\t\t\t\t\t\t\t\t<StyledButtonContainer>\n\t\t\t\t\t\t\t\t\t\t\t<NeedHelpButton\n\t\t\t\t\t\t\t\t\t\t\t\tto={`/${seekingHelpData.linkTo.slug}/`}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={resetCategory}\n\t\t\t\t\t\t\t\t\t\t\t\tcss={theme.buttonLight}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{needHelpData.label}\n\t\t\t\t\t\t\t\t\t\t\t</NeedHelpButton>\n\t\t\t\t\t\t\t\t\t\t</StyledButtonContainer>\n\t\t\t\t\t\t\t\t\t</StyledSection>\n\t\t\t\t\t\t\t\t</m.div>\n\t\t\t\t\t\t\t</LazyMotion>\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t</TransitionState>\n\t\t\t</InnerContainer>\n\t\t\t<Footer data={data.allContentfulFooter} />\n\t\t\t<BottomNavigation\n\t\t\t\tdata={data.allContentfulBottomNavigation}\n\t\t\t\tlanguageData={data.allContentfulLanguageNavigation}\n\t\t\t/>\n\t\t\t<GeneralFeedback data={generalFeedbackData} />\n\t\t\t<GlobalStyles />\n\t\t</>\n\t);\n};\n\nexport const query = graphql`\n\tquery HomepageQuery($locale: String!) {\n\t\tallContentfulHomePage(filter: { node_locale: { eq: $locale } }) {\n\t\t\tnodes {\n\t\t\t\ttitleBarText\n\t\t\t\theadline\n\t\t\t\tsubheadline {\n\t\t\t\t\tsubheadline\n\t\t\t\t}\n\t\t\t\thelpOptions {\n\t\t\t\t\tid\n\t\t\t\t\ttitle\n\t\t\t\t\tlabel\n\t\t\t\t\tlinkTo {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\tslug\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tallContentfulFooter(filter: { node_locale: { eq: $locale } }) {\n\t\t\tnodes {\n\t\t\t\t...footer\n\t\t\t}\n\t\t}\n\t\tallContentfulHeader(filter: { node_locale: { eq: $locale } }) {\n\t\t\tnodes {\n\t\t\t\t...header\n\t\t\t}\n\t\t}\n\t\tallContentfulBottomNavigation(filter: { node_locale: { eq: $locale } }) {\n\t\t\tnodes {\n\t\t\t\t...bottomNavigation\n\t\t\t}\n\t\t}\n\t\tallContentfulFeedbackComponent(filter: { node_locale: { eq: $locale } }) {\n\t\t\tnodes {\n\t\t\t\t...feedbackComponent\n\t\t\t}\n\t\t}\n\t\tallContentfulLanguageNavigation(filter: { node_locale: { eq: $locale } }) {\n\t\t\tnodes {\n\t\t\t\t...languageNavigation\n\t\t\t}\n\t\t}\n\t\tallContentfulSiteMetadata(filter: { node_locale: { eq: $locale } }) {\n\t\t\tnodes {\n\t\t\t\t...siteMetadata\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport default Homepage;\n","import { actionTypes as resourceActions } from \"../reducers/resources\";\n\nexport const selectCategory = (category) => {\n\tconst action = {\n\t\ttype: resourceActions.SORT_TYPE,\n\t\tcategory,\n\t};\n\treturn action;\n};\n"],"names":["InnerContainer","_styled2","target","name","styles","StyledSection","StyledHeadline","StyledSubheadline","StyledButtonContainer","StyledButton","Link","NeedHelpButton","loadFeatures","then","res","default","_ref","_ref3","pageContext","data","node","allContentfulHomePage","nodes","headline","titleBarText","subheadline","helpOptions","needHelpData","seekingHelpData","intl","useIntl","generalFeedbackData","allContentfulFeedbackComponent","filter","item","title","sectionAnimation","hidden","opacity","y","visible","dispatch","useDispatch","theme","useContext","ThemeContext","resetCategory","selectCategory","___EmotionJSX","React","Helmet","htmlAttributes","lang","locale","SiteMetadata","allContentfulSiteMetadata","Header","allContentfulHeader","TransitionState","_ref4","mount","LazyMotion","features","m","div","initial","animate","variants","transition","duration","css","to","linkTo","slug","onClick","buttonLight","label","Footer","allContentfulFooter","BottomNavigation","allContentfulBottomNavigation","languageData","allContentfulLanguageNavigation","GeneralFeedback","_GlobalStyles","category","type","resourceActions","SORT_TYPE"],"sourceRoot":""}