{"version":3,"file":"static/chunks/4870-a0762604c937459f.js","mappings":"4PAuCAA,EA5BkB,OAAE,CAClBC,YAAAA,CAAAA,CACAC,cAAAA,CAAAA,CACAC,MAAAA,CAAAA,CACAC,SAAAA,CAAAA,CACD,CAAAC,QACG,GAAAC,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAY,CAAC,QAAQ,EAAGR,CAAW,CAAEC,EAAe,CAACQ,KAAM,CAAC,EAAGN,EAAWO,IAAAA,cAAuB,GAAI,CAAC,CAAGC,YAAYX,CAAW,CAAEC,EAAe,CAACQ,eACrJ,GAAAJ,EAAAC,IAAA,EAACM,IAAAA,CAAEJ,UAAY,CAAC,GAAG,EAAGE,IAAAA,wBAAgC,CAAC,WAAKV,CAAW,CAAEC,EAAe,CAACY,KAAM,IAAGb,eAAAA,CAAW,CAAEC,EAAe,CAACQ,KAAwB,WAAa,MAEpK,GAAAJ,EAAAS,GAAA,EAACP,MAAAA,CAAIC,UAAYE,IAAAA,gCACf,GAAAL,EAAAS,GAAA,EAACP,MAAAA,CAAIC,UAAYE,IAAAA,mCACf,GAAAL,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAYE,IAAAA,kCACf,GAAAL,EAAAC,IAAA,EAACS,OAAAA,CAAKP,UAAU,8BAAoB,IAC/BR,CAAW,CAAEC,EAAe,CAACe,MAAMC,MACtC,GAAAZ,EAAAC,IAAA,EAACY,MAAAA,CAAIV,UAAYE,IAAAA,yCAAwC,IAAO,GAAAL,EAAAS,GAAA,EAACC,OAAAA,CAAKI,aAAanB,CAAW,CAAEC,EAAe,EAAEC,OAAOO,aAE1H,GAAAJ,EAAAS,GAAA,EAACP,MAAAA,CAAIC,UAAYE,IAAAA,8BACf,GAAAL,EAAAC,IAAA,EAACS,OAAAA,CAAKP,UAAYE,IAAAA,yCAAwC,IACrDV,CAAW,CAAEC,EAAe,CAACe,MAAMI,iBAOhD,GAAAf,EAAAC,IAAA,EAACM,IAAAA,CAAEJ,UAAY,CAAC,MAAM,EAAGE,IAAAA,sBAA8B,CAAC,WAAKR,GAAO,CAAED,EAAe,EAAID,CAAW,CAAEC,EAAe,EAAEC,OAAOmB,UAAarB,CAAW,CAAEC,EAAe,EAAEC,OAAOoB,SAAW,GAAAjB,EAAAS,GAAA,EAACS,EAAAA,EAAOA,CAACC,WAAaxB,CAAW,CAAEC,EAAe,EAAEC,OAAOoB,eACnP,aCJTG,EAtBkB,OAAE,CAClBhB,KAAAA,CAAAA,CACAiB,OAAAA,CAAAA,CACAvB,SAAAA,CAAAA,CACAwB,WAAAA,CAAAA,CACD,CAAAvB,EACOwB,EAAWC,CAAAA,EAAAA,EAAAA,CAAAA,EAAeF,GAAclB,GAE9C,MACE,GAAAJ,EAAAS,GAAA,EAACgB,KAAAA,CAAGtB,UAAY,CAAC,EAAGE,IAAAA,gBAAwB,CAAC,EAAGP,EAAWO,IAAAA,OAAgB,GAAI,CAAC,UAC5EkB,GAAYA,EAASG,IAAK,CAAEC,EAASC,IACrC,GAAA5B,EAAAC,IAAA,EAAC4B,KAAAA,WACC,GAAA7B,EAAAS,GAAA,EAACC,OAAAA,CAAKP,UAAY,CAAC,qBAAqB,EAAGE,IAAAA,gBAAwB,CAAC,EAAGgB,GAAUhB,IAAAA,oBAA4B,CAAC,GAC5GsB,GAASG,SAAWH,GAASI,WAC7B,GAAA/B,EAAAC,IAAA,EAAAD,EAAAgC,SAAA,WAAE,GAAAhC,EAAAS,GAAA,EAACC,OAAAA,UAAOiB,EAAQG,UAAgB,IAAC,GAAA9B,EAAAS,GAAA,EAACC,OAAAA,CAAKP,UAAYE,IAAAA,wCAA0CsB,EAAQI,gBACvG,GAAA/B,EAAAS,GAAA,EAACC,OAAAA,UAAOiB,MAJFC,KAUlB,aCgCAK,EAlDkB,OAAE,CAClBtC,YAAAA,CAAAA,CACAC,cAAAA,CAAAA,CACAC,MAAAA,CAAAA,CACAwB,OAAAA,CAAAA,CACAa,SAAAA,CAAAA,CACAZ,WAAAA,CAAAA,CACAa,QAAAA,CAAAA,CACArC,SAAAA,CAAAA,CACAsC,SAAAA,CAAAA,CACAC,QAAAA,EAAU,OACX,CAAAtC,QACC,GAAAC,EAAAC,IAAA,EAACC,MAAAA,CACCC,UAAY,CAAC,0BAA0B,EAAGL,EAAWO,IAAAA,UAAmB,GAAI,CAAC,CAC7EiC,KAAK,WACLC,GAAK,CAAC,SAAS,EAAG3C,EAAe,CAAC,CAClC4C,kBAAkB,CAAC,IAAI,EAAG5C,EAAe,CAAC,CAC1C6C,SAAS,IACTC,OAAS5C,YAGT,GAAAE,EAAAS,GAAA,EAACP,MAAAA,CAAIC,UAAU,iCACb,GAAAH,EAAAS,GAAA,EAACP,MAAAA,CAAIC,UAAY,CAAC,EAAGE,IAAAA,0BAAkC,CAAC,UACtD,GAAAL,EAAAS,GAAA,EAACf,EAAOA,CAACC,YAAcA,EAAcC,cAAgBA,EAAgBC,MAAQA,QAIjF,GAAAG,EAAAS,GAAA,EAACP,MAAAA,CAAIC,UAAU,iCACb,GAAAH,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAY,CAAC,EAAGE,IAAAA,mBAA2B,CAAC,CAAC,WAChD,GAAAL,EAAAS,GAAA,EAACF,IAAAA,CAAEJ,UAAU,cAAOgC,CAAO,CAAEvC,EAAe,EAAE+C,QAC9C,GAAA3C,EAAAS,GAAA,EAACF,IAAAA,CAAEJ,UAAU,cAAOgC,CAAO,CAAEvC,EAAe,EAAEgD,WAE9C,GAAA5C,EAAAS,GAAA,EAACW,EAAcA,CACbC,OAASA,EACTjB,KAAOT,CAAW,CAAEC,EAAe,CAACQ,KACpCkB,WAAaA,IAGf,GAAAtB,EAAAS,GAAA,EAACoC,EAAAA,EAAaA,CACZC,KAAOT,EACPlC,UAAY,CAAC,IAAI,EAAGiC,GAAY,CAAC,KAAK,EAAGA,EAAU,CAAC,CAAE,CAAC,CACvDF,SAAW,CAAC,EAAGA,EAAU,GAAG,EAAGvC,CAAW,CAAEC,EAAe,EAAE+C,MAAO,CAAC,CACrEI,QAAUC,EAAAA,EAAa,CAAErD,CAAW,CAAEC,EAAe,EAAEQ,KAAM,UAE5DiC,eAAAA,EAA2B,cAAgB,8BAI/C,aC/CP,IAAMH,EAAW,4BAMXe,EAAY,OAAE,CAAE,GAAGC,EAAO,CAAAnD,EACxB,CACJoD,UAAAA,CAAAA,CACAhB,QAAAA,CAAAA,CACAtC,MAAAA,EAAQ,KACRwB,OAAAA,CAAAA,CACAC,WAAAA,CAAAA,CACA8B,SAAAA,CAAAA,CACAhB,SAAAA,CAAAA,CACAC,QAAAA,EAAU,OACX,CAAGa,EAEE,CAAEG,gBAAAA,CAAAA,CAAiBC,cAAAA,CAAAA,CAAeC,SAAAA,CAAAA,CAAU,CAAGC,CAAAA,EAAAA,EAAAA,UAAAA,EAAYC,EAAAA,GAE3D,CAAE7D,EAAe8D,EAAkB,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAU,MAChD,CAAEhE,EAAaiE,EAAgB,CAAGD,CAAAA,EAAAA,EAAAA,QAAAA,EAAU,MAM5C,CAAEE,IAAAA,CAAAA,CAAKC,MAAAA,CAAAA,CAAO,CAAGC,CAAAA,EAAAA,EAAAA,EAAAA,EAJP,CACdC,UAAW,GACXC,YAAa,EACf,GAGMC,EAAgB,IACpB,IAAMC,EAAY,CAChB/D,KAAM2C,EAAQ3C,KACduC,MAAOI,EAAQJ,MACfnC,KAAMuC,EAAQvC,KACdG,MAAO,CACLI,KAAMgC,EAAQpC,MAAMI,KACpBH,MAAOmC,EAAQpC,MAAMC,KACvB,EACAf,MAAO,CACLmB,UAAWnB,GAAO,CAAEkD,EAAQ3C,KAAM,EAAI2C,EAAQlD,MAAMuE,MACpDhE,KAAM2C,EAAQlD,MAAMO,IACtB,EACAmB,SAAUwB,EAAQxB,QACpB,EAEA,OAAO4C,CACT,EAyBA,MAvBAE,CAAAA,EAAAA,EAAAA,SAAAA,EAAW,KACT,IAAMF,EAAY,CAChB,aAAcD,EAAeX,GAAUe,UAAYC,EAAAA,EAAe,CAAE,aAAc,EAClF,YAAaL,EAAeX,GAAUiB,UAAYD,EAAAA,EAAe,CAAE,YAAa,EAChF,cAAeL,EAAeX,GAAUkB,WAAaF,EAAAA,EAAe,CAAE,cAAe,EACrF,cAAeL,EAAeX,GAAUmB,WAAaH,EAAAA,EAAe,CAAE,cAAe,CACvF,EAEAX,EAAgBO,GAChBT,EAAkBL,GAAiBjD,MAAQmE,EAAAA,EAAe,CAAE,aAAc,EAAEnE,KAC9E,EAAG,CAAEkD,EAAeD,EAAiBE,EAAU,EAE/Cc,CAAAA,EAAAA,EAAAA,SAAAA,EAAW,KACT,GAAKP,GAAOa,iBAAmB,GAAO,CACpC,IAAMC,EAAO,CACXC,YAAa,UACbrE,KAAM2C,EACN2B,KAAM,CAAC,EAAG5C,EAAU,eAAe,CAAC,EAEtC6C,CAAAA,EAAAA,EAAAA,CAAAA,EAAY,CAAEC,OAAQ,gBAAiBJ,KAAAA,EAAMK,MAAO,CAAC,CAAE,EACzD,CACF,EAAG,CAAEnB,EAAOX,EAAW,EAGrB,GAAAnD,EAAAS,GAAA,EAACyE,UAAAA,CAAQ/E,UAAY,CAAC,UAAU,EAAGE,IAAAA,UAAkB,CAAC,UACpD,GAAAL,EAAAC,IAAA,EAACC,MAAAA,CAAI2D,IAAMA,EAAM1D,UAAU,wBACvBiD,GAAY,GAAApD,EAAAS,GAAA,EAAC0E,KAAAA,CAAGhF,UAAYE,IAAAA,6BAA+B+C,IAC7D,GAAApD,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAYE,IAAAA,2BAAoCiC,KAAK,oBACxD,GAAAtC,EAAAS,GAAA,EAAC2E,SAAAA,CACCjF,UAAYP,eAAAA,EAAiCS,IAAAA,wBAAiC,GAC9EgF,QAAU,IAAM3B,EAAkB,cAClC4B,gBAAgB1F,eAAAA,EAChB2C,GAAG,eACHD,KAAK,MACLiD,gBAAc,eACd9C,SAAS,aACR,cAGH,GAAAzC,EAAAS,GAAA,EAAC2E,SAAAA,CACCjF,UAAYP,cAAAA,EAAgCS,IAAAA,wBAAiC,GAC7EgF,QAAU,IAAM3B,EAAkB,aAClC4B,gBAAgB1F,cAAAA,EAChB2C,GAAG,eACHD,KAAK,MACLiD,gBAAc,eACd9C,SAAS,cACR,mBAGH,GAAAzC,EAAAS,GAAA,EAAC2E,SAAAA,CACCjF,UAAYP,gBAAAA,EAAkCS,IAAAA,wBAAiC,GAC/EgF,QAAU,IAAM3B,EAAkB,eAClC4B,gBAAgB1F,gBAAAA,EAChB0C,KAAK,MACLC,GAAG,gBACHgD,gBAAc,gBACd9C,SAAS,cACV,mBAGD,GAAAzC,EAAAS,GAAA,EAAC2E,SAAAA,CACCjF,UAAYP,gBAAAA,EAAkCS,IAAAA,wBAAiC,GAC/EgF,QAAU,IAAM3B,EAAkB,eAClC4B,gBAAgB1F,gBAAAA,EAChB0C,KAAK,MACLC,GAAG,gBACHgD,gBAAc,gBACd9C,SAAS,cACV,sBAKD9C,OAAAA,GAAwB6F,OAAOC,KAAM9F,GAAc+F,OAAS,GAAK/F,CAAW,CAAEC,EAAe,EAC7F,GAAAI,EAAAC,IAAA,EAAAD,EAAAgC,SAAA,WACE,GAAAhC,EAAAS,GAAA,EAACwB,EAAGA,CACFtC,YAAcA,EACdC,cAAc,aACdC,MAAQA,EACRwB,OAASA,EACTa,SAAWA,EACXZ,WAAaA,GAAY,CAAE3B,GAAa,CAAE,aAAc,EAAES,KAAM,CAChE+B,QAAUA,EACVrC,SAAWF,eAAAA,EACXwC,SAAWA,EACXC,QAAUA,IAGZ,GAAArC,EAAAS,GAAA,EAACwB,EAAGA,CACFtC,YAAcA,EACdC,cAAc,YACdC,MAAQA,EACRwB,OAASA,EACTa,SAAWA,EACXZ,WAAaA,GAAY,CAAE3B,GAAa,CAAE,YAAa,EAAES,KAAM,CAC/D+B,QAAUA,EACVrC,SAAWF,cAAAA,EACXwC,SAAWA,EACXC,QAAUA,IAGZ,GAAArC,EAAAS,GAAA,EAACwB,EAAGA,CACFtC,YAAcA,EACdC,cAAc,cACdC,MAAQA,EACRwB,OAASA,EACTa,SAAWA,EACXZ,WAAaA,GAAY,CAAE3B,GAAa,CAAE,cAAe,EAAES,KAAM,CACjE+B,QAAUA,EACVrC,SAAWF,gBAAAA,EACXwC,SAAWA,EACXC,QAAUA,IAGZ,GAAArC,EAAAS,GAAA,EAACwB,EAAGA,CACFtC,YAAcA,EACdC,cAAc,cACdC,MAAQA,EACRwB,OAASA,EACTa,SAAWA,EACXZ,WAAaA,GAAY,CAAE3B,GAAa,CAAE,cAAe,EAAES,KAAM,CACjE+B,QAAUA,EACVrC,SAAWF,gBAAAA,EACXwC,SAAWA,EACXC,QAAUA,WAQxB,CAEAY,CAAAA,EAAU0C,aAAe,CACvBxC,UAAW,gDACXyC,YAAa,KACbzD,QAAS,CACP,aAAc,CACZQ,MAAO,gBACPC,SAAU,GAAA5C,EAAAC,IAAA,EAAAD,EAAAgC,SAAA,WAAE,8FAA2F,GAAAhC,EAAAS,GAAA,EAACC,OAAAA,CAAKI,aAAW,iCAC1H,EACA,YAAa,CACX6B,MAAO,qBACPC,SAAU,GAAA5C,EAAAC,IAAA,EAAAD,EAAAgC,SAAA,WAAE,iGAA8F,GAAAhC,EAAAS,GAAA,EAACC,OAAAA,CAAKI,aAAW,gCAC7H,EACA,cAAe,CACb6B,MAAO,sBACPC,SAAU,GAAA5C,EAAAC,IAAA,EAAAD,EAAAgC,SAAA,WAAE,6EAA0E,GAAAhC,EAAAS,GAAA,EAACC,OAAAA,CAAKI,aAAW,0BAA0B,iDACnI,EACA,cAAe,CACb6B,MAAO,GAAA3C,EAAAS,GAAA,EAAAT,EAAAgC,SAAA,UAAE,8BACTY,SAAU,wHACZ,CACF,EACA/C,MAAO,KACPwB,OAAQ,GACRwE,iBAAkB,EACpB,EAEA5C,EAAU6C,UAAY,CACpB3C,UAAW4C,IAAAA,OACX5D,QAAS4D,IAAAA,OACTlG,MAAOkG,IAAAA,OACP1E,OAAQ0E,IAAAA,KACR3C,SAAU2C,IAAAA,OACV3D,SAAU2D,IAAAA,OACVF,iBAAkBE,IAAAA,IACpB,EAEA,IAAAC,EAAe/C,qBCzOfgD,EAAAC,QAAA,CAAkB","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","webpack://_N_E/<anon>"],"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,\n    content,\n    legal = null,\n    isDark,\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.defaultProps = {\n  assetName: 'SECTION | SPLIT SECTION PRICE POINT | DEFAULT',\n  productHash: null,\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  hasSelectPlanCTA: false\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  hasSelectPlanCTA: PropTypes.bool\n};\n\nexport default Component;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"u-color-white\":\"SplitSectionPrice_u-color-white__kMgYz\",\"u-color-midnight\":\"SplitSectionPrice_u-color-midnight__CKqO7\",\"u-color-blue\":\"SplitSectionPrice_u-color-blue__bWHbg\",\"u-color-red\":\"SplitSectionPrice_u-color-red__b4QJU\",\"u-text-bold\":\"SplitSectionPrice_u-text-bold__GFFbo\",\"u-textdecoration-color-white\":\"SplitSectionPrice_u-textdecoration-color-white__3Wlv6\",\"u-textdecoration-color-midnight\":\"SplitSectionPrice_u-textdecoration-color-midnight__g_fGU\",\"u-textdecoration-color-blue\":\"SplitSectionPrice_u-textdecoration-color-blue__txsSj\",\"u-textdecoration-color-red\":\"SplitSectionPrice_u-textdecoration-color-red__ssDB9\",\"u-theme-white\":\"SplitSectionPrice_u-theme-white__1SSZX\",\"u-theme-light\":\"SplitSectionPrice_u-theme-light__8ls7s\",\"u-theme-black\":\"SplitSectionPrice_u-theme-black__iRRc9\",\"u-theme-dark\":\"SplitSectionPrice_u-theme-dark__TH8tZ\",\"u-theme-light-blue\":\"SplitSectionPrice_u-theme-light-blue__N_cyB\",\"u-theme-blue\":\"SplitSectionPrice_u-theme-blue__zSdEA\",\"u-theme-red\":\"SplitSectionPrice_u-theme-red__i99Bu\",\"u-theme-holiday\":\"SplitSectionPrice_u-theme-holiday__ib6t3\",\"u-theme-neutral-light\":\"SplitSectionPrice_u-theme-neutral-light__ZyY8i\",\"hide-for-small-only\":\"SplitSectionPrice_hide-for-small-only__jOBBu\",\"show-for-small-only\":\"SplitSectionPrice_show-for-small-only__2HlCx\",\"hide-for-medium\":\"SplitSectionPrice_hide-for-medium__i_lAg\",\"show-for-medium\":\"SplitSectionPrice_show-for-medium__H2Jro\",\"hide-for-medium-only\":\"SplitSectionPrice_hide-for-medium-only__gjVV9\",\"show-for-medium-only\":\"SplitSectionPrice_show-for-medium-only__leU6s\",\"hide-for-large\":\"SplitSectionPrice_hide-for-large__vhZI3\",\"show-for-large\":\"SplitSectionPrice_show-for-large__daXPH\",\"hide-for-large-only\":\"SplitSectionPrice_hide-for-large-only__xGGTs\",\"show-for-large-only\":\"SplitSectionPrice_show-for-large-only__X9Hnx\",\"component\":\"SplitSectionPrice_component__vvYy6\",\"component__headline\":\"SplitSectionPrice_component__headline__dFdTo\",\"component__buttonContainer\":\"SplitSectionPrice_component__buttonContainer__QGm04\",\"component__buttonActive\":\"SplitSectionPrice_component__buttonActive__1X8DO\",\"component__content\":\"SplitSectionPrice_component__content__jfCXW\",\"component__list\":\"SplitSectionPrice_component__list__TNhTP\",\"component__valuepropSubheading\":\"SplitSectionPrice_component__valuepropSubheading__xQtQc\",\"component__icon\":\"SplitSectionPrice_component__icon__4hKTZ\",\"component__iconDark\":\"SplitSectionPrice_component__iconDark__T8K8U\",\"component__contentWrapper\":\"SplitSectionPrice_component__contentWrapper__xx_H3\",\"component__shortLegal\":\"SplitSectionPrice_component__shortLegal__pPQnL\",\"component__productPrice\":\"SplitSectionPrice_component__productPrice__mOa_N\",\"component__productPricingLegal\":\"SplitSectionPrice_component__productPricingLegal___3UgT\",\"component__productLockup\":\"SplitSectionPrice_component__productLockup__8l_I5\",\"component__product_priceStrike\":\"SplitSectionPrice_component__product_priceStrike__7jGF4\",\"component__extraInfo\":\"SplitSectionPrice_component__extraInfo__y9xMA\",\"tabHidden\":\"SplitSectionPrice_tabHidden___cYVo\"};"],"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","formatted","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","defaultProps","productHash","hasSelectPlanCTA","propTypes","PropTypes","SplitSectionPrice","module","exports"],"sourceRoot":""}