{"version":3,"file":"static/chunks/1848.d999527aca70d426.js","mappings":"gOAOA,IAAMA,EAAY,CAChBC,gBAAiB,UACjBC,WAAY,+CACZC,YACE,8EACFC,cAAe,EACjB,EAEe,SAASC,IACtB,GAAM,CAAEC,KAAMC,CAAW,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,EAAAA,IAExB,CAAEP,gBAAAA,CAAe,CAAEC,WAAAA,CAAU,CAAEC,YAAAA,CAAW,CAAEC,cAAAA,CAAa,CAAE,CADpD,CAAE,GAAGJ,CAAS,CAAE,GAAGO,CAAW,EAErCE,EAAYC,CAAAA,EAAAA,EAAAA,MAAAA,IACZC,EAAUC,CAAAA,EAAAA,EAAAA,CAAAA,IAkBhB,MAdAC,CAAAA,EAAAA,EAAAA,CAAAA,EACE,CAACJ,EAAU,CACX,GACEK,CAAAA,EAAAA,EAAAA,EAAAA,EACE,iBACA,yBACA,iBACAZ,GAEJa,KAAAA,EAEA,CAAEC,UAAW,CAAI,GAIjB,GAAAC,EAAAC,GAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,SAAAA,CAAkBC,IAAKb,WACrC,GAAAQ,EAAAC,GAAA,EAACK,UAAAA,CACCH,UAAWC,IAAAA,OAAAA,CACXG,MAAO,CACLC,gBAAiBd,EAAQe,OAAO,CAC5B,OAAsBC,MAAA,CAvBV,gCAuBU,KACtB,OAAqBA,MAAA,CAvBV,gCAuBU,IAC3B,WAEA,GAAAV,EAAAW,IAAA,EAACT,MAAAA,CAAIC,UAAWC,IAAAA,IAAAA,WACd,GAAAJ,EAAAC,GAAA,EAACC,MAAAA,CACCC,UAAWC,IAAAA,QAAAA,CACXG,MAAO,CAAEK,MAAO5B,CAAgB,EAChC6B,wBAAyB,CAAEC,OAAQ7B,CAAW,IAE/CE,GAAiB,GAAAa,EAAAC,GAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,OAAAA,UAAiBlB,UAK7D,mBC1DA6B,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/./src/components/base/v1/Jupiter Banner/index.js","webpack://_N_E/./src/components/base/v1/Jupiter Banner/Banner.module.scss"],"sourcesContent":["import React, { useRef } from 'react';\nimport styles from './Banner.module.scss';\nimport useIntersectionObserver from '~/helpers/hooks/useIntersectionObserver';\nimport { fireElementViewedEvent } from '~/helpers/utils/fireTagular';\nimport { useMedia } from '~/helpers/hooks';\nimport { useMonarchSlotContext } from '@redventures/cohesion-utils-react';\n\nconst BASE_DATA = {\n  headerFontColor: '#0e4275',\n  headerCopy: 'Hughesnet is powered by the JUPITER™ network',\n  subheadCopy:\n    'including JUPITER 3, the most advanced commercial communications satellite.',\n  subheadToggle: true,\n};\n\nexport default function JupiterBanner() {\n  const { data: monarchData } = useMonarchSlotContext();\n  const data = { ...BASE_DATA, ...monarchData };\n  const { headerFontColor, headerCopy, subheadCopy, subheadToggle } = data;\n  const bannerRef = useRef();\n  const isMedia = useMedia();\n  const bgImageDesktop = `/images/section/us-news-d.jpg`;\n  const bgImageMobile = `/images/section/us-news-m.jpg`;\n\n  useIntersectionObserver(\n    [bannerRef],\n    (el) =>\n      fireElementViewedEvent(\n        'US News Banner',\n        'US News Banner Section',\n        'US News Banner',\n        headerCopy\n      ),\n    undefined,\n    // Fire tagular only when the full element is visible\n    { threshold: 1.0 }\n  );\n\n  return (\n    <div className={styles.container} ref={bannerRef}>\n      <section\n        className={styles.content}\n        style={{\n          backgroundImage: isMedia.desktop\n            ? `url(${bgImageDesktop})`\n            : `url(${bgImageMobile})`,\n        }}\n      >\n        <div className={styles.flex}>\n          <div\n            className={styles.headline}\n            style={{ color: headerFontColor }}\n            dangerouslySetInnerHTML={{ __html: headerCopy }}\n          />\n          {subheadToggle && <div className={styles.subhead}>{subheadCopy}</div>}\n        </div>\n      </section>\n    </div>\n  );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tippy-touch\":\"Banner_tippy-touch__aIB51\",\"tooltip-btn\":\"Banner_tooltip-btn__I8M8D\",\"tooltip-icon\":\"Banner_tooltip-icon__3hsxI\",\"tooltip-content--legal\":\"Banner_tooltip-content--legal__C2FH5\",\"tippy-box\":\"Banner_tippy-box__Ugmec\",\"tippy-arrow\":\"Banner_tippy-arrow__GvyNd\",\"custom-dots\":\"Banner_custom-dots__NugPS\",\"custom-dot\":\"Banner_custom-dot__MUDl4\",\"slick-active\":\"Banner_slick-active__F1l8_\",\"container\":\"Banner_container__tAckq\",\"content\":\"Banner_content__uNSfU\",\"flex\":\"Banner_flex__POVZk\",\"headline\":\"Banner_headline__lFzOR\",\"subhead\":\"Banner_subhead__NuKd4\",\"ring\":\"Banner_ring__yh5UE\"};"],"names":["BASE_DATA","headerFontColor","headerCopy","subheadCopy","subheadToggle","JupiterBanner","data","monarchData","useMonarchSlotContext","bannerRef","useRef","isMedia","useMedia","useIntersectionObserver","fireElementViewedEvent","undefined","threshold","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","div","className","styles","ref","section","style","backgroundImage","desktop","concat","jsxs","color","dangerouslySetInnerHTML","__html","module","exports"],"sourceRoot":""}