{"version":3,"file":"dynamicComponents-headerWithTable-headerWithTable-7b5c583e3859328bdd00.js","mappings":"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","sources":["webpack://bluewave-energy/./src/dynamicComponents/headerWithTable/headerWithTable.js","webpack://bluewave-energy/./src/dynamicComponents/headerWithTable/headerWithTableStyles.js","webpack://bluewave-energy/./src/images/table-swipe.png"],"sourcesContent":["import React, { useEffect } from 'react';\nimport * as Styled from './headerWithTableStyles';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\nimport isExternalUrl, { isExternalUrlhref } from '../../utils';\n\nexport default function HeaderWithTable({ sectionData, location }) {\n 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\n const optionsButtonMainStyle = {\n renderNode: {\n [BLOCKS.HEADING_1]: (node, children) => (\n {children}\n ),\n [BLOCKS.HEADING_2]: (node, children) => (\n {children}\n ),\n [BLOCKS.PARAGRAPH]: (node, children) => (\n {children}\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 asset?.node?.description ? (\n \n {asset.node.title}\n \n ) : (\n {asset.node.title}\n )\n ) : (\n <>\n );\n },\n [INLINES.HYPERLINK]: (node, children) => (\n \n {children}\n \n ),\n [INLINES.ASSET_HYPERLINK]: (node, children) => {\n const asset = useContentfulAssets(node.data.target.sys.id);\n if (asset) {\n return (\n \n {children}\n \n );\n }\n },\n },\n renderText: (text) =>\n text.split('\\n').flatMap((text, i) => [i > 0 &&
, text]),\n };\n return (\n \n {sectionData?.header && (\n {sectionData?.header}\n )}\n \n \n {sectionData?.contentDetails &&\n documentToReactComponents(\n JSON.parse(sectionData.contentDetails.raw),\n optionsButtonMainStyle\n )}\n \n \n \n );\n}\n","import styled from 'styled-components';\nimport ArrowBlue from '../../images/arrow-blue.png';\nimport ArrowDown from '../../images/arrow-blue-mobile-nav.png';\nimport ArrowUp from '../../images/arrow-blue-up.png';\nimport Swipe from '../../images/table-swipe.png';\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 b {\n font-family: 'Figtree-Bold', arial, sans-serif;\n font-weight: bold;\n }\n a {\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n code {\n color: #9fb577 !important;\n }\n }\n code {\n font-size: 12px;\n line-height: 18px;\n color: #666;\n font-family: 'Figtree-Regular', arial, sans-serif;\n }\n`;\n\nexport const Table = styled.div`\n table {\n position: relative;\n width: 100%;\n margin: 0 0 20px 0;\n background: #fff;\n border-spacing: 0;\n tr {\n td {\n padding: 6px 10px;\n border: none;\n p {\n margin: 0 !important;\n b {\n font-style: normal;\n font-size: 14px;\n text-align: left;\n font-family: 'Figtree-Bold', arial, sans-serif;\n font-weight: bold;\n }\n i {\n font-style: normal;\n }\n }\n }\n }\n tr:nth-child(odd) {\n background: #f5f5f5;\n }\n tr:first-child {\n background: #037ec4;\n th {\n padding: 10px;\n ${ParaText} {\n margin: 0 !important;\n b {\n color: #fff !important;\n font-size: 14px;\n text-align: left;\n text-transform: uppercase;\n font-family: 'Figtree-Bold', arial, sans-serif;\n font-weight: bold;\n }\n }\n }\n }\n @media (max-width: 767px) {\n width: 300%;\n margin: 0 0 10px 0 !important;\n }\n }\n`;\nexport const SwipeContainer = styled.div`\n @media (max-width: 767px) {\n overflow: scroll hidden;\n background: url(${Swipe}) left top / contain no-repeat rgb(255, 255, 255);\n padding-top: 50px !important;\n }\n`;\nexport const MainDiv = styled.div`\n font-family: 'Figtree-Regular', arial, sans-serif;\n font-size: 15px;\n line-height: 24px;\n letter-spacing: 0.02em;\n @media (max-width: 767px) {\n font-size: 15px;\n line-height: 22px;\n margin-bottom: 30px;\n }\n`;\n\nexport const LinkStyle = styled.a`\n font-family: 'Figtree-Regular', arial, sans-serif;\n font-size: 15px;\n line-height: 24px;\n background-size: 7px auto;\n text-decoration: none;\n text-align: left;\n text-decoration: none;\n color: #9fb577;\n transition: 0.25s ease-out;\n transition: background-position 0.15s ease-out;\n :hover {\n color: #037ec4;\n }\n`;\n\nexport const Header2 = 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 position: relative;\n @media (max-width: 760px) {\n font-size: 25px;\n line-height: 30px;\n margin-bottom: 20px;\n }\n`;\nexport const Header2Center = styled.h2`\n text-align: center;\n margin-bottom: 35px;\n position: relative;\n font-family: 'MrAlex', sans-serif;\n font-size: 45px;\n line-height: 50px;\n color: #037ec4;\n padding: 0;\n font-weight: normal;\n font-style: normal;\n @media (max-width: 1439px) {\n font-size: 40px;\n line-height: 45px;\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n font-size: 30px;\n line-height: 35px;\n }\n`;\nexport const ButtonStyle = styled.a`\n text-decoration: none;\n display: inline-block;\n padding: 16px 85px 14px 15px;\n margin: 0 5px 20px 0;\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: url(${ArrowBlue}) 95% center no-repeat #ebf5fa;\n transition: background-position 0.15s ease-out;\n border: none;\n @media (max-width: 767px) {\n width: 100% !important;\n margin: 0 0 25px 0 !important;\n }\n :hover {\n background: url(${ArrowBlue}) 90% center no-repeat #ebf5fa;\n transition: background-position 0.15s ease-out 0s;\n border: none;\n }\n`;\nexport const HeaderH1 = styled.h1`\n margin: 0 0 35px 0;\n padding: 0;\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 @media (max-width: 767px) {\n font-size: 35px;\n line-height: 40px;\n }\n`;\n","export default \"data:image/png;base64,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\""],"names":["HeaderWithTable","sectionData","location","useEffect","elementId","hash","replace","Promise","resolve","document","getElementById","setTimeout","window","href","optionsButtonMainStyle","renderNode","BLOCKS","node","children","asset","useContentfulAssets","data","target","sys","id","file","url","includes","description","isExternalUrlhref","addTrailingSlash","process","isExternalUrl","src","alt","title","INLINES","uri","renderText","text","split","flatMap","i","key","header","contentDetails","documentToReactComponents","JSON","parse","raw","HeaderH2","styled","ParaText","Table","SwipeContainer","MainDiv","LinkStyle","Header2","Header2Center","ButtonStyle","ArrowBlue","HeaderH1"],"sourceRoot":""}