{"version":3,"sources":["webpack:///./src/templates/newsletters.js"],"names":["NewsletterPost","pageData","id","pageContext","GET_SINGLE_SEND","gql","useQuery","variables","loading","error","data","message","htmlContent","bodyTheme","className","style","maxWidth","minHeight","borderRadius","marginLeft","marginRight","backgroundColor","ReactHtmlParser"],"mappings":"uOA4EeA,UApEQ,SAAAC,GACrB,IAAMC,EAAKD,EAASE,YAAYD,GAe1BE,EAAkBC,YAAH,uMAYrB,EAAiCC,YAASF,EAAiB,CACzDG,UAAW,CACTL,GAAIA,KAFAM,EAAR,EAAQA,QAASC,EAAjB,EAAiBA,MAAOC,EAAxB,EAAwBA,KAMxB,GAAIF,EAAS,MAAO,aACpB,GAAIC,EAAO,MAAM,UAAWA,EAAME,QAElC,IAAMC,EAAcF,EAAI,WAAJ,0BAEpB,OACE,kBAAC,IAAD,CAAQG,UAAU,mBAChB,gCACE,kBAAC,IAAD,OAEF,0BAAMC,UAAU,wCACd,6BAASA,UAAU,yBACjB,yBAAKC,MA3Cc,CACzBC,SAAU,QACVC,UAAW,QACXC,aAAc,MACdC,WAAY,OACZC,YAAa,OACbC,gBAAiB,YAsCT,yBAAKP,UAAU,OACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,eACb,yBAAKA,UAAU,wBACb,4BAAKJ,EAAI,WAAJ,UAKZY,IAAgBV,GACjB,yBAAKE,UAAU,aACb,kBAAC,IAAD,SAIN,kBAAC,IAAD","file":"component---src-templates-newsletters-js-eff6089a5e2449528704.js","sourcesContent":["import React from \"react\"\nimport Layout from \"../components/layout\"\nimport Menu from \"../components/global/Menu\"\nimport Footer from \"../components/global/Footer\"\nimport { gql, useQuery } from \"@apollo/client\"\nimport ReactHtmlParser from \"react-html-parser\"\nimport CallToAction from \"../components/global/CallToAction\"\n\nconst NewsletterPost = pageData => {\n  const id = pageData.pageContext.id\n\n  const newletterContainer = {\n    maxWidth: \"620px\",\n    minHeight: \"400px\",\n    borderRadius: \"6px\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    backgroundColor: \"#0C3A2F\",\n  }\n\n  const callToActionStyling = {\n    padding: \"0\",\n  }\n\n  const GET_SINGLE_SEND = gql`\n    query singleSends($id: String!) {\n      singleSend(id: $id) {\n        id\n        name\n        email_config {\n          html_content\n        }\n      }\n    }\n  `\n\n  const { loading, error, data } = useQuery(GET_SINGLE_SEND, {\n    variables: {\n      id: id,\n    },\n  })\n\n  if (loading) return \"Loading...\"\n  if (error) return `Error! ${error.message}`\n\n  const htmlContent = data[\"singleSend\"][\"email_config\"][\"html_content\"]\n\n  return (\n    <Layout bodyTheme=\"theme-blog-dark\">\n      <header>\n        <Menu />\n      </header>\n      <main className=\"page-wrapper newsletter-item-wrapper\">\n        <section className=\"section section-first\">\n          <div style={newletterContainer}>\n            <div className=\"row\">\n              <div className=\"col-lg-12\">\n                <div className=\"text-center\">\n                  <div className=\"section-heading-text\">\n                    <h1>{data[\"singleSend\"][\"name\"]}</h1>\n                  </div>\n                </div>\n              </div>\n            </div>\n            {ReactHtmlParser(htmlContent)}\n            <div className=\"col-lg-12\">\n              <CallToAction />\n            </div>\n          </div>\n        </section>\n        <Footer />\n      </main>\n    </Layout>\n  )\n}\n\nexport default NewsletterPost\n"],"sourceRoot":""}