{"version":3,"file":"components-slpCRPListHeaderWithParagraph-slpCRPListHeaderWithParagraph-ef6616536f1b28425244.js","mappings":"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","sources":["webpack://islandpetro/./src/components/slpCRPListHeaderWithParagraph/slpCRPListHeaderWithParagraph.js","webpack://islandpetro/./src/components/slpCRPListHeaderWithParagraph/slpCRPListHeaderWithParagraphStyles.js","webpack://islandpetro/./src/constants/superScriptChars.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpCRPListHeaderWithParagraphStyles';\nimport { BLOCKS, INLINES, MARKS } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport isExternalUrl, {\n  addTrailingSlash,\n  isExternalUrlhref,\n} from '../../utils';\nimport { superScriptChars } from '../../constants/superScriptChars';\n\nconst SlpCRPListHeaderWithParagraph = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderMark: {\n      [MARKS.CODE]: (node) => <Styled.CodeNumber>{node}</Styled.CodeNumber>,\n      [MARKS.BOLD]: (node) => <Styled.Bold>{node}</Styled.Bold>,\n      [MARKS.ITALIC]: (node) => <Styled.Italic>{node}</Styled.Italic>,\n    },\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\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => (\n        <Styled.LinkStyle\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.LinkStyle>\n      ),\n    },\n    renderText: (text) =>\n      text\n        ?.split('\\n')\n        .flatMap((text, i) => [\n          i > 0 && <br key={i} />,\n          <React.Fragment key={i}>\n            {text\n              ?.split('')\n              ?.map((i, index) =>\n                superScriptChars.includes(i) ? (\n                  <Styled.SuperScriptStyle key={index}>\n                    {i}\n                  </Styled.SuperScriptStyle>\n                ) : (\n                  i\n                )\n              )}\n          </React.Fragment>,\n        ]),\n  };\n  return (\n    <div>\n      {sectionData?.contentDetails &&\n        documentToReactComponents(\n          JSON.parse(sectionData?.contentDetails?.raw),\n          optionsMainStyle\n        )}\n    </div>\n  );\n};\n\nexport default SlpCRPListHeaderWithParagraph;\n","import styled from 'styled-components';\nimport IconArrowYellowRight from '../../images/icon-home-arrow-orange.png';\n\nexport const MainContainer = styled.div`\n  display: inline-block;\n  width: 32%;\n  padding: 25px;\n  margin-bottom: 40px;\n  text-align: center;\n  vertical-align: top;\n  color: #00539f;\n  background: #fff;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-size: 20px;\n  line-height: 26px;\n  @media (max-width: 870px) {\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin-bottom: 40px;\n    border-right: none;\n  }\n`;\n\nexport const HeaderH2 = styled.h2`\n  text-align: ${(props) => (props.$textAlign ? 'center' : 'left')};\n  position: relative;\n  margin: 0 0 35px 0;\n  font-family: 'MrAlex', sans-serif;\n  font-size: 45px;\n  line-height: 50px;\n  color: #00539d;\n  @media (max-width: 1399px) {\n    font-size: 40px;\n    line-height: 45px;\n    margin-bottom: 30px;\n  }\n  @media (max-width: 767px) {\n    font-size: 30px;\n    line-height: 35px;\n  }\n`;\nexport const HeaderH3 = styled.h3`\n  margin: 0 0 35px 0;\n  font-family: 'HelveticaNeue-Light', sans-serif;\n  font-size: 32px;\n  line-height: 37px;\n  color: #00a6e8;\n  text-align: ${(props) => (props.$textAlign ? 'center' : 'left')};\n  @media (max-width: 1399px) {\n    font-size: 28px;\n    line-height: 32px;\n    margin-bottom: 30px;\n  }\n  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n  }\n`;\n\nexport const CodeNumber = styled.div`\n  width: 36px;\n  height: 36px;\n  padding: 8px;\n  margin: 0 auto 25px auto;\n  text-align: center;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-size: 22px;\n  background: #00493b;\n  color: #fff;\n  border-radius: 50%;\n`;\n\nexport const Bold = styled.b`\n  display: inline;\n`;\n\nexport const Italic = styled.i`\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  display: block;\n  margin-top: 20px;\n  @media (max-width: 870px) {\n    margin-top: 10px;\n  }\n`;\n\nexport const Heading = styled.h1`\n  margin: 0 0 35px 0;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 50px;\n  line-height: 55px;\n  text-align: center;\n  color: #00539d;\n  @media (max-width: 870px) {\n    font-size: 30px;\n    line-height: 35px;\n  }\n`;\n\nexport const ParaText = styled.p`\n  margin-bottom: 0px;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  color: #00493b;\n  font-size: 15px;\n  line-height: 130%;\n`;\n\nexport const ImageStyle = styled.img`\n  height: auto;\n  width: auto;\n  border: 0;\n  vertical-align: top;\n  margin: 0 0 40px 0;\n  @media (max-width: 1399px) {\n    margin-bottom: 30px;\n  }\n`;\nexport const SuperScriptStyle = styled.sup`\n  vertical-align: top;\n  font-size: 18px;\n  line-height: 30px;\n`;\nexport const UnorderedList = styled.ul`\n  margin: 0 0 30px 0;\n  padding: 0;\n`;\nexport const ListItem = styled.li`\n  padding: 0 0 15px 50px;\n  background-size: 30px auto;\n  list-style: none;\n  margin: 0;\n  p {\n    margin: 0;\n  }\n\n  @media (max-width: 767px) {\n    padding-top: 1px;\n    padding-left: 40px;\n    background-position: 0 0;\n    background-size: 25px auto;\n  }\n`;\nexport const ListItemArrow = styled.li`\n  padding: 0 0 15px 30px;\n  background: url(${IconArrowYellowRight}) no-repeat 0 9px;\n  background-size: 10px auto;\n  list-style: none;\n  margin: 0;\n  p {\n    margin: 0;\n  }\n  @media (max-width: 1399px) {\n    background-position: 0 9px;\n  }\n  @media (max-width: 767px) {\n    background-position: 0 5px;\n  }\n`;\nexport const LinkStyle = styled.a`\n  text-decoration: none;\n  color: #00a6e8;\n  transition: 0.25s ease-out;\n`;\nexport const ListItemNumber = styled.li`\n  position: relative;\n  margin: 0;\n  padding: 15px 0 15px 65px;\n  p {\n    margin: 0px;\n  }\n  @media (max-width: 767px) {\n    padding-left: 50px;\n  }\n  ::before {\n    content: counter(standard-counter);\n    counter-increment: standard-counter;\n    position: absolute;\n    left: 0px;\n    width: 40px;\n    text-align: center;\n    padding: 6px 0 0 0;\n    font-family: 'MrAlex', arial, sans-serif;\n    font-size: 30px;\n    line-height: 30px;\n    background: #00493b;\n    color: #fff;\n    border: 2px solid #ffc905;\n    border-radius: 50%;\n\n    @media (max-width: 767px) {\n      top: 11px;\n      width: 30px;\n      height: 30px;\n      padding: 3px 0 0 0;\n      font-size: 20px;\n      line-height: 20px;\n    }\n  }\n`;\nexport const OrderListItem = styled.ol`\n  margin: 0 0 30px 0;\n  list-style-type: none;\n  counter-reset: standard-counter;\n  position: relative;\n  padding: 0;\n`;\nexport const ButtonStyle = styled.a`\n  display: inline-block;\n  position: relative;\n  top: 0;\n  padding: 15px 35px;\n  margin-right: 10px;\n  margin-bottom: 40px;\n  font-family: 'MrAlex', sans-serif;\n  font-size: 24px;\n  line-height: 28px;\n  text-transform: uppercase;\n  font-weight: bold;\n  color: #00a6e8;\n  border: 2px solid #00a6e8;\n  box-shadow: 0 0 0 2px rgb(255 255 255 / 0%);\n  border-radius: 100px;\n  cursor: pointer;\n  text-decoration: none;\n\n  @media (max-width: 1399px) {\n    font-size: 20px;\n    line-height: 24px;\n    margin-bottom: 30px;\n  }\n  @media (max-width: 1199px) {\n    font-size: 25px;\n    line-height: 25px;\n  }\n\n  @media (max-width: 767px) {\n    font-size: 22px;\n    line-height: 25px;\n  }\n  i {\n    @media (max-width: 767px) {\n      font-size: 22px;\n      line-height: 25px;\n    }\n  }\n  :hover {\n    top: -5px;\n    color: #f7991c;\n    border-color: #f7991c;\n    box-shadow: 0 5px 0 0 #f7991c;\n  }\n`;\n","export const superScriptChars = ['®', '§'];\n"],"names":["_ref","_sectionData$contentD","sectionData","optionsMainStyle","renderMark","MARKS","CODE","node","React","Styled","BOLD","ITALIC","renderNode","BLOCKS","HEADING_2","children","HEADING_3","PARAGRAPH","INLINES","HYPERLINK","_node$data","_node$data2","_node$data3","_node$data4","href","isExternalUrlhref","data","uri","addTrailingSlash","process","target","isExternalUrl","renderText","text","split","flatMap","i","_text$split","key","map","index","superScriptChars","includes","contentDetails","documentToReactComponents","JSON","parse","raw","MainContainer","styled","div","withConfig","displayName","componentId","HeaderH2","h2","props","$textAlign","HeaderH3","h3","CodeNumber","Bold","b","Italic","Heading","h1","ParaText","p","ImageStyle","img","SuperScriptStyle","sup","UnorderedList","ul","ListItem","li","ListItemArrow","IconArrowYellowRight","LinkStyle","a","ListItemNumber","OrderListItem","ol","ButtonStyle"],"sourceRoot":""}