{"version":3,"file":"components-headerWithParagraph-headerWithParagraph-e831a67bad327dcd7694.js","mappings":"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","sources":["webpack://columbiaFuels/./src/components/eBillingPopUp/eBillingPopUp.js","webpack://columbiaFuels/./src/components/eBillingPopUp/eBillingPopUpStyles.js","webpack://columbiaFuels/./src/components/headerWithParagraph/headerWithParagraph.js","webpack://columbiaFuels/./src/components/headerWithParagraph/headerWithParagraphStyle.js","webpack://columbiaFuels/./src/components/openAccountPopUp/openAccountPopUp.js","webpack://columbiaFuels/./src/components/openAccountPopUp/openAccountPopUpStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './eBillingPopUpStyles';\nimport constants from '../../utils/utils';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\n\nconst EBillingPopUp = ({ modalShow, handleModalShow }) => {\n  const eBillingPopUpQuery = useStaticQuery(graphql`\n    query eBillingPopUpDefault {\n      allContentfulColumbiaFuel(\n        filter: {\n          identifier: { type: { eq: \"ebillingPopUp\" } }\n          node_locale: { eq: \"en-US\" }\n        }\n      ) {\n        edges {\n          node {\n            identifier {\n              type\n            }\n            title\n            slug\n            sections {\n              ... on ContentfulContent {\n                id\n                title\n                type\n                header\n                contentDetails {\n                  raw\n                }\n              }\n              ... on ContentfulImageWithPath {\n                title\n                type\n                image {\n                  title\n                  file {\n                    url\n                    details {\n                      image {\n                        width\n                        height\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n  const propanePopUpData =\n    eBillingPopUpQuery.allContentfulColumbiaFuel.edges[0].node.sections;\n\n  const popUpContent = propanePopUpData.filter((section) => {\n    return section.type === constants.COMMON.EBILLING_POP_UP.POP_UP_CONTENT;\n  })[0];\n\n  const backgroundImage = propanePopUpData.filter((section) => {\n    return section.type === constants.COMMON.EBILLING_POP_UP.BACKGROUND_IMAGE;\n  })[0];\n\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => {\n        return isExternalUrl(node.data.uri) ? (\n          <Styled.LinkStyle href={isExternalUrlHref(node.data.uri)? node.data.uri : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node.data.uri)} target=\"_blank\">\n            {children}\n          </Styled.LinkStyle>\n        ) : (\n          <Styled.LinkStyleInternal to={isExternalUrlHref(node?.data?.uri)\n              ? node?.data?.uri\n              : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node?.data?.uri)\n          }\n          target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}>\n            {children}\n          </Styled.LinkStyleInternal>\n        );\n      },\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br />, text]),\n  };\n\n  return (\n    <>\n      <Styled.MainModal\n        show={modalShow}\n        onHide={() => handleModalShow(false)}\n        size=\"lg\"\n        aria-labelledby=\"contained-modal-title-vcenter\"\n        centered\n      >\n        <Styled.CloseImage\n          onClick={() => {\n            handleModalShow(false);\n          }}\n        />\n        <Styled.CustomerSelect $imageUrl={backgroundImage?.image?.file?.url}>\n          {documentToReactComponents(\n            JSON.parse(popUpContent?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n        </Styled.CustomerSelect>\n      </Styled.MainModal>\n    </>\n  );\n};\nexport default EBillingPopUp;\n","import { Modal, Container } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport crossImage from '../../images/crossImage.png';\nimport { Link } from 'gatsby';\n\nexport const ParaText = styled.div`\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-size: 14px;\n  line-height: 14px;\n  text-transform: uppercase;\n  color: #6e2a8d;\n`;\n\nexport const LinkStyle = styled.a`\n  color: #4d1367;\n  text-decoration: none;\n  display: block;\n  position: relative;\n  margin: 7px auto 0 auto;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  text-transform: none;\n  font-size: 50px;\n  line-height: 50px;\n  opacity: 0.85;\n  @media (max-width: 991px) {\n  }\n  @media (max-width: 767px) {\n  }\n  :hover {\n    color: #e8a300;\n  }\n`;\nexport const LinkStyleInternal = styled(Link)`\n  color: #4d1367;\n  text-decoration: none;\n  display: block;\n  position: relative;\n  margin: 7px auto 0 auto;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  text-transform: none;\n  font-size: 50px;\n  line-height: 50px;\n  opacity: 0.85;\n  @media (max-width: 991px) {\n  }\n  @media (max-width: 767px) {\n  }\n  :hover {\n    color: #e8a300;\n  }\n`;\n\nexport const MainModal = styled(Modal)`\n  border: none !important;\n  background: none !important;\n  text-align: center;\n  .modal-dialog {\n    max-width: 600px !important;\n  }\n  .modal-content {\n    max-height: 350px !important;\n  }\n`;\n\nexport const CustomerSelect = styled(Container)`\n  padding: 40px 0;\n  background: #fff url(${(props) => props.$imageUrl}) no-repeat center -100px;\n  max-width: 100% !important;\n  overflow: hidden;\n  @media (max-width: 767px) {\n    padding-top: 20px !important;\n  }\n`;\n\nexport const CloseImage = styled.a`\n  background: url(${crossImage});\n  position: absolute;\n  right: -18px;\n  top: -18px;\n  width: 36px;\n  height: 36px;\n`;\n","import React from 'react';\nimport * as Styled from './headerWithParagraphStyle';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\nimport isExternalUrl, { isYoutubeLink, isExternalUrlHref,addTrailingSlash } from '../../utils';\nimport EBillingPopUp from '../eBillingPopUp/eBillingPopUp';\nimport OpenAccountPopUp from '../openAccountPopUp/openAccountPopUp';\nimport { useEffect } from 'react';\n\nconst HeaderWithParagraph = ({ sectionData, location }) => {\n  useEffect(async () => {\n    if (sectionData?.elementId === location?.hash?.replace('#', '')) {\n      const waitedID = await new Promise((resolve) => {\n        document?.getElementById(sectionData?.elementId) && resolve(true);\n      });\n      if (waitedID) {\n        setTimeout(() => {\n          window.location.href = `#${sectionData?.elementId}`;\n        }, 500);\n      }\n    }\n  }, [sectionData?.elementId]);\n  const [modalShowOpenAccount, setModalShowOpenAccount] = React.useState(false);\n  const handleModalShowOpenAccount = (isShow) => {\n    isShow\n      ? setModalShowOpenAccount(isShow)\n      : setModalShowOpenAccount(!modalShowOpenAccount);\n  };\n  const [modalShowEBilling, setModalShowEBilling] = React.useState(false);\n  const handleModalShowEBilling = (isShow) => {\n    isShow\n      ? setModalShowEBilling(isShow)\n      : setModalShowEBilling(!modalShowEBilling);\n  };\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.HEADING_3]: (node, children) => (\n        <Styled.HeaderH3>{children}</Styled.HeaderH3>\n      ),\n      [BLOCKS.HEADING_4]: (node, children) => (\n        <Styled.HeaderH4>{children}</Styled.HeaderH4>\n      ),\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [BLOCKS.UL_LIST]: (node, children) => (\n        <Styled.UnorderedList>{children}</Styled.UnorderedList>\n      ),\n      [BLOCKS.LIST_ITEM]: (node, children) => (\n        <Styled.ListItem>{children}</Styled.ListItem>\n      ),\n      [INLINES.HYPERLINK]: (node, children) =>\n        node.data.uri === '/modal/ebilling' ? (\n          <Styled.LinkStyle onClick={handleModalShowEBilling}>\n            {children}\n          </Styled.LinkStyle>\n        ) : node.data.uri === '/modal/openanaccount/' ? (\n          <Styled.LinkStyle onClick={handleModalShowOpenAccount}>\n            {children}\n          </Styled.LinkStyle>\n        ) : isYoutubeLink(node.data.uri) ? (\n          <Styled.VideoContainer>\n            <Styled.Iframe src={node.data.uri} frameborder=\"0\"></Styled.Iframe>\n          </Styled.VideoContainer>\n        ) : (\n          <Styled.LinkStyle\n            href={\n              isExternalUrlHref(node?.data?.uri)\n                ? node?.data?.uri\n                : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node?.data?.uri)\n            }\n            target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n          >\n            {children}\n          </Styled.LinkStyle>\n        ),\n      [INLINES.ASSET_HYPERLINK]: (node, children) => {\n        const asset = useContentfulAssets(node.data.target.sys.id);\n        if (asset) {\n          return (\n            <Styled.LinkStyle href={asset?.node?.file?.url} target=\"_blank\">\n              {children}\n            </Styled.LinkStyle>\n          );\n        }\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      [BLOCKS.HR]: () => <Styled.HorizontalBreak />,\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        {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?.subText?.trim() && (\n          <Styled.HeaderH2>{sectionData.subText}</Styled.HeaderH2>\n        )}\n        {sectionData?.contentDetails &&\n          documentToReactComponents(\n            JSON.parse(sectionData?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n      </Styled.MainDiv>\n      <EBillingPopUp\n        modalShow={modalShowEBilling}\n        handleModalShow={handleModalShowEBilling}\n      />\n      <OpenAccountPopUp\n        modalShow={modalShowOpenAccount}\n        handleModalShow={handleModalShowOpenAccount}\n      />\n    </>\n  );\n};\nexport default HeaderWithParagraph;\n","import styled from 'styled-components';\nimport LinkArrowImage from '../../images/icon-home-arrow-purple.png';\n\nexport const MainDiv = styled.div`\n  color: #666;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 15px;\n    line-height: 22px;\n  }\n`;\nexport const HeaderH1 = styled.h1`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #4d1367;\n  font-size: 45px;\n  line-height: 50px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 35px;\n    line-height: 40px;\n  }\n`;\nexport const HeaderH2 = styled.h2`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #733695;\n  font-size: 32px;\n  line-height: 38px;\n  letter-spacing: 0.02em;\n  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n    margin-bottom: 20px;\n  }\n`;\n\nexport const ParaText = styled.p`\n  margin: 0 0 30px 0;\n  padding: 0;\n  b {\n    font-family: 'Figtree-Bold', arial, sans-serif;\n    font-weight: bold;\n  }\n  a {\n    cursor: pointer;\n    text-decoration: none;\n    text-decoration: none;\n    code {\n      color: #c77dec !important;\n    }\n    u {\n      color: #c77dec !important;\n    }\n  }\n  code {\n    font-size: 12px;\n    line-height: 18px;\n    color: #666;\n    font-family: 'Figtree-Regular', arial, sans-serif;\n  }\n\n  u {\n    font-size: 19px;\n    line-height: 28px;\n    color: #666;\n    font-family: 'Figtree-Regular', arial, sans-serif;\n    letter-spacing: 0.02em;\n    font-style: normal !important;\n    text-decoration: none !important;\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: 'Figtree-Light', arial, sans-serif;\n  font-weight: normal !important;\n  color: #ac85d9;\n  font-size: 26px;\n  line-height: 35px;\n  /* font-size: 22px;\n  line-height: 28px;\n  text-align: center; */\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\nexport const UnorderedList = styled.ul`\n  margin: 0 0 30px 0;\n  padding: 0;\n`;\n\nexport const ListItem = styled.li`\n  margin: 0;\n  padding: 4px 0 4px 25px;\n  list-style: none;\n  background: url(${LinkArrowImage}) no-repeat 0 10px;\n  background-size: 7px auto;\n  p {\n    margin: 0;\n  }\n`;\nexport const LinkStyle = styled.a`\n  cursor: pointer;\n  text-decoration: none;\n  color: #c77dec;\n  :hover {\n    text-decoration: none;\n    color: #4d1367;\n    outline: none;\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  @media (max-width: 400px) {\n    display: 60%;\n  }\n`;\n\nexport const HorizontalBreak = styled.hr`\n  height: 1px;\n  border: none;\n  background: #e5e5e5;\n  margin: 50px 0;\n  clear: both;\n  opacity: 1;\n  @media (max-width: 767px) {\n    margin: 30px 0;\n  }\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`;\n\nexport const VideoContainer = styled.div`\n  position: relative;\n  width: 100%;\n  padding-bottom: 56%;\n  margin: 40px 0 40px 0;\n`;\n\nexport const Iframe = styled.iframe`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: 0 1px 3px #969696;\n`;\n\nexport const HeaderH4 = styled.h4`\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 18px;\n  line-height: 130%;\n  letter-spacing: 0.02em;\n  color: #484848;\n  padding: 0;\n`;\n","import React from 'react';\nimport * as Styled from './openAccountPopUpStyles';\nimport constants from '../../utils/utils';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\n\nconst OpenAccountPopUp = ({ modalShow, handleModalShow }) => {\n  const openAccountPopUpQuery = useStaticQuery(graphql`\n    query openAccountPopUpDefault {\n      allContentfulColumbiaFuel(\n        filter: {\n          identifier: { type: { eq: \"openAnAccountPopUp\" } }\n          node_locale: { eq: \"en-US\" }\n        }\n      ) {\n        edges {\n          node {\n            identifier {\n              type\n            }\n            title\n            slug\n            sections {\n              ... on ContentfulContent {\n                id\n                title\n                type\n                header\n                contentDetails {\n                  raw\n                }\n              }\n              ... on ContentfulImageWithPath {\n                title\n                type\n                image {\n                  title\n                  file {\n                    url\n                    details {\n                      image {\n                        width\n                        height\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n  const propanePopUpData =\n    openAccountPopUpQuery.allContentfulColumbiaFuel.edges[0].node.sections;\n\n  const popUpContent = propanePopUpData.filter((section) => {\n    return section.type === constants.COMMON.OPEN_ACCOUNT_POP_UP.POP_UP_CONTENT;\n  })[0];\n\n  const backgroundImage = propanePopUpData.filter((section) => {\n    return (\n      section.type === constants.COMMON.OPEN_ACCOUNT_POP_UP.BACKGROUND_IMAGE\n    );\n  })[0];\n\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [INLINES.HYPERLINK]: (node, children) => {\n        return isExternalUrl(node.data.uri) ? (\n          <Styled.LinkStyle  href={isExternalUrlHref(node?.data?.uri) ? node?.data?.uri :addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node?.data?.uri)}\n          target=\"_blank\">\n            {children}\n          </Styled.LinkStyle>\n        ) : (\n          <Styled.LinkStyleInternal \n          href={isExternalUrlHref(node?.data?.uri) ? node?.data?.uri :addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node?.data?.uri)}\n           target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n          >\n            {children}\n          </Styled.LinkStyleInternal>\n        );\n      },\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br />, text]),\n  };\n\n  return (\n    <>\n      <Styled.MainModal\n        show={modalShow}\n        onHide={() => handleModalShow(false)}\n        size=\"lg\"\n        aria-labelledby=\"contained-modal-title-vcenter\"\n        centered\n      >\n        <Styled.CloseImage\n          onClick={() => {\n            handleModalShow(false);\n          }}\n        />\n        <Styled.CustomerSelect $imageUrl={backgroundImage?.image?.file?.url}>\n          {documentToReactComponents(\n            JSON.parse(popUpContent?.contentDetails?.raw),\n            optionsMainStyle\n          )}\n        </Styled.CustomerSelect>\n      </Styled.MainModal>\n    </>\n  );\n};\nexport default OpenAccountPopUp;\n","import { Modal, Container } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport crossImage from '../../images/crossImage.png';\nimport { Link } from 'gatsby';\n\nexport const ParaText = styled.div`\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-size: 14px;\n  line-height: 14px;\n  text-transform: uppercase;\n  color: #6e2a8d;\n`;\n\nexport const LinkStyle = styled.a`\n  color: #4d1367;\n  text-decoration: none;\n  display: block;\n  position: relative;\n  margin: 7px auto 0 auto;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  text-transform: none;\n  font-size: 50px;\n  line-height: 50px;\n  opacity: 0.85;\n  @media (max-width: 991px) {\n  }\n  @media (max-width: 767px) {\n  }\n  :hover {\n    color: #e8a300;\n  }\n`;\n\nexport const LinkStyleInternal = styled(Link)`\n  color: #4d1367;\n  text-decoration: none;\n  display: block;\n  position: relative;\n  margin: 7px auto 0 auto;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  text-transform: none;\n  font-size: 50px;\n  line-height: 50px;\n  opacity: 0.85;\n  @media (max-width: 991px) {\n  }\n  @media (max-width: 767px) {\n  }\n  :hover {\n    color: #e8a300;\n  }\n`;\n\nexport const MainModal = styled(Modal)`\n  border: none !important;\n  background: none !important;\n  text-align: center;\n  .modal-dialog {\n    max-width: 600px !important;\n  }\n  .modal-content {\n    max-height: 350px !important;\n  }\n`;\n\nexport const CustomerSelect = styled(Container)`\n  padding: 40px !important;\n  background: #fff url(${(props) => props.$imageUrl}) no-repeat center -100px;\n  max-width: 100% !important;\n  overflow: hidden;\n  @media (max-width: 767px) {\n    padding: 0;\n  }\n`;\n\nexport const CloseImage = styled.a`\n  background: url(${crossImage});\n  position: absolute;\n  right: -18px;\n  top: -18px;\n  width: 36px;\n  height: 36px;\n`;\n"],"names":["_ref","_backgroundImage$imag","_backgroundImage$imag2","_popUpContent$content","modalShow","handleModalShow","propanePopUpData","useStaticQuery","allContentfulColumbiaFuel","edges","node","sections","popUpContent","filter","section","type","constants","COMMON","EBILLING_POP_UP","POP_UP_CONTENT","backgroundImage","BACKGROUND_IMAGE","optionsMainStyle","renderNode","BLOCKS","PARAGRAPH","children","React","Styled","INLINES","HYPERLINK","_node$data","_node$data2","_node$data3","_node$data4","isExternalUrl","data","uri","href","isExternalUrlHref","addTrailingSlash","process","target","to","renderText","text","split","flatMap","i","show","onHide","size","centered","onClick","$imageUrl","image","file","url","documentToReactComponents","JSON","parse","contentDetails","raw","ParaText","styled","div","withConfig","displayName","componentId","LinkStyle","a","LinkStyleInternal","Link","MainModal","Modal","CustomerSelect","Container","props","CloseImage","crossImage","_sectionData$elementI","_sectionData$elementI2","_sectionData$header","_sectionData$subText","_sectionData$contentD","sectionData","location","useEffect","async","_location$hash","elementId","hash","replace","Promise","resolve","_document","document","getElementById","setTimeout","window","modalShowOpenAccount","setModalShowOpenAccount","handleModalShowOpenAccount","isShow","modalShowEBilling","setModalShowEBilling","handleModalShowEBilling","HEADING_1","HEADING_2","HEADING_3","HEADING_4","UL_LIST","LIST_ITEM","isYoutubeLink","src","frameborder","ASSET_HYPERLINK","asset","useContentfulAssets","sys","id","_asset$node","_asset$node$file","EMBEDDED_ASSET","useContentfulImages","includes","alt","title","HR","key","trim","header","subText","EBillingPopUp","OpenAccountPopUp","MainDiv","HeaderH1","h1","HeaderH2","h2","p","HeaderH3","h3","UnorderedList","ul","ListItem","li","LinkArrowImage","ImageStyle","img","HorizontalBreak","hr","SpanStyle","span","VideoContainer","Iframe","iframe","HeaderH4","h4","OPEN_ACCOUNT_POP_UP","_node$data5","_node$data6","_node$data7"],"sourceRoot":""}