{"version":3,"file":"component---src-templates-featured-template-js-d6034d0caa3faffa6033.js","mappings":"wUAaMA,GAAkBC,EAAAA,EAAAA,SAAOC,EAAAA,GAAUC,WAAA,CAAAC,YAAA,kCAAAC,YAAA,eAAjBJ,CAAiB,mEAI5BK,EAAAA,EAAMC,IAoEnB,EA/DsB,SAACC,GACnB,IAAMC,EAAOD,EAAMC,KAAKC,SAGxB,OACIC,EAAAA,cAAAA,EAAAA,SAAA,KACuC,OAAlCF,EAAKG,kBAAkBC,QACpBF,EAAAA,cAACG,EAAAA,EAAY,CAACC,SAAS,OAAOC,WAAS,GACnCL,EAAAA,cAACM,EAAAA,EAAQ,CAACJ,OAAQJ,EAAKG,kBAAkBC,UAGjDF,EAAAA,cAACX,EAAe,CAACkB,UAAU,QACvBP,EAAAA,cAACQ,EAAAA,EAAO,KACJR,EAAAA,cAACS,EAAAA,EAAG,KACAT,EAAAA,cAACU,EAAAA,EAAG,CAACC,GAAG,KACJX,EAAAA,cAACS,EAAAA,EAAG,KACCX,EAAKc,MACFZ,EAAAA,cAACU,EAAAA,EAAG,CAACG,GAAI,IACLb,EAAAA,cAAA,OAAKO,UAAU,uBACXP,EAAAA,cAAA,KAAGO,UAAU,QAAQT,EAAKc,QAQtCZ,EAAAA,cAACU,EAAAA,EAAG,CAACG,GAAI,GAAIN,UAAU,oBACnBP,EAAAA,cAACc,EAAAA,EAAuB,CAACC,OAAQjB,EAAKkB,4BAA4BC,qBAI9EjB,EAAAA,cAACU,EAAAA,EAAG,CAACC,GAAI,CAAEO,KAAM,EAAGC,OAAQ,GAAKZ,UAAU,WACvCP,EAAAA,cAAA,aACKF,EAAKkB,4BAA4BI,SAAWtB,EAAKkB,4BAA4BI,QAAQC,KAAI,SAACC,EAAMC,GAC7F,OAAQD,EAAKE,iBAAiBC,iBAAiB,GAAGC,YAC9C,IAAK,6DACD,OACI1B,EAAAA,cAACU,EAAAA,EAAG,CAACG,GAAI,EAAGjB,GAAI,EAAGe,GAAI,GAAIJ,UAAU,4BAA4BoB,IAAKJ,GAClEvB,EAAAA,cAAC4B,EAAAA,EAAY,CAACC,GAAIP,EAAKQ,WAAYC,QAAQ,KAIvD,IAAK,yDACD,OACI/B,EAAAA,cAACU,EAAAA,EAAG,CAACG,GAAI,EAAGjB,GAAI,EAAGe,GAAI,GAAIJ,UAAU,8CAA8CoB,IAAKJ,GACpFvB,EAAAA,cAAC4B,EAAAA,EAAY,CAACC,GAAIP,EAAKQ,WAAYC,QAAQ,KAIvD,QACI,MAAO,GAEnB,SAQhC,EC7EMC,EAAgB,SAAAC,GAAA,SAAAD,IAAA,OAAAC,EAAAC,MAAA,KAAAC,YAAA,KAWjB,OAXiBC,EAAAA,EAAAA,GAAAJ,EAAAC,GAAAD,EAAAK,UAClBC,OAAA,WACI,IAAMxC,EAAOyC,KAAK1C,MAAMC,KAAK0C,OACvBC,EAAQ3C,EAAK4C,IAAID,OAAS3C,EAAK2C,MAC/BE,EAAY7C,EAAK8C,aACjBC,EAAmB/C,EAAKC,SAAS+C,oBACvC,OACI9C,EAAAA,cAAC+C,EAAAA,EAAM,CAACN,MAAOA,EAAOO,YAAalD,EAAK4C,IAAIO,SAAUN,UAAWA,GAC7D3C,EAAAA,cAACkD,EAAc,CAACpD,KAAMA,EAAM+C,iBAAkBA,IAG1D,EAACb,CAAA,CAXiB,CAASmB,EAAAA,WAyC/B,G","sources":["webpack://img-wp-headless-template/./src/components/FeaturedLayout/FeaturedLayout.js","webpack://img-wp-headless-template/./src/templates/FeaturedTemplate.js"],"sourcesContent":["import React from \"react\"\nimport { Row, Col, Container } from \"reactstrap\"\nimport styled from \"styled-components\"\nimport { media } from \"utils/Media\"\n// import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n// import { faFacebookF, faTwitter } from \"@fortawesome/free-brands-svg-icons\";\n// import { FacebookShareButton, TwitterShareButton } from 'react-share';\nimport FlexibleContentFeatured from \"components/FlexibleContent/FlexibleContentFeatured\"\nimport Carousel from \"components/FlexibleContent/Blocks/HeroCarousel/Carousel\"\nimport Article from \"components/shared/Article\"\nimport SidebarBlock from \"components/shared/SidebarBlock\"\nimport ContainerMax from \"components/shared/ContainerMax\"\n\nconst ContainerStyled = styled(Container)`\n    padding-right: 0;\n    padding-left: 0;\n\n    @media ${media.md} {\n        padding-right: 15px;\n    }\n`\n\nconst FeaturedBlock = (props) => {\n    const data = props.data.template\n    // let link = \"\"\n    // if (typeof window !== \"undefined\") link = window.location.href\n    return(\n        <>\n            {data.acfFeatureArticle.slides !== null &&\n                <ContainerMax maxWidth=\"1920\" noPadding>\n                    <Carousel slides={data.acfFeatureArticle.slides} />\n                </ContainerMax>\n            }\n            <ContainerStyled className=\"py-4\">\n                <Article>\n                    <Row>\n                        <Col lg=\"8\">\n                            <Row>\n                                {data.date &&\n                                    <Col xs={12}>\n                                        <div className=\"date-share clearfix\">\n                                            <p className=\"date\">{data.date}</p>\n                                            {/* <div className=\"share\">\n                                                <FacebookShareButton className=\"share-button\" url={link}><FontAwesomeIcon icon={faFacebookF} /></FacebookShareButton>\n                                                <TwitterShareButton className=\"share-button\" url={link}><FontAwesomeIcon icon={faTwitter} /></TwitterShareButton>\n                                            </div> */}\n                                        </div>\n                                    </Col>\n                                }\n                                <Col xs={12} className=\"d-flex flex-wrap\">\n                                    <FlexibleContentFeatured blocks={data.acfTwoColumnFlexibleContent.twoColumnBlocks} />\n                                </Col>\n                            </Row>\n                        </Col>\n                        <Col lg={{ size: 3, offset: 1 }} className=\"sidebar\">\n                            <aside>\n                                {data.acfTwoColumnFlexibleContent.sidebar && data.acfTwoColumnFlexibleContent.sidebar.map((node, i) => {\n                                    switch (node.acfSidebarBlocks.sidebarBlockType[0].__typename) {\n                                        case \"WpSidebarBlock_Acfsidebarblocks_SidebarBlockType_ImageLink\":\n                                            return(\n                                                <Col xs={6} md={4} lg={12} className=\"pb-3 pb-md-0 px-1 px-lg-0\" key={i}>\n                                                    <SidebarBlock id={node.databaseId} margin={true} />\n                                                </Col>\n                                            )\n\n                                        case \"WpSidebarBlock_Acfsidebarblocks_SidebarBlockType_Rolex\":\n                                            return(\n                                                <Col xs={6} md={4} lg={12} className=\"d-none d-lg-block pb-3 pb-md-0 px-1 px-lg-0\" key={i}>\n                                                    <SidebarBlock id={node.databaseId} margin={true} />\n                                                </Col>\n                                            )\n                                    \n                                        default:\n                                            return \"\";\n                                    }\n                                })}\n                            </aside>\n                        </Col>\n                    </Row>\n                </Article>\n            </ContainerStyled>\n        </>\n    )\n}\n\nexport default FeaturedBlock","import React, { Component } from \"react\"\nimport { graphql } from \"gatsby\"\nimport \"queries/featuredTemplateQuery\"\nimport Layout from \"components/Layout/Layout\"\nimport FeaturedLayout from \"components/FeaturedLayout/FeaturedLayout\"\n\nclass FeaturedTemplate extends Component {\n    render() {\n        const data = this.props.data.wpPage\n        const title = data.seo.title || data.title\n        const googleAds = data.acfGoogleAds\n        const googleAdsSidebar = data.template.acfGoogleAdsSidebar\n        return (\n            <Layout title={title} description={data.seo.metaDesc} googleAds={googleAds}>\n                <FeaturedLayout data={data} googleAdsSidebar={googleAdsSidebar} />\n            </Layout>\n        )\n    }\n}\n\nexport const pageQuery = graphql`\nquery($id: String!) {\n    wpPage(id: {eq: $id}) {\n        title\n        uri\n        seo {\n            title\n            metaDesc\n        }\n        acfGoogleAds {\n            bellybandName\n        }\n        template {\n            ... on WpTemplate_FeatureArticle {\n                acfGoogleAdsSidebar {\n                    sidebarMpus {\n                        type\n                        name\n                    }\n                }\n                ...featuredTemplateQuery\n            }\n        }\n    }\n}\n`\n\nexport default FeaturedTemplate"],"names":["ContainerStyled","styled","Container","withConfig","displayName","componentId","media","md","props","data","template","React","acfFeatureArticle","slides","ContainerMax","maxWidth","noPadding","Carousel","className","Article","Row","Col","lg","date","xs","FlexibleContentFeatured","blocks","acfTwoColumnFlexibleContent","twoColumnBlocks","size","offset","sidebar","map","node","i","acfSidebarBlocks","sidebarBlockType","__typename","key","SidebarBlock","id","databaseId","margin","FeaturedTemplate","_Component","apply","arguments","_inheritsLoose","prototype","render","this","wpPage","title","seo","googleAds","acfGoogleAds","googleAdsSidebar","acfGoogleAdsSidebar","Layout","description","metaDesc","FeaturedLayout","Component"],"sourceRoot":""}