\n
\n \n );\n }\n}\n\nForm.propTypes = {\n onToggleVisibility: PropTypes.func.isRequired,\n visible: PropTypes.bool.isRequired,\n staffers: PropTypes.array.isRequired,\n};\n\nForm.defaultProps = {\n visible: false,\n};\n\nexport default Form;\n","import PropTypes from 'prop-types';\n\nfunction legislatorStaffersFetcher({ legislatorId, onSuccess }) {\n const addNotification = window.app.GlobalNotifier.addNotification;\n const url = `/api_web/legislators/${legislatorId}/staffers`;\n const method = 'GET';\n\n $.ajax({\n method,\n url,\n success: onSuccess,\n error: () => {\n addNotification({\n message: 'Failed to load staffers.',\n level: 'error',\n });\n },\n });\n}\n\nlegislatorStaffersFetcher.propTypes = {\n legislatorId: PropTypes.string.isRequired,\n onSuccess: PropTypes.func.isRequired,\n};\n\nexport default legislatorStaffersFetcher;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport Form from './Form.jsx';\nimport legislatorStaffersFetcher from './legislatorStaffersFetcher';\n\nclass StaffersMailer extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n staffers: [],\n };\n this.toggleFormVisibility = this.toggleFormVisibility.bind(this);\n this.loadStaffers = this.loadStaffers.bind(this);\n }\n\n loadStaffers() {\n legislatorStaffersFetcher({\n legislatorId: this.props.legislatorId,\n onSuccess: (response) => {\n const staffers = response.data;\n this.setState({ staffers });\n },\n });\n }\n\n toggleFormVisibility(formVisible) {\n if (formVisible) {\n this.loadStaffers();\n }\n this.setState({ formVisible });\n }\n\n render() {\n return (\n \n \n \n
\n \n Send an email through your email client
\n{nameNode} {getIcon()}
;\n }\n\n const content = (\n <>\n {isPresentAvatar && (\n {content}
\n : content;\n\n if (!isEmpty(routerLink)) {\n return Are you sure you want to permanently delete these {itemsCounter} items?
;\n }\n\n const firstItemData = data && data.find(item => item.id.toString() === selectedItems[0]);\n\n if (firstItemData) {\n const { first_name, last_name } = firstItemData;\n\n returnAre you sure you want to delete this stakeholder, {first_name} {last_name}?
;\n }\n\n returnAre you sure you want to permanently delete this item?
;\n }\n\n const buttons = (\n\n {renderDeleteMessage()}\n
\n \n );\n}\n\nDelete.defaultProps = {\n title: 'Confirm deletion',\n};\n\nDelete.propTypes = {\n title: PropTypes.string,\n className: PropTypes.string,\n isLoading: PropTypes.bool.isRequired,\n isOpen: PropTypes.bool.isRequired,\n toggleOpen: PropTypes.func.isRequired,\n selectedItems: PropTypes.array,\n data: PropTypes.array,\n onDelete: PropTypes.func.isRequired,\n customDeleteMessage: PropTypes.oneOfType([\n PropTypes.node,\n PropTypes.element,\n PropTypes.string,\n ]),\n};\n\nexport default Delete;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"lastActionColumn\":\"styles-module__lastActionColumn___3TOcq\",\"snippetColumn\":\"styles-module__snippetColumn___3JfYf\"};","import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport Notifications from 'components/Stakeholder/Lookup/utils/Notifications';\nimport withLookup from 'components/Stakeholder/Lookup/utils/withLookup';\nimport { TAG_STRATEGY_SLUG } from 'components/Stakeholder/utils/constants';\nimport TagInput from 'components/core/TagInput';\nimport Button from 'components/core/Button';\nimport Loader from 'components/core/Loader';\nimport Modal from 'components/core/Modal';\nimport stylesButtonTagManager from 'components/core/ButtonTagManager/styles.module.scss';\n\nimport styles from '../styles.module.scss';\n\nfunction ApplyTags({\n ui,\n selectedItems,\n onClear,\n isOpen,\n toggleOpen,\n submitAppliedTags,\n className,\n initialValues,\n paginator,\n lastSearchId,\n}) {\n const { isApplyingTags } = ui;\n const [tags, setTags] = useState(initialValues);\n\n function handleToggleModal() {\n setTags([]);\n toggleOpen();\n }\n\n function handleClickApply() {\n submitAppliedTags({\n tags,\n ids: selectedItems,\n paginator,\n onClear,\n toggleOpen,\n lastSearchId,\n notifications: {\n getSuccess: Notifications.tagEventSuccess,\n getFailed: Notifications.tagEventFailed,\n },\n });\n }\n\n const buttons = (\n This is irreversible.
\n\n Legislative session\n
\n\n \n {name}\n {projectedDate}\n\n {!!daysLeft && (\n \n {daysLeft}\n \n )}\n
\n\n {!!notes && (\n \n \n {notes}\n
\n )}\n\n \n {helperText}\n
\n \n );\n }\n\n return (\n \n {content || EMPTY_VALUE}\n
\n );\n}\n\nValueItem.propTypes = {\n content: PropTypes.node,\n};\n\nexport default ValueItem;\n","import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\n\nimport Link from 'components/core/Link';\nimport { EMPTY_VALUE } from 'utils/constants';\n\nimport styles from './styles.module.scss';\n\nfunction LinkItem({ href, value, isExternal, onClick, className }) {\n if (isEmpty(href) || isEmpty(value)) {\n return value || EMPTY_VALUE;\n }\n\n return (\n \n \n
\n );\n\n const content = (\n {billStatus}
;\n }\n\n return (\n \n {billStatus} -
\n );\n }\n\n const callToActionsProps = {\n id,\n isMobile,\n documentType,\n tags,\n isLoadingTags,\n itemType,\n subscription,\n onUpdateTrackings,\n withTrack: true,\n withPosition: true,\n isLoadingSubscription,\n defaultSubscription,\n isLoadingMyFeedDocuments,\n sharings,\n trackings,\n onTagClick: redirectToGlobalSearch,\n };\n\n function renderTitle() {\n const { name: stateName } = state || {};\n const displayTitle = `${stateName} ${billNumber}: ${billName}`;\n\n const customContentNode = \n {otherCosponsorsNumber}
\n );\n }\n\n return (\n \n
\n );\n}\n\nPartyBadges.defaultProps = {\n republican: {},\n democratic: {},\n};\n\nPartyBadges.propTypes = {\n republican: PropTypes.object,\n democratic: PropTypes.object,\n others: PropTypes.object,\n};\n\nexport default PartyBadges;\n","export const PAGE_SIZE = 20;\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\n\nimport { LegislatorBadgeField } from 'components/core/Profile/components/KeyDetailsFields';\nimport { Content } from 'components/core/Profile/components/ContentDoubleColumn';\nimport DataCard from 'components/core/Profile/components/DataCard';\nimport titles from 'components/State/BillProfile/utils/titles';\nimport Paginator from 'components/core/Paginator';\nimport SomethingWentWrong from 'components/Errors/SomethingWentWrong';\n\nimport Placeholder from './components/Placeholder';\nimport PartyBadges from './components/PartyBadges';\nimport { PAGE_SIZE } from './constants';\nimport styles from './styles.module.scss';\n\nfunction Cosponsors({\n id,\n isMobile,\n cosponsorsStatus,\n fetchSponsorsAndCosponsors,\n sponsorsAndCosponsors,\n}) {\n const perPage = PAGE_SIZE;\n const isLoadingSponsorsAndCosponsors = cosponsorsStatus === 'loading';\n const hasLoadingError = cosponsorsStatus === 'error';\n\n useEffect(() => {\n id && fetchSponsorsAndCosponsors({ id, perPage });\n }, []);\n\n const { republican, democratic, others, allItems, paginator = {} } = sponsorsAndCosponsors;\n const showPlaceholder = !isLoadingSponsorsAndCosponsors && !hasLoadingError && isEmpty(allItems);\n\n const partyBadges = isLoadingSponsorsAndCosponsors || hasLoadingError\n ? null\n : \n {getCosponsorNumber(republican)}
\n \n {getCosponsorNumber(democratic)}
\n {renderOtherCosponsors()}\n - \n {allItems.map(renderData)}\n
{billStatusFull}
;\n }\n\n return (\n \n {billStatusFull} -
\n );\n }\n\n function renderTitle() {\n const { billName, displayBillId } = keyDetails || {};\n const name = isEmpty(billName) ? displayBillId : `${displayBillId} - ${billName}`;\n\n return (\n \n {OFFICIAL_REPORTS_FIELDS.map(renderField)}\n
\n )}\n {EMPTY_VALUE}
;\n }\n\n return committeesAssignments.map(renderCommittee);\n }\n\n return (\n \n
\n );\n\n function renderData(item, index) {\n if (isEmpty(item)) {\n return null;\n }\n\n const { id: legislatorId } = item || {};\n const keyName = `sponsor-${legislatorId}-${index}`;\n\n return (\n \n {getCosponsorNumber(republican)}
\n \n {getCosponsorNumber(democratic)}
\n \n {getCosponsorNumber(independent)}
\n - \n {items.map(renderData)}\n
{infoText}
) : null;\n };\n\n switcher = () => {\n const { currentFilterType } = this.state;\n const typeButtons = Object.keys(filterTypeButtons).map((key) => {\n const className = classnames({\n 'btn btn-default': true,\n 'legislator-lookup__tab': true,\n active: key === currentFilterType,\n });\n\n return (\n{typeButtons}
\n );\n };\n\n render() {\n // eslint-disable-next-line react/prop-types\n const { headerText, mapHeight, switcher } = this.props;\n\n return (\n \n
\n );\n }\n}\n","import * as actions from 'redux/stateLegWatchlist/actions';\nimport reduxConnect from 'utils/redux-connect';\n\nexport default reduxConnect('stateLegWatchlist', actions);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport { countBy, size, isEmpty } from 'lodash';\nimport classNames from 'classnames';\n\nimport { SimpleStatesMap } from 'components/core/Map';\n\nimport { FEDERAL_BILLS_KEY } from '../constants';\nimport reduxConnect from '../redux-connect';\nimport styles from './styles.module.scss';\n\nclass Map extends React.Component {\n static propTypes = {\n handleOnlyBillsFilterEvent: PropTypes.func.isRequired,\n handleFilterEvent: PropTypes.func.isRequired,\n selectedState: PropTypes.string,\n selectedIssueArea: PropTypes.string,\n onlyFederalBills: PropTypes.bool,\n watchlist: PropTypes.object.isRequired,\n }\n\n bills = (isFederalBills) => {\n const type = isFederalBills ? FEDERAL_BILLS_KEY : 'bills';\n const { selectedIssueArea, watchlist } = this.props;\n\n return watchlist.state_leg_issue_areas.reduce((acc, issueArea) => {\n const bills = issueArea[type];\n\n if (selectedIssueArea && issueArea.name !== selectedIssueArea) return acc;\n\n return acc.concat(bills);\n }, []);\n }\n\n getMapCounter = sizeFederalBills => bills => ({\n ...countBy(bills, 'state.name'),\n [FEDERAL_BILLS_KEY]: sizeFederalBills,\n })\n\n handleStateClick = (geography) => {\n const { handleFilterEvent, handleOnlyBillsFilterEvent, selectedState } = this.props;\n const state = geography.properties.NAME_1;\n const newValue = selectedState === state ? null : state;\n\n handleFilterEvent({ selectedState: newValue });\n handleOnlyBillsFilterEvent({ onlyFederalBills: false });\n }\n\n handleFilterFederalBills = () => {\n const { handleOnlyBillsFilterEvent, handleFilterEvent, onlyFederalBills } = this.props;\n const isFederalChecked = !onlyFederalBills;\n\n handleOnlyBillsFilterEvent({ onlyFederalBills: isFederalChecked });\n isFederalChecked && handleFilterEvent({ selectedState: null });\n }\n\n render() {\n const bills = this.bills();\n const federalBills = this.bills(true);\n const sizeFederalBills = size(federalBills);\n const { onlyFederalBills } = this.props;\n\n // TODO, must move geography to assets!\n return (\n \n
\n \n {headerText}\n
\n\n
\n \n
\n \n {switcher && this.switcher()}\n
\n \n
\n \n {this.infoTextElement()}\n
\n \n
\n );\n }\n}\n\nexport default reduxConnect(Map);\n","import { isEmpty, filter, map, get } from 'lodash';\n\nimport { FEDERAL_BILLS_KEY } from './constants';\n\nexport function filterIssues({ filters, issues }) {\n const { selectedState, selectedIssueArea, onlyFederalBills } = filters || {};\n let filterValues = issues || [];\n\n if (isEmpty(filters)) {\n return filterValues;\n }\n\n if (selectedIssueArea) {\n filterValues = filter(filterValues, item => item.name === selectedIssueArea);\n }\n\n if (onlyFederalBills) {\n filterValues = map(filterValues, item => ({ ...item, bills: [] }));\n }\n\n if (isEmpty(selectedState)) {\n return filterValues;\n }\n\n return filterValues.reduce((accumulator, issue) => {\n const filteredStateBills = filter(issue.bills, ({ state }) => state.name === selectedState);\n const federalBills = onlyFederalBills ? get(issue, FEDERAL_BILLS_KEY) : [];\n\n accumulator.push({ ...issue, bills: filteredStateBills, [FEDERAL_BILLS_KEY]: federalBills });\n\n return accumulator;\n }, []);\n}\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport { HorizontalBar } from 'react-chartjs-2';\nimport classNames from 'classnames';\nimport { size, includes, endsWith } from 'lodash';\n\nimport loadingMessage from 'components/shared/loading-message';\n\nimport { filterIssues } from '../utils';\nimport reduxConnect from '../redux-connect';\nimport styles from './styles.module.scss';\n\nconst CHART_OPTIONS = {\n scales: {\n xAxes: [\n {\n ticks: {\n beginAtZero: true,\n },\n },\n ],\n },\n // prevent legend x-out onClick\n legend: {\n onClick: () => {},\n },\n maintainAspectRatio: false,\n};\n\nconst CHART_DATASET_OPTIONS = {\n backgroundColor: '#dff1fe',\n borderColor: '#5eb5ee',\n borderWidth: 2,\n};\n\nconst CHART_HIGHLIGHT_COLOR = '#31a8ff';\nconst CHART_BACKGROUND_COLOR = '#dff1fe';\n\nclass Issues extends React.Component {\n issues = () => {\n const { selectedState, watchlist, selectedIssueArea, onlyFederalBills } = this.props;\n const { state_leg_issue_areas: issues } = watchlist || {};\n const filters = { selectedState, selectedIssueArea, onlyFederalBills };\n\n return filterIssues({ filters, issues });\n }\n\n handleDatasetAtEvent = (dataset) => {\n const { selectedIssueArea, handleFilterEvent } = this.props;\n const { chartInstance } = this.barChart;\n const issues = this.issues();\n let activeElement = chartInstance.active && chartInstance.active[0];\n\n if (!activeElement) return;\n\n // eslint-disable-next-line no-param-reassign\n dataset.forEach((item) => { item.custom = { backgroundColor: CHART_BACKGROUND_COLOR }; });\n\n const activeElementIsSelected = (element, issueArea) => {\n const { label } = element._model;\n\n const isActiveElementLabelTrimmed = endsWith(label, '...');\n\n if (isActiveElementLabelTrimmed) {\n return includes(issueArea, label.slice(0, -3));\n }\n\n return label === issueArea;\n };\n\n if (activeElementIsSelected(activeElement, selectedIssueArea)) {\n activeElement = null;\n } else {\n activeElement.custom = { backgroundColor: CHART_HIGHLIGHT_COLOR };\n }\n\n chartInstance.update();\n\n handleFilterEvent({\n selectedIssueArea: activeElement && issues[activeElement._index].name,\n });\n }\n\n trim(string, length = 26) {\n return string && string.length > length ? `${string.substring(0, length)}...` : string;\n }\n\n render() {\n const { ui, watchlist } = this.props;\n const { isLoadingWatchlist } = ui;\n const issues = this.issues();\n const chartLabels = issues.map(issue => this.trim(issue.name));\n const chartData = issues.map(({ federal_bills, bills }) => size(federal_bills) + size(bills));\n\n const data = {\n labels: chartLabels,\n datasets: [\n {\n ...CHART_DATASET_OPTIONS,\n label: watchlist.name,\n data: chartData,\n },\n ],\n };\n\n const bar = (\n \n
\n \n
\n Map
\n\n
\n \n
\n );\n }\n}\n\nIssues.propTypes = {\n ui: PropTypes.shape({\n isLoadingWatchlist: PropTypes.bool,\n }).isRequired,\n watchlist: PropTypes.shape({\n name: PropTypes.string,\n }).isRequired,\n handleFilterEvent: PropTypes.func.isRequired,\n selectedIssueArea: PropTypes.string,\n selectedState: PropTypes.string,\n onlyFederalBills: PropTypes.bool,\n};\n\nexport default reduxConnect(Issues);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { isEmpty, size, map, get, union } from 'lodash';\n\nimport loadingMessage from 'components/shared/loading-message';\n\nimport { filterIssues } from '../utils';\nimport { FEDERAL_BILLS_LABELS } from '../constants';\nimport reduxConnect from '../redux-connect';\nimport styles from './styles.module.scss';\n\nclass Bills extends React.Component {\n bill = ({ bill, issueName, index, sizeBills }) => {\n const { selectBill, isPortal } = this.props;\n const { isFederalBill, display_title } = bill || {};\n\n const firstRow = (\n \n
\n \n
\n Issue areas
\n\n {isLoadingWatchlist ? loadingMessage : bar}\n
\n | Issue area | \nJurisdiction | \nBill number | \nBill title | \nActions | \n
|---|
\n
\n );\n }\n}\n\nBills.propTypes = {\n watchlist: PropTypes.shape({\n state_leg_issue_areas: PropTypes.arrayOf(PropTypes.shape({\n name: PropTypes.string,\n bills: PropTypes.arrayOf(PropTypes.shape({})),\n federal_bills: PropTypes.arrayOf(PropTypes.shape({})),\n })),\n }).isRequired,\n selectBill: PropTypes.func.isRequired,\n filters: PropTypes.shape({\n selectedIssueArea: PropTypes.shape({}),\n selectedState: PropTypes.shape({}),\n onlyFederalBills: PropTypes.bool,\n }),\n isPortal: PropTypes.bool.isRequired,\n};\n\nexport default reduxConnect(Bills);\n","import React from 'react';\n\nimport ErrorTemplate from 'components/Errors/ErrorTemplate';\n\nconst RecordNotFound = () => (\n \n
\n \n
\n Bills
\n\n {isLoadingWatchlist ? loadingMessage : table}\n
\n \n
\n );\n}\n\nStateBillPage.propTypes = stateShape;\n\nexport default StateBillPage;\n","import React, { useEffect } from 'react';\n\nimport Link from 'components/core/Link';\nimport RecordNotFound from 'components/Errors/RecordNotFound';\n\nimport Overview from 'components/Federal/BillProfile/components/Overview';\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\n\nimport { FEDERAL_BILLS_TYPE } from '../constants';\nimport { federalShape } from './shapes';\nimport styles from './styles.module.scss';\n\nfunction FederalBillPage({\n selectedBill,\n profile,\n deselectBill,\n ui,\n fetchBill,\n fetchTimeline,\n fetchCosponsors,\n fetchCommittees,\n fetchReports,\n watchlistToken,\n isPortal,\n ...restProps\n}) {\n const breakpoints = useMediaQuery();\n const { id: selectedBillId, display_id: selectedBillDisplayId } = selectedBill || {};\n const args = billId => ({\n billId,\n watchlistToken,\n isPortal,\n type: FEDERAL_BILLS_TYPE,\n });\n\n const { profileStatus } = ui;\n\n useEffect(() => {\n fetchBill(args(selectedBillId));\n }, []);\n\n const fetchPortalTimeline = ({ id }) => fetchTimeline(args(id));\n const fetchPortalCosponsors = ({ id }) => fetchCosponsors(args(id));\n const fetchPortalCommittees = ({ id }) => fetchCommittees(args(id));\n const fetchPortalReports = ({ id }) => fetchReports(args(id));\n\n return (\n \n \n « Back to all bills\n \n
\n {title}
\n\n {profileStatus === 'error' ?
\n \n
\n );\n}\n\nFederalBillPage.propTypes = federalShape;\n\nexport default FederalBillPage;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport reduxConnect from '../redux-connect';\nimport Map from './map.jsx';\nimport Issues from './issues.jsx';\nimport Bills from './bills.jsx';\nimport StateBillPage from './state-bill-page';\nimport FederalBillPage from './federal-bill-page';\nimport styles from './styles.module.scss';\n\nclass Container extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n selectedIssueArea: null,\n selectedState: null,\n onlyFederalBills: false,\n };\n }\n\n componentDidMount() {\n const { watchlistToken, fetchWatchlist, isPortal } = this.props;\n\n fetchWatchlist({ watchlistToken, isPortal });\n }\n\n handleIssuesFilterEvent = ({ selectedIssueArea }) => this.setState({ selectedIssueArea });\n\n handleMapFilterEvent = ({ selectedState }) => this.setState({ selectedState });\n\n handleOnlyBillsFilterEvent = ({ onlyFederalBills }) => this.setState({ onlyFederalBills });\n\n render() {\n const {\n watchlist,\n selectedBill,\n isPortal,\n hideMap,\n hideIssues,\n watchlistToken,\n ...restProps\n } = this.props;\n const { selectedState, selectedIssueArea, onlyFederalBills } = this.state;\n const { isFederalBill, id: selectedBillId } = selectedBill || {};\n\n const renderBillPage = () => (isFederalBill\n ? (\n \n \n « Back to all bills\n \n
\n {selectedBillDisplayId}
\n\n {profileStatus === 'error' ?
\n \n
\n \n
\n
\n \n {!isPortal && 'Previewing '}\n {watchlist.name}\n
\n\n
\n {!isPortal && backToWatchlist}\n
\n\n {renderMap()}\n {renderIssues()}\n
\n \n
\n \n );\n\n const watchlistClassNames = classNames(\n 'state-leg-watchlist',\n styles.watchlistContainer,\n isPortal && styles.portal\n );\n\n return (\n \n { selectedBillId ? renderBillPage() : indexPage }\n
\n );\n }\n}\n\nContainer.propTypes = {\n watchlistToken: PropTypes.string.isRequired,\n watchlist: PropTypes.objectOf(PropTypes.any).isRequired,\n isPortal: PropTypes.bool,\n hideMap: PropTypes.bool,\n hideIssues: PropTypes.bool,\n selectedBill: PropTypes.objectOf(PropTypes.any).isRequired,\n fetchWatchlist: PropTypes.func.isRequired,\n};\n\nContainer.defaultProps = {\n isPortal: false,\n hideMap: false,\n hideIssues: false,\n};\n\nexport default reduxConnect(Container);\n","import React from 'react';\nimport { Provider } from 'react-redux';\nimport store from 'redux/store';\nimport Container from './state-leg-watchlist/components/container.jsx';\n\nexport default function StateLegWatchlist(props) {\n return (\n \n {content}\n
\n ),\n });\n}\n\nexport function commonErrorAlert(content) {\n alertErrorAction({\n content: (\n \n {content}\n
\n ),\n });\n}\n\nexport const MY_FEED_SETTINGS_URL = `${BASE_URL}/my_subscriptions`;\n\n// @TODO link itemType to single card view\nexport function notifyTrackItem({ itemType, url = MY_FEED_SETTINGS_URL, trackingsCount = 1 }) {\n const label = `${pluralize('Subscription', 'Subscriptions', trackingsCount)} added`;\n\n commonSuccessAlert((\n <>\n \n {`${itemsSize} ${pluralize('item', 'items', itemsSize)}`} shared to
\n ),\n });\n}\n\nexport function notifyLoadPageFailure({ itemTitle }) {\n commonErrorAlert((\n <>Failed to load {itemTitle} page. Please try again.\n ));\n}\n\n// workspace\nexport function notifyWorkspaceCreateSuccess({ token, itemTitle }) {\n commonSuccessAlert((\n <>\n Created new workspace \n Loading, please wait ... \n \n
\n);\n\nexport default loadingMessage;\n","import { sortBy, size, toLower, filter } from 'lodash';\n\nimport {\n STATE_BILL_STATUSES,\n FEDERAL_BILL_STATUSES,\n ALL_ACTIVE,\n ALL_INACTIVE,\n} from 'utils/constants/billStatus';\n\nexport const AGENCY_PRESS_RELEASES_SLUG = 'doctrove_agency_press_release';\nexport const CBO_COST_ESTIMATES_SLUG = 'doctrove_cbo';\nexport const COMMITTEE_REPORTS_SLUG = 'doctrove_committee_report';\nexport const CONGRESSIONAL_PRESS_RELEASE_SLUG = 'doctrove_press_release';\nexport const CONGRESSIONAL_RECORD_ITEMS_SLUG = 'congressional_record';\nexport const CRS_REPORTS_SLUG = 'doctrove_crs';\nexport const DEAR_COLLEAGUE_LETTERS_SLUG = 'doctrove_dear_colleague_letter';\nexport const EXECUTIVE_ORDERS_SLUG = 'doctrove_executive_order';\nexport const FEDERAL_BILLS_SLUG = 'bill_keyword';\nexport const FEDERAL_CONTRACTS_SLUG = 'doctrove_fbo';\nexport const FEDERAL_GRANTS_SLUG = 'doctrove_grant';\nexport const FEDERAL_PROPOSED_REGULATIONS_SLUG = 'federal_register_regulation';\nexport const GAO_REPORTS_SLUG = 'doctrove_gao';\nexport const GOVERNOR_ORDERS_SLUG = 'doctrove_governor_order';\nexport const GOVERNOR_PRESS_RELEASES_SLUG = 'doctrove_governor_press_release';\nexport const LIVE_HEARING_TRANSCRIPTS_SLUG = 'doctrove_live_hearing_transcript';\nexport const LOCAL_DOCUMENTS_SLUG = 'town_intel_document';\nexport const OFFICIAL_HEARING_TRANSCRIPTS_SLUG = 'doctrove_hearing_transcript';\nexport const SAP_REPORTS_SLUG = 'doctrove_sap';\nexport const SOCIAL_MEDIA_SLUG = 'social_media_post';\nexport const STATE_BILLS_SLUG = 'state_bill';\nexport const STATE_UNION_ADDRESSES_SLUG = 'doctrove_union_statement';\nexport const STATE_REGULATIONS_SLUG = 'state_regulation_document';\nexport const THIRD_PARTY_REPORTS_SLUG = 'doctrove_third_party_report';\nexport const TREATIES_SLUG = 'doctrove_treaty';\nexport const WHITE_HOUSE_PRESS_BRIEFINGS_SLUG = 'doctrove_press_briefing';\nexport const NEWS_STORY_SLUG = 'news_story';\n\nconst {\n isFederalProductEnabled,\n isStateProductEnabled,\n isStateRegulationsEnabled,\n localProductEnabledLocaleTypes,\n isGrmEnabled,\n} = gon || {};\n\nfunction getDisabledMessage(productName) {\n return `You do not currently have access to ${productName}.\n Please contact your Intelligence customer success representative if you would like to learn more.`;\n}\n\nexport const DISABLED_STATE_MESSAGE = getDisabledMessage('State Intelligence');\nexport const DISABLED_STATE_REGULATION_MESSAGE = getDisabledMessage('State Regulations');\nexport const DISABLED_FEDERAL_MESSAGE = getDisabledMessage('Federal Intelligence');\nexport const DISABLED_LOCAL_MESSAGE = getDisabledMessage('Local Intelligence');\nexport const DISABLED_SOCIAL_MEDIA_MESSAGE = getDisabledMessage('Social Media');\nconst DISABLED_GRM_MESSAGE = getDisabledMessage('Activity');\n\nexport function getFederalProducts() {\n const props = {\n product: 'Federal',\n disabled: !isFederalProductEnabled,\n disabledMessage: DISABLED_FEDERAL_MESSAGE,\n };\n\n return [\n { ...props, id: AGENCY_PRESS_RELEASES_SLUG, label: 'Agency press releases' },\n { ...props, id: CBO_COST_ESTIMATES_SLUG, label: 'CBO cost estimates' },\n { ...props, id: COMMITTEE_REPORTS_SLUG, label: 'Committee reports' },\n { ...props, id: CONGRESSIONAL_PRESS_RELEASE_SLUG, label: 'Congressional press releases' },\n { ...props, id: CONGRESSIONAL_RECORD_ITEMS_SLUG, label: 'Congressional record items' },\n { ...props, id: EXECUTIVE_ORDERS_SLUG, label: 'Executive orders' },\n { ...props, id: FEDERAL_BILLS_SLUG, label: 'Federal bills', product: '' },\n { ...props, id: FEDERAL_CONTRACTS_SLUG, label: 'Federal contracts', product: '' },\n { ...props, id: FEDERAL_GRANTS_SLUG, label: 'Federal grants', product: '' },\n { ...props, id: FEDERAL_PROPOSED_REGULATIONS_SLUG, label: 'Federal proposed regulations', product: '' },\n { ...props, id: GAO_REPORTS_SLUG, label: 'GAO reports' },\n { ...props, id: LIVE_HEARING_TRANSCRIPTS_SLUG, label: 'Live hearing transcripts' },\n { ...props, id: OFFICIAL_HEARING_TRANSCRIPTS_SLUG, label: 'Official hearing transcripts' },\n { ...props, id: SAP_REPORTS_SLUG, label: 'SAP reports' },\n { ...props, id: STATE_UNION_ADDRESSES_SLUG, label: 'State of the Union addresses' },\n { ...props, id: WHITE_HOUSE_PRESS_BRIEFINGS_SLUG, label: 'White House press briefings' },\n { ...props, id: TREATIES_SLUG, label: 'Treaties' },\n { ...props, id: CRS_REPORTS_SLUG, label: 'CRS reports' },\n { ...props, id: THIRD_PARTY_REPORTS_SLUG, label: 'Third party reports' },\n ];\n}\n\nexport function getStateProducts() {\n const props = {\n product: 'State',\n disabled: !isStateProductEnabled,\n disabledMessage: DISABLED_STATE_MESSAGE,\n };\n\n return [\n { ...props, id: STATE_BILLS_SLUG, label: 'State bills', product: '' },\n {\n id: STATE_REGULATIONS_SLUG,\n label: 'State regulations',\n disabled: !isStateRegulationsEnabled,\n disabledMessage: DISABLED_STATE_REGULATION_MESSAGE,\n },\n { ...props, id: GOVERNOR_ORDERS_SLUG, label: 'Governor orders' },\n { ...props, id: GOVERNOR_PRESS_RELEASES_SLUG, label: 'Governor press releases' },\n ];\n}\n\nexport function getLocalProducts() {\n return [\n {\n id: LOCAL_DOCUMENTS_SLUG,\n label: 'Local documents',\n disabled: !size(localProductEnabledLocaleTypes),\n disabledMessage: DISABLED_LOCAL_MESSAGE,\n },\n ];\n}\n\nexport function getAllProducts() {\n return [\n ...getFederalProducts(),\n ...getStateProducts(),\n ...getLocalProducts(),\n ];\n}\n\nexport const TRACKED_STATE_REGULATION = 'state_regulation';\nexport const TRACKED_FEDERAL_BILL = 'federal_bill';\nexport const TRACKED_FEDERAL_COMMITTEE_HEARING = 'federal_committee_hearing';\nexport const TRACKED_FEDERAL_COMMITTEE_STAFFER = 'federal_committee_staffer';\nexport const TRACKED_FEDERAL_LEGISLATIVE_STAFFER = 'federal_legislator_staffer';\nexport const TRACKED_STATE_LEGISLATIVE_STAFFER = 'state_legislator_staffer';\nexport const TRACKED_STATE_COMMITTEE_HEARING = 'state_committee_hearing';\nexport const TRACKED_STATE_COMMITTEE_STAFFER = 'state_committee_staffer';\n\nconst filterActiveAndInactiveOptions = statuses => (\n filter(statuses, status => !([ALL_ACTIVE, ALL_INACTIVE].includes(status.value)))\n);\n\nexport function getTrackedProducts() {\n function getFederal() {\n const props = {\n product: 'Federal',\n disabled: !isFederalProductEnabled,\n disabledMessage: DISABLED_FEDERAL_MESSAGE,\n };\n\n return [\n {\n ...props,\n id: TRACKED_FEDERAL_BILL,\n label: 'Federal bills',\n subItems: {\n id: 'federalBillStatus',\n title: 'Status',\n options: filterActiveAndInactiveOptions(FEDERAL_BILL_STATUSES),\n withSelectAll: true,\n },\n },\n { ...props, id: FEDERAL_PROPOSED_REGULATIONS_SLUG, label: 'Federal regulations' },\n { ...props, id: TRACKED_FEDERAL_LEGISLATIVE_STAFFER, label: 'Federal legislators' },\n { ...props, id: TRACKED_FEDERAL_COMMITTEE_STAFFER, label: 'Federal committees' },\n ];\n }\n\n function getState() {\n const props = {\n product: 'State',\n disabled: !isStateProductEnabled,\n disabledMessage: DISABLED_STATE_MESSAGE,\n };\n\n return [\n { ...props, id: TRACKED_STATE_COMMITTEE_STAFFER, label: 'State committees' },\n {\n ...props,\n id: STATE_BILLS_SLUG,\n label: 'State bills',\n subItems: {\n id: 'stateBillStatus',\n title: 'Status',\n options: filterActiveAndInactiveOptions(STATE_BILL_STATUSES),\n withSelectAll: true,\n },\n },\n { ...props, id: TRACKED_STATE_LEGISLATIVE_STAFFER, label: 'State legislators' },\n {\n id: TRACKED_STATE_REGULATION,\n label: 'State regulations',\n disabled: !isStateRegulationsEnabled,\n disabledMessage: DISABLED_STATE_REGULATION_MESSAGE,\n },\n ];\n }\n\n return sortBy([\n ...getFederal(),\n ...getState(),\n ], ({ label }) => toLower(label));\n}\n\nexport const FEDERAL_COMMITTEE = 'federal_committee';\nexport const FEDERAL_LEGISLATOR = 'federal_legislator';\nexport const STATE_COMMITTEE = 'state_committee';\nexport const GRM_ACTIVITY_TYPE = 'grm_v2_card';\nexport const STATE_LEGISLATOR = 'state_legislator';\n\nexport function getAllFilterProducts() {\n function getFederal() {\n const props = {\n product: 'Federal',\n disabled: !isFederalProductEnabled,\n disabledMessage: DISABLED_FEDERAL_MESSAGE,\n };\n\n return [\n { ...props, id: TRACKED_FEDERAL_BILL, label: 'Federal bills', type: 'Federal bill' },\n { ...props, id: FEDERAL_COMMITTEE, label: 'Federal committees', type: 'Federal committee' },\n { ...props, id: FEDERAL_LEGISLATOR, label: 'Federal legislators', type: 'Federal legislator' },\n { ...props, id: FEDERAL_GRANTS_SLUG, label: 'Federal grants', type: 'Federal grant', product: '' },\n { ...props, id: FEDERAL_PROPOSED_REGULATIONS_SLUG, label: 'Federal proposed regulations', type: 'Federal regulation', product: '' },\n { ...props, id: DEAR_COLLEAGUE_LETTERS_SLUG, label: 'Dear colleague letters', type: 'Dear colleague letter' },\n { ...props, id: CONGRESSIONAL_RECORD_ITEMS_SLUG, label: 'Congressional record items', type: 'Congressional record item' },\n { ...props, id: FEDERAL_CONTRACTS_SLUG, label: 'Federal contracts', type: 'Federal contract', product: '' },\n { ...props, id: CBO_COST_ESTIMATES_SLUG, label: 'CBO cost estimates', type: 'CBO cost estimate' },\n { ...props, id: CRS_REPORTS_SLUG, label: 'CRS reports', type: 'CRS report' },\n { ...props, id: GAO_REPORTS_SLUG, label: 'GAO reports', type: 'GAO report' },\n { ...props, id: SAP_REPORTS_SLUG, label: 'SAP reports', type: 'SAP report' },\n { ...props, id: COMMITTEE_REPORTS_SLUG, label: 'Committee reports', type: 'Committee report' },\n { ...props, id: OFFICIAL_HEARING_TRANSCRIPTS_SLUG, label: 'Official hearing transcripts', type: 'Official hearing transcript' },\n { ...props, id: WHITE_HOUSE_PRESS_BRIEFINGS_SLUG, label: 'White House press briefings', type: 'White House press briefing' },\n { ...props, id: THIRD_PARTY_REPORTS_SLUG, label: 'Third party reports', type: 'Third party report' },\n { ...props, id: TREATIES_SLUG, label: 'Treaties', type: 'Treaty' },\n { ...props, id: STATE_UNION_ADDRESSES_SLUG, label: 'State of the Union addresses', type: 'State of the Union address' },\n { ...props, id: CONGRESSIONAL_PRESS_RELEASE_SLUG, label: 'Congressional press releases', type: 'Congressional press release' },\n { ...props, id: AGENCY_PRESS_RELEASES_SLUG, label: 'Agency press releases', type: 'Agency press release' },\n { ...props, id: LIVE_HEARING_TRANSCRIPTS_SLUG, label: 'Live hearing transcripts', type: 'Live hearing transcript' },\n { ...props, id: EXECUTIVE_ORDERS_SLUG, label: 'Executive orders', type: 'Executive order' },\n ];\n }\n\n function getState() {\n const props = {\n product: 'State',\n disabled: !isStateProductEnabled,\n disabledMessage: DISABLED_STATE_MESSAGE,\n };\n\n return [\n { ...props, id: STATE_COMMITTEE, label: 'State committees', type: 'State committee' },\n { ...props, id: STATE_BILLS_SLUG, label: 'State bills', type: 'State bill' },\n { ...props, id: GOVERNOR_PRESS_RELEASES_SLUG, label: 'Governor press releases', type: 'Governor press release' },\n { ...props, id: GOVERNOR_ORDERS_SLUG, label: 'Governor orders', type: 'Governor order' },\n { ...props, id: STATE_LEGISLATOR, label: 'State legislators', type: 'State legislators' },\n {\n id: TRACKED_STATE_REGULATION,\n label: 'State regulations',\n type: 'State regulation',\n disabled: !isStateRegulationsEnabled,\n disabledMessage: DISABLED_STATE_REGULATION_MESSAGE,\n },\n ];\n }\n\n function getGrm() {\n return [\n {\n product: 'Grm',\n disabled: !isGrmEnabled,\n disabledMessage: DISABLED_GRM_MESSAGE,\n id: GRM_ACTIVITY_TYPE,\n label: 'Activity note',\n type: 'Activity note',\n },\n ];\n }\n\n return sortBy([\n ...getFederal(),\n ...getState(),\n ...getGrm(),\n {\n id: LOCAL_DOCUMENTS_SLUG,\n label: 'Local documents',\n disabled: !size(localProductEnabledLocaleTypes),\n disabledMessage: DISABLED_LOCAL_MESSAGE,\n },\n ], ({ label }) => toLower(label));\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"styles-module__button___2Pz15\",\"input\":\"styles-module__input___24Me1\"};","export const MAP_COLORS = [\n '#dedfe2',\n '#ea9f8b',\n '#fe8029',\n '#ef471a',\n '#721b04',\n];\n\nexport const MAP_LEGEND_RANGE = 4;\nexport const DEFAULT_INTERVAL = 1;\nexport const FEDERAL_BILLS_KEY = 'federal_bills';\nexport const FEDERAL_BILLS_LABELS = 'Federal';\nexport const FEDERAL_BILLS_TYPE = 'federal';\nexport const STATE_BILLS_TYPE = 'state';\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"control\":\"styles-module__control___1dgjx\",\"searchIcon\":\"styles-module__searchIcon___2Rq7K\",\"closeInstructions\":\"styles-module__closeInstructions___2HqWN\",\"closeIcon\":\"styles-module__closeIcon___GouT1\",\"key\":\"styles-module__key___2aJDC\"};","import { filter, merge, size, uniq, map, sortBy } from 'lodash';\n\nimport { joinCompact } from 'utils/string';\n\nimport buildGlobalSearchUrl from './buildGlobalSearchUrl';\nimport subscriptionRecordTypes from './constants/subscriptionRecordTypes';\n\nconst countSlugs = (slugs = {}) => size(Object.keys(filter(slugs)));\n\nexport function getFiltersCount(filters) {\n const { slugs = {}, startDate, endDate, states = [], tags = [] } = filters;\n let filtersCount = 0;\n\n filtersCount += countSlugs(slugs);\n if (startDate || endDate) filtersCount += 1;\n if (states && states.length) filtersCount += 1;\n if (tags && tags.length) filtersCount += 1;\n\n return filtersCount;\n}\n\nexport const getIdAndRecordType = ({ options, slug }) => {\n const { id } = options;\n const recordType = subscriptionRecordTypes[slug];\n\n return {\n id,\n recordType,\n };\n};\n\nexport const buildObjectWithValue = (keys = [], value = true) => keys\n .reduce((memo, current) => merge(memo, { [current]: value }), {});\n\nexport function redirectToGlobalSearch(tag) {\n const url = buildGlobalSearchUrl({\n searchTerm: '',\n tags: [tag],\n });\n\n window.location.assign(url);\n}\n\nexport const getPositionDescription = (position) => {\n const { title, role, organizations, additionalInfo } = position || {};\n const { branch, department } = additionalInfo || {};\n const formattedOrganizations = uniq(map(sortBy(organizations, 'level'), 'name'));\n\n return joinCompact(uniq([title, role, ...formattedOrganizations, department, branch]));\n};\n","import * as featureSlugs from 'utils/constants/featureSlugs';\n\nexport const resultLabels = {\n [featureSlugs.STAKEHOLDER_SLUG]: 'Stakeholder',\n [featureSlugs.CONGRESSIONAL_STAFFERS_SLUG]: 'Congressional staffer',\n [featureSlugs.FEDERAL_AGENCY_STAFFERS_SLUG]: 'Federal agency staffer',\n [featureSlugs.STATE_STAFFERS_SLUG]: 'State staffer',\n [featureSlugs.FEDERAL_LEGISLATORS_SLUG]: 'Federal legislator',\n [featureSlugs.STATE_LEGISLATORS_SLUG]: 'State legislator',\n [featureSlugs.FEDERAL_EXECUTIVE_SLUG]: 'Federal executive',\n [featureSlugs.STATE_EXECUTIVE_SLUG]: 'State executive',\n [featureSlugs.STATE_STAFFER_EXECUTIVE_SLUG]: 'State executive staffer',\n [featureSlugs.LOCAL_EXECUTIVE_SLUG]: 'Local executive',\n [featureSlugs.LOCAL_MUNICIPAL_EXECUTIVE_SLUG]: 'Municipal executive',\n [featureSlugs.LOCAL_COUNTY_EXECUTIVE_SLUG]: 'County executive',\n [featureSlugs.FEDERAL_COMMITTEE_SLUG]: 'Federal committee',\n [featureSlugs.STATE_COMMITTEE_SLUG]: 'State committee',\n [featureSlugs.FEDERAL_BILLS_SLUG]: 'Federal bill',\n [featureSlugs.STATE_BILLS_SLUG]: 'State bill',\n [featureSlugs.FEDERAL_REGULATIONS_SLUG]: 'Federal regulation',\n [featureSlugs.STATE_REGULATIONS_SLUG]: 'State regulation',\n [featureSlugs.AGENCY_PRESS_RELEASES_SLUG]: 'Agency press release',\n [featureSlugs.CBO_COST_ESTIMATES_SLUG]: 'CBO cost estimate',\n [featureSlugs.COMMITTEE_REPORTS_SLUG]: 'Committee report',\n [featureSlugs.CONGRESSIONAL_PRESS_RELEASES_SLUG]: 'Congressional press release',\n [featureSlugs.CONGRESSIONAL_RECORD_ITEMS_SLUG]: 'Congressional record item',\n [featureSlugs.CONTRACTS_SLUG]: 'Contract',\n [featureSlugs.CRS_REPORTS_SLUG]: 'CRS report',\n [featureSlugs.DEAR_COLLEAGUE_LETTERS_SLUG]: 'Dear Colleague letter',\n [featureSlugs.EXECUTIVE_ORDERS_SLUG]: 'Executive order',\n [featureSlugs.GAO_REPORTS_SLUG]: 'GAO report',\n [featureSlugs.GRANTS_SLUG]: 'Grant',\n [featureSlugs.LD2_REPORTS]: 'LD-2 reports',\n [featureSlugs.LIVE_HEARING_TRANSCRIPTS_SLUG]: 'Live hearing transcript',\n [featureSlugs.OFFICIAL_HEARING_TRANSCRIPTS_SLUG]: 'Official hearing transcript',\n [featureSlugs.SAP_REPORTS_SLUG]: 'SAP report',\n [featureSlugs.STATE_OF_UNION_ADDRESSES_SLUG]: 'State of the Union address',\n [featureSlugs.TREATY_DOCUMENTS_SLUG]: 'Treaty document',\n [featureSlugs.THIRD_PARTY_REPORTS_SLUG]: 'Third party reports',\n [featureSlugs.WHITE_HOUSE_PRESS_BRIEFINGS_SLUG]: 'White House press briefing',\n [featureSlugs.GOVERNOR_ORDERS_SLUG]: 'Governor order',\n [featureSlugs.GOVERNOR_PRESS_RELEASES_SLUG]: 'Governor press releases',\n [featureSlugs.TWITTER_SLUG]: 'Twitter',\n};\n","import PropTypes from 'prop-types';\n\nexport const strategyInputsShape = PropTypes.shape({\n [PropTypes.string]: PropTypes.oneOfType(\n [\n PropTypes.string,\n PropTypes.number,\n PropTypes.bool,\n PropTypes.arrayOf(PropTypes.object),\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.arrayOf(PropTypes.number),\n ],\n ),\n});\n","import React, { ReactNode } from 'react';\n\nimport styles from './styles.module.scss';\n\nconst SomethingWentWrong = ({ iconNode }: { iconNode?: ReactNode }) => (\n \n {iconNode || ![\"Not](\"/images/something-went-wrong.svg\")
}\n
\n);\n\nexport default SomethingWentWrong;\n","export { default } from './SomethingWentWrong'; \n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport Select from 'components/core/Select';\n\nexport default class Container extends Component {\n constructor(props) {\n super();\n\n this.state = {\n value: props.value,\n };\n }\n\n componentWillReceiveProps(props) {\n const { value } = this.props;\n\n if (props.value !== value) {\n this.setState({ value });\n }\n }\n\n handleChangeCallback = () => {\n const { onChange } = this.props;\n const { value } = this.state;\n\n if (onChange) {\n onChange(value);\n }\n }\n\n handleChange = value => this.setState({ value }, this.handleChangeCallback);\n\n options = () => {\n const { options, alphabetize } = this.props;\n\n const wrappedOptions = Object.entries(options).map(\n ([key, value]) => ({\n value: key,\n label: value,\n })\n );\n\n if (alphabetize) {\n return sortAutocompleteOptions(wrappedOptions);\n }\n\n return wrappedOptions;\n }\n\n name = () => {\n const { multi, name } = this.props;\n\n if (multi) {\n return `${name}[]`;\n }\n\n return name;\n }\n\n render() {\n const {\n clearable,\n disabled,\n groupClassName,\n labelClassName,\n inputClassName,\n label,\n ...otherProps\n } = this.props;\n\n const { value } = this.state;\n\n const labelComponent = (\n \n );\n\n return (\n }\n Something went wrong...
\n \n Sorry an error occurred during the data loading.\n
\n\n { label && labelComponent }\n\n
\n );\n }\n}\n\nContainer.propTypes = {\n alphabetize: PropTypes.bool,\n clearable: PropTypes.bool,\n disabled: PropTypes.bool,\n label: PropTypes.string,\n labelClassName: PropTypes.string,\n inputClassName: PropTypes.string,\n groupClassName: PropTypes.string,\n value: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.object,\n PropTypes.string,\n PropTypes.number,\n PropTypes.bool,\n ]),\n options: PropTypes.objectOf(PropTypes.any).isRequired,\n multi: PropTypes.bool,\n name: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nContainer.defaultProps = {\n alphabetize: false,\n clearable: true,\n disabled: false,\n labelClassName: 'col-md-4 control-label',\n inputClassName: 'col-md-8',\n groupClassName: 'form-group',\n multi: false,\n};\n","import React from 'react';\nimport { Provider } from 'react-redux';\nimport store from 'redux/store';\nimport Container from './components/container.jsx';\n\nexport default function Autocomplete(props) {\n return (\n \n
\n \n
\n );\n}\n\nOption.propTypes = {\n isFocused: PropTypes.bool.isRequired,\n data: PropTypes.shape({\n label: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n strategy: PropTypes.string.isRequired,\n customOptions: customOptionsShape,\n }).isRequired,\n selectProps: PropTypes.shape({\n inputValue: PropTypes.string.isRequired,\n }).isRequired,\n innerRef: PropTypes.func,\n innerProps: PropTypes.shape({\n id: PropTypes.string,\n onClick: PropTypes.func,\n onMouseMove: PropTypes.func,\n onMouseOver: PropTypes.func,\n tabIndex: PropTypes.number,\n }).isRequired,\n};\n\nexport default Option;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport KEY_CODES from 'utils/keyCodes';\nimport CoreInput from 'components/core/Input';\nimport withGlobalSearch from 'components/GlobalSearch/utils/withGlobalSearch';\n\nimport styles from './styles.module.scss';\n\nexport const GLOBAL_SEARCH_INPUT_ID = 'global-search__overriden-input';\n\nfunction Input({ onChange, onBlur, innerRef, onFocus, value, placeholder }) {\n const onKeyDown = ({ keyCode, target }) => {\n const wasEscPressed = keyCode === KEY_CODES.ESCAPE;\n\n if (wasEscPressed) {\n target.blur();\n onBlur();\n }\n };\n\n return (\n \n
\n );\n}\n\nInput.propTypes = {\n onChange: PropTypes.func.isRequired,\n onBlur: PropTypes.func.isRequired,\n innerRef: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n value: PropTypes.string.isRequired,\n placeholder: PropTypes.string,\n};\n\nexport default withGlobalSearch(Input);\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction DropShadow({ withProductBar }) {\n const [hasMounted, setHasMounted] = useState(false);\n\n const dropShadowClassNames = classNames(\n styles.dropShadow,\n hasMounted && styles.visible,\n withProductBar && styles.withProductBar,\n gon.isNavigationV2Enabled && styles.navV2,\n );\n\n useEffect(() => {\n setHasMounted(true);\n }, []);\n\n return ;\n}\n\nDropShadow.propTypes = {\n withProductBar: PropTypes.bool,\n};\n\nexport default DropShadow;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Kbd } from 'components/core/TipMessage';\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\nimport withGlobalSearch from 'components/GlobalSearch/utils/withGlobalSearch';\n\nimport DropShadow from '../DropShadow';\nimport styles from './styles.module.scss';\n\nfunction Control({\n children,\n innerRef,\n innerProps,\n onClose,\n isMenuOpen,\n}) {\n const { isMobile, isDesktop } = useMediaQuery();\n\n const searchIconClassNames = classNames('fas fa-search', styles.searchIcon);\n const closeIconClassNames = classNames('fas fa-times-circle', styles.closeIcon);\n const [hasCloseInstructions, setHasCloseInstructions] = useState(isMenuOpen);\n\n /* This effect prevents clicking on the close instructions\n * immediately as it's opened if the user opens the search\n * by clicking on the spot the close icon will be positioned\n */\n let timeout;\n useEffect(() => {\n if (isMenuOpen) {\n timeout = setTimeout(() => setHasCloseInstructions(true), 10);\n } else {\n clearTimeout(timeout);\n setHasCloseInstructions(false);\n }\n\n return () => clearTimeout(timeout);\n }, [isMenuOpen]);\n\n return (\n <>\n \n \n {children}\n {hasCloseInstructions && (\n \n {isDesktop && (\n <>\n To cancel hit ESC or press\n \n )}\n
\n\n {isMobile && \n
\n );\n}\n\nMenu.propTypes = {\n innerRef: PropTypes.func,\n children: PropTypes.node.isRequired,\n innerProps: PropTypes.shape({\n onMouseDown: PropTypes.func,\n onMouseMove: PropTypes.func,\n }).isRequired,\n options: PropTypes.arrayOf(optionShape),\n selectProps: PropTypes.shape({\n inputValue: PropTypes.string,\n }).isRequired,\n menuClassName: PropTypes.string,\n};\n\nexport default withGlobalSearch(Menu);\n","import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { components } from 'react-select';\n\nimport { customOptionsShape } from 'components/GlobalSearch/utils/constants';\n\nfunction MenuList({ options, innerRef, ...restProps }) {\n const optionsRef = useRef(options);\n const menuListRef = useRef(null);\n\n useEffect(() => {\n const isHTMLElement = menuListRef.current instanceof HTMLElement;\n const haveOptionsChanged = optionsRef.current !== options;\n\n if (isHTMLElement && haveOptionsChanged) {\n menuListRef.current.scrollTop = 0;\n optionsRef.current = options;\n }\n }, [options]);\n\n return (\n \n {children}\n {hasOptions &&
\n\n {!isMobile && \n Loading...\n
\n );\n}\n","import { useState } from 'react';\nimport { merge, slice } from 'lodash';\n\nimport { trackClearedAll } from 'utils/tracking/globalSearch';\n\nconst { user_id: userId } = gon.currentUser || {};\nconst HISTORY_KEY = `govpredict.searchHistory.${userId}`;\nconst MAX_HISTORY_LENGTH = 8;\n\nconst loadHistory = () => {\n const history = localStorage.getItem(HISTORY_KEY) || '[]';\n\n return JSON.parse(history);\n};\n\nconst updateHistory = newHistory => localStorage\n .setItem(HISTORY_KEY, JSON.stringify(newHistory));\n\nexport default function useRecentVisits(\n loadVisits = loadHistory,\n persistVisits = updateHistory,\n maxHistoryLength = MAX_HISTORY_LENGTH,\n) {\n const [visits, setVisits] = useState(loadVisits());\n\n const updateVisits = (newVisists) => {\n const slicedVisits = slice(newVisists, 0, maxHistoryLength);\n persistVisits(slicedVisits);\n setVisits(loadVisits());\n };\n\n const handleResultVisit = (result, inputText) => {\n const { url: resultUrl, isLegacyStrategy } = result;\n const newVisits = visits.filter(({ url }) => url !== resultUrl);\n const visitedItem = merge(result, { inputText });\n\n !isLegacyStrategy && newVisits.unshift(visitedItem);\n updateVisits(newVisits);\n };\n\n const handleDelete = ({ url: deletedUrl }) => {\n const newVisits = visits.filter(({ url }) => url !== deletedUrl);\n updateVisits(newVisits);\n };\n\n const handleClearAll = () => {\n const total = visits.length;\n trackClearedAll({ total });\n updateVisits([]);\n };\n\n return {\n onVisit: handleResultVisit,\n onDelete: handleDelete,\n onClearAll: handleClearAll,\n visits,\n };\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { customOptionsShape } from 'components/GlobalSearch/utils/constants';\n\nimport Result from '../../Result';\nimport { redirectToSelectedPage } from '../../../utils';\nimport styles from './styles.module.scss';\n\nexport default function Visit({\n url,\n label,\n strategy,\n onDelete,\n inputText,\n onClick,\n onSelect,\n customOptions,\n disabledProducts,\n}) {\n const handleDelete = () => onDelete({ url });\n const handleClick = (isLegacyStrategy) => {\n onSelect(isLegacyStrategy);\n onClick({ url, strategy }, inputText);\n };\n\n return (\n\n
\n );\n}\n\nVisits.propTypes = {\n onDelete: PropTypes.func.isRequired,\n onClearAll: PropTypes.func.isRequired,\n records: PropTypes.arrayOf(optionShape).isRequired,\n disabledProducts: PropTypes.arrayOf(PropTypes.string).isRequired,\n onVisit: PropTypes.func.isRequired,\n};\n","import React from 'react';\n\nimport styles from './styles.module.scss';\n\nexport default function EmptyWarning() {\n return (\n \n \n Clear all\n \n )}\n
\n RECENT VISITS
\n {anyResult && (\n\n {records.map((result, index) => (\n
\n \n Search doesn’t match any documents\n
\n );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport { linkShape } from 'components/core/Link/shapes';\nimport Link from 'components/core/Link';\nimport { isExternal } from 'utils/url';\nimport { trackQuickLinksResults } from 'utils/tracking/globalSearch';\n\nimport styles from './styles.module.scss';\n\nexport default function QuickLinks({ quickLinks = gon.quick_links }) {\n if (isEmpty(quickLinks)) return null;\n\n const renderQuickLink = ({ label, url }) => {\n const isExternalUrl = isExternal(url);\n\n return (\n\n
\n );\n}\n\nQuickLinks.propTypes = {\n quickLinks: PropTypes.arrayOf(linkShape),\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { optionShape } from 'components/GlobalSearch/utils/constants';\n\nimport AdvancedSearchButton from 'components/GlobalSearch/components/Menu/components/AdvancedSearchButton';\nimport withGlobalSearch from '../../utils/withGlobalSearch';\nimport Visits from './Visits';\nimport EmptyWarning from '../EmptyWarning';\nimport styles from './styles.module.scss';\nimport QuickLinks from './QuickLinks';\n\nfunction RecentVisits({\n disabledProducts,\n isSearchable,\n visits,\n onDeleteVisit,\n onVisit,\n inputText,\n onClearAllVisits,\n isDesktopLarge,\n}) {\n if (isSearchable()) {\n return QUICK LINKS
\n \n\n
\n \n
\n \n
\n );\n };\n\n return (\n \n
\n );\n}\n\nLegislatorMiniCard.propTypes = {\n legislator: PropTypes.object.isRequired,\n};\n\nexport default LegislatorMiniCard;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport LegislatorMiniCard from 'components/legislator-mini-card/legislator-mini-card.jsx';\nimport mapConstants from 'components/map/constants';\n\nfunction stateLegislators(legislators = []) {\n const legislatorInfoCards = legislators.map(legislator =>\n \n
\n \n { legislator.long_moniker }\n
\n\n { legislator.full_role }\n
\n { legislator.party }\n
\n Contact Information:\n
\n - \n
We could not find legislators for your location.
);\n\n return (\n\n
\n );\n}\n\nfunction federalLegislators(legislators) {\n const SENATOR = 'sen';\n const REPRESENTATIVE = 'rep';\n\n const senators = legislators.filter(leg => leg.term_type === SENATOR);\n const representative = legislators.filter(leg => leg.term_type === REPRESENTATIVE)[0];\n\n const Senators = senators.map(senator =>\n Legislators
\n { legislators.length > 0 && legislatorInfoCards }\n { legislators.length === 0 && noLegislators }\nWe could not find senators for your location.
;\n\n const Representative =We could not find a representative for your location.
;\n\n return (\n\n
\n );\n}\n\nfunction Legislators(props) {\n const { strategy, legislators } = props;\n const isFederal = strategy === mapConstants.CONGRESSIONAL_DISTRICTS;\n const output = isFederal ? federalLegislators : stateLegislators;\n\n return (\n Senators
\n { senators.length > 0 && Senators }\n { senators.length === 0 && NoSenators }\nRepresentative
\n { representative && Representative }\n { !representative && NoRepresentative }\n\n
\n );\n}\n\nLegislators.propTypes = {\n legislators: PropTypes.array.isRequired,\n strategy: PropTypes.string.isRequired,\n};\n\nexport default Legislators;\n","import * as actions from '../../redux/legislator-lookup';\nimport reduxConnect from '../../utils/redux-connect';\n\nexport default reduxConnect('legislatorLookup', actions);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport Map from 'components/map/map.jsx';\nimport LoadingMessage from 'components/shared/loading-message.jsx';\nimport mapConstants from 'components/map/constants';\nimport Legislators from './legislators.jsx';\nimport reduxConnect from '../redux-connect';\n\nclass Container extends React.Component {\n static propTypes = {\n legislators: PropTypes.array,\n fetchLegislators: PropTypes.func.isRequired,\n fetchDistrictId: PropTypes.func.isRequired,\n resetLegislators: PropTypes.func.isRequired,\n ui: PropTypes.shape({\n loadingLegislators: PropTypes.bool,\n searchTouched: PropTypes.bool,\n }),\n };\n\n static defaultProps = {\n legislators: [],\n ui: {\n loadingLegislators: false,\n searchTouched: false,\n },\n };\n\n state = {\n filterType: mapConstants.CONGRESSIONAL_DISTRICTS,\n }\n\n showLegislators = () => (\n !this.props.ui.loadingLegislators && !this.searchNoResults() && !this.searchNotStarted()\n );\n\n searchNotStartedMessage = () => (\n 'To find your legislators, enter your address in the box to the right or use ' +\n 'the map tool to double-click on where you reside.'\n )\n\n searchNotStarted = () => (\n !this.props.ui.searchTouched && !this.props.ui.loadingLegislators &&\n this.props.legislators.length === 0\n );\n\n searchNoResultsMessage = () => (\n 'Sorry, we could not find results for the address you entered. Try the same search again ' +\n 'or try a nearby address.'\n )\n\n searchNoResults = () => (\n this.props.ui.searchTouched && !this.props.ui.loadingLegislators &&\n this.props.legislators.length === 0\n );\n\n legislators = () =>\n Here are the legislators we found for the location you chose:
\n {output(legislators)}\n\n
\n );\n }\n}\n\nexport default reduxConnect(Container);\n","import * as actions from 'redux/grassrootsPortal/actions';\nimport reduxConnect from 'utils/redux-connect';\n\nexport default reduxConnect('grassrootsPortal', actions);\n","import PropTypes from 'prop-types';\n\nexport const stakeholderShape = PropTypes.shape({\n first_name: PropTypes.string.isRequired,\n last_name: PropTypes.string.isRequired,\n email: PropTypes.string.isRequired,\n phone: PropTypes.string,\n address: PropTypes.string,\n});\n\nexport const formSubmissionShape = PropTypes.shape({\n id: PropTypes.number,\n});\n\nexport const recipientShape = PropTypes.shape({\n id: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n});\n\nexport const wizardShape = PropTypes.shape({\n steps: PropTypes.number.isRequired,\n nextStep: PropTypes.func.isRequired,\n onTrack: PropTypes.func.isRequired,\n});\n\nexport const uiShape = PropTypes.shape({\n previewPage: PropTypes.bool,\n});\n\nexport const regulationShape = PropTypes.shape({\n id: PropTypes.number,\n});\n\nexport const customColorsShape = PropTypes.shape({\n backgroundColor: PropTypes.string,\n color: PropTypes.string,\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\n\nimport styles from './styles.module.scss';\n\nfunction Footer({ campaign }) {\n const fileUrl = campaign.logo && campaign.logo.file_url;\n\n return (\n \n );\n}\n\nFooter.propTypes = {\n campaign: PropTypes.shape({\n logo: PropTypes.shape({\n file_url: PropTypes.string,\n }),\n }).isRequired,\n};\n\nexport default reduxConnect(Footer);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\n\nimport styles from './styles.module.scss';\n\nconst PreviewModebar = ({ previewMode }) => {\n if (!previewMode) {\n return null;\n }\n\n return (\n \n
\n \n
\n \n
\n \n Legislator Lookup\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n Legislators\n
\n\n { ui.loadingLegislators && LoadingMessage }\n { this.showLegislators() && this.legislators() }\n { this.searchNotStarted() && this.searchNotStartedMessage() }\n { this.searchNoResults() && this.searchNoResultsMessage() }\n
\n \n
\n \n Warning: You are in preview mode. Any messages you attempt to send will not be sent.\n
\n );\n};\n\nPreviewModebar.propTypes = {\n previewMode: PropTypes.bool.isRequired,\n};\n\nexport default reduxConnect(PreviewModebar);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Step({ enabled, title, header, content }) {\n return null;\n}\n\nStep.defaultProps = {\n enabled: true,\n};\n\nStep.propTypes = {\n title: PropTypes.string.isRequired,\n header: PropTypes.node,\n content: PropTypes.node.isRequired,\n enabled: PropTypes.bool,\n};\n\nexport default Step;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport ProgressBar from 'components/core/ProgressBar';\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\n\nimport Step from './components/step';\nimport styles from './styles.module.scss';\n\nclass Wizard extends Component {\n static propTypes = {\n children: PropTypes.node.isRequired,\n inPreviewMode: PropTypes.bool.isRequired,\n campaignType: PropTypes.string.isRequired,\n customColors: PropTypes.object.isRequired,\n }\n\n constructor(props) {\n super(props);\n\n const enabledChildren = React.Children\n .toArray(props.children)\n .filter(step => step.props.enabled);\n\n this.state = {\n form: {},\n step: 1,\n children: enabledChildren,\n steps: enabledChildren.length,\n };\n }\n\n nextStep = () => {\n this.setState(state => ({\n ...state,\n step: Math.min(state.step + 1, state.steps),\n }));\n }\n\n prevStep = () => {\n this.setState(prevState => ({\n ...prevState,\n step: Math.max(prevState.step - 1, 1),\n }));\n }\n\n goToStep = (step) => {\n this.setState((prevState) => {\n if (step > 0 && step <= prevState.steps) {\n return {\n ...prevState,\n step,\n };\n }\n\n return prevState;\n });\n }\n\n setForm = (form) => {\n this.setState(prevState => ({\n ...prevState,\n form: {\n ...prevState.form,\n ...form,\n },\n }));\n }\n\n getForm = () => this.state.form;\n\n contentWithWizardProps = (child) => {\n const { step, steps } = this.state;\n const { content } = child.props;\n\n return React.cloneElement(content, {\n ...child.props,\n wizard: {\n setForm: this.setForm,\n getForm: this.getForm,\n prevStep: this.prevStep,\n nextStep: this.nextStep,\n goToStep: this.goToStep,\n isFirstStep: step === 1,\n isLastStep: step === steps,\n step: () => this.state.step, // Can not be \"step\"\n steps,\n onTrack: this.handleTracking,\n },\n });\n }\n\n handleTracking = (trackingFunction) => {\n const { inPreviewMode, campaignType } = this.props;\n\n if (!inPreviewMode) {\n trackingFunction(campaignType);\n }\n }\n\n render() {\n const { step, steps, children } = this.state;\n const { customColors } = this.props;\n\n const child = children[step - 1];\n const { title, header } = child.props;\n const content = this.contentWithWizardProps(child);\n\n const contentClassNames = classNames(styles.content, {\n [styles.noHeader]: !header,\n });\n\n const containerClassNames = classNames('container', styles.smallContainer);\n const { backgroundColor, color } = customColors;\n\n return (\n \n
\n );\n }\n}\n\nexport default reduxConnect(Wizard);\n\nexport { Step };\n","import GlobalNotifier from 'components/GlobalNotifier';\n\nconst addNotification = message => GlobalNotifier.addNotification({ level: 'error', message });\n\nconst failedLoading = () =>\n addNotification('Loading failed.');\n\nconst failedToGoToNextStep = () =>\n addNotification('Failed to proceed to next step. Please check details and try again.');\n\nconst failedEmailAlreadyUsed = () =>\n addNotification('Email address has already been used in this campaign.');\n\nconst failedEnterFullAddress = () =>\n addNotification('Please enter full address.');\n\nexport default {\n failedLoading,\n failedEmailAlreadyUsed,\n failedEnterFullAddress,\n failedToGoToNextStep,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport AddressAutocomplete from 'components/core/AddressAutocomplete';\n\nfunction AddressInput({ company, ...restProps }) {\n const defaultPlaceholder = 'Enter your home address…';\n const companyPlaceholders = {\n 538: 'Enter your business address…',\n };\n const placeholder = companyPlaceholders[company.id] || defaultPlaceholder;\n\n return (\n \n
\n \n
\n \n
\n \n Step {step}: {title}\n
\n\n\n {header}\n
\n )}\n\n {!header && }\n \n
\n \n {content}\n
\n \n By clicking “Next” above, you agree to our {termsOfService} and {privacyPolicy}.\n
\n );\n}\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Checkbox from 'components/core/Checkbox';\n\nimport styles from './styles.module.scss';\n\nfunction OptIn({ campaign, handleChange, values }) {\n const {\n display_email_opt_in,\n display_sms_opt_in,\n } = campaign;\n\n const {\n email_opt_in,\n sms_opt_in,\n } = values;\n\n if (!display_email_opt_in && !display_sms_opt_in) {\n return null;\n }\n\n return (\n\n
\n )}\n \n
\n {campaign.public_title}
\n\n Phone: {phone}\n
\n );\n\n const twitter = (\n \n Twitter: @{twitterScreenName}\n
\n );\n\n const facebook = (\n \n Facebook: @{facebookAccount}\n
\n );\n\n return (\n \n
\n {!!phone && phoneLink}\n {!!twitterScreenName && twitter}\n {!!facebookAccount && facebook}\n
\n );\n}\n\nContactInfo.propTypes = {\n recipient: PropTypes.object.isRequired,\n};\n\nexport default ContactInfo;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CustomRecipientDescription = ({ recipient }) => (\n {recipient.full_name}\n);\n\nCustomRecipientDescription.propTypes = {\n recipient: PropTypes.object.isRequired,\n};\n\nexport default CustomRecipientDescription;\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst LegislatorDescription = ({ recipient }) => {\n const {\n party_slug,\n addressable_moniker,\n party_short,\n come_from,\n } = recipient;\n\n const iconClass = classNames({\n 'party-icon': true,\n [`party-icon--${party_slug}`]: !!party_slug,\n });\n\n return (\n \n {!!phone && phoneLink}\n {!!twitterScreenName && twitter}\n {!!facebookAccount && facebook}\n
\n \n {party_short}\n \n {' '}\n {come_from}\n
\n
\n );\n};\n\nRecipient.defaultProps = {\n showContactInfo: false,\n};\n\nRecipient.propTypes = {\n recipient: PropTypes.object.isRequired,\n showContactInfo: PropTypes.bool,\n};\n\nexport default Recipient;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport * as constants from 'components/grassroots-campaign-builder/constants';\n\nimport styles from './style.module.scss';\n\nexport default class CustomizationOptions extends React.Component {\n static propTypes = {\n campaign: PropTypes.object.isRequired,\n handleAppendContentClick: PropTypes.func.isRequired,\n handleEditContentClick: PropTypes.func.isRequired,\n hasAppendedMessage: PropTypes.func.isRequired,\n messageBeingAppended: PropTypes.bool.isRequired,\n messageBeingEdited: PropTypes.bool.isRequired,\n }\n\n appendDescription() {\n const { hasAppendedMessage, campaign: { campaign_type } } = this.props;\n\n if (campaign_type === constants.CAMPAIGN_LEGISLATOR_TYPE) {\n return hasAppendedMessage()\n ? 'Great, your comment has been appended to this message!'\n : 'You can also append a comment to this message.';\n }\n\n return hasAppendedMessage()\n ? 'Great, your message has been appended to the comment!'\n : 'You can also append your own message to this comment';\n }\n\n renderButton() {\n const {\n campaign,\n handleAppendContentClick,\n handleEditContentClick,\n messageBeingAppended,\n messageBeingEdited,\n hasAppendedMessage,\n } = this.props;\n\n const { messages_customization_option } = campaign;\n\n if (messageBeingEdited || messageBeingAppended) {\n return null;\n }\n\n const editButton = (\n \n Edit Message\n \n );\n\n const appendButton = (\n \n {hasAppendedMessage()\n ? 'Edit Message'\n : 'Append Message'}\n \n );\n\n return {\n [constants.MESSAGES_CUSTOMIZATION_OPTION_APPEND]: appendButton,\n [constants.MESSAGES_CUSTOMIZATION_OPTION_EDIT]: editButton,\n [constants.MESSAGES_CUSTOMIZATION_OPTION_NONE]: null,\n }[messages_customization_option];\n }\n\n renderDescription() {\n const { messages_customization_option } = this.props.campaign;\n\n const {\n messageBeingAppended,\n messageBeingEdited,\n } = this.props;\n\n if (messageBeingEdited || messageBeingAppended) {\n return 'Use the field below to edit the message.';\n }\n\n return {\n [constants.MESSAGES_CUSTOMIZATION_OPTION_APPEND]: this.appendDescription(),\n [constants.MESSAGES_CUSTOMIZATION_OPTION_EDIT]: 'You can edit this message.',\n [constants.MESSAGES_CUSTOMIZATION_OPTION_NONE]: null,\n }[messages_customization_option];\n }\n\n render() {\n const { messages_customization_option } = this.props.campaign;\n\n if (messages_customization_option === constants.MESSAGES_CUSTOMIZATION_OPTION_NONE) {\n return null;\n }\n\n return (\n \n
\n\n \n
\n\n {showContactInfo && \n This is a preview.\n {this.renderButton()}\n
\n );\n }\n}\n","import React, { Fragment } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Button from 'components/core/Button';\nimport CopyToClipboardInput from 'components/shared/copy-to-clipboard-input';\n\nimport styles from './style.module.scss';\n\nexport default class MessageEditor extends React.Component {\n static propTypes = {\n infoBar: PropTypes.bool,\n InfoBarComponent: PropTypes.func,\n limit: PropTypes.number,\n required: PropTypes.bool,\n value: PropTypes.string,\n handleSave: PropTypes.func.isRequired,\n handleCancel: PropTypes.func.isRequired,\n }\n\n static defaultProps = {\n infoBar: false,\n limit: 0,\n }\n\n state = {\n error: '',\n hasError: false,\n isBlank: false,\n isAboveLimit: false,\n value: this.props.value,\n }\n\n handleChange(event) {\n const { required, limit } = this.props;\n const { value } = event.target;\n\n const isBlank = required && !value.length;\n const isAboveLimit = !!limit && (value.length > limit);\n\n this.setState({\n value,\n isBlank,\n isAboveLimit,\n hasError: isBlank || isAboveLimit,\n error: isBlank ? \"Can't be blank!\" : '',\n });\n }\n\n renderErrorMessage() {\n const { infoBar } = this.props;\n const { hasError, error } = this.state;\n\n // If infoBar, the error will be show in the infoBar\n if (infoBar || !hasError) {\n return null;\n }\n\n return (\n \n {error}\n \n );\n }\n\n render() {\n const { value, isBlank, hasError, error } = this.state;\n const { limit, infoBar, InfoBarComponent } = this.props;\n\n const containerClassNames = classNames({\n [styles.textArea]: true,\n 'has-error': hasError,\n });\n\n const showCopyButton = infoBar || !isBlank;\n\n return (\n \n this.handleChange(event)}\n value={value}\n infoBar={infoBar}\n infoBarMax={limit}\n infoBarError={error}\n InfoBarComponent={InfoBarComponent}\n buttonClass={styles.copyButton}\n showCopyButton={showCopyButton}\n />\n {this.renderErrorMessage()}\n
\n \n \n this.props.handleSave(this.state.value)}\n disabled={hasError}\n >\n Save\n \n \n Cancel\n \n
\n Dear {full_title} {last_name},
\n );\n};\n\nLegislatorGreeting.propTypes = {\n recipient: PropTypes.object.isRequired,\n};\n\nexport default LegislatorGreeting;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CustomRecipientGreeting = ({ recipient }) => {\n const { addressable_name } = recipient;\n\n return (\nDear {addressable_name},
\n );\n};\n\nCustomRecipientGreeting.propTypes = {\n recipient: PropTypes.object.isRequired,\n};\n\nexport default CustomRecipientGreeting;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { RECIPIENT_TYPE } from 'components/GrassrootsPortal/constants';\nimport LegislatorGreeting from './components/LegislatorGreeting';\nimport CustomRecipient from './components/CustomRecipientGreeting';\n\nconst Greeting = ({ recipient }) => {\n const GreetingComponent = {\n [RECIPIENT_TYPE.FEDERAL_LEGISLATOR]: LegislatorGreeting,\n [RECIPIENT_TYPE.STATE_LEGISLATOR]: LegislatorGreeting,\n [RECIPIENT_TYPE.CUSTOM_RECIPIENT]: CustomRecipient,\n }[recipient.recipient_type];\n\n return\n {cloneElement(children, {\n ...children.props,\n onBlur: handleBlur,\n onFocus: handleFocus,\n })}\n
\n );\n}\n\nInfoBar.propTypes = {\n children: PropTypes.node.isRequired,\n totalMessageSize: PropTypes.number.isRequired,\n error: PropTypes.string,\n};\n\nexport default InfoBar;\n","import { RECIPIENT_TYPE } from 'components/GrassrootsPortal/constants';\nimport { MESSAGES_CUSTOMIZATION_OPTION_APPEND } from 'components/grassroots-campaign-builder/constants';\n\nconst formAddress = (formSubmission) => {\n const {\n first_name = '',\n last_name = '',\n street_number = '',\n street = '',\n city = '',\n state = '',\n zipcode = '',\n } = formSubmission;\n\n return `\nSincerely,\n\n${first_name} ${last_name}\n${street_number} ${street}\n${city}, ${state} ${zipcode}`;\n};\n\nconst recipientAddress = (recipient) => {\n const {\n full_title = '',\n full_name = '',\n office = '',\n } = recipient;\n\n return `\n${full_title} ${full_name}\n${office}`.trim();\n};\n\nconst defaultMessage = (recipient, campaign) => {\n const { messages_customization_option } = campaign;\n const { content } = recipient.matcherMessage;\n\n return messages_customization_option === MESSAGES_CUSTOMIZATION_OPTION_APPEND\n ? content\n : '';\n};\n\nconst greeting = (recipient) => {\n const {\n recipient_type,\n addressable_name,\n full_title,\n last_name,\n } = recipient;\n\n return recipient_type === RECIPIENT_TYPE.CUSTOM_RECIPIENT\n ? `Dear ${addressable_name},`\n : `Dear ${full_title} ${last_name},`;\n};\n\nexport const totalMessageSize = ({ chars, campaign, recipient, formSubmission }) => {\n const message = `\n${recipientAddress(recipient)}\n\n${greeting(recipient)}\n\n${defaultMessage(recipient, campaign)}\n${formAddress(formSubmission)}\n`;\n\n return message.length + chars;\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport * as constants from 'components/grassroots-campaign-builder/constants';\nimport StringToMultilineHtml from 'components/shared/string-to-multiline-html';\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\n\nimport CustomizationOptions from '../../../CustomizationOptions';\nimport MessageEditor from '../../../MessageEditor';\nimport Greeting from './components/Greeting';\nimport InfoBar from './components/InfoBar';\nimport { totalMessageSize } from './utils';\nimport styles from './styles.module.scss';\n\nclass Message extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n recipient: PropTypes.object.isRequired,\n campaign: PropTypes.object.isRequired,\n formSubmission: PropTypes.object.isRequired,\n saveCustomMessage: PropTypes.func.isRequired,\n openMessageEditor: PropTypes.func.isRequired,\n closeMessageEditor: PropTypes.func.isRequired,\n }\n\n state = {\n messageBeingAppended: false,\n messageBeingEdited: false,\n messageError: false,\n }\n\n appendedMessage() {\n const originalMessage = this.originalMessage();\n return this.fullMessage().slice(originalMessage.length);\n }\n\n fullMessage() {\n // original message edited OR (original message + content appended)\n const {\n formSubmission: { custom_messages },\n recipient: { id },\n } = this.props;\n\n if (custom_messages && custom_messages[id]) {\n return custom_messages[id].trim();\n }\n\n return this.originalMessage().trim();\n }\n\n originalMessage() {\n const { content } = this.props.recipient.matcherMessage;\n\n return `${content}\\n\\n`;\n }\n\n hasAppendedMessage() {\n return this.appendedMessage().length > 0;\n }\n\n handleAppendContentClick = () => {\n this.props.openMessageEditor();\n this.setState({ messageBeingAppended: true });\n }\n\n handleEditContentClick = () => {\n this.props.openMessageEditor();\n this.setState({ messageBeingEdited: true });\n }\n\n messageEdit() {\n const { campaign, recipient, formSubmission } = this.props;\n const { messageBeingAppended, messageBeingEdited } = this.state;\n\n if (!messageBeingAppended && !messageBeingEdited) {\n return null;\n }\n\n const messageContent = messageBeingAppended\n ? this.appendedMessage()\n : this.fullMessage();\n\n return (\n \n {hasError\n ? renderError()\n : renderStatus()\n }\n\n
\n \n {messageContent}\n
\n );\n }\n\n handleSave = (message) => {\n const {\n saveCustomMessage,\n formSubmission,\n campaign: { messages_customization_option },\n recipient,\n } = this.props;\n\n const customText = messages_customization_option === constants.MESSAGES_CUSTOMIZATION_OPTION_APPEND\n ? `${this.originalMessage()}${message}`\n : message;\n\n const payload = {\n formSubmission: {\n ...formSubmission,\n custom_messages: {\n ...formSubmission.custom_messages,\n [recipient.id]: customText,\n },\n },\n };\n\n saveCustomMessage(payload);\n\n this.handleCancel();\n }\n\n handleCancel = () => {\n this.props.closeMessageEditor();\n this.setState({ messageBeingAppended: false, messageBeingEdited: false, messageError: false });\n }\n\n render() {\n const { recipient, className, campaign, formSubmission } = this.props;\n const { messageBeingAppended, messageBeingEdited } = this.state;\n\n return (\n\n this.hasAppendedMessage()}\n messageBeingAppended={messageBeingAppended}\n messageBeingEdited={messageBeingEdited}\n />\n\n \n {recipient.full_title} {recipient.full_name}
\n
\n \n\n
\n\n
\n\n \n
\n {formSubmission.street_number} {formSubmission.street}
\n {formSubmission.city}, {formSubmission.state} {formSubmission.zipcode}
\n \n
\n );\n }\n}\n\nexport default reduxConnect(Message);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport Accordion, { Item, Caret } from 'components/core/Accordion';\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\nimport Recipient from 'components/GrassrootsPortal/components/Recipient';\n\nimport Message from './components/Message';\nimport styles from './styles.module.scss';\n\nclass LegislatorPreview extends React.Component {\n static propTypes = {\n recipients: PropTypes.array.isRequired,\n }\n\n renderTitle = ({ recipient, isOpen, toggle }) => (\n \n
\n \n\n
\n\n
\n\n \n
Sincerely,
\n {formSubmission.first_name} {formSubmission.last_name}\n {formSubmission.street_number} {formSubmission.street}
\n {formSubmission.city}, {formSubmission.state} {formSubmission.zipcode}
\n \n
\n
\n );\n\n renderContent = ({ recipient }) => (\n \n {messageContent}\n
\n );\n }\n\n handleSave = (message) => {\n const {\n saveCustomRegulationComment,\n formSubmission,\n campaign: { messages_customization_option },\n } = this.props;\n\n const customText = messages_customization_option === constants.MESSAGES_CUSTOMIZATION_OPTION_APPEND\n ? `${this.originalMessage()}${message}`\n : message;\n\n const payload = {\n formSubmission: {\n ...formSubmission,\n custom_comment: customText,\n },\n };\n\n saveCustomRegulationComment(payload);\n\n this.handleCancel();\n }\n\n handleCancel = () => {\n this.props.closeMessageEditor();\n this.setState({ messageBeingAppended: false, messageBeingEdited: false, commentError: false });\n }\n\n render() {\n const { campaign, formSubmission } = this.props;\n\n const { messageBeingAppended, messageBeingEdited } = this.state;\n\n return (\n\n this.hasAppendedMessage()}\n messageBeingAppended={messageBeingAppended}\n messageBeingEdited={messageBeingEdited}\n />\n\n {this.messageStatic()}\n {this.messageEdit()}\n\n \n {formSubmission.first_name} {formSubmission.last_name}
\n {formSubmission.street_number} {formSubmission.street}
\n {formSubmission.city}, {formSubmission.state} {formSubmission.zipcode}
\n \n
\n );\n }\n}\n\nexport default reduxConnect(Comment);\n","import React, { Fragment } from 'react';\n\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\n\nimport Comment from './components/Comment';\n\nfunction RegulationPreview() {\n return (\n \n {formSubmission.street_number} {formSubmission.street}
\n {formSubmission.city}, {formSubmission.state} {formSubmission.zipcode}
\n \n
\n
\n
\n );\n}\n\nContainer.propTypes = {\n show: PropTypes.bool.isRequired,\n proceed: PropTypes.func.isRequired,\n cancel: PropTypes.func.isRequired,\n confirmation: PropTypes.node.isRequired,\n options: PropTypes.object,\n};\n\nexport default confirmable(Container);\n","import { createConfirmation } from 'react-confirm';\n\nimport Container from './components/Container';\n\nexport default function (confirmation, options = {}) {\n const confirm = createConfirmation(Container);\n\n return confirm({ confirmation, options });\n}\n","import React, { Fragment } from 'react';\n\nimport { CAMPAIGN_REGULATION_TYPE } from 'components/grassroots-campaign-builder/constants';\nimport { concatNames } from 'components/GrassrootsPortal/helpers';\nimport { pluralize } from 'utils/string';\n\nimport confirm from '../../Dialog';\n\nfunction handleValidation(state) {\n const { recipients, formSubmission, customColors, ui, campaign } = state;\n\n const checkForRegulationCampaign = () => {\n if (formSubmission.custom_comment) {\n return true;\n }\n\n const message = (\n \n
\n {options.title || 'Are you sure?'}
\n{confirmation}
\n\n\n \n \n
\n {title}
\n{description} {customizationMessage}
\n\n \n \n
\n );\n}\n\nButtons.propTypes = {\n handleBackClick: PropTypes.func.isRequired,\n handleNextClick: PropTypes.func.isRequired,\n ui: PropTypes.object.isRequired,\n customColors: PropTypes.object.isRequired,\n};\n\nexport default reduxConnect(Buttons);\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nimport notifications from 'components/GrassrootsPortal/notifications';\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\nimport {\n enableConfirmationBeforeLeaving,\n} from 'components/GrassrootsPortal/helpers';\nimport {\n CAMPAIGN_REGULATION_TYPE,\n CAMPAIGN_LEGISLATOR_TYPE,\n} from 'components/grassroots-campaign-builder/constants';\nimport { trackActionFlowMessageSent, trackActionFlowCommentSubmitted } from 'utils/tracking/grassroots';\nimport {\n formSubmissionShape,\n customColorsShape,\n regulationShape,\n recipientShape,\n wizardShape,\n uiShape,\n} from 'components/GrassrootsPortal/shapes';\n\nimport PreviewMapping from './components/PreviewMapping';\nimport saveStatistics from './components/saveStatistics';\nimport handleValidation from './components/handleValidation';\nimport Header from './components/Header';\nimport Buttons from './components/Buttons';\nimport styles from './styles.module.scss';\n\nfunction StepTwo(props) {\n const {\n campaign,\n collectStatistics,\n formSubmission,\n recipients,\n previewMode,\n regulation,\n ui,\n wizard,\n customColors,\n saveMessages,\n saveFormSubmission,\n } = props;\n\n // Show dialog confirmation if the user try to leave the page\n // without finish all steps. This will be removed in the last step.\n enableConfirmationBeforeLeaving();\n\n const handleSaveMessages = () => {\n if (previewMode) {\n wizard.nextStep();\n } else {\n saveFormSubmission({ campaign, formSubmission })\n .then(saveMessages({ campaign, regulation, recipients }))\n .then(saveStatistics({ campaign, recipients, collectStatistics }))\n .then(wizard.nextStep)\n .catch(notifications.failedLoading);\n }\n\n if (campaign.campaign_type === CAMPAIGN_REGULATION_TYPE) {\n wizard.onTrack(trackActionFlowCommentSubmitted);\n } else {\n wizard.onTrack(trackActionFlowMessageSent);\n }\n };\n\n const handleNextClick = () => {\n Promise.resolve()\n .then(() => handleValidation({ ui, formSubmission, recipients, campaign, customColors }))\n .then(handleSaveMessages);\n };\n\n const handleBackClick = () => {\n wizard.prevStep();\n };\n\n return (\n \n
\n\n \n
\n \n
\n
\n\n Post to Twitter
\nThe following message will be posted to Twitter on your behalf:
\n\n
\n
\n \n \n
\n \n
\n
\n\n Share on Facebook
\nCopy and paste the following message, then select, \"Share on FB\".
\n\n
\n {campaign.social_media_facebook_message}\n
\n\n \n \n
\n \n
\n
\n setPhone(e.target.value)}\n onClick={() => setPhoneIsInvalid(false)}\n errorMessage={phoneIsInvalid ? 'is invalid' : null}\n />\n
\n\n Call your elected officials
\n\n Below is a script that you may use for your convenience when calling\n you legislators (don't worry, it will be shown again when you dial).\n Please confirm your phone number below before proceeding to the next screen.\n
\n\n
\n {campaign.ptc_config.message}\n
\n\n
\n This is the phone number we will call you at, please ensure it is correct\n
\n\n\n \n \n
\n \n
\n\n Call your elected officials
\n\n When you select the \"Call\" button next to the legislator card,\n you will be patched through to that legislator.\n A window will open up displaying the script and the call status.\n
\n\n {recipientsWithPhone.map(recipient => (\n\n id === recipient.id)}\n onClick={() => handleCallClick(recipient)}\n />\n
\n ))}\n \n { allCallsCompleted\n ? \n : \n }\n
\n Calling {possessive(recipient.addressable_moniker)} Office
\n );\n\n const { isMobile } = useMediaQuery();\n\n return (\n\n
\n );\n}\n\nCallingModal.propTypes = {\n recipient: PropTypes.object,\n campaign: PropTypes.shape({\n ptc_config: PropTypes.shape({\n message: PropTypes.string.isRequired,\n }).isRequired,\n }).isRequired,\n handleCloseClick: PropTypes.func.isRequired,\n};\n\nexport default reduxConnect(CallingModal);\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { phone as validatePhone } from 'utils/validation';\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\nimport MaskedInput from 'components/core/MaskedInput';\nimport Button from 'components/core/Button';\n\nimport styles from './styles.module.scss';\n\nfunction ErrorModal(props) {\n const [phone, setPhone] = useState(props.phone);\n const [phoneIsInvalid, setPhoneIsInvalid] = useState(false);\n const { customColors, handleSaveContinueClick } = props;\n\n const handleOnClick = () => {\n if (validatePhone(phone) !== undefined) {\n setPhoneIsInvalid(true);\n return;\n }\n\n handleSaveContinueClick(phone);\n };\n\n return (\n \n
\n \n \n
\n \n
\n\n \n {description}\n {!isMobile && icon}\n
\n \n
\n \n Suggested Script\n
\n\n\n {campaign.ptc_config.message}\n
\n\n
\n );\n}\n\nErrorModal.propTypes = {\n handleSaveContinueClick: PropTypes.func.isRequired,\n phone: PropTypes.string.isRequired,\n customColors: PropTypes.object.isRequired,\n};\n\nexport default reduxConnect(ErrorModal);\n","import { useState } from 'react';\n\nfunction createTwilioCallPayload(recipient, formSubmission) {\n // CustomRecipients and State Legisators have integer ID's\n // while Federal Legislators has string ID's\n // In this way, recipient_id must be a string\n return JSON.stringify({\n form_submission_id: formSubmission.id,\n user_phone: formSubmission.phone,\n recipient_id: `${recipient.id}`,\n recipient_type: recipient.recipient_type,\n recipient_phone: recipient.phone,\n });\n}\n\nfunction createTwilioCalls(recipient, formSubmission) {\n const url = '/api_web/portal/grassroots/twilio_calls';\n const method = 'POST';\n const data = createTwilioCallPayload(recipient, formSubmission);\n\n const ajax = $.ajax({\n method,\n url,\n data,\n contentType: 'application/json',\n });\n\n return Promise.resolve(ajax);\n}\n\nfunction useRecipientsCall({ recipients, formSubmission, previewMode }) {\n const recipientsWithPhone = recipients.filter(({ phone }) => phone);\n const [recipientsToCall, setRecipientsToCall] = useState(recipientsWithPhone);\n const [recipientsCalled, setRecipientsCalled] = useState([]);\n const [recipientCallingTo, setRecipientCallingTo] = useState(null);\n const [hasError, setHasError] = useState(false);\n const isCalling = !!recipientCallingTo;\n\n function startCall(recipient) {\n setRecipientCallingTo(recipient);\n\n if (previewMode) {\n return;\n }\n\n createTwilioCalls(recipient, formSubmission)\n .catch(() => {\n setRecipientCallingTo(null);\n setHasError(true);\n });\n }\n\n function closeCall() {\n setRecipientCallingTo(null);\n\n setRecipientsToCall(prevRecipients =>\n prevRecipients.filter(({ id }) => id !== recipientCallingTo.id)\n );\n\n setRecipientsCalled(prevRecipients => [\n ...prevRecipients,\n recipientCallingTo,\n ]);\n }\n\n function resetCall() {\n setRecipientCallingTo(null);\n setHasError(false);\n }\n\n return {\n // State\n recipientsToCall,\n recipientsCalled,\n recipientCallingTo,\n recipientsWithPhone,\n\n // Actions\n startCall,\n closeCall,\n resetCall,\n\n // Status\n isCalling,\n hasError,\n };\n}\n\nexport default useRecipientsCall;\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\nimport { concatNames } from 'components/GrassrootsPortal/helpers';\nimport { trackActionFlowCallInitiated } from 'utils/tracking/grassroots';\n\nimport confirm from '../Dialog';\nimport Container from './components/Container';\nimport CallingModal from './components/CallingModal';\nimport ErrorModal from './components/ErrorModal';\nimport useRecipientsCall from './useRecipientsCall';\n\nfunction StepSix({\n campaign,\n wizard,\n formSubmission,\n recipients,\n editFormSubmission,\n previewMode,\n customColors,\n}) {\n const {\n recipientsToCall,\n recipientsCalled,\n recipientCallingTo,\n recipientsWithPhone,\n startCall,\n closeCall,\n resetCall,\n isCalling,\n hasError,\n } = useRecipientsCall({ recipients, formSubmission, previewMode });\n\n const handleCallClick = (recipient) => {\n startCall(recipient);\n wizard.onTrack(trackActionFlowCallInitiated);\n };\n\n const checkForRecipientNotCalled = () => {\n if (recipientsToCall.length === 0) {\n return Promise.resolve(true);\n }\n\n const recipientsNames = recipientsToCall.map(recipient =>\n recipient.addressable_moniker\n );\n\n const message = (\n \n setPhone(e.target.value)}\n onClick={() => setPhoneIsInvalid(false)}\n errorMessage={phoneIsInvalid ? 'is invalid' : null}\n />\n
\n Uh oh, it seems you've missed our call...
\n\n Please ensure the phone number below is correct\n and then select \"Save and Continue\".\n
\n\n \n
\n \n {text}\n
\n \n {urlText}\n \n
\n );\n}\n\nCallToAction.propTypes = {\n thankYouConfig: PropTypes.shape({\n call_to_action_text: PropTypes.string.isRequired,\n call_to_action_url: PropTypes.string.isRequired,\n call_to_action_url_text: PropTypes.string.isRequired,\n }),\n};\n\nexport default CallToAction;\n","import { getUTMparams } from 'components/GrassrootsPortal/helpers';\n\nfunction takeActionCompleteCall(formSubmission, campaign) {\n const url = `/api_web/portal/grassroots/campaigns/${campaign.token}/form_submissions/take_action_complete`;\n const method = 'POST';\n const data = JSON.stringify({\n form_submission_id: formSubmission.id,\n utm_params: getUTMparams(),\n });\n const ajax = $.ajax({\n method,\n url,\n data,\n contentType: 'application/json',\n });\n\n Promise.resolve(ajax);\n}\n\nexport default takeActionCompleteCall;\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { pluralize } from 'utils/string';\nimport { disableConfirmationBeforeLeaving } from 'components/GrassrootsPortal/helpers';\nimport reduxConnect from 'components/GrassrootsPortal/reduxConnect';\nimport Recipient from 'components/GrassrootsPortal/components/Recipient';\nimport {\n CAMPAIGN_LEGISLATOR_TYPE,\n CAMPAIGN_REGULATION_TYPE,\n} from 'components/grassroots-campaign-builder/constants';\nimport { formSubmissionShape, recipientShape } from 'components/GrassrootsPortal/shapes';\nimport CallToAction from './component/CallToAction';\nimport takeActionCompleteCall from './api';\n\nimport styles from './styles.module.scss';\n\n// eslint-disable-next-line react/prop-types\nfunction StepSeven({ campaign, recipients, formSubmission }) {\n const { page_title, page_content, call_to_action_enabled } = campaign.thank_you_config;\n\n // This was enabled in step two\n disableConfirmationBeforeLeaving();\n\n takeActionCompleteCall(formSubmission, campaign);\n\n return (\n \n \n {urlText}\n \n
\n \n
\n \n )}\n
\n );\n}\n\nStepSeven.propTypes = {\n recipients: PropTypes.arrayOf(recipientShape).isRequired,\n formSubmission: formSubmissionShape.isRequired,\n campaign: PropTypes.shape({\n campaign_type: PropTypes.oneOf([\n CAMPAIGN_REGULATION_TYPE,\n CAMPAIGN_LEGISLATOR_TYPE,\n ]).isRequired,\n thank_you_config: PropTypes.shape({\n page_content: PropTypes.string.isRequired,\n page_title: PropTypes.string.isRequired,\n call_to_action_enabled: PropTypes.bool.isRequired,\n }).isRequired,\n }).isRequired,\n};\n\nexport default reduxConnect(StepSeven);\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Loader from 'components/core/Loader';\nimport PageNotFound from 'components/core/PageNotFound';\nimport {\n CAMPAIGN_REGULATION_TYPE,\n CAMPAIGN_LEGISLATOR_TYPE,\n} from 'components/grassroots-campaign-builder/constants';\n\nimport reduxConnect from '../../reduxConnect';\nimport { stakeholderShape } from '../../shapes';\nimport Footer from '../Footer';\nimport PreviewModeBar from '../PreviewModeBar';\nimport Wizard, { Step } from '../Wizard';\nimport StepOne, { StepOneHeader } from '../StepOne';\nimport StepTwo from '../StepTwo';\nimport StepThree from '../StepThree';\nimport StepFour from '../StepFour';\nimport StepFive from '../StepFive';\nimport StepSix from '../StepSix';\nimport StepSeven from '../StepSeven';\n\nimport styles from './styles.module.scss';\n\nfunction Container({\n fetchCustomColors,\n fetchCampaign,\n campaign,\n campaignToken,\n inPreviewMode,\n setPreviewMode,\n stakeholder,\n}) {\n const [hasError, setHasError] = useState(false);\n const { campaign_type: campaignType } = campaign;\n\n useEffect(() => {\n inPreviewMode && setPreviewMode();\n\n fetchCampaign({ campaignToken })\n .catch(() => setHasError(true));\n }, []);\n\n const [isLoadingCustomColors, setIsLoadingCustomColors] = useState(true);\n useEffect(() => {\n if (campaignType) {\n fetchCustomColors(campaign)\n .then(() => setIsLoadingCustomColors(false));\n }\n }, [campaign]);\n\n if (hasError) {\n const subtitle = `\n We're sorry, we could not find the campaign you were looking for.\n It could be closed for submissions or perhaps the URL was entered incorrectly.\n Please check the URL and try again.`;\n\n return (\n {page_title}
\n\n {page_content}\n
\n\n {call_to_action_enabled &&\n
\n Your {pluralize('message has', 'messages have', recipients.length)} been sent to:\n
\n\n\n {recipients.map(recipient => (\n
\n \n
\n ))}\n \n
\n );\n }\n\n const stepOneTitle = {\n [CAMPAIGN_REGULATION_TYPE]: 'Tell us about yourself so we can post your comment to www.regulations.gov',\n [CAMPAIGN_LEGISLATOR_TYPE]: 'Tell us about yourself to find your elected officials',\n }[campaignType];\n\n const stepTwoTitle = {\n [CAMPAIGN_REGULATION_TYPE]: 'Review and customize your message',\n [CAMPAIGN_LEGISLATOR_TYPE]: 'Review and customize messages to your legislators',\n }[campaignType];\n\n return (\n \n \n
\n );\n}\n\nContainer.propTypes = {\n inPreviewMode: PropTypes.bool.isRequired,\n setPreviewMode: PropTypes.func.isRequired,\n fetchCampaign: PropTypes.func.isRequired,\n fetchCustomColors: PropTypes.func.isRequired,\n campaign: PropTypes.object.isRequired,\n campaignToken: PropTypes.string.isRequired,\n stakeholder: stakeholderShape,\n};\n\nexport default reduxConnect(Container);\n","import React, { Component } from 'react';\nimport { Provider } from 'react-redux';\nimport store from 'redux/store';\nimport { loadGoogleMaps } from 'utils/external-dependency-loader';\nimport Container from './components/Container';\n\nexport default class GrassrootsPortal extends Component {\n state = {\n gMapLoaded: false,\n }\n\n componentWillMount() {\n loadGoogleMaps(() => this.setState({ gMapLoaded: true }));\n }\n\n render() {\n if (!this.state.gMapLoaded) return null;\n\n return (\n \n
\n );\n}\n\nCard.propTypes = {\n campaign: PropTypes.object.isRequired,\n companyConfig: PropTypes.object.isRequired,\n};\n\nexport default Card;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Card from '../Card';\nimport sytles from './styles.module.scss';\n\nfunction Container({ campaigns, companyConfig }) {\n const cards = campaigns.map(campaign => (\n \n
\n \n
\n {campaign.public_title}
\n\n
\n \n {truncate(campaign.introduction, { length: 200, separator: ' ' })}\n
\n\n \n Take Action\n \n
\n \n
\n );\n}\n\nContainer.propTypes = {\n campaigns: PropTypes.array.isRequired,\n companyConfig: PropTypes.object.isRequired,\n};\n\nexport default Container;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Container from './components/Container';\n\nfunction ActionCenter({ campaigns, companyConfig }) {\n return (\n \n
\n \n
\n
\n Action Center
\n\n
\n {cards}\n
\n Successful Subscription
\n\n\n Thank you for signing up for our daily lobbying registration and termination alerts — the earliest in town.\n
\nRegister today
\n\n\n {renderContent()}\n
\n );\n}\n\nContainer.propTypes = {\n ui: PropTypes.object.isRequired,\n errors: PropTypes.object.isRequired,\n submitLobbyAlerts: PropTypes.func.isRequired,\n};\n\nexport default reduxConnect(Container);\n","import React from 'react';\nimport { Provider } from 'react-redux';\n\nimport store from 'redux/store';\n\nimport Container from './components/Container';\n\nfunction LobbyAlerts(props) {\n return (\n {text}
);\n\n return (\n \n {isNotEmpty && (\n \n \n {employer => wrap(employer)}\n \n\n \n {occupation => wrap(occupation)}\n \n\n \n {recipient => wrap(recipient)}\n \n \n )}\n\n {isNotEmpty && (\n
\n );\n}\n\nResults.propTypes = {\n data: PropTypes.array.isRequired,\n loading: PropTypes.bool.isRequired,\n isNotEmpty: PropTypes.bool.isRequired,\n pagination: PropTypes.object.isRequired,\n fetchDonors: PropTypes.func.isRequired,\n searchData: PropTypes.object.isRequired,\n};\n\nexport default Results;\n","import * as actions from 'redux/donorLookupPortal/actions';\nimport reduxConnect from 'utils/redux-connect';\n\nexport default reduxConnect('donorLookupPortal', actions);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Form from '../Form';\nimport Results from '../Results';\n\nimport reduxConnect from '../../reduxConnect';\n\nimport styles from './styles.module.scss';\n\nfunction Container({ ui, donors, pagination, searchData, fetchDonors }) {\n const { loading, noResultsFound } = ui;\n const isNotEmpty = donors.length > 0;\n\n return (\n \n
\n\n {noResultsFound && (\n Donor lookup*
\n\n\n
\n )}\n\n We could not find any donors for your filter criteria. Please adjust and try again.
\n\n {cloneElement(children, {\n ...children.props,\n onBlur: handleBlur,\n onFocus: handleFocus,\n })}\n
\n );\n}\n\nInfoBar.propTypes = {\n maxAllowed: PropTypes.number,\n children: PropTypes.node,\n chars: PropTypes.number,\n error: PropTypes.string,\n};\n\nexport default InfoBar;\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport copyToClipboard from 'components/shared/copy-to-clipboard';\nimport { trackUsingFunctionName } from 'components/tracking/utils';\n\nimport InfoBar from './components/InfoBar';\nimport styles from './styles.module.scss';\n\nexport const constants = {\n TYPE_INPUT: 'input',\n TYPE_TEXTAREA: 'textarea',\n};\n\nexport default class CopyToClipboardInput extends React.Component {\n static propTypes = {\n type: PropTypes.oneOf([\n constants.TYPE_INPUT,\n constants.TYPE_TEXTAREA,\n ]),\n value: PropTypes.string,\n readOnly: PropTypes.bool,\n autoFocus: PropTypes.bool,\n autoSize: PropTypes.bool,\n inputClass: PropTypes.string,\n buttonClass: PropTypes.string,\n wrapperClass: PropTypes.string,\n buttonText: PropTypes.string,\n rows: PropTypes.number,\n onChange: PropTypes.func,\n trackingFunctionName: PropTypes.string,\n infoBar: PropTypes.bool,\n infoBarMax: PropTypes.number,\n infoBarError: PropTypes.string,\n InfoBarComponent: PropTypes.func,\n name: PropTypes.string,\n showCopyButton: PropTypes.bool,\n }\n\n static defaultProps = {\n type: constants.TYPE_TEXTAREA,\n showCopyButton: true,\n readOnly: false,\n autoFocus: false,\n autoSize: false,\n infoBar: false,\n buttonClass: 'btn btn-xs',\n wrapperClass: '',\n inputClass: 'form-control',\n buttonText: 'Copy to clipboard',\n rows: 3,\n }\n\n getRows() {\n const { autoSize, rows, value } = this.props;\n\n if (!autoSize) {\n return rows;\n }\n\n const lines = value.split('\\n').length;\n return Math.max(rows, lines);\n }\n\n autoSize() {\n const { autoSize, type, rows } = this.props;\n\n if (autoSize && type === constants.TYPE_TEXTAREA) {\n const lines = this.input.value.split('\\n').length;\n this.input.rows = Math.max(rows, lines);\n }\n }\n\n handleOnChange = (event) => {\n this.setState({ value: this.input.value });\n this.autoSize();\n this.props.onChange(event);\n }\n\n handleClickCopyButton = () => {\n const { trackingFunctionName } = this.props;\n\n copyToClipboard(this.input);\n trackUsingFunctionName({ trackingFunctionName });\n };\n\n content() {\n const { type, readOnly, autoFocus, inputClass, value, name } = this.props;\n\n const componentProps = {\n ref: c => (this.input = c),\n className: classNames(styles.input, inputClass),\n onChange: this.handleOnChange,\n defaultValue: value,\n name,\n readOnly,\n autoFocus,\n };\n\n if (type === constants.TYPE_INPUT) {\n return ;\n }\n if (type === constants.TYPE_TEXTAREA) {\n return ;\n }\n\n return null;\n }\n\n render() {\n const { wrapperClass, buttonClass, buttonText, infoBar, infoBarMax, infoBarError, showCopyButton, InfoBarComponent } = this.props;\n\n const value = this.input && this.input.value || this.props.value || '';\n const chars = value.length;\n\n const Wrapper = infoBar\n ? (InfoBarComponent || InfoBar)\n : Fragment;\n const wrapperProps = infoBar ? {\n maxAllowed: infoBarMax,\n error: infoBarError,\n chars,\n } : {};\n\n return (\n \n Maximum allowed characters: {maxAllowed}\n {!!error\n ? renderError()\n : renderStatus()\n }\n
\n \n \n {this.content()}\n \n {showCopyButton && (\n \n {' '}\n {buttonText}\n \n )}\n
\n );\n }\n}\n","import PropTypes from 'prop-types';\n\nexport const linkProps = {\n id: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"largeNavHeaderHeight\":\"64px\"};","import slugs from 'components/Navigation/menuData/slugs';\n\nimport * as featureSlugs from 'utils/constants/featureSlugs';\n\nexport const productSlugs = {\n [featureSlugs.STAKEHOLDER_SLUG]: slugs.stakeholderManagement,\n [featureSlugs.CONGRESSIONAL_STAFFERS_SLUG]: slugs.federalStaffers,\n [featureSlugs.FEDERAL_AGENCY_STAFFERS_SLUG]: slugs.federalStaffers,\n [featureSlugs.STATE_STAFFERS_SLUG]: slugs.state,\n [featureSlugs.FEDERAL_LEGISLATORS_SLUG]: slugs.federal,\n [featureSlugs.STATE_LEGISLATORS_SLUG]: slugs.state,\n [featureSlugs.FEDERAL_COMMITTEE_SLUG]: slugs.federal,\n [featureSlugs.STATE_COMMITTEE_SLUG]: slugs.state,\n [featureSlugs.FEDERAL_BILLS_SLUG]: slugs.federal,\n [featureSlugs.STATE_BILLS_SLUG]: slugs.state,\n [featureSlugs.FEDERAL_REGULATIONS_SLUG]: slugs.federal,\n [featureSlugs.STATE_REGULATIONS_SLUG]: slugs.stateRegulation,\n [featureSlugs.AGENCY_PRESS_RELEASES_SLUG]: slugs.federal,\n [featureSlugs.CBO_COST_ESTIMATES_SLUG]: slugs.federal,\n [featureSlugs.COMMITTEE_REPORTS_SLUG]: slugs.federal,\n [featureSlugs.CONGRESSIONAL_PRESS_RELEASES_SLUG]: slugs.federal,\n [featureSlugs.CONGRESSIONAL_RECORD_ITEMS_SLUG]: slugs.federal,\n [featureSlugs.CONTRACTS_SLUG]: slugs.federal,\n [featureSlugs.CRS_REPORTS_SLUG]: slugs.federal,\n [featureSlugs.DEAR_COLLEAGUE_LETTERS_SLUG]: slugs.federal,\n [featureSlugs.EXECUTIVE_ORDERS_SLUG]: slugs.federal,\n [featureSlugs.GAO_REPORTS_SLUG]: slugs.federal,\n [featureSlugs.GRANTS_SLUG]: slugs.federal,\n [featureSlugs.LIVE_HEARING_TRANSCRIPTS_SLUG]: slugs.federal,\n [featureSlugs.OFFICIAL_HEARING_TRANSCRIPTS_SLUG]: slugs.federal,\n [featureSlugs.SAP_REPORTS_SLUG]: slugs.federal,\n [featureSlugs.STATE_OF_UNION_ADDRESSES_SLUG]: slugs.federal,\n [featureSlugs.TREATY_DOCUMENTS_SLUG]: slugs.federal,\n [featureSlugs.THIRD_PARTY_REPORTS_SLUG]: slugs.federal,\n [featureSlugs.WHITE_HOUSE_PRESS_BRIEFINGS_SLUG]: slugs.federal,\n [featureSlugs.GOVERNOR_ORDERS_SLUG]: slugs.state,\n [featureSlugs.GOVERNOR_PRESS_RELEASES_SLUG]: slugs.state,\n [featureSlugs.TWITTER_SLUG]: slugs.socialMedia,\n [featureSlugs.STATE_EXECUTIVE_SLUG]: slugs.state,\n [featureSlugs.STATE_STAFFER_EXECUTIVE_SLUG]: slugs.state,\n [featureSlugs.FEDERAL_EXECUTIVE_SLUG]: slugs.federalStaffers,\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardContainer\":\"styles-module__cardContainer___3Fjmr\",\"somethingWentWrongContainer\":\"styles-module__somethingWentWrongContainer___1EXvN\",\"title\":\"styles-module__title___17Xu2\",\"subTitle\":\"styles-module__subTitle___39tCf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"styles-module__header___2BDXs\",\"clearAll\":\"styles-module__clearAll___1DYnF\",\"visits\":\"styles-module__visits___21fcg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles-module__container___3IEkO\",\"links\":\"styles-module__links___2gL_n\",\"link\":\"styles-module__link___33-ei\"};","import { useEffect, useState } from 'react';\n\nfunction useButtonState(props) {\n const { isPresentHearings, isPresentStaffers } = props || {};\n const [isHearing, setHearings] = useState(isPresentHearings || false);\n const [isStaffer, setStaffers] = useState(isPresentStaffers || false);\n\n function resetButtonState() {\n if (isPresentStaffers) setStaffers(true);\n if (isPresentHearings) setHearings(true);\n }\n\n useEffect(() => {\n resetButtonState();\n }, [isPresentHearings, isPresentStaffers]);\n\n return {\n isHearing,\n isStaffer,\n setStaffers,\n setHearings,\n resetButtonState,\n };\n}\n\nexport default useButtonState;\n","import { useEffect, useState } from 'react';\nimport { isEmpty, find, includes } from 'lodash';\n\nimport {\n COMMITTEE_TYPE,\n STAFFER_OFFICE_TYPE,\n STATE_COMMITTEE_TYPE,\n STATE_STAFFER_OFFICE_TYPE,\n} from 'redux/dashboardV2/constants';\nimport { NONE_ID } from 'components/core/FrequencyOptions/constants';\n\nimport useButtonState from './useButtonState';\n\nfunction getCommitteeData(listSubscriptions) {\n const hearing = find(\n listSubscriptions, ({ type, isRemoved }) => !isRemoved && includes([\n COMMITTEE_TYPE,\n STATE_COMMITTEE_TYPE,\n ], type)\n );\n const staffer = find(\n listSubscriptions, ({ type, isRemoved }) => !isRemoved && includes([\n STAFFER_OFFICE_TYPE,\n STATE_STAFFER_OFFICE_TYPE,\n ], type)\n );\n const isPresentHearings = !isEmpty(hearing);\n const isPresentStaffers = !isEmpty(staffer);\n\n return {\n hearing,\n staffer,\n isPresentHearings,\n isPresentStaffers,\n };\n}\n\nfunction useCommitteeItem({ listSubscriptions, frequency }) {\n const { hearing, staffer, isPresentHearings, isPresentStaffers } = getCommitteeData(listSubscriptions);\n\n const [stafferSubscription, setStafferSubscription] = useState({ frequency: NONE_ID });\n const [hearingSubscription, setHearingSubscription] = useState({\n frequency: NONE_ID,\n sendWeekAheadEmail: false,\n });\n\n const { resetButtonState, ...buttonState } = useButtonState({\n isPresentHearings,\n isPresentStaffers,\n });\n\n function setStafferFrequency(value) {\n return setStafferSubscription(prevProps => ({ ...prevProps, frequency: value }));\n }\n\n function setHearingsFrequency(value) {\n return setHearingSubscription(prevProps => ({ ...prevProps, frequency: value }));\n }\n\n function setWeekAhead(value) {\n return setHearingSubscription(prevProps => ({ ...prevProps, sendWeekAheadEmail: value }));\n }\n\n function resetData() {\n isPresentHearings && setHearingSubscription(hearing);\n isPresentStaffers && setStafferSubscription(staffer);\n }\n\n useEffect(() => {\n if (frequency) {\n setStafferFrequency(frequency);\n setHearingsFrequency(frequency);\n }\n }, [frequency]);\n\n useEffect(() => {\n resetData();\n }, [JSON.stringify(listSubscriptions)]);\n\n return {\n isPresentHearings,\n isPresentStaffers,\n stafferSubscription,\n hearingSubscription,\n buttonState,\n setStafferFrequency,\n setHearingsFrequency,\n setWeekAhead,\n resetButtonState,\n resetData,\n };\n}\n\nexport default useCommitteeItem;\n","import { isNil, get, omitBy, isEmpty } from 'lodash';\n\nimport { STATE_COMMITTEE_ITEM_TYPE } from 'utils/constants/itemTypes';\n\nimport useCommitteeItem from './useCommitteeItem';\n\nfunction useCommitteeTrack({\n feedToken,\n itemType,\n documentType,\n defaultSubscription,\n toggleModal,\n updateParams,\n onUpdateTrackCommittee,\n trackings,\n workspaces,\n listSubscriptions,\n}) {\n const {\n buttonState,\n hearingSubscription,\n stafferSubscription,\n resetButtonState,\n resetData,\n isPresentHearings,\n isPresentStaffers,\n setStafferFrequency,\n setHearingsFrequency,\n setWeekAhead,\n } = useCommitteeItem({\n listSubscriptions,\n frequency: defaultSubscription,\n });\n\n const workspacesCommitteeItem = useCommitteeItem({ frequency: defaultSubscription });\n const showHearings = itemType === STATE_COMMITTEE_ITEM_TYPE;\n\n function onClose() {\n toggleModal();\n resetButtonState();\n resetData();\n }\n\n function getActionData({ sendWeekAheadEmail, type, ...restProps }) {\n return omitBy({\n ...(updateParams || {}),\n ...restProps,\n withWeekAheadEmail: !!sendWeekAheadEmail,\n sendWeekAheadEmail,\n type,\n }, isNil);\n }\n\n function onSave() {\n const { isStaffer, isHearing } = buttonState || {};\n const hearingData = getActionData(hearingSubscription);\n const stafferData = getActionData(stafferSubscription);\n const workspacesData = {\n ...workspacesCommitteeItem.buttonState,\n isPresentHearings: workspacesCommitteeItem.isPresentHearings,\n isPresentStaffers: workspacesCommitteeItem.isPresentStaffers,\n hearingData: getActionData(workspacesCommitteeItem.hearingSubscription),\n stafferData: getActionData(workspacesCommitteeItem.stafferSubscription),\n };\n\n return onUpdateTrackCommittee({\n feedToken,\n documentType,\n isStaffer,\n isHearing,\n isPresentStaffers,\n isPresentHearings,\n hearingData,\n stafferData,\n trackings,\n workspaces,\n itemType,\n ...(!isEmpty(workspaces) && { workspacesData }),\n }).finally(toggleModal);\n }\n\n const getFrequency = subscription => get(subscription, 'frequency');\n const getSendWeekAheadEmail = subscription => get(subscription, 'sendWeekAheadEmail', false);\n\n const getIsDisabled = () => {\n const { isStaffer, isHearing } = buttonState;\n\n if (isEmpty(workspaces)) {\n return !(isStaffer || isHearing);\n }\n\n const isMyFeedValid = workspaces.isMyFeedChecked && (isStaffer || isHearing);\n const {\n isStaffer: isWorkspaceStaffer,\n isHearing: isWorkspaceHearing,\n } = workspacesCommitteeItem.buttonState;\n const isWorkspacesValid = workspaces.isWorkspacesChecked\n && !isEmpty(workspaces.values)\n && (isWorkspaceStaffer || isWorkspaceHearing);\n\n return !(isMyFeedValid || isWorkspacesValid);\n };\n\n return {\n ...buttonState,\n isPresentHearings,\n isPresentStaffers,\n staffer: getFrequency(stafferSubscription),\n hearings: getFrequency(hearingSubscription),\n sendWeekAheadEmail: getSendWeekAheadEmail(hearingSubscription),\n setStafferFrequency,\n setHearingsFrequency,\n setWeekAhead,\n onClose,\n onSave,\n workspacesCommitteeItem: {\n ...workspacesCommitteeItem,\n ...workspacesCommitteeItem.buttonState,\n staffer: getFrequency(workspacesCommitteeItem.stafferSubscription),\n hearings: getFrequency(workspacesCommitteeItem.hearingSubscription),\n sendWeekAheadEmail: getSendWeekAheadEmail(workspacesCommitteeItem.hearingSubscription),\n },\n isDisabled: getIsDisabled(),\n showHearings,\n };\n}\n\nexport default useCommitteeTrack;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport TrackFrequencyContent from 'components/Dashboard/common/TrackFrequencyContent';\nimport { NONE_ID } from 'components/core/FrequencyOptions/constants';\nimport FrequencyCard from 'components/Dashboard/common/FrequencyCard';\n\nimport styles from './styles.module.scss';\n\nfunction SubscribeOption({\n isMobile,\n isChecked,\n withTitle,\n label,\n value,\n isLoading,\n withWeekAheadEmail,\n sendWeekAheadEmail,\n onChange,\n onCheck,\n onCheckCard,\n withFrequency,\n}) {\n function handleCheck({ target: { checked } }) {\n onCheck(checked);\n }\n\n function handleCheckCard({ target: { checked } }) {\n onCheckCard(checked);\n }\n\n const hasFrequencyContent = withWeekAheadEmail || withFrequency;\n\n return (\n {FREQUENCY_TITLE}
\n\n
\n );\n}\n\nTrackFrequency.propTypes = {\n isMobile: PropTypes.bool,\n isLoading: PropTypes.bool,\n selectedOption: PropTypes.string,\n className: PropTypes.string,\n buttonClassName: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default TrackFrequency;\n","import * as yup from 'yup';\nimport { head, toLower, map } from 'lodash';\n\nexport const MAX_TITLE_LENGTH = 50;\n\nexport const errorMessages = {\n required: 'Please type a name.',\n duplicate: 'This name is in use by another workspace. Please type a new name.',\n maxLength: `Workspace title must have a maximum length of ${MAX_TITLE_LENGTH} characters.`,\n};\n\nconst validateUniqueness = names => value => !map(names, toLower).includes(toLower(value));\n\nconst getNameSchema = workspacesNames => yup.string()\n .required(errorMessages.required)\n .max(MAX_TITLE_LENGTH, errorMessages.maxLength)\n .test('is-unique', errorMessages.duplicate, validateUniqueness([...workspacesNames, 'My feed']));\n\nconst validateName = (value, workspacesNames = []) => getNameSchema(workspacesNames).validate(value)\n .then(() => [true, null])\n .catch((error) => {\n const errors = error.errors || [];\n const errorMessage = head(errors);\n\n return [false, errorMessage];\n });\n\nexport default validateName;\n","export const WORKSPACE_SUGGESTER_STRATEGY = 'feed_name';\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CONTINUOUS_ID, DAILY_ID, NONE_ID, WEEKLY_ID } from 'components/core/FrequencyOptions/constants';\nimport { frequencyType } from 'components/core/FrequencyOptions/shapes';\n\nfunction FrequencyPlaceholder({ notificationFrequency, className }) {\n const frequencyPlaceholder = {\n [CONTINUOUS_ID]: <>Updates will be sent via email every few minutes.,\n [DAILY_ID]: <>Updates will be combined into one email, sent daily at 7:00 am ET.,\n [WEEKLY_ID]: <>Updates will be combined into one email, sent weekly at 6:00 am ET every Friday.,\n [NONE_ID]: 'Updates will not be included in any email.',\n };\n\n return (\n \n {frequencyPlaceholder[notificationFrequency] || 'Select an email frequency for your subscription(s).'}\n
\n );\n}\n\nFrequencyPlaceholder.propTypes = {\n notificationFrequency: frequencyType,\n className: PropTypes.string,\n};\n\nexport default FrequencyPlaceholder;\n","import { useState, useEffect } from 'react';\nimport { get, trim, isEmpty, map, identity } from 'lodash';\n\nimport * as workspacesApi from 'redux/dashboardV2/common/workspaces/api';\nimport { NONE_ID } from 'components/core/FrequencyOptions/constants';\nimport isUnprocessableEntityError from 'utils/http/isUnprocessableEntityError';\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\nimport useLoader from 'utils/useLoader';\n\nimport validateName from './utils/nameValidation';\n\nfunction useNewWorkspaceModal({ toggleModal, feed, onSuccess = identity, initialName = '' }) {\n const [name, setName] = useState(initialName);\n const [frequency, setFrequency] = useState(NONE_ID);\n const [subscribe, setSubscribe] = useState(true);\n const [errorMessage, setErrorMessage] = useState('');\n const { isLoading, startLoading, stopLoading } = useLoader();\n const { isMobile } = useMediaQuery();\n const trimmedName = trim(name);\n\n const isValid = () => !isEmpty(trimmedName);\n\n const handleNameChange = (event) => {\n setName(get(event, 'target.value'));\n };\n\n const handleFrequencyChange = (value) => {\n setFrequency(value);\n };\n\n const handleSubscribeChange = (event) => {\n setSubscribe(get(event, 'target.checked'));\n };\n\n const reset = () => {\n setName('');\n setFrequency(NONE_ID);\n setErrorMessage('');\n setSubscribe(true);\n };\n\n const handleClose = () => {\n reset();\n toggleModal();\n };\n\n const handleSubmit = async () => {\n const workspacesNames = map(feed, 'name');\n const [isNameValid, validationError] = await validateName(trimmedName, workspacesNames);\n\n if (!isNameValid) {\n return setErrorMessage(validationError);\n }\n\n startLoading();\n setErrorMessage('');\n\n const onFailure = (error = {}) => {\n if (isUnprocessableEntityError(error)) {\n return setErrorMessage(error.text);\n }\n\n throw error;\n };\n\n return workspacesApi.createWorkspace({ ...(subscribe && { frequency }), name: trimmedName })\n .then(onSuccess)\n .then(handleClose)\n .catch(onFailure)\n .finally(stopLoading);\n };\n\n useEffect(() => setName(initialName), [initialName]);\n\n return {\n name,\n frequency,\n subscribe,\n handleNameChange,\n handleFrequencyChange,\n handleSubscribeChange,\n handleClose,\n errorMessage,\n handleSubmit,\n isLoading,\n isMobile,\n isValid,\n };\n}\n\nexport default useNewWorkspaceModal;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ConfirmationModal } from 'components/core/Modal';\nimport Input from 'components/core/Input';\nimport Label from 'components/core/Label';\nimport Loader from 'components/core/Loader';\nimport FrequencyOptions from 'components/core/FrequencyOptions';\nimport { ALL_FREQUENCIES } from 'components/core/FrequencyOptions/constants';\nimport { TextInputPlaceholder } from 'components/core/Placeholder';\nimport Asterisk from 'components/core/Asterisk';\nimport FrequencyCard from 'components/Dashboard/common/FrequencyCard';\n\nimport { workspaceShape } from '../../utils/shapes';\nimport useNewWorkspaceModal from './useNewWorkspaceModal';\nimport styles from './styles.module.scss';\n\nfunction NewWorkspaceModal({ isOpen, toggleModal, onSuccess, feed, initialName }) {\n const {\n name,\n frequency,\n subscribe,\n handleNameChange,\n handleFrequencyChange,\n handleSubscribeChange,\n handleClose,\n errorMessage,\n handleSubmit,\n isLoading,\n isMobile,\n isValid,\n } = useNewWorkspaceModal({ toggleModal, onSuccess, feed, initialName });\n\n const NAME_ID = 'workspace-name';\n\n const loaderNode =Email frequency
\n\n\n {this.label()}\n\n
\n );\n }\n}\n","export const BASE_URL = '/moneyball_v2';\n\nexport const REQUEST_CONTENT_TYPE = 'application/json';\n\nexport const DISBURSEMENTS = 'disbursements';\nexport const CANDIDATES = 'candidates';\nexport const RECEIPTS = 'receipts';\n\nexport const COMMITTEE = 'committee';\nexport const INDIVIDUAL = 'individual';\nexport const CORPORATION = 'corporation';\nexport const VENDOR = 'vendor';\nexport const BOTH = 'both';\nexport const ALL = 'all';\nexport const RECEIVED = 'received';\nexport const DISBURSED = 'disbursed';\n\nexport const REPUBLICAN = 'republican';\nexport const DEMOCRATIC = 'democrat';\n\nexport const TOTAL = 'total';\n\nexport const STATE = 'state';\nexport const LOCAL = 'local';\nexport const FEC = 'fec';\nexport const IRS = 'irs';\n\nexport const PRIMARY = 'primary';\nexport const GENERAL = 'general';\nexport const SPECIAL = 'special';\n\nexport const HOUSE = 'house';\nexport const SENATE = 'senate';\nexport const STATE_UPPER = 'state_upper';\nexport const STATE_LOWER = 'state_lower';\nexport const PRESIDENT = 'president';\nexport const GOVERNOR = 'governor';\nexport const OTHER = 'other';\nexport const CAMPAIGN_COMMITTEE = 'campaign_committee';\nexport const PARTY_COMMITTEE = 'party_committee';\nexport const PACS = 'pacs';\nexport const NOT_PACS = 'not_pacs';\nexport const CANDIDATE = 'candidate';\n\nexport const MONEYBALL_COMBINE_INDIVIDUALS_VIEW_URL = `${BASE_URL}/individuals/combine`;\nexport const MONEYBALL_COMBINE_CORPORATION_VIEW_URL = `${BASE_URL}/corporations/combine`;\nexport const MONEYBALL_CLUSTERBUCK_COMBINE_FIRST_QUEUE_URL = `${BASE_URL}/clusterbuck/firstqueue/combine`;\nexport const MONEYBALL_CLUSTERBUCK_COMBINE_SECOND_QUEUE_URL = `${BASE_URL}/clusterbuck/secondqueue/combine`;\n\nconst titlePrefix = 'Intelligence - Donor research';\n\nexport const MONEYBALL_TITLES = {\n homepage: titlePrefix,\n vendors: `${titlePrefix} - Vendors`,\n receipts: `${titlePrefix} - Receipts`,\n candidates: `${titlePrefix} - Candidates`,\n committees: `${titlePrefix} - Committees`,\n pacRanking: `${titlePrefix} - PAC ranking`,\n individuals: `${titlePrefix} - Individuals`,\n smartSearch: `${titlePrefix} - Smart Search`,\n corporations: `${titlePrefix} - Corporations`,\n disbursements: `${titlePrefix} - Disbursements`,\n clusterBuck: `${titlePrefix} - Cluster Buck`,\n};\n","import { isMyFeed } from 'components/Dashboard/utils';\nimport { BASE_URL } from 'components/Dashboard/utils/constants';\n\nconst baseWorkspacesUrl = `${BASE_URL}/workspaces`;\n\nexport const getViewUrl = feedToken => (\n isMyFeed(feedToken)\n ? `${BASE_URL}/feed`\n : `${baseWorkspacesUrl}/${feedToken}`\n);\n\nexport const getEditUrl = feedToken => (\n isMyFeed(feedToken)\n ? `${BASE_URL}/my_subscriptions`\n : `${baseWorkspacesUrl}/${feedToken}/settings`\n);\n","import { isNil, isEmpty, flatten } from 'lodash';\n\nimport { EMPTY_VALUE } from 'utils/constants';\n\nexport function currencyFormat(number, fractionDigits = 2) {\n if (!number) {\n return EMPTY_VALUE;\n }\n\n const parsedFloat = parseFloat(number);\n const numberToFormat = !isNaN(parsedFloat) ? parsedFloat : 0;\n\n const formated = numberToFormat.toLocaleString('en-US', {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: fractionDigits,\n maximumFractionDigits: fractionDigits,\n });\n\n return formated;\n}\n\nexport function formatCheckboxValues(fieldName, newFieldValue, prevProps) {\n const { [fieldName]: prevState } = prevProps || {};\n\n const isChecked = prevState && prevState.find(item => item === newFieldValue);\n const filteredPrevState = (prevState && prevState.filter(item => item !== newFieldValue)) || [];\n\n return {\n [fieldName]: !Array.isArray(newFieldValue) ? [\n ...filteredPrevState,\n ...(isChecked ? [] : [newFieldValue]),\n ] : newFieldValue,\n };\n}\n\nexport function formatTypeFilterValues(fieldName, newFieldValue, prevProps) {\n const { [fieldName]: prevState } = prevProps || {};\n\n const isChecked = prevState && prevState.find(item => item.value === newFieldValue);\n const filteredPrevState = (prevState && prevState.filter(item => item.value !== newFieldValue)) || [];\n\n return {\n [fieldName]: [\n ...filteredPrevState,\n ...(isChecked ? [] : [{ value: newFieldValue }]),\n ].filter(item => item.value),\n };\n}\n\nexport function formatTypeFilterItems(fieldName, itemName, newFieldChecked, prevProps) {\n const { [fieldName]: prevState } = prevProps || {};\n\n return {\n [fieldName]: [\n ...prevState.map(({ value, ...props }) => ({\n value,\n ...props,\n ...(value === itemName && { checked: newFieldChecked }),\n })),\n ],\n };\n}\n\nexport function getValue(value) {\n if (isNil(value) || isEmpty(value)) return EMPTY_VALUE;\n\n return value;\n}\n\nexport function getCurrentUserName() {\n const { first_name, last_name } = gon.currentUser || {};\n return [first_name, last_name].filter(Boolean).join(' ');\n}\n\nexport function getSelectedClusters(selectedItems) {\n return selectedItems.filter(({ items }) => items);\n}\n\nexport function getSelectedRecords(selectedItems) {\n return flatten(selectedItems.map(({ items, restItem }) => items || restItem));\n}\n\nexport function getWithClusterActionBarDescription(selectedItems = []) {\n const clusters = getSelectedClusters(selectedItems).length;\n const records = getSelectedRecords(selectedItems).length;\n\n return {\n default: `${clusters} cluster(s) with ${records} record(s) selected`,\n mobile: `${clusters} cluster(s) with ${records} record(s) selected`,\n desktop: `${clusters} cluster(s) with ${records} record(s) selected`,\n };\n}\n\nexport const hasMoneyballV2Subscription = gon.isMoneyballEnabled || false;\n\nexport const hasMoneyballClusterbuck = gon && gon.currentUser && gon.currentUser.permitMoneyballClusterbuck || false;\n\nexport const hasStakeholderMgmtSubscription = gon.isStakeholderMgmtEnabled || false;\n","const titles = {\n keyDetails: {\n title: 'Key details',\n emptyDescription: 'Status and details were not found for this bill.',\n id: 'keyDetailsSection',\n },\n lastActions: {\n title: 'Last action',\n id: 'lastActionSection',\n },\n committeesAssignments: {\n title: 'Committee assignments',\n emptyDescription: 'This bill is not assigned to any committee.',\n id: 'committeesAssignmentsSection',\n },\n cosponsors: {\n title: 'Sponsors & cosponsors',\n emptyDescription: 'Sponsors & cosponsors not available.',\n id: 'cosponsorsSection',\n },\n officialReports: {\n title: 'Official reports',\n emptyDescription: 'No official reports were found for this bill.',\n id: 'officialReportsSection',\n },\n billComparison: {\n title: 'Line-by-line bill comparison',\n id: 'billComparisonSection',\n },\n timeline: {\n title: 'Timeline',\n id: 'timelineSection',\n },\n rollCallVotes: {\n title: 'Roll call votes',\n emptyDescription: 'No roll call votes were found for this bill.',\n id: 'rollCallVotesSection',\n },\n amendments: {\n title: 'Amendments',\n emptyDescription: 'No amendments were found for this bill.',\n id: 'amendmentsSection',\n },\n activeVoices: {\n title: 'Active voices',\n questionText: 'Legislators who sponsored or cosponsored bills that are most similar in subject to this bill.',\n emptyDescription: 'No active voices were found for this bill.',\n id: 'activeVoicesSection',\n },\n lobbyingInformation: {\n title: 'Lobbying information',\n questionText: 'Groups lobbying on this bill',\n emptyDescription: 'No lobbying information was found for this bill.',\n id: 'lobbyingInformationSection',\n },\n publicRecords: {\n emptyDescription: 'No items in the public record were found for this bill.',\n },\n};\n\nexport default titles;\n","import { LOCATION_TYPES } from 'utils/constants/locationTypes';\n\nexport const STRATEGIES = {\n none: 'none',\n smartLists: 'smart_lists',\n lists: 'stakeholder_mgmt_list',\n congressionalDistricts: 'mappy_congressional_district',\n stateUpperDistricts: 'state_legislation_upper_district',\n stateLowerDistricts: 'state_legislation_lower_district',\n [LOCATION_TYPES.countries]: 'address_country',\n [LOCATION_TYPES.states]: 'address_state',\n [LOCATION_TYPES.cities]: 'address_city',\n [LOCATION_TYPES.zipCodes]: 'address_zip_code',\n};\n\nexport const TYPES = {\n none: 'none',\n congressional: 'congressionalDistricts',\n upper: 'stateUpperDistricts',\n lower: 'stateLowerDistricts',\n};\n\nexport const getDistrictFilters = isMobile => [\n {\n label: 'All',\n strategy: STRATEGIES.none,\n type: TYPES.none,\n },\n {\n label: isMobile ? 'Cong.' : 'Congressional',\n strategy: STRATEGIES.congressionalDistricts,\n type: TYPES.congressional,\n },\n {\n label: isMobile ? 'Upper' : 'State Upper',\n strategy: STRATEGIES.stateUpperDistricts,\n type: TYPES.upper,\n },\n {\n label: isMobile ? 'Lower' : 'State Lower',\n strategy: STRATEGIES.stateLowerDistricts,\n type: TYPES.lower,\n },\n];\n\nexport const getLocationFilters = () => [\n {\n label: 'All',\n strategy: STRATEGIES.none,\n type: LOCATION_TYPES.none,\n },\n {\n label: 'Country',\n strategy: STRATEGIES.countries,\n type: LOCATION_TYPES.countries,\n },\n {\n label: 'State',\n strategy: STRATEGIES.states,\n type: LOCATION_TYPES.states,\n },\n {\n label: 'City',\n strategy: STRATEGIES.cities,\n type: LOCATION_TYPES.cities,\n },\n {\n label: 'ZIP',\n strategy: STRATEGIES.zipCodes,\n type: LOCATION_TYPES.zipCodes,\n },\n];\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tooltipZIndex\":\"10000\",\"shareTooltipZIndex\":\"1000\",\"priorityTooltipZIndex\":\"1000\",\"positionTooltipZIndex\":\"1000\",\"cardGroupTooltipZIndex\":\"1000\"};","import { isNumber, isString } from 'lodash';\n\nimport { FEDERAL_COMMITTEES_TYPE, STATE_COMMITTEES_TYPE } from 'redux/dashboardV2/constants';\nimport { EMPTY_VALUE } from 'utils/constants';\n\nimport { DOCUMENT_TYPES, RECENT, TRACKED } from './constants';\n\nexport function formatString(data) {\n return (isNumber(data) || isString(data)) ? data : EMPTY_VALUE;\n}\n\nexport function getSubscribableType({ documentType, itemType }) {\n const { [documentType]: committeeItemType } = {\n [DOCUMENT_TYPES.FEDERAL_COMMITTEE]: FEDERAL_COMMITTEES_TYPE,\n [DOCUMENT_TYPES.STATE_COMMITTEE]: STATE_COMMITTEES_TYPE,\n };\n\n return committeeItemType || itemType;\n}\n\nexport function getEventType(queryEventType, eventType) {\n if (queryEventType) {\n return queryEventType === RECENT ? RECENT : TRACKED;\n }\n\n return eventType;\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputWrapper\":\"styles-module__inputWrapper___365o0\",\"input\":\"styles-module__input___2tBec\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"result\":\"styles-module__result___2vSPq\",\"label\":\"styles-module__label___18M9k\"};","export const mapboxStyle = 'mapbox://styles/hpetru/cliu4b1wi001n01o8ef8w77lt';\n\nexport const mapboxLayers = [\n 'districts-118-1-12',\n 'districts_1_label', 'districts_2_label', 'districts_3_label',\n 'districts_4_label', 'districts_5_label',\n 'districts_boundary_line',\n 'districts_1_boundary', 'districts_2_boundary', 'districts_3_boundary',\n 'districts_4_boundary', 'districts_5_boundary',\n 'districts_1', 'districts_2', 'districts_3',\n 'districts_4', 'districts_5',\n];\n\nexport const mapboxUrl = 'mapbox://hpetru.40cqttzv';\n\nexport default {\n CONGRESSIONAL_DISTRICTS: 'cd',\n STATE_LEGISLATION_UPPER: 'sldu',\n STATE_LEGISLATION_LOWER: 'sldl',\n US_CENTER: [-87.65, 41.85], // US center position [lng, lat]\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SomethingWentWrong from 'components/Errors/SomethingWentWrong';\n\nimport styles from './styles.module.scss';\n\nexport default function Placeholder({ className, isRecentVisitsError }) {\n if (isRecentVisitsError) {\n return \n
\n \n Search for nearly anything found in the app!
\n Enter a term then click on a result to go directly to that item's page.\n
\n
\n );\n};\n\nexport default ErrorTemplate;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardContainer\":\"styles-module__cardContainer___1evbi\",\"placeholder\":\"styles-module__placeholder___1CU_x\",\"label\":\"styles-module__label___BlODa\",\"labelAdditional\":\"styles-module__labelAdditional___2tDdw\",\"content\":\"styles-module__content___oQg5A\",\"list\":\"styles-module__list___3SCVL\",\"listItem\":\"styles-module__listItem___3IB_v\",\"paginator\":\"styles-module__paginator___1nciw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"box\":\"styles-module__box___2hch5\",\"header\":\"styles-module__header___1bPUQ\",\"description\":\"styles-module__description___2nE-L\",\"badge\":\"styles-module__badge___iUk-S\",\"icon\":\"styles-module__icon___3ErgW\",\"helperText\":\"styles-module__helperText___1n0ht\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"warning\":\"styles-module__warning___2hY_p\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"warning\":\"styles-module__warning___2DLSn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"warning\":\"styles-module__warning___ewm8U\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles-module__container___2S1Nr\"};","import * as featureSlugs from 'utils/constants/featureSlugs';\n\nconst subscriptionRecordTypes = {\n [featureSlugs.FEDERAL_BILLS_SLUG]: 'federal_bill',\n [featureSlugs.STATE_BILLS_SLUG]: 'state_bill',\n [featureSlugs.FEDERAL_REGULATIONS_SLUG]: 'federal_register_regulation',\n [featureSlugs.STATE_REGULATIONS_SLUG]: 'state_regulation',\n};\n\nexport default subscriptionRecordTypes;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"nameWeight\":\"styles-module__nameWeight___G2TyI\",\"name\":\"styles-module__name___23kRR\",\"avatarImg\":\"styles-module__avatarImg___GIQm_\",\"content\":\"styles-module__content___30nXb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"form\":\"styles-module__form___4c2nl\",\"row\":\"styles-module__row___3XwO7\",\"footer\":\"styles-module__footer___1LtGZ\",\"field\":\"styles-module__field___2NWgn\",\"button\":\"styles-module__button___2f0--\",\"buttonDisabled\":\"styles-module__buttonDisabled___3i2b3\",\"buttonText\":\"styles-module__buttonText___1k4Jf\",\"loader\":\"styles-module__loader___3qjFe\",\"icon\":\"styles-module__icon___3Ic15\"};","import React from 'react';\n\nexport const StakeholderLookupContext = React.createContext();\n\nfunction withLookup(Component) {\n return function DirectoryComponent(props) {\n return (\n \n
\n \n {text}\n
\n \n {subText}\n
\n You haven’t created/enabled any custom fields yet. When you do, they will be shown here.
\n\n {renderComplementaryFieldButton()}\n \n Add another {name}\n \n {renderRemoveButton()}\n
\n );\n}\n\nAddRemoveButtons.propTypes = {\n name: PropTypes.string.isRequired,\n onAdd: PropTypes.func.isRequired,\n onRemove: PropTypes.func.isRequired,\n isLoading: PropTypes.bool,\n isAddMoreDisabled: PropTypes.bool,\n showRemove: PropTypes.bool.isRequired,\n complementaryFieldProps: PropTypes.object,\n};\n\nexport default AddRemoveButtons;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport Input, { InputSelect } from 'components/core/Input';\nimport MaskedInput from 'components/core/MaskedInput';\nimport Label from 'components/core/Label';\nimport ErrorMessage from 'components/core/ErrorMessage';\nimport RadioBox from 'components/core/RadioBox';\nimport Asterisk from 'components/core/Asterisk';\nimport { TextInputPlaceholder } from 'components/core/Placeholder';\nimport { getError } from 'utils/forms';\n\nimport AddRemoveButtons from './components/AddRemoveButtons';\nimport styles from './styles.module.scss';\n\nfunction BaseField({\n id,\n name,\n placeholder,\n title,\n className,\n formState,\n isRequired,\n typeValue,\n typeOptions,\n typeName,\n renderCustomInputNode,\n prefix,\n prefixClassName,\n maskSlug,\n setFieldValue,\n multiple,\n index,\n fieldName,\n optionalFieldName,\n errorMessage,\n onRemoveField,\n onAddField,\n isLoading,\n hasMultipleValues,\n primaryValue,\n primaryName,\n onChangePrimary,\n isAddMoreDisabled,\n complementaryFieldName,\n clearComplementaryField,\n ...restProps\n}) {\n const [complementaryFieldState, setComplementaryFieldState] = useState({\n isVisible: false,\n initialLoad: true,\n });\n const { isVisible } = complementaryFieldState;\n\n const withTypes = !isEmpty(typeOptions);\n const errorText = !isEmpty(errorMessage)\n ? errorMessage\n : getError(name || id, formState);\n\n const isError = !isEmpty(errorText);\n\n const prefixClassNames = classNames(\n styles.prefix,\n errorMessage && styles.invalid,\n prefixClassName,\n );\n\n const inputProps = {\n ...restProps,\n index,\n id,\n name,\n placeholder: ' ',\n isError,\n };\n\n function toggleComplementaryFieldVisibilty() {\n setComplementaryFieldState(prev => ({\n isVisible: !prev.isVisible,\n initialLoad: false,\n }));\n clearComplementaryField(index);\n }\n\n function showComplementaryField() {\n setComplementaryFieldState(prev => ({\n ...prev,\n isVisible: true,\n }));\n }\n\n const addRemoveButtonsProps = {\n name: optionalFieldName || fieldName,\n onAdd: onAddField,\n onRemove: () => onRemoveField(index),\n isLoading,\n isAddMoreDisabled,\n showRemove: hasMultipleValues,\n complementaryFieldProps: {\n isVisible,\n name: complementaryFieldName,\n onToggle: toggleComplementaryFieldVisibilty,\n },\n };\n\n const primaryButtonProps = {\n ...restProps,\n label: index === 0 ? 'Primary' : '',\n name: primaryName,\n theme: 'button',\n checked: primaryValue,\n onChange: onChangePrimary,\n className: styles.primaryButton,\n };\n\n const primaryButton = \n {title && (\n \n )}\n \n {placeholder}\n \n\n
\n );\n}\n\nBaseField.defaultProps = {\n isRequired: false,\n value: '',\n title: '',\n optionalFieldName: '',\n typeValue: {},\n};\n\nBaseField.propTypes = {\n formState: PropTypes.object.isRequired,\n id: PropTypes.string.isRequired,\n name: PropTypes.string,\n placeholder: PropTypes.string,\n title: PropTypes.string,\n className: PropTypes.string,\n inputClassName: PropTypes.string,\n isRequired: PropTypes.bool,\n typeValue: PropTypes.object,\n typeOptions: PropTypes.array,\n onChangeType: PropTypes.func,\n setFieldValue: PropTypes.func,\n typeName: PropTypes.string,\n renderCustomInputNode: PropTypes.func,\n prefix: PropTypes.string,\n prefixClassName: PropTypes.string,\n maskSlug: PropTypes.string,\n value: PropTypes.string,\n multiple: PropTypes.bool,\n index: PropTypes.number,\n fieldName: PropTypes.string,\n optionalFieldName: PropTypes.string,\n errorMessage: PropTypes.string,\n onRemoveField: PropTypes.func,\n onAddField: PropTypes.func,\n isLoading: PropTypes.bool,\n isAddMoreDisabled: PropTypes.bool,\n hasMultipleValues: PropTypes.bool,\n primaryValue: PropTypes.bool,\n primaryName: PropTypes.string,\n onChangePrimary: PropTypes.func,\n complementaryFieldName: PropTypes.string,\n clearComplementaryField: PropTypes.func,\n};\n\nexport default BaseField;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport TagInput from 'components/core/TagInput';\nimport Label from 'components/core/Label';\nimport { TextInputPlaceholder } from 'components/core/Placeholder';\n\nimport styles from './styles.module.scss';\n\nfunction TagInputField({ placeholder, title, className, ...restProps }) {\n return (\n \n
\n\n {multiple && \n {prefix && (\n \n {prefix}\n \n )}\n\n {getInput()}\n\n {withTypes && (\n
\n\n {multiple && hasMultipleValues && primaryButton}\n \n \n \n {placeholder}\n \n\n
\n );\n}\n\n\nTagInputField.propTypes = {\n placeholder: PropTypes.string,\n title: PropTypes.string.isRequired,\n className: PropTypes.string,\n};\n\nexport default TagInputField;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport ButtonGroup from 'components/core/ButtonGroup';\nimport Label from 'components/core/Label';\nimport Button from 'components/core/Button';\nimport { TextInputPlaceholder } from 'components/core/Placeholder';\n\nimport styles from './styles.module.scss';\n\nfunction ButtonGroupField({ id, title, placeholder, value, setFieldValue, data }) {\n function handleButtonClick(dataValue) {\n return () => {\n setFieldValue(id, dataValue);\n };\n }\n\n return (\n \n \n \n {placeholder}\n \n \n {\n data.map(({ label, value: dataValue }, index) => (\n \n {label}\n \n ))\n }\n \n
\n );\n}\n\nButtonGroupField.propTypes = {\n id: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n placeholder: PropTypes.string.isRequired,\n data: PropTypes.array.isRequired,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]).isRequired,\n setFieldValue: PropTypes.func.isRequired,\n};\n\nexport default ButtonGroupField;\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { PARTIES } from 'utils/constants';\nimport { TAG_STRATEGY_SLUG } from 'components/Stakeholder/utils/constants';\n\nimport withForm from '../../../utils/withForm';\nimport styles from '../styles.module.scss';\nimport BaseField from './Fields/BaseField';\nimport TagInputField from './Fields/TagInputField';\nimport ButtonGroupField from './Fields/ButtonGroupField';\n\nfunction AdditionalDetails({ values, formState, handleBlur, handleChange, setFieldValue }) {\n const commonProps = {\n onChange: handleChange,\n onBlur: handleBlur,\n className: styles.formControl,\n formState,\n };\n\n function getDefaultValues(listValues) {\n return listValues.map(({ value }) => value);\n }\n\n function handleChangeLists(lists) {\n return setFieldValue('lists', lists);\n }\n\n function handleChangeTags(tags) {\n return setFieldValue('tags', tags);\n }\n\n return (\n }\n
}\n
You're about to exit the stakeholder edit window. Are you sure you want to exit?
;\n\n const onSubmit = () => {\n handleSubmit();\n if (!isEmpty(errors)) {\n requiredCustomFields.forEach(customField => setFieldTouched(customField.token));\n }\n };\n\n return (\n\n \n
\n );\n}\n\nForm.propTypes = {\n values: profileShape.isRequired,\n errors: errorsShape.isRequired,\n touched: formStatusShape.isRequired,\n handleChange: PropTypes.func.isRequired,\n handleBlur: PropTypes.func.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n setFieldValue: PropTypes.func.isRequired,\n setFieldTouched: PropTypes.func.isRequired,\n submitCount: PropTypes.number.isRequired,\n isValid: PropTypes.bool.isRequired,\n allCustomFields: allCustomFieldsShape.isRequired,\n isOpen: PropTypes.bool.isRequired,\n toggleOpen: PropTypes.func.isRequired,\n resetForm: PropTypes.func.isRequired,\n currentStep: PropTypes.number,\n isLoading: PropTypes.bool,\n onRedirect: PropTypes.func,\n onChangeCurrentStep: PropTypes.func,\n submitForm: PropTypes.func,\n isSubmitting: PropTypes.bool,\n isLoadingCustomFields: PropTypes.bool.isRequired,\n};\n\nexport default withForm(Form);\n","import { useRef, useEffect } from 'react';\n\nexport default function useErrorStepRedirect({ submitCount, errors, isValid, onRedirect, steps }) {\n const submitCountRef = useRef(submitCount);\n const firstErrorKey = Object.keys(errors)[0];\n\n useEffect(() => {\n if (submitCountRef.current !== submitCount && !isValid && firstErrorKey) {\n submitCountRef.current = submitCount;\n const filteredErrorStep = steps.filter(step => step.errorFields.includes(firstErrorKey))[0] || {};\n const modalStep = filteredErrorStep.index || 0;\n\n onRedirect(modalStep);\n }\n }, [submitCount, isValid, firstErrorKey]);\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Formik } from 'formik';\n\nimport {\n allCustomFieldsShape,\n profileShape,\n customFieldsAnswersShape,\n} from 'components/Advocates/common/utils/shapes';\n\nimport useForm from '../../utils/useForm';\nimport withForm from '../../utils/withForm';\nimport Form from '../Form';\n\nfunction Container({\n isOpen,\n toggleOpen,\n customField,\n allCustomFields,\n fetchCustomFields,\n createStakeholder,\n updateStakeholder,\n currentStep,\n handleChangeCurrentStep,\n stakeholder,\n isProfilePageUpdate,\n avoidDispatchFetch,\n onSuccess,\n ...restProps\n}) {\n const {\n initialValues,\n schema,\n onSubmit,\n ...formProps\n } = useForm({\n isOpen,\n stakeholder,\n toggleOpen,\n customField,\n allCustomFields,\n createStakeholder,\n updateStakeholder,\n fetchCustomFields,\n currentStep,\n handleChangeCurrentStep,\n isProfilePageUpdate,\n avoidDispatchFetch,\n onSuccess,\n });\n\n return (\n ');\n\n const linkifyOptions = {\n attributes: {\n rel: 'noopener noreferrer',\n },\n className,\n target: {\n url: '_blank',\n },\n };\n\n return (\n
\n {title}\n
\n )}\n\n {children}\n
\n )}\n