{"version":3,"file":"dynamicComponents-slpTopTitle-slpTopTitle-0268773b759f52e8c38b.js","mappings":"gNA8DA,UAxDoB,SAAH,GAAyB,IAAD,0BAAlBA,EAAW,EAAXA,YACfC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,UAAc,KAAEA,EAA0B,EAC3C,EACDF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,GAEJC,YAAU,OACPC,EAAAA,MAAAA,MAAa,SAACH,GAAI,OAAK,2BAAMA,EAAW,KAE3CI,WAAY,SAACC,GAAI,OACfA,aAAI,EAAJA,EAAMC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAC,MAAK,CAACA,EAAI,GAAK,sBAAIC,IAAKD,IAAM,GAAC,GAGrE,OACE,gCACE,gBAAC,iBAAqB,CAACE,YAAad,SAAkB,QAAP,EAAXA,EAAae,aAAK,OAAM,QAAN,EAAlB,EAAoBC,YAAI,WAAb,EAAX,EAA0BC,KAC5D,gBAAC,YAAgB,CACfC,MACEC,EAAAA,EAAAA,IAAkBnB,SAAsB,QAAX,EAAXA,EAAaoB,OAAO,UAAE,WAAX,EAAX,EAAwBC,aACtCrB,SAAsB,QAAX,EAAXA,EAAaoB,OAAO,UAAE,WAAX,EAAX,EAAwBC,aACxBC,EAAAA,EAAAA,IAAiBC,qCACjBvB,SAAsB,QAAX,EAAXA,EAAaoB,OAAO,UAAE,WAAX,EAAX,EAAwBC,cAE9BG,QACEC,EAAAA,EAAAA,IAAczB,SAAsB,QAAX,EAAXA,EAAaoB,OAAO,UAAE,WAAX,EAAX,EAAwBC,aAClC,SACA,SAGN,gBAAC,aAAiB,CAChBK,IAA0B,QAAvB,EAAE1B,EAAYoB,OAAO,UAAE,OAAM,QAAN,EAArB,EAAuBJ,YAAI,WAAN,EAArB,EAA6BC,OAGtC,gBAAC,WAAe,KACbjB,SAA2B,QAAhB,EAAXA,EAAa2B,sBAAc,WAAhB,EAAX,EAA6BC,aAE/B5B,aAAW,EAAXA,EAAa6B,iBAAiB7B,aAAW,EAAXA,EAAa6B,cAAc,KACxD,gBAAC,mBAAuB,KACtB,gBAAC,UAAc,KACZ7B,SAA6B,QAAlB,EAAXA,EAAa6B,cAAc,UAAE,WAAlB,EAAX,EAA+BpB,QAIrCT,aAAW,EAAXA,EAAa8B,YACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAMjC,SAAqB,QAAV,EAAXA,EAAa8B,gBAAQ,WAAV,EAAX,EAAuBI,KAClCjC,IAKZ,C,2PC3DakC,EAAiBC,EAAAA,QAAAA,IAAAA,WAAU,6EAAVA,CAAU,qPAKpB,SAACC,GAAK,OAAKA,EAAMvB,WAAW,IAWnCwB,EAAYF,EAAAA,QAAAA,EAAAA,WAAQ,wEAARA,CAAQ,0CAKpBG,EAAaH,EAAAA,QAAAA,IAAAA,WAAU,yEAAVA,CAAU,8JAavBI,EAAmBJ,EAAAA,QAAAA,IAAAA,WAAU,+EAAVA,CAAU,6IAY7BK,EAAUL,EAAAA,QAAAA,GAAAA,WAAS,sEAATA,CAAS,uYAwBnBM,EAAWN,EAAAA,QAAAA,EAAAA,WAAQ,uEAARA,CAAQ,2S","sources":["webpack://bluewave-energy/./src/dynamicComponents/slpTopTitle/slpTopTitle.js","webpack://bluewave-energy/./src/dynamicComponents/slpTopTitle/slpTopTitleStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpTopTitleStyles';\nimport { BLOCKS, MARKS } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlhref } from '../../utils';\n\nconst SlpTopTitle = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.HEADING_1]: (node, children) => (\n        <Styled.Heading>{children}</Styled.Heading>\n      ),\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n    },\n    renderMark: {\n      [MARKS.Code]: (node) => <div>{node}</div>,\n    },\n    renderText: (text) =>\n      text?.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />]),\n  };\n\n  return (\n    <>\n      <Styled.TitleContainer $background={sectionData?.image?.file?.url}>\n        <Styled.LinkStyle\n          href={\n            isExternalUrlhref(sectionData?.assets[0]?.description)\n              ? sectionData?.assets[0]?.description\n              : addTrailingSlash(process.env.GATSBY_DOMAIN_URL +\n                sectionData?.assets[0]?.description)\n          }\n          target={\n            isExternalUrl(sectionData?.assets[0]?.description)\n              ? '_blank'\n              : '_self'\n          }\n        >\n          <Styled.ImageStyle\n            src={sectionData.assets[0]?.file?.url}\n          ></Styled.ImageStyle>\n        </Styled.LinkStyle>\n        <Styled.ParaText>\n          {sectionData?.headerWithText?.headerText}\n        </Styled.ParaText>\n        {sectionData?.textWithPaths && sectionData?.textWithPaths[0] && (\n          <Styled.HeadingContainer>\n            <Styled.Heading>\n              {sectionData?.textWithPaths[0]?.text}\n            </Styled.Heading>\n          </Styled.HeadingContainer>\n        )}\n        {sectionData?.richText &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.richText?.raw),\n            optionsMainStyle\n          )}\n      </Styled.TitleContainer>\n    </>\n  );\n};\nexport default SlpTopTitle;\n","import styled from 'styled-components';\n\nexport const TitleContainer = styled.div`\n  width: 100%;\n  height: 855px;\n  margin: 0 auto;\n  padding: 65px 0px 0px 0px;\n  background: url(${(props) => props.$background}) repeat-x bottom center;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    padding: 45px 35px 0 35px;\n    text-align: center;\n    background-size: cover;\n    height: 510px;\n  }\n`;\n\nexport const LinkStyle = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`;\n\nexport const ImageStyle = styled.img`\n  width: 100%;\n  height: auto;\n  max-width: 400px;\n  height: auto;\n  margin-bottom: 40px;\n  @media (max-width: 991px) {\n    display: block;\n    max-width: 300px;\n    height: auto;\n    margin: 0 auto;\n  }\n`;\nexport const HeadingContainer = styled.div`\n  width: 650px;\n  margin: 0 auto;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 450px;\n  }\n  @media (max-width: 767px) {\n    width: 100%;\n    max-width: 330px;\n  }\n`;\nexport const Heading = styled.h1`\n  text-align: center;\n  position: relative;\n  font-size: 60px;\n  line-height: 65px;\n  margin-bottom: 30px;\n  color: #fff;\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Figtree-Black', arial, sans-serif;\n  font-weight: bold !important;\n  code {\n    color: #ffc905;\n    font-family: 'Figtree-Black', arial, sans-serif;\n    font-size: 4vw;\n    line-height: 4vw;\n  }\n  @media (max-width: 991px) {\n    line-height: 100%;\n    font-size: 30px;\n    margin-top: 20px;\n    font-weight: bold;\n  }\n`;\nexport const ParaText = styled.p`\n  margin-bottom: 40px;\n  font-family: 'Figtree-Black', arial, sans-serif;\n  font-size: 24px;\n  line-height: 25px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #ffbd18;\n  font-weight: bold;\n  a {\n    i {\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n  @media (max-width: 991px) {\n    font-size: 12px;\n    margin-bottom: 20px;\n    letter-spacing: 1px;\n  }\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","renderMark","MARKS","renderText","text","split","flatMap","i","key","$background","image","file","url","href","isExternalUrlhref","assets","description","addTrailingSlash","process","target","isExternalUrl","src","headerWithText","headerText","textWithPaths","richText","documentToReactComponents","JSON","parse","raw","TitleContainer","styled","props","LinkStyle","ImageStyle","HeadingContainer","Heading","ParaText"],"sourceRoot":""}