{"version":3,"file":"components-slpCommunity-slpCommunity-19bdf8aa2a5ed0cf775a.js","mappings":"sMAsDA,UA9CqB,SAAH,GAAmC,IAAD,UAA5BA,EAAW,EAAXA,YAChBC,GADqC,EAARC,SACV,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,EACDF,EAAAA,OAAAA,gBAAwB,SAACC,GACxB,IAAME,GAAQC,EAAAA,EAAAA,GAAoBH,EAAKI,KAAKC,OAAOC,IAAIC,IACvD,OAAOL,EAAMF,KAAKQ,KAAKC,IAAIC,SAAS,SAClC,gBAAC,aAAiB,CAACC,IAAKT,EAAMF,KAAKQ,KAAKC,IAAKG,IAAKV,EAAMF,KAAKa,QAE7D,gCAEJ,EAAE,GAEJC,WAAY,SAACC,GAAI,OACfA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAC,MAAK,CAACA,EAAI,GAAK,sBAAIC,IAAKD,IAAOH,EAAK,GAAC,IAE1E,OACE,gCACE,gBAAC,UAAc,KACb,gBAAC,SAAa,MACXpB,SAAsB,QAAX,EAAXA,EAAayB,iBAAS,WAAX,EAAX,EAAwBC,SACvB,gBAAC,YAAgB,CACfd,GAAIZ,SAAsB,QAAX,EAAXA,EAAayB,iBAAS,WAAX,EAAX,EAAwBC,UAG/B1B,SAAmB,QAAR,EAAXA,EAAa2B,cAAM,WAAR,EAAX,EAAqBD,SACpB,gBAAC,WAAe,KAAE1B,EAAY2B,SAE/B3B,aAAW,EAAXA,EAAa4B,kBACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAM/B,SAA2B,QAAhB,EAAXA,EAAa4B,sBAAc,WAAhB,EAAX,EAA6BI,KACxC/B,KAMd,C,oSCnDagC,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,qEAAVA,CAAU,wIASpBC,EAASD,EAAAA,QAAAA,IAAAA,WAAU,oEAAVA,CAAU,2HAWnBE,EAAWF,EAAAA,QAAAA,GAAAA,WAAS,sEAATA,CAAS,8QAkBpBG,EAAWH,EAAAA,QAAAA,GAAAA,WAAS,sEAATA,CAAS,maAwBpBI,EAAWJ,EAAAA,QAAAA,EAAAA,WAAQ,sEAARA,CAAQ,gfAoCnBK,EAAWL,EAAAA,QAAAA,GAAAA,WAAS,sEAATA,CAAS,6PAiBpBM,EAAaN,EAAAA,QAAAA,IAAAA,WAAU,wEAAVA,CAAU,kGAQvBO,EAAYP,EAAAA,QAAAA,KAAAA,WAAW,uEAAXA,CAAW,0G","sources":["webpack://fasgasplus/./src/components/slpCommunity/slpCommunity.js","webpack://fasgasplus/./src/components/slpCommunity/slpCommunitystyle.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpCommunitystyle';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\nimport isExternalUrl, { isExternalUrlhref, isYoutubeLink,addTrailingSlash } from '../../utils';\nimport { useEffect } from 'react';\n\nconst SlpCommunity = ({ sectionData, location }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.HEADING_1]: (node, children) => (\n        <Styled.HeaderH1>{children}</Styled.HeaderH1>\n      ),\n      [BLOCKS.HEADING_2]: (node, children) => (\n        <Styled.HeaderH2>{children}</Styled.HeaderH2>\n      ),\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = useContentfulImages(node.data.target.sys.id);\n        return asset.node.file.url.includes('image') ? (\n          <Styled.ImageStyle src={asset.node.file.url} alt={asset.node.title} />\n        ) : (\n          <></>\n        );\n      },\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <>\n      <Styled.MainDiv>\n        <Styled.SubDiv>\n          {sectionData?.elementId?.trim() && (\n            <Styled.SpanStyle\n              id={sectionData?.elementId?.trim()}\n            ></Styled.SpanStyle>\n          )}\n          {sectionData?.header?.trim() && (\n            <Styled.HeaderH1>{sectionData.header}</Styled.HeaderH1>\n          )}\n          {sectionData?.contentDetails &&\n            documentToReactComponents(\n              JSON.parse(sectionData?.contentDetails?.raw),\n              optionsMainStyle\n            )}\n        </Styled.SubDiv>\n      </Styled.MainDiv>\n    </>\n  );\n};\nexport default SlpCommunity;\n","import styled from 'styled-components';\n\nexport const MainDiv = styled.div`\n  margin: 0;\n  padding: 0;\n  color: #198e48;\n  font-family: 'Gotham-Book', arial, sans-serif;\n  font-size: 14px;\n  line-height: 130%;\n  letter-spacing: 0.02em;\n`;\nexport const SubDiv = styled.div`\n  width: 1100px;\n  margin: 0 auto; \n  padding: 40px 0 310px 0;\n  text-align: left;\n  @media (max-width: 1100px)\n {\n  width: 100%;\n    padding: 30px;\n}\n`;\nexport const HeaderH1 = styled.h1`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Gotham-Bold', arial, sans-serif;\n  font-weight: normal !important;\n  color: #198e48;\n  font-size: 50px;\n  line-height: 60px;\n  @media (max-width: 767px) {\n    font-size: 30px;\n    line-height: 35px;\n  }\n  @media (max-width: 1100px)\n  {\n    font-size: 30px;\n    line-height: 40px;\n  }\n`;\nexport const HeaderH2 = styled.h2`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Gotham-light', arial, sans-serif !important;\n  font-weight: normal !important;\n  color: #004e1f !important;\n  font-size: 22px;\n  line-height: 32px;\n  b {\n    font-family: 'Gotham-Bold', arial, sans-serif !important;\n    font-weight: bold !important;\n  }\n  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n    margin-bottom: 20px;\n  }\n  @media (max-width: 1100px)\n {\n    font-size: 18px !important;\n    line-height: 30px !important;\n}\n`;\n\nexport const ParaText = styled.p`\n  color: #004e1f;\n  margin: 0 0 30px 0;\n  padding: 0;\n  b {\n    font-family: 'Gotham-Bold', arial, sans-serif !important;\n    font-weight: bold !important;\n  }\n  a {\n    cursor: pointer;\n    text-decoration: none;\n    text-decoration: none;\n    code {\n      color: #eea200 !important;\n    }\n  }\n  code {\n    font-size: 12px;\n    line-height: 18px;\n    color: #666;\n    font-family: 'Gotham-Book', arial, sans-serif;\n  }\n  \n  i {\n    font-size: 14px !important;\n    line-height: 130%;\n    color: #666;\n    font-family: 'Gotham-Book', arial, sans-serif;\n    letter-spacing: 0.02em;\n    @media (max-width: 767px) {\n      font-size: 18px;\n      line-height: 25px;\n    }\n  }\n`;\n\nexport const HeaderH3 = styled.h3`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Gotham-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #008168;\n  font-size: 26px;\n  line-height: 35px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 18px;\n    line-height: 23px;\n    margin-bottom: 20px;\n  }\n`;\n\n\nexport const ImageStyle = styled.img`\n  height: auto !important;\n  width: auto !important;\n  border: 0;\n  vertical-align: top;\n  margin-bottom: 30px;\n`;\n\nexport const SpanStyle = styled.span`\n  position: relative;\n  top: -105px;\n  @media (max-width: 991px) {\n    top: -80px;\n  }\n  @media (max-width: 767px) {\n    top: -70px;\n  }\n`;"],"names":["sectionData","optionsMainStyle","location","renderNode","BLOCKS","node","children","asset","useContentfulImages","data","target","sys","id","file","url","includes","src","alt","title","renderText","text","split","flatMap","i","key","elementId","trim","header","contentDetails","documentToReactComponents","JSON","parse","raw","MainDiv","styled","SubDiv","HeaderH1","HeaderH2","ParaText","HeaderH3","ImageStyle","SpanStyle"],"sourceRoot":""}