{"version":3,"file":"components-slpWelcomeTitle-slpWelcomeTitle-343ae73491801ee32c63.js","mappings":"gNAiDA,UA3CwB,SAAC,GAAqB,IAAD,MAAlBA,EAAkB,EAAlBA,YACnBC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,UAAD,KAAiBA,IAFX,EAIPF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,WAAD,KAAkBA,IALZ,GAQVC,YAAU,OACPC,EAAAA,MAAAA,MAAa,SAACH,GAAD,OAAU,2BAAMA,IADtB,GAGVI,WAAY,SAACC,GAAD,OACVA,MAAAA,OADU,EACVA,EAAMC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAP,MAAa,CAACA,EAAI,GAAK,sBAAIC,IAAKD,UAG9D,OACE,gCACE,gBAAC,iBAAD,KACE,qBACEE,MACEC,EAAAA,EAAAA,IAAkBf,MAAAA,OAAD,EAACA,EAAagB,MAC3BhB,MAAAA,OADJ,EACIA,EAAagB,MACdC,EAAAA,EAAAA,IAAkBC,sCAAgClB,MAAAA,OAAhC,EAAgCA,EAAagB,OAEpEG,OAAO,SACPC,IAAI,cAEJ,gBAAC,aAAD,CACEC,IAAKrB,EAAYsB,MAAMC,KAAKC,QAI/BxB,MAAAA,OAAA,EAAAA,EAAayB,YACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAM5B,MAAAA,GAAX,UAAWA,EAAayB,gBAAxB,aAAW,EAAuBI,KAClC5B,O,mNCzCC6B,EAAiBC,EAAAA,QAAAA,IAAAA,WAAH,iFAAGA,CAAH,yNAgBdC,EAAYD,EAAAA,QAAAA,EAAAA,WAAH,4EAAGA,CAAH,yCAKTE,EAAaF,EAAAA,QAAAA,IAAAA,WAAH,6EAAGA,CAAH,kMAeVG,EAAUH,EAAAA,QAAAA,GAAAA,WAAH,0EAAGA,CAAH,moBA6CPI,EAAWJ,EAAAA,QAAAA,EAAAA,WAAH,2EAAGA,CAAH","sources":["webpack://commercial-ultramar/./src/components/slpWelcomeTitle/slpWelcomeTitle.js","webpack://commercial-ultramar/./src/components/slpWelcomeTitle/slpWelcomeTitleStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpWelcomeTitleStyles';\nimport { BLOCKS, MARKS } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\n\nconst SlpWelcomeTitle = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.HEADING_1]: (node, children) => (\n        <Styled.Heading>{children}</Styled.Heading>\n      ),\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n    },\n    renderMark: {\n      [MARKS.Code]: (node) => <div>{node}</div>,\n    },\n    renderText: (text) =>\n      text?.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />]),\n  };\n\n  return (\n    <>\n      <Styled.TitleContainer>\n        <a\n          href={\n            isExternalUrlHref(sectionData?.path)\n              ? sectionData?.path\n              :addTrailingSlash( process.env.GATSBY_DOMAIN_URL + sectionData?.path)\n          }\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Styled.ImageStyle\n            src={sectionData.image.file.url}\n          ></Styled.ImageStyle>\n        </a>\n        {/* <Styled.Heading>{sectionData.title}</Styled.Heading> */}\n        {sectionData?.richText &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.richText?.raw),\n            optionsMainStyle\n          )}\n      </Styled.TitleContainer>\n    </>\n  );\n};\nexport default SlpWelcomeTitle;\n","import styled from 'styled-components';\n\nexport const TitleContainer = styled.div`\n  width: 100%;\n  height: auto;\n  margin: 0 auto;\n  position: absolute;\n  padding: 65px 0px 0px 0px;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    height: auto;\n    padding: 35px 35px 10px 35px;\n    text-align: center;\n    position: absolute;\n  }\n`;\n\nexport const LinkStyle = styled.a`\n  text-decoration: none;\n  color: #00a6e8;\n`;\n\nexport const ImageStyle = styled.img`\n  width: 100%;\n  height: auto;\n  max-width: 320px;\n  height: auto;\n  margin-bottom: 80px;\n  @media (max-width: 991px) {\n    display: block;\n    max-width: 200px;\n    height: auto;\n    padding-top: 0px;\n    padding-bottom: 30px;\n    margin: 0 auto;\n  }\n`;\nexport const Heading = styled.h1`\n  text-align: center;\n  position: relative;\n  font-family: 'MrAlex', sans-serif;\n  font-size: 4vw;\n  line-height: 4vw;\n  color: #fff;\n  code {\n    color: #ffc905;\n    font-family: 'MrAlex', sans-serif;\n    font-size: 4vw;\n    line-height: 4vw;\n  }\n  @media (max-width: 1199px) {\n    font-size: 74px;\n    line-height: 74px;\n    code {\n      font-size: 74px;\n      line-height: 74px;\n      color: #ffc905;\n      font-family: 'MrAlex', sans-serif;\n    }\n  }\n  @media (max-width: 991px) {\n    font-size: 45px;\n    line-height: 45px;\n    margin-bottom: 30px;\n    code {\n      font-size: 45px;\n      line-height: 45px;\n      color: #ffc905;\n      font-family: 'MrAlex', sans-serif;\n    }\n  }\n  @media (max-width: 767px) {\n    font-size: 45px;\n    line-height: 45px;\n    code {\n      font-size: 45px;\n      line-height: 45px;\n      color: #ffc905;\n      font-family: 'MrAlex', sans-serif;\n    }\n  }\n`;\nexport const ParaText = styled.p`\n  margin-bottom: 40px;\n  @media (max-width: 1399px) {\n    margin-bottom: 30px;\n  }\n  a {\n    i {\n      font-size: inherit;\n      line-height: inherit;\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`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","renderMark","MARKS","renderText","text","split","flatMap","i","key","href","isExternalUrlHref","path","addTrailingSlash","process","target","rel","src","image","file","url","richText","documentToReactComponents","JSON","parse","raw","TitleContainer","styled","LinkStyle","ImageStyle","Heading","ParaText"],"sourceRoot":""}