{"version":3,"file":"dynamicComponents-slpTitleContainer-slpTitleContainer-86421eb33cd2e37e16e6.js","mappings":"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","sources":["webpack://bluewave-energy/./src/dynamicComponents/slpTitleContainer/slpTitleContainer.js","webpack://bluewave-energy/./src/dynamicComponents/slpTitleContainer/slpTitleContainerStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpTitleContainerStyles';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlhref } from '../../utils';\n\nexport default function SlpTitleContainer({ sectionData }) {\n  const optionsMainStyle = {\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      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [BLOCKS.UL_LIST]: (node, children) => (\n        <Styled.UnorderedList>{children}</Styled.UnorderedList>\n      ),\n      [BLOCKS.LIST_ITEM]: (node, children) => (\n        <Styled.ListItem>{children}</Styled.ListItem>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => (\n        <Styled.ButtonStyle\n          href={\n            isExternalUrlhref(node?.data?.uri)\n              ? node?.data?.uri\n              : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node?.data?.uri)\n          }\n          target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n        >\n          {children}\n        </Styled.ButtonStyle>\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  return (\n    <Styled.Container $background={sectionData?.image?.file?.url}>\n      {sectionData?.textWithPaths[0] && (\n        <Styled.ButtonStyle\n          href={\n            isExternalUrlhref(sectionData?.textWithPaths[0]?.path)\n              ? sectionData?.textWithPaths[0]?.path\n              :addTrailingSlash(process.env.GATSBY_DOMAIN_URL +\n                sectionData?.textWithPaths[0]?.path)\n          }\n        >\n          {sectionData?.textWithPaths[0].text}\n        </Styled.ButtonStyle>\n      )}\n      <Styled.InnerDiv>\n        {sectionData?.assets && sectionData?.assets[0]?.file?.url && (\n          <Styled.ImageStyle\n            src={sectionData?.assets[0]?.file?.url}\n          ></Styled.ImageStyle>\n        )}\n        <div style={{ textAlign: 'left' }}>\n          {sectionData?.headerWithText?.headerText && (\n            <Styled.HeaderH1>\n              {sectionData?.headerWithText?.headerText}\n            </Styled.HeaderH1>\n          )}\n        </div>\n        {sectionData?.contentDetails &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n      </Styled.InnerDiv>\n    </Styled.Container>\n  );\n}\n","import styled from 'styled-components';\nimport LinkArrowImage from '../../images/arrow-blue.png';\n\nexport const Container = styled.div`\n  background: center/cover no-repeat url(${(props) => props.$background});\n  padding-top: 80px;\n  height:425px;\n// ^Exclusively used for avenir agreement. No idea how this container is sizing. \n// Without absolute height, there's weird stuff occuring on bottom of container I can't locate-DY\n  text-align: center !important;\n  width: 100%;\n  @media (max-width: 800px) {\n    padding-top: 40px;\nheight:235px;\n      // ^This is pretty exclusive to the avenir agreement graphic. Other sizing mechanism in place make desiging elements for this friggin' impossible.\n  }\n`;\n\nexport const InnerDiv = styled.div`\n  padding-left: 6.5rem;\n  padding-right: 6.5rem;\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 1140px;\n  width: 100%;\n  @media (max-width: 1399px) {\n    max-width: 920px;\n  }\n  @media (max-width: 767px) {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n`;\n\nexport const ImageStyle = styled.img`\n  border: 0;\n  border-radius: 0.125rem;\n  height: auto;\n  max-width: 100%;\n  margin-bottom: 0px;\n  @media (max-width: 800px) {\n    width: 650px;\n  }\n`;\n\nexport const HeaderH1 = styled.h1`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-size: 3rem;\n  line-height: 3rem;\n  color: #1a4538;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-weight: bold !important;\n  @media (max-width: 1399px) {\n    font-size: 2.6rem;\n    line-height: 2.6rem;\n  }\n`;\nexport const HeaderH2 = styled.h2`\n  margin: 0 0 35px 0;\n  padding: 0;\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  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n    margin-bottom: 20px;\n  }\n`;\n\nexport const ParaText = styled.p`\n  margin: 0 0 30px 0;\n  padding: 0;\n`;\n\nexport const HeaderH3 = styled.h3`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #48b4f1;\n  font-size: 26px;\n  line-height: 35px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 18px;\n    line-height: 23px;\n    margin-bottom: 20px;\n  }\n`;\n\nexport const UnorderedList = styled.ul`\n  margin: 0 0 30px 0;\n  padding: 0;\n`;\n\nexport const ListItem = styled.li`\n  margin: 0;\n  padding: 4px 0 4px 25px;\n  list-style: none;\n  background: url(${LinkArrowImage}) no-repeat 0 10px;\n  background-size: 7px auto;\n  p {\n    margin: 0;\n  }\n`;\nexport const LinkStyle = styled.a`\n  text-decoration: none;\n  color: #9fb577;\n  :hover {\n    text-decoration: none;\n    color: #037ec4;\n    outline: none;\n  }\n`;\n\nexport const ButtonStyle = styled.a`\n  text-transform: uppercase;\n  position: absolute;\n  top: 2vh;\n  right: 2vh;\n  background-color: #d9ece8;\n  border: none;\n  font-family: 'Helvetica Neue';\n  z-index: 3;\n\n  text-decoration: none;\n  line-height: 100%;\n  font-size: 1rem;\n  font-weight: 500;\n  justify-content: center;\n  line-height: 1.5rem;\n  margin: 0 1rem 1.2rem 0;\n  padding: calc(0.4rem - 1px) 1rem;\n  color: #111;\n    display: none !important;\n  :hover {\n    background: linear-gradient(to bottom, #2b8265 5%, #41c464 100%);\n    background-color: #2b8265;\n    color: #111;\n  }\n`;\n"],"names":["SlpTitleContainer","sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","INLINES","href","isExternalUrlhref","data","uri","addTrailingSlash","process","target","isExternalUrl","asset","useContentfulImages","sys","id","file","url","includes","src","alt","title","renderText","text","split","flatMap","i","key","$background","image","textWithPaths","path","assets","style","textAlign","headerWithText","headerText","contentDetails","documentToReactComponents","JSON","parse","raw","Container","styled","props","InnerDiv","ImageStyle","HeaderH1","HeaderH2","ParaText","HeaderH3","UnorderedList","ListItem","LinkArrowImage","LinkStyle","ButtonStyle"],"sourceRoot":""}