{"version":3,"file":"static/chunks/9197.51e78005583e1b2c.js","mappings":"2OAQe,SAASA,IAYtB,GAAM,CAAEC,KAAMC,CAAW,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,EAAAA,IAExB,CACJC,gBAAAA,CAAe,CACfC,WAAAA,CAAU,CACVC,YAAAA,CAAW,CACXC,iBAAAA,CAAgB,CAChBC,QAAAA,CAAO,CACPC,MAAAA,CAAK,CACLC,kBAAAA,CAAiB,CACjBC,QAAAA,CAAO,CACR,CAVY,CAXXH,QAAS,iBACTH,WAAY,kCACZD,gBAAiB,UACjBK,MAAO,uBACPH,YACE,8MACFC,iBAAkB,UAClBG,kBAAmB,GACnBC,QAAS,gBAGkB,GAAGT,CAAW,EAYrCU,EAAaC,CAAAA,EAAAA,EAAAA,MAAAA,UAEnBC,CAAAA,EAAAA,EAAAA,CAAAA,EACE,CAACF,EAAW,CACZ,GACEG,CAAAA,EAAAA,EAAAA,EAAAA,EACE,oBACA,oBACA,oBACAV,GAEJW,KAAAA,EAEA,CAAEC,UAAW,CAAI,GAMjB,GAAAC,EAAAC,GAAA,EAACC,UAAAA,CAAQC,UAAWC,IAAAA,MAAAA,CAAeC,IAAKX,WACtC,GAAAM,EAAAM,IAAA,EAACC,MAAAA,CACCJ,UAAW,GACTX,MAAAA,CADYY,IAAAA,SAAAA,CAAiB,KAE9BI,MAAA,CADChB,GAAqBY,IAAAA,YAAAA,EAEvBK,GAAG,mBAEH,GAAAT,EAAAM,IAAA,EAACC,MAAAA,CACCJ,UAAW,GACTX,MAAAA,CADYY,IAAAA,WAAAA,CAAmB,KAEhCI,MAAA,CADChB,GAAqBY,IAAAA,cAAAA,YAGvB,GAAAJ,EAAAC,GAAA,EAACS,EAAAA,OAAUA,CAAAA,CAACC,QAAQ,KAAKR,UAAWC,IAAAA,QAAAA,UAClC,GAAAJ,EAAAC,GAAA,EAACW,OAAAA,CAAKC,MAAO,CAAEC,MAAO5B,CAAgB,WAAIC,MAE5C,GAAAa,EAAAC,GAAA,EAACS,EAAAA,OAAUA,CAAAA,CAACC,QAAQ,IAAIR,UAAWC,IAAAA,WAAAA,UACjC,GAAAJ,EAAAC,GAAA,EAACW,OAAAA,CAAKC,MAAO,CAAEC,MAAOzB,CAAiB,WAAID,MAE7C,GAAAY,EAAAC,GAAA,EAACc,EAAAA,CAAMA,CAAAA,CACLC,KAAMvB,EACNwB,SAAU,CACRC,SAAU,kBACVC,SAAU,kBACVC,YAAa,SACbC,KAAM/B,EACNgC,cAAe,kBACjB,EACAC,KAAI,GACJpB,UAAWC,IAAAA,GAAAA,UAEVd,OAGL,GAAAU,EAAAC,GAAA,EAACM,MAAAA,CAAIJ,UAAWC,IAAAA,UAAAA,UACd,GAAAJ,EAAAC,GAAA,EAACuB,UAAAA,UACC,GAAAxB,EAAAC,GAAA,EAACwB,MAAAA,CACCC,IAvCG,mBAAyBlB,MAAA,CAANjB,GAwCtBoC,IAAI,wBACJxB,UAAWC,IAAAA,KAAAA,WAOzB,oBChGAwB,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/./src/components/base/v1/Whole Home WiFi/index.js","webpack://_N_E/./src/components/base/v1/Whole Home WiFi/WholeHomeWifi.module.scss"],"sourcesContent":["import React, { useRef } from 'react';\nimport styles from './WholeHomeWifi.module.scss';\nimport Button from '~/components/shared/Button';\nimport useIntersectionObserver from '~/helpers/hooks/useIntersectionObserver';\nimport { fireElementViewedEvent } from '~/helpers/utils/fireTagular';\nimport Typography from '~/components/shared/Typography';\nimport { useMonarchSlotContext } from '@redventures/cohesion-utils-react';\n\nexport default function WholeWifiModule() {\n  const BASE_DATA = {\n    epqCopy: 'SHOP NEW PLANS',\n    headerCopy: 'Say goodbye to Wi-Fi dead zones',\n    headerFontColor: '#0096fa',\n    image: 'satellite-worker.jpg',\n    subheadCopy:\n      'Wi-Fi 6 delivers improved speed with enhanced security and better performance for multiple devices. Hughesnet also offers Whole Home Wi-Fi. Get wall-to-wall Wi-Fi coverage with optional Mesh Wi-Fi Nodes.',\n    subheadFontColor: '#424242',\n    imagePositionLeft: false,\n    ctaLink: '/order-online',\n  };\n  const { data: monarchData } = useMonarchSlotContext();\n  const data = { ...BASE_DATA, ...monarchData };\n  const {\n    headerFontColor,\n    headerCopy,\n    subheadCopy,\n    subheadFontColor,\n    epqCopy,\n    image,\n    imagePositionLeft,\n    ctaLink,\n  } = data;\n\n  const wifiModule = useRef();\n\n  useIntersectionObserver(\n    [wifiModule],\n    (el) =>\n      fireElementViewedEvent(\n        'Home Wifi Section',\n        'Home Wifi Section',\n        'Home Wifi Section',\n        headerCopy\n      ),\n    undefined,\n    // Fire tagular only when the full element is visible\n    { threshold: 1.0 }\n  );\n\n  const imgSrc = `/images/section/${image}`;\n\n  return (\n    <section className={styles.column} ref={wifiModule}>\n      <div\n        className={`${styles.container} ${\n          imagePositionLeft && styles.reverseOrder\n        }`}\n        id='extend'\n      >\n        <div\n          className={`${styles.textContent} ${\n            imagePositionLeft && styles.reverseContent\n          }`}\n        >\n          <Typography variant='h3' className={styles.headline}>\n            <span style={{ color: headerFontColor }}>{headerCopy}</span>\n          </Typography>\n          <Typography variant='p' className={styles.subheadline}>\n            <span style={{ color: subheadFontColor }}>{subheadCopy}</span>\n          </Typography>\n          <Button\n            href={ctaLink}\n            tracking={{\n              position: 'WHOLE HOME WIFI',\n              location: 'WHOLE HOME WIFI',\n              elementType: 'BUTTON',\n              text: epqCopy,\n              actionOutcome: 'Redirect to Cart',\n            }}\n            fuse\n            className={styles.cta}\n          >\n            {epqCopy}\n          </Button>\n        </div>\n        <div className={styles.imgWrapper}>\n          <picture>\n            <img\n              src={imgSrc}\n              alt='Man smiling at laptop'\n              className={styles.image}\n            />\n          </picture>\n        </div>\n      </div>\n    </section>\n  );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom-dots\":\"WholeHomeWifi_custom-dots__FuQzm\",\"custom-dot\":\"WholeHomeWifi_custom-dot__nZuiQ\",\"slick-active\":\"WholeHomeWifi_slick-active__SjR4I\",\"column\":\"WholeHomeWifi_column__s2WXj\",\"reverseOrder\":\"WholeHomeWifi_reverseOrder__h806_\",\"container\":\"WholeHomeWifi_container__RjdQM\",\"reverseContent\":\"WholeHomeWifi_reverseContent__9rVMJ\",\"textContent\":\"WholeHomeWifi_textContent___dHdM\",\"headline\":\"WholeHomeWifi_headline__7DelC\",\"subheadline\":\"WholeHomeWifi_subheadline__RoAe7\",\"cta\":\"WholeHomeWifi_cta___vlfg\",\"imgWrapper\":\"WholeHomeWifi_imgWrapper__mxpcr\",\"image\":\"WholeHomeWifi_image__UsX4s\",\"ring\":\"WholeHomeWifi_ring__2u9iz\"};"],"names":["WholeWifiModule","data","monarchData","useMonarchSlotContext","headerFontColor","headerCopy","subheadCopy","subheadFontColor","epqCopy","image","imagePositionLeft","ctaLink","wifiModule","useRef","useIntersectionObserver","fireElementViewedEvent","undefined","threshold","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","section","className","styles","ref","jsxs","div","concat","id","Typography","variant","span","style","color","Button","href","tracking","position","location","elementType","text","actionOutcome","fuse","picture","img","src","alt","module","exports"],"sourceRoot":""}