{"version":3,"file":"components-dynamic-richTextWithImageRight-richTextWithImageRight-12bc33fa5c2107a8e5c3.js","mappings":"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","sources":["webpack://the-burnaby-refinery/./src/components/dynamic/richTextWithImageRight/richTextWithImageRight.js","webpack://the-burnaby-refinery/./src/components/dynamic/richTextWithImageRight/richTextWithImageRightStyles.js"],"sourcesContent":["import * as Styled from './richTextWithImageRightStyles';\nimport * as React from 'react';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES, MARKS } from '@contentful/rich-text-types';\nimport {useContentfulAssets} from '../../../hooks/useContentfulAssets';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../../utils';\nimport { HeaderH3, HorizontalBreak } from '../../../styles';\n\nconst ContentWithImageRight = ({ sectionData, location }) => {\n const optionsMainStyle = {\n renderNode: {\n [BLOCKS.PARAGRAPH]: (node, children) => (\n {children}\n ),\n [BLOCKS.HEADING_1]: (node, children) => (\n {children}\n ),\n [BLOCKS.HEADING_2]: (node, children) => (\n {children}\n ),\n [BLOCKS.HEADING_3]: (node, children) => (\n {children}\n ),\n [BLOCKS.HEADING_6]: (node, children) => (\n {children}\n ),\n [BLOCKS.UL_LIST]: (node, children) => (\n {children}\n ),\n [BLOCKS.LIST_ITEM]: (node, children) => (\n {children}\n ),\n [INLINES.HYPERLINK]: (node, children) => (\n \n {children}\n \n ),\n [BLOCKS.QUOTE]: (node, children) => (\n {children}\n ),\n [MARKS.ITALIC]: (node, children) => (\n {children}\n ),\n [INLINES.ASSET_HYPERLINK]: (node, children) => {\n const asset = useContentfulAssets(node?.data?.target?.sys?.id);\n return (\n \n {children}\n \n );\n },\n\n [BLOCKS.HR]: () => ,\n [BLOCKS.EMBEDDED_ASSET]: (node) => {\n const asset = useContentfulAssets(node.data.target.sys.id);\n if (asset) {\n return (\n \n );\n }\n },\n },\n renderText: (text) =>\n text.split('\\n').flatMap((text, i) => [i > 0 &&
, text]),\n };\n React.useEffect(async () => {\n if (sectionData?.elementId === location?.hash?.replace('#', '')) {\n const waitedID = await new Promise((resolve) => {\n document?.getElementById(sectionData?.elementId) && resolve(true);\n });\n if (waitedID) {\n setTimeout(() => {\n window.location.href = `#${sectionData?.elementId}`;\n }, 500);\n }\n }\n }, [sectionData?.elementId]);\n return (\n \n \n {sectionData.header && sectionData?.header?.trim() && (\n \n {sectionData.header}\n \n )}\n {sectionData?.subText?.trim() && (\n \n {sectionData?.subText}\n \n )}\n {sectionData.contentDetails &&\n documentToReactComponents(\n JSON.parse(sectionData.contentDetails.raw),\n optionsMainStyle\n )}\n \n );\n};\nexport default ContentWithImageRight;\n","import styled from 'styled-components';\nimport AppColors from '../../../styles/colors';\n\nexport const BodyContainer = styled.div`\n margin-top: -1px;\n background: ${AppColors.White};\n`;\n\nexport const Body = styled.div`\n margin: 0px auto;\n padding-bottom: 0px;\n background-color: #fff;\n display: block;\n @media (max-width: 991px) {\n padding: 0 !important;\n }\n @media (max-width: 767px) {\n padding: 0 !important;\n }\n overflow: hidden;\n`;\nexport const BodyContainerFirst = styled(BodyContainer)`\n ${Body} {\n padding-bottom: 50px;\n }\n`;\n\nexport const ImageStyleBlockRight = styled.img`\n display: block;\n height: auto !important;\n float: right;\n @media (max-width: 991px) {\n display: block;\n float: right;\n margin: 0 0 40px 0px;\n }\n @media (max-width: 767px) {\n display: block;\n float: none;\n margin: 0 0 25px 0;\n width: 100%;\n }\n`;\nexport const LinkStyle = styled.a`\n font-family: 'HelveticaNeue-Light', arial, sans-serif;\n font-size: 20px;\n line-height: 32px;\n color: rgba(0, 0, 0, 0.6);\n text-decoration: none;\n color: #55aa4c;\n transition: 0.25s ease-out;\n :hover {\n color: #00a6e8;\n }\n`;\nexport const Header4 = styled.h4`\n overflow: hidden;\n padding: 0 0 15px 0;\n margin: 0 0 35px 0;\n font-family: 'HelveticaNeue-Light', sans-serif;\n font-size: 24px;\n line-height: 29px;\n color: rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(0, 0, 0, 0.15);\n font-weight: normal;\n @media (max-width: 1439px) {\n font-size: 22px;\n line-height: 27px;\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n font-size: 20px;\n line-height: 25px;\n }\n`;\nexport const ParaText = styled.p`\n font-family: 'Gotham-Light', arial, sans-serif;\n font-size: 24px;\n line-height: 38px;\n width: 65%;\n :last-child {\n margin: 0px;\n }\n color: rgba(0, 0, 0, 0.8);\n i {\n font-size: 16px;\n line-height: 24px;\n @media (max-width: 991px) {\n font-size: 15px;\n }\n @media (max-width: 767px) {\n font-size: 13px;\n }\n }\n code {\n font-family: 'HelveticaNeue-Light', arial, sans-serif;\n font-size: 20px;\n line-height: 32px;\n color: rgba(0, 0, 0, 0.6);\n }\n a > code {\n display: inline-block;\n position: relative;\n top: 0;\n padding: 17px 35px 13px 35px;\n margin: 0 5px 5px 0;\n font-family: 'Adelle-Bold', sans-serif;\n font-size: 18px;\n line-height: 22px;\n text-transform: uppercase;\n color: #55aa4c;\n border: 2px solid #55aa4c;\n box-shadow: 0 0 0 2px rgb(255 255 255 / 0%);\n border-radius: 100px;\n cursor: pointer;\n @media (max-width: 767px) {\n padding: 10px 20px 6px 20px;\n font-size: 16px;\n line-height: 20px;\n border-radius: 10px;\n }\n :hover {\n top: -5px;\n color: #55aa4c;\n border-color: #55aa4c;\n box-shadow: 0 5px 0 0 #55aa4c;\n }\n }\n @media (max-width: 1399px) {\n font-size: 16px;\n margin: 0 0 30px 0;\n }\n @media (max-width: 991px) {\n width: 100%;\n }\n @media (max-width: 767px) {\n font-size: 19px !important;\n line-height: 27px !important;\n margin: 0 0 30px 0;\n width: 100%;\n }\n`;\nexport const ListContainer = styled.ul`\n padding: 0;\n margin: 0 0 30px 0;\n`;\nexport const ListText = styled.li`\n padding: 0 0 15px 30px;\n background-size: 10px auto;\n list-style: none;\n margin: 0;\n ${ParaText} {\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 HeaderH3 = styled.h3`\n display: none;\n position: relative;\n margin-right: 0px;\n margin-bottom: 40px;\n margin-left: 0px;\n padding: 0px 0px 20px;\n font-family: interstate, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 42px;\n line-height: 45px;\n color: rgb(31, 178, 90);\n @media (max-width: 1399px) {\n margin-top: 0px;\n }\n @media (max-width: 767px) {\n display : block;\n margin: 0px 0px 30px;\n font-size: 25px;\n line-height: 27px;\n }\n &.lessMargin {\n margin-bottom: 15px;\n }\n ::after {\n content: '';\n display: inline-block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 200px;\n height: 4px;\n transition: all 0.2s ease-out;\n background: ${AppColors.backgroundBlack1};\n }\n`;\nexport const HeaderH2 = styled.h2`\n position: relative;\n margin-right: 0px;\n margin-bottom: 40px;\n margin-left: 0px;\n padding: 0px 0px 20px;\n font-family: interstate, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 42px;\n line-height: 45px;\n color: rgb(31, 178, 90);\n @media (max-width: 1399px) {\n margin-top: 0px;\n }\n @media (max-width: 767px) {\n display: none;\n margin: 0px 0px 30px;\n font-size: 25px;\n line-height: 27px;\n }\n &.lessMargin {\n margin-bottom: 15px;\n }\n ::after {\n content: '';\n display: inline-block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 200px;\n height: 4px;\n transition: all 0.2s ease-out;\n background: ${AppColors.backgroundBlack1};\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: 'Gotham-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-size: 12px auto;\n &:hover {\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: 'MrAlex', sans-serif;\n font-weight: normal !important;\n color: #00539d;\n font-size: 45px;\n line-height: 50px;\n margin-bottom: 10px;\n @media (max-width: 1399px) {\n font-size: 40px;\n line-height: 45px;\n }\n @media (max-width: 767px) {\n font-size: 30px;\n line-height: 35px;\n }\n`;\nexport const HeaderH6 = styled.h6`\n font-family: 'Gotham-Regular', arial, sans-serif !important;\n font-size: 17px !important;\n line-height: 32px !important;\n color: rgba(0, 0, 0, 0.8) !important;\n margin-bottom: 40px !important;\n @media (max-width: 767px){\n margin: 0 0 30;\n padding: 0 !important;\n font-size: 15px !important;\n line-height: 23px !important;\n } \n`;\nexport const SpanStyle = styled.span`\n position: relative;\n top: -200px;\n @media (max-width: 991px) {\n top: -50px;\n }\n`;\nexport const HorizontalBreak = styled.hr`\n height: 2px !important;\n border: none;\n background: rgba(0, 0, 0, 0.8);\n margin: 40px 0;\n clear: both;\n opacity: 1;\n @media (max-width: 1399px) {\n margin: 35px 0;\n }\n @media (max-width: 991px) {\n margin: 60px 0;\n }\n @media (max-width: 767px) {\n margin: 30px 0;\n }\n`;\n\nexport const BlockQuotes = styled.blockquote`\n position: relative;\n width: 35%;\n margin: 0 0 80px 0;\n float: right;\n padding: 40px;\n margin: 0px 0px 40px;\n background: rgba(0, 0, 0, 0.05);\n @media (max-width: 991px) {\n width: 100%;\n margin: 0px 0px 40px;\n }\n @media (max-width: 767px) {\n padding: 30px;\n margin: 0 0 30px 0;\n }\n :after {\n content: '';\n display: block;\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 12px 18px 0 0px;\n border-color: ${AppColors.backgroundBlack} transparent transparent\n transparent;\n }\n p {\n font-family: 'Gotham-Light', arial, sans-serif;\n font-size: 24px;\n line-height: 38px;\n -webkit-box-pack: center;\n width: 100%;\n margin-bottom: 0px;\n @media (max-width: 1399px) {\n margin-bottom: 30px;\n }\n i {\n font-family: 'Gotham-Regular', arial, sans-serif !important;\n font-size: 17px !important;\n line-height: 32px !important;\n color: rgba(0, 0, 0, 0.8) !important;\n width: 100%;\n @media (max-width: 1399px) {\n font-size: 15px;\n line-height: 22px;\n }\n @media (max-width: 767px) {\n font-size: 13px;\n line-height: 20px;\n }\n }\n }\n h3 {\n width: 100%;\n position: relative;\n margin-bottom: 0px;\n font-family: interstate, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 35px;\n line-height: 40px;\n color: rgb(0, 105, 170);\n text-align: left;\n @media (max-width: 767px) {\n margin: 0px 0px 30px;\n font-size: 20px;\n line-height: 22px;\n }\n }\n`;\n\nexport const BlockQuotesLinkStyle = styled.blockquote`\n position: relative;\n margin: 0 0 0 0;\n padding: 0 0 20px;\n font-family: interstate, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 42px;\n line-height: 45px;\n margin-top: 0 !important;\n color: ${AppColors.LightGreen};\n &.lessMargin {\n margin-bottom: 15px;\n }\n ::after {\n content: '';\n display: inline-block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 200px;\n height: 4px;\n transition: all 0.2s ease-out;\n background: ${AppColors.backgroundBlack1};\n }\n @media (max-width: 1399px) {\n margin-top: 0 !important;\n }\n @media (max-width: 767px) {\n margin: 0 0 30px 0;\n font-size: 25px;\n line-height: 27px;\n }\n :hover {\n color: #55aa4c;\n }\n`;\n"],"names":["sectionData","location","optionsMainStyle","renderNode","BLOCKS","node","children","INLINES","href","isExternalUrlHref","data","uri","addTrailingSlash","process","target","isExternalUrl","MARKS","asset","useContentfulAssets","sys","id","file","url","src","alt","title","renderText","text","split","flatMap","i","React","elementId","hash","replace","Promise","resolve","document","getElementById","setTimeout","window","header","trim","className","subText","contentDetails","documentToReactComponents","JSON","parse","raw","BodyContainer","styled","AppColors","Body","BodyContainerFirst","ImageStyleBlockRight","LinkStyle","Header4","ParaText","ListContainer","ListText","HeaderH3","HeaderH2","ItalicParaText","AnchorButton","VideoContainer","Iframe","Header","HeaderH6","SpanStyle","HorizontalBreak","BlockQuotes","BlockQuotesLinkStyle"],"sourceRoot":""}