{"version":3,"file":"components-paragraphWithImage-paragraphWithImage-0e25f24ccab2704a2d50.js","mappings":"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","sources":["webpack://sol-ecolution/./src/components/paragraphWithImage/paragraphWithImage.js","webpack://sol-ecolution/./src/components/paragraphWithImage/paragraphWithImageStyles.js"],"sourcesContent":["import React from \"react\";\nimport * as Styled from \"./paragraphWithImageStyles\";\nimport { documentToReactComponents } from \"@contentful/rich-text-react-renderer\";\nimport { BLOCKS } from \"@contentful/rich-text-types\";\nimport Blueline from \"../blueLine/blueLine\";\nimport ContentfulAssets from \"../../hooks/useContentfulAssets\";\n\nconst paragraphWithImage = (sectionData) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.Paragraph>{children}</Styled.Paragraph>\n      ),\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = ContentfulAssets(node?.data?.target?.sys?.id);\n        if (asset) {\n          return (\n            <Styled.PDFLink href={asset?.node?.file?.url} target=\"_self\">\n              Learn More\n            </Styled.PDFLink>\n          );\n        }\n      },\n    },\n\n    renderText: (text) =>\n      text.split(\"\\n\").flatMap((text, i) => [i > 0 && <br />, text]),\n  };\n\n  return (\n    <Styled.MainDiv>\n      {sectionData?.sectionData?.listOfImagesWithPath?.map((item, index) => {\n        if (item != null) {\n          if (item?.type === \"leftSideImage\") {\n            return (\n              <Styled.GridRowLeft>\n                <Styled.ImageContainer>\n                  <Styled.Image\n                    src={item?.image?.file?.url}\n                    alt=\"img\"\n                  ></Styled.Image>\n                </Styled.ImageContainer>\n                <Styled.TextContainer>\n                  <Blueline />\n                  <Styled.Header1>{item?.title}</Styled.Header1>\n                  {item?.richText?.raw &&\n                    documentToReactComponents(\n                      JSON.parse(item?.richText?.raw),\n                      optionsMainStyle\n                    )}\n                </Styled.TextContainer>\n              </Styled.GridRowLeft>\n            );\n          } else {\n            return (\n              <Styled.GridRowRight>\n                <Styled.TextContainer>\n                  <Blueline />\n                  <Styled.Header1>{item?.title}</Styled.Header1>\n                  {item?.richText?.raw &&\n                    documentToReactComponents(\n                      JSON.parse(item?.richText?.raw),\n                      optionsMainStyle\n                    )}\n                </Styled.TextContainer>\n                <Styled.ImageContainer>\n                  <Styled.Image\n                    src={item?.image?.file?.url}\n                    alt=\"img\"\n                  ></Styled.Image>\n                </Styled.ImageContainer>\n              </Styled.GridRowRight>\n            );\n          }\n        }\n        return <></>;\n      })}\n    </Styled.MainDiv>\n  );\n};\n\nexport default paragraphWithImage;\n","import styled from \"styled-components\";\n\nexport const MainDiv = styled.div`\n  margin: 1% 8% 0% 8%;\n  padding: 0;\n  display: grid;\n  \n  @media (max-width: 768px) {\n    margin: 10% 5% 0% 5%;\n  }\n  @media (max-width: 600px) {\n    margin: 18% 5% 0% 5%;\n  }\n  @media (max-width: 393px) {\n    margin-top: 22%;\n  }\n  @media (max-width: 390px) {\n    margin-top: 20%;\n  }\n  @media (max-width: 320px) {\n    margin-top: 23%;\n  }\n`;\n\nexport const GridRowLeft = styled.div`\n  display: grid;\n  grid-template-columns: 53% 50%;\n  @media (max-width: 768px) {\n    display: block;\n    margin-top: 0%;\n  }\n`;\n\nexport const GridRowRight = styled.div`\n  display: grid;\n  grid-template-columns: 50% 53%;\n  @media (max-width: 768px) {\n    //display: block;\n    margin-top: 14%;\n    display: flex;\n    flex-direction: column-reverse;\n  }\n`;\n\nexport const TextContainer = styled.div`\n  padding: 50px;\n  @media (max-width: 768px) {\n    display: flex;\n    padding: 30px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n`;\n\nexport const ImageContainer = styled.div`\n  padding: 50px;\n  display: grid;\n  justify-items: center;\n  @media (max-width: 768px) {\n    padding: 10px;\n  }\n`;\n\nexport const IconContainer = styled.div`\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: 33% 33% 33%;\n  width: 90%;\n`;\n\nexport const IconSubContainer = styled.div`\n  display: block;\n  text-align: center;\n`;\n\nexport const Icon = styled.img`\n  display: inline;\n  width: 70%;\n  @media (max-width: 768px) {\n    width: 140px;\n  }\n`;\n\nexport const Image = styled.img`\n  width: 100%;\n  @media (max-width: 768px) {\n    width: 100%;\n  }\n`;\n\nexport const Paragraph = styled.p`\n  margin-top: 50px;\n  font-size: 24px;\n  color:var(--font-color);\n  opacity: 0.8;\n  @media (max-width: 1440px) {\n    font-size: 16px;\n    margin-top: 30px;\n  }\n  @media (max-width: 768px) {\n    margin-top: 0;\n    text-align: center;\n    padding-bottom: 10px;\n    padding-top: 10px;\n  }\n`;\n\nexport const Header5 = styled.h5`\n  @media (max-width: 768px) {\n    color: #007dc3;\n    font-size: 18px;\n  }\n`;\n\nexport const Header1 = styled.h1`\n  font-size: 46px;\n  font-weight: bold;\n  color:var(--font-color);\n  @media (max-width: 1440px) {\n    font-size: 34px;\n  }\n  @media (max-width: 1024px) {\n    font-size: 28px;\n  }\n  @media (max-width: 768px) {\n    text-align: center;\n    font-weight: bold;\n    margin-bottom: 20px;\n  }\n  @media (max-width: 425px) {\n    font-size: 26px;\n  }\n`;\n\nexport const PDFLink = styled.a`\n  text-decoration: none;\n  color: inherit;\n  font-size: 24px;\n  border: 1px solid;\n  padding: 5px;\n  opacity: 0.8;\n  background: #00ae4f;\n  color: #fff;\n  border-radius: 5px;\n  padding: 10px;\n  &:hover {\n    color: #fff;\n  }\n  @media (max-width: 1440px) {\n    font-size: 16px;\n  }\n\n  @media (max-width: 1024px) {\n    font-size: 14px;\n  }\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","asset","ContentfulAssets","data","target","sys","id","href","file","url","renderText","text","split","flatMap","i","listOfImagesWithPath","map","item","index","type","src","image","alt","title","richText","raw","documentToReactComponents","JSON","parse","MainDiv","styled","GridRowLeft","GridRowRight","TextContainer","ImageContainer","IconContainer","IconSubContainer","Icon","Image","Paragraph","Header5","Header1","PDFLink"],"sourceRoot":""}