{"version":3,"sources":["webpack:///./src/modules/common/Error.js","webpack:///./src/pages/404.js"],"names":["useStyles","makeStyles","theme","_logo","space","backgroundImage","position","backgroundPosition","backgroundSize","backgroundColor","width","height","spaceInner","logo","marginTop","marginLeft","transform","breakpoints","only","container","top","aligner","display","textAlign","maxWidth","margin","image","text","color","above","marginBottom","below","note","fontSize","footerWrap","spacing","homeButton","Error","_ref","code","classes","_useState","useState","message","notes","setDisplay","_useTranslation","useTranslation","t","_useState2","i18n","footerData","setFooterData","useEffect","_fetchData","_asyncToGenerator","_regeneratorRuntime","mark","_callee","site","result","wrap","_context","prev","next","snake","getSectionByType","sent","data","content","stop","apply","arguments","fetchData","React","createElement","Fragment","className","href","Image","name","Text","variant","weight","align","src","alt","Button","onClick","window","location","assign","size","FooterModule","Error404","page","seo","tracking","dataLayer","country","detectAlpha2Country","pageFamily","pageName","userId","DefaultTemplate"],"mappings":"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","file":"component---src-pages-404-js-6e05678a71b8f5e3e181.js","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Button from '@src/components/Button';\nimport Text from '@src/components/Text';\nimport FooterModule from '@src/modules/FooterModule'\nimport { useTranslation } from \"react-i18next\"\nimport { snake } from '@src/snake/core';\nimport Image from '@src/components/Image';\n\nconst useStyles = makeStyles((theme) => ({\n    space: {\n        backgroundImage: 'url(/img/errors/pexels@2x.png)',\n        position: 'fixed',\n        backgroundPosition: 'center',\n        backgroundSize: 'cover',\n        backgroundColor: 'black',\n        width: '100%',\n        height: '100%'\n    },\n    spaceInner: {\n        position: 'absolute',\n        width: '100%',\n        height: '100%'\n    },\n    logo: {\n        height: 56,\n        marginTop: '15px',\n        marginLeft: '50%',\n        transform: 'translateX(-50%)',\n        [theme.breakpoints.only('xs')]: {\n            height: 45,\n        },\n    },\n    container: {\n        position: 'absolute',\n        top: '50%',\n        width: '100%',\n    },\n    aligner: {\n        display: 'block',\n        textAlign: 'center',\n        width: '70%',\n        maxWidth: '700px',\n        margin: '0 auto',\n        transform: 'translateY(-35%)'\n    },\n    image: {\n        width: '100%',\n        maxWidth: '600px',\n    },\n    text: {\n        color: 'white'\n    },\n    above: {\n        marginBottom: '15px'\n    },\n    below: {\n        marginTop: '20px'\n    },\n    note: {\n        fontSize: '1.5em',\n        marginTop: '10px'\n    },\n    footerWrap: {\n        position: 'absolute',\n        width: '100%',\n        top: '100%',\n        marginTop: -theme.spacing(4)\n    },\n    homeButton: {\n        marginTop: '15px',\n        //textTransform: 'uppercase'\n    }\n}));\n\nexport default function Error({ code }) {\n    const classes = useStyles();\n    const [display, setDisplay] = useState({\n        message: \"\",\n        notes: \"\"\n    })\n\n    const { t, i18n } = useTranslation()\n    const [footerData, setFooterData] = useState({});\n\n    const handleClick = () => {\n        window.location.assign('/');\n    }\n\n    useEffect(() => {\n        setDisplay({\n            message: t(`page${code}.message`),\n            notes: t(`page${code}.notes`)\n        });\n        async function fetchData() {\n            let site = t('site');\n            const result = await snake.getSectionByType('footer', site);\n            setFooterData(result.data.content);\n        }\n        fetchData();\n    }, []);\n\n    return (\n        <>\n            <div className={classes.space}></div>\n            <div className={classes.spaceInner}>\n                <a href=\"/\">\n                    <Image className={classes.logo} name='logo_white' />\n                </a>\n                <div className={classes.container}>\n                    <div className={classes.aligner}>\n                        <Text className={`${classes.text} ${classes.above}`} variant='titleL' weight='bold' align='center'>Error</Text>\n                        <img className={classes.image} src={`/img/errors/${code}@3x.png`} alt=\"\" />\n                        <Text className={`${classes.text} ${classes.below}`} variant='titleXXL' weight='bold' align='center'>{display.message}</Text>\n                        <Text className={`${classes.text} ${classes.note}`} variant='bodyM' align='center'>{display.notes}</Text>\n                        <Button onClick={handleClick} className={classes.homeButton} size=\"large\">{t(`home`)}</Button>\n                    </div>\n                </div>\n                <div className={classes.footerWrap}>\n                    <FooterModule {...footerData} /> \n                </div>\n            </div>\n        </>\n    );\n}","import React from 'react';\r\nimport DefaultTemplate from \"@src/site/templates/default\";\r\nimport Error from '@src/modules/common/Error';\r\nimport { detectAlpha2Country } from '@src/utils/country';\r\n\r\nexport default function Error404() {\r\n    const country = detectAlpha2Country();\r\n    const page = {\r\n        content: null,\r\n        seo: {},\r\n        tracking: {\r\n            dataLayer: [\r\n                {\r\n                    country: country,\r\n                    pageFamily: \"home\",\r\n                    pageName: \"error\",\r\n                    userId: \"\"\r\n                },\r\n            ]\r\n        }\r\n    }\r\n\r\n    return (\r\n        <DefaultTemplate page={page}>\r\n            <Error code=\"404\" />\r\n        </DefaultTemplate>\r\n    );\r\n}"],"sourceRoot":""}