{"version":3,"file":"dynamicComponents-lordcoCatalogue-lordcoCatalogue-0f303d584e5263f767d0.js","mappings":"uKAkCA,UA9BwB,SAAH,GAAyB,IAAD,EAAlBA,EAAW,EAAXA,YACzB,OACE,gBAAC,iBAAqB,KACpB,gBAAC,QAAY,KACX,gBAAC,SAAa,KAAEA,aAAW,EAAXA,EAAaC,QAC7B,gBAAC,uBAA2B,KAC1B,gBAAC,qBAAyB,KACxB,2BACA,2BACA,gBAAC,2BAA+B,KAC7BD,SAAiC,QAAtB,EAAXA,EAAaE,4BAAoB,WAAtB,EAAX,EAAmCC,KAAI,SAACC,EAASC,GAAK,eACrD,gBAAC,sBAA0B,CAACC,UAAQ,EAACC,IAAKF,GACxC,gBAAC,IAAyB,CACxBG,SAAUJ,SAAc,QAAP,EAAPA,EAASK,aAAK,OAAM,QAAN,EAAd,EAAgBC,YAAI,WAAb,EAAP,EAAsBC,IAChCC,QAASR,EAAQS,SAASC,IAC1BC,SAAO,IAEkB,KAGjC,2BACA,2BACA,8BAMZ,C,2TC9BaC,EAAiBC,EAAAA,QAAAA,IAAAA,WAAU,+EAAVA,CAAU,oCAK3BC,EAAQD,EAAAA,QAAAA,IAAAA,WAAU,sEAAVA,CAAU,6HAalBE,EAASF,EAAAA,QAAAA,GAAAA,WAAS,uEAATA,CAAS,uNAalBG,EAAqBH,EAAAA,QAAAA,IAAAA,WAAU,mFAAVA,CAAU,kFAQ/BI,EAAuBJ,EAAAA,QAAAA,IAAAA,WAAU,qFAAVA,CAAU,wCAIjCK,EAA2BL,EAAAA,QAAAA,GAAAA,WAAS,yFAATA,CAAS,yDAOpCM,EAAsBN,EAAAA,QAAAA,GAAAA,WAAS,oFAATA,CAAS,uIAEjC,SAACO,GAAK,OAAMA,EAAMlB,SAAW,MAAQ,KAAK,IAMxC,SAACkB,GAAK,OAAMA,EAAMlB,SAAW,OAAS,MAAM,IAC5C,SAACkB,GAAK,OAAMA,EAAMlB,SAAW,MAAQ,MAAM,IAC1C,SAACkB,GAAK,OAAMA,EAAMlB,SAAW,IAAM,YAAY,G,0HC5DhDmB,EAAoBR,EAAAA,QAAAA,EAAAA,WAAQ,sFAARA,CAAQ,0RAqB5BS,EAAmBT,EAAAA,QAAAA,IAAAA,WAAU,qFAAVA,CAAU,yJAE/B,SAACO,GAAK,OAAMA,EAAMG,OAAS,OAAS,MAAM,IASxCC,EAAWX,EAAAA,QAAAA,IAAAA,WAAU,6EAAVA,CAAU,0E,WCKlC,EAjCkC,SAAH,GAAwC,IAAD,EAAjCT,EAAQ,EAARA,SAAUI,EAAO,EAAPA,QAASG,EAAO,EAAPA,QAChDc,EAAe,CACnBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OAAK,qBAAGC,UAAU,OAAOD,EAAa,IACxEE,EAAAA,QAAAA,iBAA0B,SAACH,EAAMC,GAChC,IAAMG,GAAQC,EAAAA,EAAAA,GAAoBL,EAAKM,KAAKC,OAAOC,IAAIC,IACvD,GAAIL,EACF,OAAOrB,EACL,gBAAC,EAAwB,CACvB2B,KAAMN,EAAMJ,KAAKtB,KAAKC,IACtB4B,OAAO,UAEP,gBAAC,EAAuB,CAACI,IAAKnC,IAC7ByB,GAGH,qBAAGS,KAAMN,EAAMJ,KAAKtB,KAAKC,IAAK4B,OAAO,UACnC,gBAAC,EAAe,CAACI,IAAKnC,IAI9B,EAAE,GAEJoC,WAAY,SAACC,GAAI,OACfA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAC,MAAK,CAACA,EAAI,GAAK,2BAAQH,EAAK,GAAC,GAGlE,OACE,gCACGjC,IAAWqC,EAAAA,EAAAA,GAA0BC,KAAKC,MAAMvC,GAAUiB,GAGjE,C","sources":["webpack://bluewave-energy/./src/dynamicComponents/lordcoCatalogue/lordcoCatalogue.js","webpack://bluewave-energy/./src/dynamicComponents/lordcoCatalogue/lordcoCatalogueStyle.js","webpack://bluewave-energy/./src/pageSections/blp/lordcoPDFWithImageStyle.js","webpack://bluewave-energy/./src/pageSections/blp/lordcoPDFWithImage.js"],"sourcesContent":["import React from 'react';\nimport LordcoPDFWithImageSection from '../../pageSections/blp/lordcoPDFWithImage';\nimport * as Styled from './lordcoCatalogueStyle';\n\nconst LordcoCatalogue = ({ sectionData }) => {\n  return (\n    <Styled.TitleContainer>\n      <Styled.Title>\n        <Styled.Header>{sectionData?.header}</Styled.Header>\n        <Styled.BottomLinksContainer>\n          <Styled.BottomLinksCatalog>\n            <br />\n            <br />\n            <Styled.BottomLinksUnorderedList>\n              {sectionData?.listOfImagesWithPath?.map((section, index) => (\n                <Styled.BottomLinksListItem $catalog key={index}>\n                  <LordcoPDFWithImageSection\n                    imageUrl={section?.image?.file?.url}\n                    rawText={section.richText.raw}\n                    catalog\n                  />\n                </Styled.BottomLinksListItem>\n              ))}\n            </Styled.BottomLinksUnorderedList>\n            <br />\n            <br />\n            <br />\n          </Styled.BottomLinksCatalog>\n        </Styled.BottomLinksContainer>\n      </Styled.Title>\n    </Styled.TitleContainer>\n  );\n};\n\nexport default LordcoCatalogue;\n","import styled from 'styled-components';\n\nexport const TitleContainer = styled.div`\n  text-align: center;\n  height: auto;\n`;\n\nexport const Title = styled.div`\n  margin-top: 0px;\n  @media (max-width: 991px) {\n    margin-top: 10px;\n    width: 100%;\n    height: auto;\n    text-align: center;\n    h1 {\n      line-height: 100%;\n    }\n  }\n`;\n\nexport const Header = styled.h1`\n  font-family: Figtree-Light, arial, sans-serif;\n  color: rgb(17, 70, 123);\n  font-size: 34px;\n  line-height: 36px;\n  font-weight: normal !important;\n  letter-spacing: 0.02em;\n  margin: 0.67em 0px;\n  @media (max-width: 991px) {\n    line-height: 100%;\n  }\n`;\n\nexport const BottomLinksCatalog = styled.div`\n  width: 300px;\n  margin: 0 auto;\n  text-align: center;\n  font-size: 17px;\n  line-height: 18px;\n`;\n\nexport const BottomLinksContainer = styled.div`\n  background: rgba(255, 255, 255, 0.75);\n`;\n\nexport const BottomLinksUnorderedList = styled.ul`\n  display: inline-block;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n`;\n\nexport const BottomLinksListItem = styled.li`\n  float: left;\n  width: ${(props) => (props.$catalog ? '50%' : '20%')};\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  background: none;\n  @media (max-width: 767px) {\n    float: ${(props) => (props.$catalog ? 'left' : 'none')};\n    width: ${(props) => (props.$catalog ? '50%' : '100%')};\n    margin: ${(props) => (props.$catalog ? '0' : '0 0 25px 0')};\n  }\n`;\n","import styled from 'styled-components';\n\nexport const BottomLinksAnchor = styled.a`\n  display: block;\n  padding: 0 0 0 0;\n  margin: 0 0 0 0;\n  color: #6f9397;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-size: 13px;\n  line-height: 16px;\n  text-transform: uppercase;\n  text-align: center;\n  color: #11467b;\n  text-decoration: none;\n  :hover {\n    text-decoration: none;\n    color: #455560;\n  }\n  p {\n    line-height: 16px;\n  }\n`;\n\nexport const BottomLinksImage = styled.img`\n  display: inline-block;\n  width: ${(props) => (props.$width ? '62px' : '67px')};\n  height: auto;\n  margin: 0 0 20px 0 !important;\n  @media (max-width: 650px) {\n    display: block;\n    margin: 0 auto 20px auto !important;\n  }\n`;\n\nexport const PdfImage = styled.img`\n  width: 150px;\n  height: auto;\n  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);\n`;\n","import * as React from 'react';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport * as Styled from './lordcoPDFWithImageStyle';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\n\nconst LordcoPDFWithImageSection = ({ imageUrl, rawText, catalog }) => {\n  const optionsStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => <p className=\"m-0\">{children}</p>,\n      [INLINES.ASSET_HYPERLINK]: (node, children) => {\n        const asset = useContentfulImages(node.data.target.sys.id);\n        if (asset) {\n          return catalog ? (\n            <Styled.BottomLinksAnchor\n              href={asset.node.file.url}\n              target=\"_blank\"\n            >\n              <Styled.BottomLinksImage src={imageUrl} />\n              {children}\n            </Styled.BottomLinksAnchor>\n          ) : (\n            <a href={asset.node.file.url} target=\"_blank\">\n              <Styled.PdfImage src={imageUrl} />\n            </a>\n          );\n        }\n      },\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br />, text]),\n  };\n\n  return (\n    <>\n      {rawText && documentToReactComponents(JSON.parse(rawText), optionsStyle)}\n    </>\n  );\n};\nexport default LordcoPDFWithImageSection;\n"],"names":["sectionData","header","listOfImagesWithPath","map","section","index","$catalog","key","imageUrl","image","file","url","rawText","richText","raw","catalog","TitleContainer","styled","Title","Header","BottomLinksCatalog","BottomLinksContainer","BottomLinksUnorderedList","BottomLinksListItem","props","BottomLinksAnchor","BottomLinksImage","$width","PdfImage","optionsStyle","renderNode","BLOCKS","node","children","className","INLINES","asset","useContentfulImages","data","target","sys","id","href","src","renderText","text","split","flatMap","i","documentToReactComponents","JSON","parse"],"sourceRoot":""}