{"version":3,"file":"static/chunks/5667.e0f02cedd5c1ea54.js","mappings":"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","sources":["webpack://_N_E/./src/components/base/v1/Final EPQ/index.js","webpack://_N_E/./src/components/shared/AddressFormBrand/index.js","webpack://_N_E/./src/components/base/v1/Final EPQ/FinalEpq.module.scss","webpack://_N_E/./src/components/shared/AddressFormBrand/AddressForm.module.scss"],"sourcesContent":["import React, { useRef } from 'react';\nimport styles from './FinalEpq.module.scss';\nimport AddressForm from '~/components/shared/AddressFormBrand';\nimport Typography from '~/components/shared/Typography';\nimport useIntersectionObserver from '~/helpers/hooks/useIntersectionObserver';\nimport { fireElementViewedEvent } from '~/helpers/utils/fireTagular';\nimport { useMonarchSlotContext } from '@redventures/cohesion-utils-react';\nimport { WhiteHughesnetLogo } from '~/components/icons';\nimport Button from '~/components/shared/Button';\n\nconst BASE_DATA = {\n  addressCTACopy: 'Shop plans',\n  addressLabelCopy: 'Enter your address to check available plans',\n  addressPlaceHolderCopy: 'Enter your address',\n  backgroundImage: 'final-epq-banner-hills',\n  headline: 'Find out what NEW Hughesnet plan could be right for you',\n  headlineTextColor: 'white',\n  mapPinIconColor: '#154B8E',\n  subhead:\n    'Our plans service across the nation so you can stay connected from wherever you live.',\n  subheadTextColor: 'white',\n  backgroundColor: '#005dac',\n  isEpq: true,\n  hasImage: false,\n  secondaryCTACopy: 'Learn More',\n  epqCopy: 'Shop Plans',\n};\n\nexport default function FinalEpq() {\n  const { data: monarchData } = useMonarchSlotContext();\n  const data = { ...BASE_DATA, ...monarchData };\n  const {\n    headlineTextColor,\n    subheadTextColor,\n    headline,\n    subhead,\n    backgroundImage,\n    hasImage,\n    backgroundColor,\n    isEpq,\n    epqCopy,\n    secondaryCTACopy,\n  } = data;\n\n  //Refs used for eventing & animation\n  const finalEpqSection = useRef();\n\n  useIntersectionObserver(\n    [finalEpqSection],\n    () =>\n      fireElementViewedEvent(\n        'final epq rebrand',\n        'final epq rebrand section',\n        'final epq rebrand',\n        headline\n      ),\n    undefined,\n    { threshold: 0.75 }\n  );\n\n  const bgImage = backgroundImage\n    ? `/images/section/${backgroundImage}.jpg`\n    : `/images/section/final-epq-banner.jpg`;\n\n  const isPositionRight = backgroundImage == 'final-epq-banner-hills';\n\n  return (\n    <div\n      ref={finalEpqSection}\n      className={`${styles.container}`}\n      style={{ backgroundColor: backgroundColor }}\n    >\n      {backgroundImage !== 'none' && (\n        <img\n          className={`${styles.backgroundImage} ${\n            isPositionRight\n              ? styles.backgroundPositionRight\n              : styles.backgroundPositionCenter\n          }`}\n          src={bgImage}\n          alt=''\n        />\n      )}\n      <div className={('grid-container', styles.content)}>\n        <div className={styles.headers}>\n          {hasImage && <WhiteHughesnetLogo />}\n          <Typography\n            variant='h1'\n            className={`${styles.heading} ${!hasImage && styles.marginTop}`}\n          >\n            <span\n              dangerouslySetInnerHTML={{ __html: headline }}\n              style={{ color: headlineTextColor }}\n            />\n          </Typography>\n          <Typography variant='h4' className={styles.subheading}>\n            <span\n              dangerouslySetInnerHTML={{ __html: subhead }}\n              style={{ color: subheadTextColor }}\n            />\n          </Typography>\n        </div>\n        {isEpq ? (\n          <div className={styles.addressContainer}>\n            <AddressForm metadata={data} isFinalEpq={true} />\n          </div>\n        ) : (\n          <div className={styles.buttons}>\n            <Button\n              href='/order-online'\n              tracking={{\n                position: 'ACP BANNER EPQ',\n                location: 'ACP BANNER',\n                elementType: 'BUTTON',\n                text: 'Check Availablity',\n                actionOutcome: 'Redirect to Cart',\n              }}\n              fuse\n              className={`${styles.epqBtn} ${styles.btn}`}\n            >\n              {epqCopy}\n            </Button>\n            <Button\n              href='/'\n              tracking={{\n                position: 'FINAL EPQ',\n                location: 'FINAL EPQ',\n                elementType: 'BUTTON',\n                text: 'Refresh Page',\n                actionOutcome: 'Redirect back to LP',\n              }}\n              className={`${styles.callNowCta} ${styles.btn}`}\n            >\n              {secondaryCTACopy}\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n","import React, { useState, useEffect, useCallback } from 'react';\nimport styles from './AddressForm.module.scss';\nimport Button from '~/components/shared/Button';\nimport { SMARTY_STREETS } from '~/constants/smarty-streets';\nimport SuggestionItems from '~/components/shared/AddressForm/SuggestionList';\nimport Typography from '~/components/shared/Typography';\nimport { addPageAction } from '~/helpers/utils';\nimport { MapPin } from '~/components/icons/MapPin';\nimport { useMedia } from '~/helpers/hooks';\n\nexport default function AddressForm({\n  componentLocation,\n  metadata = {},\n  isHero = false,\n  isNav = false,\n  isModal = false,\n  isUppercase = true,\n}) {\n  const {\n    mapPinIconColor,\n    addressPlaceHolderCopy,\n    addressCTACopy,\n    addressLabelCopy,\n    addressLabelColor,\n    mobileAddressCTACopy,\n  } = metadata;\n  const isMedia = useMedia();\n  const [zipCode, setZipCode] = useState('');\n  const [address, setAddress] = useState('');\n  const [finalAddress, setFinalAddress] = useState({});\n\n  const [suggestions, setSuggestions] = useState([]);\n  const [disableButton, setDisableButton] = useState(false);\n  const [showSuggestions, setShowSuggestions] = useState(false);\n  const [activeIdx, setActiveIdx] = useState(0);\n  const location = componentLocation ? componentLocation : 'Homepage';\n  const position = isHero\n    ? 'Hero'\n    : isNav\n    ? 'Nav'\n    : isModal\n    ? 'Modal'\n    : 'FinalEpq';\n\n  const { API_KEY, AUTOCOMPLETE_URL } = SMARTY_STREETS;\n\n  const checkFormButton = useCallback(() => {\n    if (address && zipCode) {\n      setDisableButton(false);\n    } else {\n      setDisableButton(true);\n    }\n  });\n\n  useEffect(() => {\n    checkFormButton();\n  }, [zipCode, address, checkFormButton]);\n\n  const setCookie = (name, value, exmins) => {\n    const d = new Date();\n    d.setTime(d.getTime() + exmins * 60 * 1000);\n    const expires = `expires=${d.toUTCString()}`;\n    document.cookie = `${name}=${value};${expires};path=/`;\n  };\n\n  const onFormSubmit = async (event) => {\n    event.preventDefault();\n    if (finalAddress) {\n      const userData = {\n        street_line: finalAddress.street_line,\n        city: finalAddress.city,\n        state: finalAddress.state,\n        zip: finalAddress.zipcode,\n        isUnit: finalAddress.entries > 0,\n        unitValue: finalAddress.secondary,\n      };\n      setCookie('address', JSON.stringify(userData), 30);\n      // Tagular track form submitted\n      window.tagular('beam', 'FormSubmitted', {\n        '@type': 'redventures.usertracking.v3.FormSubmitted',\n        formContext: {\n          formType: 'Cart CTA',\n          formName: `${position}`,\n          formId: 'Homepage',\n        },\n      });\n      window.location.href = '/order-online/product-selection/';\n    } else {\n      //Navigate to order online page\n      window.location.href = '/order-online/';\n    }\n  };\n\n  const fetchSuggestions = (query) => {\n    fetch(`${AUTOCOMPLETE_URL}${query}`)\n      .then((res) => res.json())\n      .then((body) => {\n        const newSuggestions = body.suggestions.filter(\n          (suggestion) => suggestion.state !== 'PR'\n        );\n        setSuggestions(newSuggestions);\n      })\n      .catch((error) => {\n        addPageAction('addressFormFetchSuggestionsFailed', { error });\n      });\n  };\n\n  const onAddressChange = async (value) => {\n    setAddress(value);\n    if (!value) {\n      setDisableButton(false);\n      setAddress('');\n      setZipCode('');\n      setSuggestions([]);\n      setShowSuggestions(false);\n      setActiveIdx(0);\n    } else {\n      const searchQuery = `?auth-id=${API_KEY}&search=${value}&prefer_geolocation=city`;\n\n      fetchSuggestions(searchQuery);\n      if (suggestions) {\n        const uniqueSet = new Set();\n        const uniqueAddress = [];\n\n        suggestions.map((item) => {\n          if (!uniqueSet.has(item.street_line)) {\n            uniqueSet.add(item.street_line);\n            uniqueAddress.push(item);\n          }\n          return null;\n        });\n        setSuggestions(uniqueAddress);\n        setShowSuggestions(true);\n        setActiveIdx(0);\n      } else {\n        setShowSuggestions(false);\n      }\n    }\n  };\n\n  const onSuggestionClick = async (item) => {\n    const selected = `${item.street_line} ${item.secondary} (${item.entries}) ${item.city} ${item.state} ${item.zipcode}`;\n    if (item.secondary && item.entries > 1) {\n      const searchQuery = `?auth-id=${API_KEY}&search=${item.street_line}&selected=${selected}`;\n\n      const suggestions = await fetchSuggestions(searchQuery);\n      if (suggestions) {\n        setSuggestions(suggestions);\n      }\n    } else {\n      if (item.secondary) {\n        setAddress(\n          `${item.street_line}, ${item.secondary} - ${item.city}, ${item.state} ${item.zipcode}`\n        );\n      } else {\n        setAddress(\n          `${item.street_line} - ${item.city}, ${item.state} ${item.zipcode}`\n        );\n      }\n      setFinalAddress(item);\n      setZipCode(item.zipcode);\n      setShowSuggestions(false);\n\n      // Tagular track suggestion clicked\n      window.tagular('beam', 'ElementClicked', {\n        '@type': 'redventures.usertracking.v3.ElementClicked',\n        webElement: {\n          location: location,\n          position: 'ADDRESS AUTOFILL',\n          htmlId: '',\n          elementType: 'DROP DOWN',\n          text: 'Used Suggestion',\n        },\n        actionOutcome: 'Internallink',\n      });\n\n      checkFormButton();\n    }\n  };\n\n  const handleAddressKeyDown = (event) => {\n    if (event.keyCode === 27) {\n      // handle escape key\n      setShowSuggestions(false);\n    } else if (event.keyCode === 40) {\n      // handle down arrow\n      if (activeIdx >= suggestions.length) {\n        setActiveIdx(0);\n      } else {\n        setActiveIdx(activeIdx + 1);\n      }\n    } else if (event.keyCode === 38) {\n      // handle up arrow\n      if (activeIdx > 0) {\n        setActiveIdx(activeIdx - 1);\n      }\n    } else if (event.keyCode === 13) {\n      // handle enter\n      event.preventDefault();\n      const address = suggestions[activeIdx];\n      onSuggestionClick(address);\n    }\n\n    checkFormButton();\n  };\n\n  const onInputClick = () => {\n    // handle address input field on click (means form started)\n    window.tagular('beam', 'FormStarted', {\n      '@type': 'redventures.usertracking.v3.FormStarted',\n      formContext: {\n        formType: 'ADDRESS CHECK FORM',\n        formName: `ADDRESS INPUT FIELD ${location}`,\n        formId: '',\n      },\n    });\n  };\n\n  const onSuggestionKeyDown = (event, suggestion) => {\n    if (event.keyCode === 13) {\n      event.preventDefault();\n      onSuggestionClick(suggestion);\n    }\n  };\n\n  const onCloseClick = () => {\n    // Tagular track 'close suggestions' button clicked\n    window.tagular('beam', 'ElementClicked', {\n      '@type': 'redventures.usertracking.v3.ElementClicked',\n      webElement: {\n        location: location,\n        position: 'ADDRESS AUTOFILL',\n        htmlId: '',\n        elementType: 'DROP DOWN',\n        text: 'Closed suggestions',\n      },\n      actionOutcome: '',\n    });\n\n    setShowSuggestions(false);\n  };\n\n  return (\n    <form\n      onSubmit={onFormSubmit}\n      autoComplete='off'\n      className={styles.addressForm}\n    >\n      <div\n        className={\n          isHero\n            ? ''\n            : isNav\n            ? styles.isNavContainer\n            : isModal\n            ? styles.isModalContainer\n            : styles.nonHeroContainer\n        }\n      >\n        <Typography\n          variant='h2smaller'\n          className={`${styles.addressHeadline} ${\n            !isNav && styles.heroAddressHeadline\n          }`}\n        >\n          <span style={{ color: addressLabelColor || '#fff' }}>\n            {addressLabelCopy || 'Find special offers in your area'}\n          </span>\n        </Typography>\n        <fieldset\n          className={`${styles.fieldset} ${\n            isNav\n              ? styles.isNavFieldSet\n              : !isHero && !isNav\n              ? styles.nonHeroFieldset\n              : ''\n          }`}\n        >\n          <div\n            className={`${styles.inputWrapper} ${\n              isNav\n                ? styles.isNavInputWrapper\n                : !isHero && !isNav\n                ? styles.nonHeroInputWrapper\n                : ''\n            }`}\n          >\n            <div className={styles.mapPin}>\n              <MapPin color={mapPinIconColor} />\n            </div>\n            <input\n              value={address}\n              onChange={(e) => onAddressChange(e.target.value)}\n              name='address'\n              className={`${styles.textInput} ${styles.textInputColor}`}\n              onKeyDown={(e) => handleAddressKeyDown(e)}\n              onClick={onInputClick}\n              placeholder={addressPlaceHolderCopy || 'Enter your address'}\n              data-private='lipsum'\n            />\n            {showSuggestions && (\n              <div className={styles.suggestionsList}>\n                <ul className={styles.suggestionsListItems}>\n                  <SuggestionItems\n                    items={suggestions}\n                    onSuggestionClick={onSuggestionClick}\n                    activeIdx={activeIdx}\n                    handleKeyDown={onSuggestionKeyDown}\n                  />\n                </ul>\n                <div\n                  className={styles.suggestionsListClose}\n                  onClick={onCloseClick}\n                >\n                  <Typography\n                    variant='p1'\n                    className={styles.suggestionsListCloseCopy}\n                  >\n                    Close address suggestions\n                  </Typography>\n                </div>\n              </div>\n            )}\n          </div>\n          <Button\n            isDisabled={address !== '' && disableButton}\n            className={`${styles.btn} ${\n              isNav\n                ? styles.isNavBtn\n                : !isHero && !isNav\n                ? styles.nonHeroBtn\n                : ''\n            } ${isUppercase && styles.uppercaseBtn}`}\n          >\n            {isNav && isMedia.mobile ? mobileAddressCTACopy : addressCTACopy}\n          </Button>\n        </fieldset>\n      </div>\n    </form>\n  );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom-dots\":\"FinalEpq_custom-dots__nfU5G\",\"custom-dot\":\"FinalEpq_custom-dot__Y1DeD\",\"slick-active\":\"FinalEpq_slick-active__gyX8t\",\"container\":\"FinalEpq_container__WQCdK\",\"headers\":\"FinalEpq_headers__SSv8a\",\"heading\":\"FinalEpq_heading__n8JsQ\",\"subheading\":\"FinalEpq_subheading__ftW1R\",\"content\":\"FinalEpq_content__xlFWb\",\"addressContainer\":\"FinalEpq_addressContainer__VJJVI\",\"addressLabel\":\"FinalEpq_addressLabel___W7_T\",\"marginTop\":\"FinalEpq_marginTop__MTaMy\",\"backgroundImage\":\"FinalEpq_backgroundImage__VtnQV\",\"backgroundPositionCenter\":\"FinalEpq_backgroundPositionCenter__pQgeD\",\"backgroundPositionRight\":\"FinalEpq_backgroundPositionRight__1Dm1m\",\"buttons\":\"FinalEpq_buttons__ledmL\",\"btn\":\"FinalEpq_btn__x7ud6\",\"epqBtn\":\"FinalEpq_epqBtn__ks7DS\",\"callNowCta\":\"FinalEpq_callNowCta__ZMFku\",\"ring\":\"FinalEpq_ring__wyMGF\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom-dots\":\"AddressForm_custom-dots__AgyN2\",\"custom-dot\":\"AddressForm_custom-dot__drBXp\",\"slick-active\":\"AddressForm_slick-active__mPp8V\",\"addressForm\":\"AddressForm_addressForm__Wvgg2\",\"addressHeadline\":\"AddressForm_addressHeadline__kLBlf\",\"heroAddressHeadline\":\"AddressForm_heroAddressHeadline__XWZzV\",\"fieldset\":\"AddressForm_fieldset__2N3jc\",\"isNavFieldSet\":\"AddressForm_isNavFieldSet__xWd0N\",\"nonHeroFieldset\":\"AddressForm_nonHeroFieldset__BnKk7\",\"inputWrapper\":\"AddressForm_inputWrapper__e_h18\",\"isNavInputWrapper\":\"AddressForm_isNavInputWrapper__RCY0q\",\"nonHeroInputWrapper\":\"AddressForm_nonHeroInputWrapper__FDvLy\",\"mapPin\":\"AddressForm_mapPin__D9Hhk\",\"textInput\":\"AddressForm_textInput__CGu_j\",\"textInputColor\":\"AddressForm_textInputColor__QmKBL\",\"btn\":\"AddressForm_btn__GF6sD\",\"uppercaseBtn\":\"AddressForm_uppercaseBtn__LQQkU\",\"nonHeroBtn\":\"AddressForm_nonHeroBtn__7huB6\",\"isNavBtn\":\"AddressForm_isNavBtn__RgRxP\",\"suggestionsList\":\"AddressForm_suggestionsList__Cz8kL\",\"suggestionsListItems\":\"AddressForm_suggestionsListItems__R_SaO\",\"suggestionsListClose\":\"AddressForm_suggestionsListClose__RkK60\",\"suggestionsListCloseCopy\":\"AddressForm_suggestionsListCloseCopy__uwsYi\",\"isNavContainer\":\"AddressForm_isNavContainer__OUTWe\",\"nonHeroContainer\":\"AddressForm_nonHeroContainer__NBYfL\",\"isModalContainer\":\"AddressForm_isModalContainer__FRrpg\",\"ring\":\"AddressForm_ring__b8DAY\"};"],"names":["BASE_DATA","addressCTACopy","addressLabelCopy","addressPlaceHolderCopy","backgroundImage","headline","headlineTextColor","mapPinIconColor","subhead","subheadTextColor","backgroundColor","isEpq","hasImage","secondaryCTACopy","epqCopy","FinalEpq","data","monarchData","useMonarchSlotContext","finalEpqSection","useRef","useIntersectionObserver","fireElementViewedEvent","undefined","threshold","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","div","ref","className","concat","styles","style","jsx","img","isPositionRight","src","alt","WhiteHughesnetLogo","Typography","variant","span","dangerouslySetInnerHTML","__html","color","AddressForm","metadata","isFinalEpq","Button","href","tracking","position","location","elementType","text","actionOutcome","fuse","param","componentLocation","isHero","isNav","isModal","isUppercase","addressLabelColor","mobileAddressCTACopy","isMedia","useMedia","zipCode","setZipCode","useState","address","setAddress","finalAddress","setFinalAddress","suggestions","setSuggestions","disableButton","setDisableButton","showSuggestions","setShowSuggestions","activeIdx","setActiveIdx","API_KEY","AUTOCOMPLETE_URL","SMARTY_STREETS","checkFormButton","useCallback","useEffect","setCookie","name","value","exmins","d","Date","setTime","getTime","expires","toUTCString","document","cookie","onFormSubmit","event","preventDefault","JSON","stringify","street_line","city","state","zip","zipcode","isUnit","entries","unitValue","secondary","window","tagular","formContext","formType","formName","formId","fetchSuggestions","fetch","query","then","res","json","body","filter","suggestion","catch","addPageAction","error","onAddressChange","uniqueSet","Set","uniqueAddress","map","has","item","add","push","onSuggestionClick","selected","searchQuery","webElement","htmlId","handleAddressKeyDown","keyCode","length","form","onSubmit","autoComplete","fieldset","MapPin","input","onChange","e","target","onKeyDown","onClick","placeholder","data-private","ul","SuggestionItems","items","handleKeyDown","isDisabled","mobile","module","exports"],"sourceRoot":""}