}){kind=icon}
\r\n {props.title\r\n ? props.title\r\n : props.mode === 'zip'\r\n ? 'Compare Rates'\r\n : 'Address Search'}\r\n \r\n {serviceAddress.ElectricProviderList &&\r\n serviceAddress.ElectricProviderList.length ? (\r\n <>\r\n {serviceAddress.Address.State === 'TX' ? (\r\n \r\n We don't have electric plan data for the zip code{' '}\r\n \r\n {serviceAddress.Address.Zip} in {serviceAddress.Address.City},{' '}\r\n {serviceAddress.Address.State}\r\n \r\n .\r\n
{' '}\r\n {includeAddressSearch ? (\r\n \r\n ) : null}\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n Visit {provider.DisplayName} setShowAddressSearch(null)}\r\n title={'Change Location'}\r\n afterAddressSelected={() => {\r\n //do nothing, stay here\r\n setShowZipPopup(null);\r\n }}\r\n />\r\n ) : null}\r\n
\r\n ) : null;\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n webSocket: state.webSocket,\r\n serviceAddress: state.serviceAddress,\r\n siteConfig: state.commonData.siteConfig\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n actions: {}\r\n };\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(NoDeregulatedElectric);\r\n","import React from 'react';\r\nimport { withPrefix } from 'gatsby-link';\r\nimport {\r\n Box,\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n TextField\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\n\r\nfunction TermTypePopup({ closeFunc, title }) {\r\n return (\r\n \r\n {serviceAddress.Address.Zip} is not in an area of Texas that\r\n participates in deregulated retail electric choice.
{' '}\r\n {includeAddressSearch ? (\r\n \r\n ) : null}\r\n
{' '}\r\n {includeAddressSearch ? (\r\n \r\n ) : null}\r\n
\r\n You'll need to talk to your electric provider directly about ways to\r\n save on your electric bill. The provider\r\n {serviceAddress.ElectricProviderList.length > 1 ? 's' : ''} below\r\n service\r\n {serviceAddress.ElectricProviderList.length > 1 ? '' : 's'} that\r\n location.\r\n
\r\n\r\n {serviceAddress.ElectricProviderList.map((provider) => (\r\n <>\r\n\r\n {title ? title : 'Term Length Information'}\r\n \r\n Did you know that you can cancel a long-term contract prior to its\r\n expiration date without penalty or early termination fees if you are\r\n moving to a new address?\r\n
\r\n\r\n
\r\n {\r\n closeFunc();\r\n }}>\r\n Continue\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n monthList: state.commonData.monthList\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {};\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UsageHistoryForm);\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport Loadable from '@loadable/component';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport {\r\n Box,\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n TextField\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Autocomplete from '@mui/material/Autocomplete';\r\n\r\nimport FormControl from '@mui/material/FormControl';\r\nimport Select from '@mui/material/Select';\r\nimport FormControlLabel from '@mui/material/FormControlLabel';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport WifiAnimation from '../WifiAnimation';\r\nimport { Alert, AlertTitle } from '@mui/material';\r\n\r\nimport * as dataApi from '../../api/dataApi';\r\n\r\nimport './index.css';\r\n\r\nimport UsageHistoryForm from './UsageHistoryForm';\r\n\r\nconst _chartOptions = {\r\n chart: {\r\n id: 'basic-bar',\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {\r\n bar: {\r\n columnWidth: '50%',\r\n endingShape: 'arrow'\r\n }\r\n },\r\n stroke: {\r\n width: [4, 0, 0]\r\n },\r\n xaxis: {\r\n categories: [\r\n 'January',\r\n 'February',\r\n 'March',\r\n 'April',\r\n 'May',\r\n 'June',\r\n 'July',\r\n 'August',\r\n 'September',\r\n 'October',\r\n 'November',\r\n 'December'\r\n ]\r\n },\r\n markers: {\r\n size: 6,\r\n strokeWidth: 3,\r\n fillOpacity: 0,\r\n strokeOpacity: 0,\r\n hover: {\r\n size: 8\r\n }\r\n },\r\n yaxis: {\r\n tickAmount: 5,\r\n min: 0,\r\n max: 100\r\n }\r\n};\r\n\r\nfunction UsageHistoryEntry({\r\n serviceAddress,\r\n siteConfig,\r\n showUsageHistoryPrompt,\r\n setShowUsageHistoryPrompt,\r\n usageHistory,\r\n setUsageHistory,\r\n monthList\r\n}) {\r\n const [saving, setSaving] = useState(false);\r\n const [saveError, setSaveError] = useState(null);\r\n const [chartOptions, setChartOptions] = useState(_chartOptions);\r\n const [chartData, setChartData] = useState(null);\r\n const usageEditTimeout = useRef();\r\n\r\n useEffect(() => {}, [serviceAddress]);\r\n\r\n useEffect(() => {\r\n usageEditTimeout.current = setTimeout(() => {\r\n let minUsage = null;\r\n let maxUsage = null;\r\n let _chartData = {\r\n name: 'Usage in kWh',\r\n type: 'line',\r\n data: []\r\n };\r\n\r\n monthList.map((month) => {\r\n if (!isNaN(usageHistory[month])) {\r\n if (usageHistory[month] < minUsage || minUsage === null) {\r\n minUsage = parseFloat(usageHistory[month]);\r\n }\r\n\r\n if (usageHistory[month] > maxUsage || maxUsage === null) {\r\n maxUsage = parseFloat(usageHistory[month]);\r\n }\r\n\r\n _chartData.data.push(parseFloat(usageHistory[month]));\r\n } else {\r\n _chartData.data.push(null);\r\n }\r\n });\r\n\r\n console.log(maxUsage);\r\n\r\n if (minUsage !== null && maxUsage !== null) {\r\n setChartOptions({\r\n ...chartOptions,\r\n yaxis: { ...chartOptions.yaxis, max: maxUsage + 1000 }\r\n });\r\n\r\n setChartData({ ..._chartData });\r\n }\r\n }, 500);\r\n }, [usageHistory]);\r\n\r\n useEffect(() => {\r\n // cleanup function to cancel the timeout if it hasn't finished.\r\n return () => {\r\n if (usageEditTimeout.current) {\r\n clearTimeout(usageEditTimeout.current);\r\n }\r\n };\r\n }, []);\r\n\r\n return showUsageHistoryPrompt ? (\r\n \r\n Enter your usage history in the form below to find the best plan for\r\n you based on your actual usage.\r\n
\r\n )}\r\n\r\n\r\n
\r\n ) : null}\r\n {saveError}
: null}\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n}\r\n\r\nfunction getContentHeight() {\r\n const contentHeight =\r\n (typeof window !== 'undefined' && window.innerHeight) ||\r\n document.documentElement.clientHeight ||\r\n document.body.clientHeight;\r\n\r\n return contentHeight - 120;\r\n}\r\n\r\nfunction FiltersElectric({\r\n filtersExpanded,\r\n usageSetting,\r\n setUsageSetting,\r\n estimatedUsage,\r\n setEstimatedUsage,\r\n selectedUsage,\r\n setSelectedUsage,\r\n serviceAddress,\r\n usageHistory,\r\n setUsageHistory,\r\n setShowUsageHistoryRequest,\r\n lastBillUsage,\r\n setLastBillUsage,\r\n lastBillAmount,\r\n setLastBillAmount,\r\n usageHistoryMode,\r\n setUsageHistoryMode,\r\n setShowUsageHistoryPrompt,\r\n setLastSelectedUsage,\r\n setFiltersExpanded,\r\n allOptionSelected,\r\n selectedRateType,\r\n selectedTermLength,\r\n filterCounts,\r\n selectedProviderList,\r\n tooltips,\r\n setSelectedRateType,\r\n setSelectedTermLength,\r\n setSelectedProviderList,\r\n setAllOptionSelected,\r\n setFiltersClicked,\r\n quickFilterList,\r\n quickFilter,\r\n setQuickFilter,\r\n mobile,\r\n offerList\r\n}) {\r\n const [showQuickFiltersMenu, setShowQuickFiltersMenu] = useState(null);\r\n\r\n function getTermLengthKeys() {\r\n let termLengthList = Object.keys(selectedTermLength);\r\n\r\n termLengthList.sort((a, b) => {\r\n let valueA = a === 'Monthly' ? 1 : parseInt(a.split(' ')[0]);\r\n let valueB = b === 'Monthly' ? 1 : parseInt(b.split(' ')[0]);\r\n\r\n let result = valueA > valueB ? 1 : valueA < valueB ? -1 : 0;\r\n\r\n return result;\r\n });\r\n\r\n return termLengthList;\r\n }\r\n\r\n function getProviderKeys() {\r\n let providerList = Object.keys(selectedProviderList);\r\n\r\n providerList.sort((a, b) => {\r\n let result = a > b ? 1 : a < b ? -1 : 0;\r\n\r\n return result;\r\n });\r\n\r\n return providerList;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n setQuickFilter('all')}\r\n className={quickFilter !== 'no-gimmicks' ? 'selected' : ''}>\r\n Show ALL Plans\r\n \r\n setQuickFilter('no-gimmicks')}\r\n className={quickFilter === 'no-gimmicks' ? 'selected' : ''}>\r\n Show ONLY Fixed Rate Plans\r\n
\r\n No Pricing Gimmicks\r\n \r\n
\r\n\r\n Choose Your Display Preference:
\r\n\r\n\r\n No Pricing Gimmicks\r\n \r\n
\r\n
\r\n\r\n +
\r\nChoose Your Usage Estimate:
\r\n\r\n\r\n {\r\n setSelectedUsage(500);\r\n setLastSelectedUsage(500);\r\n setUsageSetting('estimated');\r\n setShowUsageHistoryForm(false);\r\n }}\r\n variant=\"outlined\"\r\n className={\r\n selectedUsage === 500 && selectedUsage !== estimatedUsage\r\n ? 'selected'\r\n : ''\r\n }>\r\n {\r\n setSelectedUsage(1000);\r\n setLastSelectedUsage(1000);\r\n setUsageSetting('estimated');\r\n setShowUsageHistoryForm(false);\r\n }}\r\n variant=\"outlined\"\r\n className={\r\n selectedUsage === 1000 &&\r\n selectedUsage !== estimatedUsage &&\r\n usageSetting !== 'actual'\r\n ? 'selected'\r\n : ''\r\n }>\r\n {\r\n setSelectedUsage(2000);\r\n setLastSelectedUsage(2000);\r\n setUsageSetting('estimated');\r\n setShowUsageHistoryForm(false);\r\n }}\r\n variant=\"outlined\"\r\n className={\r\n selectedUsage === 2000 && selectedUsage !== estimatedUsage\r\n ? 'selected'\r\n : ''\r\n }>\r\n })
\r\n Large House\r\n 2000 kWh\r\n \r\n
\r\n \r\n Large House\r\n 2000 kWh\r\n \r\n \r\n
\r\n\r\n {showUsageHistoryForm ? (\r\n OR
\r\n\r\n {showCustom ? (\r\n <>\r\n {serviceAddress &&\r\n serviceAddress.Address &&\r\n serviceAddress.Address.ResidentID &&\r\n serviceAddress.Address.PropertyName ? (\r\n\r\n {\r\n setSelectedUsage(661);\r\n setLastSelectedUsage(661);\r\n setUsageSetting('estimated');\r\n setShowUsageHistoryForm(false);\r\n }}\r\n variant=\"outlined\"\r\n className={\r\n selectedUsage === 661 && selectedUsage !== estimatedUsage\r\n ? 'selected'\r\n : ''\r\n }>\r\n Average Usage at {serviceAddress.Address.PropertyName}\r\n 661 kWh\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n\r\n \r\n\r\n \r\n \r\n ) : (\r\n \r\n setShowCustom(true)}>\r\n Click here\r\n {' '}\r\n here to use a custom usage\r\n
\r\n )}\r\n \r\n {usageHistoryMode || !smtEnabled ? (\r\n
\r\n ) : usageSetting === 'last-bill' ? (\r\n \r\n Enter your 12-month average usage above, or enter your\r\n month-by-month usage below.\r\n
\r\n
\r\n
\r\n )}\r\n \r\n If you’d like to see the{' '}\r\n
\r\n setUsageHistoryMode('manual')}>\r\n Enter Manually\r\n \r\n
\r\n \r\n {\r\n //open address lookup\r\n }}\r\n variant=\"outlined\">\r\n \r\n \r\n document.getElementById('lastBillAmount').focus()\r\n }>\r\n Last Bill Amount\r\n {' '}\r\n and{' '}\r\n \r\n document.getElementById('lastBillUsage').focus()\r\n }>\r\n Last Usage Amount\r\n {' '}\r\n are both required\r\n \r\n ) : (\r\n <>\r\n Scroll down to view plans\r\n setFiltersExpanded(false)}>\r\n Close Filters\r\n \r\n \r\n )}\r\n
\r\n \r\n Enter your last bill amounts below to compare plans based on how\r\n much you will save. For an even more accurate comparison,{' '}\r\n setUsageSetting('actual')}>\r\n enter your last 12 months of usage\r\n \r\n .\r\n
\r\n {/*Zip Code
\r\n \r\n
\r\n */}\r\n \r\n {\r\n document.getElementById('lastBillAmount').focus();\r\n }}\r\n variant=\"outlined\">\r\n {\r\n if (lastBillUsage) {\r\n setSelectedUsage(lastBillUsage);\r\n }\r\n\r\n if (typeof window !== 'undefined') {\r\n document.getElementById('lastBillUsage').focus();\r\n }\r\n }}\r\n variant=\"outlined\">\r\n
\r\n Last Bill Amount
\r\n \r\n {\r\n if (event.target.value) {\r\n setLastBillAmount(parseFloat(event.target.value));\r\n } else {\r\n setLastBillAmount(null);\r\n }\r\n }}\r\n variant=\"standard\"\r\n id=\"lastBillAmount\"\r\n key=\"lastBillAmount\"\r\n autoFocus={!lastBillAmount}\r\n onFocus={(event) => event.target.select()}\r\n type=\"number\"\r\n inputProps={{ inputMode: 'numeric' }}\r\n InputProps={{\r\n startAdornment: (\r\n $ \r\n )\r\n }}\r\n />\r\n
\r\n \r\n Last Bill Usage
\r\n \r\n {\r\n if (event.target.value) {\r\n setLastBillUsage(\r\n parseFloat(event.target.value.substring(0, 5))\r\n );\r\n } else {\r\n setLastBillUsage(null);\r\n }\r\n }}\r\n variant=\"standard\"\r\n id=\"lastBillUsage\"\r\n key=\"lastBillUsage\"\r\n autoFocus={lastBillAmount && !lastBillUsage}\r\n onFocus={(event) => event.target.select()}\r\n type=\"number\"\r\n inputProps={{ inputMode: 'numeric', maxLength: 5 }}\r\n InputProps={{\r\n endAdornment: (\r\n kWh \r\n )\r\n }}\r\n />\r\n
\r\n \r\n \r\n {mobile ? (\r\n \r\n setShowQuickFiltersMenu(event.currentTarget)}>\r\n {quickFilter === 'all'\r\n ? 'All Plans'\r\n : quickFilterList.filter(\r\n (_quickFilter) => _quickFilter.value === quickFilter\r\n )[0].label}{' '}\r\n setShowQuickFiltersMenu(null)}>\r\n {quickFilterList\r\n .filter((_quickFilter) => !_quickFilter.hideInQuickFilters)\r\n .map((_quickFilter) =>\r\n !_quickFilter.requiredRateType ||\r\n (selectedRateType &&\r\n selectedRateType.hasOwnProperty(\r\n _quickFilter.requiredRateType\r\n )) ? (\r\n {\r\n setQuickFilter(_quickFilter.value);\r\n setShowQuickFiltersMenu(null);\r\n }}>\r\n {_quickFilter.value === 'all'\r\n ? 'All Plans'\r\n : _quickFilter.label}\r\n \r\n ) : null\r\n )}\r\n \r\n \r\n ) : null}\r\n\r\n \r\n
\r\n\r\n {selectedTermLength ? (\r\n \r\n \r\n Term (Contract Length) \r\n \r\n \r\n setAllOptionSelected({\r\n ...allOptionSelected,\r\n termLength: !allOptionSelected.termLength\r\n })\r\n }\r\n name=\"ALL\"\r\n color=\"primary\"\r\n disabled={allOptionSelected.termLength}\r\n />\r\n }\r\n label=\"ALL\"\r\n />\r\n\r\n {getTermLengthKeys().map((termLength) => (\r\n {\r\n setSelectedTermLength({\r\n ...selectedTermLength,\r\n [termLength]:\r\n selectedTermLength[termLength] === true\r\n ? false\r\n : true\r\n });\r\n setFiltersClicked(true);\r\n }}\r\n name={termLength}\r\n color=\"primary\"\r\n />\r\n }\r\n label={\r\n termLength +\r\n (filterCounts && filterCounts.termLength\r\n ? ' (' + filterCounts.termLength[termLength] + ')'\r\n : '')\r\n }\r\n disabled={\r\n !filterCounts ||\r\n !filterCounts.termLength ||\r\n !filterCounts.termLength[termLength]\r\n }\r\n />\r\n ))}\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {quickFilterList ? (\r\n \r\n \r\n Specific Plan Features \r\n \r\n {quickFilterList\r\n .filter(\r\n (_quickFilter) =>\r\n !_quickFilter.hideInQuickFilters &&\r\n (!_quickFilter.requiredRateType ||\r\n (selectedRateType &&\r\n selectedRateType.hasOwnProperty(\r\n _quickFilter.requiredRateType\r\n ))) &&\r\n (!_quickFilter.func ||\r\n _quickFilter.func(\r\n offerList,\r\n selectedTermLength,\r\n allOptionSelected\r\n ).length)\r\n )\r\n .map((_quickFilter) => (\r\n {\r\n setQuickFilter(_quickFilter.value);\r\n setFiltersClicked(true);\r\n }}\r\n name={_quickFilter.label}\r\n color=\"primary\"\r\n />\r\n }\r\n disabled={\r\n _quickFilter.value === 'all' && quickFilter === 'all'\r\n }\r\n label={\r\n _quickFilter.label +\r\n (_quickFilter.func\r\n ? ' (' +\r\n _quickFilter.func(\r\n offerList,\r\n selectedTermLength,\r\n allOptionSelected\r\n ).length +\r\n ')'\r\n : '')\r\n }\r\n />\r\n ))}\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {selectedProviderList ? (\r\n \r\n {offerList &&\r\n offerList.length &&\r\n getProviderKeys().map((providerName) => (\r\n \r\n Provider \r\n \r\n \r\n setAllOptionSelected({\r\n ...allOptionSelected,\r\n provider: !allOptionSelected.provider\r\n })\r\n }\r\n name=\"ALL\"\r\n color=\"primary\"\r\n disabled={allOptionSelected.provider}\r\n />\r\n }\r\n label=\"ALL\"\r\n />\r\n\r\n {offerList &&\r\n offerList.length &&\r\n getProviderKeys().map((providerName) => (\r\n\r\n {\r\n setSelectedProviderList({\r\n ...selectedProviderList,\r\n [providerName]:\r\n selectedProviderList[providerName] === true\r\n ? false\r\n : true\r\n });\r\n\r\n setFiltersClicked(true);\r\n }}\r\n color=\"primary\"\r\n name={providerName}\r\n />\r\n }\r\n label={\r\n providerName +\r\n (filterCounts && filterCounts.provider\r\n ? ' (' + filterCounts.provider[providerName] + ')'\r\n : '')\r\n }\r\n disabled={\r\n !filterCounts ||\r\n !filterCounts.provider ||\r\n !filterCounts.provider[providerName]\r\n }\r\n />\r\n ))}\r\n \r\n */}\r\n
\r\n ) : null}\r\n\r\n {/* {selectedRateType ? (\r\n \r\n {\r\n setSelectedProviderList({\r\n ...selectedProviderList,\r\n [providerName]:\r\n selectedProviderList[providerName] === true\r\n ? false\r\n : true\r\n });\r\n\r\n setFiltersClicked(true);\r\n }}>\r\n offer.ProviderName === providerName\r\n )[0].LogoFile\r\n }\r\n alt={providerName}\r\n />\r\n \r\n
\r\n ))}\r\n {/* \r\n \r\n Rate Type: \r\n \r\n \r\n setAllOptionSelected({\r\n ...allOptionSelected,\r\n rateType: !allOptionSelected.rateType\r\n })\r\n }\r\n name=\"ALL\"\r\n color=\"primary\"\r\n disabled={allOptionSelected.rateType}\r\n />\r\n }\r\n label=\"ALL\"\r\n />\r\n\r\n {Object.keys(selectedRateType).map((rateType) => (\r\n {\r\n setSelectedRateType({\r\n ...selectedRateType,\r\n [rateType]:\r\n selectedRateType[rateType] === true ? false : true\r\n });\r\n setFiltersClicked(true);\r\n }}\r\n name={rateType}\r\n color=\"primary\"\r\n />\r\n }\r\n label={\r\n rateType +\r\n (filterCounts && filterCounts.rateType\r\n ? ' (' + filterCounts.rateType[rateType] + ')'\r\n : '')\r\n }\r\n disabled={\r\n !filterCounts ||\r\n !filterCounts.rateType ||\r\n filterCounts.rateType[rateType] === 0\r\n }\r\n />\r\n ))}\r\n \r\n \r\n\r\n {\r\n setFiltersExpanded(false);\r\n setTimeout(() => {\r\n if (typeof window !== 'undefined') {\r\n const top = document.getElementById('offerRowStart');\r\n if (top) {\r\n dataApi.scrollToElementInPage(top, -145, false);\r\n }\r\n }\r\n }, 200);\r\n }}>\r\n Close Filters\r\n \r\n
\r\n ) : null} */}\r\n \r\n );\r\n}\r\n\r\nfunction FiltersElectricWrapper(props) {\r\n const [scrollbarHeight, setScrollbarHeight] = useState(getContentHeight());\r\n\r\n useEffect(() => {\r\n // timeoutId for debounce mechanism\r\n let timeoutId = null;\r\n const resizeListener = () => {\r\n // prevent execution of previous setTimeout\r\n clearTimeout(timeoutId);\r\n\r\n timeoutId = setTimeout(() => setScrollbarHeight(getContentHeight()), 150);\r\n };\r\n // set resize listener\r\n window.addEventListener('resize', resizeListener);\r\n\r\n // clean up function\r\n return () => {\r\n // remove resize listener\r\n window.removeEventListener('resize', resizeListener);\r\n };\r\n }, []);\r\n\r\n return (\r\n <>\r\n {props.mobile ? (\r\n \r\n \r\n {/*
\r\n \r\n ) : null}\r\n\r\n {!props.mobile ? (\r\n \r\nShowing {filteredOfferList.length} of {offerList.length}{' '}\r\noffers\r\n
*/}\r\n\r\n \r\n
\r\n \r\nShowing {filteredOfferList.length} of {offerList.length}{' '}\r\noffers\r\n
*/}\r\n\r\n \r\n (\r\n
\r\n \r\n ) : null}\r\n \r\n );\r\n}\r\n\r\nexport default FiltersElectricWrapper;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { Alert, Button } from '@mui/material';\r\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { withPrefix } from 'gatsby-link';\r\n\r\nimport * as webSocketActions from '../../redux/actions/webSocketActions';\r\n\r\nimport ThousandKWhTrap from '../LandingSC/ThousandKWhTrap';\r\nimport Rollercoaster from '../LandingSC/Rollercoaster';\r\nimport DontBeAverage from '../LandingSC/DontBeAverage';\r\n\r\nimport '../TXLandingPage/index.css';\r\nimport './SCLandingInline.css';\r\n\r\nfunction SCLandingInline({ truePrice }) {\r\n const activeTimeout = useRef();\r\n const [activeSection, setActiveSection] = useState(null);\r\n\r\n function updateActiveSection(section) {\r\n if (activeTimeout.current) {\r\n clearTimeout(activeTimeout.current);\r\n }\r\n\r\n setActiveSection(null);\r\n\r\n if (section) {\r\n if (activeSection) {\r\n activeTimeout.current = setTimeout(() => {\r\n setActiveSection(section);\r\n }, 0);\r\n } else {\r\n setActiveSection(section);\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n {truePrice ? (\r\n \r\n In Texas, you have a choice when it comes to your electric provider.\r\n But shoppers need to be careful, the advertised prices found on most\r\n comparison sites and on the Electricity Facts Label (EFL) can\r\n sometimes be misleading because they only show you what you’ll pay at\r\n exactly those usage points. Use more or less than that exact amount\r\n and your price can go up, sometimes significantly.\r\n
\r\n
\r\n To help you better understand each plan's actual pricing we’ve\r\n converted those advertised prices into what we call a “True Price”.{' '}\r\n
\r\n
\r\n The True Price column below shows you what the average price will be\r\n for that plan over a 12-month period after taking seasonal usage\r\n fluctuations into account. This True Price is a much better indicator\r\n of what you’ll actually pay over that time than the advertised prices\r\n are.\r\n \r\n ) : null}\r\n\r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n webSocket: state.webSocket,\r\n serviceAddress: state.serviceAddress,\r\n siteConfig: state.commonData.siteConfig\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n actions: {\r\n pageLoading: bindActionCreators(webSocketActions.pageLoading, dispatch)\r\n }\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SCLandingInline);\r\n","import React, { useState, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport { getFullCostDetail } from '../../api/offerCalc';\r\n\r\nimport FeaturedOfferElectric from '../OfferGrid/FeaturedOfferElectric';\r\n\r\nexport function FeaturedOffersElectric({ serviceAddress }) {\r\n const [featuredOfferList, setFeaturedOfferList] = useState(null);\r\n const [priceColumn, setPriceColumn] = useState('PriceAt1000');\r\n const [usage, setUsage] = useState(1000);\r\n const [usageSetting, setUsageSetting] = useState('estimated');\r\n useEffect(() => {\r\n console.log('usage changed 2', usage, priceColumn);\r\n\r\n if (serviceAddress && serviceAddress.OfferDictionary) {\r\n if (serviceAddress.OfferDictionary.Electric) {\r\n let _offerList = serviceAddress.OfferDictionary.Electric.filter(\r\n (offer) => offer.TermLength >= 12\r\n ).map((offer) =>\r\n getFullCostDetail(\r\n offer,\r\n usage,\r\n serviceAddress,\r\n null,\r\n 'estimated',\r\n null\r\n )\r\n );\r\n\r\n // if (typeof window !== 'undefined' && window.innerWidth > 820) {\r\n // _offerList = _offerList.filter((offer) => offer.ApiID !== 603);\r\n // }\r\n\r\n _offerList.sort(\r\n (offerA, offerB) => offerA[priceColumn] - offerB[priceColumn]\r\n );\r\n\r\n const bestAdvertisedPriceList = _offerList.filter(\r\n (offer) => offer[priceColumn] === _offerList[0][priceColumn]\r\n );\r\n\r\n const bestAdvertisedPrice =\r\n bestAdvertisedPriceList.length === 1\r\n ? { ...bestAdvertisedPriceList[0] }\r\n : {\r\n ...bestAdvertisedPriceList[\r\n Math.floor(Math.random() * bestAdvertisedPriceList.length)\r\n ]\r\n };\r\n\r\n const mostPopular = _offerList.filter(\r\n (_offer) => _offer.ProviderID === 75593\r\n )[0]; //Already sorted by advertised price\r\n\r\n const bestPrepaid = {\r\n ..._offerList.filter((offer) => offer.IsPrepaid)[0]\r\n };\r\n\r\n _offerList.sort(\r\n (offerA, offerB) => offerA.TrueCost_Dollars - offerB.TrueCost_Dollars\r\n );\r\n\r\n const bestTruePrice = { ..._offerList[0] };\r\n\r\n _offerList.sort(\r\n (offerA, offerB) =>\r\n offerB.RenewableContent - offerA.RenewableContent ||\r\n offerA[priceColumn] - offerB[priceColumn]\r\n );\r\n\r\n const bestPercentRenewable = { ..._offerList[0] };\r\n\r\n if (mostPopular) {\r\n setFeaturedOfferList([\r\n {\r\n label: 'Lowest Advertised Price',\r\n color: '#ed7d31',\r\n ...bestAdvertisedPrice\r\n },\r\n {\r\n label: 'Most Popular Brand',\r\n color: '#0070c0',\r\n ...mostPopular\r\n },\r\n {\r\n label: '100% Renewable',\r\n color: '#00b050',\r\n ...bestPercentRenewable\r\n },\r\n {\r\n label: 'Best Year Round Value',\r\n color: '#7030a0',\r\n ...bestTruePrice\r\n }\r\n ]);\r\n } else {\r\n setFeaturedOfferList([\r\n {\r\n label: 'Lowest Advertised Price',\r\n color: '#ed7d31',\r\n ...bestAdvertisedPrice\r\n },\r\n {\r\n label: 'Best Year Round Value',\r\n color: '#0070c0',\r\n ...bestTruePrice,\r\n isTrueCost: true\r\n },\r\n {\r\n label: '100% Renewable',\r\n color: '#00b050',\r\n ...bestPercentRenewable\r\n },\r\n {\r\n label: 'Best Prepaid - No Deposit Plan',\r\n color: '#7030a0',\r\n ...bestPrepaid\r\n }\r\n ]);\r\n }\r\n } else {\r\n setFeaturedOfferList([]);\r\n }\r\n }\r\n }, [serviceAddress, priceColumn, usage]);\r\n\r\n return featuredOfferList ? (\r\n \r\n
\r\n To help you better understand each plan's actual pricing we’ve\r\n converted those advertised prices into what we call a “True Price”.{' '}\r\n
\r\n
\r\n The True Price column below shows you what the average price will be\r\n for that plan over a 12-month period after taking seasonal usage\r\n fluctuations into account. This True Price is a much better indicator\r\n of what you’ll actually pay over that time than the advertised prices\r\n are.\r\n
\r\n
\r\n \r\n Knowledge is Power - how to Save ${' '}\r\n on your next electric plan\r\n
\r\n- \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {featuredOfferList.map((offer) => (\r\n
\r\n \r\n Electric Plans for{' '}\r\n \r\n {' '}\r\n {serviceAddress &&\r\n serviceAddress.Address &&\r\n serviceAddress.Address.Zip\r\n ? serviceAddress.Address.Zip\r\n : 'Texas'}\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n\r\n
\r\n ) : null}\r\n \r\n ) : null}\r\n \r\n {serviceAddress &&\r\n serviceAddress.OfferDictionary &&\r\n serviceAddress.OfferDictionary.Electric ? (\r\n \r\n \r\n All electric plans for{' '}\r\n \r\n {serviceAddress.Address.Address ? (\r\n <>\r\n {serviceAddress.Address.Address}{' '}\r\n {serviceAddress.Address.Secondary\r\n ? serviceAddress.Address.Secondary\r\n : ''}\r\n \r\n ) : (\r\n serviceAddress.Address.Zip\r\n )}\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n\r\n\r\n You can adjust the usage levels used to calculate prices using\r\n the blue buttons below.\r\n
\r\n\r\n {filteredOfferList && offerList.length ? (\r\n
\r\n \r\n\r\n {/* Commented out until we figure out how to present this or remove it for customers \r\n
\r\n ) : !webSocket || !webSocket.pageLoading ? (\r\n \r\n {/* {!preFilter || preFilterRemoved ? (\r\n \r\n // Best Deal\r\n // {sortColumn[usageSetting] !== 'TrueCost_Dollars' &&\r\n // sortColumn[usageSetting] !== 'TrueCost_PerKWh' &&\r\n // usageSetting !== 'lastBill' ? (\r\n //
\r\n \r\n
\r\n ) : null} */}\r\n\r\n {preFilter && !preFilterRemoved ? (\r\n \r\n Want to know a secret? ... The plans with the lowest\r\n Advertised Price are not always the best value. Sort by\r\n the True Price column below to learn why.\r\n
\r\n\r\n
\r\n \r\n The {preFilterLabel} plans listed below are available in{' '}\r\n {serviceAddress.Address.City} for the zip code{' '}\r\n {serviceAddress.Address.Zip}.{' '}\r\n setShowAddressSearch(true)}>\r\n Change locations
\r\n ) : null}\r\n\r\n \r\n
\r\n\r\n \r\n\r\n {isLanding && sortColumn[usageSetting] === 'TrueCost_PerKWh' ? (\r\n \r\n
\r\n \r\n
\r\n \r\n Choose your priority
\r\n \r\n {/*
\r\n \r\n \r\n
*/}\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('TermLength');\r\n if (!showTermTypePopup) {\r\n setShowTermTypePopup({ show: true });\r\n }\r\n }}\r\n variant={\r\n sortColumn &&\r\n sortColumn[usageSetting] &&\r\n sortColumn[usageSetting].indexOf('TermLength') !==\r\n -1\r\n ? 'contained'\r\n : 'outlined'\r\n }\r\n color=\"primary\">\r\n \r\n \r\n \r\n
\r\n\r\n {usageSetting === 'lastBill' ? (\r\n <>\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('SingleMonthPriceKWh');\r\n }}\r\n variant={\r\n sortColumn &&\r\n sortColumn[usageSetting] &&\r\n sortColumn[usageSetting].indexOf(\r\n 'SingleMonthPriceKWh'\r\n ) !== -1\r\n ? 'contained'\r\n : 'outlined'\r\n }\r\n color=\"primary\">\r\n
\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('SingleMonthPriceDollars');\r\n }}\r\n variant={\r\n sortColumn &&\r\n sortColumn[usageSetting] &&\r\n sortColumn[usageSetting].indexOf(\r\n 'SingleMonthPriceDollars'\r\n ) !== -1\r\n ? 'contained'\r\n : 'outlined'\r\n }\r\n color=\"primary\">\r\n \r\n
\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('AmountSaved');\r\n }}\r\n variant={\r\n sortColumn &&\r\n sortColumn[usageSetting] &&\r\n sortColumn[usageSetting].indexOf(\r\n 'AmountSaved'\r\n ) !== -1\r\n ? 'contained'\r\n : 'outlined'\r\n }\r\n color=\"primary\">\r\n \r\n
\r\n {/* \r\n \r\n
\r\n \r\n \r\n
*/}\r\n \r\n ) : (\r\n <>\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('-RenewableContent');\r\n }}>\r\n
\r\n\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('TrueCost_PerKWh');\r\n setTruePriceClicked(true);\r\n }}>\r\n \r\n
\r\n\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('SingleMonthPriceDollars');\r\n }}>\r\n
\r\n\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('SingleMonthPriceKWh');\r\n }}>\r\n \r\n
\r\n {/* \r\n sortOffers('TrueCost_Dollars')}>\r\n \r\n \r\n \r\n
*/}\r\n \r\n )}\r\n \r\n
\r\n \r\n {\r\n setFiltersClicked(true);\r\n sortOffers('SingleMonthPriceKWh');\r\n }}>\r\n \r\n
\r\n \r\n {\r\n setShowTrueCostExplanation(false);\r\n dataApi.setCookie('sc-hide-true-cost-explanation', '1');\r\n }}>\r\n
\r\n ) : null}\r\n\r\n {usageSetting !== 'lastBill' ||\r\n (lastBillAmount && lastBillUsage) ? (\r\n <>\r\n {bestOffer ? (\r\n \r\n {/* */}\r\n
\r\n \r\n The advertised prices found on the Electricity Facts Label\r\n (EFL) can sometimes be misleading because they only show\r\n you what you’ll pay at exactly those usage points. Use\r\n more or less than that exact usage and your price can go\r\n up, sometimes significantly.\r\n
\r\n\r\n To help you better understand each plan's actual pricing\r\n we’ve converted those advertised prices into what we call\r\n a “True Price”.{' '}\r\n
\r\n\r\n The True Price column shows you what the average price\r\n will be for that plan over a 12-month period after taking\r\n seasonal usage fluctuations into consideration. This True\r\n Price is a much better indicator of what you’ll actually\r\n pay than the prices advertised by providers.\r\n
\r\n\r\n // Sort by True Price to see the best deals{' '}\r\n //
\r\n // ) : null}\r\n // \r\n // }\r\n isFeatured\r\n highlightPriceColumn={highlightPriceColumn}\r\n truePriceClicked={truePriceClicked}\r\n />\r\n ) : null}\r\n\r\n {filteredOfferList.map((offer, offerIndex) =>\r\n !bestOffer ||\r\n bestOffer.OfferID !== offer.OfferID ||\r\n offerIndex > 0 ? (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n ) : null\r\n )}\r\n \r\n ) : (\r\n \r\n Enter your{' '}\r\n {\r\n setFiltersExpanded(true);\r\n setTimeout(() => {\r\n document.getElementById('lastBillAmount').focus();\r\n }, 100);\r\n }}>\r\n last bill amount\r\n {' '}\r\n and{' '}\r\n {\r\n setFiltersExpanded(true);\r\n setTimeout(() => {\r\n document.getElementById('lastBillUsage').focus();\r\n }, 100);\r\n }}>\r\n last usage amount\r\n {' '}\r\n in the form above to view plans.\r\n
\r\n )}\r\n \r\n
\r\n
\r\n Loading plans...\r\n
\r\n ) : null}\r\n \r\n
\r\n Loading plans...\r\n
Electric rates are down 20% or more depending on where you live.
\r\n {offerList && offerList.length == 2 ? (\r\n\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n ) : null}\r\n\r\n {offerList && offerList.length == 2 ? (\r\n \r\n
\r\n Estimated monthly savings:
\r\n\r\n $\r\n {round(\r\n offerList[0].PriceDollars - offerList[1].PriceDollars\r\n ).toFixed(2)}\r\n *\r\n
\r\n\r\n *Estimated prices above based on average usage of {usage} kWh and the\r\n lowest available rate.\r\n
\r\n ) : null}\r\n\r\n \r\n Enter your zip code below to find the lowest rate in your area.\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n webSocket: state.webSocket,\r\n serviceAddress: state.serviceAddress,\r\n siteConfig: state.commonData.siteConfig\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n actions: {}\r\n };\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Electric6MonthAvgCompare);\r\n","const visuallyHidden = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px'\n};\nexport default visuallyHidden;","function areArraysEqual(array1, array2) {\n let itemComparer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (a, b) => a === b;\n return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));\n}\nexport default areArraysEqual;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { unstable_ownerDocument as ownerDocument, unstable_useControlled as useControlled, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback, unstable_useForkRef as useForkRef, unstable_useIsFocusVisible as useIsFocusVisible, visuallyHidden, clamp } from '@mui/utils';\nimport extractEventHandlers from '@mui/utils/extractEventHandlers';\nimport areArraysEqual from '../utils/areArraysEqual';\nconst INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;\nfunction asc(a, b) {\n return a - b;\n}\nfunction findClosest(values, currentValue) {\n var _values$reduce;\n const {\n index: closestIndex\n } = (_values$reduce = values.reduce((acc, value, index) => {\n const distance = Math.abs(currentValue - value);\n if (acc === null || distance < acc.distance || distance === acc.distance) {\n return {\n distance,\n index\n };\n }\n return acc;\n }, null)) != null ? _values$reduce : {};\n return closestIndex;\n}\nfunction trackFinger(event, touchId) {\n // The event is TouchEvent\n if (touchId.current !== undefined && event.changedTouches) {\n const touchEvent = event;\n for (let i = 0; i < touchEvent.changedTouches.length; i += 1) {\n const touch = touchEvent.changedTouches[i];\n if (touch.identifier === touchId.current) {\n return {\n x: touch.clientX,\n y: touch.clientY\n };\n }\n }\n return false;\n }\n\n // The event is MouseEvent\n return {\n x: event.clientX,\n y: event.clientY\n };\n}\nexport function valueToPercent(value, min, max) {\n return (value - min) * 100 / (max - min);\n}\nfunction percentToValue(percent, min, max) {\n return (max - min) * percent + min;\n}\nfunction getDecimalPrecision(num) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\nfunction roundValueToStep(value, step, min) {\n const nearest = Math.round((value - min) / step) * step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\nfunction setValueIndex(_ref) {\n let {\n values,\n newValue,\n index\n } = _ref;\n const output = values.slice();\n output[index] = newValue;\n return output.sort(asc);\n}\nfunction focusThumb(_ref2) {\n let {\n sliderRef,\n activeIndex,\n setActive\n } = _ref2;\n var _sliderRef$current, _doc$activeElement;\n const doc = ownerDocument(sliderRef.current);\n if (!((_sliderRef$current = sliderRef.current) != null && _sliderRef$current.contains(doc.activeElement)) || Number(doc == null || (_doc$activeElement = doc.activeElement) == null ? void 0 : _doc$activeElement.getAttribute('data-index')) !== activeIndex) {\n var _sliderRef$current2;\n (_sliderRef$current2 = sliderRef.current) == null || _sliderRef$current2.querySelector(`[type=\"range\"][data-index=\"${activeIndex}\"]`).focus();\n }\n if (setActive) {\n setActive(activeIndex);\n }\n}\nfunction areValuesEqual(newValue, oldValue) {\n if (typeof newValue === 'number' && typeof oldValue === 'number') {\n return newValue === oldValue;\n }\n if (typeof newValue === 'object' && typeof oldValue === 'object') {\n return areArraysEqual(newValue, oldValue);\n }\n return false;\n}\nconst axisProps = {\n horizontal: {\n offset: percent => ({\n left: `${percent}%`\n }),\n leap: percent => ({\n width: `${percent}%`\n })\n },\n 'horizontal-reverse': {\n offset: percent => ({\n right: `${percent}%`\n }),\n leap: percent => ({\n width: `${percent}%`\n })\n },\n vertical: {\n offset: percent => ({\n bottom: `${percent}%`\n }),\n leap: percent => ({\n height: `${percent}%`\n })\n }\n};\nexport const Identity = x => x;\n\n// TODO: remove support for Safari < 13.\n// https://caniuse.com/#search=touch-action\n//\n// Safari, on iOS, supports touch action since v13.\n// Over 80% of the iOS phones are compatible\n// in August 2020.\n// Utilizing the CSS.supports method to check if touch-action is supported.\n// Since CSS.supports is supported on all but Edge@12 and IE and touch-action\n// is supported on both Edge@12 and IE if CSS.supports is not available that means that\n// touch-action will be supported\nlet cachedSupportsTouchActionNone;\nfunction doesSupportTouchActionNone() {\n if (cachedSupportsTouchActionNone === undefined) {\n if (typeof CSS !== 'undefined' && typeof CSS.supports === 'function') {\n cachedSupportsTouchActionNone = CSS.supports('touch-action', 'none');\n } else {\n cachedSupportsTouchActionNone = true;\n }\n }\n return cachedSupportsTouchActionNone;\n}\n/**\n *\n * Demos:\n *\n * - [Slider](https://mui.com/base-ui/react-slider/#hook)\n *\n * API:\n *\n * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)\n */\nexport function useSlider(parameters) {\n const {\n 'aria-labelledby': ariaLabelledby,\n defaultValue,\n disabled = false,\n disableSwap = false,\n isRtl = false,\n marks: marksProp = false,\n max = 100,\n min = 0,\n name,\n onChange,\n onChangeCommitted,\n orientation = 'horizontal',\n rootRef: ref,\n scale = Identity,\n step = 1,\n shiftStep = 10,\n tabIndex,\n value: valueProp\n } = parameters;\n const touchId = React.useRef();\n // We can't use the :active browser pseudo-classes.\n // - The active state isn't triggered when clicking on the rail.\n // - The active state isn't transferred when inversing a range slider.\n const [active, setActive] = React.useState(-1);\n const [open, setOpen] = React.useState(-1);\n const [dragging, setDragging] = React.useState(false);\n const moveCount = React.useRef(0);\n const [valueDerived, setValueState] = useControlled({\n controlled: valueProp,\n default: defaultValue != null ? defaultValue : min,\n name: 'Slider'\n });\n const handleChange = onChange && ((event, value, thumbIndex) => {\n // Redefine target to allow name and value to be read.\n // This allows seamless integration with the most popular form libraries.\n // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492\n // Clone the event to not override `target` of the original event.\n const nativeEvent = event.nativeEvent || event;\n // @ts-ignore The nativeEvent is function, not object\n const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n Object.defineProperty(clonedEvent, 'target', {\n writable: true,\n value: {\n value,\n name\n }\n });\n onChange(clonedEvent, value, thumbIndex);\n });\n const range = Array.isArray(valueDerived);\n let values = range ? valueDerived.slice().sort(asc) : [valueDerived];\n values = values.map(value => value == null ? min : clamp(value, min, max));\n const marks = marksProp === true && step !== null ? [...Array(Math.floor((max - min) / step) + 1)].map((_, index) => ({\n value: min + step * index\n })) : marksProp || [];\n const marksValues = marks.map(mark => mark.value);\n const {\n isFocusVisibleRef,\n onBlur: handleBlurVisible,\n onFocus: handleFocusVisible,\n ref: focusVisibleRef\n } = useIsFocusVisible();\n const [focusedThumbIndex, setFocusedThumbIndex] = React.useState(-1);\n const sliderRef = React.useRef();\n const handleFocusRef = useForkRef(focusVisibleRef, sliderRef);\n const handleRef = useForkRef(ref, handleFocusRef);\n const createHandleHiddenInputFocus = otherHandlers => event => {\n var _otherHandlers$onFocu;\n const index = Number(event.currentTarget.getAttribute('data-index'));\n handleFocusVisible(event);\n if (isFocusVisibleRef.current === true) {\n setFocusedThumbIndex(index);\n }\n setOpen(index);\n otherHandlers == null || (_otherHandlers$onFocu = otherHandlers.onFocus) == null || _otherHandlers$onFocu.call(otherHandlers, event);\n };\n const createHandleHiddenInputBlur = otherHandlers => event => {\n var _otherHandlers$onBlur;\n handleBlurVisible(event);\n if (isFocusVisibleRef.current === false) {\n setFocusedThumbIndex(-1);\n }\n setOpen(-1);\n otherHandlers == null || (_otherHandlers$onBlur = otherHandlers.onBlur) == null || _otherHandlers$onBlur.call(otherHandlers, event);\n };\n const changeValue = (event, valueInput) => {\n const index = Number(event.currentTarget.getAttribute('data-index'));\n const value = values[index];\n const marksIndex = marksValues.indexOf(value);\n let newValue = valueInput;\n if (marks && step == null) {\n const maxMarksValue = marksValues[marksValues.length - 1];\n if (newValue > maxMarksValue) {\n newValue = maxMarksValue;\n } else if (newValue < marksValues[0]) {\n newValue = marksValues[0];\n } else {\n newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];\n }\n }\n newValue = clamp(newValue, min, max);\n if (range) {\n // Bound the new value to the thumb's neighbours.\n if (disableSwap) {\n newValue = clamp(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);\n }\n const previousValue = newValue;\n newValue = setValueIndex({\n values,\n newValue,\n index\n });\n let activeIndex = index;\n\n // Potentially swap the index if needed.\n if (!disableSwap) {\n activeIndex = newValue.indexOf(previousValue);\n }\n focusThumb({\n sliderRef,\n activeIndex\n });\n }\n setValueState(newValue);\n setFocusedThumbIndex(index);\n if (handleChange && !areValuesEqual(newValue, valueDerived)) {\n handleChange(event, newValue, index);\n }\n if (onChangeCommitted) {\n onChangeCommitted(event, newValue);\n }\n };\n const createHandleHiddenInputKeyDown = otherHandlers => event => {\n var _otherHandlers$onKeyD;\n // The Shift + Up/Down keyboard shortcuts for moving the slider makes sense to be supported\n // only if the step is defined. If the step is null, this means tha the marks are used for specifying the valid values.\n if (step !== null) {\n const index = Number(event.currentTarget.getAttribute('data-index'));\n const value = values[index];\n let newValue = null;\n if ((event.key === 'ArrowLeft' || event.key === 'ArrowDown') && event.shiftKey || event.key === 'PageDown') {\n newValue = Math.max(value - shiftStep, min);\n } else if ((event.key === 'ArrowRight' || event.key === 'ArrowUp') && event.shiftKey || event.key === 'PageUp') {\n newValue = Math.min(value + shiftStep, max);\n }\n if (newValue !== null) {\n changeValue(event, newValue);\n event.preventDefault();\n }\n }\n otherHandlers == null || (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null || _otherHandlers$onKeyD.call(otherHandlers, event);\n };\n useEnhancedEffect(() => {\n if (disabled && sliderRef.current.contains(document.activeElement)) {\n var _document$activeEleme;\n // This is necessary because Firefox and Safari will keep focus\n // on a disabled element:\n // https://codesandbox.io/p/sandbox/mui-pr-22247-forked-h151h?file=/src/App.js\n // @ts-ignore\n (_document$activeEleme = document.activeElement) == null || _document$activeEleme.blur();\n }\n }, [disabled]);\n if (disabled && active !== -1) {\n setActive(-1);\n }\n if (disabled && focusedThumbIndex !== -1) {\n setFocusedThumbIndex(-1);\n }\n const createHandleHiddenInputChange = otherHandlers => event => {\n var _otherHandlers$onChan;\n (_otherHandlers$onChan = otherHandlers.onChange) == null || _otherHandlers$onChan.call(otherHandlers, event);\n // @ts-ignore\n changeValue(event, event.target.valueAsNumber);\n };\n const previousIndex = React.useRef();\n let axis = orientation;\n if (isRtl && orientation === 'horizontal') {\n axis += '-reverse';\n }\n const getFingerNewValue = _ref3 => {\n let {\n finger,\n move = false\n } = _ref3;\n const {\n current: slider\n } = sliderRef;\n const {\n width,\n height,\n bottom,\n left\n } = slider.getBoundingClientRect();\n let percent;\n if (axis.indexOf('vertical') === 0) {\n percent = (bottom - finger.y) / height;\n } else {\n percent = (finger.x - left) / width;\n }\n if (axis.indexOf('-reverse') !== -1) {\n percent = 1 - percent;\n }\n let newValue;\n newValue = percentToValue(percent, min, max);\n if (step) {\n newValue = roundValueToStep(newValue, step, min);\n } else {\n const closestIndex = findClosest(marksValues, newValue);\n newValue = marksValues[closestIndex];\n }\n newValue = clamp(newValue, min, max);\n let activeIndex = 0;\n if (range) {\n if (!move) {\n activeIndex = findClosest(values, newValue);\n } else {\n activeIndex = previousIndex.current;\n }\n\n // Bound the new value to the thumb's neighbours.\n if (disableSwap) {\n newValue = clamp(newValue, values[activeIndex - 1] || -Infinity, values[activeIndex + 1] || Infinity);\n }\n const previousValue = newValue;\n newValue = setValueIndex({\n values,\n newValue,\n index: activeIndex\n });\n\n // Potentially swap the index if needed.\n if (!(disableSwap && move)) {\n activeIndex = newValue.indexOf(previousValue);\n previousIndex.current = activeIndex;\n }\n }\n return {\n newValue,\n activeIndex\n };\n };\n const handleTouchMove = useEventCallback(nativeEvent => {\n const finger = trackFinger(nativeEvent, touchId);\n if (!finger) {\n return;\n }\n moveCount.current += 1;\n\n // Cancel move in case some other element consumed a mouseup event and it was not fired.\n // @ts-ignore buttons doesn't not exists on touch event\n if (nativeEvent.type === 'mousemove' && nativeEvent.buttons === 0) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n handleTouchEnd(nativeEvent);\n return;\n }\n const {\n newValue,\n activeIndex\n } = getFingerNewValue({\n finger,\n move: true\n });\n focusThumb({\n sliderRef,\n activeIndex,\n setActive\n });\n setValueState(newValue);\n if (!dragging && moveCount.current > INTENTIONAL_DRAG_COUNT_THRESHOLD) {\n setDragging(true);\n }\n if (handleChange && !areValuesEqual(newValue, valueDerived)) {\n handleChange(nativeEvent, newValue, activeIndex);\n }\n });\n const handleTouchEnd = useEventCallback(nativeEvent => {\n const finger = trackFinger(nativeEvent, touchId);\n setDragging(false);\n if (!finger) {\n return;\n }\n const {\n newValue\n } = getFingerNewValue({\n finger,\n move: true\n });\n setActive(-1);\n if (nativeEvent.type === 'touchend') {\n setOpen(-1);\n }\n if (onChangeCommitted) {\n onChangeCommitted(nativeEvent, newValue);\n }\n touchId.current = undefined;\n\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n stopListening();\n });\n const handleTouchStart = useEventCallback(nativeEvent => {\n if (disabled) {\n return;\n }\n // If touch-action: none; is not supported we need to prevent the scroll manually.\n if (!doesSupportTouchActionNone()) {\n nativeEvent.preventDefault();\n }\n const touch = nativeEvent.changedTouches[0];\n if (touch != null) {\n // A number that uniquely identifies the current finger in the touch session.\n touchId.current = touch.identifier;\n }\n const finger = trackFinger(nativeEvent, touchId);\n if (finger !== false) {\n const {\n newValue,\n activeIndex\n } = getFingerNewValue({\n finger\n });\n focusThumb({\n sliderRef,\n activeIndex,\n setActive\n });\n setValueState(newValue);\n if (handleChange && !areValuesEqual(newValue, valueDerived)) {\n handleChange(nativeEvent, newValue, activeIndex);\n }\n }\n moveCount.current = 0;\n const doc = ownerDocument(sliderRef.current);\n doc.addEventListener('touchmove', handleTouchMove, {\n passive: true\n });\n doc.addEventListener('touchend', handleTouchEnd, {\n passive: true\n });\n });\n const stopListening = React.useCallback(() => {\n const doc = ownerDocument(sliderRef.current);\n doc.removeEventListener('mousemove', handleTouchMove);\n doc.removeEventListener('mouseup', handleTouchEnd);\n doc.removeEventListener('touchmove', handleTouchMove);\n doc.removeEventListener('touchend', handleTouchEnd);\n }, [handleTouchEnd, handleTouchMove]);\n React.useEffect(() => {\n const {\n current: slider\n } = sliderRef;\n slider.addEventListener('touchstart', handleTouchStart, {\n passive: doesSupportTouchActionNone()\n });\n return () => {\n slider.removeEventListener('touchstart', handleTouchStart);\n stopListening();\n };\n }, [stopListening, handleTouchStart]);\n React.useEffect(() => {\n if (disabled) {\n stopListening();\n }\n }, [disabled, stopListening]);\n const createHandleMouseDown = otherHandlers => event => {\n var _otherHandlers$onMous;\n (_otherHandlers$onMous = otherHandlers.onMouseDown) == null || _otherHandlers$onMous.call(otherHandlers, event);\n if (disabled) {\n return;\n }\n if (event.defaultPrevented) {\n return;\n }\n\n // Only handle left clicks\n if (event.button !== 0) {\n return;\n }\n\n // Avoid text selection\n event.preventDefault();\n const finger = trackFinger(event, touchId);\n if (finger !== false) {\n const {\n newValue,\n activeIndex\n } = getFingerNewValue({\n finger\n });\n focusThumb({\n sliderRef,\n activeIndex,\n setActive\n });\n setValueState(newValue);\n if (handleChange && !areValuesEqual(newValue, valueDerived)) {\n handleChange(event, newValue, activeIndex);\n }\n }\n moveCount.current = 0;\n const doc = ownerDocument(sliderRef.current);\n doc.addEventListener('mousemove', handleTouchMove, {\n passive: true\n });\n doc.addEventListener('mouseup', handleTouchEnd);\n };\n const trackOffset = valueToPercent(range ? values[0] : min, min, max);\n const trackLeap = valueToPercent(values[values.length - 1], min, max) - trackOffset;\n const getRootProps = function () {\n let externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n const externalHandlers = extractEventHandlers(externalProps);\n const ownEventHandlers = {\n onMouseDown: createHandleMouseDown(externalHandlers || {})\n };\n const mergedEventHandlers = _extends({}, externalHandlers, ownEventHandlers);\n return _extends({}, externalProps, {\n ref: handleRef\n }, mergedEventHandlers);\n };\n const createHandleMouseOver = otherHandlers => event => {\n var _otherHandlers$onMous2;\n (_otherHandlers$onMous2 = otherHandlers.onMouseOver) == null || _otherHandlers$onMous2.call(otherHandlers, event);\n const index = Number(event.currentTarget.getAttribute('data-index'));\n setOpen(index);\n };\n const createHandleMouseLeave = otherHandlers => event => {\n var _otherHandlers$onMous3;\n (_otherHandlers$onMous3 = otherHandlers.onMouseLeave) == null || _otherHandlers$onMous3.call(otherHandlers, event);\n setOpen(-1);\n };\n const getThumbProps = function () {\n let externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n const externalHandlers = extractEventHandlers(externalProps);\n const ownEventHandlers = {\n onMouseOver: createHandleMouseOver(externalHandlers || {}),\n onMouseLeave: createHandleMouseLeave(externalHandlers || {})\n };\n return _extends({}, externalProps, externalHandlers, ownEventHandlers);\n };\n const getThumbStyle = index => {\n return {\n // So the non active thumb doesn't show its label on hover.\n pointerEvents: active !== -1 && active !== index ? 'none' : undefined\n };\n };\n const getHiddenInputProps = function () {\n let externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var _parameters$step;\n const externalHandlers = extractEventHandlers(externalProps);\n const ownEventHandlers = {\n onChange: createHandleHiddenInputChange(externalHandlers || {}),\n onFocus: createHandleHiddenInputFocus(externalHandlers || {}),\n onBlur: createHandleHiddenInputBlur(externalHandlers || {}),\n onKeyDown: createHandleHiddenInputKeyDown(externalHandlers || {})\n };\n const mergedEventHandlers = _extends({}, externalHandlers, ownEventHandlers);\n return _extends({\n tabIndex,\n 'aria-labelledby': ariaLabelledby,\n 'aria-orientation': orientation,\n 'aria-valuemax': scale(max),\n 'aria-valuemin': scale(min),\n name,\n type: 'range',\n min: parameters.min,\n max: parameters.max,\n step: parameters.step === null && parameters.marks ? 'any' : (_parameters$step = parameters.step) != null ? _parameters$step : undefined,\n disabled\n }, externalProps, mergedEventHandlers, {\n style: _extends({}, visuallyHidden, {\n direction: isRtl ? 'rtl' : 'ltr',\n // So that VoiceOver's focus indicator matches the thumb's dimensions\n width: '100%',\n height: '100%'\n })\n });\n };\n return {\n active,\n axis: axis,\n axisProps,\n dragging,\n focusedThumbIndex,\n getHiddenInputProps,\n getRootProps,\n getThumbProps,\n marks: marks,\n open,\n range,\n rootRef: handleRef,\n trackLeap,\n trackOffset,\n values,\n getThumbStyle\n };\n}","import isHostComponent from '@mui/utils/isHostComponent';\nconst shouldSpreadAdditionalProps = Slot => {\n return !Slot || !isHostComponent(Slot);\n};\nexport default shouldSpreadAdditionalProps;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSliderUtilityClass(slot) {\n return generateUtilityClass('MuiSlider', slot);\n}\nconst sliderClasses = generateUtilityClasses('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'thumbColorPrimary', 'thumbColorSecondary', 'thumbColorError', 'thumbColorSuccess', 'thumbColorInfo', 'thumbColorWarning', 'track', 'trackInverted', 'trackFalse', 'thumbSizeSmall', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);\nexport default sliderClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"aria-label\", \"aria-valuetext\", \"aria-labelledby\", \"component\", \"components\", \"componentsProps\", \"color\", \"classes\", \"className\", \"disableSwap\", \"disabled\", \"getAriaLabel\", \"getAriaValueText\", \"marks\", \"max\", \"min\", \"name\", \"onChange\", \"onChangeCommitted\", \"orientation\", \"shiftStep\", \"size\", \"step\", \"scale\", \"slotProps\", \"slots\", \"tabIndex\", \"track\", \"value\", \"valueLabelDisplay\", \"valueLabelFormat\"];\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha, lighten, darken } from '@mui/system/colorManipulator';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport isHostComponent from '@mui/utils/isHostComponent';\nimport { useSlider, valueToPercent } from './useSlider';\nimport { styled } from '../zero-styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport slotShouldForwardProp from '../styles/slotShouldForwardProp';\nimport shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';\nimport capitalize from '../utils/capitalize';\nimport BaseSliderValueLabel from './SliderValueLabel';\nimport sliderClasses, { getSliderUtilityClass } from './sliderClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction Identity(x) {\n return x;\n}\nexport const SliderRoot = styled('span', {\n name: 'MuiSlider',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, styles[`color${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], ownerState.marked && styles.marked, ownerState.orientation === 'vertical' && styles.vertical, ownerState.track === 'inverted' && styles.trackInverted, ownerState.track === false && styles.trackFalse];\n }\n})(_ref9 => {\n let {\n theme\n } = _ref9;\n var _theme$vars;\n return {\n borderRadius: 12,\n boxSizing: 'content-box',\n display: 'inline-block',\n position: 'relative',\n cursor: 'pointer',\n touchAction: 'none',\n WebkitTapHighlightColor: 'transparent',\n '@media print': {\n colorAdjust: 'exact'\n },\n [`&.${sliderClasses.disabled}`]: {\n pointerEvents: 'none',\n cursor: 'default',\n color: (theme.vars || theme).palette.grey[400]\n },\n [`&.${sliderClasses.dragging}`]: {\n [`& .${sliderClasses.thumb}, & .${sliderClasses.track}`]: {\n transition: 'none'\n }\n },\n variants: [...Object.keys(((_theme$vars = theme.vars) != null ? _theme$vars : theme).palette).filter(key => {\n var _theme$vars2;\n return ((_theme$vars2 = theme.vars) != null ? _theme$vars2 : theme).palette[key].main;\n }).map(color => ({\n props: {\n color\n },\n style: {\n color: (theme.vars || theme).palette[color].main\n }\n })), {\n props: {\n orientation: 'horizontal'\n },\n style: {\n height: 4,\n width: '100%',\n padding: '13px 0',\n // The primary input mechanism of the device includes a pointing device of limited accuracy.\n '@media (pointer: coarse)': {\n // Reach 42px touch target, about ~8mm on screen.\n padding: '20px 0'\n }\n }\n }, {\n props: {\n orientation: 'horizontal',\n size: 'small'\n },\n style: {\n height: 2\n }\n }, {\n props: {\n orientation: 'horizontal',\n marked: true\n },\n style: {\n marginBottom: 20\n }\n }, {\n props: {\n orientation: 'vertical'\n },\n style: {\n height: '100%',\n width: 4,\n padding: '0 13px',\n // The primary input mechanism of the device includes a pointing device of limited accuracy.\n '@media (pointer: coarse)': {\n // Reach 42px touch target, about ~8mm on screen.\n padding: '0 20px'\n }\n }\n }, {\n props: {\n orientation: 'vertical',\n size: 'small'\n },\n style: {\n width: 2\n }\n }, {\n props: {\n orientation: 'vertical',\n marked: true\n },\n style: {\n marginRight: 44\n }\n }]\n };\n});\nexport const SliderRail = styled('span', {\n name: 'MuiSlider',\n slot: 'Rail',\n overridesResolver: (props, styles) => styles.rail\n})({\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n backgroundColor: 'currentColor',\n opacity: 0.38,\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n width: '100%',\n height: 'inherit',\n top: '50%',\n transform: 'translateY(-50%)'\n }\n }, {\n props: {\n orientation: 'vertical'\n },\n style: {\n height: '100%',\n width: 'inherit',\n left: '50%',\n transform: 'translateX(-50%)'\n }\n }, {\n props: {\n track: 'inverted'\n },\n style: {\n opacity: 1\n }\n }]\n});\nexport const SliderTrack = styled('span', {\n name: 'MuiSlider',\n slot: 'Track',\n overridesResolver: (props, styles) => styles.track\n})(_ref10 => {\n let {\n theme\n } = _ref10;\n var _theme$vars3;\n return {\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n border: '1px solid currentColor',\n backgroundColor: 'currentColor',\n transition: theme.transitions.create(['left', 'width', 'bottom', 'height'], {\n duration: theme.transitions.duration.shortest\n }),\n variants: [{\n props: {\n size: 'small'\n },\n style: {\n border: 'none'\n }\n }, {\n props: {\n orientation: 'horizontal'\n },\n style: {\n height: 'inherit',\n top: '50%',\n transform: 'translateY(-50%)'\n }\n }, {\n props: {\n orientation: 'vertical'\n },\n style: {\n width: 'inherit',\n left: '50%',\n transform: 'translateX(-50%)'\n }\n }, {\n props: {\n track: false\n },\n style: {\n display: 'none'\n }\n }, ...Object.keys(((_theme$vars3 = theme.vars) != null ? _theme$vars3 : theme).palette).filter(key => {\n var _theme$vars4;\n return ((_theme$vars4 = theme.vars) != null ? _theme$vars4 : theme).palette[key].main;\n }).map(color => ({\n props: {\n color,\n track: 'inverted'\n },\n style: _extends({}, theme.vars ? {\n backgroundColor: theme.vars.palette.Slider[`${color}Track`],\n borderColor: theme.vars.palette.Slider[`${color}Track`]\n } : _extends({\n backgroundColor: lighten(theme.palette[color].main, 0.62),\n borderColor: lighten(theme.palette[color].main, 0.62)\n }, theme.applyStyles('dark', {\n backgroundColor: darken(theme.palette[color].main, 0.5)\n }), theme.applyStyles('dark', {\n borderColor: darken(theme.palette[color].main, 0.5)\n })))\n }))]\n };\n});\nexport const SliderThumb = styled('span', {\n name: 'MuiSlider',\n slot: 'Thumb',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.thumb, styles[`thumbColor${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${capitalize(ownerState.size)}`]];\n }\n})(_ref11 => {\n let {\n theme\n } = _ref11;\n var _theme$vars5;\n return {\n position: 'absolute',\n width: 20,\n height: 20,\n boxSizing: 'border-box',\n borderRadius: '50%',\n outline: 0,\n backgroundColor: 'currentColor',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: theme.transitions.create(['box-shadow', 'left', 'bottom'], {\n duration: theme.transitions.duration.shortest\n }),\n '&::before': {\n position: 'absolute',\n content: '\"\"',\n borderRadius: 'inherit',\n width: '100%',\n height: '100%',\n boxShadow: (theme.vars || theme).shadows[2]\n },\n '&::after': {\n position: 'absolute',\n content: '\"\"',\n borderRadius: '50%',\n // 42px is the hit target\n width: 42,\n height: 42,\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)'\n },\n [`&.${sliderClasses.disabled}`]: {\n '&:hover': {\n boxShadow: 'none'\n }\n },\n variants: [{\n props: {\n size: 'small'\n },\n style: {\n width: 12,\n height: 12,\n '&::before': {\n boxShadow: 'none'\n }\n }\n }, {\n props: {\n orientation: 'horizontal'\n },\n style: {\n top: '50%',\n transform: 'translate(-50%, -50%)'\n }\n }, {\n props: {\n orientation: 'vertical'\n },\n style: {\n left: '50%',\n transform: 'translate(-50%, 50%)'\n }\n }, ...Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(key => {\n var _theme$vars6;\n return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;\n }).map(color => ({\n props: {\n color\n },\n style: {\n [`&:hover, &.${sliderClasses.focusVisible}`]: _extends({}, theme.vars ? {\n boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`\n } : {\n boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[color].main, 0.16)}`\n }, {\n '@media (hover: none)': {\n boxShadow: 'none'\n }\n }),\n [`&.${sliderClasses.active}`]: _extends({}, theme.vars ? {\n boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`\n } : {\n boxShadow: `0px 0px 0px 14px ${alpha(theme.palette[color].main, 0.16)}`\n })\n }\n }))]\n };\n});\nexport const SliderValueLabel = styled(BaseSliderValueLabel, {\n name: 'MuiSlider',\n slot: 'ValueLabel',\n overridesResolver: (props, styles) => styles.valueLabel\n})(_ref12 => {\n let {\n theme\n } = _ref12;\n return _extends({\n zIndex: 1,\n whiteSpace: 'nowrap'\n }, theme.typography.body2, {\n fontWeight: 500,\n transition: theme.transitions.create(['transform'], {\n duration: theme.transitions.duration.shortest\n }),\n position: 'absolute',\n backgroundColor: (theme.vars || theme).palette.grey[600],\n borderRadius: 2,\n color: (theme.vars || theme).palette.common.white,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0.25rem 0.75rem',\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n transform: 'translateY(-100%) scale(0)',\n top: '-10px',\n transformOrigin: 'bottom center',\n '&::before': {\n position: 'absolute',\n content: '\"\"',\n width: 8,\n height: 8,\n transform: 'translate(-50%, 50%) rotate(45deg)',\n backgroundColor: 'inherit',\n bottom: 0,\n left: '50%'\n },\n [`&.${sliderClasses.valueLabelOpen}`]: {\n transform: 'translateY(-100%) scale(1)'\n }\n }\n }, {\n props: {\n orientation: 'vertical'\n },\n style: {\n transform: 'translateY(-50%) scale(0)',\n right: '30px',\n top: '50%',\n transformOrigin: 'right center',\n '&::before': {\n position: 'absolute',\n content: '\"\"',\n width: 8,\n height: 8,\n transform: 'translate(-50%, -50%) rotate(45deg)',\n backgroundColor: 'inherit',\n right: -8,\n top: '50%'\n },\n [`&.${sliderClasses.valueLabelOpen}`]: {\n transform: 'translateY(-50%) scale(1)'\n }\n }\n }, {\n props: {\n size: 'small'\n },\n style: {\n fontSize: theme.typography.pxToRem(12),\n padding: '0.25rem 0.5rem'\n }\n }, {\n props: {\n orientation: 'vertical',\n size: 'small'\n },\n style: {\n right: '20px'\n }\n }]\n });\n});\nexport const SliderMark = styled('span', {\n name: 'MuiSlider',\n slot: 'Mark',\n shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markActive',\n overridesResolver: (props, styles) => {\n const {\n markActive\n } = props;\n return [styles.mark, markActive && styles.markActive];\n }\n})(_ref13 => {\n let {\n theme\n } = _ref13;\n return {\n position: 'absolute',\n width: 2,\n height: 2,\n borderRadius: 1,\n backgroundColor: 'currentColor',\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n top: '50%',\n transform: 'translate(-1px, -50%)'\n }\n }, {\n props: {\n orientation: 'vertical'\n },\n style: {\n left: '50%',\n transform: 'translate(-50%, 1px)'\n }\n }, {\n props: {\n markActive: true\n },\n style: {\n backgroundColor: (theme.vars || theme).palette.background.paper,\n opacity: 0.8\n }\n }]\n };\n});\nexport const SliderMarkLabel = styled('span', {\n name: 'MuiSlider',\n slot: 'MarkLabel',\n shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive',\n overridesResolver: (props, styles) => styles.markLabel\n})(_ref14 => {\n let {\n theme\n } = _ref14;\n return _extends({}, theme.typography.body2, {\n color: (theme.vars || theme).palette.text.secondary,\n position: 'absolute',\n whiteSpace: 'nowrap',\n variants: [{\n props: {\n orientation: 'horizontal'\n },\n style: {\n top: 30,\n transform: 'translateX(-50%)',\n '@media (pointer: coarse)': {\n top: 40\n }\n }\n }, {\n props: {\n orientation: 'vertical'\n },\n style: {\n left: 36,\n transform: 'translateY(50%)',\n '@media (pointer: coarse)': {\n left: 44\n }\n }\n }, {\n props: {\n markLabelActive: true\n },\n style: {\n color: (theme.vars || theme).palette.text.primary\n }\n }]\n });\n});\nconst useUtilityClasses = ownerState => {\n const {\n disabled,\n dragging,\n marked,\n orientation,\n track,\n classes,\n color,\n size\n } = ownerState;\n const slots = {\n root: ['root', disabled && 'disabled', dragging && 'dragging', marked && 'marked', orientation === 'vertical' && 'vertical', track === 'inverted' && 'trackInverted', track === false && 'trackFalse', color && `color${capitalize(color)}`, size && `size${capitalize(size)}`],\n rail: ['rail'],\n track: ['track'],\n mark: ['mark'],\n markActive: ['markActive'],\n markLabel: ['markLabel'],\n markLabelActive: ['markLabelActive'],\n valueLabel: ['valueLabel'],\n thumb: ['thumb', disabled && 'disabled', size && `thumbSize${capitalize(size)}`, color && `thumbColor${capitalize(color)}`],\n active: ['active'],\n disabled: ['disabled'],\n focusVisible: ['focusVisible']\n };\n return composeClasses(slots, getSliderUtilityClass, classes);\n};\nconst Forward = _ref15 => {\n let {\n children\n } = _ref15;\n return children;\n};\nconst Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {\n var _ref, _slots$root, _ref2, _slots$rail, _ref3, _slots$track, _ref4, _slots$thumb, _ref5, _slots$valueLabel, _ref6, _slots$mark, _ref7, _slots$markLabel, _ref8, _slots$input, _slotProps$root, _slotProps$rail, _slotProps$track, _slotProps$thumb, _slotProps$valueLabel, _slotProps$mark, _slotProps$markLabel, _slotProps$input;\n const props = useDefaultProps({\n props: inputProps,\n name: 'MuiSlider'\n });\n const isRtl = useRtl();\n const {\n 'aria-label': ariaLabel,\n 'aria-valuetext': ariaValuetext,\n 'aria-labelledby': ariaLabelledby,\n // eslint-disable-next-line react/prop-types\n component = 'span',\n components = {},\n componentsProps = {},\n color = 'primary',\n classes: classesProp,\n className,\n disableSwap = false,\n disabled = false,\n getAriaLabel,\n getAriaValueText,\n marks: marksProp = false,\n max = 100,\n min = 0,\n orientation = 'horizontal',\n shiftStep = 10,\n size = 'medium',\n step = 1,\n scale = Identity,\n slotProps,\n slots,\n track = 'normal',\n valueLabelDisplay = 'off',\n valueLabelFormat = Identity\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n const ownerState = _extends({}, props, {\n isRtl,\n max,\n min,\n classes: classesProp,\n disabled,\n disableSwap,\n orientation,\n marks: marksProp,\n color,\n size,\n step,\n shiftStep,\n scale,\n track,\n valueLabelDisplay,\n valueLabelFormat\n });\n const {\n axisProps,\n getRootProps,\n getHiddenInputProps,\n getThumbProps,\n open,\n active,\n axis,\n focusedThumbIndex,\n range,\n dragging,\n marks,\n values,\n trackOffset,\n trackLeap,\n getThumbStyle\n } = useSlider(_extends({}, ownerState, {\n rootRef: ref\n }));\n ownerState.marked = marks.length > 0 && marks.some(mark => mark.label);\n ownerState.dragging = dragging;\n ownerState.focusedThumbIndex = focusedThumbIndex;\n const classes = useUtilityClasses(ownerState);\n\n // support both `slots` and `components` for backward compatibility\n const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : SliderRoot;\n const RailSlot = (_ref2 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref2 : SliderRail;\n const TrackSlot = (_ref3 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref3 : SliderTrack;\n const ThumbSlot = (_ref4 = (_slots$thumb = slots == null ? void 0 : slots.thumb) != null ? _slots$thumb : components.Thumb) != null ? _ref4 : SliderThumb;\n const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : SliderValueLabel;\n const MarkSlot = (_ref6 = (_slots$mark = slots == null ? void 0 : slots.mark) != null ? _slots$mark : components.Mark) != null ? _ref6 : SliderMark;\n const MarkLabelSlot = (_ref7 = (_slots$markLabel = slots == null ? void 0 : slots.markLabel) != null ? _slots$markLabel : components.MarkLabel) != null ? _ref7 : SliderMarkLabel;\n const InputSlot = (_ref8 = (_slots$input = slots == null ? void 0 : slots.input) != null ? _slots$input : components.Input) != null ? _ref8 : 'input';\n const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;\n const railSlotProps = (_slotProps$rail = slotProps == null ? void 0 : slotProps.rail) != null ? _slotProps$rail : componentsProps.rail;\n const trackSlotProps = (_slotProps$track = slotProps == null ? void 0 : slotProps.track) != null ? _slotProps$track : componentsProps.track;\n const thumbSlotProps = (_slotProps$thumb = slotProps == null ? void 0 : slotProps.thumb) != null ? _slotProps$thumb : componentsProps.thumb;\n const valueLabelSlotProps = (_slotProps$valueLabel = slotProps == null ? void 0 : slotProps.valueLabel) != null ? _slotProps$valueLabel : componentsProps.valueLabel;\n const markSlotProps = (_slotProps$mark = slotProps == null ? void 0 : slotProps.mark) != null ? _slotProps$mark : componentsProps.mark;\n const markLabelSlotProps = (_slotProps$markLabel = slotProps == null ? void 0 : slotProps.markLabel) != null ? _slotProps$markLabel : componentsProps.markLabel;\n const inputSlotProps = (_slotProps$input = slotProps == null ? void 0 : slotProps.input) != null ? _slotProps$input : componentsProps.input;\n const rootProps = useSlotProps({\n elementType: RootSlot,\n getSlotProps: getRootProps,\n externalSlotProps: rootSlotProps,\n externalForwardedProps: other,\n additionalProps: _extends({}, shouldSpreadAdditionalProps(RootSlot) && {\n as: component\n }),\n ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),\n className: [classes.root, className]\n });\n const railProps = useSlotProps({\n elementType: RailSlot,\n externalSlotProps: railSlotProps,\n ownerState,\n className: classes.rail\n });\n const trackProps = useSlotProps({\n elementType: TrackSlot,\n externalSlotProps: trackSlotProps,\n additionalProps: {\n style: _extends({}, axisProps[axis].offset(trackOffset), axisProps[axis].leap(trackLeap))\n },\n ownerState: _extends({}, ownerState, trackSlotProps == null ? void 0 : trackSlotProps.ownerState),\n className: classes.track\n });\n const thumbProps = useSlotProps({\n elementType: ThumbSlot,\n getSlotProps: getThumbProps,\n externalSlotProps: thumbSlotProps,\n ownerState: _extends({}, ownerState, thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState),\n className: classes.thumb\n });\n const valueLabelProps = useSlotProps({\n elementType: ValueLabelSlot,\n externalSlotProps: valueLabelSlotProps,\n ownerState: _extends({}, ownerState, valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState),\n className: classes.valueLabel\n });\n const markProps = useSlotProps({\n elementType: MarkSlot,\n externalSlotProps: markSlotProps,\n ownerState,\n className: classes.mark\n });\n const markLabelProps = useSlotProps({\n elementType: MarkLabelSlot,\n externalSlotProps: markLabelSlotProps,\n ownerState,\n className: classes.markLabel\n });\n const inputSliderProps = useSlotProps({\n elementType: InputSlot,\n getSlotProps: getHiddenInputProps,\n externalSlotProps: inputSlotProps,\n ownerState\n });\n return /*#__PURE__*/_jsxs(RootSlot, _extends({}, rootProps, {\n children: [/*#__PURE__*/_jsx(RailSlot, _extends({}, railProps)), /*#__PURE__*/_jsx(TrackSlot, _extends({}, trackProps)), marks.filter(mark => mark.value >= min && mark.value <= max).map((mark, index) => {\n const percent = valueToPercent(mark.value, min, max);\n const style = axisProps[axis].offset(percent);\n let markActive;\n if (track === false) {\n markActive = values.indexOf(mark.value) !== -1;\n } else {\n markActive = track === 'normal' && (range ? mark.value >= values[0] && mark.value <= values[values.length - 1] : mark.value <= values[0]) || track === 'inverted' && (range ? mark.value <= values[0] || mark.value >= values[values.length - 1] : mark.value >= values[0]);\n }\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(MarkSlot, _extends({\n \"data-index\": index\n }, markProps, !isHostComponent(MarkSlot) && {\n markActive\n }, {\n style: _extends({}, style, markProps.style),\n className: clsx(markProps.className, markActive && classes.markActive)\n })), mark.label != null ? /*#__PURE__*/_jsx(MarkLabelSlot, _extends({\n \"aria-hidden\": true,\n \"data-index\": index\n }, markLabelProps, !isHostComponent(MarkLabelSlot) && {\n markLabelActive: markActive\n }, {\n style: _extends({}, style, markLabelProps.style),\n className: clsx(classes.markLabel, markLabelProps.className, markActive && classes.markLabelActive),\n children: mark.label\n })) : null]\n }, index);\n }), values.map((value, index) => {\n const percent = valueToPercent(value, min, max);\n const style = axisProps[axis].offset(percent);\n const ValueLabelComponent = valueLabelDisplay === 'off' ? Forward : ValueLabelSlot;\n return /*#__PURE__*/(\n /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */\n _jsx(ValueLabelComponent, _extends({}, !isHostComponent(ValueLabelComponent) && {\n valueLabelFormat,\n valueLabelDisplay,\n value: typeof valueLabelFormat === 'function' ? valueLabelFormat(scale(value), index) : valueLabelFormat,\n index,\n open: open === index || active === index || valueLabelDisplay === 'on',\n disabled\n }, valueLabelProps, {\n children: /*#__PURE__*/_jsx(ThumbSlot, _extends({\n \"data-index\": index\n }, thumbProps, {\n className: clsx(classes.thumb, thumbProps.className, active === index && classes.active, focusedThumbIndex === index && classes.focusVisible),\n style: _extends({}, style, getThumbStyle(index), thumbProps.style),\n children: /*#__PURE__*/_jsx(InputSlot, _extends({\n \"data-index\": index,\n \"aria-label\": getAriaLabel ? getAriaLabel(index) : ariaLabel,\n \"aria-valuenow\": scale(value),\n \"aria-labelledby\": ariaLabelledby,\n \"aria-valuetext\": getAriaValueText ? getAriaValueText(scale(value), index) : ariaValuetext,\n value: values[index]\n }, inputSliderProps))\n }))\n }), index)\n );\n })]\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default Slider;","'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport sliderClasses from './sliderClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useValueLabelClasses = props => {\n const {\n open\n } = props;\n const utilityClasses = {\n offset: clsx(open && sliderClasses.valueLabelOpen),\n circle: sliderClasses.valueLabelCircle,\n label: sliderClasses.valueLabelLabel\n };\n return utilityClasses;\n};\n\n/**\n * @ignore - internal component.\n */\nexport default function SliderValueLabel(props) {\n const {\n children,\n className,\n value\n } = props;\n const classes = useValueLabelClasses(props);\n if (!children) {\n return null;\n }\n return /*#__PURE__*/React.cloneElement(children, {\n className: clsx(children.props.className)\n }, /*#__PURE__*/_jsxs(React.Fragment, {\n children: [children.props.children, /*#__PURE__*/_jsx(\"span\", {\n className: clsx(classes.offset, className),\n \"aria-hidden\": true,\n children: /*#__PURE__*/_jsx(\"span\", {\n className: classes.circle,\n children: /*#__PURE__*/_jsx(\"span\", {\n className: classes.label,\n children: value\n })\n })\n })]\n }));\n}\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;","import React, { useState, useEffect, useRef } from 'react';\r\nimport { withPrefix } from 'gatsby-link';\r\n\r\nimport Loadable from '@loadable/component';\r\nimport Slider from '@mui/material/Slider';\r\n\r\nimport {\r\n _dontBeAverageChartOptions,\r\n _offerChartSeries,\r\n _offerChartData\r\n} from './index';\r\n\r\nexport default function ({ inline }) {\r\n const [dontBeAverageChartOptions, setDontBeAverageChartOptions] =\r\n useState(null);\r\n\r\n const [sliderUsage, setSliderUsage] = useState(\r\n _offerChartData.filter((price) => price.usage === 1000)[0]\r\n );\r\n\r\n const autoSliderInterval = useRef();\r\n const autoSliderValue = useRef();\r\n const [sliderClicked, setSliderClicked] = useState(false);\r\n\r\n useEffect(() => {\r\n if (document.getElementById('zipCode')) {\r\n document.getElementById('zipCode').focus();\r\n }\r\n\r\n autoSliderInterval.current = setInterval(() => {\r\n if (sliderUsage) {\r\n const lastUsage = autoSliderValue.current\r\n ? autoSliderValue.current\r\n : sliderUsage.usage;\r\n let autoSlideUsage;\r\n\r\n switch (lastUsage) {\r\n case 1000:\r\n autoSlideUsage = 700;\r\n break;\r\n case 700:\r\n autoSlideUsage = 1500;\r\n break;\r\n default:\r\n autoSlideUsage = 1000;\r\n break;\r\n }\r\n\r\n autoSliderValue.current = autoSlideUsage;\r\n\r\n setSliderUsage(\r\n _offerChartData.filter((price) => price.usage === autoSlideUsage)[0]\r\n );\r\n }\r\n }, 3000);\r\n\r\n return () => {\r\n if (autoSliderInterval.current) {\r\n clearInterval(autoSliderInterval.current);\r\n }\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (sliderUsage) {\r\n setDontBeAverageChartOptions({\r\n ..._dontBeAverageChartOptions,\r\n annotations: {\r\n xaxis: [\r\n {\r\n x: sliderUsage.lowUsage,\r\n x2: sliderUsage.highUsage,\r\n borderColor: '#337eff',\r\n fillColor: '#bbd4ff'\r\n // label: {\r\n // text:\r\n // 'Low of ' +\r\n // _selectedPrice.lowUsage +\r\n // ' kWh / High of ' +\r\n // _selectedPrice.highUsage +\r\n // ' kWh'\r\n // }\r\n }\r\n ]\r\n }\r\n });\r\n }\r\n }, [sliderUsage]);\r\n\r\n function getRangePosition() {\r\n let position = (sliderUsage.usage / 2400) * 100;\r\n const maxPosition = window && window.innerWidth > 668 ? 80 : 60;\r\n const minPosition = window && window.innerWidth > 668 ? 12 : 20;\r\n\r\n if (position > maxPosition) {\r\n position = maxPosition;\r\n } else {\r\n if (position < minPosition) {\r\n position = minPosition;\r\n }\r\n }\r\n\r\n return position;\r\n }\r\n\r\n function getSliderArrowStyle() {\r\n let width = ((sliderUsage.highUsage - sliderUsage.lowUsage) / 2400) * 100;\r\n\r\n if (window && window.innerWidth < 668) {\r\n if (width < 10) {\r\n width = 10;\r\n }\r\n }\r\n\r\n let style = {\r\n left: (sliderUsage.lowUsage / 2400) * 100 + '%',\r\n width: width + '%'\r\n };\r\n\r\n return style;\r\n }\r\n\r\n return (\r\n\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nconst LoadableChart = Loadable(() => import('react-apexcharts'));\r\n","import React, { useState } from 'react';\r\nimport { withPrefix } from 'gatsby-link';\r\n\r\nimport { stateUsageLastUpdated } from './index';\r\n\r\nexport default function ({}) {\r\n return (\r\n \r\n
\r\n\r\n Don't Be Average
\r\n\r\n \r\n value + ' kWh'}\r\n valueLabelDisplay=\"auto\"\r\n step={25}\r\n marks\r\n min={100}\r\n max={2400}\r\n onChange={(event, newValue) => {\r\n setSliderClicked(true);\r\n\r\n setSliderUsage(\r\n _offerChartData.filter(\r\n (price) => price.usage === newValue\r\n )[0]\r\n );\r\n\r\n if (autoSliderInterval.current) {\r\n clearInterval(autoSliderInterval.current);\r\n }\r\n }}\r\n />\r\n\r\n
\r\n \r\n ) : null}\r\n \r\n {dontBeAverageChartOptions ? (\r\n <>\r\n
\r\n \r\n The price schedule below is based on a plan with a fixed\r\n energy price of 24.5¢ per kilowatt hour and a $100 bill credit\r\n at 1,000 kilowatts, resulting in an{' '}\r\n advertised price of 14.5¢ at{' '}\r\n 1000 kWh.\r\n
\r\n\r\n\r\n \r\n Seasonal Range \r\n
\r\n Average: {sliderUsage.usage}\r\n
\r\n Low: {sliderUsage.lowUsage} High:{' '}\r\n {sliderUsage.highUsage}\r\n \r\n
\r\n \r\n Advertised price\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Average: {sliderUsage.usage}\r\n
\r\n Low: {sliderUsage.lowUsage} High:{' '}\r\n {sliderUsage.highUsage}\r\n \r\n
- \r\n
- \r\n 12-Month Average Usage\r\n{sliderUsage.usage} kWh\r\n\r\n \r\n Low: {sliderUsage.lowUsage}\r\n \r\n \r\n High: {sliderUsage.highUsage}\r\n \r\n\r\n \r\n\r\n
- \r\n Average \"True Price\"\r\n\r\n {sliderUsage.trueCost_PerKWh.toFixed(1)}¢\r\n\r\n\r\n \r\n Low:{' '}\r\n {sliderUsage.lowPrice.toFixed(1)}¢\r\n \r\n \r\n High:{' '}\r\n {sliderUsage.highPrice.toFixed(1)}¢\r\n \r\n\r\n \r\n\r\n
- \r\n Average \"True Cost\"\r\n\r\n ${sliderUsage.trueCost_Dollars.toFixed(2)}\r\n\r\n\r\n \r\n Low:{' '}\r\n ${sliderUsage.lowDollars.toFixed(2)}\r\n \r\n High:{' '}\r\n \r\n ${sliderUsage.highDollars.toFixed(2)}\r\n \r\n\r\n \r\n
\r\n This plan has a{' '}\r\n \r\n $100 Bill Credit{' '}\r\n \r\n if usage is {'>'} 1000 kWh\r\n \r\n \r\n
\r\n\r\n Credit would have applied in{' '}\r\n \r\n {sliderUsage.creditCount} of the past 12 months.\r\n \r\n
\r\n\r\n\r\n Using the Seasonal Usage Curve above, the average consumer\r\n would have received the bill credit in{' '}\r\n {sliderUsage.creditCount} of the past 12 months, resulting\r\n in an annual average price (True Price) of{' '}\r\n {sliderUsage.trueCost_PerKWh.toFixed(1)}¢ per kilowatt hour.\r\n
\r\n\r\n The average Texan overpays for electricity by about 15% because they\r\n are led to believe that the advertised price they see elsewhere is\r\n the true price of that plan.\r\n
\r\n\r\n It’s not. In reality, those 500-1000-2000 kilowatt\r\n prices advertised on the EFL are really quite useless when it comes\r\n to finding your best deal.\r\n
\r\n\r\n The only way to truly find your best deal is to do the necessary\r\n math and convert ALL available plan options to a common value, a\r\n “True Price” if you will, that accurately represents what each plan\r\n will likely cost you over the next 12 months based on a Seasonally\r\n Adjusted Usage Profile.\r\n
\r\n\r\n The sliding usage bar on the chart to the right is a visual\r\n representation of the math it takes to find each plans True Cost. As\r\n you move the sliding usage bar back and forth, the True Price and\r\n True Cost change to show you what your average costs will be over a\r\n 12-month period.\r\n
\r\n\r\n This shows you that within some usage profiles this type of plan may\r\n still a good deal, but at other lower ranges, you’ll pay\r\n significantly more than advertised. At no point does anyone pay the\r\n Advertised Price for the full year.\r\n
\r\n\r\n Our platform automatically performs these calculations for you, on\r\n all plans at all usage levels, because all plans are like this, good\r\n for some consumers, not so good for others.\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { withPrefix } from 'gatsby-link';\r\nimport Loadable from '@loadable/component';\r\nimport { _dontBeAverageChartOptions, _offerChartSeries } from './index';\r\nimport { set } from 'date-fns';\r\n\r\nexport default function ({\r\n inline,\r\n article,\r\n bottomText,\r\n noText,\r\n waitForTrap,\r\n showTrap\r\n}) {\r\n const [chartSeries, setChartSeries] = useState(\r\n waitForTrap ? [] : _offerChartSeries // Start with no series if waiting for trap\r\n );\r\n const [trapChartOptions, setTrapChartOptions] = useState({\r\n ..._dontBeAverageChartOptions,\r\n animations: {\r\n enabled: true,\r\n easing: 'easeout',\r\n speed: 800\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n if (showTrap) {\r\n // Delay setting the series to create the animation effect\r\n setTimeout(() => {\r\n setChartSeries(_offerChartSeries);\r\n }, 200); // Adjust this delay if needed\r\n }\r\n }, [showTrap]);\r\n\r\n return (\r\n \r\n
\r\n Factoring in the Rollercoaster
\r\n\r\n\r\n
\r\n \r\n Average Monthly Usage per Residential Customer in Texas Source:{' '}\r\n
\r\n
\r\n \r\n Accounting for seasonal usage fluctuations is critical to finding\r\n your best price.\r\n
\r\n\r\n The most important, and often overlooked, factor in determining an\r\n electric plan’s “True Price” is the use of a Seasonally Adjusted\r\n Usage Profile.\r\n
\r\n\r\n According to the Energy Information Administration (EIA), a typical\r\n residential consumer in Texas has used, on average, 1145 kilowatt\r\n hours (kWh) per month over the past 12 months.\r\n
\r\n\r\n But choosing a plan based on just one number, whether it be the\r\n arbitrary 1000 kWh one that shopping sites typically use, the state\r\n average above or your own personal average, won’t result in you\r\n finding your best deal.\r\n
\r\n\r\n To truly find your best deal you need to use the EIA’s Seasonally\r\n Adjusted Usage Profile for Texas, or better yet, your actual\r\n historical usage profile (click here to see how easy it is for us to\r\n get that for you) to estimate your monthly usage going forward. Then\r\n using the price schedule from each plan’s Electricity Facts Label\r\n (EFL), calculate that plan’s charges for each of the next 12-months\r\n to determine the plan’s “True Cost”. Then repeat that for all 100+\r\n plans that are available.\r\n
\r\n\r\n Whoa, that’s a lot of math. Fortunately for you WE LOVE MATH, so let\r\n us do the nerdy part for you!\r\n
\r\n\r\n \r\n\r\n
\r\n );\r\n}\r\nconst LoadableChart = Loadable(() => import('react-apexcharts'));\r\n","import { ContactlessOutlined, ContactsOutlined } from '@mui/icons-material';\r\nimport React, { useEffect, useState, useRef } from 'react';\r\n\r\nconst providerList = [\r\n // {\r\n // logoUrl:\r\n // 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/74971_logo-provider-first-choice-power.png',\r\n // providerName: 'First Choice Power'\r\n // },\r\n // {\r\n // logoUrl:\r\n // 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/75593_reliant-energy-logo-600x353.png',\r\n // providerName: 'Reliant Energy'\r\n // },\r\n // {\r\n // logoUrl:\r\n // 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/75597_Direct-Energy-min.jpg',\r\n // providerName: 'Direct Energy'\r\n // },\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/75750_logo-provider-tara-energy.png',\r\n providerName: 'Tara Energy, Inc'\r\n },\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/75841_txu.svg',\r\n providerName: 'TXU Energy'\r\n },\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/76015_logo-provider-amigo-energy.png',\r\n providerName: 'Amigo Energy'\r\n },\r\n\r\n // {\r\n // logoUrl:\r\n // 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/76077_Discount-Power-Logo.jpg',\r\n // providerName: 'Discount Power'\r\n // },\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/76097_NextEra_Energy_logo_(1).svg',\r\n providerName: 'NextEra'\r\n },\r\n\r\n // {\r\n // logoUrl:\r\n // 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/76351_cirro.jpg',\r\n // providerName: 'Cirro Corporation'\r\n // },\r\n\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/77690_4Change-Energy-logo (1).jpg',\r\n providerName: '4Change Energy'\r\n },\r\n\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/85467_express-logo.svg',\r\n providerName: 'Express Energy'\r\n },\r\n\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/85468_logo-payless-color.svg',\r\n providerName: 'Payless Power'\r\n },\r\n\r\n {\r\n logoUrl:\r\n 'https://mi-provider-logo.s3-us-west-1.amazonaws.com/77933_Pulse_Power_Logo.svg',\r\n providerName: 'Pulse Power'\r\n }\r\n];\r\n\r\nfunction TXProviderList({}) {\r\n const maxProvidersShown = 6;\r\n const [visibleProviderList, setVisibleProviderList] = useState(\r\n getRandom(providerList, maxProvidersShown)\r\n );\r\n const swapTimer = useRef();\r\n const classTimer = useRef();\r\n const [updatingProvider, setUpdatingProvider] = useState({});\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (swapTimer.current) {\r\n clearTimeout(swapTimer.current);\r\n }\r\n\r\n if (classTimer.current) {\r\n clearTimeout(classTimer.current);\r\n }\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (visibleProviderList) {\r\n swapTimer.current = setTimeout(() => {\r\n //Randomly select a slot to replace\r\n const randomSlotIndex = Math.round(\r\n getRandomArbitrary(0, maxProvidersShown)\r\n );\r\n\r\n //Create a list of providers not in use\r\n const _availableProviders = providerList.filter(\r\n (provider) =>\r\n visibleProviderList.filter(\r\n (visibleProvider) =>\r\n visibleProvider.providerName === provider.providerName\r\n ).length === 0\r\n );\r\n\r\n //Update the provider list\r\n const newProvider = { ...getRandom(_availableProviders, 1)[0] };\r\n setVisibleProviderList(\r\n visibleProviderList.map((provider, providerIndex) =>\r\n providerIndex === randomSlotIndex\r\n ? { ...newProvider }\r\n : { ...provider }\r\n )\r\n );\r\n\r\n setUpdatingProvider({\r\n ...updatingProvider,\r\n [newProvider.providerName]: true\r\n });\r\n\r\n classTimer.current = setTimeout(() => {\r\n removeUpdatingFlag();\r\n }, 200);\r\n }, 3000);\r\n }\r\n }, [visibleProviderList]);\r\n\r\n function removeUpdatingFlag() {\r\n let _updatingProvider = { ...updatingProvider };\r\n\r\n for (const key in _updatingProvider) {\r\n _updatingProvider[key] = false;\r\n }\r\n\r\n setUpdatingProvider({ ..._updatingProvider });\r\n }\r\n\r\n function getRandom(arr, n) {\r\n var result = new Array(n),\r\n len = arr.length,\r\n taken = new Array(len);\r\n if (n > len)\r\n throw new RangeError('getRandom: more elements taken than available');\r\n while (n--) {\r\n var x = Math.floor(Math.random() * len);\r\n result[n] = arr[x in taken ? taken[x] : x];\r\n taken[x] = --len in taken ? taken[len] : len;\r\n }\r\n return result;\r\n }\r\n\r\n function getRandomArbitrary(min, max) {\r\n return Math.random() * (max - min) + min;\r\n }\r\n\r\n return visibleProviderList ? (\r\n \r\n {!article ?
\r\n The 1,000-kilowatt trap
: null}\r\n\r\n\r\n {trapChartOptions ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n {!noText && (\r\n <>\r\n {' '}\r\n \r\n
\r\n \r\n
\r\n \r\n Want to know a secret? The plans with the lowest advertised\r\n rates are not always the best overall deals.\r\n
\r\n\r\n That’s because they get to those really low rates through\r\n pricing adjustments, usually in the form of a bill credit at\r\n exactly 1,000 kilowatts.\r\n
\r\n\r\n That means that ‘really low price’ you saw only applies if you\r\n use exactly 1,000 kilowatts. Use 1 kilowatt less and your rate\r\n can sometimes double.\r\n
\r\n\r\n And since no one uses exactly 1,000 kilowatts every month,\r\n everyone ends up paying more than the advertised price. That\r\n said, plans with bill credits can still be a good deal in some\r\n circumstances, but only if your usage profile falls within the\r\n plan’s sweet spot, that area just past, but not too far past,\r\n the credit threshold.\r\n
\r\n\r\n You can avoid the 1,000-kilowatt trap by using SmarterChoice’s\r\n “True Price” column to find YOUR best deal.\r\n
\r\n\r\n You can avoid the 1,000-kilowatt trap by looking for the plan\r\n with the Best Year Round Value here at SmarterChoice.\r\n
\r\n \r\n )}\r\n {bottomText ? bottomText : null}\r\n\r\n {visibleProviderList.map((provider) => (\r\n \r\n 
\r\n
\r\n ))}\r\n \r\n ) : null;\r\n}\r\n\r\nexport default TXProviderList;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport Loadable from '@loadable/component';\r\nimport { navigate } from 'gatsby-link';\r\nimport { withPrefix } from 'gatsby-link';\r\nimport { useQueryParam } from 'gatsby-query-params';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport '../TXLandingPage/index.css';\r\nimport '../Default/index.css';\r\n\r\nimport { AppBar, TextField, Button } from '@mui/material';\r\n\r\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\r\nimport ArrowDownward from '@mui/icons-material/ArrowDownward';\r\nimport TXProviderList from '../TXLandingPage/TXProviderList';\r\n\r\nimport * as webSocketActions from '../../redux/actions/webSocketActions';\r\nimport * as serviceAddressActions from '../../redux/actions/serviceAddressActions';\r\nimport * as dataApi from '../../api/dataApi';\r\nimport * as offerCalc from '../../api/offerCalc';\r\n\r\nimport ThousandKWhTrap from './ThousandKWhTrap';\r\nimport Rollercoaster from './Rollercoaster';\r\nimport DontBeAverage from './DontBeAverage';\r\nimport SCLandingWrapper from '../SCLandingWrapper';\r\n\r\nconst $ = typeof window !== 'undefined' ? window.$ : {};\r\n\r\nconst offer = {\r\n ProviderName: '4Change Energy',\r\n OfferID: 1636480,\r\n ProviderID: 77690,\r\n OfferName: 'Maxx Saver Select 12',\r\n PriceDollars: null,\r\n TermLength: 12,\r\n OfferDetailText: '',\r\n InternetDownloadSpeedMb: null,\r\n TVChannelCount: null,\r\n PhoneText: null,\r\n ProviderServiceList: 'Electric',\r\n HomeSecurityText: null,\r\n FeatureBadge1: '',\r\n LogoFile: '77690_4change_energy_logoV2-01.svg',\r\n PUCNumber: '10041',\r\n ProviderStatusID: 1,\r\n ProductKey: '4Change Energy-Oncor-Maxx Saver Select 12',\r\n OfferStatusID: 2,\r\n OfferStatusName: 'Active',\r\n ProviderOfferCode1: '1319161',\r\n ProviderOfferCode2: '',\r\n ProviderOfferCode3: '',\r\n ProviderOfferCode4: '',\r\n ProviderOfferCode5: '',\r\n ProviderOfferCode6: '',\r\n ProviderOfferCode7: '',\r\n ProviderOfferCode8: '',\r\n ProviderOfferCode9: '',\r\n OfferValidStartDate: '2021-07-21T00:00:00',\r\n OfferValidEndDate: null,\r\n TerminationFeeTypeID: 2,\r\n TerminationFeeTypeName: 'PMR',\r\n TerminationFeeAmount: 20,\r\n IsPrepaid: false,\r\n NewCustomersOnly: false,\r\n ExistingCustomersOnly: false,\r\n EBillOnly: false,\r\n FeatureBadge2: '',\r\n FeatureBadge3: '',\r\n FeatureBadge4: '',\r\n FeatureBadge5: '',\r\n OffsiteSignUpUrl: 'https://www.4changeenergy.com/',\r\n UtilityID: 5,\r\n EFLUrl:\r\n 'https://www.4changeenergy.com/viewpdf.aspx/Docs/efl_mxsela12lbt_o.pdf',\r\n TOSUrl: 'https://www.4changeenergy.com/Docs/TOSA_4ChangeEnergy.pdf',\r\n YRAACUrl: 'https://www.4changeenergy.com/Docs/YRAC_4ChangeEnergy.pdf',\r\n PriceAt500: 0.209,\r\n PriceAt1000: 0.105,\r\n PriceAt2000: 0.153,\r\n UtilityBaseCharge: 4.23,\r\n UtilityUsageCharge: 0.051893,\r\n ProviderBaseCharge_Tier1_Amount: 0,\r\n ProviderBaseCharge_Tier1_Start: null,\r\n ProviderBaseCharge_Tier1_End: null,\r\n ProviderBaseCharge_Tier2_Amount: null,\r\n ProviderBaseCharge_Tier2_Start: null,\r\n ProviderBaseCharge_Tier2_End: null,\r\n ProviderBaseCharge_Tier3_Amount: null,\r\n ProviderBaseCharge_Tier3_Start: null,\r\n ProviderBaseCharge_Tier3_End: null,\r\n ProviderBaseCharge_Tier4_Amount: null,\r\n ProviderBaseCharge_Tier4_Start: null,\r\n ProviderBaseCharge_Tier4_End: null,\r\n ProviderBaseCharge_Tier5_Amount: null,\r\n ProviderBaseCharge_Tier5_Start: null,\r\n ProviderBaseCharge_Tier5_End: null,\r\n ProviderBaseCharge_PerDay_Amount: null,\r\n ProviderBaseCharge_PerDay_UsageCredit: null,\r\n ProviderUsageCharge_Tier1_Amount: 0.148967,\r\n ProviderUsageCharge_Tier1_Start: 0,\r\n ProviderUsageCharge_Tier1_End: null,\r\n ProviderUsageCharge_Tier2_Amount: null,\r\n ProviderUsageCharge_Tier2_Start: null,\r\n ProviderUsageCharge_Tier2_End: null,\r\n ProviderUsageCharge_Tier3_Amount: null,\r\n ProviderUsageCharge_Tier3_Start: null,\r\n ProviderUsageCharge_Tier3_End: null,\r\n ProviderUsageCharge_Tier4_Amount: null,\r\n ProviderUsageCharge_Tier4_Start: null,\r\n ProviderUsageCharge_Tier4_End: null,\r\n ProviderUsageCharge_Tier5_Amount: null,\r\n ProviderUsageCharge_Tier5_Start: null,\r\n ProviderUsageCharge_Tier5_End: null,\r\n ProviderFlatCharge_Tier1_Amount: null,\r\n ProviderFlatCharge_Tier1_Start: null,\r\n ProviderFlatCharge_Tier1_End: null,\r\n ProviderFlatCharge_Tier2_Amount: null,\r\n ProviderFlatCharge_Tier2_Start: null,\r\n ProviderFlatCharge_Tier2_End: null,\r\n ProviderFlatCharge_Tier3_Amount: null,\r\n ProviderFlatCharge_Tier3_Start: null,\r\n ProviderFlatCharge_Tier3_End: null,\r\n ProviderFlatCharge_Tier4_Amount: null,\r\n ProviderFlatCharge_Tier4_Start: null,\r\n ProviderFlatCharge_Tier4_End: null,\r\n ProviderFlatCharge_Tier5_Amount: null,\r\n ProviderFlatCharge_Tier5_Start: null,\r\n ProviderFlatCharge_Tier5_End: null,\r\n ProviderCredit_Tier1_Amount: 100,\r\n ProviderCredit_Tier1_Start: 1000,\r\n ProviderCredit_Tier1_End: null,\r\n ProviderCredit_Tier2_Amount: 0,\r\n ProviderCredit_Tier2_Start: 0,\r\n ProviderCredit_Tier2_End: 0,\r\n ProviderCredit_Tier3_Amount: 0,\r\n ProviderCredit_Tier3_Start: 0,\r\n ProviderCredit_Tier3_End: 0,\r\n ProviderCredit_Tier4_Amount: null,\r\n ProviderCredit_Tier4_Start: null,\r\n ProviderCredit_Tier4_End: null,\r\n ProviderCredit_Tier5_Amount: null,\r\n ProviderCredit_Tier5_Start: null,\r\n ProviderCredit_Tier5_End: null,\r\n BaseChargeAdjustment_All: null,\r\n BaseChargeAdjustment_Provider: null,\r\n BaseChargeAdjustment_Utility: null,\r\n UsageChargeAdjustment_All: null,\r\n UsageChargeAdjustment_Provider: null,\r\n UsageChargeAdjustment_Utility: null,\r\n EBillProviderDiscount_All: null,\r\n EBillProviderDiscount_ProviderBaseCharge: null,\r\n EBillProviderDiscount_ProviderUsageCharge: null,\r\n UtilityName: 'Oncor',\r\n RenewableContent: 6,\r\n ProductTypeID: 6,\r\n CompareStateAverage_Start: 1000,\r\n CompareStateAverage_End: 1760,\r\n OrderPhone: '833-564-1391',\r\n CompareStateAverage_Count: 1,\r\n DisplayName: 'Maxx Saver Select 12',\r\n OfferTypeID: 1,\r\n OfferTypeName: 'Plan',\r\n AutoPayRequired: false,\r\n AutoPayDiscount: null,\r\n AutoPayDiscountTerm: null,\r\n TermTypeID: null,\r\n TermTypeName: null,\r\n Term_Rate1_Amount: null,\r\n Term_Rate1_Start: null,\r\n Term_Rate1_End: null,\r\n Term_Rate2_Amount: null,\r\n Term_Rate2_Start: null,\r\n Term_Rate2_End: null,\r\n Term_Rate3_Amount: null,\r\n Term_Rate3_Start: null,\r\n Term_Rate3_End: null,\r\n Term_Rate4_Amount: null,\r\n Term_Rate4_Start: null,\r\n Term_Rate4_End: null,\r\n Term_Rate5_Amount: null,\r\n Term_Rate5_Start: null,\r\n Term_Rate5_End: null,\r\n TermDiscount: null,\r\n Bundle1_OfferID: null,\r\n Bundle2_OfferID: null,\r\n Bundle3_OfferID: null,\r\n Bundle4_OfferID: null,\r\n Bundle5_OfferID: null,\r\n PhoneIsUnlimitedCalling: null,\r\n InternetRequired: null,\r\n TVRequired: null,\r\n PhoneRequired: null,\r\n HomeSecurityRequired: null,\r\n IsFiber: null,\r\n DataMaxGb: null,\r\n DataOverageFee: null,\r\n MinimumUpfrontPayment: null,\r\n Charge1_Group: null,\r\n Charge1_Name: null,\r\n Charge1_MonthlyAmount: null,\r\n Charge1_PurchaseAmount: null,\r\n Charge1_Term: null,\r\n Charge1_Term_Start: null,\r\n Charge1_Term_End: null,\r\n Charge1_IsRequired: null,\r\n Charge2_Group: null,\r\n Charge2_Name: null,\r\n Charge2_MonthlyAmount: null,\r\n Charge2_PurchaseAmount: null,\r\n Charge2_Term: null,\r\n Charge2_Term_Start: null,\r\n Charge2_Term_End: null,\r\n Charge2_IsRequired: null,\r\n Charge3_Group: null,\r\n Charge3_Name: null,\r\n Charge3_MonthlyAmount: null,\r\n Charge3_PurchaseAmount: null,\r\n Charge3_Term: null,\r\n Charge3_Term_Start: null,\r\n Charge3_Term_End: null,\r\n Charge3_IsRequired: null,\r\n Charge4_Group: null,\r\n Charge4_Name: null,\r\n Charge4_MonthlyAmount: null,\r\n Charge4_PurchaseAmount: null,\r\n Charge4_Term: null,\r\n Charge4_Term_Start: null,\r\n Charge4_Term_End: null,\r\n Charge4_IsRequired: null,\r\n Charge5_Group: null,\r\n Charge5_Name: null,\r\n Charge5_MonthlyAmount: null,\r\n Charge5_PurchaseAmount: null,\r\n Charge5_Term: null,\r\n Charge5_Term_Start: null,\r\n Charge5_Term_End: null,\r\n Charge5_IsRequired: null,\r\n Charge6_Group: null,\r\n Charge6_Name: null,\r\n Charge6_MonthlyAmount: null,\r\n Charge6_PurchaseAmount: null,\r\n Charge6_Term: null,\r\n Charge6_Term_Start: null,\r\n Charge6_Term_End: null,\r\n Charge6_IsRequired: null,\r\n Charge7_Group: null,\r\n Charge7_Name: null,\r\n Charge7_MonthlyAmount: null,\r\n Charge7_PurchaseAmount: null,\r\n Charge7_Term: null,\r\n Charge7_Term_Start: null,\r\n Charge7_Term_End: null,\r\n Charge7_IsRequired: null,\r\n Charge8_Group: null,\r\n Charge8_Name: null,\r\n Charge8_MonthlyAmount: null,\r\n Charge8_PurchaseAmount: null,\r\n Charge8_Term: null,\r\n Charge8_Term_Start: null,\r\n Charge8_Term_End: null,\r\n Charge8_IsRequired: null,\r\n Charge9_Group: null,\r\n Charge9_Name: null,\r\n Charge9_MonthlyAmount: null,\r\n Charge9_PurchaseAmount: null,\r\n Charge9_Term: null,\r\n Charge9_Term_Start: null,\r\n Charge9_Term_End: null,\r\n Charge9_IsRequired: null,\r\n Charge10_Group: null,\r\n Charge10_Name: null,\r\n Charge10_MonthlyAmount: null,\r\n Charge10_PurchaseAmount: null,\r\n Charge10_Term: null,\r\n Charge10_Term_Start: null,\r\n Charge10_Term_End: null,\r\n Charge10_IsRequired: null,\r\n Charge11_Group: null,\r\n Charge11_Name: null,\r\n Charge11_MonthlyAmount: null,\r\n Charge11_PurchaseAmount: null,\r\n Charge11_Term: null,\r\n Charge11_Term_Start: null,\r\n Charge11_Term_End: null,\r\n Charge11_IsRequired: null,\r\n Charge12_Group: null,\r\n Charge12_Name: null,\r\n Charge12_MonthlyAmount: null,\r\n Charge12_PurchaseAmount: null,\r\n Charge12_Term: null,\r\n Charge12_Term_Start: null,\r\n Charge12_Term_End: null,\r\n Charge12_IsRequired: null,\r\n Charge13_Group: null,\r\n Charge13_Name: null,\r\n Charge13_MonthlyAmount: null,\r\n Charge13_PurchaseAmount: null,\r\n Charge13_Term: null,\r\n Charge13_Term_Start: null,\r\n Charge13_Term_End: null,\r\n Charge13_IsRequired: null,\r\n Charge14_Group: null,\r\n Charge14_Name: null,\r\n Charge14_MonthlyAmount: null,\r\n Charge14_PurchaseAmount: null,\r\n Charge14_Term: null,\r\n Charge14_Term_Start: null,\r\n Charge14_Term_End: null,\r\n Charge14_IsRequired: null,\r\n Charge15_Group: null,\r\n Charge15_Name: null,\r\n Charge15_MonthlyAmount: null,\r\n Charge15_PurchaseAmount: null,\r\n Charge15_Term: null,\r\n Charge15_Term_Start: null,\r\n Charge15_Term_End: null,\r\n Charge15_IsRequired: null,\r\n Charge16_Group: null,\r\n Charge16_Name: null,\r\n Charge16_MonthlyAmount: null,\r\n Charge16_PurchaseAmount: null,\r\n Charge16_Term: null,\r\n Charge16_Term_Start: null,\r\n Charge16_Term_End: null,\r\n Charge16_IsRequired: null,\r\n Charge17_Group: null,\r\n Charge17_Name: null,\r\n Charge17_MonthlyAmount: null,\r\n Charge17_PurchaseAmount: null,\r\n Charge17_Term: null,\r\n Charge17_Term_Start: null,\r\n Charge17_Term_End: null,\r\n Charge17_IsRequired: null,\r\n Charge18_Group: null,\r\n Charge18_Name: null,\r\n Charge18_MonthlyAmount: null,\r\n Charge18_PurchaseAmount: null,\r\n Charge18_Term: null,\r\n Charge18_Term_Start: null,\r\n Charge18_Term_End: null,\r\n Charge18_IsRequired: null,\r\n Charge19_Group: null,\r\n Charge19_Name: null,\r\n Charge19_MonthlyAmount: null,\r\n Charge19_PurchaseAmount: null,\r\n Charge19_Term: null,\r\n Charge19_Term_Start: null,\r\n Charge19_Term_End: null,\r\n Charge19_IsRequired: null,\r\n Charge20_Group: null,\r\n Charge20_Name: null,\r\n Charge20_MonthlyAmount: null,\r\n Charge20_PurchaseAmount: null,\r\n Charge20_Term: null,\r\n Charge20_Term_Start: null,\r\n Charge20_Term_End: null,\r\n Charge20_IsRequired: null,\r\n Charge1_MaxCount: null,\r\n Charge2_MaxCount: null,\r\n Charge3_MaxCount: null,\r\n Charge4_MaxCount: null,\r\n Charge5_MaxCount: null,\r\n Charge6_MaxCount: null,\r\n Charge7_MaxCount: null,\r\n Charge8_MaxCount: null,\r\n Charge9_MaxCount: null,\r\n Charge10_MaxCount: null,\r\n Charge11_MaxCount: null,\r\n Charge12_MaxCount: null,\r\n Charge13_MaxCount: null,\r\n Charge14_MaxCount: null,\r\n Charge15_MaxCount: null,\r\n Charge16_MaxCount: null,\r\n Charge17_MaxCount: null,\r\n Charge18_MaxCount: null,\r\n Charge19_MaxCount: null,\r\n Charge20_MaxCount: null,\r\n Charge1_IncludedInPrice: null,\r\n Charge2_IncludedInPrice: null,\r\n Charge3_IncludedInPrice: null,\r\n Charge4_IncludedInPrice: null,\r\n Charge5_IncludedInPrice: null,\r\n Charge6_IncludedInPrice: null,\r\n Charge7_IncludedInPrice: null,\r\n Charge8_IncludedInPrice: null,\r\n Charge9_IncludedInPrice: null,\r\n Charge10_IncludedInPrice: null,\r\n Charge11_IncludedInPrice: null,\r\n Charge12_IncludedInPrice: null,\r\n Charge13_IncludedInPrice: null,\r\n Charge14_IncludedInPrice: null,\r\n Charge15_IncludedInPrice: null,\r\n Charge16_IncludedInPrice: null,\r\n Charge17_IncludedInPrice: null,\r\n Charge18_IncludedInPrice: null,\r\n Charge19_IncludedInPrice: null,\r\n Charge20_IncludedInPrice: null,\r\n Bundle6_OfferID: null,\r\n Bundle7_OfferID: null,\r\n Bundle8_OfferID: null,\r\n Bundle9_OfferID: null,\r\n Bundle10_OfferID: null,\r\n Charge21_Group: null,\r\n Charge21_Name: null,\r\n Charge21_MonthlyAmount: null,\r\n Charge21_PurchaseAmount: null,\r\n Charge21_Term: null,\r\n Charge21_Term_Start: null,\r\n Charge21_Term_End: null,\r\n Charge21_IsRequired: null,\r\n Charge21_MaxCount: null,\r\n Charge21_IncludedInPrice: null,\r\n Charge22_Group: null,\r\n Charge22_Name: null,\r\n Charge22_MonthlyAmount: null,\r\n Charge22_PurchaseAmount: null,\r\n Charge22_Term: null,\r\n Charge22_Term_Start: null,\r\n Charge22_Term_End: null,\r\n Charge22_IsRequired: null,\r\n Charge22_MaxCount: null,\r\n Charge22_IncludedInPrice: null,\r\n Charge23_Group: null,\r\n Charge23_Name: null,\r\n Charge23_MonthlyAmount: null,\r\n Charge23_PurchaseAmount: null,\r\n Charge23_Term: null,\r\n Charge23_Term_Start: null,\r\n Charge23_Term_End: null,\r\n Charge23_IsRequired: null,\r\n Charge23_MaxCount: null,\r\n Charge23_IncludedInPrice: null,\r\n Charge24_Group: null,\r\n Charge24_Name: null,\r\n Charge24_MonthlyAmount: null,\r\n Charge24_PurchaseAmount: null,\r\n Charge24_Term: null,\r\n Charge24_Term_Start: null,\r\n Charge24_Term_End: null,\r\n Charge24_IsRequired: null,\r\n Charge24_MaxCount: null,\r\n Charge24_IncludedInPrice: null,\r\n Charge25_Group: null,\r\n Charge25_Name: null,\r\n Charge25_MonthlyAmount: null,\r\n Charge25_PurchaseAmount: null,\r\n Charge25_Term: null,\r\n Charge25_Term_Start: null,\r\n Charge25_Term_End: null,\r\n Charge25_IsRequired: null,\r\n Charge25_MaxCount: null,\r\n Charge25_IncludedInPrice: null,\r\n Charge26_Group: null,\r\n Charge26_Name: null,\r\n Charge26_MonthlyAmount: null,\r\n Charge26_PurchaseAmount: null,\r\n Charge26_Term: null,\r\n Charge26_Term_Start: null,\r\n Charge26_Term_End: null,\r\n Charge26_IsRequired: null,\r\n Charge26_MaxCount: null,\r\n Charge26_IncludedInPrice: null,\r\n Charge27_Group: null,\r\n Charge27_Name: null,\r\n Charge27_MonthlyAmount: null,\r\n Charge27_PurchaseAmount: null,\r\n Charge27_Term: null,\r\n Charge27_Term_Start: null,\r\n Charge27_Term_End: null,\r\n Charge27_IsRequired: null,\r\n Charge27_MaxCount: null,\r\n Charge27_IncludedInPrice: null,\r\n Charge28_Group: null,\r\n Charge28_Name: null,\r\n Charge28_MonthlyAmount: null,\r\n Charge28_PurchaseAmount: null,\r\n Charge28_Term: null,\r\n Charge28_Term_Start: null,\r\n Charge28_Term_End: null,\r\n Charge28_IsRequired: null,\r\n Charge28_MaxCount: null,\r\n Charge28_IncludedInPrice: null,\r\n Charge29_Group: null,\r\n Charge29_Name: null,\r\n Charge29_MonthlyAmount: null,\r\n Charge29_PurchaseAmount: null,\r\n Charge29_Term: null,\r\n Charge29_Term_Start: null,\r\n Charge29_Term_End: null,\r\n Charge29_IsRequired: null,\r\n Charge29_MaxCount: null,\r\n Charge29_IncludedInPrice: null,\r\n Charge30_Group: null,\r\n Charge30_Name: null,\r\n Charge30_MonthlyAmount: null,\r\n Charge30_PurchaseAmount: null,\r\n Charge30_Term: null,\r\n Charge30_Term_Start: null,\r\n Charge30_Term_End: null,\r\n Charge30_IsRequired: null,\r\n Charge30_MaxCount: null,\r\n Charge30_IncludedInPrice: null,\r\n FeaturesLabel: null,\r\n FeaturesText: null,\r\n DisclosuresLabel: null,\r\n DisclosuresText: null,\r\n SummaryText: null,\r\n ApiID: 601,\r\n LocalitySourceProviderID: null,\r\n ChannelsLabel: null,\r\n ChannelsText: null,\r\n ChannelsLinkLabel: null,\r\n ChannelsLinkUrl: null,\r\n PriceContract: null,\r\n CSPhone: '855-784-2426',\r\n BundleOptionID: 1,\r\n LogoFileEmail: '77690_Email_4change_energy_logo.png',\r\n OrderPriority: 3,\r\n SeparateOrderForEachOffer: false,\r\n ContactInfoFooter:\r\n 'Value Based Brands LLC d/b/a 4Change Energy, All rights reserved REP #10041
www.4ChangeEnergy.com | Service@4ChangeEnergy.com | (833) 564-1391
4Change Energy PO Box 660361 Dallas, TX 75266-0361
\r\n // \r\n //
\r\n // );\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n webSocket: state.webSocket,\r\n serviceAddress: state.serviceAddress,\r\n siteConfig: state.commonData.siteConfig\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n actions: {\r\n pageLoading: bindActionCreators(webSocketActions.pageLoading, dispatch),\r\n serviceAddressUpdated: bindActionCreators(\r\n serviceAddressActions.serviceAddressUpdated,\r\n dispatch\r\n )\r\n }\r\n };\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(LandingSmarterChoice);\r\n\r\nconst LoadableChart = Loadable(() => import('react-apexcharts'));\r\n","import React, { useState, useEffect } from 'react';\r\nimport {\r\n Box,\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n TextField\r\n} from '@mui/material';\r\n\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { withPrefix } from 'gatsby-link';\r\n\r\nimport { getRateType } from '../../api/offerCalc';\r\n\r\nimport OfferRow from './OfferRow';\r\nimport OfferRowElectric from './OfferRowElectric';\r\nimport './index.css';\r\n\r\nfunction OfferDetailsPopup({\r\n offer,\r\n closeFunc,\r\n selectedUsage,\r\n usageSetting,\r\n fromFeatured\r\n}) {\r\n const [rowOffer, setRowOffer] = useState(null);\r\n\r\n useEffect(() => {\r\n let _offer = { ...offer };\r\n\r\n _offer.RateType = getRateType(offer);\r\n\r\n setRowOffer(_offer);\r\n }, []);\r\n\r\n return rowOffer ? (\r\n \r\n // \r\n //
\r\n // \r\n // \r\n // The average Texan overpays by about 15% for electricity…\r\n //
\r\n //
\r\n // \r\n // The average Texan overpays by about 15% for electricity…\r\n //
\r\n // Don’t be average!\r\n //
\r\n // \r\n //
\r\n\r\n // \r\n // \r\n // Find YOUR lowest electric rate\r\n // {/* with{' '}\r\n //
\r\n //
\r\n // \r\n // Find YOUR lowest electric rate\r\n // {/* with{' '}\r\n // })
*/}\r\n //
\r\n // \r\n //
\r\n // \r\n\r\n // \r\n // {/* \r\n // Enter your zip code\r\n // \r\n // }\r\n // onChange={(event) => {\r\n // if (event.target.value) {\r\n // setZipCode(parseInt(event.target.value.substring(0, 5)));\r\n\r\n // if (\r\n // event.target.value.length >= 5 &&\r\n // document.getElementById('lastBillAmount')\r\n // ) {\r\n // document.getElementById('lastBillAmount').focus();\r\n // }\r\n // } else {\r\n // setZipCode(null);\r\n // }\r\n // }}\r\n // onKeyDown={(event) => {\r\n // //tabOnEnter(event, 'lastBillAmount');\r\n // if (event.keyCode === 13) {\r\n // console.log('sbimt');\r\n // submitForm();\r\n // }\r\n // }}\r\n // onFocus={(event) => event.target.select()}\r\n // type=\"number\"\r\n // inputProps={{ inputMode: 'numeric', maxLength: 5 }}\r\n // />\r\n // {/* + */}\r\n //
\r\n // {/* View electric plans in your area
\r\n //\r\n // Enter your zip code to view electric plans in your area\r\n //
*/}\r\n //\r\n // {\r\n // if (event.target.value) {\r\n // setBillAmount(parseFloat(event.target.value));\r\n // } else {\r\n // setBillAmount(null);\r\n // }\r\n // }}\r\n // onKeyDown={(event) => {\r\n // tabOnEnter(event, 'lastBillUsage');\r\n // }}\r\n // onFocus={(event) => event.target.select()}\r\n // type=\"number\"\r\n // inputProps={{ inputMode: 'numeric' }}\r\n // />\r\n // {\r\n // if (event.target.value) {\r\n // setBillUsage(parseInt(event.target.value));\r\n // } else {\r\n // setBillUsage(null);\r\n // }\r\n // }}\r\n // onKeyDown={(event) => {\r\n // tabOnEnter(event, 'zipCode');\r\n // }}\r\n // onFocus={(event) => event.target.select()}\r\n // type=\"number\"\r\n // inputProps={{ inputMode: 'numeric' }}\r\n // />\r\n //
*/}\r\n // \r\n // For more personalized results add your last bill amount and usage\r\n //
\r\n //\r\n // {/* = */}\r\n // submitForm()}\r\n // disabled={!webSocket.connected}\r\n // data-buttonid={'find-your-lowest-rate'}>\r\n // Compare Rates
\r\n // \r\n //
\r\n\r\n // - \r\n //
- \r\n // \r\n //\r\n //
The 1,000-kWh Trap
\r\n //\r\n // The plans with the lowest advertised prices are not always the\r\n // best overall deals.\r\n //
\r\n //
\r\n //\r\n // \r\n // \r\n // - \r\n // \r\n //\r\n //
Remember the Rollercoaster
\r\n //\r\n // Why accounting for seasonal usage fluctuations is critical to\r\n // finding your best price.\r\n //
\r\n //
\r\n //\r\n // \r\n // \r\n // - \r\n // \r\n //\r\n //
Don't Be Average
\r\n //\r\n // We may not be able to reduce what you use, but we can reduce\r\n // what you pay.\r\n //
\r\n //
\r\n //\r\n // \r\n // \r\n //
\r\n // \r\n //
\r\n\r\n // \r\n {rowOffer.DisplayName}\r\n \r\n
\r\n \r\n {rowOffer.ProductTypeID === 6 ? (\r\n
\r\n \r\n {offer.label && (\r\n \r\n {offer.RenewableContent === 100 && (\r\n
\r\n\r\n
\r\n\r\n {showOfferDetails && offer.label && (\r\n {offer.label}
\r\n )}\r\n\r\n {offer.RenewableContent === 100 && (\r\n
\r\n\r\n \r\n {priceColumn === 'TrueCost_Dollars' ? (\r\n
\r\n\r\n \r\n {offer.TrueCost_PerKWh.toFixed(1)}\r\n ¢\r\n
\r\n ) : (\r\n \r\n {offer.SingleMonthPriceKWh.toFixed(1)}\r\n ¢\r\n
\r\n )}\r\n\r\n \r\n per kWh {priceColumn === 'TrueCost_Dollars' ? ' a ' : ''}\r\n {priceColumn === 'TrueCost_Dollars'\r\n ? ' seasonal average of ' + usage + ' kWh'\r\n : ' at ' + usage + ' kWh'}\r\n
\r\n {offer.TermLength > 1\r\n ? offer.TermLength + ' months'\r\n : 'Monthly'}{' '}\r\n {' / ' + offerCalc.getRateType(offer)}\r\n
\r\n \r\n {offer.TermLength > 1\r\n ? offer.TermLength + ' months'\r\n : 'Monthly'}{' '}\r\n {' / ' + offerCalc.getRateType(offer)}\r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {offer.calcs &&\r\n offer.calcs.creditList &&\r\n offer.calcs.creditList.length &&\r\n offer.calcs.creditList[0].amount &&\r\n offer.calcs.creditList[0].isTiered\r\n ? '$' +\r\n Math.abs(offer.calcs.creditList[0].amount).toFixed(2) +\r\n ' Bill Credit - '\r\n : ''}\r\n \r\n
\r\n\r\n {showOfferDetails && (\r\n \r\n setShowOfferDetails(null)}\r\n />\r\n
\r\n )}\r\n \r\n setShowOfferDetails(null)}\r\n selectedUsage={usage}\r\n usageSetting={usageSetting}\r\n />\r\n
\r\n )}\r\n \r\n \r\n The Safe, Simple, Hassle-free Way \r\n
\r\n\r\n
\r\n ) : null}\r\n\r\n {!preFilter ? (\r\n <>\r\n {serviceAddress &&\r\n serviceAddress.Address &&\r\n serviceAddress.Address.City ? (\r\n \r\n {!showSummer ? (\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n\r\n {showSummer ? (\r\n \r\n })
\r\n
\r\n ) : null}\r\n\r\n {headerIfName &&\r\n serviceAddress.Address &&\r\n serviceAddress.Address.FirstName &&\r\n serviceAddress.Address.Address ? (\r\n \r\n \r\n \r\n {serviceAddress.Address.Address}{' '}\r\n {serviceAddress.Address.Secondary}\r\n
\r\n
\r\n ) : (\r\n <>\r\n Hello, {serviceAddress.Address.FirstName}!
\r\n {serviceAddress.Address.PropertyName ? (\r\n <>\r\nWelcome to {serviceAddress.Address.PropertyName}
\r\n\r\n Your community has partnered with {siteConfig.brand} to help\r\n you find a great electricity plan for your new home. Plus,\r\n if you set up electric service through {siteConfig.brand},\r\n we will automatically send the Proof of Service\r\n documentation required by your lease to the property so you\r\n don't have to.\r\n
\r\nShowing electric plans for:
\r\n \r\n ) : null}\r\n\r\n\r\n {serviceAddress.Address.Address}{' '}\r\n {serviceAddress.Address.Secondary}\r\n
\r\n {serviceAddress.Address.City}, {serviceAddress.Address.State}{' '}\r\n {serviceAddress.Address.Zip}\r\n
\r\n \r\n The Safe, Simple, Hassle-free Way \r\n
\r\n to{' '}\r\n \r\n save{' '}\r\n
\r\n\r\n \r\n {\r\n // actions.pageLoading(true, 'Loading rates...');\r\n // navigate('/electric-rates');\r\n // }}\r\n hideAddressSearchButton\r\n afterAddressSelected={() => {\r\n scrollTimeout.current = setTimeout(() => {\r\n scrollToPlans(false, -90);\r\n }, 500);\r\n }}\r\n />\r\n
\r\n \r\n )}\r\n \r\n {serviceAddress &&\r\n serviceAddress.Address &&\r\n serviceAddress.Address.City &&\r\n city &&\r\n serviceAddress.Address.City.toLowerCase() ===\r\n city.toLowerCase() ? (\r\n
\r\n ) : !hasZipStored ? (\r\n <>\r\n \r\n \r\n Best \r\n \r\n {serviceAddress &&\r\n serviceAddress.Address &&\r\n serviceAddress.Address.City\r\n ? serviceAddress.Address.City\r\n : electricData[city].Address.City}\r\n {' '}\r\n area electric plans\r\n \r\n
\r\n ) : serviceAddress.Address.ResidentID ? null : (\r\n\r\n {serviceAddress.OfferDictionary &&\r\n serviceAddress.OfferDictionary.Electric ? (\r\n \r\n \r\n Best electric plans for{' '}\r\n \r\n {serviceAddress.Address.Address ? (\r\n <>\r\n {serviceAddress.Address.Address}{' '}\r\n {serviceAddress.Address.Secondary\r\n ? serviceAddress.Address.Secondary\r\n : ''}\r\n \r\n ) : (\r\n serviceAddress.Address.Zip\r\n )}\r\n \r\n \r\n \r\n ) : (\r\n No results found\r\n )}\r\n
\r\n )}\r\n {/* {noHeader || hideHeader ? (\r\n\r\n
\r\n // Did you know... If you're moving to a new address,\r\n // you can cancel your existing electric service contract without\r\n // penalty or early termination fees?{' '}\r\n //
\r\n You can change locations by entering a new zip code above.\r\n
\r\n )} */}\r\n\r\n \r\n In a contract? \r\n navigate('/switch')}>\r\n Check if you can switch early
*/}\r\n
\r\n\r\n \r\n \r\n \r\n Finding YOUR best deal on electricity has never been\r\n easier.\r\n \r\n \r\n
\r\n\r\n {/*\r\n In a contract? \r\n navigate('/switch')}>\r\n Check if you can switch early
*/}\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n ) : null}\r\n\r\n {serviceAddress &&\r\n serviceAddress.Address &&\r\n serviceAddress.Address.Zip ? (\r\n <>\r\n \r\n })
\r\n\r\n
\r\n\r\n - \r\n
- \r\n \r\n Step\r\n 1\r\n \r\n
Enter your zip code
\r\n\r\n Enter your zip code above to find energy providers and\r\n plans in your area.\r\n
\r\n \r\n - \r\n \r\n Step\r\n 2\r\n \r\n
Compare rates
\r\n\r\n Quickly compare rates to find the plan that is best for\r\n you.\r\n
\r\n \r\n - \r\n \r\n Step\r\n 3\r\n \r\n
Sign up and SAVE.
\r\nSign up online or over the phone and start saving.
\r\n \r\n
\r\n The safe, simple, hassle-free way to SAVE on Electricity.\r\n
\r\n\r\n
\r\n \r\n
*/}\r\n\r\n {showAddressSearch ? (\r\n \r\n })
\r\n
\r\n \r\n \r\n })
\r\n
\r\n \r\n \r\n })
\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default WifiAnimation;\r\n"],"names":["_interopRequireDefault","exports","_createSvgIcon","_jsxRuntime","default","jsx","d","createSvgIcon","getCheckboxUtilityClass","slot","generateUtilityClass","generateUtilityClasses","_excluded","CheckboxRoot","styled","SwitchBase","shouldForwardProp","prop","rootShouldForwardProp","name","overridesResolver","props","styles","ownerState","root","indeterminate","capitalize","size","color","_ref","theme","vars","palette","text","secondary","disableRipple","backgroundColor","action","activeChannel","mainChannel","hoverOpacity","active","main","checked","disabled","defaultCheckedIcon","CheckBox","defaultIcon","CheckBoxOutlineBlank","defaultIndeterminateIcon","IndeterminateCheckBox","inProps","ref","_icon$props$fontSize","_indeterminateIcon$pr","checkedIcon","icon","iconProp","indeterminateIcon","indeterminateIconProp","inputProps","className","other","classes","slots","composedClasses","composeClasses","useUtilityClasses","type","fontSize","clsx","getMenuItemUtilityClass","MenuItemRoot","ButtonBase","dense","divider","disableGutters","gutters","typography","body1","display","justifyContent","alignItems","position","textDecoration","minHeight","paddingTop","paddingBottom","boxSizing","whiteSpace","paddingLeft","paddingRight","borderBottom","backgroundClip","hover","selected","primary","selectedOpacity","focusVisible","focusOpacity","focus","opacity","disabledOpacity","marginTop","spacing","marginBottom","inset","marginLeft","minWidth","breakpoints","up","body2","autoFocus","component","focusVisibleClassName","role","tabIndex","tabIndexProp","context","ListContext","childContext","menuItemRef","useEnhancedEffect","current","handleRef","useForkRef","undefined","Provider","value","children","kSampleStepSize","float32ArraySupported","Float32Array","A","aA1","aA2","B","C","calcBezier","aT","getSlope","LinearEasing","x","module","mX1","mY1","mX2","mY2","Error","sampleValues","Array","i","getTForX","aX","intervalStart","currentSample","kSplineTableSize","guessForT","initialSlope","aGuessT","currentSlope","newtonRaphsonIterate","aA","aB","currentX","currentT","Math","abs","binarySubdivide","ValidCSSEffects","Units","RotationUnits","ScaleUnits","ScrollAxis","EasingPreset","Limits","properties","this","startX","startY","endX","endY","totalX","totalY","startMultiplierX","endMultiplierX","startMultiplierY","endMultiplierY","_extends","Object","assign","target","arguments","length","source","key","prototype","hasOwnProperty","call","apply","id","Rect","options","rect","el","getBoundingClientRect","view","scrollContainer","scrollRect","top","right","left","bottom","height","offsetHeight","width","offsetWidth","rootMargin","_setRectWithRootMargin","totalRootY","totalRootX","VALID_UNITS","px","deg","turn","rad","parseValueAndUnit","str","defaultUnit","out","unit","String","parseFloat","match","includes","easingPresets","ease","easeIn","easeOut","easeInOut","easeInQuad","easeInCubic","easeInQuart","easeInQuint","easeInSine","easeInExpo","easeInCirc","easeOutQuad","easeOutCubic","easeOutQuart","easeOutQuint","easeOutSine","easeOutExpo","easeOutCirc","easeInOutQuad","easeInOutCubic","easeInOutQuart","easeInOutQuint","easeInOutSine","easeInOutExpo","easeInOutCirc","easeInBack","easeOutBack","easeInOutBack","createEasingFunction","easing","isArray","params","PARALLAX_EFFECTS","values","MAP_EFFECT_TO_DEFAULT_UNIT","speed","translateX","translateY","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","parseElementTransitionEffects","scrollAxis","parsedEffects","forEach","defaultValue","endSpeed","startParsed","endParsed","speedConfig","start","end","vertical","horizontal","_value","_startParsed","_endParsed","getProgressAmount","totalDist","currentScroll","amount","scaleEffectByProgress","effect","progress","newMin","newMax","oldMin","oldMax","scaleBetween","TRANSFORM_EFFECTS","filter","v","setElementStyles","effects","transform","reduce","acc","scaledEffect","getTransformStyles","scaledOpacity","getOpacityStyles","style","resetStyles","element","getTranslateScalar","startTranslatePx","endTranslatePx","slow","totalDistTrue","max","getStartEndValueInPx","translate","elementSize","startScale","endScale","window","innerWidth","_startScale","_endScale","innerHeight","DEFAULT_VALUE","clamp","num","min","Element","willChange","disabledParallaxController","isInView","_setElementEasing","keys","_proto","updateProps","nextProps","setCachedAttributes","scroll","targetElement","shouldScaleTranslateEffects","shouldDisableScalingTranslations","startScroll","endScroll","limits","_setElementStyles","shouldAlwaysCompleteAnimation","_getStartEndValueInPx","startTranslateXPx","endTranslateXPx","_getStartEndValueInPx2","startTranslateYPx","endTranslateYPx","y","topBeginsInView","leftBeginsInView","bottomEndsInView","scrollHeight","rightEndsInView","scrollWidth","createLimitsWithTranslationsForRelativeElements","scaledEffects","effectsCopy","scaleTranslateEffectsForSlowerScroll","createLimitsForRelativeElements","_updateElementIsInView","nextIsInView","isFirstChange","onEnter","_setFinalProgress","onExit","finalProgress","round","_updateElementProgress","nextProgress","onProgressChange","onChange","updateElementOptions","updatePosition","isVertical","total","s","isElementInView","View","config","hasChanged","setSize","Scroll","dx","dy","setScroll","ParallaxController","_ref$scrollAxis","_ref$disabled","elements","_hasScrollContainer","viewEl","_this$_getScrollPosit","_getScrollPosition","_ticking","_supportsPassive","supportsPassiveOption","opts","defineProperty","get","addEventListener","removeEventListener","e","testForPassiveScroll","_bindAllMethods","_addListeners","_addResizeObserver","_setViewSize","init","_this","method","bind","_handleScroll","passive","_handleUpdateCache","_removeListeners","_this$_resizeObserver","_resizeObserver","disconnect","_this2","observedEl","document","documentElement","ResizeObserver","update","observe","console","warn","scrollLeft","pageXOffset","scrollTop","pageYOffset","_this$elements","_this$_getScrollPosit2","nx","ny","requestAnimationFrame","_updateAllElements","updateCache","_temp","_this3","_updateElementPosition","_getViewParams","_width","_height","_scrollHeight","_scrollWidth","html","clientWidth","clientHeight","_checkIfViewHasChanged","getElements","createElement","newElement","concat","removeElementById","updateElementPropsById","map","resetElementStyles","_this$_getScrollPosit3","updateScrollContainer","disableParallaxController","enableParallaxController","_this4","disableAllElements","enableAllElements","destroy","_objectWithoutPropertiesLoose","excluded","sourceKeys","indexOf","getIsolatedParallaxProps","obj","rest","parallaxProps","ParallaxContext","useParallax","controller","parallaxController","useContext","useParallaxController","useRef","useEffect","useVerifyController","_useState","useState","setElement","HTMLElement","Parallax","_getIsolatedParallaxP","FALLBACK_RECT","_excluded$1","absoluteStyle","ParallaxBannerLayer","layer","_rest$expanded","expanded","testId","divProps","imageStyle","image","backgroundImage","backgroundPosition","backgroundSize","expandedStyle","translateYStart","translateYEnd","_layer$targetElement$","_layer$targetElement","clientRect","absSpeed","getExpandedStyle","parallax","_excluded$2","containerStyle","overflow","ParallaxBanner","setTargetElement","containerRef","rootStyle","_props$layers","layers","rootRest","child","item","createController","ParallaxProvider","isDisabled","showAddressSearch","setShowAddressSearch","addressSearched","setAddressSearched","React","Dialog","open","hideSearchBy","DialogTitle","src","withPrefix","title","mode","IconButton","float","onClick","closeFunc","CloseIcon","DialogContent","AddressSearch","connect","state","webSocket","serviceAddress","siteConfig","commonData","dispatch","actions","includeAddressSearch","showZipPopup","setShowZipPopup","ElectricProviderList","Address","State","Zip","Button","Alert","severity","City","provider","ProviderLogo","offer","WebsiteUrl","variant","href","DisplayName","LaunchIcon","AddressSearchPopup","afterAddressSelected","fullWidth","textAlign","sortColumn","column","ArrowDropDownIcon","getAlertTitleUtilityClass","AlertTitleRoot","Typography","fontWeight","fontWeightMedium","gutterBottom","monthList","usageHistory","setUsageHistory","onUsageChanged","month","monthIndex","TextField","label","substring","placeholder","event","onKeyDown","keyCode","nextInput","getElementById","_chartOptions","chart","toolbar","show","plotOptions","bar","columnWidth","endingShape","stroke","xaxis","categories","markers","strokeWidth","fillOpacity","strokeOpacity","yaxis","tickAmount","texasREPList","showUsageHistoryPrompt","setShowUsageHistoryPrompt","saving","setSaving","saveError","setSaveError","chartOptions","setChartOptions","chartData","setChartData","usageEditTimeout","setTimeout","minUsage","maxUsage","_chartData","data","isNaN","push","log","clearTimeout","SmartMeter","AlertTitle","UsageHistoryForm","LoadableChart","series","DialogActions","Loadable","trackAs","mobileText","onVisibleChange","cookie","visible","setVisible","interpolatedValues","setInterpolatedValues","interpolate","split","join","PropertyName","toUpperCase","brand","cookieValue","dataApi","dangerouslySetInnerHTML","__html","UsageSelection","usageSetting","setUsageSetting","estimatedUsage","setEstimatedUsage","selectedUsage","setSelectedUsage","setShowUsageHistoryRequest","lastBillUsage","setLastBillUsage","lastBillAmount","setLastBillAmount","usageHistoryMode","setUsageHistoryMode","setLastSelectedUsage","setFiltersExpanded","tooltips","quickFilter","setQuickFilter","showUsageHistoryForm","setShowUsageHistoryForm","showCustom","setShowCustom","ResidentID","onFocus","select","inputMode","maxLength","InputProps","endAdornment","InputAdornment","startAdornment","InfoIcon","getContentHeight","body","FiltersElectric","_ref2","filtersExpanded","allOptionSelected","selectedRateType","selectedTermLength","filterCounts","selectedProviderList","setSelectedRateType","setSelectedTermLength","setSelectedProviderList","setAllOptionSelected","setFiltersClicked","quickFilterList","mobile","offerList","showQuickFiltersMenu","setShowQuickFiltersMenu","currentTarget","_quickFilter","ExpandMoreIcon","Menu","anchorEl","keepMounted","Boolean","onClose","hideInQuickFilters","requiredRateType","MenuItem","FontAwesomeIcon","FormControl","FormLabel","FormGroup","FormControlLabel","control","Checkbox","termLength","termLengthList","sort","a","b","valueA","parseInt","valueB","getTermLengthKeys","func","providerList","getProviderKeys","providerName","providerLogoBaseUrl","ProviderName","LogoFile","alt","scrollbarHeight","setScrollbarHeight","timeoutId","resizeListener","Scrollbars","autoHide","renderTrackHorizontal","_ref3","visibility","renderTrackVertical","renderTrackVerticalDefault","pageLoading","bindActionCreators","webSocketActions","truePrice","activeSection","setActiveSection","KeyboardArrowDownIcon","ThousandKWhTrap","inline","Rollercoaster","DontBeAverage","featuredOfferList","setFeaturedOfferList","priceColumn","setPriceColumn","usage","setUsage","OfferDictionary","Electric","_offerList","TermLength","getFullCostDetail","offerA","offerB","bestAdvertisedPriceList","bestAdvertisedPrice","floor","random","mostPopular","_offer","ProviderID","bestPrepaid","IsPrepaid","TrueCost_Dollars","bestTruePrice","RenewableContent","bestPercentRenewable","isTrueCost","FeaturedOfferElectric","AdvertisedPrice","TruePrice","TrueCost","TermType","getTermLengthLabel","isGimmickOffer","ProviderUsageCharge_Tier2_Amount","ProviderUsageCharge_Tier3_Amount","ProviderUsageCharge_Tier4_Amount","ProviderUsageCharge_Tier5_Amount","ProviderBaseCharge_PerDay_Amount","ProviderCredit_Tier1_Amount","ProviderCredit_Tier2_Amount","ProviderCredit_Tier3_Amount","ProviderCredit_Tier4_Amount","ProviderCredit_Tier5_Amount","BaseChargeAdjustment_Provider","BaseChargeAdjustment_Utility","UsageChargeAdjustment_All","RateType","isLanding","preFilter","preFilterLabel","headerRef","observer","headerIsSticky","setHeaderIsSticky","setSortColumn","estimated","lastBill","actual","setOfferList","filteredOfferList","setFilteredOfferList","offerDictionary","setOfferDictionary","offerCalc","visibleOfferCount","setVisibleOfferCount","lastSelectedUsage","CookieChecked","offerCalculationTimeout","offersUpdating","setOffersUpdating","estimatedUsageTimeout","lastBillUsageTimeout","showUsageHistoryRequest","rateType","setFilterCounts","usageHistoryExists","setUsageHistoryExists","bestOffer","setBestOffer","showTrueCostExplanation","setShowTrueCostExplanation","noOffers","setNoOffers","selectedSection","setSelectedSection","highlightPriceColumn","setHighlighPriceColumn","showTermTypePopup","setShowTermTypePopup","hasIntroText","setHasIntroText","filtersClicked","preFilterRemoved","setPrefilterRemoved","truePriceClicked","setTruePriceClicked","updateFilterCounts","dictProvider","dictTermLength","dictRateType","passesRateType","passesTermLength","passesProvider","termLengthLabel","sortOffers","_sortColumn","addFullCostDetail","doOfferSort","desc","sortedList","_toConsumableArray","result","getQuickFilterRateType","_selectedRateType","getQuickFilterTermLength","_selectedTermLength","Checklist","_section","section","ServiceSectionID","providerFilter","termLengthFilter","rateTypeFilter","someRateTypeSelected","someRateTypeChanged","someTermLengthChanged","_selectedProviderList","someProviderChanged","someTermLengthSelected","_allOptionsSelected","someProviderSelected","passesFilters","detailList","then","_detailList","detail","Key","Value","_usageHistory","_usageHistoryExists","field","clearFilters","IntersectionObserver","intersectionRatio","threshold","unobserve","NoDeregulatedElectric","FeaturedOffersElectric","Secondary","ChevronRightIcon","ArrowRightAltIcon","SortIcon","Tooltip","toFixed","SCLandingInline","OfferRowElectric","OfferID","isFeatured","offerIndex","FeaturedOffer","CircularProgress","UsageHistoryEntry","TermTypePopup","compareElectric6Month","PriceKWh","TableContainer","Table","TableHead","TableRow","TableCell","TableBody","PriceDollars","border","clip","margin","padding","array1","array2","itemComparer","every","index","asc","findClosest","currentValue","_values$reduce","closestIndex","distance","trackFinger","touchId","changedTouches","touchEvent","touch","identifier","clientX","clientY","valueToPercent","roundValueToStep","step","nearest","Number","parts","toExponential","matissaDecimalPart","decimalPart","toString","getDecimalPrecision","setValueIndex","newValue","output","slice","focusThumb","sliderRef","activeIndex","setActive","_sliderRef$current","_doc$activeElement","doc","ownerDocument","_sliderRef$current2","contains","activeElement","getAttribute","querySelector","areValuesEqual","oldValue","axisProps","offset","percent","leap","Identity","cachedSupportsTouchActionNone","doesSupportTouchActionNone","CSS","supports","useSlider","parameters","ariaLabelledby","disableSwap","isRtl","marks","marksProp","onChangeCommitted","orientation","rootRef","shiftStep","valueProp","setOpen","dragging","setDragging","moveCount","valueDerived","setValueState","useControlled","controlled","handleChange","thumbIndex","nativeEvent","clonedEvent","constructor","writable","range","_","marksValues","mark","isFocusVisibleRef","onBlur","handleBlurVisible","handleFocusVisible","focusVisibleRef","useIsFocusVisible","focusedThumbIndex","setFocusedThumbIndex","handleFocusRef","createHandleHiddenInputFocus","otherHandlers","_otherHandlers$onFocu","createHandleHiddenInputBlur","_otherHandlers$onBlur","changeValue","valueInput","marksIndex","maxMarksValue","Infinity","previousValue","createHandleHiddenInputKeyDown","_otherHandlers$onKeyD","shiftKey","preventDefault","_document$activeEleme","blur","previousIndex","axis","getFingerNewValue","finger","move","slider","percentToValue","handleTouchMove","useEventCallback","buttons","handleTouchEnd","stopListening","handleTouchStart","trackOffset","trackLeap","createHandleMouseLeave","_otherHandlers$onMous3","onMouseLeave","getHiddenInputProps","externalProps","_parameters$step","externalHandlers","extractEventHandlers","ownEventHandlers","_otherHandlers$onChan","valueAsNumber","mergedEventHandlers","direction","getRootProps","onMouseDown","_otherHandlers$onMous","defaultPrevented","button","getThumbProps","onMouseOver","_otherHandlers$onMous2","getThumbStyle","pointerEvents","Slot","isHostComponent","getSliderUtilityClass","SliderRoot","marked","track","trackInverted","trackFalse","_ref9","_theme$vars","borderRadius","cursor","touchAction","WebkitTapHighlightColor","colorAdjust","grey","thumb","transition","variants","_theme$vars2","marginRight","SliderRail","rail","SliderTrack","_ref10","_theme$vars3","transitions","create","duration","shortest","_theme$vars4","Slider","borderColor","applyStyles","SliderThumb","_ref11","_theme$vars5","outline","content","boxShadow","shadows","_theme$vars6","valueLabelOpen","circle","valueLabelCircle","valueLabelLabel","useValueLabelClasses","valueLabel","_ref12","zIndex","common","white","transformOrigin","pxToRem","SliderMark","slotShouldForwardProp","markActive","_ref13","background","paper","SliderMarkLabel","markLabel","_ref14","markLabelActive","Forward","_ref15","_slots$root","_slots$rail","_slots$track","_ref4","_slots$thumb","_ref5","_slots$valueLabel","_ref6","_slots$mark","_ref7","_slots$markLabel","_ref8","_slots$input","_slotProps$root","_slotProps$rail","_slotProps$track","_slotProps$thumb","_slotProps$valueLabel","_slotProps$mark","_slotProps$markLabel","_slotProps$input","ariaLabel","ariaValuetext","components","componentsProps","classesProp","getAriaLabel","getAriaValueText","slotProps","valueLabelDisplay","valueLabelFormat","some","RootSlot","Root","RailSlot","Rail","TrackSlot","Track","ThumbSlot","Thumb","ValueLabelSlot","ValueLabel","MarkSlot","Mark","MarkLabelSlot","MarkLabel","InputSlot","input","Input","rootSlotProps","railSlotProps","trackSlotProps","thumbSlotProps","valueLabelSlotProps","markSlotProps","markLabelSlotProps","inputSlotProps","rootProps","useSlotProps","elementType","getSlotProps","externalSlotProps","externalForwardedProps","additionalProps","as","railProps","trackProps","thumbProps","valueLabelProps","markProps","markLabelProps","inputSliderProps","ValueLabelComponent","dontBeAverageChartOptions","setDontBeAverageChartOptions","sliderUsage","setSliderUsage","_offerChartData","price","autoSliderInterval","autoSliderValue","sliderClicked","setSliderClicked","setInterval","autoSlideUsage","clearInterval","_dontBeAverageChartOptions","annotations","lowUsage","x2","highUsage","fillColor","_offerChartSeries","getSliderArrowStyle","maxPosition","minPosition","getRangePosition","trueCost_PerKWh","lowPrice","highPrice","trueCost_Dollars","lowDollars","highDollars","creditCount","stateUsageLastUpdated","article","bottomText","noText","waitForTrap","showTrap","chartSeries","setChartSeries","trapChartOptions","setTrapChartOptions","animations","enabled","$","OfferName","OfferDetailText","InternetDownloadSpeedMb","TVChannelCount","PhoneText","ProviderServiceList","HomeSecurityText","FeatureBadge1","PUCNumber","ProviderStatusID","ProductKey","OfferStatusID","OfferStatusName","ProviderOfferCode1","ProviderOfferCode2","ProviderOfferCode3","ProviderOfferCode4","ProviderOfferCode5","ProviderOfferCode6","ProviderOfferCode7","ProviderOfferCode8","ProviderOfferCode9","OfferValidStartDate","OfferValidEndDate","TerminationFeeTypeID","TerminationFeeTypeName","TerminationFeeAmount","NewCustomersOnly","ExistingCustomersOnly","EBillOnly","FeatureBadge2","FeatureBadge3","FeatureBadge4","FeatureBadge5","OffsiteSignUpUrl","UtilityID","EFLUrl","TOSUrl","YRAACUrl","PriceAt500","PriceAt1000","PriceAt2000","UtilityBaseCharge","UtilityUsageCharge","ProviderBaseCharge_Tier1_Amount","ProviderBaseCharge_Tier1_Start","ProviderBaseCharge_Tier1_End","ProviderBaseCharge_Tier2_Amount","ProviderBaseCharge_Tier2_Start","ProviderBaseCharge_Tier2_End","ProviderBaseCharge_Tier3_Amount","ProviderBaseCharge_Tier3_Start","ProviderBaseCharge_Tier3_End","ProviderBaseCharge_Tier4_Amount","ProviderBaseCharge_Tier4_Start","ProviderBaseCharge_Tier4_End","ProviderBaseCharge_Tier5_Amount","ProviderBaseCharge_Tier5_Start","ProviderBaseCharge_Tier5_End","ProviderBaseCharge_PerDay_UsageCredit","ProviderUsageCharge_Tier1_Amount","ProviderUsageCharge_Tier1_Start","ProviderUsageCharge_Tier1_End","ProviderUsageCharge_Tier2_Start","ProviderUsageCharge_Tier2_End","ProviderUsageCharge_Tier3_Start","ProviderUsageCharge_Tier3_End","ProviderUsageCharge_Tier4_Start","ProviderUsageCharge_Tier4_End","ProviderUsageCharge_Tier5_Start","ProviderUsageCharge_Tier5_End","ProviderFlatCharge_Tier1_Amount","ProviderFlatCharge_Tier1_Start","ProviderFlatCharge_Tier1_End","ProviderFlatCharge_Tier2_Amount","ProviderFlatCharge_Tier2_Start","ProviderFlatCharge_Tier2_End","ProviderFlatCharge_Tier3_Amount","ProviderFlatCharge_Tier3_Start","ProviderFlatCharge_Tier3_End","ProviderFlatCharge_Tier4_Amount","ProviderFlatCharge_Tier4_Start","ProviderFlatCharge_Tier4_End","ProviderFlatCharge_Tier5_Amount","ProviderFlatCharge_Tier5_Start","ProviderFlatCharge_Tier5_End","ProviderCredit_Tier1_Start","ProviderCredit_Tier1_End","ProviderCredit_Tier2_Start","ProviderCredit_Tier2_End","ProviderCredit_Tier3_Start","ProviderCredit_Tier3_End","ProviderCredit_Tier4_Start","ProviderCredit_Tier4_End","ProviderCredit_Tier5_Start","ProviderCredit_Tier5_End","BaseChargeAdjustment_All","UsageChargeAdjustment_Provider","UsageChargeAdjustment_Utility","EBillProviderDiscount_All","EBillProviderDiscount_ProviderBaseCharge","EBillProviderDiscount_ProviderUsageCharge","UtilityName","ProductTypeID","CompareStateAverage_Start","CompareStateAverage_End","OrderPhone","CompareStateAverage_Count","OfferTypeID","OfferTypeName","AutoPayRequired","AutoPayDiscount","AutoPayDiscountTerm","TermTypeID","TermTypeName","Term_Rate1_Amount","Term_Rate1_Start","Term_Rate1_End","Term_Rate2_Amount","Term_Rate2_Start","Term_Rate2_End","Term_Rate3_Amount","Term_Rate3_Start","Term_Rate3_End","Term_Rate4_Amount","Term_Rate4_Start","Term_Rate4_End","Term_Rate5_Amount","Term_Rate5_Start","Term_Rate5_End","TermDiscount","Bundle1_OfferID","Bundle2_OfferID","Bundle3_OfferID","Bundle4_OfferID","Bundle5_OfferID","PhoneIsUnlimitedCalling","InternetRequired","TVRequired","PhoneRequired","HomeSecurityRequired","IsFiber","DataMaxGb","DataOverageFee","MinimumUpfrontPayment","Charge1_Group","Charge1_Name","Charge1_MonthlyAmount","Charge1_PurchaseAmount","Charge1_Term","Charge1_Term_Start","Charge1_Term_End","Charge1_IsRequired","Charge2_Group","Charge2_Name","Charge2_MonthlyAmount","Charge2_PurchaseAmount","Charge2_Term","Charge2_Term_Start","Charge2_Term_End","Charge2_IsRequired","Charge3_Group","Charge3_Name","Charge3_MonthlyAmount","Charge3_PurchaseAmount","Charge3_Term","Charge3_Term_Start","Charge3_Term_End","Charge3_IsRequired","Charge4_Group","Charge4_Name","Charge4_MonthlyAmount","Charge4_PurchaseAmount","Charge4_Term","Charge4_Term_Start","Charge4_Term_End","Charge4_IsRequired","Charge5_Group","Charge5_Name","Charge5_MonthlyAmount","Charge5_PurchaseAmount","Charge5_Term","Charge5_Term_Start","Charge5_Term_End","Charge5_IsRequired","Charge6_Group","Charge6_Name","Charge6_MonthlyAmount","Charge6_PurchaseAmount","Charge6_Term","Charge6_Term_Start","Charge6_Term_End","Charge6_IsRequired","Charge7_Group","Charge7_Name","Charge7_MonthlyAmount","Charge7_PurchaseAmount","Charge7_Term","Charge7_Term_Start","Charge7_Term_End","Charge7_IsRequired","Charge8_Group","Charge8_Name","Charge8_MonthlyAmount","Charge8_PurchaseAmount","Charge8_Term","Charge8_Term_Start","Charge8_Term_End","Charge8_IsRequired","Charge9_Group","Charge9_Name","Charge9_MonthlyAmount","Charge9_PurchaseAmount","Charge9_Term","Charge9_Term_Start","Charge9_Term_End","Charge9_IsRequired","Charge10_Group","Charge10_Name","Charge10_MonthlyAmount","Charge10_PurchaseAmount","Charge10_Term","Charge10_Term_Start","Charge10_Term_End","Charge10_IsRequired","Charge11_Group","Charge11_Name","Charge11_MonthlyAmount","Charge11_PurchaseAmount","Charge11_Term","Charge11_Term_Start","Charge11_Term_End","Charge11_IsRequired","Charge12_Group","Charge12_Name","Charge12_MonthlyAmount","Charge12_PurchaseAmount","Charge12_Term","Charge12_Term_Start","Charge12_Term_End","Charge12_IsRequired","Charge13_Group","Charge13_Name","Charge13_MonthlyAmount","Charge13_PurchaseAmount","Charge13_Term","Charge13_Term_Start","Charge13_Term_End","Charge13_IsRequired","Charge14_Group","Charge14_Name","Charge14_MonthlyAmount","Charge14_PurchaseAmount","Charge14_Term","Charge14_Term_Start","Charge14_Term_End","Charge14_IsRequired","Charge15_Group","Charge15_Name","Charge15_MonthlyAmount","Charge15_PurchaseAmount","Charge15_Term","Charge15_Term_Start","Charge15_Term_End","Charge15_IsRequired","Charge16_Group","Charge16_Name","Charge16_MonthlyAmount","Charge16_PurchaseAmount","Charge16_Term","Charge16_Term_Start","Charge16_Term_End","Charge16_IsRequired","Charge17_Group","Charge17_Name","Charge17_MonthlyAmount","Charge17_PurchaseAmount","Charge17_Term","Charge17_Term_Start","Charge17_Term_End","Charge17_IsRequired","Charge18_Group","Charge18_Name","Charge18_MonthlyAmount","Charge18_PurchaseAmount","Charge18_Term","Charge18_Term_Start","Charge18_Term_End","Charge18_IsRequired","Charge19_Group","Charge19_Name","Charge19_MonthlyAmount","Charge19_PurchaseAmount","Charge19_Term","Charge19_Term_Start","Charge19_Term_End","Charge19_IsRequired","Charge20_Group","Charge20_Name","Charge20_MonthlyAmount","Charge20_PurchaseAmount","Charge20_Term","Charge20_Term_Start","Charge20_Term_End","Charge20_IsRequired","Charge1_MaxCount","Charge2_MaxCount","Charge3_MaxCount","Charge4_MaxCount","Charge5_MaxCount","Charge6_MaxCount","Charge7_MaxCount","Charge8_MaxCount","Charge9_MaxCount","Charge10_MaxCount","Charge11_MaxCount","Charge12_MaxCount","Charge13_MaxCount","Charge14_MaxCount","Charge15_MaxCount","Charge16_MaxCount","Charge17_MaxCount","Charge18_MaxCount","Charge19_MaxCount","Charge20_MaxCount","Charge1_IncludedInPrice","Charge2_IncludedInPrice","Charge3_IncludedInPrice","Charge4_IncludedInPrice","Charge5_IncludedInPrice","Charge6_IncludedInPrice","Charge7_IncludedInPrice","Charge8_IncludedInPrice","Charge9_IncludedInPrice","Charge10_IncludedInPrice","Charge11_IncludedInPrice","Charge12_IncludedInPrice","Charge13_IncludedInPrice","Charge14_IncludedInPrice","Charge15_IncludedInPrice","Charge16_IncludedInPrice","Charge17_IncludedInPrice","Charge18_IncludedInPrice","Charge19_IncludedInPrice","Charge20_IncludedInPrice","Bundle6_OfferID","Bundle7_OfferID","Bundle8_OfferID","Bundle9_OfferID","Bundle10_OfferID","Charge21_Group","Charge21_Name","Charge21_MonthlyAmount","Charge21_PurchaseAmount","Charge21_Term","Charge21_Term_Start","Charge21_Term_End","Charge21_IsRequired","Charge21_MaxCount","Charge21_IncludedInPrice","Charge22_Group","Charge22_Name","Charge22_MonthlyAmount","Charge22_PurchaseAmount","Charge22_Term","Charge22_Term_Start","Charge22_Term_End","Charge22_IsRequired","Charge22_MaxCount","Charge22_IncludedInPrice","Charge23_Group","Charge23_Name","Charge23_MonthlyAmount","Charge23_PurchaseAmount","Charge23_Term","Charge23_Term_Start","Charge23_Term_End","Charge23_IsRequired","Charge23_MaxCount","Charge23_IncludedInPrice","Charge24_Group","Charge24_Name","Charge24_MonthlyAmount","Charge24_PurchaseAmount","Charge24_Term","Charge24_Term_Start","Charge24_Term_End","Charge24_IsRequired","Charge24_MaxCount","Charge24_IncludedInPrice","Charge25_Group","Charge25_Name","Charge25_MonthlyAmount","Charge25_PurchaseAmount","Charge25_Term","Charge25_Term_Start","Charge25_Term_End","Charge25_IsRequired","Charge25_MaxCount","Charge25_IncludedInPrice","Charge26_Group","Charge26_Name","Charge26_MonthlyAmount","Charge26_PurchaseAmount","Charge26_Term","Charge26_Term_Start","Charge26_Term_End","Charge26_IsRequired","Charge26_MaxCount","Charge26_IncludedInPrice","Charge27_Group","Charge27_Name","Charge27_MonthlyAmount","Charge27_PurchaseAmount","Charge27_Term","Charge27_Term_Start","Charge27_Term_End","Charge27_IsRequired","Charge27_MaxCount","Charge27_IncludedInPrice","Charge28_Group","Charge28_Name","Charge28_MonthlyAmount","Charge28_PurchaseAmount","Charge28_Term","Charge28_Term_Start","Charge28_Term_End","Charge28_IsRequired","Charge28_MaxCount","Charge28_IncludedInPrice","Charge29_Group","Charge29_Name","Charge29_MonthlyAmount","Charge29_PurchaseAmount","Charge29_Term","Charge29_Term_Start","Charge29_Term_End","Charge29_IsRequired","Charge29_MaxCount","Charge29_IncludedInPrice","Charge30_Group","Charge30_Name","Charge30_MonthlyAmount","Charge30_PurchaseAmount","Charge30_Term","Charge30_Term_Start","Charge30_Term_End","Charge30_IsRequired","Charge30_MaxCount","Charge30_IncludedInPrice","FeaturesLabel","FeaturesText","DisclosuresLabel","DisclosuresText","SummaryText","ApiID","LocalitySourceProviderID","ChannelsLabel","ChannelsText","ChannelsLinkLabel","ChannelsLinkUrl","PriceContract","CSPhone","BundleOptionID","LogoFileEmail","OrderPriority","SeparateOrderForEachOffer","ContactInfoFooter","ApiName","SatisfactionGuaranteeText","_seasonalUsage","July","SourceGroup","UsageHistorySourceName","Month","Usage","UsageVariable","AveragePricePerCustomer_12Month","AverageUsagePerCustomer_12Month","LastUpdated","June","May","April","March","February","January","December","November","October","September","August","costDetail","ElectricUsageHistory","trueCost","table","calcMonth","dollars","perKWh","creditApplies","SingleMonthPriceKWh","TrueCost_PerKWh","trueCost_Usage","TrueCost_Usage","zoom","curve","dashArray","colors","_price","labels","formatter","_monthsOfYear","serviceAddressUpdated","serviceAddressActions","zipFromCookie","_city","useQueryParam","zipCode","setZipCode","city","setCity","billAmount","setBillAmount","billUsage","setBillUsage","SCLandingWrapper","fromFeatured","rowOffer","setRowOffer","getRateType","showDetails","OfferRow","showOfferDetails","setShowOfferDetails","OrderButton","calcs","creditList","isTiered","OfferDetailsPopup","setLandingPage","noHeader","headerIfName","checking","hasZipStored","setHasZipStored","getCookie","hideHeader","setHideHeader","uc","show6MonthAvg","setShow6MonthAvg","showSummer","setShowSummer","simple","zipEntered","scrollTimeout","scrollToPlans","instant","bestHeader","getElementsByClassName","offerRow","scrollToElementInPage","route","getCurrentRoute","initted","ajaxConnected","hasServiceAddress","mock","saveServiceAddress","force","electricData","Electric6MonthAvgCompare","FirstName","hideAddressSearchButton","toLowerCase","logo","ConnectElectric"],"sourceRoot":""}\r\n \r\n \r\n \r\n \r\n
\r\n