{"version":3,"file":"static/chunks/1771-e3b7a7c135606eea.js","mappings":"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","sources":["webpack://_N_E/./components/blocks/SplitSectionPrice/Product.js","webpack://_N_E/./components/blocks/SplitSectionPrice/ValuePropsList.js","webpack://_N_E/./components/blocks/SplitSectionPrice/Tab.js","webpack://_N_E/./components/blocks/SplitSectionPrice/index.js","webpack://_N_E/./components/blocks/SplitSectionPrice/index.module.css"],"sourcesContent":["/**\n * @module Product\n * @description Split Section with fiber price points\n */\nimport Tooltip from '@/blocks/Tooltip';\nimport styles from './index.module.css';\n\n/**\n * @function Component\n * @description\n */\nconst Component = ( {\n  allProducts,\n  activeProduct,\n  legal,\n  isHidden\n} ) => (\n    <div className={ `product-${ allProducts[ activeProduct ].hash } ${ isHidden ? styles.productHidden : '' }` } data-hash={ allProducts[ activeProduct ].hash }>\n      <p className={ `h5 ${ styles.component__productTitle }` }>{ allProducts[ activeProduct ].name } { allProducts[ activeProduct ].hash === 'fiber-500m' ? 'Internet' : '' }</p>\n\n      <div className={ styles.component__productInfo }>\n        <div className={ styles.component__productPricing }>\n          <div className={ styles.component__productPrice }>\n            <span className=\"h1 h1--pricepoint\">\n              ${ allProducts[ activeProduct ].price.promo }\n              <sup className={ styles.component__productPricingLegal }>&#8288;<span data-legal={ allProducts[ activeProduct ]?.legal?.hash }></span></sup>\n            </span>\n            <div className={ styles.component__extraInfo }>\n              <span className={ styles.component__product_priceStrike }>\n                ${ allProducts[ activeProduct ].price.base }\n                </span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <p className={ `legal ${ styles.component__shortLegal }` }>{ legal?.[ activeProduct ] || allProducts[ activeProduct ]?.legal?.proximity }{ allProducts[ activeProduct ]?.legal?.tooltip && <Tooltip disclosure={ allProducts[ activeProduct ]?.legal?.tooltip } /> }</p>\n    </div>\n);\nexport default Component;\n","/**\n * @module ValuePropList\n * @description Split Section with fiber price points\n */\nimport useValueProps from '@/hooks/useValueProps';\nimport styles from './index.module.css';\n\n/**\n * @function Component\n * @description\n */\nconst Component = ( {\n  hash,\n  isDark,\n  isHidden,\n  valueProps\n} ) => {\n  const features = useValueProps( valueProps || hash );\n\n  return (\n    <ul className={ `${ styles.component__list } ${ isHidden ? styles.hidden : '' }` }>\n      { features && features.map( ( feature, index ) => (\n        <li key={ index }>\n          <span className={ `icon icon-checkmark1 ${ styles.component__icon } ${ isDark && styles.component__iconDark }` } />\n          { feature?.heading && feature?.subheading ?\n            <><span>{ feature.heading }</span> <span className={ styles.component__valuepropSubheading }>{ feature.subheading }</span></> :\n            <span>{ feature }</span>\n          }\n        </li>\n      ) ) }\n    </ul>\n  );\n};\nexport default Component;\n","/**\n * @module Tab\n * @description Split Section with fiber price points\n */\nimport DynamicButton from '@/blocks/Buttons/DynamicButton';\nimport Product from './Product';\nimport ValuePropsList from './ValuePropsList';\nimport styles from './index.module.css';\nimport { productKeyMap } from '@/js/constants/cart';\n\n/**\n * @function Component\n * @description\n */\nconst Component = ( {\n  allProducts,\n  activeProduct,\n  legal,\n  isDark,\n  position,\n  valueProps,\n  content,\n  isHidden,\n  ctaTheme,\n  ctaType = 'cart'\n} ) => (\n  <div\n    className={ `g-row g-row--match-height ${ isHidden ? styles.tabHidden : '' }` }\n    role=\"tabpanel\"\n    id={ `tabpanel-${ activeProduct }` }\n    aria-labelledby={ `tab-${ activeProduct }` }\n    tabIndex=\"0\"\n    hidden={ isHidden }\n  >\n\n    <div className=\"g-col g-col--one-half\">\n      <div className={ `${ styles.component__contentWrapper }` }>\n        <Product allProducts={ allProducts } activeProduct={ activeProduct } legal={ legal } />\n      </div>\n    </div>\n\n    <div className=\"g-col g-col--one-half\">\n      <div className={ `${ styles.component__content } ` }>\n        <p className=\"h3\">{ content[ activeProduct ]?.title }</p>\n        <p className=\"h6\">{ content[ activeProduct ]?.subtitle }</p>\n\n        <ValuePropsList\n          isDark={ isDark }\n          hash={ allProducts[ activeProduct ].hash }\n          valueProps={ valueProps }\n        />\n\n        <DynamicButton\n          type={ ctaType }\n          className={ `btn ${ ctaTheme && `btn--${ ctaTheme }` }` }\n          position={ `${ position } - ${ allProducts[ activeProduct ]?.title }` }\n          product={ productKeyMap[ allProducts[ activeProduct ]?.hash ] }\n        >\n          {ctaType === 'selectPlan' ? 'Select Plan' : 'Check Availability'}\n        </DynamicButton>\n      </div>\n    </div>\n  </div>\n);\nexport default Component;\n","/**\n * @module Split Section Price\n * @description Split Section with fiber price points\n */\n\nimport { useContext, useEffect, useState } from 'react';\nimport { useInView } from 'react-intersection-observer';\nimport PropTypes from 'prop-types';\nimport { ContentProviderContext } from '@/providers/content-provider';\nimport { trackEvent } from '@/js/helpers/tracking';\nimport Tab from './Tab';\nimport defaultProducts from '@/providers/content-provider/utils/products';\n\nimport styles from './index.module.css';\n\nconst position = 'SPLIT SECTION PRICE POINT';\n\n/**\n * @function Component\n * @description\n */\nconst Component = ( { ...props } ) => {\n  const {\n    assetName = 'SECTION | SPLIT SECTION PRICE POINT | DEFAULT',\n    content = {\n      'fiber-500m': {\n        title: 'Go fiber fast',\n        subtitle: <>Experience the power of a 100% fiber-optic network with upload speeds 5x faster than cable.<span data-legal=\"500m-25x-faster-than-cable\" /></>\n      },\n      'fiber-gig': {\n        title: 'Upgrade your fiber',\n        subtitle: <>Get blazing-fast internet with virtually no buffering and upload speeds 10x faster than cable.<span data-legal=\"Gig-25x-faster-than-cable\" /></>\n      },\n      'fiber-2-gig': {\n        title: 'Get ultra-connected',\n        subtitle: <>Supercharge your internet with upload speeds up to 10x faster than cable.⁠<span data-legal=\"50x-faster-than-cable\" /> Experience next-level gaming with less lag.</>\n      },\n      'fiber-5-gig': {\n        title: <>Experience Fiber 5&nbsp;Gig</>,\n        subtitle: 'Ready for the ultimate upgrade? Join the first and only major internet provider with network-wide Fiber 5 Gig service.'\n      }\n    },\n    legal = null,\n    isDark = false,\n    valueProps,\n    headline,\n    ctaTheme,\n    ctaType = 'cart'\n  } = props;\n\n  const { featuredProduct, productLoaded, products } = useContext( ContentProviderContext );\n\n  const [ activeProduct, setActiveProduct ] = useState( null );\n  const [ allProducts, setAllProducts ] = useState( null );\n\n  const options = {\n    threshold: 0.3,\n    triggerOnce: true\n  };\n  const { ref, entry } = useInView( options );\n\n  const formatProduct = ( product ) => {\n    const formatted = {\n      hash: product.hash,\n      title: product.title,\n      name: product.name,\n      price: {\n        base: product.price.base,\n        promo: product.price.promo\n      },\n      legal: {\n        proximity: legal?.[ product.hash ] || product.legal.short,\n        hash: product.legal.hash\n      },\n      features: product.features\n    };\n\n    return formatted;\n  };\n\n  useEffect( () => {\n    const formatted = {\n      'fiber-500m': formatProduct( products?.fiber500 || defaultProducts[ 'fiber-500m' ] ),\n      'fiber-gig': formatProduct( products?.fiberGig || defaultProducts[ 'fiber-gig' ] ),\n      'fiber-2-gig': formatProduct( products?.fiber2Gig || defaultProducts[ 'fiber-2-gig' ] ),\n      'fiber-5-gig': formatProduct( products?.fiber5Gig || defaultProducts[ 'fiber-5-gig' ] )\n    };\n\n    setAllProducts( formatted );\n    setActiveProduct( featuredProduct?.hash || defaultProducts[ 'fiber-500m' ]?.hash );\n  }, [ productLoaded, featuredProduct, products ] ); /* eslint-disable-line react-hooks/exhaustive-deps */\n\n  useEffect( () => {\n    if ( entry?.isIntersecting === true ) {\n      const data = {\n        elementType: 'SECTION',\n        name: assetName,\n        text: `${ position } - ASSET VIEWED`\n      };\n      trackEvent( { action: 'elementViewed', data, event: {} } );\n    }\n  }, [ entry, assetName ] );\n\n  return (\n    <section className={ `component ${ styles.component }` }>\n      <div ref={ ref } className=\"l-container\">\n        { headline && <h2 className={ styles.component__headline }>{ headline }</h2> }\n        <div className={ styles.component__buttonContainer } role=\"tablist\">\n          <button\n            className={ activeProduct === 'fiber-500m' ? styles.component__buttonActive : '' }\n            onClick={ () => setActiveProduct( 'fiber-500m' ) }\n            aria-selected={ activeProduct === 'fiber-500m' }\n            id=\"tab-fiber500\"\n            role=\"tab\"\n            aria-controls=\"tab-fiber500\"\n            tabIndex=\"0\"\n            >\n            Fiber 500\n          </button>\n          <button\n            className={ activeProduct === 'fiber-gig' ? styles.component__buttonActive : '' }\n            onClick={ () => setActiveProduct( 'fiber-gig' ) }\n            aria-selected={ activeProduct === 'fiber-gig' }\n            id=\"tab-fiberGig\"\n            role=\"tab\"\n            aria-controls=\"tab-fiberGig\"\n            tabIndex=\"-1\"\n            >\n              Fiber 1&nbsp;Gig\n          </button>\n          <button\n            className={ activeProduct === 'fiber-2-gig' ? styles.component__buttonActive : '' }\n            onClick={ () => setActiveProduct( 'fiber-2-gig' ) }\n            aria-selected={ activeProduct === 'fiber-2-gig' }\n            role=\"tab\"\n            id=\"tab-fiber2Gig\"\n            aria-controls=\"tab-fiber2Gig\"\n            tabIndex=\"-1\"\n          >\n            Fiber 2&nbsp;Gig\n          </button>\n          <button\n            className={ activeProduct === 'fiber-5-gig' ? styles.component__buttonActive : '' }\n            onClick={ () => setActiveProduct( 'fiber-5-gig' ) }\n            aria-selected={ activeProduct === 'fiber-5-gig' }\n            role=\"tab\"\n            id=\"tab-fiber5Gig\"\n            aria-controls=\"tab-fiber5Gig\"\n            tabIndex=\"-1\"\n          >\n            Fiber 5&nbsp;Gig\n          </button>\n        </div>\n\n        { allProducts !== null && Object.keys( allProducts ).length > 0 && allProducts[ activeProduct ] &&\n          <>\n            <Tab\n              allProducts={ allProducts }\n              activeProduct=\"fiber-500m\"\n              legal={ legal }\n              isDark={ isDark }\n              position={ position }\n              valueProps={ valueProps?.[ allProducts?.[ 'fiber-500m' ]?.hash ] }\n              content={ content }\n              isHidden={ activeProduct !== 'fiber-500m' }\n              ctaTheme={ ctaTheme }\n              ctaType={ ctaType }\n            />\n\n            <Tab\n              allProducts={ allProducts }\n              activeProduct=\"fiber-gig\"\n              legal={ legal }\n              isDark={ isDark }\n              position={ position }\n              valueProps={ valueProps?.[ allProducts?.[ 'fiber-gig' ]?.hash ] }\n              content={ content }\n              isHidden={ activeProduct !== 'fiber-gig' }\n              ctaTheme={ ctaTheme }\n              ctaType={ ctaType }\n            />\n\n            <Tab\n              allProducts={ allProducts }\n              activeProduct=\"fiber-2-gig\"\n              legal={ legal }\n              isDark={ isDark }\n              position={ position }\n              valueProps={ valueProps?.[ allProducts?.[ 'fiber-2-gig' ]?.hash ] }\n              content={ content }\n              isHidden={ activeProduct !== 'fiber-2-gig' }\n              ctaTheme={ ctaTheme }\n              ctaType={ ctaType }\n            />\n\n            <Tab\n              allProducts={ allProducts }\n              activeProduct=\"fiber-5-gig\"\n              legal={ legal }\n              isDark={ isDark }\n              position={ position }\n              valueProps={ valueProps?.[ allProducts?.[ 'fiber-5-gig' ]?.hash ] }\n              content={ content }\n              isHidden={ activeProduct !== 'fiber-5-gig' }\n              ctaTheme={ ctaTheme }\n              ctaType={ ctaType }\n            />\n          </>\n        }\n\n      </div>\n    </section>\n  );\n};\n\nComponent.propTypes = {\n  assetName: PropTypes.string,\n  content: PropTypes.object,\n  legal: PropTypes.object,\n  isDark: PropTypes.bool,\n  headline: PropTypes.string,\n  ctaTheme: PropTypes.string\n};\n\nexport default Component;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"u-color-white\":\"SplitSectionPrice_u-color-white__ECk2_\",\"u-color-midnight\":\"SplitSectionPrice_u-color-midnight__fOQTx\",\"u-color-blue\":\"SplitSectionPrice_u-color-blue__jfoss\",\"u-color-red\":\"SplitSectionPrice_u-color-red__EDwFK\",\"u-text-bold\":\"SplitSectionPrice_u-text-bold__O7B02\",\"u-textdecoration-color-white\":\"SplitSectionPrice_u-textdecoration-color-white__4SFe8\",\"u-textdecoration-color-midnight\":\"SplitSectionPrice_u-textdecoration-color-midnight__YeEoh\",\"u-textdecoration-color-blue\":\"SplitSectionPrice_u-textdecoration-color-blue__YDiFB\",\"u-textdecoration-color-red\":\"SplitSectionPrice_u-textdecoration-color-red__CAmUG\",\"u-theme-white\":\"SplitSectionPrice_u-theme-white__NtGP_\",\"u-theme-light\":\"SplitSectionPrice_u-theme-light__Z1YAa\",\"u-theme-black\":\"SplitSectionPrice_u-theme-black__1PMko\",\"u-theme-dark\":\"SplitSectionPrice_u-theme-dark__T8UU9\",\"u-theme-light-blue\":\"SplitSectionPrice_u-theme-light-blue__c0SqV\",\"u-theme-blue\":\"SplitSectionPrice_u-theme-blue__HzeJN\",\"u-theme-red\":\"SplitSectionPrice_u-theme-red__JBfwk\",\"u-theme-holiday\":\"SplitSectionPrice_u-theme-holiday__PhvSL\",\"u-theme-neutral-light\":\"SplitSectionPrice_u-theme-neutral-light__Nmtug\",\"hide-for-small-only\":\"SplitSectionPrice_hide-for-small-only__tUl9a\",\"show-for-small-only\":\"SplitSectionPrice_show-for-small-only__oREDB\",\"hide-for-medium\":\"SplitSectionPrice_hide-for-medium__i_A4T\",\"show-for-medium\":\"SplitSectionPrice_show-for-medium__3gjny\",\"hide-for-medium-only\":\"SplitSectionPrice_hide-for-medium-only__D76cF\",\"show-for-medium-only\":\"SplitSectionPrice_show-for-medium-only__jh2G0\",\"hide-for-large\":\"SplitSectionPrice_hide-for-large__G0cAa\",\"show-for-large\":\"SplitSectionPrice_show-for-large__g1PlF\",\"hide-for-large-only\":\"SplitSectionPrice_hide-for-large-only__Vyy8c\",\"show-for-large-only\":\"SplitSectionPrice_show-for-large-only__vQcyx\",\"component\":\"SplitSectionPrice_component__V8b9M\",\"component__headline\":\"SplitSectionPrice_component__headline__n5spZ\",\"component__buttonContainer\":\"SplitSectionPrice_component__buttonContainer__SRB74\",\"component__buttonActive\":\"SplitSectionPrice_component__buttonActive__xmkwi\",\"component__content\":\"SplitSectionPrice_component__content__j6D1b\",\"component__list\":\"SplitSectionPrice_component__list__8ESuy\",\"component__valuepropSubheading\":\"SplitSectionPrice_component__valuepropSubheading__Buvh0\",\"component__icon\":\"SplitSectionPrice_component__icon__WUxIX\",\"component__iconDark\":\"SplitSectionPrice_component__iconDark__caJWn\",\"component__contentWrapper\":\"SplitSectionPrice_component__contentWrapper__GL4ke\",\"component__shortLegal\":\"SplitSectionPrice_component__shortLegal__5hetd\",\"component__productPrice\":\"SplitSectionPrice_component__productPrice__GhWXd\",\"component__productPricingLegal\":\"SplitSectionPrice_component__productPricingLegal__Khloi\",\"component__productLockup\":\"SplitSectionPrice_component__productLockup__KiKp7\",\"component__product_priceStrike\":\"SplitSectionPrice_component__product_priceStrike__XZKED\",\"component__extraInfo\":\"SplitSectionPrice_component__extraInfo__qtpUs\",\"tabHidden\":\"SplitSectionPrice_tabHidden__vyEKE\"};"],"names":["Product","allProducts","activeProduct","legal","isHidden","param","jsx_runtime","jsxs","div","className","hash","styles","data-hash","p","name","jsx","span","price","promo","sup","data-legal","base","proximity","tooltip","Tooltip","disclosure","ValuePropsList","isDark","valueProps","features","useValueProps","ul","map","feature","index","li","heading","subheading","Fragment","Tab","position","content","ctaTheme","ctaType","role","id","aria-labelledby","tabIndex","hidden","title","subtitle","DynamicButton","type","product","productKeyMap","Component","props","assetName","headline","featuredProduct","productLoaded","products","useContext","ContentProviderContext","setActiveProduct","useState","setAllProducts","ref","entry","useInView","threshold","triggerOnce","formatProduct","short","useEffect","fiber500","defaultProducts","fiberGig","fiber2Gig","fiber5Gig","isIntersecting","data","elementType","text","trackEvent","action","event","section","h2","button","onClick","aria-selected","aria-controls","Object","keys","length","propTypes","PropTypes","SplitSectionPrice","module","exports"],"sourceRoot":""}