{"version":3,"file":"components-slpStickyNote-slpStickyNote-b3d633896f14593f3721.js","mappings":"4KA+BA,UA1BsBA,IAAsB,IAADC,EAAA,IAApB,YAAEC,GAAaF,EACpC,MAAMG,EAAmB,CACvBC,WAAY,CACV,CAACC,EAAAA,OAAOC,WAAY,CAACC,EAAMC,IACzBC,EAAAA,cAACC,EAAAA,SAAe,KAAEF,GAEpB,CAACG,EAAAA,QAAQC,WAAY,CAACL,EAAMC,KAAQ,IAAAK,EAAA,OAClCJ,EAAAA,cAACC,EAAAA,YAAkB,CAACI,KAAMP,SAAU,QAANM,EAAJN,EAAMQ,YAAI,IAAAF,OAAN,EAAJA,EAAYG,KACnCR,EACkB,GAIzBS,WAAaC,GACXA,EAAKC,MAAM,MAAMC,SAAQ,CAACF,EAAMG,IAAM,CAACA,EAAI,GAAKZ,EAAAA,cAAA,MAAIa,IAAKD,IAAOH,MAEpE,OACET,EAAAA,cAAA,OAAKc,GAAIrB,aAAW,EAAXA,EAAasB,YACnBtB,aAAW,EAAXA,EAAauB,kBACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAM1B,SAA2B,QAAhBD,EAAXC,EAAauB,sBAAc,IAAAxB,OAAhB,EAAXA,EAA6B4B,KACxC1B,GAEA,C,iHC1BH,MAAM2B,EAAcC,EAAAA,QAAOC,EAACC,WAAA,CAAAC,YAAA,mCAAAC,YAAA,eAARJ,CAAQ,krBAuCtBK,EAAWL,EAAAA,QAAOM,EAACJ,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAARJ,CAAQ,0M","sources":["webpack://islandpetro/./src/components/slpStickyNote/slpStickyNote.js","webpack://islandpetro/./src/components/slpStickyNote/slpStickyNoteStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpStickyNoteStyles';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\n\nconst SlpStickyNote = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => (\n        <Styled.ButtonStyle href={node?.data?.uri}>\n          {children}\n        </Styled.ButtonStyle>\n      ),\n    },\n\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <div id={sectionData?.elementId}>\n      {sectionData?.contentDetails &&\n        documentToReactComponents(\n          JSON.parse(sectionData?.contentDetails?.raw),\n          optionsMainStyle\n        )}\n    </div>\n  );\n};\nexport default SlpStickyNote;\n","import styled from 'styled-components';\n\nexport const ButtonStyle = styled.a`\n  text-decoration: none;\n  display: block;\n  position: fixed;\n  top: 280px;\n  right: 0;\n  z-index: 999999;\n  padding: 13px 23px 15px 23px;\n  background: #ffc324;\n  font-family: 'Figtree-Black', arial, sans-serif;\n  font-size: 14px;\n  line-height: 14px;\n  text-transform: uppercase;\n  color: #00483a;\n  font-weight: bold !important;\n  border-bottom-right-radius: 7px;\n  border-bottom-left-radius: 7px;\n  transform: rotate(90deg);\n  transform-origin: 100% 0;\n  letter-spacing: 0.02em;\n  :hover {\n    background: #00483a;\n    color: #fff;\n    padding-top: 20px;\n    text-decoration: none;\n  }\n  @media (max-width: 767px) {\n    top: auto;\n    bottom: 0;\n    right: 10px;\n    padding: 10px 15px;\n    font-size: 14px;\n    border-radius: 0;\n    border-top-left-radius: 7px;\n    border-top-right-radius: 7px;\n    transform: rotate(0);\n    transform-origin: 100% 0;\n  }\n`;\nexport const ParaText = styled.p`\n  margin: 0px;\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":["_ref","_sectionData$contentD","sectionData","optionsMainStyle","renderNode","BLOCKS","PARAGRAPH","node","children","React","Styled","INLINES","HYPERLINK","_node$data","href","data","uri","renderText","text","split","flatMap","i","key","id","elementId","contentDetails","documentToReactComponents","JSON","parse","raw","ButtonStyle","styled","a","withConfig","displayName","componentId","ParaText","p"],"sourceRoot":""}