{"version":3,"sources":["webpack:///./src/templates/gated-content-page.tsx"],"names":["GatedContentPage","_ref","_data$prismicGatedCon","_page$section_bullets","data","page","prismicGatedContentPage","modal","setModal","React","useState","Error","createElement","Layout","footerBackColor","Color","newDark2","HelmetSeo","Section","PageMaxWidth","Gutter","size","Text","typeface","as","bold","align","hero_title","MaxWidth","width","HorizontalAlign","hero_description","Button","colorTheme","label","hero_button_text","onClick","md","CurvedSectionDividerGlow","position","glowColor","backColor","background","color","section_title","Grid","Column","section_description","Img","fluid","fluidImage","section_image","justifyColumns","section_bullets_title","section_bullets","map","b","BulletTick","key","section_bullet_title","section_button_label","Modal","onDismiss","visible","GatedContentForm","pardotForm","pardot_form","formTitle"],"mappings":"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","file":"component---src-templates-gated-content-page-tsx-346b59a70f5eae13fa65.js","sourcesContent":["import { graphql } from \"gatsby\";\nimport Img from \"gatsby-image\";\nimport React from \"react\";\nimport {\n  BulletTick,\n  Button,\n  Column,\n  CurvedSectionDividerGlow,\n  GatedContentForm,\n  Grid,\n  Gutter,\n  HelmetSeo,\n  HorizontalAlign,\n  Layout,\n  MaxWidth,\n  Modal,\n  PageMaxWidth,\n  Section,\n  Text,\n} from \"../components\";\nimport { Color } from \"../constants\";\nimport { fluidImage } from \"../prismic-tools\";\n\nexport const query = graphql`\n  query GatedContentPage($uid: String!) {\n    prismicGatedContentPage(uid: { eq: $uid }) {\n      data {\n        hero_title\n        hero_description\n        hero_button_text\n\n        pardot_form\n        success_redirect_url\n\n        section_title\n        section_description\n        section_image {\n          alt\n          dimensions {\n            height\n            width\n          }\n          url\n        }\n        section_bullets_title\n        section_bullets {\n          section_bullet_title\n        }\n\n        section_button_label\n\n        seo_title\n        seo_description\n        share_image {\n          alt\n          dimensions {\n            width\n            height\n          }\n          url\n        }\n      }\n    }\n  }\n`;\n\ntype Props = {\n  data: GatsbyTypes.GatedContentPageQuery;\n};\n\nexport default function GatedContentPage({ data }: Props) {\n  const page = data.prismicGatedContentPage?.data;\n  const [modal, setModal] = React.useState<boolean>(false);\n\n  if (!page) throw new Error(\"Gated Content page missing\");\n\n  return (\n    <Layout footerBackColor={Color.newDark2}>\n      <HelmetSeo {...page} />\n      <Section>\n        <PageMaxWidth>\n          <Gutter size={3} />\n          <Text typeface=\"h1\" as=\"h1\" bold align=\"center\">\n            {page.hero_title}\n          </Text>\n          <Gutter size={2} />\n          <MaxWidth width={750}>\n            <HorizontalAlign align=\"center\">\n              <Text typeface=\"h5\" align=\"center\">\n                {page.hero_description}\n              </Text>\n              <Gutter size={2} />\n              <Button\n                colorTheme=\"orange\"\n                label={page.hero_button_text}\n                onClick={() => setModal(true)}\n              />\n            </HorizontalAlign>\n          </MaxWidth>\n          <Gutter size={4} md={2} />\n        </PageMaxWidth>\n        <CurvedSectionDividerGlow\n          position=\"top\"\n          glowColor=\"orange\"\n          backColor=\"light1\"\n        />\n        <Section background=\"dark\">\n          <Gutter size={2} md={1} />\n          <PageMaxWidth>\n            <MaxWidth width={750}>\n              <HorizontalAlign align=\"center\">\n                <Text typeface=\"h3\" align=\"center\" color=\"light1\" bold as=\"h2\">\n                  {page.section_title}\n                </Text>\n                <Gutter size={3} />\n              </HorizontalAlign>\n            </MaxWidth>\n            <MaxWidth width={900}>\n              <Grid>\n                <Column size={6}>\n                  <Text color=\"light1\">{page.section_description}</Text>\n                </Column>\n                <Column size={6}>\n                  <MaxWidth width={328}>\n                    <Img fluid={fluidImage(page.section_image, 328)} />\n                  </MaxWidth>\n                </Column>\n              </Grid>\n              <Gutter size={3} />\n\n              <Grid justifyColumns=\"space-between\">\n                <Column size={6}>\n                  <Gutter />\n                  <Text typeface=\"h3\" color=\"light1\" bold as=\"h3\">\n                    {page.section_bullets_title}\n                  </Text>\n                  <Gutter />\n                </Column>\n                <Column size={6}>\n                  <Gutter />\n                  {page.section_bullets?.map(\n                    (b) =>\n                      b && (\n                        <BulletTick key={b.section_bullet_title}>\n                          <Text color=\"light1\">{b.section_bullet_title}</Text>\n                        </BulletTick>\n                      )\n                  )}\n                </Column>\n              </Grid>\n              <Gutter size={4} md={2} />\n\n              <HorizontalAlign align=\"center\">\n                <Button\n                  colorTheme=\"hollow-white\"\n                  label={page.section_button_label}\n                  onClick={() => setModal(true)}\n                />\n              </HorizontalAlign>\n              <Gutter size={4} />\n            </MaxWidth>\n          </PageMaxWidth>\n        </Section>\n      </Section>\n\n      <Modal onDismiss={() => setModal(false)} visible={modal}>\n        <GatedContentForm\n          pardotForm={page.pardot_form || \"\"}\n          formTitle={page.hero_title || \"\"}\n        />\n      </Modal>\n    </Layout>\n  );\n}\n"],"sourceRoot":""}