{"version":3,"file":"dynamicComponents-marketoForm-marketoForm-52753ef4f1448491f806.js","mappings":"sOAqDA,UAhDoB,SAAH,GAAyB,IAAD,EAAlBA,EAAW,EAAXA,YACQ,aAG5B,OAH4B,oBAA7B,8FAEQC,SAASC,KAAKC,SAASC,gBAAgC,KAAD,uCAC7D,sBACDC,EAAAA,WAAgB,WAAO,IAAD,GALU,WACH,wBAK3BC,GAEU,QAAV,EAAAC,kBAAU,OAAV,EAAYC,SACVJ,+BACAA,cACAJ,aAAW,EAAXA,EAAaS,QAEjB,GAAG,IACH,IAAMC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDF,EAAAA,OAAAA,IAAY,kBAAM,gBAAC,kBAAsB,KAAG,KAE/CG,WAAY,SAACC,GAAI,OACfA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAC,MAAK,CAACA,EAAI,GAAK,2BAAQH,EAAK,GAAC,GAElE,OACE,gBAAC,WAAe,CACdI,GAAIpB,aAAW,EAAXA,EAAaqB,UACjBC,MAAO,CAAEC,aAAc,SAEtBvB,EAAYwB,iBACXC,EAAAA,EAAAA,GACEC,KAAKC,MAAM3B,EAAYwB,eAAeI,KACtClB,IAEHV,aAAW,EAAXA,EAAa6B,SAAU,wBAAMT,GAAIpB,EAAY6B,SAGpD,C,kPChDaC,EAAWC,EAAAA,QAAAA,GAAAA,WAAS,qEAATA,CAAS,2OAcpBC,EAAWD,EAAAA,QAAAA,GAAAA,WAAS,qEAATA,CAAS,8PAgBpBE,EAAWF,EAAAA,QAAAA,EAAAA,WAAQ,qEAARA,CAAQ,kCAKnBG,EAAWH,EAAAA,QAAAA,GAAAA,WAAS,qEAATA,CAAS,8PAgBpBI,EAAkBJ,EAAAA,QAAAA,GAAAA,WAAS,4EAATA,CAAS,sIAY3BK,EAAWL,EAAAA,QAAAA,IAAAA,WAAU,qEAAVA,CAAU,kD","sources":["webpack://bluewave-energy/./src/dynamicComponents/marketoForm/marketoForm.js","webpack://bluewave-energy/./src/dynamicComponents/marketoForm/marketoFormStyle.js"],"sourcesContent":["import * as React from 'react';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS } from '@contentful/rich-text-types';\nimport * as Styled from './marketoFormStyle';\n\nconst MarketoForm = ({ sectionData }) => {\n  async function initMarktoForm() {\n    // eslint-disable-next-line no-undef\n    await Munchkin.init(parseInt(process.env.GATSBY_MARKETO_ID));\n  }\n  React.useEffect(() => {\n    initMarktoForm();\n    // eslint-disable-next-line no-undef\n    MktoForms2?.loadForm(\n      process.env.GATSBY_MARKETO_URL, //string\n      process.env.GATSBY_MARKETO_ID, //number\n      sectionData?.subText //string\n    );\n  }, []);\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [BLOCKS.HEADING_1]: (node, children) => (\n        <Styled.HeaderH1>{children}</Styled.HeaderH1>\n      ),\n      [BLOCKS.HEADING_2]: (node, children) => (\n        <Styled.HeaderH2>{children}</Styled.HeaderH2>\n      ),\n      [BLOCKS.HEADING_3]: (node, children) => (\n        <Styled.HeaderH3>{children}</Styled.HeaderH3>\n      ),\n      [BLOCKS.HR]: () => <Styled.HorizontalBreak />,\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br />, text]),\n  };\n  return (\n    <Styled.DivStyle\n      id={sectionData?.elementId}\n      style={{ marginBottom: '40px' }}\n    >\n      {sectionData.contentDetails &&\n        documentToReactComponents(\n          JSON.parse(sectionData.contentDetails.raw),\n          optionsMainStyle\n        )}\n      {sectionData?.header && <form id={sectionData.header}></form>}\n    </Styled.DivStyle>\n  );\n};\n\nexport default MarketoForm;\n","import styled from 'styled-components';\nimport DotImage from '../../images/dot-bk.png';\n\nexport const HeaderH1 = styled.h1`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #00457c;\n  font-size: 45px;\n  line-height: 50px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 35px;\n    line-height: 40px;\n  }\n`;\nexport const HeaderH2 = styled.h2`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #037ec4;\n  font-size: 32px;\n  line-height: 38px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n    margin-bottom: 20px;\n  }\n`;\n\nexport const ParaText = styled.p`\n  margin: 0 0 30px 0;\n  padding: 0;\n`;\n\nexport const HeaderH3 = styled.h3`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #48b4f1;\n  font-size: 26px;\n  line-height: 35px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 18px;\n    line-height: 23px;\n    margin-bottom: 20px;\n  }\n`;\n\nexport const HorizontalBreak = styled.hr`\n  height: 1px;\n  border: none;\n  background: #e5e5e5;\n  margin: 50px 0;\n  clear: both;\n  opacity: 1 !important;\n  @media (max-width: 767px) {\n    margin: 30px 0;\n  }\n`;\n\nexport const DivStyle = styled.div`\n  @media (max-width: 767px) {\n    margin-bottom: 25px;\n  }\n`;\n"],"names":["sectionData","Munchkin","init","parseInt","process","React","initMarktoForm","MktoForms2","loadForm","subText","optionsMainStyle","renderNode","BLOCKS","node","children","renderText","text","split","flatMap","i","id","elementId","style","marginBottom","contentDetails","documentToReactComponents","JSON","parse","raw","header","HeaderH1","styled","HeaderH2","ParaText","HeaderH3","HorizontalBreak","DivStyle"],"sourceRoot":""}