{"version":3,"file":"static/chunks/7278.3e52fa71a50c7c03.js","mappings":"iOAOe,SAASA,IAMtB,GAAM,CAAEC,KAAMC,CAAW,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,EAAAA,IAExB,CAAEC,WAAAA,CAAU,CAAEC,KAAAA,CAAI,CAAE,CADb,CALXD,WACE,+EACFC,KAAM,UAGqB,GAAGH,CAAW,EAGrCI,EAAYC,CAAAA,EAAAA,EAAAA,MAAAA,UAElBC,CAAAA,EAAAA,EAAAA,CAAAA,EACE,CAACF,EAAU,CACX,GACEG,CAAAA,EAAAA,EAAAA,EAAAA,EACE,sBACA,yBACA,sBAEAL,GAEJM,KAAAA,EAEA,CAAEC,UAAW,CAAI,GAejB,GAAAC,EAAAC,GAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,SAAAA,CAAkBC,IAAKX,WACrC,GAAAM,EAAAC,GAAA,EAACK,UAAAA,CAAQH,UAAWC,IAAAA,OAAAA,UAClB,GAAAJ,EAAAO,IAAA,EAACL,MAAAA,CAAIC,UAAWC,IAAAA,OAAAA,WACd,GAAAJ,EAAAC,GAAA,EAACO,OAAAA,CACCL,UAAWC,IAAAA,QAAAA,CACXK,wBAAyB,CAAEC,OAAQlB,CAAW,IAE/CmB,CAnBO,IACd,OAAQlB,GACN,IAAK,UAIL,QAHE,MAAO,GAAAO,EAAAC,GAAA,EAACW,EAAAA,EAAQA,CAAAA,CAAAA,EAClB,KAAK,SACH,MAAO,GAAAZ,EAAAC,GAAA,EAACY,EAAAA,EAAMA,CAAAA,CAAAA,EAGlB,CACF,GAUiBpB,SAKnB,oBCzDAqB,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/./src/components/base/v1/US News/index.js","webpack://_N_E/./src/components/base/v1/US News/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 { USNews24, Ribbon } from '~/components/icons';\nimport { useMonarchSlotContext } from '@redventures/cohesion-utils-react';\n\nexport default function Banner() {\n  const BASE_DATA = {\n    headerCopy:\n      'Best Satellite Internet Service Provider of 2024 by U.S. News & World Report',\n    icon: 'us-news',\n  };\n  const { data: monarchData } = useMonarchSlotContext();\n  const data = { ...BASE_DATA, ...monarchData };\n  const { headerCopy, icon } = data;\n\n  const bannerRef = useRef();\n\n  useIntersectionObserver(\n    [bannerRef],\n    (el) =>\n      fireElementViewedEvent(\n        'US News Banner 2024',\n        'US News Banner Section',\n        'US News Banner 2024',\n\n        headerCopy\n      ),\n    undefined,\n    // Fire tagular only when the full element is visible\n    { threshold: 1.0 }\n  );\n\n  const getIcon = (icon) => {\n    switch (icon) {\n      case 'us-news':\n        return <USNews24 />;\n      case 'ribbon':\n        return <Ribbon />;\n      default:\n        return <USNews24 />;\n    }\n  };\n\n  return (\n    <div className={styles.container} ref={bannerRef}>\n      <section className={styles.section}>\n        <div className={styles.content}>\n          <span\n            className={styles.headline}\n            dangerouslySetInnerHTML={{ __html: headerCopy }}\n          />\n          {getIcon(icon)}\n        </div>\n      </section>\n    </div>\n  );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom-dots\":\"Banner_custom-dots__h_mTO\",\"custom-dot\":\"Banner_custom-dot__8SqOU\",\"slick-active\":\"Banner_slick-active__mLEc6\",\"container\":\"Banner_container__CcGyN\",\"section\":\"Banner_section__MglFp\",\"content\":\"Banner_content__qPlru\",\"headline\":\"Banner_headline__LnBIS\",\"ring\":\"Banner_ring__5ln8Q\"};"],"names":["Banner","data","monarchData","useMonarchSlotContext","headerCopy","icon","bannerRef","useRef","useIntersectionObserver","fireElementViewedEvent","undefined","threshold","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","div","className","styles","ref","section","jsxs","span","dangerouslySetInnerHTML","__html","getIcon","USNews24","Ribbon","module","exports"],"sourceRoot":""}