{"version":3,"file":"components-slpTermsAndConditions-slpTermsAndConditions-2e31e460ca986be77974.js","mappings":"qMA8BA,UAzB8B,SAAC,GAAqB,IAAD,IAAlBA,EAAkB,EAAlBA,YACzBC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,YAAD,KAAmBA,IAFb,GAKVC,WAAY,SAACC,GAAD,OACVA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAP,MAAa,CAACA,EAAI,GAAK,sBAAIC,IAAKD,IAAOH,QAEpE,OACE,gCACE,gBAAC,WAAD,KACE,gBAAC,QAAD,MACGP,MAAAA,OAAA,EAAAA,EAAaY,kBACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAMf,MAAAA,GAAX,UAAWA,EAAaY,sBAAxB,aAAW,EAA6BI,KACxCf,Q,6ICpBDgB,EAAWC,EAAAA,QAAAA,IAAAA,WAAH,gFAAGA,CAAH,kEAORC,EAAQD,EAAAA,QAAAA,IAAAA,WAAH,6EAAGA,CAAH,+FAULE,EAAYF,EAAAA,QAAAA,EAAAA,WAAH,iFAAGA,CAAH","sources":["webpack://commercial-ultramar/./src/components/slpTermsAndConditions/slpTermsAndConditions.js","webpack://commercial-ultramar/./src/components/slpTermsAndConditions/slpTermsAndConditionsStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpTermsAndConditionsStyles';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS } from '@contentful/rich-text-types';\n\nconst SlpTermsAndConditions = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.NoteStyle>{children}</Styled.NoteStyle>\n      ),\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <>\n      <Styled.TermsBar>\n        <Styled.Terms>\n          {sectionData?.contentDetails &&\n            documentToReactComponents(\n              JSON.parse(sectionData?.contentDetails?.raw),\n              optionsMainStyle\n            )}\n        </Styled.Terms>\n      </Styled.TermsBar>\n    </>\n  );\n};\n\nexport default SlpTermsAndConditions;\n","import styled from 'styled-components';\n\nexport const TermsBar = styled.div`\n  background: #00539f;\n  width: 100%;\n  height: auto;\n  text-align: center;\n`;\n\nexport const Terms = styled.div`\n  padding: 50px;\n  width: 880px;\n  margin: 0 auto;\n  @media (max-width: 870px) {\n    width: 100%;\n    padding: 30px;\n  }\n`;\n\nexport const NoteStyle = styled.p`\n  font-size: 13px;\n  color: #fff;\n  font-family: 'Helvetica-Condensed', arial, sans-serif;\n  margin: 0 0 20px 0;\n  padding: 0;\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","renderText","text","split","flatMap","i","key","contentDetails","documentToReactComponents","JSON","parse","raw","TermsBar","styled","Terms","NoteStyle"],"sourceRoot":""}