{"version":3,"file":"dynamicComponents-slpHeaderWithImageText-slpHeaderWithImageText-c33c39a7cfa1279fdcea.js","mappings":"yNA8DA,UAvD+B,SAAH,GAAyB,IAAD,IAAlBA,EAAW,EAAXA,YAC1BC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,gBAAwB,SAACC,GAAU,IAAD,kBAC3BC,GAAQC,EAAAA,EAAAA,GAAoBF,SAAU,QAAN,EAAJA,EAAMG,YAAI,OAAQ,QAAR,EAAV,EAAYC,cAAM,OAAK,QAAL,EAAlB,EAAoBC,WAAG,WAAnB,EAAJ,EAAyBC,IAC3D,OAAOL,SAAW,QAAN,EAALA,EAAOD,YAAI,OAAM,QAAN,EAAX,EAAaO,YAAI,OAAK,QAAL,EAAjB,EAAmBC,WAAG,OAAtB,EAAwBC,SAAS,SACtC,gBAAC,aAAiB,CAChBC,IAAKT,SAAW,QAAN,EAALA,EAAOD,YAAI,OAAM,QAAN,EAAX,EAAaO,YAAI,WAAZ,EAAL,EAAmBC,IACxBG,IAAKV,SAAW,QAAN,EAALA,EAAOD,YAAI,WAAN,EAAL,EAAaY,QAGpB,gCAEJ,EAAE,EACDb,EAAAA,OAAAA,WAAmB,SAACC,EAAMa,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDd,EAAAA,OAAAA,WAAmB,SAACC,EAAMa,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDd,EAAAA,OAAAA,WAAmB,SAACC,EAAMa,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDd,EAAAA,OAAAA,WAAmB,SAACC,EAAMa,GAAQ,OACjC,gBAAC,UAAc,KAAEA,EAA0B,EAC3C,EACDC,EAAAA,QAAAA,WAAoB,SAACd,EAAMa,GAAQ,mBAClC,gBAAC,YAAgB,CACfE,MACEC,EAAAA,EAAAA,IAAkBhB,SAAU,QAAN,EAAJA,EAAMG,YAAI,WAAN,EAAJ,EAAYc,KAC1BjB,SAAU,QAAN,EAAJA,EAAMG,YAAI,WAAN,EAAJ,EAAYc,KACZC,EAAAA,EAAAA,IAAiBC,iCAAgCnB,SAAU,QAAN,EAAJA,EAAMG,YAAI,WAAN,EAAJ,EAAYc,MAEnEb,QAAQgB,EAAAA,EAAAA,IAAcpB,SAAU,QAAN,EAAJA,EAAMG,YAAI,WAAN,EAAJ,EAAYc,KAAO,SAAW,SAEnDJ,EACgB,EACnB,GAEJQ,WAAY,SAACC,GAAI,OACfA,aAAI,EAAJA,EAAMC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAC,MAAK,CAACA,EAAI,GAAK,sBAAIC,IAAKD,IAAOH,EAAK,GAAC,GAE3E,OACE,gBAAC,OAAW,KACV,gBAAC,YAAgB,MACd1B,aAAW,EAAXA,EAAa+B,kBACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAMlC,SAA2B,QAAhB,EAAXA,EAAa+B,sBAAc,WAAhB,EAAX,EAA6BI,KACxClC,IAKZ,C,oUC1DamC,EAAOC,EAAAA,QAAAA,IAAAA,WAAU,4EAAVA,CAAU,yIASjBC,EAAYD,EAAAA,QAAAA,IAAAA,WAAU,iFAAVA,CAAU,6LAgBtBE,EAAWF,EAAAA,QAAAA,GAAAA,WAAS,gFAATA,CAAS,uOAepBG,EAAaH,EAAAA,QAAAA,IAAAA,WAAU,kFAAVA,CAAU,+JAcvBI,EAAWJ,EAAAA,QAAAA,EAAAA,WAAQ,gFAARA,CAAQ,kEAOnBK,EAAWL,EAAAA,QAAAA,EAAAA,WAAQ,gFAARA,CAAQ,+FAOnBM,EAAWN,EAAAA,QAAAA,EAAAA,WAAQ,gFAARA,CAAQ,+IAYnBO,EAAYP,EAAAA,QAAAA,EAAAA,WAAQ,iFAARA,CAAQ,0GAQpBQ,EAAUR,EAAAA,QAAAA,GAAAA,WAAS,+EAATA,CAAS,wO","sources":["webpack://bluewave-energy/./src/dynamicComponents/slpHeaderWithImageText/slpHeaderWithImageText.js","webpack://bluewave-energy/./src/dynamicComponents/slpHeaderWithImageText/slpHeaderWithImageTextStyle.js"],"sourcesContent":["import { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport React from 'react';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlhref } from '../../utils';\nimport * as Styled from './slpHeaderWithImageTextStyle';\n\nconst SlpHeaderWithImageText = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = useContentfulAssets(node?.data?.target?.sys?.id);\n        return asset?.node?.file?.url?.includes('image') ? (\n          <Styled.ImageStyle\n            src={asset?.node?.file?.url}\n            alt={asset?.node?.title}\n          />\n        ) : (\n          <></>\n        );\n      },\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\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.HEADING_4]: (node, children) => (\n        <Styled.Header4>{children}</Styled.Header4>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => (\n        <Styled.LinkStyle\n          href={\n            isExternalUrlhref(node?.data?.uri)\n              ? node?.data?.uri\n              : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node?.data?.uri)\n          }\n          target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n        >\n          {children}\n        </Styled.LinkStyle>\n      ),\n    },\n    renderText: (text) =>\n      text?.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <Styled.Body>\n      <Styled.InnerBody>\n        {sectionData?.contentDetails &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n      </Styled.InnerBody>\n    </Styled.Body>\n  );\n};\n\nexport default SlpHeaderWithImageText;\n","import styled from 'styled-components';\n\nexport const Body = styled.div`\n  background: #fff;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 18px;\n  line-height: 130%;\n  letter-spacing: 0.02em;\n  color: #00493b;\n`;\n\nexport const InnerBody = styled.div`\n  width: 860px;\n  margin: 0 auto;\n  padding: 0;\n  padding-top: 35px;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    margin: 0;\n    height: auto;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n`;\n\nexport const HeaderH2 = styled.h2`\n  margin: 0 0 15px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #00538c;\n  font-size: 40px;\n  line-height: 50px;\n  text-align: center;\n  @media (max-width: 991px) {\n    font-size: 30px;\n    line-height: 40px;\n  }\n`;\n\nexport const ImageStyle = styled.img`\n  max-width: 250px;\n  height: auto;\n  width: 70%;\n  margin: 0 auto;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  border: 0;\n  vertical-align: top;\n  @media (max-width: 991px) {\n    width: 80%;\n  }\n`;\n\nexport const HeaderH3 = styled.p`\n  font-size: 26px;\n  line-height: 36px;\n  margin: 0 0 20px 0;\n  padding: 0;\n`;\n\nexport const HeaderH4 = styled.p`\n  margin: 0 0 20px 0;\n  padding: 0;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-weight: bold;\n`;\n\nexport const ParaText = styled.p`\n  color: #777;\n  margin: 0 0 20px 0;\n  padding: 0;\n  b {\n    font-family: 'Figtree-Bold', arial, sans-serif;\n    color: #00447c;\n    font-size: 18px;\n    letter-spacing: 0.02em;\n  }\n`;\n\nexport const LinkStyle = styled.a`\n  text-decoration: none !important;\n  color: #1d9cd7;\n  :hover {\n    text-decoration: none !important;\n    color: #00447c;\n  }\n`;\nexport const Header4 = styled.h4`\n  margin: 0 0 15px 0;\n  padding: 0;\n  font-weight: normal !important;\n  color: #00447c;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 26px;\n  line-height: 36px;\n  text-align: center;\n  @media (max-width: 991px) {\n    font-size: 26px;\n    line-height: 36px;\n  }\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","asset","useContentfulAssets","data","target","sys","id","file","url","includes","src","alt","title","children","INLINES","href","isExternalUrlhref","uri","addTrailingSlash","process","isExternalUrl","renderText","text","split","flatMap","i","key","contentDetails","documentToReactComponents","JSON","parse","raw","Body","styled","InnerBody","HeaderH2","ImageStyle","HeaderH3","HeaderH4","ParaText","LinkStyle","Header4"],"sourceRoot":""}