{"version":3,"file":"components-slpHeaderWithTranslation-slpHeaderWithTranslation-207471e361c7e71fabc7.js","mappings":"wNAKe,SAASA,EAAT,GAAiE,IAAD,gBAA5BC,EAA4B,EAA5BA,YAAaC,EAAe,EAAfA,YACxDC,GAAWC,EAAAA,EAAAA,eAEjB,OACE,gCACE,gBAAC,mBAAD,KACmB,OAAhBF,EACC,gCACE,gBAAC,eAAD,CACEG,GAAIF,MAAAA,GAAF,UAAEA,EAAUG,gBAAZ,aAAE,EAAoBC,QAAQL,EAAa,MAC7CM,cAAY,GAFd,MAMA,gBAAC,eAAD,YAGF,gCACE,gBAAC,eAAD,WACA,gBAAC,eAAD,CACEH,GAAIF,MAAAA,GAAF,UAAEA,EAAUG,gBAAZ,aAAE,EAAoBC,QAAQL,EAAa,MAC7CO,aAAW,GAFb,QAUN,gBAAC,gBAAD,KACE,gBAAC,OAAD,KACE,gBAAC,YAAD,CACEC,MACEC,EAAAA,EAAAA,IAAkBV,MAAAA,OAAD,EAACA,EAAaW,MAC3BX,MAAAA,OADJ,EACIA,EAAaW,MACbC,EAAAA,EAAAA,IAAiBC,kCAAgCb,MAAAA,OAAhC,EAAgCA,EAAaW,OAEpEG,OAAO,UAEP,gBAAC,WAAD,CACEC,IAAKf,MAAAA,GAAF,UAAEA,EAAagB,aAAf,iBAAE,EAAoBC,YAAtB,aAAE,EAA0BC,IAC/BC,IAAKnB,MAAAA,GAAF,UAAEA,EAAagB,aAAf,iBAAE,EAAoBC,YAAtB,aAAE,EAA0BG,SAC/BC,MAAOrB,MAAAA,GAAF,UAAEA,EAAagB,aAAf,iBAAE,EAAoBC,YAAtB,aAAE,EAA0BG,YAGrC,uBAAKE,MAAO,CAAEC,MAAO,e,kSC/ClBC,EAAeC,EAAAA,QAAAA,KAAAA,WAAH,wFAAGA,CAAH,iEAMZC,GAAeD,EAAAA,EAAAA,SAAOE,EAAAA,MAAV,mGAAGF,CAAH,sIAKP,SAACG,GAAD,OAAWA,EAAMrB,cAAgB,uBAClC,SAACqB,GAAD,OAAWA,EAAMpB,aAAe,uBAMpCqB,EAAmBJ,EAAAA,QAAAA,IAAAA,WAAH,4FAAGA,CAAH,yRAqBhBK,EAAgBL,EAAAA,QAAAA,IAAAA,WAAH,yFAAGA,CAAH,yBAIbM,EAAON,EAAAA,QAAAA,IAAAA,WAAH,gFAAGA,CAAH,+FAOJO,EAAWP,EAAAA,QAAAA,IAAAA,WAAH,oFAAGA,CAAH,6CAKRQ,EAAYR,EAAAA,QAAAA,EAAAA,WAAH,qFAAGA,CAAH","sources":["webpack://commercial-ultramar/./src/components/slpHeaderWithTranslation/slpHeaderWithTranslation.js","webpack://commercial-ultramar/./src/components/slpHeaderWithTranslation/slpHeaderWithTranslationStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpHeaderWithTranslationStyles';\nimport { useLocation } from '@reach/router';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\n\nexport default function SlpHeaderWithTranslation({ sectionData, urlLanguage }) {\n  const location = useLocation();\n\n  return (\n    <>\n      <Styled.LanguageSelector>\n        {urlLanguage === 'fr' ? (\n          <>\n            <Styled.LanguageLink\n              to={location?.pathname?.replace(urlLanguage, 'en')}\n              $rightBorder\n            >\n              EN\n            </Styled.LanguageLink>\n            <Styled.LanguageSpan>FR</Styled.LanguageSpan>\n          </>\n        ) : (\n          <>\n            <Styled.LanguageSpan>EN</Styled.LanguageSpan>\n            <Styled.LanguageLink\n              to={location?.pathname?.replace(urlLanguage, 'fr')}\n              $leftBorder\n            >\n              FR\n            </Styled.LanguageLink>\n          </>\n        )}\n      </Styled.LanguageSelector>\n\n      <Styled.HeadContainer>\n        <Styled.Head>\n          <Styled.LinkStyle\n            href={\n              isExternalUrlHref(sectionData?.path)\n                ? sectionData?.path\n                : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + sectionData?.path)\n            }\n            target=\"_blank\"\n          >\n            <Styled.HeadLogo\n              src={sectionData?.image?.file?.url}\n              alt={sectionData?.image?.file?.fileName}\n              title={sectionData?.image?.file?.fileName}\n            />\n          </Styled.LinkStyle>\n          <div style={{ clear: 'both' }}></div>\n        </Styled.Head>\n      </Styled.HeadContainer>\n    </>\n  );\n}\n","import { Link } from 'gatsby';\nimport styled from 'styled-components';\n\nexport const LanguageSpan = styled.span`\n  display: inline-block;\n  padding: 5px 15px;\n  text-decoration: none;\n`;\n\nexport const LanguageLink = styled(Link)`\n  display: inline-block;\n  padding: 5px 15px;\n  text-decoration: none;\n  color: #ffcb05;\n  border-right: ${(props) => props.$rightBorder && '1px solid #00a7ea'};\n  border-left: ${(props) => props.$leftBorder && '1px solid #00a7ea'};\n  :hover {\n    color: #ffcb05;\n  }\n`;\n\nexport const LanguageSelector = styled.div`\n  position: absolute;\n  z-index: 9;\n  top: 0;\n  right: 10px;\n  width: 105px;\n  padding: 35px 0 0 0;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 20px;\n  line-height: 20px;\n  text-transform: uppercase;\n  color: #fff;\n  @media (max-width: 870px) {\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: 10px;\n  }\n`;\n\nexport const HeadContainer = styled.div`\n  background: #00539f;\n`;\n\nexport const Head = styled.div`\n  padding: 15px 0px;\n  text-align: center;\n  @media (max-width: 870px) {\n    padding: 50px 25px 15px 25px;\n  }\n`;\nexport const HeadLogo = styled.img`\n  max-width: 300px;\n  width: 100%;\n  height: auto;\n`;\nexport const LinkStyle = styled.a`\n  cursor: pointer;\n`;\n"],"names":["SlpHeaderWithTranslation","sectionData","urlLanguage","location","useLocation","to","pathname","replace","$rightBorder","$leftBorder","href","isExternalUrlHref","path","addTrailingSlash","process","target","src","image","file","url","alt","fileName","title","style","clear","LanguageSpan","styled","LanguageLink","Link","props","LanguageSelector","HeadContainer","Head","HeadLogo","LinkStyle"],"sourceRoot":""}