\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 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.shape({\n name: PropTypes.string,\n onToggle: PropTypes.func,\n isVisible: PropTypes.bool,\n }),\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';\nimport { formStatusShape, errorsShape } from 'components/Advocates/common/utils/shapes';\nimport { suggestionShape } from 'utils/shapes/suggestion';\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.shape({\n errors: errorsShape,\n touched: formStatusShape,\n }).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: suggestionShape,\n typeOptions: PropTypes.arrayOf(suggestionShape),\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\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';\nimport { suggestionShape } from 'utils/shapes/suggestion';\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 }) => (\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.arrayOf(suggestionShape).isRequired,\n value: PropTypes.string,\n setFieldValue: PropTypes.func.isRequired,\n};\n\nexport default ButtonGroupField;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { PARTIES } from 'utils/constants';\nimport { TAG_STRATEGY_SLUG } from 'components/Advocates/utils/constants';\nimport {\n formStatusShape,\n profileShape,\n errorsShape,\n} from 'components/Advocates/common/utils/shapes';\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 \n );\n}\n\nAddressField.propTypes = {\n values: profileShape.isRequired,\n formState: PropTypes.shape({\n errors: errorsShape,\n touched: formStatusShape,\n }).isRequired,\n className: PropTypes.string,\n setFieldValue: PropTypes.func,\n setFieldTouched: PropTypes.func,\n};\n\nexport default AddressField;\n","import React, { Fragment } from 'react';\n\nimport {\n defaultNewEmailValue,\n emailPlaceholder,\n} from 'components/Advocates/common/Modals/StakeholderForm/utils';\nimport { typeOptions } from 'utils/constants';\nimport { profileShape } from 'components/Advocates/common/utils/shapes';\n\nimport MultipleField from './MultipleField';\n\nconst { personalTypeOptions } = typeOptions;\n\nfunction EmailField({ values, ...restProps }) {\n const options = values.emails;\n\n return (\n <>\n
}\n \n );\n}\n\nEmailField.propTypes = {\n values: profileShape.isRequired,\n};\n\nexport default EmailField;\n","import React from 'react';\n\nimport { typeOptions } from 'utils/constants';\nimport { defaultNewPhoneValue, phonePlaceholder } from 'components/Advocates/common/Modals/StakeholderForm/utils';\nimport { profileShape } from 'components/Advocates/common/utils/shapes';\n\nimport MultipleField from './MultipleField';\n\nconst { personalTypeOptions } = typeOptions;\n\nfunction PhoneField({ values, ...restProps }) {\n const options = values.phones;\n\n return (\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 {this.renderLabel()}\n {croppedImage && this.renderFileName(selectedFile)}\n {files.length && this.renderFileList(files)}\n
\n Crop your photo using the dotted box below
\n\n
\n );\n}\n\nModalContent.propTypes = {\n crop: PropTypes.object,\n imageSource: PropTypes.string,\n onChange: PropTypes.func,\n onComplete: PropTypes.func,\n renderPreview: PropTypes.func,\n onImageLoaded: PropTypes.func,\n croppedImageUrl: PropTypes.string,\n};\n\nexport default ModalContent;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nfunction ModalFooter({ handleClose, handleSubmit }) {\n return (\n \n );\n}\n\nModalFooter.propTypes = {\n handleClose: PropTypes.func,\n handleSubmit: PropTypes.func,\n};\n\nexport default ModalFooter;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport Modal from 'components/modal.jsx';\n\nimport withContext from './context/hoc.jsx';\nimport ModalHeader from './modal/header.jsx';\nimport ModalContent from './modal/content.jsx';\nimport ModalFooter from './modal/footer.jsx';\n\nclass ModalEditor extends React.Component {\n static propTypes = {\n toggleModal: PropTypes.func,\n handleReset: PropTypes.func,\n isOpenModal: PropTypes.bool,\n imageSource: PropTypes.string,\n handleCropped: PropTypes.func,\n }\n\n static defaultProps = {\n isOpenModal: false,\n imageSource: '',\n initialCrop: {\n x: 5,\n y: 5,\n width: 90,\n height: 90,\n minWidth: 10,\n },\n }\n\n static getDerivedStateFromProps(props, state) {\n if (!Object.keys(state.crop).length) {\n return {\n ...state,\n crop: props.initialCrop,\n };\n }\n\n return null;\n }\n\n state = {\n src: null,\n croppedImageUrl: null,\n crop: {},\n }\n\n onCropComplete = (crop, pixelCrop) => this.makeClientCrop(crop, pixelCrop)\n\n onImageLoaded = (image) => {\n this.imageRef = image;\n\n // We need to manually do an initial crop to get a initial preview\n // since the onChange event is not triggered when the image is loaded\n // Ref: https://github.com/DominicTobias/react-image-crop/issues/148\n const { crop } = this.state;\n const { naturalWidth, naturalHeight } = image;\n\n const pixelCrop = {\n x: Math.round(naturalWidth * (crop.x / 100)),\n y: Math.round(naturalHeight * (crop.y / 100)),\n width: Math.round(naturalWidth * (crop.width / 100)),\n height: Math.round(naturalHeight * (crop.height / 100)),\n };\n\n this.makeClientCrop(crop, pixelCrop);\n }\n\n onCropChange = crop => this.setState({ crop })\n\n getCroppedImg = (image, pixelCrop) => {\n const canvas = document.createElement('canvas');\n canvas.width = pixelCrop.width;\n canvas.height = pixelCrop.height;\n const context = canvas.getContext('2d');\n\n context.fillStyle = '#fff';\n context.fillRect(0, 0, canvas.width, canvas.height);\n\n context.drawImage(\n image,\n pixelCrop.x,\n pixelCrop.y,\n pixelCrop.width,\n pixelCrop.height,\n 0,\n 0,\n pixelCrop.width,\n pixelCrop.height,\n );\n\n return new Promise((resolve) => {\n this.dataURL = canvas.toDataURL('image/jpeg');\n resolve(this.dataURL);\n });\n }\n\n makeClientCrop = async (crop, pixelCrop) => {\n if (this.imageRef && crop.width && crop.height) {\n const croppedImageUrl = await this.getCroppedImg(\n this.imageRef, pixelCrop,\n );\n\n this.setState({ croppedImageUrl });\n }\n }\n\n handleClose = () => {\n this.props.handleReset();\n }\n\n handleSubmit = () => this.props.handleCropped(this.dataURL)\n\n renderPreview = (title, size = 'small') => {\n const { croppedImageUrl } = this.state;\n\n return (\n \n {imageSource && (\n
\n\n \n {croppedImageUrl && renderPreview('Small Preview')}\n {croppedImageUrl && renderPreview('Large Preview', 'large')}\n
\n \n 
\n
\n );\n }\n\n render() {\n const { crop, croppedImageUrl } = this.state;\n const { isOpenModal, imageSource, toggleModal } = this.props;\n\n return (\n {title}
\n \n
\n \n );\n }\n}\n\nexport default withContext(ModalEditor);\n","import React from 'react';\n\nimport Provider from './components/context/provider.jsx';\nimport Container from './components/container.jsx';\nimport Modal from './components/modal.jsx';\n\nexport default function ImageCropper(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 \n {pluralize(`${value} result`, `About ${value} results`, value)}\n \n
\n );\n};\n\nexport default ResultsCount;\n","import React from 'react';\n\nimport { InfiniteLoadPaginator } from 'components/core/Paginator';\nimport Button from 'components/core/Button';\n\nimport styles from './styles.module.scss';\nimport { Search } from '../../types';\n\ntype PaginatorProps = {\n search: Search;\n};\n\nconst Paginator = ({ search }: PaginatorProps) => {\n const renderCustomLoader = () => (\n \n result.updateTrackings?.(item.trackings)}\n trackings={result.trackings}\n shouldDisplayIcon={false}\n />\n )}\n
\n );\n return (\n \n
\n );\n};\n\nexport default Result;\n","import React, { FC } from 'react';\n\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\n\nimport {\n Result as ResultType,\n Search,\n AdvancedOptions,\n} from '../../types';\nimport ResultsCount from '../ResultsCount';\nimport Paginator from '../Paginator';\nimport Result from '../Result';\nimport styles from './styles.module.scss';\n\ntype FeedProps = {\n search: Search;\n onAddRecentVisit: (visited: ResultType) => Promise\n \n {renderTitle()}\n \n\n {result.party && (\n
\n \n {renderSubtitle()}\n
\n \n {isTrackable && (\n result.updateTrackings && result.updateTrackings(item.trackings)}\n trackings={result.trackings}\n />\n )}\n {ACCEPTABLE_POSITION_RECORD_TYPES.includes(recordType as string) && (\n
\n {!isMobile && (\n \n
\n );\n};\n\nexport default Feed;\n","import React, { FC } from 'react';\nimport classNames from 'classnames';\n\nimport Button from 'components/core/Button';\n\nimport { AdvancedOptions } from '../../types';\nimport styles from './advanced-options-button.module.scss';\n\ntype AdvancedOptionsButtonProps = {\n advancedOptions: AdvancedOptions,\n};\n\nconst AdvancedOptionsButton: FC- \n {children}\n
\n {title}\n \n
\n);\n\nexport default Header;\n","import React, { FC } from 'react';\n\nimport Button from 'components/core/Button';\n\nimport styles from './styles.module.scss';\n\ntype ApplyButtonProps = {\n onClick: () => void,\n isDisabled?: boolean,\n};\n\nconst ApplyButton: FC\n
\n );\n};\n\nexport default CustomPeriod;\n","import { Period } from 'components/UnifiedSearch/types';\n\nexport const PERIOD_OPTIONS: { [key in Period]: string } = {\n any: 'Any time',\n hour: 'Past hour',\n day: 'Past 24 hours',\n week: 'Past week',\n month: 'Past month',\n year: 'Past year',\n custom: 'Custom range...',\n};\n","import React, { FC, useState } from 'react';\n\nimport { AdvancedOptions, Period } from 'components/UnifiedSearch/types';\n\nimport OptionsWrapper from '../../../OptionsWrapper';\nimport Option from '../../../Option';\nimport { ActionsWrapper, ApplyButton } from '../../../SlideUpModal';\nimport { PERIOD_OPTIONS } from '../../constants';\n\ntype OptionsProps = {\n advancedOptions: AdvancedOptions,\n toggleFilter: () => void,\n toggleSelectCustomPeriod: () => void,\n isMobile: boolean,\n};\n\nconst Options: FC\n
\n);\n\nexport default SearchWrapper;\n","import { useState, useMemo, ChangeEvent } from 'react';\n\nimport { AdvancedOptions } from 'components/UnifiedSearch/types';\n\nimport { CUSTOM_STATE_DEFAULT, STATE_OPTIONS } from '../../constants';\nimport { State } from './types';\n\nconst useStates = (advancedOptions: AdvancedOptions) => {\n const { region, customRegions } = advancedOptions.values;\n const isSelectedRegion = region === 'state';\n const initialSelectedStates = isSelectedRegion ? customRegions : [CUSTOM_STATE_DEFAULT];\n const [selectedStates, setSelectedStates] = useState\n \n {states.options.map((state: State) => renderOption(state))}\n \n\n {isMobile && (\n \n \n )}\n
\n );\n};\n\nexport default States;\n","import React, { FC } from 'react';\n\nimport {\n OptionsWrapper,\n Option,\n} from 'components/UnifiedSearch/components/AdvancedOptions';\nimport { AdvancedOptions } from 'components/UnifiedSearch/types';\n\nimport { CUSTOM_LOCALE_DEFAULT } from '../../../../constants';\nimport { handleOptionClick } from '../../../../helpers';\nimport { Locale, Locales } from '../../types';\nimport styles from './styles.module.scss';\n\ntype OptionsProps = {\n advancedOptions: AdvancedOptions,\n locales: Locales,\n isMobile: boolean,\n};\n\nconst Options: FCType to search
\n )}\n\n {defaultOption}\n {locales.options.map(renderOption)}\n \n \n \n )}\n
\n );\n};\n\nexport default Locales;\n","import React, { FC, ReactNode } from 'react';\n\nimport styles from './styles.module.scss';\n\ntype CustomRegionsWrapperProps = {\n children: ReactNode,\n};\n\nconst CustomRegionsWrapper: FCLoading...
}\n\n {locales.status === 'idle' && (\n \n
\n );\n};\n\nexport default AdvancedOptions;\n","import React, { FC } from 'react';\nimport classNames from 'classnames';\n\nimport { FILTER_OPTIONS } from 'components/UnifiedSearch/utils/constants';\n\nimport {\n AdvancedOptions as AdvancedOptionsType,\n Filters as FiltersType,\n} from '../../types';\nimport AdvancedOptionsButton from '../AdvancedOptionsButton';\nimport AdvancedOptions from '../AdvancedOptions';\nimport styles from './styles.module.scss';\n\ntype FiltersProps = {\n filters: FiltersType,\n advancedOptions: AdvancedOptionsType,\n};\n\nconst Filters: FC\n
\n);\n\nexport default Filters;\n","import { Slug } from 'components/UnifiedSearch/types';\nimport {\n peopleSlugs,\n committeesSlugs,\n documentsSlugs,\n executiveSlugs,\n regulationSlugs,\n legislationSlugs,\n} from 'components/UnifiedSearch/utils/constants';\n\nexport const getIconClass = (slug: Slug) => {\n if (peopleSlugs.includes(slug) || executiveSlugs.includes(slug)) {\n return 'fas fa-user';\n }\n\n if (documentsSlugs.includes(slug) || legislationSlugs.includes(slug)) {\n return 'fas fa-file-alt';\n }\n\n if (regulationSlugs.includes(slug)) {\n return 'fas fa-stamp';\n }\n\n if (committeesSlugs.includes(slug)) {\n return 'fas fa-adjust';\n }\n\n return '';\n};\n","import React, { FC } from 'react';\nimport classNames from 'classnames';\n\nimport useAvatar from 'components/core/Avatar/useAvatar';\nimport { Slug } from 'components/UnifiedSearch/types';\n\nimport { getIconClass } from './helpers';\nimport styles from './styles.module.scss';\n\ntype IconComponent = FC<{ slug: Slug, photoUrl?: string }>;\n\nconst Icon: IconComponent = ({ slug, photoUrl }) => {\n const avatar = useAvatar(photoUrl);\n\n return (\n \n {FILTER_OPTIONS.map(item => (\n (event.key === 'Enter' ? filters.change(item.value) : null)}\n onClick={() => filters.change(item.value)}\n data-name={item.label}\n >\n
\n\n \n {item.label}\n
\n \n ))}\n\n \n\n \n {avatar.isValid ? (\n 
\n ) : (\n \n )}\n
\n );\n};\n\nexport default Icon;\n","import React, { FC } from 'react';\nimport truncate from 'lodash/truncate';\n\nimport PartyIcon from 'components/shared/party-icon';\nimport { RESULT_TEXT_LIMITS } from 'components/UnifiedSearch/utils/constants';\n\nimport styles from './styles.module.scss';\n\ntype TitleProps = {\n title: string;\n party?: string;\n isMobile?: boolean;\n};\n\nconst Title: FC\n {getSubtitle(recentVisit)}\n
\n);\n\nexport default Subtitle;\n","import React, { FC, KeyboardEvent, MouseEvent } from 'react';\nimport classNames from 'classnames';\n\nimport styles from '../../styles.module.scss';\n\ntype ActionIconsProps = {\n onRemove: () => void;\n isMobile?: boolean;\n};\n\nconst ActionIcons: FC\n
\n \n
\n \n removeRecentVisit()}\n isMobile={isMobile}\n />\n
\n \n );\n};\n\nexport default RecentCard;\n","import React from 'react';\n\nimport { TextPlaceholder } from 'components/core/Placeholder';\n\nimport styles from './styles.module.scss';\n\nconst VisitPlaceholder = () => (\n \n
\n);\n\nconst VisitsPlaceholder = () => (\n <>\n \n
\n \n
\n );\n};\n\nexport default RecentVisits;\n","import React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { isExternal } from 'utils/url';\nimport { trackQuickLinksResults } from 'utils/tracking/globalSearch';\nimport Link from 'components/core/Link';\nimport { Link as LinkType } from 'components/UnifiedSearch/types';\n\nimport styles from './styles.module.scss';\n\nconst QuickLinks = () => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n const quickLinks = gon.quick_links;\n\n if (isEmpty(quickLinks)) return null;\n\n const renderQuickLink = ({ label, url }: LinkType) => (\n \n
\n {renderVisits()}\n RECENT VISITS
\n {showClearAll && (\n \n )}\n \n
\n );\n};\n\nexport default QuickLinks;\n","import React from 'react';\n\nimport { RecentVisits as RecentVisitsType } from '../../types';\nimport RecentVisits from './components/RecentVisits';\nimport QuickLinks from './components/QuickLinks';\nimport styles from './styles.module.scss';\n\ntype LobbyProps = {\n recentVisits: RecentVisitsType;\n};\n\nconst Lobby = ({ recentVisits }: LobbyProps) => (\n QUICK LINKS
\n {quickLinks.map(renderQuickLink)}\n \n
\n);\n\nexport default Lobby;\n","import React from 'react';\n\nimport styles from './styles.module.scss';\n\nconst Loading = () => (\n \n
\n \n
\n \n ![\"loading...\"](\"/images/loading_search.gif\")
\n
\n);\n\nexport default Loading;\n","import React, { FC } from 'react';\n\nimport ErrorTemplate from 'components/Errors/ErrorTemplate';\n\nimport { Category } from '../../../types';\nimport { FILTER_OPTIONS } from '../../../utils/constants';\nimport styles from './styles.module.scss';\n\ntype NotFoundProps = {\n searchQuery: string; category: Category;\n};\n\nconst getCategoryLabel = (category: Category) => {\n if (category === 'all') return '';\n\n const categoryOption = FILTER_OPTIONS.find(({ value }) => value === category);\n\n if (!categoryOption) return '';\n\n return categoryOption.label;\n};\n\nconst NotFound: FC\n \n
\n );\n};\n\nexport default UnifiedSearch;\n","import React, { FC, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\nimport useDevice from 'utils/breakpoints/useDevice';\nimport { Kbd } from 'components/core/TipMessage';\n\nimport styles from './styles.module.scss';\n\ntype SearchProps = {\n className: string,\n isUnifiedSearchOpen: boolean,\n onCloseUnifiedSearch: () => void,\n onSearchQueryChange: (inputText: string) => void,\n onFocus: () => void,\n placeholder?: string\n};\n\nconst Search: FC\n {search.status === 'idle' &&
\n \n
\n );\n};\n\nexport default Search;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from 'components/core/Button';\nimport AdvocateForm from 'components/Advocates/common/Modals/StakeholderForm';\nimport StakeholderForm from 'components/Stakeholder/common/Modals/StakeholderForm';\nimport useModal from 'components/core/Modal/useModal';\nimport {\n allCustomFieldsShape,\n customFieldsAnswersShape,\n} from 'components/Advocates/common/utils/shapes';\nimport { trackCreateStakeholderClicked } from 'components/NavigationV2/utils/tracking';\n\nfunction Container({\n className,\n createStakeholder,\n fetchCustomFields,\n stakeholder,\n customFields,\n content,\n onSuccess,\n}) {\n const Form = gon.isAdvocatesEnabled ? AdvocateForm : StakeholderForm;\n const { isOpenModal, toggleModal } = useModal();\n\n const ui = { ...stakeholder.ui, ...customFields.ui };\n\n const handleClick = () => {\n toggleModal();\n trackCreateStakeholderClicked();\n };\n\n return (\n <>\n \n \n \n setInputText(event.target.value)}\n autoFocus={isUnifiedSearchOpen}\n />\n {isUnifiedSearchOpen && (\n
\n \n {device.isMobile || isDesktop && (\n \n To cancel hit ESC or press\n \n )}\n
\n )}\n \n \n Get in touch with Customer Success\n \n
\n );\n}\n\nDisabledCreateMessage.defaultProps = {\n isMobile: false,\n};\n\nDisabledCreateMessage.propTypes = {\n isMobile: PropTypes.bool,\n};\n\nexport default DisabledCreateMessage;\n","import React from 'react';\nimport classNames from 'classnames';\nimport Tooltip from '@tippyjs/react';\n\nimport {\n NewNoteForNavigation as NewNoteButton,\n NewTaskForNavigation as NewTaskButton,\n} from 'components/Grm2';\nimport Button from 'components/core/Button';\nimport {\n trackNewNoteClicked,\n trackNewTaskClicked,\n} from 'components/Navigation/GlobalHeader/utils/tracking';\nimport NewStakeholderButton from 'components/NavigationV2/components/common/NewStakeholderButton';\nimport DisabledCreateMessage from 'components/NavigationV2/components/common/DisabledCreateMessage';\n\nimport styles from './styles.module.scss';\n\nfunction CreateButton() {\n const isDisabled = !(gon.isGrmEnabled || gon.isStakeholderMgmtEnabled);\n const renderList = () => {\n if (isDisabled) {\n return \n Contact our Customer Success team to enable collaboration with your team across the app.\n
\n\nCreate...
\n {gon.isGrmEnabled && (\n <>\n\n {renderList()}\n
\n );\n\n return (\n \n {!isMobile &&
\n);\n\nexport default withNavigation(SearchBar);\n","import { useEffect, useState } from 'react';\n\nconst HIDE_FIRST_ELEMENT_OFFSET = 1200;\nconst HIDE_SECOND_ELEMENT_OFFSET = 1065;\nconst HIDE_THIRD_ELEMENT_OFFSET = 980;\nconst HIDE_FOURTH_ELEMENT_OFFSET = 820;\n\nexport const useHiddenItemsLength = () => {\n const [hiddenItemsLength, setHiddenItemsLength] = useState<0 | 1 | 2 | 3 | 4>(0);\n\n useEffect(() => {\n const handleResize = () => {\n const currentScreenSize = document.body.clientWidth;\n\n if (currentScreenSize > HIDE_FIRST_ELEMENT_OFFSET) {\n setHiddenItemsLength(0);\n return;\n }\n\n const showOneElement = currentScreenSize <= HIDE_FIRST_ELEMENT_OFFSET\n && currentScreenSize >= HIDE_SECOND_ELEMENT_OFFSET;\n\n if (showOneElement) {\n setHiddenItemsLength(1);\n return;\n }\n\n const showTwoElements = currentScreenSize <= HIDE_SECOND_ELEMENT_OFFSET\n && currentScreenSize >= HIDE_THIRD_ELEMENT_OFFSET;\n\n if (showTwoElements) {\n setHiddenItemsLength(2);\n return;\n }\n\n const showThreeElements = currentScreenSize <= HIDE_THIRD_ELEMENT_OFFSET\n && currentScreenSize >= HIDE_FOURTH_ELEMENT_OFFSET;\n\n if (showThreeElements) {\n setHiddenItemsLength(3);\n return;\n }\n\n setHiddenItemsLength(4);\n };\n\n handleResize();\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return hiddenItemsLength;\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction Activity({ className }) {\n return (\n \n );\n}\n\nActivity.propTypes = {\n className: PropTypes.string,\n};\n\nexport default Activity;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nconst ArrowDropDown = ({ className }) => (\n \n);\n\nArrowDropDown.propTypes = {\n className: PropTypes.string,\n};\n\nexport default ArrowDropDown;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction Bells({ className }) {\n return (\n \n );\n}\n\nBells.propTypes = {\n className: PropTypes.string,\n};\n\nexport default Bells;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction Briefcase({ className }) {\n return (\n \n );\n}\n\nBriefcase.propTypes = {\n className: PropTypes.string,\n};\n\nexport default Briefcase;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction Dome({ className }) {\n return (\n \n );\n}\n\nDome.propTypes = {\n className: PropTypes.string,\n};\n\nexport default Dome;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction LightbulbDollar({ className }) {\n return (\n \n );\n}\n\nLightbulbDollar.propTypes = {\n className: PropTypes.string,\n};\n\nexport default LightbulbDollar;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction Reports({ className }) {\n return (\n \n );\n}\n\nReports.propTypes = {\n className: PropTypes.string,\n};\n\nexport default Reports;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction UserGroup({ className }) {\n return (\n \n );\n}\n\nUserGroup.propTypes = {\n className: PropTypes.string,\n};\n\nexport default UserGroup;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction Directory({ className }) {\n return (\n \n );\n}\n\nDirectory.propTypes = {\n className: PropTypes.string,\n};\n\nexport default Directory;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction Reports({ className }) {\n return (\n \n );\n}\n\nReports.propTypes = {\n className: PropTypes.string,\n};\n\nexport default Reports;\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { Lock as LockIcon } from 'components/NavigationV2/components/icons';\n\nimport { DropdownContentComponent } from '../HiddenItemsDropdown.types';\nimport styles from './styles.module.scss';\n\nexport const DropdownContent: DropdownContentComponent = ({ items }) => (\n \n
\n )}\n \n {items.map(item => (\n \n {item.name}\n {item.isDisabled &&
\n);\n","import React, { useMemo, useState } from 'react';\nimport classNames from 'classnames';\nimport Tooltip from '@tippyjs/react';\n\nimport { useHiddenItemsLength } from './useHiddenItemsLength';\nimport { DropdownContent } from './DropdownContent';\nimport { HiddenItemsDropdownComponent } from './HiddenItemsDropdown.types';\nimport styles from './styles.module.scss';\n\nexport const HiddenItemsDropdown: HiddenItemsDropdownComponent = ({ items = [], className }) => {\n const computeHiddenItems = (itemsLength: number) => (itemsLength ? items.slice(0, itemsLength) : []);\n\n const hiddenItemsLength = useHiddenItemsLength();\n const hiddenItems = useMemo(() => computeHiddenItems(hiddenItemsLength), [hiddenItemsLength]);\n\n return (\n - \n {categories.map(renderCategory)}\n
\n {title &&
\n );\n };\n\n const renderColumn = (sections) => {\n if (isEmpty(sections)) {\n return null;\n }\n\n const columnKey = sections.map(section => section.id).join('-');\n\n return (\n {title}
}\n {items.map(link => renderLink(link, withRelatedAppStyle))}\n\n {sections.map(renderSection)}\n
\n );\n };\n\n return (\n \n
\n Directory
\n \n\n
\n \n );\n}\n\nDirectory.propTypes = {\n onCloseDirectory: PropTypes.func.isRequired,\n disabledProducts: PropTypes.arrayOf(PropTypes.string).isRequired,\n isVisible: PropTypes.bool.isRequired,\n};\n\nexport default Directory;\n","import React, { FC } from 'react';\nimport classNames from 'classnames';\nimport Tooltip from '@tippyjs/react';\n\nimport {\n Directory as DirectoryIcon,\n ArrowDropDown as ArrowDropDownIcon,\n} from 'components/NavigationV2/components/icons';\nimport Directory from '../Directory';\n\nimport styles from './styles.module.scss';\n\ntype DirectoryTogglerProps = {\n isActive: boolean;\n disabledProducts: string[];\n closeDirectory: () => void;\n toggleDirectory: () => void;\n};\n\nconst DirectoryToggler: FC\n \n \n
\n \n \n );\n};\n\nexport default DirectoryToggler;\n","import React from 'react';\nimport sortBy from 'lodash/sortBy';\n\nimport slugs from 'components/Navigation/menuData/slugs';\nimport { LINKS, NAMES } from './constants';\nimport { getIsActive, getIsMyFeedActive } from '.';\n\nimport {\n Bells,\n Briefcase,\n Activity,\n UserGroup,\n LightbulbDollar,\n Dome,\n Reports,\n} from '../components/icons';\n\nconst getAdvocatesItem = (disabledProducts) => {\n const icon = \n {menuItems.map(({ name, href, icon, isActive, isDisabled }) => (\n
\n\n \n \n
\n );\n};\n\nexport default Navigation;\n","import { useState, useMemo, useEffect } from 'react';\n\nimport {\n getReducedMobileCategories,\n getIsActiveMobilePageCategory,\n} from 'components/NavigationV2/utils/directory';\n\nfunction useMobileDirectory({\n disabledProducts,\n isVisible,\n}) {\n const categories = useMemo(() => getReducedMobileCategories(disabledProducts), [disabledProducts]);\n const activePageCategory = categories.find(\n category => getIsActiveMobilePageCategory(category.sections)\n );\n const initialActiveId = (activePageCategory && activePageCategory.id) || null;\n const [activeId, setActiveId] = useState(initialActiveId);\n const activeCategory = categories.find(({ id }) => activeId === id);\n\n useEffect(() => {\n !isVisible && setActiveId(initialActiveId);\n }, [isVisible]);\n\n return {\n activeId,\n setActiveId,\n categories,\n activeCategory,\n };\n}\n\nexport default useMobileDirectory;\n","import { APP_MENU } from 'components/Navigation/utils';\n\nimport useMobileDirectory from './useMobileDirectory';\n\nfunction useMobileNavigation({\n disabledProducts,\n toggleAppMenu,\n isAppMenuOpen,\n isMobilePage,\n}) {\n const directoryProps = useMobileDirectory({\n disabledProducts,\n isVisible: isAppMenuOpen,\n });\n\n function toggleNavigationMenu() {\n if (isMobilePage) {\n window.location.replace(gon.homepage.path);\n return;\n }\n\n toggleAppMenu(APP_MENU);\n }\n\n return {\n ...directoryProps,\n toggleNavigationMenu,\n };\n}\n\nexport default useMobileNavigation;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction ItemName({ name, isActive }) {\n return (\n {name}\n );\n}\n\nItemName.propTypes = {\n name: PropTypes.string.isRequired,\n isActive: PropTypes.bool,\n};\n\nexport default ItemName;\n","import React from 'react';\n\nfunction Note() {\n return (\n \n );\n}\n\nexport default Note;\n","import React from 'react';\n\nfunction Stakeholder() {\n return (\n \n );\n}\n\nexport default Stakeholder;\n","import React from 'react';\n\nfunction Task() {\n return (\n \n );\n}\n\nexport default Task;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { SlideUpModal } from 'components/core/Modal';\nimport Button from 'components/core/Button';\nimport {\n NewNoteForNavigation as NewNoteButton,\n NewTaskForNavigation as NewTaskButton,\n} from 'components/Grm2';\nimport {\n trackNewNoteClicked,\n trackNewTaskClicked,\n} from 'components/Navigation/GlobalHeader/utils/tracking';\nimport NewStakeholderButton from 'components/NavigationV2/components/common/NewStakeholderButton';\nimport DisabledCreateMessage from 'components/NavigationV2/components/common/DisabledCreateMessage';\n\nimport { Note, Stakeholder, Task } from './components/Icons';\nimport styles from './styles.module.scss';\n\nfunction Panel({ isOpen, toggleOpen }) {\n const renderContent = (icon, name) => (<>{icon} {name});\n\n const renderList = () => {\n if (!(gon.isStakeholderMgmtEnabled || gon.isGrmEnabled)) {\n return \n {isUnifiedSearchOpen &&
\n \n Create\n\n \n
\n\n \n {renderList()}\n
\n \n );\n}\n\nPanel.propTypes = {\n isOpen: PropTypes.bool.isRequired,\n toggleOpen: PropTypes.func.isRequired,\n};\n\nexport default Panel;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport useModal from 'components/core/Modal/useModal';\nimport Button from 'components/core/Button';\n\nimport ItemName from '../ItemName';\nimport Panel from './components/Panel';\n\nfunction Create({ className, iconClassName, onClick }) {\n const { isOpenModal, toggleModal } = useModal();\n\n const handleClick = () => {\n toggleModal();\n onClick && onClick();\n };\n\n return (\n <>\n \n\n \n
\n \n );\n}\n\nPanel.propTypes = {\n disabledProducts: PropTypes.arrayOf(PropTypes.string).isRequired,\n isOpen: PropTypes.bool.isRequired,\n toggleOpen: PropTypes.func.isRequired,\n};\n\nexport default Panel;\n","import React from 'react';\n\nimport styles from './styles.module.scss';\n\nfunction Icon() {\n return (\n \n );\n}\n\nexport default Icon;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from 'components/core/Button';\nimport useModal from 'components/core/Modal/useModal';\n\nimport ItemName from '../ItemName';\nimport Panel from './components/Panel';\nimport Icon from './components/Icon';\n\nfunction Apps({ disabledProducts, className, onClick }) {\n const { isOpenModal, toggleModal } = useModal();\n\n const handleClick = () => {\n toggleModal();\n onClick && onClick();\n };\n\n return (\n <>\n \n {apps.map(renderApp)}\n
\n \n
\n \n {title &&
\n );\n\n return (\n {title}
}\n {items.map(renderLink)}\n\n
\n )}\n \n \n );\n}\n\nDirectory.defaultProps = {\n isLoading: false,\n startLoading: () => {},\n};\n\nDirectory.propTypes = {\n isLoading: PropTypes.bool,\n startLoading: PropTypes.func,\n categories: PropTypes.arrayOf(mobileCategoryShape).isRequired,\n activeCategory: mobileCategoryShape,\n setActiveId: PropTypes.func.isRequired,\n};\n\nexport default Directory;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport withMenuItems from 'components/Navigation/MobileView/utils/withMenuItems';\nimport { mobileCategoryShape } from 'components/NavigationV2/utils/directory/shapes';\n\nimport PanelHeader from '../../common/PanelHeader';\nimport Directory from './components/Directory';\nimport styles from './styles.module.scss';\n\nfunction ActiveMenu({\n isLoading,\n startLoading,\n toggleNavigationMenu,\n categories,\n activeCategory,\n setActiveId,\n}) {\n return (\n \n \n \n
\n );\n}\n\nActiveMenu.propTypes = {\n isLoading: PropTypes.bool.isRequired,\n startLoading: PropTypes.func.isRequired,\n toggleNavigationMenu: PropTypes.func.isRequired,\n categories: PropTypes.arrayOf(mobileCategoryShape).isRequired,\n activeCategory: mobileCategoryShape,\n setActiveId: PropTypes.func.isRequired,\n};\n\nexport default withMenuItems(ActiveMenu);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport MenuTransition from 'components/Navigation/common/MenuTransition';\n\nimport ActiveMenu from './ActiveMenu';\nimport styles from './styles.module.scss';\n\nfunction ApplicationMenu({ isAppMenuOpen, disabledProducts, isFirstPageLoad }) {\n const transitionMenuId = isAppMenuOpen ? 'openId' : 'closedId';\n\n const appMenuSectionClassNames = classNames(\n styles.appMenu,\n isAppMenuOpen && styles.appMenuActive,\n );\n\n return (\n \n { label }\n
\n );\n\n // Fixed changing of uncontrolled input\n const inputProps = {\n name,\n value: '',\n };\n\n if (checked && value) {\n inputProps.value = value;\n }\n\n const hiddenInput = (\n \n );\n\n const isTooltipEnabled = showTooltip && disabled;\n const tooltipContent = () => (\n \n {tooltipMessage}\n
\n );\n const tooltip = (\n \n { isTooltipEnabled && tooltip }\n \n
\n \n );\n }\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 RoyalCheckbox(props) {\n return (\n \n \n
\n { label && labelBlock }\n { name && hiddenInput }\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 No data to display
\n );\n }\n\n return (\nNo data to display
\n );\n }\n\n return (\n \n );\n }\n}\n\nLine.propTypes = {\n id: PropTypes.string.isRequired,\n data: PropTypes.array.isRequired,\n xkey: PropTypes.string.isRequired,\n ykeys: PropTypes.array.isRequired,\n labels: PropTypes.array.isRequired,\n resize: PropTypes.bool,\n hideHover: PropTypes.bool,\n};\n\nLine.defaultProps = {\n resize: true,\n hideHover: true,\n};\n\nexport default Line;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport suggesterFillerFetcher from './suggester-filler-fetcher.jsx';\n\nexport default class SuggesterFillerButton extends React.Component {\n static propTypes = {\n buttonText: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n requiredInputs: PropTypes.object.isRequired,\n strategySlug: PropTypes.string.isRequired,\n groupClassName: PropTypes.string.isRequired,\n labelClassName: PropTypes.string,\n inputClassName: PropTypes.string,\n }\n\n static defaultProps = {\n requiredInputs: {},\n }\n\n handleClick = () => {\n suggesterFillerFetcher({\n strategySlug: this.props.strategySlug,\n requiredInputs: this.props.requiredInputs,\n onSuccess: (response) => {\n const data = response.data;\n const ids = data.map(t => t.id);\n this.props.onClick(ids);\n },\n });\n };\n\n render() {\n const {\n buttonText,\n groupClassName,\n labelClassName,\n inputClassName,\n } = this.props;\n\n return (\n\n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport SuggesterFillerButton from './suggester-filler-button.jsx';\nimport Autosuggest from 'components/Autosuggest/index.jsx';\n\nexport default class AutofilledAutosuggester extends Component {\n static propTypes = {\n fillerStrategy: PropTypes.string.isRequired,\n strategy: PropTypes.string.isRequired,\n buttonGroupClassName: PropTypes.string.isRequired,\n }\n\n state = {\n selectedIds: [],\n }\n\n updateSelectedIds = (selectedIds) => {\n this.setState({ selectedIds });\n }\n\n render() {\n const {\n strategy,\n fillerStrategy,\n buttonGroupClassName,\n ...otherProps\n } = this.props;\n\n return (\n \n \n {buttonText}\n \n
\n \n
\n );\n }\n}\n","import React from 'react';\n\nimport styles from './styles.module.scss';\n\nfunction PageNotFound() {\n const goBack = () => {\n window.history.back();\n };\n\n return (\n \n
\n );\n}\n\nexport default PageNotFound;\n","const options = [\n {\n label: 'Action center',\n value: '/public_facing_tools/action_center',\n },\n {\n label: 'Watchlists',\n value: '/public_facing_tools/state_legislation_watchlists',\n },\n {\n label: 'Legislators',\n value: '/public_facing_tools/legislator_lookup',\n },\n {\n label: 'Bill Scorecards',\n value: '/public_facing_tools/bill_scorecards',\n },\n];\n\nexport default options;\n","import React from 'react';\n\nimport TabsNavigation from 'components/core/TabsNavigation';\n\nimport options from './utils/options';\n\nfunction PublicToolsNavBar() {\n return (\n \n \n
\n \n
\n \n 404 - Page Not Found\n
\n\n Oh no, it looks like the page you were looking for can’t be found.\n Please check the URL you entered or\n \n go back to the previous page.\n \n
\n\n ![\"Intelligence\"](\"/images/404-img.svg\")
\n
\n \n \n
\n );\n}\n\nexport default PublicToolsNavBar;\n","const options = [\n {\n label: 'Federal',\n value: '/federal/cosponsorship_similarity',\n },\n {\n label: 'State',\n value: '/state/cosponsorship_similarity',\n },\n];\n\nexport default options;\n","import React from 'react';\n\nimport TabsNavigation from 'components/core/TabsNavigation';\n\nimport options from './utils/options';\n\nfunction CosponsorshipNavBar() {\n return (\n \n
\n );\n}\n\nexport default CosponsorshipNavBar;\n","/* eslint-disable import/no-webpack-loader-syntax */\nimport React, { lazy, Suspense } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport '@babel/polyfill';\nimport 'react_ujs';\n// TODO: fix inline webpack syntax import\nimport '!style-loader!css-loader!tippy.js/dist/tippy.css';\nimport '!style-loader!css-loader!tippy.js/dist/border.css';\n\nimport Modal from 'react-modal';\nimport Store from 'redux/store';\nimport Autocomplete from 'components/autocomplete/autocomplete';\nimport Autosuggest from 'components/Autosuggest/index';\nimport LinkedAutosuggest from 'components/LinkedAutosuggest/index';\nimport GlobalNotifier from 'components/GlobalNotifier/index';\nimport PageNotifier from 'components/PageNotifier/index';\nimport MaskedInput from 'components/masked-input/masked-input';\nimport TagInput from 'components/tag-input/tag-input';\nimport RoyalCheckbox from 'components/royal-checkbox/royal-checkbox';\nimport RoyalFileUploader from 'components/royal-file-uploader/royal-file-uploader';\nimport StaffersMailer from 'components/StaffersMailer/index';\nimport LinkShareIcons from 'components/link-share-icons/link-share-icons';\nimport VisualizationChartBarBase from 'components/Visualization/Chart/Bar/index';\nimport VisualizationChartBarBillSponsors from 'components/Visualization/Chart/Bar/BillSponsors';\nimport VisualizationChartLine from 'components/Visualization/Chart/Line/index';\nimport CopyToClipboardInput from 'components/shared/copy-to-clipboard-input';\nimport SingleDatePicker from 'components/shared/datepicker/single-datepicker';\nimport AutofilledAutosuggester from 'components/SharedFolder/autofilled-autosugester';\nimport ImageCropper from 'components/image-cropper/image-cropper';\nimport PageNotFound from 'components/PageNotFound';\nimport PublicToolsNavBar from 'components/PublicToolsNavBar';\nimport CosponsorshipNavBar from 'components/CosponsorshipNavBar';\n\nimport 'utils/sentry';\nimport './navigation-pack';\nimport './utils/vh-fix';\n\n// TODO: investigate react_ujs, the docs are saying:\n// no need to expose all these components to window.app\n// https://govpredict.atlassian.net/browse/GOV-3412\nwindow.app = {\n PageNotFound,\n Autocomplete,\n Autosuggest,\n GlobalNotifier,\n LinkedAutosuggest,\n MaskedInput,\n TagInput,\n CopyToClipboardInput,\n AutofilledAutosuggester,\n // Modal should not be required here. The initialization should be done within\n // a custom components\n Modal,\n SingleDatePicker,\n PageNotifier,\n RoyalCheckbox,\n RoyalFileUploader,\n StaffersMailer,\n LinkShareIcons,\n Store,\n Visualization: {\n Chart: {\n Line: VisualizationChartLine,\n Bar: {\n Base: VisualizationChartBarBase,\n BillSponsors: VisualizationChartBarBillSponsors,\n },\n },\n },\n ImageCropper,\n PublicToolsNavBar,\n CosponsorshipNavBar,\n};\n\nconst pageHeaderElement = document.getElementById('react-page-header');\nconst PageHeader = lazy(() => import('components/core/PageHeader' /* webpackChunkName: \"page-header\" */));\n\nif (pageHeaderElement) {\n const {\n title,\n noOffset,\n product,\n hideSeparator,\n productName,\n description,\n noMobileOffset,\n customBreadcrumb,\n } = pageHeaderElement.dataset;\n\n const props = {\n title,\n description,\n page: product,\n pageName: productName,\n isRightOffset: !Boolean(noOffset),\n applyExtraMargin: !Boolean(hideSeparator),\n isMobileOffsetVisible: !Boolean(noMobileOffset),\n customBreadcrumb,\n };\n\n ReactDOM.render(\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\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"styles-module__button___36sWC\",\"loader\":\"styles-module__loader___3bz-X\",\"disabled\":\"styles-module__disabled___3j6oJ\",\"icon\":\"styles-module__icon___N4vwA\"};","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","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"styles-module__modal___KBlep\",\"body\":\"styles-module__body___bwxeY\",\"header\":\"styles-module__header___JAYz1\",\"title\":\"styles-module__title___24W_C\",\"closeButton\":\"styles-module__closeButton___Ee5zK\",\"list\":\"styles-module__list___1SQcQ\",\"option\":\"styles-module__option___1mfSf\",\"name\":\"styles-module__name___PAhwU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"largeNavHeaderHeight\":\"64px\",\"tooltipStyles\":\"styles-module__tooltipStyles___mkFdu\",\"navBarDropdownPadding\":\"styles-module__navBarDropdownPadding___2tnp0\",\"tooltipTrigger\":\"styles-module__tooltipTrigger___1_6qz\",\"closedMenuContainer\":\"styles-module__closedMenuContainer___1cGY-\",\"navButton\":\"styles-module__navButton___3FDqz\",\"icon\":\"styles-module__icon___1lZY6\",\"activeIcon\":\"styles-module__activeIcon___2lTMZ\",\"activeMenu\":\"styles-module__activeMenu___vn_OB\",\"globalQuickSearch\":\"styles-module__globalQuickSearch___QgPKk\",\"searchMenu\":\"styles-module__searchMenu___3seIk\",\"loadingOverlay\":\"styles-module__loadingOverlay___1l4j7\"};","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 PropTypes from 'prop-types';\nimport React from 'react';\nimport moment from 'moment';\n\nconst DATE_FORMAT = 'L';\n\nexport default class FileDetails extends React.Component {\n static propTypes = {\n files: PropTypes.array.isRequired,\n fileNames: PropTypes.array.isRequired,\n className: PropTypes.string.isRequired,\n handleDelete: PropTypes.func.isRequired,\n multiple: PropTypes.bool,\n }\n\n static defaultProps = {\n multiple: false,\n }\n\n lastFile = () => {\n const { files } = this.props;\n\n if (files.length === 0) {\n return null;\n }\n\n return files[files.length - 1];\n }\n\n deleteButton = () => (\n \n
\n