{"version":3,"file":"components-slpTopTitle-slpTopTitle-2e0032ee2faf07373429.js","mappings":"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","sources":["webpack://islandpetro/./src/components/slpTopTitle/slpTopTitle.js","webpack://islandpetro/./src/components/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, {\n  addTrailingSlash,\n  isExternalUrlhref,\n} 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(\n                  process.env.GATSBY_DOMAIN_URL +\n                    sectionData?.assets[0]?.description\n                )\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":["_ref","_sectionData$image","_sectionData$image$fi","_sectionData$assets$","_sectionData$assets$2","_sectionData$assets$3","_sectionData$assets$4","_sectionData$assets$5","_sectionData$assets$6","_sectionData$headerWi","_sectionData$textWith","_sectionData$richText","sectionData","optionsMainStyle","renderNode","BLOCKS","HEADING_1","node","children","React","Styled","PARAGRAPH","renderMark","MARKS","Code","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","div","withConfig","displayName","componentId","props","LinkStyle","a","ImageStyle","img","HeadingContainer","Heading","h1","ParaText","p"],"sourceRoot":""}