{"version":3,"file":"components-slpCircleCard-slpCircleCard-5b652b57d31b18c91e30.js","mappings":"6NAMe,SAASA,EAAaC,GAAmB,IAADC,EAAAC,EAAAC,EAAA,IAAjB,YAAEC,GAAaJ,EACnD,MAAMK,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,UAAgB,KAAEF,GAErB,CAACH,EAAAA,OAAOQ,gBAAkBN,IACxB,MAAMO,GAAQC,EAAAA,EAAAA,GAAoBR,EAAKS,KAAKC,OAAOC,IAAIC,IACvD,OAAOL,EAAMP,KAAKa,KAAKC,IAAIC,SAAS,SAClCb,EAAAA,cAACC,EAAAA,WAAiB,CAACa,IAAKT,EAAMP,KAAKa,KAAKC,IAAKG,IAAKV,EAAMP,KAAKkB,QAE7DhB,EAAAA,cAAAA,EAAAA,SAAA,KACD,GAGLiB,WAAaC,GACXA,EAAKC,MAAM,MAAMC,SAAQ,CAACF,EAAMG,IAAM,CAACA,EAAI,GAAKrB,EAAAA,cAAA,MAAIsB,IAAKD,IAAOH,MAGpE,OACElB,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,OAAa,KACZD,EAAAA,cAACC,EAAAA,WAAiB,CAChBa,IAAKrB,SAAkB,QAAPH,EAAXG,EAAa8B,aAAK,IAAAjC,GAAM,QAANC,EAAlBD,EAAoBqB,YAAI,IAAApB,OAAb,EAAXA,EAA0BqB,QAGlCnB,aAAW,EAAXA,EAAa+B,YACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAMlC,SAAqB,QAAVD,EAAXC,EAAa+B,gBAAQ,IAAAhC,OAAV,EAAXA,EAAuBoC,KAClClC,GAIV,C,2QC3CO,MAAMmC,EAAUC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,eAAVJ,CAAU,6FAQpBK,EAAaL,EAAAA,QAAOM,IAAGJ,WAAA,CAAAC,YAAA,kCAAAC,YAAA,eAAVJ,CAAU,sKAavBO,EAASP,EAAAA,QAAOQ,OAAMN,WAAA,CAAAC,YAAA,8BAAAC,YAAA,eAAbJ,CAAa,wIAUtBS,EAAWT,EAAAA,QAAOU,GAAER,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAATJ,CAAS,0VAyBpBW,EAAYX,EAAAA,QAAOY,GAAEV,WAAA,CAAAC,YAAA,iCAAAC,YAAA,eAATJ,CAAS,gOAerBa,EAAWb,EAAAA,QAAOY,GAAEV,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAATJ,CAAS,4NAepBc,EAAgBd,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,eAAVJ,CAAU,gG","sources":["webpack://islandpetro/./src/components/slpCircleCard/slpCircleCard.js","webpack://islandpetro/./src/components/slpCircleCard/slpCircleCardStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpCircleCardStyles';\nimport { BLOCKS } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\n\nexport default function SlpCircleCard({ sectionData }) {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.HEADING_3]: (node, children) => (\n        <Styled.HeaderH3>{children}</Styled.HeaderH3>\n      ),\n      [BLOCKS.HEADING_4]: (node, children) => (\n        <Styled.HeaderH4>{children}</Styled.HeaderH4>\n      ),\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.SubScript>{children}</Styled.SubScript>\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\n  return (\n    <>\n      <Styled.Figure>\n        <Styled.ImageStyle\n          src={sectionData?.image?.file?.url}\n        ></Styled.ImageStyle>\n      </Styled.Figure>\n      {sectionData?.richText &&\n        documentToReactComponents(\n          JSON.parse(sectionData?.richText?.raw),\n          optionsMainStyle\n        )}\n    </>\n  );\n}\n","import styled from 'styled-components';\n\nexport const CardDiv = styled.div`\n  background: #fbc807;\n  border-radius: 50%;\n  border: 7px solid #fff;\n  overflow: hidden;\n  height: auto;\n`;\n\nexport const ImageStyle = styled.img`\n  margin-top: 27px;\n  height: 90px;\n  width: auto;\n  object-fit: contain;\n  border: 0;\n  border-radius: 0.125rem;\n  max-width: 100%;\n  @media (max-width: 1339px) {\n    height: 65px;\n    margin-top: 20px;\n  }\n`;\nexport const Figure = styled.figure`\n  background: #fff;\n  height: 143px;\n  margin: -1px 0px 0px;\n  width: 100%;\n  border-radius: 150px 150px 0 0;\n  @media (max-width: 1399px) {\n    height: 107px;\n  }\n`;\nexport const HeaderH3 = styled.h3`\n  font-family: 'Gotham';\n  font-weight: bold;\n  letter-spacing: -3px;\n  font-size: 2.7rem;\n  color: #1a4538;\n  padding-top: 18px;\n  padding-bottom: 5px;\n  margin-bottom: 0px;\n  @media (max-width: 1399px) {\n    font-size: 2rem;\n    padding-top: 18px;\n  }\n  i {\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n    font-size: 1rem;\n    letter-spacing: -1px;\n    top: -0.8rem;\n    color: #1a4538;\n    font-style: normal;\n  }\n`;\n\nexport const SubScript = styled.h4`\n  font-family: 'Gotham';\n  color: #1a4538;\n  font-size: 1.2rem;\n  line-height: 1.2rem;\n  font-weight: 400;\n  letter-spacing: 0.2px;\n  text-transform: uppercase;\n  margin-bottom: 0px;\n  font-style: normal;\n  margin-top: 0;\n  max-width: 40em;\n  padding-top: 0.301rem;\n`;\n\nexport const HeaderH4 = styled.h4`\n  font-family: 'Gotham';\n  font-size: 1.2rem;\n  line-height: 1.2rem;\n  font-weight: 400;\n  white-space: nowrap;\n  text-transform: uppercase;\n  color: #1a4538;\n  padding-bottom: 18px;\n  @media (max-width: 1440px) {\n    font-size: 1.2rem;\n    line-height: 1.2rem;\n  }\n`;\n\nexport const BodyContainer = styled.div`\n  padding: 10px;\n  @media (max-width: 991px) {\n    padding: 20px;\n  }\n  @media (max-width: 426px) {\n    padding: 10px;\n  }\n`;\n"],"names":["SlpCircleCard","_ref","_sectionData$image","_sectionData$image$fi","_sectionData$richText","sectionData","optionsMainStyle","renderNode","BLOCKS","HEADING_3","node","children","React","Styled","HEADING_4","PARAGRAPH","EMBEDDED_ASSET","asset","useContentfulImages","data","target","sys","id","file","url","includes","src","alt","title","renderText","text","split","flatMap","i","key","image","richText","documentToReactComponents","JSON","parse","raw","CardDiv","styled","div","withConfig","displayName","componentId","ImageStyle","img","Figure","figure","HeaderH3","h3","SubScript","h4","HeaderH4","BodyContainer"],"sourceRoot":""}