{"version":3,"file":"components-slpTitleContainer-slpTitleContainer-9c39399b2fb4ad822158.js","mappings":"wOAUe,SAASA,EAAiBC,GAAmB,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,IAAjB,YAAEC,GAAab,EACvD,MAAMc,EAAmB,CACvBC,WAAY,CACV,CAACC,EAAAA,OAAOC,WAAY,CAACC,EAAMC,IACzBC,EAAAA,cAACC,EAAAA,SAAe,KAAEF,GAEpB,CAACH,EAAAA,OAAOM,WAAY,CAACJ,EAAMC,IACzBC,EAAAA,cAACC,EAAAA,SAAe,KAAEF,GAEpB,CAACH,EAAAA,OAAOO,WAAY,CAACL,EAAMC,IACzBC,EAAAA,cAACC,EAAAA,SAAe,KAAEF,GAEpB,CAACH,EAAAA,OAAOQ,SAAU,CAACN,EAAMC,IACvBC,EAAAA,cAACC,EAAAA,cAAoB,KAAEF,GAEzB,CAACH,EAAAA,OAAOS,WAAY,CAACP,EAAMC,IACzBC,EAAAA,cAACC,EAAAA,SAAe,KAAEF,GAEpB,CAACO,EAAAA,QAAQC,WAAY,CAACT,EAAMC,KAAQ,IAAAS,EAAAC,EAAAC,EAAAC,EAAA,OAClCX,EAAAA,cAACC,EAAAA,YAAkB,CACjBW,MACEC,EAAAA,EAAAA,IAAkBf,SAAU,QAANU,EAAJV,EAAMgB,YAAI,IAAAN,OAAN,EAAJA,EAAYO,KAC1BjB,SAAU,QAANW,EAAJX,EAAMgB,YAAI,IAAAL,OAAN,EAAJA,EAAYM,KACZC,EAAAA,EAAAA,IACEC,8BAAgCnB,SAAU,QAANY,EAAJZ,EAAMgB,YAAI,IAAAJ,OAAN,EAAJA,EAAYK,MAGpDG,QAAQC,EAAAA,EAAAA,IAAcrB,SAAU,QAANa,EAAJb,EAAMgB,YAAI,IAAAH,OAAN,EAAJA,EAAYI,KAAO,SAAW,SAEnDhB,EACkB,EAEvB,CAACH,EAAAA,OAAOwB,gBAAkBtB,IACxB,MAAMuB,GAAQC,EAAAA,EAAAA,GAAoBxB,EAAKgB,KAAKI,OAAOK,IAAIC,IACvD,OAAOH,EAAMvB,KAAK2B,KAAKC,IAAIC,SAAS,SAClC3B,EAAAA,cAACC,EAAAA,WAAiB,CAAC2B,IAAKP,EAAMvB,KAAK2B,KAAKC,IAAKG,IAAKR,EAAMvB,KAAKgC,QAE7D9B,EAAAA,cAAAA,EAAAA,SAAA,KACD,GAGL+B,WAAaC,GACXA,EAAKC,MAAM,MAAMC,SAAQ,CAACF,EAAMG,IAAM,CAACA,EAAI,GAAKnC,EAAAA,cAAA,MAAIoC,IAAKD,IAAOH,MAEpE,OACEhC,EAAAA,cAACC,EAAAA,UAAgB,CAACoC,YAAa5C,SAAkB,QAAPZ,EAAXY,EAAa6C,aAAK,IAAAzD,GAAM,QAANC,EAAlBD,EAAoB4C,YAAI,IAAA3C,OAAb,EAAXA,EAA0B4C,MACtDjC,aAAW,EAAXA,EAAa8C,cAAc,KAC1BvC,EAAAA,cAACC,EAAAA,YAAkB,CACjBW,MACEC,EAAAA,EAAAA,IAAkBpB,SAA6B,QAAlBV,EAAXU,EAAa8C,cAAc,UAAE,IAAAxD,OAAlB,EAAXA,EAA+ByD,MAC7C/C,SAA6B,QAAlBT,EAAXS,EAAa8C,cAAc,UAAE,IAAAvD,OAAlB,EAAXA,EAA+BwD,MAC/BxB,EAAAA,EAAAA,IACEC,8BACExB,SAA6B,QAAlBR,EAAXQ,EAAa8C,cAAc,UAAE,IAAAtD,OAAlB,EAAXA,EAA+BuD,QAIxC/C,aAAW,EAAXA,EAAa8C,cAAc,GAAGP,MAGnChC,EAAAA,cAACC,EAAAA,SAAe,MACbR,aAAW,EAAXA,EAAagD,UAAUhD,SAAsB,QAAXP,EAAXO,EAAagD,OAAO,UAAE,IAAAvD,GAAM,QAANC,EAAtBD,EAAwBuC,YAAI,IAAAtC,OAAjB,EAAXA,EAA8BuC,MACpD1B,EAAAA,cAACC,EAAAA,WAAiB,CAChB2B,IAAKnC,SAAsB,QAAXL,EAAXK,EAAagD,OAAO,UAAE,IAAArD,GAAM,QAANC,EAAtBD,EAAwBqC,YAAI,IAAApC,OAAjB,EAAXA,EAA8BqC,MAGvC1B,EAAAA,cAAA,OAAK0C,MAAO,CAAEC,UAAW,UACtBlD,SAA2B,QAAhBH,EAAXG,EAAamD,sBAAc,IAAAtD,OAAhB,EAAXA,EAA6BuD,aAC5B7C,EAAAA,cAACC,EAAAA,SAAe,KACbR,SAA2B,QAAhBF,EAAXE,EAAamD,sBAAc,IAAArD,OAAhB,EAAXA,EAA6BsD,cAInCpD,aAAW,EAAXA,EAAaqD,kBACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAMxD,SAA2B,QAAhBD,EAAXC,EAAaqD,sBAAc,IAAAtD,OAAhB,EAAXA,EAA6B0D,KACxCxD,IAKZ,C,oZCxFO,MAAMyD,EAAYC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,gBAAVJ,CAAU,yKACSK,GAAUA,EAAMpB,cAU/CqB,EAAWN,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,oCAAAC,YAAA,gBAAVJ,CAAU,0OAiBrBO,EAAaP,EAAAA,QAAOQ,IAAGN,WAAA,CAAAC,YAAA,sCAAAC,YAAA,gBAAVJ,CAAU,0HAWvBS,EAAWT,EAAAA,QAAOU,GAAER,WAAA,CAAAC,YAAA,oCAAAC,YAAA,gBAATJ,CAAS,uNAapBW,EAAWX,EAAAA,QAAOY,GAAEV,WAAA,CAAAC,YAAA,oCAAAC,YAAA,gBAATJ,CAAS,8PAgBpBa,EAAWb,EAAAA,QAAOc,EAACZ,WAAA,CAAAC,YAAA,oCAAAC,YAAA,gBAARJ,CAAQ,kCAKnBe,EAAWf,EAAAA,QAAOgB,GAAEd,WAAA,CAAAC,YAAA,oCAAAC,YAAA,gBAATJ,CAAS,8PAgBpBiB,EAAgBjB,EAAAA,QAAOkB,GAAEhB,WAAA,CAAAC,YAAA,yCAAAC,YAAA,gBAATJ,CAAS,kCAKzBmB,EAAWnB,EAAAA,QAAOoB,GAAElB,WAAA,CAAAC,YAAA,oCAAAC,YAAA,gBAATJ,CAAS,+HAIbqB,EAAAA,GAMPC,EAAYtB,EAAAA,QAAOuB,EAACrB,WAAA,CAAAC,YAAA,qCAAAC,YAAA,gBAARJ,CAAQ,iGAUpBwB,EAAcxB,EAAAA,QAAOuB,EAACrB,WAAA,CAAAC,YAAA,uCAAAC,YAAA,iBAARJ,CAAQ,ya","sources":["webpack://islandpetro/./src/components/slpTitleContainer/slpTitleContainer.js","webpack://islandpetro/./src/components/slpTitleContainer/slpTitleContainerStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpTitleContainerStyles';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\nimport isExternalUrl, {\n  addTrailingSlash,\n  isExternalUrlhref,\n} from '../../utils';\n\nexport default function SlpTitleContainer({ sectionData }) {\n  const optionsMainStyle = {\n    renderNode: {\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.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [BLOCKS.UL_LIST]: (node, children) => (\n        <Styled.UnorderedList>{children}</Styled.UnorderedList>\n      ),\n      [BLOCKS.LIST_ITEM]: (node, children) => (\n        <Styled.ListItem>{children}</Styled.ListItem>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => (\n        <Styled.ButtonStyle\n          href={\n            isExternalUrlhref(node?.data?.uri)\n              ? node?.data?.uri\n              : addTrailingSlash(\n                  process.env.GATSBY_DOMAIN_URL + node?.data?.uri\n                )\n          }\n          target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n        >\n          {children}\n        </Styled.ButtonStyle>\n      ),\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = useContentfulImages(node.data.target.sys.id);\n        return asset.node.file.url.includes('image') ? (\n          <Styled.ImageStyle src={asset.node.file.url} alt={asset.node.title} />\n        ) : (\n          <></>\n        );\n      },\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <Styled.Container $background={sectionData?.image?.file?.url}>\n      {sectionData?.textWithPaths[0] && (\n        <Styled.ButtonStyle\n          href={\n            isExternalUrlhref(sectionData?.textWithPaths[0]?.path)\n              ? sectionData?.textWithPaths[0]?.path\n              : addTrailingSlash(\n                  process.env.GATSBY_DOMAIN_URL +\n                    sectionData?.textWithPaths[0]?.path\n                )\n          }\n        >\n          {sectionData?.textWithPaths[0].text}\n        </Styled.ButtonStyle>\n      )}\n      <Styled.InnerDiv>\n        {sectionData?.assets && sectionData?.assets[0]?.file?.url && (\n          <Styled.ImageStyle\n            src={sectionData?.assets[0]?.file?.url}\n          ></Styled.ImageStyle>\n        )}\n        <div style={{ textAlign: 'left' }}>\n          {sectionData?.headerWithText?.headerText && (\n            <Styled.HeaderH1>\n              {sectionData?.headerWithText?.headerText}\n            </Styled.HeaderH1>\n          )}\n        </div>\n        {sectionData?.contentDetails &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n      </Styled.InnerDiv>\n    </Styled.Container>\n  );\n}\n","import styled from 'styled-components';\nimport LinkArrowImage from '../../images/icon-home-arrow-orange.png';\n\nexport const Container = styled.div`\n  background: center/cover no-repeat url(${(props) => props.$background});\n  padding-top: 80px;\n  padding-bottom: 20px;\n  text-align: center !important;\n  width: 100%;\n  @media (max-width: 800px) {\n    padding-top: 40px;\n  }\n`;\n\nexport const InnerDiv = styled.div`\n  padding-left: 6.5rem;\n  padding-right: 6.5rem;\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 1140px;\n  width: 100%;\n  @media (max-width: 1399px) {\n    max-width: 920px;\n  }\n  @media (max-width: 767px) {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n`;\n\nexport const ImageStyle = styled.img`\n  border: 0;\n  border-radius: 0.125rem;\n  height: auto;\n  max-width: 100%;\n  margin-bottom: 30px;\n  @media (max-width: 800px) {\n    width: 650px;\n  }\n`;\n\nexport const HeaderH1 = styled.h1`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-size: 3rem;\n  line-height: 3rem;\n  color: #1a4538;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-weight: bold !important;\n  @media (max-width: 1399px) {\n    font-size: 2.6rem;\n    line-height: 2.6rem;\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: #008268;\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: #008168;\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 UnorderedList = styled.ul`\n  margin: 0 0 30px 0;\n  padding: 0;\n`;\n\nexport const ListItem = styled.li`\n  margin: 0;\n  padding: 4px 0 4px 25px;\n  list-style: none;\n  background: url(${LinkArrowImage}) no-repeat 0 10px;\n  background-size: 7px auto;\n  p {\n    margin: 0;\n  }\n`;\nexport const LinkStyle = styled.a`\n  text-decoration: none;\n  color: #eea200;\n  :hover {\n    text-decoration: none;\n    color: #008268;\n    outline: none;\n  }\n`;\n\nexport const ButtonStyle = styled.a`\n  text-transform: uppercase;\n  position: absolute;\n  top: 2vh;\n  right: 2vh;\n  background-color: #d9ece8;\n  border: none;\n  font-family: 'Helvetica Neue';\n  z-index: 3;\n\n  text-decoration: none;\n  line-height: 100%;\n  font-size: 1rem;\n  font-weight: 500;\n  justify-content: center;\n  line-height: 1.5rem;\n  margin: 0 1rem 1.2rem 0;\n  padding: calc(0.4rem - 1px) 1rem;\n  color: #111;\n  :hover {\n    background: linear-gradient(to bottom, #2b8265 5%, #41c464 100%);\n    background-color: #2b8265;\n    color: #111;\n  }\n`;\n"],"names":["SlpTitleContainer","_ref","_sectionData$image","_sectionData$image$fi","_sectionData$textWith","_sectionData$textWith2","_sectionData$textWith3","_sectionData$assets$","_sectionData$assets$$","_sectionData$assets$2","_sectionData$assets$3","_sectionData$headerWi","_sectionData$headerWi2","_sectionData$contentD","sectionData","optionsMainStyle","renderNode","BLOCKS","HEADING_2","node","children","React","Styled","HEADING_3","PARAGRAPH","UL_LIST","LIST_ITEM","INLINES","HYPERLINK","_node$data","_node$data2","_node$data3","_node$data4","href","isExternalUrlhref","data","uri","addTrailingSlash","process","target","isExternalUrl","EMBEDDED_ASSET","asset","useContentfulImages","sys","id","file","url","includes","src","alt","title","renderText","text","split","flatMap","i","key","$background","image","textWithPaths","path","assets","style","textAlign","headerWithText","headerText","contentDetails","documentToReactComponents","JSON","parse","raw","Container","styled","div","withConfig","displayName","componentId","props","InnerDiv","ImageStyle","img","HeaderH1","h1","HeaderH2","h2","ParaText","p","HeaderH3","h3","UnorderedList","ul","ListItem","li","LinkArrowImage","LinkStyle","a","ButtonStyle"],"sourceRoot":""}