{"version":3,"file":"dynamicComponents-richTextHeaderWithText-richTextHeaderWithText-cd5b75680b2d9fe1752b.js","mappings":"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","sources":["webpack://bluewave-energy/./src/dynamicComponents/richTextHeaderWithText/richTextHeaderWithText.js","webpack://bluewave-energy/./src/dynamicComponents/richTextHeaderWithText/richTextHeaderWithTextStyle.js"],"sourcesContent":["import * as Styled from './richTextHeaderWithTextStyle';\nimport * as React from 'react';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES, MARKS } from '@contentful/rich-text-types';\nimport isExternalUrl, {\n  addTrailingSlash,\n  isExternalUrlhref,\n  isYoutubeLink,\n} from '../../utils';\n\nconst RichTextHeaderWithText = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [BLOCKS.HEADING_1]: (node, children) => (\n        <Styled.Header>{children}</Styled.Header>\n      ),\n\n      [BLOCKS.HEADING_2]: (node, children) => (\n        <Styled.Header2>{children}</Styled.Header2>\n      ),\n      [BLOCKS.HEADING_3]: (node, children) => (\n        <Styled.Header3>{children}</Styled.Header3>\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      [MARKS.ITALIC]: (node, children) => (\n        <Styled.ItalicParaText>{children}</Styled.ItalicParaText>\n      ),\n      [BLOCKS.UL_LIST]: (node, children) => (\n        <Styled.ListContainer>{children}</Styled.ListContainer>\n      ),\n      [BLOCKS.LIST_ITEM]: (node, children) => (\n        <Styled.ListText>{children}</Styled.ListText>\n      ),\n      [BLOCKS.HR]: () => <Styled.HorizontalBreak />,\n      [INLINES.ASSET_HYPERLINK]: (node, children) => (\n        <Styled.AnchorButton\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.AnchorButton>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => {\n        return isYoutubeLink(node.data.uri) ? (\n          <Styled.VideoContainer>\n            <Styled.Iframe src={node.data.uri} frameborder=\"0\"></Styled.Iframe>\n          </Styled.VideoContainer>\n        ) : (\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    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br />, text]),\n  };\n  return (\n    <>\n      {sectionData.header && (\n        <Styled.Header2>{sectionData.header}</Styled.Header2>\n      )}\n      {sectionData.contentDetails &&\n        documentToReactComponents(\n          JSON.parse(sectionData.contentDetails?.raw),\n          optionsMainStyle\n        )}\n    </>\n  );\n};\nexport default RichTextHeaderWithText;\n","import styled from 'styled-components';\nimport arrowBlue from '../../images/arrow-blue.png';\n\nexport const Header2 = styled.h2`\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #037ec4;\n  font-size: 32px;\n  line-height: 38px;\n  letter-spacing: 0.02em;\n  margin-bottom: 35px;\n  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n    margin-bottom: 20px;\n  }\n`;\nexport const ParaText = styled.div`\n  color: #666;\n  white-space: pre-wrap;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n  margin-bottom: 30px;\n  @media (max-width: 767px) {\n    line-height: 22px;\n  }\n`;\nexport const Header = styled.h1`\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #00457c;\n  font-size: 45px;\n  line-height: 50px;\n  letter-spacing: 0.02em;\n  margin-bottom: 35px;\n  @media (max-width: 991px) {\n    width: 50%;\n  }\n  @media (max-width: 767px) {\n    font-size: 35px;\n    line-height: 40px;\n    width: 100%;\n  }\n`;\nexport const HorizontalBreak = styled.hr`\n  margin-top: ${(props) => props.$marginTop ?? '20px'};\n  margin-right: ${(props) => props.$marginRight ?? '0px'};\n  margin-bottom: ${(props) => props.$marginBottom ?? '50px'};\n  margin-left: ${(props) => props.$marginLeft ?? '0px'};\n`;\nexport const LinkStyle = styled.a`\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: 0.04em;\n  color: #9fb577;\n  background-size: 7px auto;\n  text-decoration: none;\n  text-align: left;\n  transition: background-position 0.15s ease-out;\n  :hover {\n    color: #00457c;\n  }\n`;\nexport const Header3 = styled.h2`\n  color: #48b4f1;\n  font-family: Figtree-Light, arial, sans-serif;\n  font-size: 26px;\n  line-height: 35px;\n  margin-bottom: 35px;\n  letter-spacing: 0.02em;\n  ${LinkStyle} {\n    font-size: 26px;\n    line-height: 35px;\n  }\n`;\nexport const ItalicParaText = styled(ParaText)`\n  font-style: italic;\n`;\nexport const ListContainer = styled.ul`\n  padding: 0;\n  margin: 0 0 30px 0;\n`;\nexport const ListText = styled.li`\n  background: url(${arrowBlue}) no-repeat 0 10px;\n  background-size: 7px auto;\n  list-style: none;\n  text-decoration: none;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n  padding: 4px 0 4px 25px;\n  margin-bottom: 0 !important;\n  @media (max-width: 767px) {\n    line-height: 22px;\n  }\n  ${ParaText} {\n    margin-bottom: 0;\n  }\n`;\nexport const AnchorButton = styled.a`\n  padding: 16px 85px 14px 15px;\n  margin: 0 5px 30px 0;\n  text-decoration: none;\n  font-family: 'Figtree-Medium', arial, sans-serif;\n  font-size: 13px;\n  line-height: 16px;\n  text-transform: uppercase !important;\n  text-align: left;\n  color: #037ec4;\n  background: #ebf5fa url(${arrowBlue}) no-repeat 95% center;\n  background-size: 12px auto;\n  &:hover {\n    background: #ebf5fa url(${arrowBlue}) no-repeat 91% center;\n    background-size: 12px auto;\n    transition: background-position 0.15s ease-out;\n    border: none;\n  }\n  @media (max-width: 767px) {\n    display: block;\n  }\n`;\nexport const VideoContainer = styled.div`\n  position: relative;\n  width: 100%;\n  padding-bottom: 56%;\n  margin: 40px 0 40px 0;\n`;\n\nexport const Iframe = styled.iframe`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: 0 1px 3px #969696;\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","INLINES","href","isExternalUrlhref","data","uri","addTrailingSlash","process","target","isExternalUrl","MARKS","isYoutubeLink","src","frameborder","renderText","text","split","flatMap","i","header","contentDetails","documentToReactComponents","JSON","parse","raw","Header2","styled","ParaText","Header","HorizontalBreak","props","$marginTop","$marginRight","$marginBottom","$marginLeft","LinkStyle","Header3","ItalicParaText","ListContainer","ListText","arrowBlue","AnchorButton","VideoContainer","Iframe"],"sourceRoot":""}