{"version":3,"file":"components-slpHeaderWithImageText-slpHeaderWithImageText-bc6ee1f16e3939cafb7e.js","mappings":"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","sources":["webpack://islandpetro/./src/components/slpHeaderWithImageText/slpHeaderWithImageText.js","webpack://islandpetro/./src/components/slpHeaderWithImageText/slpHeaderWithImageTextStyle.js"],"sourcesContent":["import { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport React from 'react';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\nimport isExternalUrl, {\n  addTrailingSlash,\n  isExternalUrlhref,\n} from '../../utils';\nimport * as Styled from './slpHeaderWithImageTextStyle';\n\nconst SlpHeaderWithImageText = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = useContentfulAssets(node?.data?.target?.sys?.id);\n        return asset?.node?.file?.url?.includes('image') ? (\n          <Styled.ImageStyle\n            src={asset?.node?.file?.url}\n            alt={asset?.node?.title}\n          />\n        ) : (\n          <></>\n        );\n      },\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\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.HEADING_4]: (node, children) => (\n        <Styled.HeaderH4>{children}</Styled.HeaderH4>\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?.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <Styled.Body>\n      <Styled.InnerBody>\n        {sectionData?.contentDetails &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n      </Styled.InnerBody>\n    </Styled.Body>\n  );\n};\n\nexport default SlpHeaderWithImageText;\n","import styled from 'styled-components';\n\nexport const Body = styled.div`\n  background: #fff;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 18px;\n  line-height: 130%;\n  letter-spacing: 0.02em;\n  color: #00493b;\n`;\n\nexport const InnerBody = styled.div`\n  width: 860px;\n  margin: 0 auto;\n  padding: 0;\n  padding-top: 35px;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    margin: 0;\n    height: auto;\n    padding-top: 20px;\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n`;\n\nexport const HeaderH2 = styled.h2`\n  margin: 0 0 15px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #00493b;\n  font-size: 40px;\n  line-height: 50px;\n  text-align: center;\n  @media (max-width: 991px) {\n    font-size: 30px;\n    line-height: 40px;\n  }\n`;\n\nexport const ImageStyle = styled.img`\n  max-width: 250px;\n  height: auto;\n  width: 70%;\n  margin: 0 auto;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  border: 0;\n  vertical-align: top;\n  @media (max-width: 991px) {\n    width: 80%;\n  }\n`;\n\nexport const HeaderH3 = styled.p`\n  font-size: 26px;\n  line-height: 36px;\n  margin: 0 0 20px 0;\n  padding: 0;\n`;\n\nexport const HeaderH4 = styled.p`\n  margin: 0 0 20px 0;\n  padding: 0;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-weight: bold;\n`;\n\nexport const ParaText = styled.p`\n  color: #777777;\n  margin: 0 0 20px 0;\n  padding: 0;\n`;\n\nexport const LinkStyle = styled.a`\n  text-decoration: none !important;\n  color: #058268;\n  :hover {\n    text-decoration: none !important;\n    color: #00493b;\n  }\n`;\n"],"names":["_ref","_sectionData$contentD","sectionData","optionsMainStyle","renderNode","BLOCKS","EMBEDDED_ASSET","node","_node$data","_node$data$target","_node$data$target$sys","_asset$node","_asset$node$file","_asset$node$file$url","_asset$node2","_asset$node2$file","_asset$node3","asset","useContentfulAssets","data","target","sys","id","file","url","includes","React","Styled","src","alt","title","PARAGRAPH","children","HEADING_2","HEADING_3","HEADING_4","INLINES","HYPERLINK","_node$data2","_node$data3","_node$data4","_node$data5","href","isExternalUrlhref","uri","addTrailingSlash","process","isExternalUrl","renderText","text","split","flatMap","i","key","contentDetails","documentToReactComponents","JSON","parse","raw","Body","styled","div","withConfig","displayName","componentId","InnerBody","HeaderH2","h2","ImageStyle","img","HeaderH3","p","HeaderH4","ParaText","LinkStyle","a"],"sourceRoot":""}