{"version":3,"file":"dynamicComponents-richTextWithImageRight-richTextWithImageRight-b87f77c2465386f11ebc.js","mappings":"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","sources":["webpack://bluewave-energy/./src/dynamicComponents/richTextWithImageRight/richTextWithImageRight.js","webpack://bluewave-energy/./src/dynamicComponents/richTextWithImageRight/richTextWithImageRightStyle.js"],"sourcesContent":["import * as Styled from './richTextWithImageRightStyle';\nimport * as React from 'react';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES, MARKS } from '@contentful/rich-text-types';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\nimport isExternalUrl, {\n  addTrailingSlash,\n  isExternalUrlhref,\n  isYoutubeLink,\n} from '../../utils';\n\nconst RichTextWithImageRight = ({ 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\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      [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      [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      [BLOCKS.HR]: () => <Styled.HorizontalBreak />,\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = useContentfulImages(node.data.target.sys.id);\n        if (asset) {\n          return (\n            <Styled.ImageStyleBlockRight\n              src={asset.node.file.url}\n              alt={asset.node.title}\n              $width={'350px'}\n            />\n          );\n        }\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.Header3>{sectionData.header}</Styled.Header3>\n      )}\n      {sectionData.contentDetails &&\n        documentToReactComponents(\n          JSON.parse(sectionData.contentDetails.raw),\n          optionsMainStyle\n        )}\n    </>\n  );\n};\nexport default RichTextWithImageRight;\n","import styled from 'styled-components';\nimport arrowBlue from '../../images/arrow-blue.png';\n\nexport const ImageStyleBlockRight = styled.img`\n  width: ${(props) => (props.$width ? props.$width : '150px')};\n  height: auto;\n  float: right;\n  text-align: center;\n  margin: 0 0 30px 30px;\n  @media (max-width: 424px) {\n    width: 100% !important;\n  }\n  @media (max-width: 767px) {\n    display: block;\n    float: none;\n    margin: 0 0 30px 0 !important;\n  }\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  @media (max-width: 767px) {\n    font-size: 18px;\n    line-height: 23px;\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  b {\n    font-family: 'Figtree-Bold', arial, sans-serif;\n  }\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 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 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 ItalicParaText = styled(ParaText)`\n  font-style: italic;\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`;\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`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","INLINES","href","isExternalUrlhref","data","uri","addTrailingSlash","process","target","isExternalUrl","MARKS","asset","useContentfulImages","sys","id","src","file","url","alt","title","$width","isYoutubeLink","frameborder","renderText","text","split","flatMap","i","header","contentDetails","documentToReactComponents","JSON","parse","raw","ImageStyleBlockRight","styled","props","LinkStyle","Header3","ParaText","ListContainer","ListText","arrowBlue","HorizontalBreak","$marginTop","$marginRight","$marginBottom","$marginLeft","Header2","ItalicParaText","AnchorButton","VideoContainer","Iframe","Header"],"sourceRoot":""}