{"version":3,"file":"components-dynamic-imageWithGreyCard-imageWithGreyCard-2d019f82f14f13fe0c6e.js","mappings":"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","sources":["webpack://the-burnaby-refinery/./src/components/dynamic/imageWithGreyCard/imageWithGreyCard.js","webpack://the-burnaby-refinery/./src/components/dynamic/imageWithGreyCard/imageWithGreyCardStyle.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './imageWithGreyCardStyle';\nimport { BLOCKS, INLINES, MARKS } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { useContentfulAssets } from '../../../hooks/useContentfulAssets';\nimport isExternalUrl, {\n addTrailingSlash,\n isExternalUrlHref,\n} from '../../../utils';\nimport { MainContainer, SpanStyle } from '../../../styles';\nimport { Col } from 'react-bootstrap';\n\nconst ImageWithGreyCard = ({ sectionData }) => {\n const optionsMainStyle = {\n renderNode: {\n [BLOCKS.PARAGRAPH]: (node, children) => (\n {children}\n ),\n [BLOCKS.UL_LIST]: (node, children) => (\n \n {children}\n \n ),\n [BLOCKS.LIST_ITEM]: (node, children) => (\n \n {children}\n \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 [BLOCKS.EMBEDDED_ASSET]: (node) => {\n const asset = useContentfulAssets(node?.data?.target?.sys?.id);\n return asset?.node?.file?.url?.includes('image') ? (\n \n ) : (\n <>\n );\n },\n },\n renderText: (text) =>\n text.split('\\n').flatMap((text, i) => [i > 0 &&
, text]),\n };\n const optionsMainStyleGrey = {\n renderNode: {\n [BLOCKS.PARAGRAPH]: (node, children) => (\n {children}\n ),\n [INLINES.HYPERLINK]: (node, children) => (\n \n {children}\n \n ),\n [BLOCKS.UL_LIST]: (node, children) => (\n {children}\n ),\n [BLOCKS.LIST_ITEM]: (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 renderText: (text) =>\n text.split('\\n').flatMap((text, i) => [i > 0 &&
, text]),\n };\n return (\n \n {sectionData?.contentDetails &&\n documentToReactComponents(\n JSON.parse(sectionData?.contentDetails?.raw),\n optionsMainStyle\n )}\n {sectionData?.header?.trim() && (\n {sectionData?.header}\n )}\n {sectionData?.subText?.trim() && (\n {sectionData?.subText}\n )}\n \n {sectionData?.contentDetails &&\n documentToReactComponents(\n JSON.parse(sectionData?.contentDetails?.raw),\n optionsMainStyleGrey\n )}\n \n \n );\n};\n\nexport default ImageWithGreyCard;\n","import styled from 'styled-components';\nimport AppColors from '../../../styles/colors';\nimport IconArrowGreenRight from '../../../images/icon-arrow-green-right.png';\nexport const MainContainer = styled.div`\n position: relative;\n font-family: 'Gotham', arial, sans-serif;\n font-size: 18px;\n line-height: 32px;\n color: rgba(0, 0, 0, 0.8);\n @media (max-width: 1399px) {\n font-size: 16px;\n line-height: 25px;\n }\n @media (max-width: 767px) {\n font-size: 15px;\n line-height: 22px;\n }\n`;\nexport const Code = styled.p`\n position: relative;\n width: 100%;\n padding: 40px;\n margin: 0 0 80px 0;\n float: right;\n font-family: Gotham-Light, arial, sans-serif;\n font-size: 17px;\n line-height: 32px;\n color: rgba(0, 0, 0, 0.8) !important;\n background: ${AppColors.backgroundBlack};\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`;\nexport const HeaderH2 = styled.h2`\n text-align: ${(props) => (props.$textAlign ? 'center' : 'left')};\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 margin-top: 0px !important;\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: 0px !important;\n }\n @media (max-width: 767px) {\n margin: 0px 0px 30px;\n font-size: 25px;\n line-height: 27px;\n }\n`;\nexport const HeaderH3 = styled.h3`\n margin: 0 0 35px 0;\n font-family: 'Gotham', sans-serif;\n font-size: 28px;\n line-height: 35px;\n color: #55aa4c;\n text-align: ${(props) => (props.$textAlign ? 'center' : 'left')};\n @media (max-width: 1399px) {\n font-size: 25px;\n line-height: 30px;\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n font-size: 20px;\n line-height: 25px;\n }\n`;\n\nexport const BlockQuotes = styled.blockquote`\n position: relative;\n width: 100%;\n padding: 40px;\n margin: 0 0 80px 0;\n float: right;\n font-family: Gotham-Light, arial, sans-serif;\n font-size: 17px;\n background: ${AppColors.backgroundBlack};\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 @media (max-width: 767px) {\n font-size: 16px;\n line-height: 24px;\n }\n &:last-child {\n margin-bottom: 0 !important;\n }\n }\n`;\n\nexport const HeadingH4 = styled.h4`\n padding: 0 0 15px 0;\n margin: 0 0 35px 0;\n font-family: 'Gotham', sans-serif;\n font-size: 24px;\n line-height: 29px;\n color: rgba(0, 0, 0, 0.8);\n border-bottom: 1px solid rgba(0, 0, 0, 0.15);\n font-weight: normal;\n @media (max-width: 1399px) {\n font-size: 22px;\n line-height: 27px;\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n font-size: 18px;\n line-height: 23px;\n }\n`;\n\nexport const ParaText = styled.p`\n font-family: 'Gotham-Regular', arial, sans-serif;\n font-size: 17px;\n line-height: 32px;\n color: rgba(0, 0, 0, 0.8) !important;\n @media (max-width: 767px) {\n font-size: 16px;\n line-height: 24px;\n }\n p {\n color: blue;\n }\n\n i {\n font-style: italic;\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\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 b {\n font-family: 'Gotham-Bold', arial, sans-serif;\n font-weight: normal;\n font-style: normal;\n }\n`;\n\nexport const ImageStyle = styled.img`\n display: block;\n width: 100% !important;\n height: auto !important;\n border: 0;\n vertical-align: top;\n margin: 0 0 40px 0;\n @media (max-width: 1399px) {\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n max-width: 100%;\n }\n`;\nexport const SuperScriptStyle = styled.sup`\n vertical-align: top;\n font-size: 18px;\n line-height: 30px;\n`;\nexport const UnorderedList = styled.ul`\n margin: 0 0 30px 0;\n padding: 0;\n`;\nexport const ListItem = styled.li`\n padding: 0 0 15px 50px;\n background-size: 30px auto;\n list-style: none;\n margin: 0;\n p {\n margin: 0;\n }\n\n @media (max-width: 767px) {\n padding-top: 1px;\n padding-left: 40px;\n background-position: 0 0;\n background-size: 25px auto;\n }\n`;\nexport const ListItemArrow = styled.li`\n margin: 0px;\n padding: 0px 0px 10px 30px;\n list-style: none;\n background: url(${IconArrowGreenRight}) 0px 22px / 10px no-repeat;\n border-bottom: 1px solid rgba(0, 0, 0, 0.15);\n &:last-child {\n border-bottom: 0px !important;\n }\n p {\n margin: 0;\n }\n @media (min-width: 768px) {\n background-position: 0 8px;\n }\n @media (max-width: 767px) {\n background-position: 0 5px;\n }\n`;\nexport const LinkStyle = styled.a`\n text-decoration: none;\n color: #55aa4c;\n transition: 0.25s ease-out;\n code {\n display: inline-block;\n position: relative;\n padding: 16px 60px 14px;\n font-family: interstate, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 16px;\n line-height: 24px;\n text-transform: uppercase;\n margin-right: 0px;\n color: rgb(255, 255, 255);\n background-color: rgb(31, 178, 90);\n border-bottom: 4px solid rgb(0, 135, 82);\n text-decoration: none;\n :hover {\n background-color: #0397d6;\n }\n }\n`;\nexport const ListItemNumber = styled.li`\n position: relative;\n margin: 0;\n padding: 15px 0 15px 65px;\n p {\n margin: 0px;\n }\n @media (max-width: 767px) {\n padding-left: 50px;\n }\n ::before {\n content: counter(standard-counter);\n counter-increment: standard-counter;\n position: absolute;\n left: 0px;\n width: 40px;\n text-align: center;\n padding: 6px 0 0 0;\n font-family: 'Adelle-Bold', arial, sans-serif;\n font-size: 30px;\n line-height: 30px;\n color: #55aa4c;\n border: 2px solid #55aa4c;\n border-radius: 50%;\n\n @media (max-width: 767px) {\n top: 11px;\n width: 30px;\n height: 30px;\n padding: 3px 0 0 0;\n font-size: 20px;\n line-height: 20px;\n }\n }\n`;\nexport const OrderListItem = styled.ol`\n margin: 0 0 30px 0;\n list-style-type: none;\n counter-reset: standard-counter;\n position: relative;\n padding: 0;\n`;\nexport const ButtonStyle = styled.a`\n display: inline-block;\n position: relative;\n top: 0;\n padding: 15px 35px;\n margin-right: 10px;\n margin-bottom: 40px;\n font-family: 'Adelle-Bold', sans-serif;\n font-size: 18px;\n line-height: 22px;\n text-transform: uppercase;\n font-weight: bold;\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 text-decoration: none;\n\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 i {\n @media (max-width: 767px) {\n font-size: 22px;\n line-height: 25px;\n }\n }\n :hover {\n top: -5px;\n color: #55aa4c;\n border-color: #55aa4c;\n box-shadow: 0 5px 0 0 #55aa4c;\n }\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","className","INLINES","asset","useContentfulAssets","data","target","sys","id","href","isExternalUrlHref","file","url","addTrailingSlash","process","includes","src","alt","title","renderText","text","split","flatMap","i","key","optionsMainStyleGrey","uri","isExternalUrl","lg","contentDetails","documentToReactComponents","JSON","parse","raw","header","trim","subText","MainContainer","styled","Code","AppColors","HeaderH2","props","$textAlign","HeaderH3","BlockQuotes","HeadingH4","ParaText","ImageStyle","SuperScriptStyle","UnorderedList","ListItem","ListItemArrow","IconArrowGreenRight","LinkStyle","ListItemNumber","OrderListItem","ButtonStyle"],"sourceRoot":""}