{"version":3,"file":"component---src-pages-interstitial-js-bafc762cd785bf3f017b.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/shared/BgImage.js","webpack://gatsby-starter-default/./src/pages/interstitial.js"],"sourcesContent":["import React, {Component} from 'react'\nimport styled from 'styled-components'\nimport {GatsbyImage, getImage} from \"gatsby-plugin-image\"\n\nconst BgImageWrapper = styled.div`\n    width: 100vw;\n    height: 100vh;\n    position: absolute;\n    left: 0;\n    z-index: 2;\n    user-select: none;\n    \n    .image {\n        width: 100vw;\n        height: 100vh;\n    }\n`\n\nclass BgImage extends Component {\n    render() {\n        return (\n            <BgImageWrapper>\n                    <GatsbyImage placeholder=\"none\"\n                        image={getImage(this.props.data.FallbackXs)}\n                        alt=\"\"\n                        title=\"\"\n                        className=\"image d-block d-sm-none\"\n                    />\n                    <GatsbyImage placeholder=\"none\"\n                        image={getImage(this.props.data.FallbackSm)}\n                        alt=\"\"\n                        title=\"\"\n                        className=\"image d-none d-sm-block d-md-none\"\n                    />\n                    <GatsbyImage placeholder=\"none\"\n                        image={getImage(this.props.data.FallbackLg)}\n                        alt=\"\"\n                        title=\"\"\n                        className=\"image d-none d-md-block d-xl-none\"\n                    />\n                    <GatsbyImage placeholder=\"none\"\n                        image={getImage(this.props.data.FallbackXl)}\n                        alt=\"\"\n                        title=\"\"\n                        className=\"image d-none d-xl-block\"\n                    />\n            </BgImageWrapper>\n        )\n    }\n}\n\nexport default BgImage","import React, {Component} from 'react'\nimport Layout from 'components/Layout/Layout'\nimport {navigate, Link, StaticQuery, graphql} from 'gatsby'\nimport SEO from \"utils/Seo\"\nimport styled from \"styled-components\";\nimport BgImage from '../components/shared/BgImage'\nimport {GatsbyImage, getImage} from \"gatsby-plugin-image\"\n\nconst IframeWrapper = styled.div`\n    height: 100vh;\n    position: relative;\n    width: 100%;\n\n    h1 {\n    \tvisibility: hidden;\n    }\n    \n`\n\nconst BottomOfIframe = styled.div`\n    position: absolute;\n    top: 75%;\n\n    @media (min-width: 992px) {\n        top: 100%;\n    }\n`\n\nconst Content = styled.div`\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    max-width: 642px;\n    position: relative;\n    z-index: 2;\n    color: ${props => props.theme.colors.white};\n    text-align: center;\n    padding: 0 0 0 1rem;\n    margin: 0 auto;\n    \n    .scroll-helper {\n        overflow-x: hidden;\n        width: 100%;\n        height: 100%;\n        overflow-y: auto;\n        padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */\n       \n    }\n    h2 {\n        font-size: 1.5rem;\n    }\n    \n    p {\n        font-size: 1.25rem;\n        font-family: 'Proxima Nova W05 Bold', Arial, sans-serif;\n        font-weight: bold;\n    }\n`\n\nconst Query = (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                FallbackXs: file(relativePath: { eq: \"575x960-min.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n                \n                FallbackSm: file(relativePath: { eq: \"991x1320-min.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                FallbackLg: file(relativePath: { eq: \"1200x720-min.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1200, quality: 100)\n                    }\n                }\n                \n                FallbackXl: file(relativePath: { eq: \"1920x1080-min.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                logo: file(relativePath: { eq: \"Logo_lrg.png\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 800, quality: 100, placeholder: NONE\n                            formats: [AUTO, WEBP, AVIF])\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <Interstitial props={props} data={data}/>\n        )}\n    />\n)\n\nclass Interstitial extends Component {\n\n    constructor(props) {\n        super(props)\n\n        this.state = {\n            href: \"\",\n            previousUrl: \"\"\n        }\n\n        this.cancelRedirect = this.cancelRedirect.bind(this)\n    }\n\n    componentWillUnmount() {\n        document.body.classList.remove('hide-disney-header');\n    }\n\n    componentDidMount() {\n        document.body.classList.add('hide-disney-header');\n\n        if (this.props.props.location.state === null || typeof this.props.props.location.state === undefined) {\n            navigate(\"/\");\n            return true\n        }\n        const {href, previousUrl} = this.props.props.location.state\n\n        this.setState({\n            href,\n            previousUrl\n        })\n    }\n\n    cancelRedirect() {\n        clearTimeout(this.redirect)\n    }\n\n    render() {\n\n        const {href, previousUrl} = this.state\n\n        if (href !== \"\" && previousUrl !== \"\") {\n\n            return (\n                <Layout pageName=\"interstitial\" interstitial={true}>\n                    <SEO slug=\"interstitial\" title=\"An Important Message\"/>\n                    <IframeWrapper>\n                        <h1 className=\"sr-only\">FROZEN The Musical</h1>\n                        <BgImage\n                            data={this.props.data}\n                        />\n                        <BottomOfIframe id=\"bottomOfIframe\"/>\n                        <Content>\n                            <div className=\"scroll-helper\">\n                                <div className=\"logo\">\n                                    <GatsbyImage placeholder=\"none\"\n                                        image={getImage(this.props.data.logo)}\n                                        alt=\"\"\n                                        title=\"\"\n                                        className=\"d-block img-fluid\"\n                                    />\n                                </div>\n                                <h2>PLEASE NOTE</h2>\n\n                                <p>Disney privacy practices and controls do not apply to the site you are about to\n                                    visit, as it is not controlled by Disney. Please click below to say that you are\n                                    happy to continue.</p>\n\n                                <div className=\"d-block d-sm-flex\" style={{\n                                    paddingBottom: '4rem'\n                                }}>\n                                    <a href={href} target=\"_blank\" rel=\"noopener noreferrer\"\n                                       className=\"btn btn--new my-2 my-sm-0 mx-auto\"><span>Continue</span></a>\n                                    <Link to={previousUrl} className=\"btn btn--new my-2 my-sm-0 mx-auto\"><span>Go\n                                        Back</span></Link>\n                                </div>\n                            </div>\n                        </Content>\n                    </IframeWrapper>\n                </Layout>\n            )\n        } else {\n            return <></>\n        }\n\n    }\n\n}\n\nexport default Query\n"],"names":["BgImageWrapper","styled","BgImage","render","G","placeholder","image","getImage","this","props","data","FallbackXs","alt","title","className","FallbackSm","FallbackLg","FallbackXl","Component","IframeWrapper","BottomOfIframe","Content","theme","colors","white","Interstitial","state","href","previousUrl","cancelRedirect","bind","componentWillUnmount","document","body","classList","remove","componentDidMount","add","location","undefined","navigate","setState","clearTimeout","redirect","pageName","interstitial","slug","id","logo","style","paddingBottom","target","rel","Link","to","StaticQuery","query"],"sourceRoot":""}