\n \n This user is already attached through the {personAttachedViaRole().name} role\n \n Go Back\n
\n );\n }\n\n return (\n \n
\n );\n }\n\n function renderSearchManager() {\n return (\n \n Adding {person.name}\n
\n {/* \n {viaRole && (\n \n {renderConfirmButton()}\n \n
\n \n
\n );\n }\n\n if (person && props.canAttachRoles) {\n return renderPersonStepTwo();\n }\n\n return renderSearchManager();\n};\n\nAttachPerson.propTypes = {\n canAttachRoles: PropTypes.bool.isRequired,\n searchOpts: PropTypes.shape({}),\n};\n\nAttachPerson.defaultProps = {\n idForInput: '',\n searchOpts: {},\n};\n\nexport default AttachPerson;\n","import PropTypes from 'prop-types';\nimport {\n contains, isEmpty, filter, findWhere, any, intersection,\n} from 'underscore';\nimport React, {\n useState, useCallback, useContext,\n} from 'react';\nimport InitiatedFlowDispatchContext from 'contexts/initiated-flow-dispatch-context';\nimport AttachmentActions from 'actions/attachment-actions';\nimport { error } from 'components/shared/flash';\nimport AttachedPerson from './attached_people/attached-person';\nimport AttachPerson from './attached_people/attach-person';\nimport RoleSearch from './attached_people/role-search';\n\nconst NO_USERS_ADDED_CONTENT = No users added
;\nconst NO_ROLES_ADDED_CONTENT = No roles added
;\n\nconst AttachedPeople = (props) => {\n const dispatch = useContext(InitiatedFlowDispatchContext);\n const attachedPeople = useCallback(() => {\n return filter(props.people, (attachment) => { return attachment.type === 'User'; });\n }, [props.people]);\n\n const attachedRoles = useCallback(() => {\n return filter(props.people, (a) => { return a.type === 'AdminRole'; });\n }, [props.people]);\n\n const [attachment, setAttachment] = useState();\n const [legacyPersonAddOpen, setLegacyPersonAddOpen] = useState(any(attachedPeople()));\n\n const onToggleEvent = useCallback((res) => {\n if (!contains(['Step', 'ReviewGroup'], props.attachableType)) { return; }\n\n AttachmentActions.dispatchTogglePersonEvent(props.attachableType, props.attachableId, res);\n }, [props.attachableId, props.attachableType]);\n\n const onAttachmentPersisted = useCallback((data) => {\n setAttachment();\n\n if (props.onChange) {\n props.onChange(data);\n }\n }, [props]);\n\n const onPersonAttachmentPersisted = useCallback((data) => {\n onToggleEvent(data);\n\n if (props.onChange) {\n props.onChange(data);\n }\n }, [props]);\n\n const roleIsAttached = useCallback((id) => {\n return findWhere(attachedRoles(), { id });\n }, [attachedRoles]);\n\n function roleUsersAlreadyAttached() {\n const roleUserIds = attachment.users.map((u) => { return u.id; });\n const directAttachedUserIds = props.people.map((p) => {\n if (p.type === 'User') {\n return p.id;\n }\n\n return null;\n });\n\n return intersection(roleUserIds, directAttachedUserIds);\n }\n\n const attachViaRole = useCallback(() => {\n if (roleIsAttached(attachment.role.id)) {\n return AttachmentActions\n .togglePersonViaAttachedRole(\n props.attachableId,\n props.attachableType,\n attachment.role.id,\n attachment.id,\n )\n .done(onAttachmentPersisted);\n }\n\n return AttachmentActions.toggleRole(\n props.attachableId,\n props.attachableType,\n attachment.role.id,\n attachment.id,\n { userToAdd: props.tentativeAssignment },\n )\n .done((res) => {\n onToggleEvent(res);\n onAttachmentPersisted(res);\n });\n }, [\n attachment?.id,\n attachment?.role?.id,\n onAttachmentPersisted,\n onToggleEvent,\n props.attachableId,\n props.attachableType,\n props.tentativeAssignment,\n roleIsAttached,\n ]);\n\n const attachPersonHandler = useCallback((userAttachment) => {\n if (userAttachment.isPseudo) {\n if (props.tentativeAssignment) {\n return AttachmentActions\n .addPseudomemberTentative(userAttachment.email, userAttachment.name, props.attachableId)\n .done((res) => {\n AttachmentActions.onTentativeDone(dispatch);\n onAttachmentPersisted(res);\n });\n }\n\n const roleId = userAttachment.role ? userAttachment.role.id : null;\n const options = { roleId };\n\n return AttachmentActions\n .addPseudomember(userAttachment.email, userAttachment.name, props.attachableType, props.attachableId, options)\n .done(onPersonAttachmentPersisted);\n }\n\n if (userAttachment.role) {\n return attachViaRole();\n }\n\n if (props.tentativeAssignment) {\n return AttachmentActions.toggleTentativePerson(props.attachableId, userAttachment.id)\n .done(() => AttachmentActions.onTentativeDone(dispatch));\n }\n\n return AttachmentActions\n .togglePerson(props.attachableId, props.attachableType, userAttachment.id, 'User')\n .done(onPersonAttachmentPersisted);\n }, [\n attachViaRole,\n dispatch,\n onAttachmentPersisted,\n onPersonAttachmentPersisted,\n onToggleEvent,\n props.attachableId,\n props.attachableType,\n props.tentativeAssignment,\n ]);\n\n const togglePerson = useCallback((newPerson) => {\n return attachPersonHandler(newPerson);\n }, [attachPersonHandler]);\n\n function togglePersonRoleAttachment(newAttachment) {\n setAttachment(newAttachment);\n }\n\n function cleanUpDuplicates(duplicateAttachments) {\n duplicateAttachments.forEach((userId) => {\n AttachmentActions\n .dispatchTogglePersonEvent(props.attachableType, props.attachableId, {\n id: userId, persisted: false,\n });\n });\n }\n\n function attach() {\n switch (attachment.type) {\n case 'AdminRole': {\n const duplicateAttachments = roleUsersAlreadyAttached();\n return AttachmentActions.toggleRole(props.attachableId, props.attachableType, attachment.id)\n .done((res) => {\n onToggleEvent(res);\n cleanUpDuplicates(duplicateAttachments);\n onAttachmentPersisted(res);\n });\n }\n case 'User':\n return attachPersonHandler(attachment);\n default:\n throw new Error(`Unhandled attachmentType: '${attachment.type}'`);\n }\n }\n\n const onToggleOff = useCallback((attchmnt) => {\n if (props.tentativeAssignment) {\n AttachmentActions\n .removeTentativePerson(attchmnt.attachment_id)\n .done((res) => {\n AttachmentActions.onTentativeDone(dispatch);\n props.onChange(res);\n })\n .fail((res) => {\n error(res.responseJSON.error);\n });\n } else {\n AttachmentActions.removePerson(attchmnt.attachment_id, props.attachableType)\n .done((res) => {\n onToggleEvent(res);\n props.onChange(res);\n })\n .fail((res) => {\n error(res.responseJSON.error);\n });\n }\n }, [onToggleEvent, props]);\n\n function buildPerson(attchmnt) {\n const isDisabled = props.disabled || contains(props.lockedUserIds, attchmnt.id);\n let { showEmail } = props;\n\n if (attchmnt.type === 'AdminRole') {\n showEmail = false;\n }\n\n return (\n - \n {people}\n
\n
\n );\n }\n\n function displayRoleUser(user) {\n return - \n {rolesList}\n
\n {willRemoveDirectAttachments && (\n <>\n
\n \n )}\n This will attach the following users:\n
\n );\n }\n\n function userConfirmation() {\n const actionText = attachment.isPseudo ? 'Inviting and attaching' : 'Attaching';\n if (attachment.role && (roleIsAttached(attachment.role.id) || attachment.role.users.length == 0)) {\n return (\n Note:\n Some of this role&aposs users are already directly assigned as reviewers. Attaching this role will replace their direct assignment.\n
\n \n \n )}\n This will attach the following users:\n
- \n {attachment.users.map(displayRoleUser)}\n
\n {actionText} {attachment.name}({attachment.email}) via {attachment.role.name} role\n
\n );\n }\n\n if (attachment.role && attachment.role.users.length > 0) {\n return (\n \n
\n );\n }\n\n const email = attachment.type === 'User' ? ` (${attachment.email})` : '';\n return (\n \n {actionText} {attachment.name}({attachment.email}) via {attachment.role.name} role.\n This will also attach the following users:\n
\n\n - \n {attachment.role.users.map(displayRoleUser)}\n
\n {actionText} {attachment.name}{email}\n
\n );\n }\n\n function confirmAttachmentText() {\n switch (attachment.type) {\n case 'AdminRole':\n return (\n \n Attaching {attachment.name} Role\n
\n );\n case 'User':\n return userConfirmation();\n default:\n throw new Error(`Unrecognized attachment type ${attachment.type}`);\n }\n }\n\n function confirmAttachment() {\n return (\n <>\n {confirmAttachmentText()}\n \n {roleUsers()}\n
\n \n \n \n
\n \n );\n }\n\n function renderLegacyPersonAdd() {\n if (legacyPersonAddOpen) {\n return (\n <>\n \n \n \n {renderPersonAdd()}\n
\n\n \n {renderPeopleList()}\n
\n \n );\n }\n\n return ;\n }\n\n function renderRoleSelector() {\n return (\n \n \n { return setAttachment({ ...role, type: 'AdminRole' }); }}\n referrer={props.referrer}\n rolesToFilter={attachedRoles()}\n />\n
\n );\n }\n\n function renderRolesWidget() {\n return (\n <>\n {!props.disabled && renderRoleSelector()}\n {renderRolesList()}\n {!props.disabled && renderLegacyPersonAdd()}\n \n );\n }\n\n function renderPersonOnlyWidget() {\n return (\n <>\n {!props.disabled && renderPersonAdd()}\n {renderPeopleList()}\n \n );\n }\n\n function renderMainContent() {\n if (attachment) { return confirmAttachment(); }\n\n if (props.canAttachRoles) { return renderRolesWidget(); }\n\n return renderPersonOnlyWidget();\n }\n\n return (\n \n {renderMainContent()}\n
\n );\n};\n\nAttachedPeople.propTypes = {\n allowPseudo: PropTypes.bool,\n attachableId: PropTypes.number.isRequired,\n attachableType: PropTypes.string.isRequired,\n canAttachRoles: PropTypes.bool,\n disabled: PropTypes.bool,\n hideExternal: PropTypes.bool,\n idForInput: PropTypes.string,\n lockedUserIds: PropTypes.arrayOf(PropTypes.number),\n onChange: PropTypes.func,\n people: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n pseudoNeedsRole: PropTypes.bool,\n referrer: PropTypes.shape({}).isRequired,\n searchOpts: PropTypes.shape({}),\n showEmail: PropTypes.bool,\n teamId: PropTypes.number,\n teamSlug: PropTypes.string.isRequired,\n tentativeAssignment: PropTypes.bool,\n};\n\nAttachedPeople.defaultProps = {\n lockedUserIds: [],\n hideExternal: true,\n tentativeAssignment: false,\n searchOpts: { govOnly: true },\n disabled: false,\n canAttachRoles: false,\n onChange: () => {},\n idForInput: '',\n};\n\nexport default AttachedPeople;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport UserDisc from 'components/shared/user-disc';\nimport RoleDisc from 'components/shared/role-disc';\nimport XClose from 'components/shared/x-close';\n\nclass AttachedPerson extends Component {\n render() {\n return (\n \n \n {this.props.children}\n
\n \n
\n );\n }\n}\n\nPopupButton.propTypes = {\n nubDirection: PropTypes.oneOf(['left', 'right', 'up', 'down']),\n buttonClassName: PropTypes.string,\n wrapperClassname: PropTypes.string,\n closeOnPopupClick: PropTypes.bool,\n disabled: PropTypes.bool,\n open: PropTypes.bool.isRequired,\n onToggle: PropTypes.func.isRequired,\n onClose: PropTypes.func,\n buttonHtml: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element,\n ]),\n children: PropTypes.node.isRequired,\n wrapperIgnoreClass: PropTypes.arrayOf(PropTypes.string),\n};\n\nPopupButton.defaultProps = {\n nubDirection: 'up',\n};\n\nexport default PopupButton;\n","// Don't use this anymore. Use popdown.jsx instead.\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport PopupButton from 'components/shared/popup-button';\n\nclass AutonomousPopup extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n open: false,\n };\n }\n\n onToggle = () => {\n this.setState({\n open: !this.state.open,\n });\n };\n\n onClose = () => {\n if (this.props.onClose) {\n this.props.onClose();\n }\n\n this.setState({\n open: false,\n });\n };\n\n render() {\n return (\n {this.props.buttonHtml}
\n {this.props.open && this.renderPopup()}\n \n {props.children}\n
\n );\n};\n\nCloseIfOutsideWrapper.propTypes = {\n onClose: PropTypes.func.isRequired,\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n wrapperIgnoreClass: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n};\n\nexport default CloseIfOutsideWrapper;\n","import PropTypes from 'prop-types';\nimport React, { useRef } from 'react';\nimport ClipboardButton from 'react-clipboard.js';\nimport Flash from 'components/shared/flash';\n\nconst CopyableLink = (props) => {\n const linkField = useRef();\n\n const selectURL = () => {\n linkField.current.select();\n };\n\n const onCopy = () => {\n if (!props.copyEnabled) { return; }\n\n selectURL();\n\n Flash.success(props.successMsg);\n };\n\n return (\n \n \n \n \n \n
\n );\n};\n\nCopyableLink.propTypes = {\n linkURL: PropTypes.string.isRequired,\n copyEnabled: PropTypes.bool,\n successMsg: PropTypes.string,\n};\n\nCopyableLink.defaultProps = {\n copyEnabled: true,\n successMsg: 'URL copied',\n};\n\nexport default CopyableLink;\n","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { css } from '@emotion/react';\n\nimport { colorBackground, colorTextMedium } from 'theme/colors';\nimport { disc as discStyle } from 'theme/discs';\nimport Popdown from 'components/shared/popdown';\nimport ListOfPeople from 'components/shared/list-of-people';\nimport useOnclickOutside from 'react-cool-onclickoutside';\nimport { NUM_TO_SHOW } from '../disc-group';\n\nconst ManyDisc = ({ groupMembers }) => {\n const count = groupMembers.length;\n const [showMembers, setShowMembers] = useState(false);\n const membersContentRef = useRef();\n const elForAnchor = useRef();\n\n useOnclickOutside(() => {\n setShowMembers(false);\n }, { refs: [elForAnchor] });\n\n const onShowMoreClick = () => {\n setShowMembers(true);\n };\n\n return (\n \n
\n \n \n \n \n \n \n )}\n
\n );\n};\n\nDropdownMenu.propTypes = {\n iconColor: PropTypes.string,\n justify: PropTypes.string,\n};\n\nDropdownMenu.defaultProps = {\n iconColor: '#0463B7',\n justify: 'right',\n};\n\nexport default DropdownMenu;\n","/*\n Embedded is probably the wrong word for this class.\n It's pretty much just a text area that submits\n debounced changes while typing. It's also styled\n (at time of writing) without a border or background\n so it's sort of 'embedded' in the page.\n*/\n\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport Textarea from 'react-textarea-autosize';\n\nconst EmbeddedTextarea = ({\n defaultValue, placeholder, className, disabled, onChange,\n}) => {\n const [value, setValue] = useState(defaultValue);\n const submitChange = (e) => {\n const { value: newValue } = e.target;\n setValue(newValue);\n onChange(newValue);\n };\n\n return (\n \n
\n \n {props.children}\n
\n \n
\n );\n};\n\nEmbeddedTextarea.propTypes = {\n defaultValue: PropTypes.string,\n placeholder: PropTypes.string,\n className: PropTypes.string,\n disabled: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default EmbeddedTextarea;\n","import PropTypes from 'prop-types';\nimport React, { useRef, useLayoutEffect } from 'react';\n\nconst EmbeddedTextInput = (props) => {\n const input = useRef();\n const measure = useRef();\n\n const onChange = () => {\n resize();\n props.onChange(input.current.value);\n };\n\n useLayoutEffect(() => {\n if (!props.disabled) {\n resize();\n }\n });\n\n const onKeyPress = (e) => {\n const keynum = e.which;\n if (keynum === 13) {\n input.current.blur();\n }\n };\n\n const resize = () => {\n const fontSize = window.getComputedStyle(input.current, null).getPropertyValue('font-size');\n const fontWeight = window.getComputedStyle(input.current, null).getPropertyValue('font-weight');\n let paddingLeft = window.getComputedStyle(input.current, null).getPropertyValue('padding-left').split('px')[0];\n paddingLeft = paddingLeft ? parseFloat(paddingLeft) : 5;\n let paddingRight = window.getComputedStyle(input.current, null).getPropertyValue('padding-right').split('px')[0];\n paddingRight = paddingRight ? parseFloat(paddingRight) : 5;\n measure.current.style.fontSize = fontSize;\n measure.current.style.fontWeight = fontWeight;\n measure.current.innerHTML = (input.current.value || props.placeholder).replace(/\\s/g, ' ');\n // Adding 5 px extra spacing\n const width = measure.current.clientWidth + paddingLeft + paddingRight + 5;\n const newWidth = (props.maxWidth && (width > props.maxWidth))\n ? props.maxWidth\n : width;\n\n input.current.style.width = `${newWidth}px`;\n };\n\n const className = () => {\n const klass = props.className;\n return `embeddedtextinput ${classForSize()}${klass ? ` ${klass}` : ''}`;\n };\n\n const classForSize = () => {\n switch (props.size) {\n case 'small':\n return 'smaller';\n default:\n return '';\n }\n };\n\n const renderEditIcon = () => {\n if (!props.disabled) {\n return (\n {props.disabledValue}
;\n }\n return (\n \n\n {renderContent()}\n
\n );\n};\n\nEmbeddedTextInput.propTypes = {\n className: PropTypes.string,\n defaultValue: PropTypes.string,\n disabled: PropTypes.bool,\n disabledValue: PropTypes.string,\n idName: PropTypes.string,\n maxWidth: PropTypes.number,\n onChange: PropTypes.func.isRequired,\n placeholder: PropTypes.string.isRequired,\n size: PropTypes.string,\n};\n\nEmbeddedTextInput.defaultProps = {\n idName: false,\n className: '',\n size: '',\n maxWidth: null,\n placeholder: 'Start typing...',\n};\n\nexport default EmbeddedTextInput;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ExportsMessage = (props) => {\n return (\n \n Export queued. You will be emailed when your export completes. Finished exports can be found on the Exports page.\n
\n );\n};\n\nExportsMessage.propTypes = {\n className: PropTypes.string,\n};\n\nExportsMessage.defaultProps = {\n className: '',\n};\n\nexport default ExportsMessage;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction } from 'underscore';\n\nclass FileInput extends React.Component {\n handleChange = (e) => {\n const returnValue = this.props.onChange(e);\n\n if (isFunction(returnValue)) {\n returnValue.done(this.resetFileInput);\n }\n };\n\n resetFileInput = () => {\n this.input.value = null;\n };\n\n triggerFileBrowse = (e) => {\n e.preventDefault();\n this.input.click();\n };\n\n render() {\n return (\n \n this.input = el} type='file' accept={this.props.fileType} onChange={this.handleChange} disabled={this.props.disabled} />\n \n {this.props.label}\n \n
\n );\n }\n}\n\nFileInput.defaultProps = {\n fileType: '',\n disabled: false,\n label: 'Upload CSV',\n};\n\nFileInput.propTypes = {\n fileType: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n label: PropTypes.string,\n};\n\nexport default FileInput;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst FlashItem = ({ position = 0, type, message }) => {\n const pixelOffset = position * 6;\n\n return (\n \n {renderIcon()}\n {renderChildren()}\n
\n );\n});\n\nInlineNotification.propTypes = {\n type: PropTypes.string,\n};\n\nInlineNotification.defaultProps = {\n type: 'error',\n};\n\nexport default InlineNotification;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nclass MoneyInput extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n value: this.props.defaultValue || '',\n };\n }\n\n handleChange = (e) => {\n const { value } = e.currentTarget;\n if (isFinite(value)) {\n this.setState({ value: e.currentTarget.value });\n this.props.onChange(e, e.currentTarget.value);\n }\n };\n\n render() {\n return (\n \n
\n );\n }\n}\n\nMoneyInput.propTypes = {\n defaultValue: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n onBlur: PropTypes.func,\n id: PropTypes.string,\n required: PropTypes.bool,\n};\n\nexport default MoneyInput;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextEditor from 'components/shared/text-editor';\nimport TextEditorButtons from 'components/shared/text-editor/buttons';\n\nclass InstructionsManager extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n instructions: this.props.instructions,\n };\n }\n\n onSave = () => {\n // Because blank Quill editor still has tags in it\n //\n\n const newInstructions = (this.state.instructions === '\n {props.label}\n
\n );\n};\n\nLabelbox.propTypes = {\n theme: PropTypes.string,\n label: PropTypes.string.isRequired,\n};\n\nexport default Labelbox;\n","import React from 'react';\n\nconst LeftMenu = (props) => {\n return (\n \n {props.children}\n
\n \n
\n );\n};\n\nexport default LeftMenu;\n","import React from 'react';\nimport UserDisc from 'components/shared/user-disc';\n\nclass ListOfPeoplePerson extends React.Component {\n onClick = () => {\n this.props.onSelect(this.props.person);\n };\n\n render() {\n return (\n - \n {props.children}\n
No results within your teams
\n );\n };\n\n const renderExternalPeople = () => {\n if (!isEmpty(filteredExternalPeople)) {\n if (showExternal) {\n return (\n <>\n External results
\n - \n {filteredExternalPeople.map(buildPerson)}\n
\n
\n );\n};\n\nListOfPeople.propTypes = {\n hideExternal: PropTypes.bool.isRequired,\n onSelect: PropTypes.func.isRequired,\n users: PropTypes.shape({}).isRequired,\n};\n\nListOfPeople.defaultProps = {\n hideExternal: false,\n onSelect() {},\n users: [],\n};\n\nexport default ListOfPeople;\n","import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst LoadingSpinner = memo((props) => {\n const displayName = () => {\n switch (props.size) {\n case 'tiny':\n return 'smallest';\n case 'small':\n return 'smaller';\n case 'medium':\n return 'small';\n case 'large':\n return '';\n case 'xlarge':\n return 'large';\n default:\n return '';\n }\n };\n\n const colorScheme = () => {\n switch (props.colorScheme) {\n case 'dark':\n return 'dark';\n default:\n return '';\n }\n };\n\n return \n
\n\n - \n {renderInternalPeople()}\n
\n {renderExternalPeople()}\n
\n Loading
\n {truncate(sourceField.name, 50)}\n {ALL_COMPARATORS.find(({ value }) => value === condition.comparator).label}\n {truncate(matchValue, 50)}\n
\n {connective && (\n {nameForConnective(connective)}
\n )}\n \n );\n};\n\nConfiguredLogicCondition.propTypes = {\n condition: PropTypes.object,\n sourceField: PropTypes.object,\n multipleChoiceMatchValue: PropTypes.string,\n};\n\nexport default ConfiguredLogicCondition;\n","import { CONNECTIVES } from '../constants/logic-constants';\n\n// NOTE: This logic expects CONNECTIVES to be in the react-select format.\nexport default (connectiveId) => {\n const connective = CONNECTIVES.find(({ value }) => value === connectiveId);\n\n if (!connective) { throw Error('Connective not found'); }\n\n return connective.label;\n};\n","import React, { useState, useMemo, useEffect } from 'react';\n\nimport PropTypes from 'prop-types';\n\nimport Select from 'components/shared/select';\nimport {\n STANDARD_COMPARATORS, CHECKBOX_COMPARATORS, CONNECTIVES, DEFAULT_CONNECTIVE, NUMERIC_COMPARATORS,\n} from 'constants/logic-constants';\nimport {css} from \"@emotion/react\";\nimport {icon} from \"@fortawesome/fontawesome-svg-core/import.macro\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\n\n// NOTE: this is a cumbersome function, but it works better as something that happens in\n// response to events, rather than making it an effect (because of the fact that it both\n// depends on the logicConfig and modifies the logicConfig). It's difficult to prevent\n// it from looping otherwise.\n// A better way to approach this might be to do partial updates and only update the bits\n// that are changing in each handler.\n// Validation logic makes that a bit harder.\nconst sendChange = ({\n onChange,\n selectedFieldId,\n comparator,\n matchValue,\n connective,\n index,\n}) => {\n if (onChange) {\n // This is causing problems. A valid configuration doesn't start as valid.\n // The useEffect used to take care of that, but it's no longer using it.\n onChange({\n source_id: Number(selectedFieldId),\n comparator,\n match_value: matchValue,\n connective,\n }, index);\n }\n};\n\nconst LogicCondition = ({\n condition, index, onChange, availableFields, disabled, isLast, onRemoveClick,\n}) => {\n const initialConnective = () => {\n if (isLast) { return null; }\n\n return condition.connective || DEFAULT_CONNECTIVE;\n };\n\n const [selectedFieldId, setSelectedFieldId] = useState(condition.source_id);\n const [comparator, setComparator] = useState(condition.comparator);\n const [matchValue, setMatchValue] = useState(condition.match_value);\n\n const [connective, setConnective] = useState(initialConnective);\n\n const selectedField = useMemo(\n () => availableFields.find(({ id }) => id === Number(selectedFieldId)),\n [availableFields, selectedFieldId],\n );\n const selectedFieldType = selectedField ? selectedField.data_type : null;\n\n const onConnectiveChange = ({ value }) => {\n setConnective(value);\n sendChange({\n onChange,\n selectedFieldId,\n comparator,\n matchValue,\n connective: value,\n index,\n });\n };\n\n useEffect(() => {\n if (!isLast && !connective) {\n onConnectiveChange({ value: DEFAULT_CONNECTIVE });\n }\n }, [isLast, connective, onConnectiveChange]);\n\n const comparatorsForFieldType = (fieldType) => {\n switch (fieldType) {\n case 'integer':\n case 'float':\n return NUMERIC_COMPARATORS;\n case 'multiple_choice':\n return STANDARD_COMPARATORS;\n case 'checkboxes':\n return CHECKBOX_COMPARATORS;\n default:\n return [];\n }\n };\n\n const defaultComparitorForFieldType = (fieldType) => {\n const comparators = comparatorsForFieldType(fieldType);\n\n if (comparators.length) {\n return comparators[0].value;\n }\n\n return null;\n };\n\n const comparatorOptions = comparatorsForFieldType(selectedFieldType);\n\n const matchOptions = selectedFieldId\n ? selectedField.multiple_choice_options.map((option) => ({\n value: option.id,\n label: option.name,\n }))\n : [];\n\n const onSelectedFieldChange = ({ value }) => {\n const fieldId = value;\n // NOTE: duplicating this here for now.\n // This lookup needs to happen because the selectedField is changing,\n // so we can't just use the selectedField that we already have in the\n // component.\n const type = availableFields?.find(({ id }) => id === Number(fieldId))?.data_type ?? null;\n const newComparator = defaultComparitorForFieldType(type);\n const newMatchValue = '';\n\n setSelectedFieldId(fieldId);\n setComparator(newComparator);\n setMatchValue(newMatchValue);\n\n sendChange({\n onChange,\n selectedFieldId: fieldId,\n comparator: newComparator,\n matchValue: newMatchValue,\n connective,\n index,\n });\n };\n\n const onComparatorChange = ({ value }) => {\n setComparator(value);\n sendChange({\n onChange,\n selectedFieldId,\n comparator: value,\n matchValue,\n connective,\n index,\n });\n };\n\n const onMatchValueChange = (value) => {\n setMatchValue(value);\n sendChange({\n onChange,\n selectedFieldId,\n comparator,\n matchValue: value,\n connective,\n index,\n });\n };\n\n const onInputMatchValueChange = (e) => onMatchValueChange(e.target.value);\n const onSelectMatchValueChange = ({ value }) => onMatchValueChange(value);\n\n function renderMatchValue() {\n const isNumeric = ['float', 'integer'].includes(selectedFieldType);\n if (isNumeric) {\n return (\n \n
\n\n {!isLast && (\n \n value === selectedFieldId)}\n menuShouldScrollIntoView={false}\n menuPosition='fixed'\n styles={{\n container: (provided) => ({\n ...provided,\n width: '100%',\n maxWidth: '100%',\n display: 'inline-block',\n verticalAlign: 'middle',\n }),\n }}\n name='source'\n />\n
\n\n \n value === comparator) ?? null}\n onChange={onComparatorChange}\n options={comparatorOptions}\n disabled={disabled}\n isSearchable={false}\n menuShouldScrollIntoView={false}\n menuPosition='fixed'\n styles={{\n container: (provided) => ({\n ...provided,\n width: '100%',\n maxWidth: '100%',\n display: 'inline-block',\n verticalAlign: 'middle',\n }),\n }}\n name='comparator'\n />\n
\n\n \n {renderMatchValue()}\n
\n \n value === connective) ?? null}\n isSearchable={false}\n menuShouldScrollIntoView={false}\n menuPosition='fixed'\n styles={{\n container: (provided) => ({\n ...provided,\n width: 'auto',\n display: 'inline-block',\n verticalAlign: 'middle',\n }),\n control: (provided) => ({\n ...provided,\n background: 'inherit !important',\n }),\n singleValue: (provided) => ({\n ...provided,\n color: '#00b9ad',\n textTransform: 'uppercase',\n fontWeight: 'bold',\n fontSize: '0.83rem',\n }),\n dropdownIndicator: (provided) => ({\n ...provided,\n color: '#00b9ad',\n }),\n }}\n name='connective'\n />\n
\n )}\n\n \n );\n};\n\nLogicCondition.propTypes = {\n condition: PropTypes.object,\n index: PropTypes.number,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n onRemoveClick: PropTypes.func,\n isLast: PropTypes.bool,\n availableFields: PropTypes.array,\n};\n\nexport default LogicCondition;\n","import React, { useMemo, useCallback } from 'react';\nimport { uniqueId } from 'underscore';\nimport PropTypes from 'prop-types';\nimport { css } from '@emotion/react';\n\nimport Select from 'components/shared/select';\nimport { LOGICABLE_TYPES, actionsForLogicableType } from 'constants/logic-constants';\nimport FieldManager from 'modules/field-manager';\nimport AdvancedLabel from 'components/shared/advanced-label';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { confirm } from 'modules/alert-confirm';\nimport NotifBanner from 'components/shared/notif-banner';\nimport ConfiguredLogicCondition from './logic_widget/configured-logic-condition';\nimport LogicCondition from './logic_widget/logic-condition';\n\nconst LogicWidget = (props) => {\n const availableFields = useMemo(\n () => (\n props.flowTemplate\n ? new FieldManager(props.flowTemplate.steps).availableLogicFields()\n : []\n ),\n [props.flowTemplate],\n );\n const { setLogicConfig, logicConfig } = props;\n const onActionChanged = useCallback(\n ({ value }) => {\n setLogicConfig((prevConfig) => ({ ...prevConfig, action: value }));\n },\n [setLogicConfig],\n );\n\n const updateCondition = useCallback((conditionAttrs, index) => {\n const conditions = [...logicConfig.conditions];\n const condition = {\n ...conditions[index],\n ...conditionAttrs,\n };\n conditions[index] = condition;\n\n setLogicConfig((prevConfig) => ({ ...prevConfig, conditions }));\n }, [setLogicConfig, logicConfig.conditions]);\n\n const onRemoveClick = (conditionIndex) => {\n const conditions = [...props.logicConfig.conditions];\n conditions.splice(conditionIndex, 1);\n\n sendConditions(conditions);\n };\n\n const onAddConditionClick = (e) => {\n e.preventDefault();\n\n const conditions = [\n ...props.logicConfig.conditions,\n { tempId: uniqueId() },\n ];\n sendConditions(conditions);\n };\n\n function sendConditions(conditions) {\n props.setLogicConfig({ ...props.logicConfig, conditions });\n }\n\n function renderEditView() {\n const options = actionsForLogicableType(props.logicableType);\n return (\n | \n | \n \n \n \n | \n
| \n | \n \n \n \n \n {renderConditions()}\n\n \n \n \n | \n
| \n {props.children}\n | \n|
\n
\n );\n }\n\n function renderConfiguredConditions() {\n return props.logicConfig.conditions.map((condition) => {\n const sourceField = availableFields.find(({ id }) => id === condition.source_id);\n const multipleChoiceMatchValue = sourceField.multiple_choice_options\n .find(({ id }) => id === Number(condition.match_value))?.name;\n\n return (\n \n {actionsForLogicableType(props.logicableType).find(({ value }) => value === props.logicConfig.action).label}\n if\n {renderConfiguredConditions()}\n
\n \n {renderEditButton()}\n {renderXButton()}\n
\n - \n {props.showTitle && (\n
- \n
- \n {props.error && (\n
{props.error} \n )}\n {props.editing ? renderEditView() : renderConfiguredView()}\n \n
\n
\n )\n }\n\n if (props.enableCloseIfOutside) {\n return (\n \n {props.children}\n
\n );\n};\n\nNotifBanner.propTypes = {\n className: PropTypes.string,\n};\n\nexport default NotifBanner;\n","import React from 'react';\n\nconst Well = (props) => {\n return (\n \n {props.children}\n
\n );\n};\n\nexport default Well;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, isNull } from 'underscore';\n\nimport FlowStepActions from 'actions/flow-step-actions';\nimport FormulaAPI from 'apis/formula-api';\nimport MoneyInput from 'components/shared/input_fields/money-input';\nimport Select from 'components/shared/select';\nimport SlidingToggle from 'components/shared/sliding-toggle';\n\nclass FixedPaymentSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.calculated = React.createRef();\n this.fixed = React.createRef();\n this.debouncedAmountChanged = debounce(this.amountChanged, 500);\n\n this.state = {\n availableFormulas: (this.props.step.type === 'PaymentRequirement' ? [] : null),\n formulaLoadError: false,\n };\n }\n\n componentDidMount() {\n this.loadAvailableFormulas();\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.step.type === 'PaymentRequirement') { return; }\n\n if (prevProps.step.position === this.props.step.position) { return; }\n\n this.loadAvailableFormulas();\n }\n\n onAutoadvanceToggle = () => {\n FlowStepActions.updateStep(this.props.step.id, {\n autoadvance: !this.props.step.autoadvance,\n });\n };\n\n loadAvailableFormulas = () => {\n // TODO: This is a crap workaround. This component needs its\n // presentation extracted for happier sharing between\n // Payment requirements and template editor usage\n\n if (this.props.step.type !== 'PaymentRequirement') {\n FormulaAPI.availableForStep(this.props.step.id)\n .done(this.onFormulaLoadComplete)\n .fail(this.onFormulaLoadFailed);\n }\n };\n\n onFormulaLoadComplete = (res) => {\n this.setState({\n availableFormulas: res,\n });\n };\n\n onFormulaLoadFailed = () => {\n this.setState({\n formulaLoadError: true,\n });\n };\n\n onCalculatedChanged = () => {\n this.updateConfig('calculated', this.calculated.current.checked);\n };\n\n onFormulaChanged = ({ value }) => {\n this.updateConfig('formula_id', value);\n };\n\n amountChanged = (_e, newAmount) => {\n this.updateConfig('amount', newAmount);\n };\n\n updateConfig = (attrName, value) => {\n const attrs = {\n config_attributes: {\n [attrName]: value,\n },\n };\n\n return this.props.updateAttrs(this.props.step.id, attrs);\n };\n\n renderAmountOption = () => {\n const { config, disabled, step } = this.props;\n\n return (\n \n \n
\n );\n };\n\n loadingFormulaOptions = () => {\n return isNull(this.state.availableFormulas) && !this.state.formulaLoadError;\n };\n\n noFormulasAvailable = () => {\n const formulas = this.state.availableFormulas;\n return !isNull(formulas) && formulas.length === 0;\n };\n\n defaultFormulaOptionText = () => {\n if (this.state.formulaLoadError) {\n return 'Error loading formulas';\n }\n if (isNull(this.state.availableFormulas)) {\n return 'Loading formulas...';\n }\n if (this.noFormulasAvailable()) {\n return 'No available formulas';\n }\n return 'Choose a formula';\n };\n\n getFormulaOptions = () => {\n const defaultOptions = [\n { value: null, label: this.defaultFormulaOptionText() },\n ];\n if (!isNull(this.state.availableFormulas)) {\n return [\n ...defaultOptions,\n ...this.state.availableFormulas.map((formula) => ({\n value: formula.id,\n label: formula.name,\n })),\n ];\n }\n return defaultOptions;\n };\n\n renderCalcValueOption = () => {\n const disabled = !this.props.config.calculated\n || this.loadingFormulaOptions()\n || this.noFormulasAvailable()\n || this.state.formulaLoadError;\n const formulaOptions = this.getFormulaOptions();\n return (\n \n\n \n
\n );\n };\n\n supportsAutoadvance = () => {\n // SupplementalRequirements don't \"advance\"\n return this.props.step.generic_type !== 'SupplementalRequirement';\n };\n\n renderAutoadvanceToggle = () => {\n if (!this.supportsAutoadvance()) { return; }\n\n return (\n \n
\n );\n };\n\n render() {\n return (\n <>\n \n {!this.props.config.calculated && this.renderAmountOption()}\n {this.props.config.calculated && this.renderCalcValueOption()}\n
\n\n {this.renderAutoadvanceToggle()}\n \n );\n }\n}\n\nFixedPaymentSettings.propTypes = {\n disabled: PropTypes.bool.isRequired,\n config: PropTypes.shape({\n formula_id: PropTypes.number,\n calculated: PropTypes.bool.isRequired,\n amount: PropTypes.string.isRequired,\n payable_id: PropTypes.number,\n }).isRequired,\n\n step: PropTypes.shape({\n id: PropTypes.number.isRequired,\n type: PropTypes.string,\n position: PropTypes.number,\n autoadvance: PropTypes.bool,\n generic_type: PropTypes.string,\n }).isRequired,\n updateAttrs: PropTypes.func,\n};\n\nexport default FixedPaymentSettings;\n","import React, { useRef } from 'react';\nimport Well from 'components/shared/well';\nimport FixedPaymentSettings from './fixed-payment-settings';\n\nconst EditPaymentView = (props) => {\n const flatRef = useRef();\n const calculatedRef = useRef();\n const cashAllowedCheckbox = useRef();\n const checkAllowedCheckbox = useRef();\n const constituentFeeCheckbox = useRef();\n\n function configChanged() {\n // calculated ref does not exist when this is being used for supplemental payment\n const fixed = !!(flatRef.current.checked || (calculatedRef.current && calculatedRef.current.checked));\n\n const calculated = (calculatedRef.current && calculatedRef.current.checked);\n props.updateAttrs(props.step.id, {\n config_attributes: {\n accepts_cash: cashAllowedCheckbox.current.checked,\n accepts_checks: checkAllowedCheckbox.current.checked,\n constituent_pays_fee: constituentFeeCheckbox.current.checked,\n fixed,\n calculated,\n },\n });\n }\n\n function renderCheckDetails() {\n if (props.config.accepts_checks) {\n return (\n Payment settings
\n\n\n
\n );\n }\n\n function renderPaymentAmount() {\n const flat = props.config.fixed && !props.config.calculated;\n\n return (\n - \n \n \n
Payment amount
\n\n\n
\n {renderCalculateOption()}\n\n - \n \n \n
\n
\n - \n \n \n
\n
\n );\n};\n\nexport default EditPaymentView;\n","import React from 'react';\nimport Flash from 'components/shared/flash';\nimport EditPaymentView from './payment_details/edit-payment-view';\n\nclass PaymentStepDetails extends React.Component {\n checkInstructionsBlurred = (e) => {\n const newInstructions = e.currentTarget.value;\n const { id, config } = this.props.step;\n\n if (config.check_instructions === newInstructions) { return; }\n\n this.props.updateAttrs(id, {\n config_attributes: {\n check_instructions: newInstructions,\n },\n })\n .done(() => { Flash.success('Check instructions updated'); });\n };\n\n cashInstructionsBlurred = (e) => {\n const newInstructions = e.currentTarget.value;\n const { id, config } = this.props.step;\n\n if (config.cash_instructions === newInstructions) { return; }\n\n this.props.updateAttrs(id, {\n config_attributes: {\n cash_instructions: newInstructions,\n },\n })\n .done(() => { Flash.success('Cash instructions updated'); });\n };\n\n render() {\n return (\n Applicant will be prompted to submit a payment.
\n\n {renderPaymentAmount()}\n {renderPaymentSettings()}\n\n
\n );\n};\n\nSelection.propTypes = {\n selection: PropTypes.shape({}),\n showAsCurrentUser: PropTypes.bool,\n removeLinkText: PropTypes.string,\n disableRemoval: PropTypes.bool,\n smallerAvatar: PropTypes.bool,\n onRemove: PropTypes.func.isRequired,\n};\n\nexport default Selection;\n","import React, { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Flash from 'components/shared/flash';\nimport EmailValidator from 'modules/email-validator';\nimport ListOfPeople from 'components/shared/list-of-people';\nimport CloseIfOutsideWrapper from 'components/shared/close-if-outside-wrapper';\nimport { isEmpty, findWhere, debounce } from 'underscore';\n\nconst PersonSelector = (props) => {\n const [active, setActive] = useState(false);\n const [searchInput, setSearchInput] = useState('');\n const [searching, setSearching] = useState(false);\n const [searchResults, setSearchResults] = useState([]);\n const [inviteeName, setInviteeName] = useState('');\n\n function onClose() {\n setInviteeName('');\n setActive(false);\n }\n\n function onSendInvite() {\n if (inviteeName.length < 1) {\n Flash.error('Please enter a name');\n return;\n }\n\n sendInvite();\n }\n\n function sendInvite() {\n const email = searchInput;\n props.onInvite(email, inviteeName);\n\n onClose();\n }\n\n function onInviteeNameChanged(e) {\n setInviteeName(e.currentTarget.value);\n }\n\n function onInputChanged(e) {\n const newTerms = e.currentTarget.value;\n setSearchInput(newTerms);\n setSearching(true);\n\n if (isEmpty(newTerms) || newTerms.length < 2) {\n onClose();\n return;\n }\n\n setActive(true);\n\n search(newTerms);\n }\n\n const search = useCallback(debounce((newTerms) => {\n props.doSearch(newTerms)\n .done((r) => {\n setSearchResults(r);\n setSearching(false);\n })\n .fail(() => { Flash.error('Something went wrong.'); });\n }, 333), []);\n\n function existingMember(person) {\n if (props.attachableType == 'MasterTemplateMembership') {\n return findWhere(props.memberUsers, { user_id: person.id });\n }\n\n return findWhere(props.memberUsers, { id: person.id });\n }\n\n function onPersonSelect(person) {\n const existingAttachment = existingMember(person);\n if (!props.allowToggle && existingAttachment) {\n Flash.error('Member already added.');\n return;\n } if (existingAttachment) {\n props.onToggleOff(existingAttachment);\n } else {\n props.onSelect(person);\n }\n\n onClose();\n }\n\n function renderContent() {\n return (\n \n {renderSearchInput()}\n {active && renderSearchResults()}\n
\n \n {content}\n
\n );\n }\n\n function invitePrompt() {\n return (\n \n
\n );\n }\n\n return renderContent();\n};\n\nPersonSelector.propTypes = {\n hideExternal: PropTypes.bool.isRequired,\n allowPseudo: PropTypes.bool.isRequired,\n memberUsers: PropTypes.array,\n allowToggle: PropTypes.bool,\n onToggleOff: PropTypes.func,\n onClose: PropTypes.func,\n onInvite: PropTypes.func,\n placeholder: PropTypes.string,\n inputStyle: PropTypes.object,\n id: PropTypes.string,\n personNoFoundText: PropTypes.string,\n};\n\nPersonSelector.defaultProps = {\n placeholder: 'Type or paste an email, name or ClearForms username',\n};\n\nexport default PersonSelector;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport { isNull } from 'underscore';\nimport Modal from './modal';\n\nconst Picker = (props) => {\n const [selected, setSelected] = useState(null);\n const [saving, setSaving] = useState(false);\n\n const onSelect = (id) => {\n setSelected(id);\n props.onSelect(id);\n };\n\n const isSelected = (id) => {\n return id === selected;\n };\n\n const getClassName = (id) => {\n return `icon-container ${isSelected(id) ? 'selected' : ''}`;\n };\n\n const getColumnClassName = () => {\n if (!props.columns || (props.columns < 2 || props.columns > 6)) {\n return 'picker-2';\n }\n return `picker-${props.columns}`;\n };\n\n const renderText = (item) => {\n if (item.description) {\n return (\n We can't find that email address in our system. Add a name and we'll send them an invite.
\n \n \n\n Send invite to {inviteeName}\n
\n {item.description}
\n\n
\n \n
\n \n
\n {props.title}
\n\n
\n - \n {props.items.map((item) => {\n return (\n
- \n \n {item.icon}\n {isSelected(item.id) && (\n\n\n \n\n )}\n \n {renderText(item)}\n
- \n
\n \n \n {saving ? 'Working...' : props.saveTitle}\n \n
\n \n \n {role.initials}\n \n
\n\n \n
\n \n );\n};\n\nRoleDisc.propTypes = {\n role: PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n initials: PropTypes.string.isRequired,\n user_count: PropTypes.number.isRequired,\n }).isRequired,\n};\n\nexport default RoleDisc;\n","/*\n * This component provides a wrapper around react-select\n * that provides props that allow for our styling of the\n * component to take precedence.\n*/\nimport React from 'react';\nimport ReactSelect from 'react-select';\n\nconst noop = () => null;\nconst defaultComponents = { IndicatorSeparator: noop };\nconst Select = (props) => (\n {role.name}
\n\n \n \n {role.user_count} role {pluralize('member', role.user_count)}\n \n\n { showMembers && (\n \n \n )}\n
\n \n {renderMembersContent()}\n
\n \n
\n \n );\n};\n\nSideMenu.propTypes = {\n title: PropTypes.string.isRequired,\n position: PropTypes.string,\n onClose: PropTypes.func.isRequired,\n wrapperIgnoreClass: PropTypes.arrayOf(PropTypes.string),\n transitionRef: PropTypes.shape({}),\n};\n\nSideMenu.defaultProps = {\n position: 'right',\n};\n\nexport default SideMenu;\n","import PropTypes from 'prop-types';\nimport React, { memo } from 'react';\nimport _ from 'underscore';\n\nconst SlidingToggle = memo((props) => {\n const DEFAULT_OPTIONS = {\n size: 'normal',\n };\n\n const options = _.extend(DEFAULT_OPTIONS, props.options);\n\n const handleClick = () => {\n if (!props.disabled) {\n props.onToggle();\n }\n };\n\n const labelClass = () => {\n return props.on ? 'on' : '';\n };\n\n const renderDescription = () => {\n if (!props.description) { return; }\n\n return (\n \n
\n \n
\n {props.title}
\n\n {props.children}\n
\n \n \n
\n \n {props.description}\n
\n );\n };\n\n const classes = () => {\n let classes = 'slidingtoggle cf';\n\n if (props.on) {\n classes += ' on';\n }\n\n if (props.disabled) {\n classes += ' disabled';\n }\n\n return classes;\n };\n\n const renderNestedContent = () => {\n if (!props.on || !props.children) { return; }\n\n return (\n \n {props.children}\n
\n );\n };\n\n return (\n <>\n \n\n {renderNestedContent()}\n \n );\n});\n\nSlidingToggle.displayName = 'SlidingToggle';\n\nSlidingToggle.defaultProps = {\n disabled: false,\n label: '',\n className: '',\n id: '',\n};\n\nSlidingToggle.propTypes = {\n disabled: PropTypes.bool.isRequired,\n onToggle: PropTypes.func.isRequired,\n on: PropTypes.bool.isRequired,\n className: PropTypes.string,\n id: PropTypes.string,\n label: PropTypes.string,\n description: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n options: PropTypes.shape({\n size: PropTypes.string,\n }),\n};\n\nexport default SlidingToggle;\n","import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { icon as i } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport Picker from 'components/shared/picker';\nimport FlowStepActions from 'actions/flow-step-actions';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { getDataTypes } from 'modules/step-data-types';\nimport { isNull } from 'underscore';\n\nconst FIELD_ICONS = {\n string: \n {formulaValuesEnabled && (\n
\n );\n};\n\nMultipleChoices.propTypes = {\n options: PropTypes.array.isRequired,\n disabled: PropTypes.bool.isRequired,\n stepDatum: PropTypes.object.isRequired,\n onDeleteFail: PropTypes.func.isRequired,\n onOptionChange: PropTypes.func.isRequired,\n};\n\nexport default MultipleChoices;\n","import React, { useState, useEffect } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport PropTypes from 'prop-types';\nimport { validateNumberFormat } from 'modules/collected-data-validator';\nimport AdvancedLabel from 'components/shared/advanced-label';\nimport { debounce as d } from 'underscore';\n\nconst NumericSettings = ({\n stepDatum,\n onDataChanged,\n onLimitChanged,\n}) => {\n const [minValue, setMinValue] = useState(stepDatum.min_value || '');\n const [maxValue, setMaxValue] = useState(stepDatum.max_value || '');\n const debouncedOnDataChanged = d(onDataChanged, 500);\n\n useEffect(() => {\n if (stepDatum.min_value !== minValue) {\n if (validateMinValue(minValue)) {\n updateValue({ min_value: minValue }, true);\n }\n }\n }, [maxValue]);\n\n useEffect(() => {\n if (stepDatum.max_value !== maxValue) {\n if (validateMaxValue(maxValue)) {\n updateValue({ max_value: maxValue }, true);\n }\n }\n }, [minValue]);\n\n const validateMinValue = (value = minValue) => {\n let min = value;\n let max = maxValue;\n if (min === '') { return true; }\n if (!validateNumberFormat(min, stepDatum)) { return false; }\n if (!validateNumberFormat(max, stepDatum)) { return true; }\n min = parseFloat(min);\n max = parseFloat(max);\n return min <= max;\n };\n\n const validateMaxValue = (value = maxValue) => {\n let min = minValue;\n let max = value;\n if (max === '') { return true; }\n if (!validateNumberFormat(max, stepDatum)) { return false; }\n if (!validateNumberFormat(min, stepDatum)) { return true; }\n min = parseFloat(min);\n max = parseFloat(max);\n return min <= max;\n };\n\n const updateValue = (attrs, debounce = false) => {\n const call = debounce ? debouncedOnDataChanged : onDataChanged;\n call(\n attrs,\n () => {\n onLimitChanged();\n },\n );\n };\n\n const onMinValueChanged = (e) => {\n const { value } = e.target;\n setMinValue(value);\n\n if (validateMinValue(value)) {\n updateValue({ min_value: value }, true);\n }\n };\n\n const onMinValueClear = (e) => {\n e.preventDefault();\n setMinValue('');\n updateValue({ min_value: '' });\n };\n\n const onMaxValueChanged = (e) => {\n const { value } = e.target;\n setMaxValue(value);\n if (validateMaxValue(value)) {\n updateValue({ max_value: value }, true);\n }\n };\n\n const onMaxValueClear = (e) => {\n e.preventDefault();\n setMaxValue('');\n updateValue({ max_value: '' });\n };\n\n return (\n <>\n \n \n \n \n\n \n \n \n
\n )}\n \n\n \n \n {({ innerRef, droppableProps, placeholder }) => (\n \n \n {!formulaValuesEnabled && (\n
\n \n \n {orderedOptions.map((optionData, index) => (\n
\n )}\n \n {/* TODO: there should be a way to do this \"click for new option\"\n concept without focus manipulation, and in a way that preserves\n the input so that the user's focus isn't jumping. */}\n
\n )}\n \n {\n e.preventDefault();\n setFormulaValuesEnabled(true);\n }}\n >Set Formula Values\n \n
\n )}\n \n \n Clear all\n \n\n
\n {formulaValuesEnabled && (\n \n )}\n \n
\n \n Invalid min value\n
\n )}\n \n
\n \n Invalid max value\n
\n )}\n \n
\n );\n };\n\n const renderAutofillOnRenewal = () => {\n const toggleValue = autofillEnabled ? autofillOnRenewal : false;\n const title = 'To enable this setting, turn on Renewal autofilling in the Outputs settings';\n return (\n \n
\n );\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n value === dateType)}\n options={options}\n onChange={onDateFormatChange}\n styles={{\n container: (provided) => ({\n ...provided,\n display: 'inline-block',\n }),\n }}\n />\n
\n \n Cannot be greater than the number of available selections\n
\n )}\n {input}
\n \n Invalid default value\n
\n );\n }\n };\n\n const onEntityCreatableChanged = () => {\n onDataChanged(\n { entity_createable: !entityCreateable },\n () => {\n setEntityCreateable(!entityCreateable);\n },\n );\n };\n\n const renderTypeSpecificSettings = () => {\n switch (stepDatum.data_type) {\n case 'text':\n case 'string':\n return (\n \n
\n \n \n Advanced Settings\n \n \n
\n );\n };\n\n function renderAdvancedSettings () {\n return (\n \n \n \n {canConfigureDefault && (\n
\n
\n )\n }\n\n return (\n | \n | \n \n {defaultInput()}\n {renderDefaultIsInvalidWarning()}\n | \n
\n {children}\n {renderToggle()}\n {open && renderAdvancedSettings()}\n
\n );\n};\n\nFieldSettings.displayName = 'FieldSettings';\n\nFieldSettings.propTypes = {\n stepDatum: PropTypes.shape({\n data_type: PropTypes.string.isRequired,\n default: PropTypes.string,\n min_num_checks: PropTypes.number.isRequired,\n id: PropTypes.number,\n max_length: PropTypes.number,\n min_value: PropTypes.string,\n max_value: PropTypes.string,\n custom_entity: PropTypes.shape({\n type: PropTypes.string,\n }),\n required: PropTypes.bool,\n redacted: PropTypes.bool,\n date_type: PropTypes.string,\n date_range_start_label: PropTypes.string,\n date_range_end_label: PropTypes.string,\n autofill_on_renewal: PropTypes.bool,\n lock_on_renewal: PropTypes.bool,\n entity_creatable: PropTypes.bool,\n }).isRequired,\n multipleChoiceOptions: PropTypes.arrayOf(PropTypes.shape({})),\n autofillEnabled: PropTypes.bool.isRequired,\n onDataChanged: PropTypes.func.isRequired,\n fieldName: PropTypes.string,\n transitionRef: PropTypes.shape({}),\n};\n\nexport default FieldSettings;\n","import React, {\n useState, useCallback, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { isArray, debounce } from 'underscore';\nimport truncate from 'truncate';\nimport { Draggable } from 'react-beautiful-dnd';\n\nimport InlineNotification from 'components/shared/inline-notification';\nimport Select from 'components/shared/select';\nimport { getDataTypes, fieldNameForType } from 'modules/step-data-types';\nimport { confirm } from 'modules/alert-confirm';\nimport FlowStepActions from 'actions/flow-step-actions';\nimport MultipleChoiceOptionActions from 'actions/multiple-choice-option-actions';\nimport { error as err } from 'components/shared/flash';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport MultipleChoices from './multiple-choices';\nimport FieldSettings from './field-settings';\nimport DropdownMenu from '../dropdown-menu';\n\nconst StepDataCollectorRow = ({\n datum, stepType, disabled, onClick, active, index, customEntities, autofillEnabledOnTemplate,\n}) => {\n const [error, setError] = useState();\n const [nameValue, setNameValue] = useState(datum.name === 'Untitled field' ? '' : datum.name);\n\n const onDataChanged = useCallback((attrs, onSuccess = null, onFail = null) => {\n return FlowStepActions.updateStepData(datum.id, attrs)\n .done((res) => {\n if (onSuccess) {\n onSuccess(res);\n }\n })\n .fail((res) => {\n if (onFail) {\n onFail();\n }\n handleError(res);\n });\n }, [datum]);\n\n const debouncedOnDataChanged = useMemo(() => debounce(onDataChanged, 500), [onDataChanged]);\n\n const [prevType, setPrevType] = useState(datum.data_type);\n useEffect(() => {\n if (prevType !== datum.data_type) {\n setPrevType(datum.data_type);\n }\n }, [datum, prevType]);\n\n const onTypeChange = ({ value }) => {\n onDataChanged({\n data_type: value, default: '', multiple_choice_options: null, custom_entity_id: null, custom_entity: null,\n });\n };\n\n const onDeleteButtonClick = (e) => {\n e.preventDefault();\n\n confirm('Are you sure?', `Are you sure you want to delete ${datum.name}?`, () => {\n FlowStepActions.deleteStepData(datum.id)\n .fail(handleError);\n });\n };\n\n const onMultipleChoiceOptionChange = (id, attrs) => (\n MultipleChoiceOptionActions.updateOption(id, attrs)\n .fail(handleError)\n .done(() => setError(null))\n );\n\n const handleError = (res) => {\n if (!res.responseJSON.errors) {\n err();\n } else if (isArray(res.responseJSON.errors)) {\n err(res.responseJSON.errors[0]);\n } else {\n setError(res.responseJSON.errors.base[0]);\n }\n };\n\n const dataTypeOptions = getDataTypes(stepType, { customEntities })\n .map((dataType) => ({ value: dataType.type, label: dataType.name }));\n\n const isDataTypeWithOptions = ['multiple_choice', 'checkboxes'].includes(datum.data_type);\n\n const onRowClick = () => {\n if (onClick) {\n onClick(datum.id);\n }\n };\n\n const onDuplicateButtonClick = () => {\n FlowStepActions.duplicateDatum(datum.id);\n };\n\n const renderMenu = () => {\n return (\n - \n
- \n
- \n
\n \n
\n {renderMenu()}\n \n );\n\n return (\n \n {disabled || !active ? (\n
\n \n );\n }}\n \n \n
\n ) : (\n \n {fieldNameForType(datum.data_type, { customEntities, customEntityId: datum.custom_entity_id })}\n
\n \n
\n {options}\n \n {error} }\n \n {options}\n \n
\n )}\n \n
\n \n )}\n
\n\n {error && \n {\n const { value } = e.target;\n setNameValue(value);\n debouncedOnDataChanged({ name: value });\n }}\n value={nameValue}\n name='fieldname'\n placeholder='Add field title'\n type='text'\n />\n\n value === (datum.data_type === 'entity' ? `entity-${datum.custom_entity_id}` : datum.data_type))}\n options={dataTypeOptions}\n onChange={onTypeChange}\n disabled={disabled}\n styles={{\n container: (provided) => ({\n ...provided,\n display: 'inline-block',\n // Approximately 0.95 - 1/phi\n width: '33%',\n }),\n }}\n />\n
\n\n {(isDataTypeWithOptions) && (\n \n \n \n )}\n
setIsEditorActive(true)}>\n
\n );\n if (disabled) {\n if (section.instructions) {\n content = (\n \n );\n } else {\n content = (\n \n Instructions disabled.\n \n );\n }\n } else if (isEditorActive) {\n content = (\n \n
\n );\n }\n return (\n\n \n \n \n {renderInstructions()}\n {renderLogicConfig()}\n \n
\n
\n );\n};\n\nSectionSettings.propTypes = {\n section: PropTypes.shape({\n id: PropTypes.number.isRequired,\n sectionable_type: PropTypes.string.isRequired,\n logic_config: PropTypes.shape({}),\n instructions: PropTypes.string,\n }).isRequired,\n flowTemplate: PropTypes.shape({\n formulas: PropTypes.arrayOf(PropTypes.shape({})),\n }).isRequired,\n disabled: PropTypes.bool,\n logicDisabled: PropTypes.bool,\n hasLogic: PropTypes.bool.isRequired,\n};\n\nexport default SectionSettings;\n","import React, { useState, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from 'underscore';\nimport { Draggable, Droppable } from 'react-beautiful-dnd';\n\nimport FlowStepActions from 'actions/flow-step-actions';\nimport SurveyActions from 'actions/survey-actions';\nimport { STEP_ROW } from 'constants/template-manager-constants';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport DropdownMenu from 'components/shared/dropdown-menu';\nimport SideMenu from 'components/shared/side-menu';\nimport NotifBanner from 'components/shared/notif-banner';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport NewFieldPicker from './new-field-picker';\nimport StepDataCollectorRow from './step-data-collector-row';\nimport SectionSettings from './settings/section-settings';\n\nconst STEP_TYPE_MAP = {\n Step: 'CollectInfoStep',\n Survey: 'SurveyStep',\n};\nconst StepDataSection = ({\n section,\n disabled,\n sectionableId,\n sectionableType,\n stepId,\n flowTemplate,\n stepData,\n onDatumClick,\n index,\n activeDatumId,\n allowedStepDatumTypes,\n}) => {\n const [showSectionSettings, setShowSectionSettings] = useState(false);\n const [sectionName, setSectionName] = useState(section.name);\n const [showFieldMenu, setShowFieldMenu] = useState(false);\n const sidemenuRef = useRef(null);\n\n const isLogicDisabled = section.sectionable_type !== 'Step' || stepData.some((s) => { return s.used_in_formula; })\n\n const sectionNameChanged = useMemo(\n () => debounce((name) => FlowStepActions.updateSection(section.id, { name }), 500),\n [section],\n );\n\n const copy = () => {\n switch (sectionableType) {\n case 'Step':\n FlowStepActions.copySection(section.id, sectionableId);\n break;\n\n case 'Survey':\n SurveyActions.copySection(section.id, stepId);\n break;\n\n default:\n throw Error(`Invalid sectionableType ${sectionableType}`);\n }\n };\n\n const destroySectionClicked = () => {\n FlowStepActions.destroySection(section.id);\n };\n\n const autofillEnabledOnTemplate = flowTemplate?.configured_outputs?.[0]?.autofill;\n\n const renderBannerLogic = () => {\n return (\n \n \n \n
\n );\n };\n\n const renderSectionSettings = () => {\n return (\n \n
\n \n
\n \n
\n \n \n Conditional logic has been applied to this section. \n \n setShowSectionSettings(true)}\n className='btn-link'\n >\n View conditional logic\n \n
\n - \n
- setShowSectionSettings(true)}>\n
- \n
- \n
\n
\n\n {!!section.logic_config && renderBannerLogic()}\n\n \n {\n const { value } = e.target;\n setSectionName(value);\n sectionNameChanged(value);\n }}\n disabled={disabled}\n />\n\n
\n \n {!disabled && (\n <>\n \n
\n {renderMenu()}\n \n )}\n \n \n
\n )}\n {showFieldMenu && (\n \n \n \n {({ innerRef, droppableProps, placeholder }) => (\n
\n );\n};\n\nStepDataCollector.propTypes = {\n sections: PropTypes.array.isRequired,\n stepId: PropTypes.number.isRequired,\n sectionableId: PropTypes.number.isRequired,\n disabled: PropTypes.bool.isRequired,\n flowTemplate: PropTypes.object,\n allowedStepDatumTypes: PropTypes.array.isRequired,\n sectionableType: PropTypes.string.isRequired,\n stepData: PropTypes.array,\n};\n\nexport default StepDataCollector;\n","var LogicConfigAPI = {\n\tcreate(logicableId, logicableType, action, conditions){\n\t\tconst url = `/logic_configs`;\n\n\t\treturn $.ajax(url, {\n\t\t\tmethod: 'POST',\n\t\t\tdataType: 'json',\n\t\t\tdata: {\n\t\t\t\tlogic_config: {\n\t\t\t\t\tlogicable_id: logicableId,\n\t\t\t\t\tlogicable_type: logicableType,\n\t\t\t\t\taction,\n\t\t\t\t\tlogic_conditions_attributes: conditions\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t},\n\n update(id, action, conditions){\n const url = `/logic_configs/${id}`;\n\n return $.ajax(url, {\n method: 'PUT',\n dataType: 'json',\n data: {\n logic_config: {\n action,\n logic_conditions_attributes: conditions\n }\n }\n });\n },\n\n\tdestroy(logicConfigId){\n\t\tconst url = `/logic_configs/${logicConfigId}`;\n\n\t\treturn $.ajax(url, {\n\t\t\tmethod: 'DELETE',\n\t\t\tdataType: 'json'\n\t\t});\n\t},\n};\n\nexport default LogicConfigAPI;\n","import StepDataAPI from '../apis/step-data-api';\nimport LogicConfigAPI from '../apis/logic-config-api';\nimport Flash from '../components/shared/flash';\nimport Dispatcher from '../appdispatcher';\nimport FlowStepConstants from '../constants/template-manager-constants';\n\nfunction onLogicConfigSaved(logicConfig) {\n Dispatcher.dispatch({\n actionType: FlowStepConstants.LOGIC_CONFIG_ADDED,\n logicConfig,\n });\n}\n\nfunction onLogicConfigDestroy(res) {\n const logicConfig = res.logic_config;\n const newStepAssignmentGroups = res?.new_groups;\n\n Dispatcher.dispatch({\n actionType: FlowStepConstants.LOGIC_CONFIG_DESTROYED,\n logicConfig,\n newStepAssignmentGroups,\n });\n}\n\nfunction formatConditions(conditions) {\n return conditions.map((c, index) => {\n return {\n source_id: c.source_id,\n source_type: 'StepDatum',\n comparator: c.comparator,\n match_value: c.match_value,\n connective: (index === conditions.length - 1) ? null : c.connective, // Last condition has no connective\n };\n });\n}\n\nconst LogicActions = {\n fetchAvailableFields(sectionId) {\n return StepDataAPI.availableForSectionConfig(sectionId)\n\t\t\t\t\t\t\t\t\t\t\t.fail(() => { Flash.error(); });\n },\n\n create(logicableId, logicableType, action, conditions) {\n return LogicConfigAPI.create(logicableId, logicableType, action, formatConditions(conditions))\n\t\t\t\t\t\t\t\t\t.done(onLogicConfigSaved)\n\t\t\t\t\t\t\t\t\t.fail(() => { Flash.error(); });\n },\n\n update(logicConfigId, action, conditions) {\n return LogicConfigAPI.update(logicConfigId, action, formatConditions(conditions))\n .done(onLogicConfigSaved)\n .fail(() => { Flash.error(); });\n },\n\n destroy(logicConfigId) {\n return LogicConfigAPI.destroy(logicConfigId)\n\t\t\t\t\t\t\t\t\t\t\t\t .done(onLogicConfigDestroy);\n },\n};\n\nexport default LogicActions;\n","import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniqueId } from 'underscore';\n\nimport LogicActions from 'actions/logic-actions';\nimport { actionsForLogicableType } from 'constants/logic-constants';\nimport LogicWidget from './logic-widget';\nimport LogicValidator from './logic_widget/logic-validator';\n\nconst StepLogic = (props) => {\n const initialLogicConfig = () => {\n // Note that this shape matches react-select's option shape\n // TODO: Having this defined this far from where it's used is\n // potentially a problem.\n const defaultAction = actionsForLogicableType(props.logicableType)[0].value;\n return (\n props.logicConfig\n || {\n action: defaultAction,\n conditions: [{ tempId: uniqueId() }],\n }\n );\n };\n\n const [editing, setEditing] = useState(!props.logicConfig);\n const [logicConfig, setLogicConfig] = useState(initialLogicConfig);\n const [error, setError] = useState(null);\n\n const didMountRef = useRef(false);\n\n useEffect(() => {\n if (didMountRef.current) {\n setLogicConfig(initialLogicConfig());\n setEditing(false);\n } else {\n didMountRef.current = true;\n }\n }, [props.logicConfig]);\n\n const onDelete = () => {\n if (props.logicConfig) {\n LogicActions\n .destroy(props.logicConfig.id)\n .done(() => {\n if (props.onLogicOff) {\n props.onLogicOff();\n }\n });\n }\n };\n\n function saveLogic() {\n let promise;\n if (logicConfig.id) {\n promise = LogicActions.update(logicConfig.id, logicConfig.action, logicConfig.conditions);\n } else {\n promise = LogicActions.create(\n props.logicableId,\n props.logicableType,\n logicConfig.action,\n logicConfig.conditions,\n );\n }\n if (props.onLogicSave) {\n promise.done((res) => props.onLogicSave(res));\n }\n }\n\n const onCancel = () => {\n setEditing(false);\n setLogicConfig(initialLogicConfig());\n\n if (props.onLogicOff) {\n props.onLogicOff();\n }\n };\n\n const onSave = (e) => {\n e.preventDefault();\n\n setError(null);\n const validator = new LogicValidator(logicConfig.action, logicConfig.conditions);\n\n if (validator.validateConfig()) {\n saveLogic();\n } else {\n setError('Invalid logic configuration');\n }\n };\n\n return (\n \n \n {orderedSections.map((section, index) => {\n return (\n \n \n {placeholder}\n
\n )}\n \n \n \n {!disabled && (\n \n \n
\n )}\n \n \n
\n );\n};\n\nStepLogic.propTypes = {\n flowTemplate: PropTypes.shape({}).isRequired,\n logicableType: PropTypes.string,\n logicableId: PropTypes.number,\n logicConfig: PropTypes.shape({\n id: PropTypes.number,\n }),\n disabled: PropTypes.bool,\n onLogicOff: PropTypes.func,\n onLogicSave: PropTypes.func,\n showTitle: PropTypes.bool,\n};\n\nStepLogic.defaultProps = {\n disabled: false,\n showTitle: true,\n};\nexport default StepLogic;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport keyboard from 'keyboardjs';\nimport _ from 'underscore';\nimport RegexEscape from 'regex-escape';\n\nconst TAG_MARKER = '@';\n\nclass MentionsManager extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n mentionStarted: false,\n suggestions: [],\n selectionIdx: 0,\n searchQueries: this.getSearchQueries(props),\n };\n }\n\n componentDidMount() {\n this.inputElement = this.props.getInputElement();\n\n // scope events to inputElement\n keyboard.watch(this.inputElement);\n\n keyboard.on('up', this.prevSuggestion);\n keyboard.on('down', this.nextSuggestion);\n\n // keydown event needs to use the useCapture option\n document.addEventListener('keydown', this.handleKeydown, true);\n }\n\n componentWillUnmount() {\n keyboard.stop(this.inputElement);\n keyboard.off('up', this.prevSuggestion);\n keyboard.off('down', this.nextSuggestion);\n document.removeEventListener('keydown', this.handleKeydown, true);\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.html === prevProps.html) return;\n\n this.handleTagSearch(this.props);\n }\n\n handleKeydown = (e) => {\n if (e.keyCode === 13 && this.state.suggestions.length) {\n // if enter is pressed prevent input element from receiving event\n e.stopPropagation();\n e.preventDefault();\n\n this.selectSuggestion(e);\n }\n };\n\n handleDefaultKeyEvents = (e) => {\n if (this.state.suggestions.length) {\n e.preventDefault();\n }\n };\n\n nextSuggestion = (e) => {\n this.handleDefaultKeyEvents(e);\n\n if (!this.state.suggestions.length) return;\n\n this.setState({\n selectionIdx: (this.state.selectionIdx + 1) % this.state.suggestions.length,\n });\n };\n\n prevSuggestion = (e) => {\n this.handleDefaultKeyEvents(e);\n\n if (!this.state.suggestions.length) return;\n\n let newIndex;\n if ((this.state.selectionIdx - 1) < 0) {\n // wrap around if already on first selection\n newIndex = this.state.suggestions.length - 1;\n } else {\n newIndex = this.state.selectionIdx - 1;\n }\n\n this.setState({ selectionIdx: newIndex });\n };\n\n selectSuggestion = (e) => {\n this.handleDefaultKeyEvents(e);\n\n const selectedTag = this.state.suggestions[this.state.selectionIdx];\n this.insertTag(selectedTag);\n };\n\n resetSuggestions = () => {\n this.setState({\n selectionIdx: 0,\n suggestions: [],\n });\n };\n\n mentionNames = () => {\n return this.props.data.map((mention) => this.normalizeName(mention.displayName));\n };\n\n normalizeName(name) {\n return name.toLowerCase().split(' ').join('-');\n }\n\n handleTagSearch = (newProps) => {\n const newQueries = this.getSearchQueries(newProps);\n const newActiveQuery = this.getActiveQuery(newQueries);\n\n // the html changing but the active query staying the same\n // means the change was made outside of the query and\n // the query should no longer be active\n const queryInactive = _.isEqual(newActiveQuery, this.state.activeQuery) && (this.props.html !== newProps.html);\n\n if (typeof newActiveQuery === 'undefined' || queryInactive) {\n this.resetSuggestions();\n } else {\n this.updateSuggestedMentions(newActiveQuery);\n }\n\n this.setState({\n searchQueries: newQueries,\n activeQuery: newActiveQuery,\n });\n };\n\n getActiveQuery(newQueries) {\n let activeQuery;\n newQueries.forEach((newQuery, idx) => {\n const oldQuery = this.state.searchQueries[idx];\n\n if ((typeof oldQuery === 'undefined') || (newQuery !== oldQuery)) {\n activeQuery = newQuery;\n }\n });\n\n return activeQuery;\n }\n\n updateSuggestedMentions = (queryStr) => {\n const suggestions = this.props.data.filter((datum) => {\n const escapedQuery = RegexEscape(queryStr);\n return this.normalizeName(datum.name).match(new RegExp(`^${escapedQuery}`));\n });\n\n // only show three suggestions\n this.setState({ suggestions: suggestions.slice(0, 3) });\n };\n\n getSearchQueries = ({ html }) => {\n const allPossibleQueries = [];\n\n let mentionBeginningIdx;\n for (let i = 0; i < html.length; i++) {\n const char = html[i];\n if (char === TAG_MARKER) {\n // if char matches, mark beginning of possible mention position\n mentionBeginningIdx = i;\n } else if ((char === '<' || char === ' ') && mentionBeginningIdx) {\n // if possible mention substring has ended add pair of indices to output array\n allPossibleQueries.push(html.slice(mentionBeginningIdx + 1, i));\n\n mentionBeginningIdx = null;\n }\n }\n\n return allPossibleQueries;\n };\n\n insertTag(mention) {\n this.props.onMentionInsert(mention.mentionType, mention.id, mention.name);\n this.resetSuggestions();\n }\n\n renderSuggestedTag = (mention, idx) => {\n const isSelected = this.state.selectionIdx === idx;\n return (\n \n \n \n
\n \n - {this.renderSuggestedMentions()}
\n\n { this.quill = el; }}\n defaultValue={this.props.content}\n theme='snow'\n formats={this.formats}\n modules={this.modules}\n onChange={this.onChange}\n />\n\n
\n );\n }\n}\n\nTextEditor.defaultProps = {\n formattedMentionData: [],\n onChange: () => {},\n toolbar: DEFAULT_QUILL_TOOLBAR,\n formats: DEFAULT_QUILL_FORMATS,\n};\n\nTextEditor.propTypes = {\n className: PropTypes.string,\n content: PropTypes.string,\n formattedMentionData: PropTypes.array,\n onChange: PropTypes.func,\n toolbar: PropTypes.array,\n formats: PropTypes.formats,\n};\n\nexport default TextEditor;\n","import React from 'react';\n\nconst TextEditorButtons = (props) => {\n function renderCancelButton() {\n return (\n \n );\n }\n\n return (\n \n {props.onClose && renderCancelButton()}\n \n
\n );\n};\n\nTextEditorButtons.defaultProps = {\n saveDisabled: false,\n};\n\nexport default TextEditorButtons;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport UserAccessActions from 'actions/user-access-actions';\nimport AutonomousPopup from 'components/shared/autonomous-popup';\n\nclass MemberUserPseudoInfo extends React.Component {\n onResendInviteClick = (e) => {\n e.preventDefault();\n UserAccessActions.resendInvite(this.props.invitationId);\n };\n\n render() {\n return (\n \n (Invited)\n\n - \n
- \n Resend invite\n \n
\n \n {user.avatar_url ? null : truncate(user.initials, 2, { ellipsis: null })}\n \n\n { options.showName && (\n \n {user.name} {options.showAsCurrent && '(You)'}\n \n )}\n\n { options.showEmail && (\n {user.email}\n )}\n\n { options.showPseudo && user.pseudo && user.invitation.id && (\n
\n );\n};\n\nUserDisc.propTypes = {\n options: PropTypes.shape({\n showName: PropTypes.bool,\n showEmail: PropTypes.bool,\n showPseudo: PropTypes.bool,\n showAsCurrent: PropTypes.bool,\n smallerAvatar: PropTypes.bool,\n }),\n className: PropTypes.string,\n user: PropTypes.shape({\n id: PropTypes.number.isRequired,\n avatar_url: PropTypes.string,\n email: PropTypes.string.isRequired,\n pseudo: PropTypes.bool.isRequired,\n invitation: PropTypes.shape({\n id: PropTypes.number.isRequired,\n }),\n name: PropTypes.string.isRequired,\n initials: PropTypes.string.isRequired,\n }).isRequired,\n};\n\nUserDisc.defaultProps = {\n className: '',\n options: {\n showName: false,\n showEmail: false,\n showPseudo: true,\n },\n};\n\nexport default UserDisc;\n","import React from 'react';\n\nconst XClose = ({label, onClick, buttonClass, id}) => {\n return (\n \n );\n};\n\n\nexport default XClose;\n","import keyMirror from 'keymirror';\n\nexport default keyMirror({\n CHANGES_PERSISTED: null,\n CURRENT_ACTIVE_STEP_UPDATED: null,\n SYNC_ACTIVE_STEP: null,\n UPDATED: null,\n}, 'ACTIVE_STEP');\n","import keyMirror from 'keymirror';\n\nexport default keyMirror({\n TOGGLE_PERSON: null,\n UPDATE_ATTACHMENT: null\n}, 'ATTACHED_PEOPLE');\n","import { isNaN } from 'underscore';\n\nconst numberErrorMessage = (keys) => {\n if (!('minValue' in keys) && !('maxValue' in keys)) {\n switch (keys.numberType) {\n case 'integer':\n return 'must be an integer';\n case 'float':\n return 'must be a number e.g. 1.0, 2, 0.5';\n case 'money':\n return 'must be a number e.g. 1.00, 2, 0.50';\n }\n }\n\n const minValue = parseFloat(keys.minValue);\n const maxValue = parseFloat(keys.maxValue);\n\n if (!isNaN(minValue) && !isNaN(maxValue)) {\n return ` must be between ${keys.minValue} and ${keys.maxValue}`;\n }\n\n if (!isNaN(minValue)) {\n return ` must be greater than or equal to ${keys.minValue}`;\n }\n\n if (!isNaN(maxValue)) {\n return ` must be less than or equal to ${keys.maxValue}`;\n }\n};\n\nconst ErrorMessages = {\n flash: {\n actionFailed: 'Oops, that didn\\'t work.',\n },\n\n formValidation: {\n string: 'cannot be left blank',\n text: 'cannot be left blank',\n address: 'cannot be left blank',\n integer: numberErrorMessage({ numberType: 'integer' }),\n float: numberErrorMessage({ numberType: 'float' }),\n money: numberErrorMessage({ numberType: 'money' }),\n number: (keys) => { return numberErrorMessage(keys); },\n entity: 'cannot be left blank',\n email: 'must look like an email',\n phone: 'must be a valid phone number with an area code',\n multiple_choice: 'must be a valid option',\n checkboxes: (keys) => { return `must check at least ${keys.minNumChecks} boxes`; },\n date: 'must be a valid date',\n file: 'must be a valid file',\n },\n};\n\nexport default ErrorMessages;\n","import keyMirror from 'keymirror';\n\nexport default keyMirror({\n ADVANCE_ATTEMPTED: null,\n ACTIVE_STEP_LOADED: null,\n ACTIVE_STEP_UPDATED: null,\n APPROVAL_CHANGED: null,\n ASSIGNED_PEOPLE_UPDATED: null,\n ASSIGNMENT_UPDATED: null,\n COLLECTED_DATA_CHANGED: null,\n COLLECTED_DATA_ERROR: null,\n COLLECTED_DATA_WILL_CHANGE: null,\n DELETE_ATTACHED_FILE: null,\n ENTITY_LOADED: null,\n HALTED: null,\n LOADED: null,\n OUTPUT_UPDATED: null,\n PAYMENT_MADE: null,\n PAYMENT_UPDATED: null,\n SET_ATTACHMENTS_REFRESHED: null,\n SET_REFRESHED: null,\n SUBPROCESS_REQUIREMENT_UPDATED: null,\n SYNC_ATTACHMENTS: null,\n REQUIREMENT_DELETED: null,\n REQUIREMENT_UPDATED: null,\n STEP_APPROVAL_CHANGED: null,\n STEP_LOADED: null,\n TAG_ADDED: null,\n TAG_REMOVED: null,\n TAG_DELETED: null,\n TAG_UPDATED: null,\n APPLICANT_LIST_UPDATED: null,\n PRIMARY_APPLICANT_CHANGED: null,\n}, 'INITIATED_FLOW');\n","// NOTE: all of these are formatted according to the format of a\n// react-select option.\nexport const STEP_ASSIGNMENT_GROUP_ACTIONS = [\n { value: 'show', label: 'Add this assignee' },\n { value: 'hide', label: 'Do not add this assignee' },\n];\n\nexport const FORM_ACTIONS = [\n { value: 'show', label: 'Show this section' },\n { value: 'hide', label: 'Hide this section' },\n];\n\nexport const REVIEW_ACTIONS = [\n { value: 'show', label: 'Require this review' },\n { value: 'hide', label: 'Don\\'t require this review' },\n];\n\nexport const SUBPROCESS_ACTIONS = [\n { value: 'show', label: 'Require this sub-submission' },\n { value: 'hide', label: 'Don\\'t require this sub-submission' },\n];\n\nexport const LOGICABLE_TYPES = {\n section: 'StepDatum::Section',\n reviewGroup: 'ReviewGroup',\n subprocess: 'Subprocess',\n stepAssignmentGroup: 'StepAssignmentGroup',\n};\n\nexport const STANDARD_COMPARATORS = [\n { value: 'is', label: 'is' },\n { value: 'is_not', label: 'is not' },\n];\n\nexport const NUMERIC_COMPARATORS = [\n { value: 'is', label: 'is' },\n { value: 'is_not', label: 'is not' },\n { value: 'gt', label: 'is greater than' },\n { value: 'lt', label: 'is less than' },\n { value: 'gte', label: 'is equal or greater than' },\n { value: 'lte', label: 'is equal or less than' },\n];\n\nexport const CHECKBOX_COMPARATORS = [\n { value: 'contains', label: 'includes' },\n { value: 'excludes', label: 'does not include' },\n];\n\nexport const ALL_COMPARATORS = STANDARD_COMPARATORS.concat(NUMERIC_COMPARATORS)\n .concat(CHECKBOX_COMPARATORS);\n\nexport const CONNECTIVES = [\n { value: 'and', label: 'and' },\n { value: 'or', label: 'or' },\n];\n\nexport const DEFAULT_CONNECTIVE = CONNECTIVES[0].value;\n\nexport function actionsForLogicableType(type) {\n switch (type) {\n case LOGICABLE_TYPES.stepAssignmentGroup:\n return STEP_ASSIGNMENT_GROUP_ACTIONS;\n case LOGICABLE_TYPES.section:\n return FORM_ACTIONS;\n case LOGICABLE_TYPES.reviewGroup:\n return REVIEW_ACTIONS;\n case LOGICABLE_TYPES.subprocess:\n return SUBPROCESS_ACTIONS;\n }\n}\n","import keyMirror from 'keymirror';\n\nexport default keyMirror({\n ADDED: null,\n DESTROYED: null,\n UPDATED: null,\n MOVED: null\n}, 'MULTIPLE_CHOICE_OPTION');\n","import keyMirror from 'keymirror';\n\n// These are used by the step data collector\n// drag-and-drop components\nexport const STEP_ROW = 'STEP_ROW';\nexport const STEP_SECTION = 'STEP_SECTION';\n\nexport default keyMirror({\n CUSTOM_ID_CREATED: null,\n CUSTOM_ID_DELETED: null,\n EMAIL_NOTIFICATION_ADDED: null,\n EMAIL_NOTIFICATION_DESTROYED: null,\n EMAIL_NOTIFICATION_UPDATED: null,\n FAQ_CREATED: null,\n FAQ_DESTROYED: null,\n FAQ_UPDATED: null,\n FLOW_TEMPLATE_LOADED: null,\n FLOW_TEMPLATE_UPDATED: null,\n FORMULA_DESTROYED: null,\n FORMULA_LOADED: null,\n LOGIC_CONFIG_ADDED: null,\n LOGIC_CONFIG_DESTROYED: null,\n MARK_FLOW_TEMPLATE_CHANGED: null,\n MASTER_TEMPLATE_LOADED: null,\n OUTPUT_UPDATED: null,\n RENEWAL_REMINDER_CREATED: null,\n RENEWAL_REMINDER_UPDATED: null,\n RENEWAL_REMINDER_DELETED: null,\n REVIEW_GROUP_ADDED: null,\n REVIEW_GROUP_DELETED: null,\n REVIEW_GROUP_REMOVED: null,\n REVIEW_GROUP_UPDATED: null,\n SEARCH_CONFIG_ADDED: null,\n SEARCH_CONFIG_DELETED: null,\n SEARCH_CONFIG_UPDATED: null,\n SECTION_ADDED: null,\n SECTION_COPIED: null,\n SECTION_MOVED: null,\n SECTION_REMOVED: null,\n SECTION_UPDATED: null,\n SLUG_UPDATED: null,\n STEP_ADDED: null,\n STEP_ASSIGNMENT_GROUP_CREATED: null,\n STEP_ASSIGNMENT_GROUP_DELETED: null,\n STEP_ASSIGNMENT_CREATED: null,\n STEP_ASSIGNMENT_DELETED: null,\n STEP_DATA_ADDED: null,\n STEP_DATA_MOVED: null,\n STEP_DATA_REMOVED: null,\n STEP_DATA_UPDATED: null,\n STEP_REMOVED: null,\n STEP_UPDATED: null,\n STEPS_REORDERED: null,\n SUBPROCESS_CONFIG_ADDED: null,\n SUBPROCESS_CONFIG_DELETED: null,\n SUBPROCESS_CONFIG_UPDATED: null,\n SURVEY_SECTION_ADDED: null,\n SURVEY_SECTION_COPIED: null,\n SURVEY_UPDATED: null,\n TEAM_DATA_LOADED: null,\n}, 'TEMPLATE_MANAGER');\n","import keyMirror from 'keymirror'\n\nexport default keyMirror({\n MANAGER_LOADED: null,\n SEARCH_RESULTS_CHANGED: null,\n MEMBERSHIP_REMOVED: null,\n MEMBERSHIP_ADDED: null,\n MEMBERSHIP_LIST: null,\n AUTHORITY_ADDED: null,\n AUTHORITY_REMOVED: null,\n PERMISSION_CHANGED: null,\n}, 'USER_ACCESS');\n","import { createContext } from 'react';\n\nconst AccessManagerDispatchContext = createContext();\n\nexport default AccessManagerDispatchContext;\n","import { createContext } from 'react';\n\nconst InitiatedFlowDispatchContext = createContext();\n\nexport default InitiatedFlowDispatchContext;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction } from 'underscore';\nimport XClose from './x-close';\n\nclass Notification extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n open: true,\n };\n }\n\n onClose = (e) => {\n e.preventDefault();\n this.setState({ open: false });\n if (isFunction(this.props.onClose)) {\n this.props.onClose();\n }\n };\n\n renderDetails() {\n if (this.props.notification.details && this.props.notification.details.length > 0) {\n return (\n - \n {this.props.notification.details.map((detail, index) => {\n return
- {detail} ;\n })}\n
\n
\n );\n }\n\n return null;\n }\n}\n\nNotification.propTypes = {\n notification: PropTypes.object.isRequired,\n notificationType: PropTypes.string.isRequired,\n extraClasses: PropTypes.string,\n};\n\nexport default Notification;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport AttachedPeople from 'components/shared/attached-people';\nimport SlidingToggle from 'components/shared/sliding-toggle';\nimport { confirm } from 'modules/alert-confirm';\nimport Notification from 'components/shared/notification';\nimport EmbeddedTextInput from 'components/shared/embedded-text-input';\nimport Select from 'components/shared/select';\n\nimport { some } from 'underscore';\n\nconst Role = (props) => {\n const [role, setRole] = useState(props.role);\n const [newRole, setNewRole] = useState(props.newRole);\n const [tab, setTab] = useState('settings');\n const [addToRole, setAddToRole] = useState(false);\n const [notification, setNotification] = useState({});\n\n function onSave() {\n if (role.member_mgmt_level === 'members' && !userIsOwnerOrWillBeAdded()) {\n confirm('Added to Role', 'Because this role\\'s edit abilities is set to \\'Role Members and & Owners\\', you will be automatically added to this role to maintain your editing abilities.', () => {\n setAddToRole(true);\n sendSave();\n });\n } else {\n sendSave();\n }\n }\n\n // function onDelete () {\n // props.onDelete(props.role.id)\n // .fail((e) => {setError(e.responseJSON.errors)})\n // }\n\n function sendSave() {\n props.onSave(role, addToRole)\n .done((r) => {\n setRole(r);\n if (newRole) {\n setNewRole(false);\n setTab('users');\n setNotification({ type: 'success', message: 'Role created. Next, add some users.' });\n } else {\n setNotification({ type: 'success', message: 'Role updated' });\n props.onCancel();\n }\n });\n }\n\n function onRoleChange(change) {\n setNotification({});\n setRole({ ...role, ...change });\n }\n\n function userIsOwnerOrWillBeAdded() {\n return props.userIsOwner || addToRole;\n }\n\n function allowedToEdit() {\n switch (role.member_mgmt_level) {\n case 'anyone':\n return true;\n case 'members':\n return props.userIsOwner || userIsAMember();\n case 'owners':\n return props.userIsOwner;\n default:\n throw new Error(`Unhandled management level ${role.member_mgmt_level}`);\n }\n }\n\n function userIsAMember() {\n return some(role.users, (user) => { return user.id === CityGrows.Server.currentUserId; });\n }\n\n function renderNonOwnerPermissions() {\n const can = Can;\n const cannot = Cannot;\n const workflowCreatorPermission = role.workflow_creator ? can : cannot;\n const teamSettingsPermission = role.team_manager ? can : cannot;\n const financeManagerPermission = role.finance_manager ? can : cannot;\n const financeMemberPermission = role.finance_member ? can : cannot;\n return (\n \n
\n \n {this.props.notification.title}\n {this.renderDetails()}\n
\n \n \n
\n );\n }\n\n function renderPermissions() {\n if (props.userIsOwner) {\n return (\n - \n
- \n {workflowCreatorPermission} create new team workflows\n \n
- \n {teamSettingsPermission} manage team settings\n \n
- \n {financeManagerPermission} manage team finances and banking details\n \n {!role.finance_manager && (\n
- \n {financeMemberPermission} view transaction history and manage charge disputes\n \n )}\n
\n \n\n
\n );\n }\n\n return renderNonOwnerPermissions();\n }\n\n function userPermissionLevelSelect() {\n let membersDisabled = !(props.userIsOwner || userIsAMember());\n\n // If new role, then this isnt disabled, it just forces the user to be added to the role\n if (newRole) {\n membersDisabled = false;\n }\n\n const options = [\n { value: 'anyone', label: 'Team Members' },\n { value: 'members', label: 'Role Members & Team Owners', disabled: membersDisabled },\n { value: 'owners', label: 'Team Owners', disabled: !props.userIsOwner },\n ];\n\n return (\n \n Note that only team owners can manage these settings\n
\n \n \n \n
\n );\n }\n\n function renderUsers() {\n let lockedUserIds = [];\n let additionalText = '';\n if (role.role_type === 'owner') {\n additionalText = '(must have at least one member)';\n lockedUserIds = role.users.length === 1 ? [role.users[0].id] : [];\n }\n\n return (\n \n \n\n { props.onAttachedPeopleChange(res, role.id); }}\n idForInput='rolemembersinput'\n />\n\n
\n );\n }\n\n function renderAddMeToRole() {\n return (\n \n Only add users who need access to the role's permissions\n or who will be completing the actions assigned to the role\n
\n
\n \n Ex: On a reviewer role, add the people who will be\n completing the reviews that get assigned to that role\n \n
\n \n
\n \n Ex: On a reviewer role, add the people who will be\n completing the reviews that get assigned to that role\n \n
\n \n
\n );\n }\n\n function renderPermissionLevelSelect() {\n if (role.role_type !== 'custom') { return; }\n\n return (\n \n Who can edit this role: {userPermissionLevelSelect()}\n
\n );\n }\n\n function renderEditSettings() {\n return (\n \n Options that would exclude you from being able to edit this role are disabled.\n
\n \n
\n );\n }\n\n function renderNotifications() {\n if (notification === {}) { return; }\n\n if (notification.type === 'success') {\n return \n \n
\n {renderPermissions()}\n {renderPermissionLevelSelect()}\n {newRole && renderAddMeToRole()}\n\n {renderButtons()}\n \n Choose a name that your teammates will recognize.\n
\n
\n Ex: Finance manager, WTOP reviewer\n
\n \n
\n Ex: Finance manager, WTOP reviewer\n
\n
\n );\n };\n\n const title = newRole ? 'Create a new role' : Editing role: {role.name};\n\n return (\n - \n
- \n
- \n
\n {renderNotifications()}\n
\n );\n};\n\nRole.propTypes = {\n onAttachedPeopleChange: PropTypes.func,\n onCancel: PropTypes.func,\n onSave: PropTypes.func,\n userIsOwner: PropTypes.bool.isRequired,\n role: PropTypes.object,\n newRole: PropTypes.object,\n};\n\nRole.defaultProps = {\n onAttachedPeopleChange: () => {},\n onCancel: () => {},\n onSave: () => {},\n};\n\nexport default Role;\n","import API from 'apis/role-api';\n\nexport const create = (role, teamId, addUserToRole) => {\n return API.create(role, teamId, addUserToRole);\n};\n\nexport const update = (role, teamId, addUserToRole) => {\n return API.update(role, teamId, addUserToRole);\n};\n\nexport const destroy = (roleId, teamId) => {\n return API.destroy(roleId, teamId);\n};\n\nexport const toggleAttachment = (attachmentId, attachmentType, roleId) => {\n return API.toggleAttachment(attachmentId, attachmentType, roleId);\n};\n\nexport default {\n create,\n update,\n destroy,\n toggleAttachment,\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nexport const ManageableTable = ({ children }) => {\n return (\n \n \n
\n\n {title}
\n\n {!newRole && renderTabs()}\n {tab === 'settings' && renderEditSettings()}\n {tab === 'users' && renderUsers()}\n
\n \n
\n );\n};\n\nexport const THead = ({ children }) => {\n return (\n \n {children}\n
\n \n {children}\n
\n );\n};\n\nexport const TH = ({ id, children }) => {\n return (\n \n {children}\n
\n );\n};\n\nexport const TBody = ({ children }) => {\n return (\n - \n {children}\n
\n {props.children}\n
\n );\n};\n\nexport const TR = ({ children, onClick, expandedContent }) => {\n const [expanded, setExpanded] = useState(false);\n\n function rowClass() {\n let classes = 'manageabletable-row';\n\n if (false/* props.isLast */) {\n classes += ' last';\n }\n\n if (expanded) {\n classes += ' open';\n } else {\n classes += ' clickable';\n }\n\n return classes;\n }\n\n function closeExpansion(e) {\n e.stopPropagation();\n setExpanded(false);\n }\n\n function renderButton() {\n if (expanded) {\n return ;\n }\n\n return ;\n }\n\n const renderExpandedContent = () => {\n return (\n \n {renderButton()}\n
\n\n { expanded\n && renderExpandedContent()}\n \n {children}\n
\n );\n};\n\nexport default ManageableTable;\n","import React from 'react';\nimport AttachedPeople from 'components/shared/attached-people';\nimport { some } from 'underscore';\nimport { TR, TD } from 'components/shared/manageable-table';\n\nconst RoleRow = (props) => {\n function allowedToEdit() {\n switch (props.role.member_mgmt_level) {\n case 'anyone':\n return true;\n case 'members':\n return props.userIsOwner || userIsAMember();\n case 'owners':\n return props.userIsOwner;\n default:\n throw new Error(`unhandled managment level: ${props.role.member_mgmt_level}`);\n }\n }\n\n function userIsAMember() {\n return some(props.role.users, (user) => { return user.id === CityGrows.Server.currentUserId; });\n }\n\n function renderRoleRow() {\n return (\n \n \n { props.onAttachedPeopleChange(res, props.role.id); }}\n idForInput={labelId}\n />\n
\n );\n }\n\n function renderPermissions() {\n return (\n - \n {props.role.finance_manager &&
- Manage team finances and banking details }\n {!props.role.finance_manager && props.role.finance_member &&
- View Transactions and Manage Charge Disputes }\n {props.role.workflow_creator &&
- Create Forms }\n {props.role.team_manager &&
- Manage Team Settings }\n {props.role.role_type === 'owner' &&
- Edit Roles }\n
\n
\n \n Roles
\n Learn about roles\n \n\n
\n \n );\n};\n\nexport default PrimaryTabs;\n","import React from 'react';\nimport renderer from 'modules/renderer';\nimport AdminRolesContainer from 'components/admin-roles-container';\nimport PrimaryTabs from '../components/shared/primary-tabs';\n\nfunction index() {\n renderer(- \n
- \n \n Dashboard\n \n \n
- \n
- \n \n Form Submissions\n \n \n
- \n \n My Tasks\n \n \n
- \n
- \n
- \n
- \n
- \n
- \n {exportTemplate.items.map((i) =>
- {i.name} )}\n
- Scheduled to run on the {DAYS[exportTemplate.scheduled_day - 1]} of every month
\n )\n }\n\n return (\n\n
\n );\n};\nExportTemplateRow.propTypes = {\n exportTemplate: PropTypes.shape({\n name: PropTypes.string.isRequired,\n items: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n })),\n }).isRequired,\n onExport: PropTypes.func.isRequired,\n onEdit: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n};\n\nexport default ExportTemplateRow;\n","import React, { useState, useMemo, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { reject, isNull, findIndex, isEmpty, filter } from 'underscore';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nconst MultiSelect = (props) => {\n const [options, setOptions] = useState(props.options ?? []);\n const [activeSelection, setActiveSelection] = useState(null);\n const [filterTerm, setFilterTerm] = useState('');\n\n const availableOptions = useMemo(() => {\n return filter(options, (option) => {\n let matchName = true;\n if (!isEmpty(filterTerm)) {\n matchName = option.label.toLowerCase().includes(filterTerm.toLowerCase());\n }\n return matchName && !option.selected;\n });\n }, [options, filterTerm]);\n\n const selectedOptions = useMemo(() => {\n return reject(options, (option) => {\n return !option.selected;\n });\n }, [options]);\n\n useEffect(() => {\n if (props.onSelect) {\n props.onSelect(selectedOptions.map((s) => s.value));\n }\n }, [selectedOptions]);\n\n const toggleSelect = () => {\n const dupOption = { ...activeSelection };\n dupOption.selected = !dupOption.selected;\n const dupOptions = [...options];\n const index = findIndex(dupOptions, (o) => { return o.value === dupOption.value; });\n dupOptions[index] = dupOption;\n setActiveSelection(null);\n setOptions(dupOptions);\n };\n\n const selectAll = () => {\n const dupOptions = [...options];\n dupOptions.map((option) => {\n const dupOption = option;\n dupOption.selected = true;\n return dupOption;\n });\n setOptions(dupOptions);\n };\n\n const clearAll = () => {\n const dupOptions = [...options];\n dupOptions.map((option) => {\n const dupOption = option;\n dupOption.selected = false;\n return dupOption;\n });\n setOptions(dupOptions);\n };\n\n const onFilterTermChange = (e) => {\n setFilterTerm(e.currentTarget.value);\n };\n\n const renderOption = (option) => {\n return (\n \n
\n \n {renderForms()}\n \n {exportTemplate.name}
\n {!!exportTemplate.scheduled_day && renderScheduledText()}\n\n
\n \n
\n );\n};\n\nMultiSelect.propTypes = {\n options: PropTypes.arrayOf(PropTypes.shape({\n value: PropTypes.number.isRequired,\n label: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n })),\n onSelect: PropTypes.func.isRequired,\n};\n\nexport default MultiSelect;\n","import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport MultiSelect from 'components/shared/multi-select';\nimport Select from 'components/shared/select';\nimport { isEmpty, isNull } from 'underscore';\nimport { success, error } from 'components/shared/flash';\nimport SlidingToggle from 'components/shared/sliding-toggle';\nimport DAYS from 'constants/ordinal-constants';\n\nconst ExportTemplate = (props) => {\n const [exportTemplate, setExportTemplate] = useState(props.exportTemplate);\n const [scheduled, setScheduled] = useState(!!props.exportTemplate.scheduled_day);\n const [monthLimited, setMonthLimited] = useState(!!props.exportTemplate.prior_months_limit);\n const days = (Array.from(Array(28).keys())).map((index) => ({\n value: index + 1,\n label: DAYS[index],\n }));\n const options = useMemo(() => {\n if (!props.flowTemplates || !exportTemplate) { return []; }\n return props.flowTemplates.map((flowTemplate) => {\n const selected = exportTemplate.item_ids.includes(flowTemplate.id);\n return { value: flowTemplate.id, label: flowTemplate.name || 'Untitled form', selected };\n });\n }, [props.flowTemplates, exportTemplate]);\n\n const toggleScheduling = () => {\n if(scheduled) {\n onExportTemplateChange({ scheduled_day: null });\n }\n setScheduled(!scheduled);\n }\n\n const toggleMonthLimited = () => {\n if(monthLimited) {\n onExportTemplateChange({ prior_months_limit: null, prior_months_type: null });\n }\n setMonthLimited(!monthLimited);\n }\n\n const isNewExportTemplate = () => {\n return isNull(exportTemplate.id);\n };\n\n const onSave = () => {\n props.onSave(exportTemplate)\n .done((r) => {\n setExportTemplate(r);\n if (isNewExportTemplate()) {\n success('Bulk Form Export created');\n } else {\n success('Bulk Form Export updated');\n props.onCancel();\n }\n })\n .fail(() => error());\n };\n\n const onSelect = (ids) => {\n const dupTemplate = { ...exportTemplate };\n dupTemplate.item_ids = ids;\n setExportTemplate(dupTemplate);\n };\n\n const onExportTemplateChange = (change) => {\n setExportTemplate({ ...exportTemplate, ...change });\n };\n\n const renderButtons = () => {\n const disabled = isEmpty(exportTemplate.name) || isEmpty(exportTemplate.item_ids);\n return (\n \n { setFilterTerm(e.target.value); }} value={filterTerm} type='text' placeholder='Search...' />\n
\n \n
\n \n
\n - \n {availableOptions.map(renderOption)}\n
\n
\n \n
\n - \n {selectedOptions.map(renderOption)}\n
\n \n \n
\n );\n };\n\n const renderScheduledOption = () => {\n return (\n \n \n
\n );\n }\n\n const renderDateLimit = () => {\n const types = [{ value: 'launched', label: 'Launched' }, { value: 'completion', label: 'Completed' }];\n return (\n \n \n \n onExportTemplateChange({ prior_months_limit: e.target.value })}\n />\n
\n )\n }\n\n const renderEditSettings = () => {\n return (\n months ago
\n\n \n
\n );\n };\n\n const title = isNewExportTemplate ? 'New Bulk Form Export' : Editing bulk form export: {exportTemplate.name};\n\n return (\n \n
\n \n
\n \n onExportTemplateChange({ include_legacy: !exportTemplate.include_legacy })}\n on={exportTemplate.include_legacy}\n label='Include Legacy Fields'\n description='When on, export will include legacy data from deleted fields'\n className='margin-top'\n />\n
\n \n \n\n
\n {renderButtons()}\n \n
\n );\n};\n\nExportTemplate.propTypes = {\n onCancel: PropTypes.func,\n onSave: PropTypes.func,\n exportTemplate: PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n item_ids: PropTypes.arrayOf(PropTypes.number.isRequired).isRequired,\n }),\n flowTemplates: PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n }).isRequired,\n};\n\nExportTemplate.defaultProps = {\n onCancel: () => {},\n onSave: () => {},\n};\n\nexport default ExportTemplate;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, isNull, findIndex, reject } from 'underscore';\nimport BatchExportTemplateAPI from 'apis/batch-export-template-api';\nimport ExportTemplateRow from './batch-form-export-templates/export-template-row';\nimport ExportTemplate from './batch-form-export-templates/export-template';\n\nconst BatchFormExportTemplates = (props) => {\n const [exportTemplates, setExportTemplates] = useState(props.exportTemplates);\n const [exportTemplate, setExportTemplate] = useState(null);\n\n const onSave = (template) => {\n if (template.id) {\n return BatchExportTemplateAPI.update(template.id, template)\n .done((res) => {\n setExportTemplate(null);\n const dupTemplates = [...exportTemplates];\n const index = findIndex(dupTemplates, (t) => { return t.id === template.id; });\n dupTemplates[index] = res;\n setExportTemplates(dupTemplates);\n });\n }\n\n return BatchExportTemplateAPI.create(template)\n .done((res) => {\n setExportTemplate(null);\n setExportTemplates([...exportTemplates, res]);\n });\n };\n\n const onDelete = (template) => {\n return BatchExportTemplateAPI.remove(template.id)\n .done((res) => {\n const dupTemplates = reject(exportTemplates, { id: res.id });\n setExportTemplates(dupTemplates);\n });\n };\n\n const onExport = (template) => {\n return BatchExportTemplateAPI.export(template.id);\n };\n\n const onCancel = () => {\n setExportTemplate(null);\n };\n\n const onNewClick = () => {\n setExportTemplate({ name: '', item_ids: [] });\n };\n\n const onEdit = (template) => {\n setExportTemplate(template);\n };\n\n const renderExportTemplateRow = (template) => {\n return (\n {title}
\n {renderEditSettings()}\nThis is where export templates that you create are shown.
\n );\n if (!isEmpty(exportTemplates)) {\n content = exportTemplates.map((template) => renderExportTemplateRow(template));\n }\n return (\n\n \n + Create new Bulk Form Export\n \n
\n );\n };\n\n return renderExportTemplates();\n};\n\nBatchFormExportTemplates.propTypes = {\n exportTemplates: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n flowTemplates: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport default BatchFormExportTemplates;\n","import React from 'react';\nimport renderer from 'modules/renderer';\nimport CommonProviders from 'components/common-providers';\nimport BatchFormExportTemplates from '../components/batch-form-export-templates';\nimport PrimaryTabs from '../components/shared/primary-tabs';\n\nfunction index() {\n renderer(\n {content}\n
\n \n \n {false && renderManager()}\n {window.CityGrows.Server.isFinanceManager === true && renderPayoutPreferences()}\n \n \n Transactions\n \n \n \n \n Cash & Checks\n \n \n \n \n Charge Disputes\n \n \n \n
\n );\n};\n\nexport default FinanceSubnav;\n","import React from 'react';\nimport renderer from 'modules/renderer';\nimport FinanceSubnav from '../components/shared/finance-subnav';\nimport PrimaryTabs from '../components/shared/primary-tabs';\n\nconst index = () => {\n renderer(\n
\n );\n };\n\n const editNameAction = () => {\n if (props.isEsri) { return; }\n \n if (editingName) {\n return ;\n }\n\n return Edit;\n };\n\n function actionButtons() {\n return (\n \n
\n\n {props.disabled && (\n Uneditable\n )}\n \n \n \n
\n );\n }\n\n const showDelete = !props.new && !props.disabled && !props.isEsri;\n\n return (\n \n {nameField()}\n
\n\n \n Constituents can:\n \n {viewToggle()}\n {!props.isEsri && editToggle()}\n \n {showDelete && deleteButton()}\n
\n \n {props.new && actionButtons()}\n \n
\n );\n};\n\nexport default TitleFieldSelector;\n","import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n TR, TD,\n} from 'components/shared/manageable-table';\nimport EmbeddedTextInput from 'components/shared/embedded-text-input';\nimport EntityConfigurationActions from 'actions/entity-configuration-actions';\nimport { debounce } from 'underscore';\nimport EntityConfigurationDispatchContext from 'contexts/entity-configuration-dispatch-context';\nimport LinkyButton from 'components/shared/linky-button';\nimport CustomEntityField from './custom-entity-field';\nimport { confirm } from '../../modules/alert-confirm';\nimport TitleFieldSelector from './custom-entity/title-field-selector';\n\nconst CustomEntity = (props) => {\n const dispatch = useContext(EntityConfigurationDispatchContext);\n const [newField, setNewField] = useState(false);\n\n const nameField = () => {\n const field = {\n viewable: true,\n edit_suggestable: true,\n name: 'Name',\n };\n\n return (\n Select a field to use to as the entity name
\n- \n {nameField()}\n {customFields(props.customEntity)}\n {!isEsri() && (\n newFieldSection()\n )}\n
\n
\n );\n };\n\n const renderSearch = () => {\n return \n {applicant ? renderApplicant() : renderSearch()}\n {showPeopleList && renderPeopleList()}\n
\n );\n };\n\n const renderMinify = () => {\n if (!applicant) { return null; }\n\n return \n opt.id}\n value={defaultStatus}\n className='react-select-metrics advanced-filter'\n />\n
\n );\n};\n\nexport default CompletedStatus;\n","import dayjs from 'dayjs';\n\nexport const formatIncoming = (value, type) => {\n if (!value) { return null; }\n\n if (type === 'time') {\n return dayjs(value, 'HH-mm').toDate();\n }\n\n if (type === 'date_time') {\n return dayjs(value, 'YYYY-MM-DD-HH-mm').toDate();\n }\n\n return dayjs(value, 'YYYY-MM-DD').toDate();\n};\n\nexport const formatOutgoing = (date, type) => {\n if (!date) { return ''; }\n\n let format = 'YYYY-MM-DD';\n if (type === 'date_time') {\n format = 'YYYY-MM-DD HH:mm';\n } else if (type === 'time') {\n format = 'HH:mm';\n }\n\n return dayjs(date).format(format);\n};\n\nexport const dateFormats = (type) => {\n switch (type) {\n case 'date':\n return ['yyyy-MM-dd', 'yyyy-M-d', 'M/d/yyyy', 'M-d-yyyy'];\n case 'date_time':\n return ['yyyy-MM-dd h:mm aa', 'yyyy-M-d h:mm aa', 'M/d/yyyy h:mm aa', 'M-d-yyyy h:mm aa'];\n case 'time':\n return ['h:mm aa'];\n }\n};\n","import React from 'react';\nimport DatePicker from 'react-datepicker';\nimport { formatIncoming, formatOutgoing, dateFormats } from 'modules/date-formatter';\nimport { isFunction } from 'underscore';\n\nconst DateSelector = (props) => {\n const onSelect = (date) => {\n props.onDateChange(formatOutgoing(date, props.type));\n };\n\n const handleOnBlur = () => {\n if (isFunction(props.onBlur)) {\n props.onBlur();\n }\n };\n\n return (\n \n
\n and\n \n
\n \n );\n };\n\n const renderMinify = () => {\n return (\n <>\n \n {from || '...'}\n \n to\n \n {to || '...'}\n \n \n );\n };\n\n return minify ? renderMinify() : renderMainContent();\n};\n\nexport default DateRange;\n","import React from \"react\";\n\nimport Select from \"../select\";\nimport { DATE_TERMS } from \"./constants\";\n\n\nconst DateTerm = ({\n changeFilterValue,\n changeFilterValueOptions,\n filterState,\n minify,\n}) => {\n const defaultTerm = DATE_TERMS.find((opt) => opt.id == filterState.options.term);\n\n const onValueChange = (e) => {\n changeFilterValue(e.target.value);\n };\n\n const onTermChange = (value) => {\n changeFilterValueOptions({\n term: value.id\n });\n };\n\n return (\n <>\n \n
\n \n opt.id}\n value={defaultTerm}\n className='react-select-metrics advanced-filter'\n />\n
\n \n );\n};\n\nexport default DateTerm;\n","import React, { useEffect, useState } from \"react\";\nimport { contains } from \"underscore\";\n\nimport Select from \"../select\";\nimport SlidingToggle from \"../sliding-toggle\";\nimport DateRange from \"./date-range\";\n\nconst SingleCheckboxToggle = ({\n opt,\n onToggleFallback,\n on,\n}) => {\n const [toggle, setToggle] = useState(on);\n\n useEffect(() => {\n onToggleFallback(opt.identity, toggle);\n }, [toggle]);\n\n return (\n \n opt.identity}\n getOptionLabel={(opt) => opt.name}\n className='react-select-metrics advanced-filter'\n value={activeOptions}\n />\n
\n \n { activeOptions.map(renderOption) }\n
\n \n );\n};\n\n\nconst DatumFieldFilter = ({\n onDatumFieldsChange,\n fieldType,\n multipleChoiceOptions,\n datumFields,\n datumId,\n}) => {\n const onInputChange = (e) => {\n onDatumFieldsChange(e.target.value);\n };\n\n const onMultipleChoiceChange = (value) => {\n onDatumFieldsChange(value.name);\n }\n\n const fetchFilterValue = () => {\n if (!datumFields.value) { return null; }\n\n return datumFields.value[datumId];\n };\n\n const renderDefaultInput = () => {\n return (\n \n
\n );\n };\n\n const renderCheckboxesSelect = () => {\n return \n opt.name}\n getOptionLabel={(opt) => opt.name}\n className='react-select-metrics advanced-filter'\n value={defaultValue}\n />\n
\n );\n };\n\n switch (fieldType) {\n case 'checkboxes': {\n return renderCheckboxesSelect();\n }\n\n case 'date': {\n const fromTo = datumFields.value && datumFields.value[datumId];\n return \n opt.id}\n value={defaultStatusValue}\n className='react-select-metrics advanced-filter'\n />\n
\n \n opt.master_template_id}\n getOptionLabel={(opt) => opt.name_or_default}\n value={defaultSelectedFormsValue}\n className='react-select-metrics advanced-filter'\n styles={{\n multiValue: (provided) => ({\n ...provided,\n maxWidth: '310px',\n })\n }}\n />\n
\n \n );\n};\n\nexport default FormSelect;\n","import DataImportAPI from '../../apis/master-template-data-import-api';\n\nconst SourceFilterActions = {\n loadSources() {\n return DataImportAPI.index();\n },\n};\n\nexport default SourceFilterActions;\n","import React, { useEffect, useState } from \"react\";\n\nimport SourceFilterActions from 'actions/dashboard/source-filter-actions';\nimport Select from \"../select\";\nimport { IMPORTED_OPTIONS } from \"./constants\";\n\nconst DEFAULT_OPTION = { id: 'all', label: 'All' };\n\n\nconst ImportedSelect = ({\n changeFilterValue,\n changeFilterValueOptions,\n filterState,\n minify,\n}) => {\n const [dataImports, setDataImports] = useState(null);\n const optionValue = IMPORTED_OPTIONS.find((opt) => opt.id === filterState.value);\n\n useEffect(() => {\n SourceFilterActions.loadSources()\n .done(setDataImports);\n }, []);\n\n const formattedSources = dataImports\n ? [\n DEFAULT_OPTION,\n ...dataImports.map(({ id, name }) => ({\n id: id,\n label: name,\n })),\n ]\n : [DEFAULT_OPTION];\n\n const onImportSelectChange = (value) => {\n changeFilterValue(value.id);\n };\n\n const onImportedSourceChange = (value) => {\n changeFilterValueOptions({\n source_id: value.id\n });\n };\n\n const renderImportedSourceSelect = () => {\n return (\n \n opt.id}\n value={formattedSources.find((opt) => opt.id === Number(filterState.options.source_id))}\n className='react-select-metrics advanced-filter'\n />\n
\n );\n }\n\n return (\n <>\n \n opt.id}\n defaultValue={optionValue}\n className='react-select-metrics advanced-filter'\n />\n
\n {(filterState.value == 'specific_import') && renderImportedSourceSelect()}\n \n );\n};\n\nexport default ImportedSelect;\n","import React from \"react\";\nimport { contains } from \"underscore\";\n\nimport {\n COMPLETION_STATUSES,\n DATE_TERMS,\n IMPORTED_OPTIONS,\n OUTPUT_STATUSES,\n RENEWAL_STATUSES,\n WORKFLOW_STATUSES\n} from \"./constants\";\nimport DashboardStore from 'stores/dashboard-store';\nimport SlidingToggle from \"../sliding-toggle\";\nimport UserDisc from 'components/shared/user-disc';\n\n\nconst MinifiedFilterUnit = ({\n filterType,\n filterState,\n formTemplates,\n tags,\n stepDataForSearch,\n}) => {\n switch (filterType) {\n case 'applicantSearch': {\n const applicant = filterState.options.applicant;\n\n if (!applicant) { return null; }\n\n return \n opt.id}\n value={OUTPUT_STATUSES.find((opt) => opt.id === filterState.value)}\n className='react-select-metrics advanced-filter'\n />\n
\n );\n};\n\nexport default OutputStatus;\n","import React from \"react\";\n\nimport Select from \"../select\";\nimport { RENEWAL_STATUSES } from \"./constants\";\n\nconst RenewalStatus = ({\n changeFilterValue,\n filterState,\n}) => {\n const onStatusChange = (value) => {\n changeFilterValue(value.id);\n };\n\n return (\n \n opt.id}\n value={RENEWAL_STATUSES.find((opt) => opt.id === filterState.value)}\n className='react-select-metrics advanced-filter'\n />\n
\n );\n};\n\nexport default RenewalStatus;\n","import React from \"react\";\n\nimport DashboardStore from 'stores/dashboard-store';\nimport Select from \"../select\";\n\nconst StepSelect = ({\n changeFilterValue,\n filterState,\n stepDataForSearch,\n}) => {\n const onStatusChange = (value) => {\n changeFilterValue(value.id);\n };\n\n const options = stepDataForSearch ? stepDataForSearch.steps : DashboardStore.getStepData().steps;\n const defaultOptionValue = options.find(opt => opt.id == Number(filterState.value));\n\n return (\n \n opt.id}\n getOptionLabel={(opt) => opt.name}\n className='react-select-metrics advanced-filter'\n value={options.find(opt => opt.id === Number(filterState.value))}\n />\n
\n );\n};\n\nexport default StepSelect;\n","import React from \"react\";\n\n\nconst SubmissionFilter = ({\n changeFilterValue,\n filterState,\n}) => {\n const onValueChange = (e) => {\n changeFilterValue(e.target.value);\n };\n\n return (\n \n
\n );\n};\n\nexport default SubmissionFilter;\n","import React from \"react\";\nimport { contains } from \"underscore\";\n\nimport Select from \"../select\";\n\n\nconst TagSelect = ({\n changeFilterValue,\n filterState,\n tags,\n}) => {\n const tagOptions = tags || [];\n\n const tagNumberIds = filterState.value.map((id) => Number(id));\n\n const onTagChange = (value) => {\n changeFilterValue(value.map(tag => tag.id));\n };\n\n return (\n \n opt.id}\n getOptionLabel={(opt) => opt.name}\n className='react-select-metrics advanced-filter'\n components={{ DropdownIndicator: () => null, IndicatorSeparator: () => null }}\n placeholder='Search tag'\n value={tagOptions.filter((tag) => contains(tagNumberIds, tag.id))}\n />\n
\n );\n};\n\nexport default TagSelect;\n","import React from \"react\";\nimport { contains } from \"underscore\";\n\nimport Select from \"../select\";\n\nconst TeamSelect = ({\n changeFilterValue,\n filterState,\n}) => {\n const { teams } = CityGrows.Server;\n\n const teamNumberIds = filterState.value.map((id) => Number(id));\n\n const onChangeTeams = (value) => {\n changeFilterValue(value.map(team => team.id));\n };\n\n return (\n \n opt.id}\n getOptionLabel={(opt) => opt.name}\n value={teams.filter((team) => contains(teamNumberIds, team.id))}\n className='react-select-metrics advanced-filter'\n />\n
\n );\n};\n\nexport default TeamSelect;\n","import React from \"react\";\n\nimport SlidingToggle from \"../sliding-toggle\";\n\n\nconst ToggleOption = ({\n on,\n changeFilterValue,\n}) => {\n const toggledOn = on === 'true' || on === true;\n\n return (\n \n
\n );\n }\n\n case 'completedStatus': {\n return \n opt.id}\n value={filter.operators.find((opt) => opt.id == state.currentFilter[filter.id].operator)}\n className='react-select-metrics advanced-filter'\n />\n
\n );\n };\n\n const renderMainContent = () => {\n const unitId = `filter-unit-${filter.id}`;\n return (\n \n \n {label()}\n
\n {!!filter.operators.length && renderOperatorSelect()}\n {renderSubUnit()}\n {label()}
\n \n {`Are you sure you want to delete \"${filter.name}\" saved filter?`}\n
\n \n \n \n
\n \n );\n };\n\n const renderMainContent = () => {\n return (\n <>\n \n {showEditMode ? renderFilterNameEditMode() : renderFilterName()}\n
\n \n {dayjs(filter.created_at).format('MM/DD/YYYY hh:mm a')}\n
\n \n setDeleteMode(true)}\n />\n
\n \n );\n };\n\n\n return (\n onRowClick(filter)}>\n {deleteMode ? renderDeleteConfirmation() : renderMainContent()}\n
\n );\n};\n\nexport default FilterRow;","import React, { useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { solid } from '@fortawesome/fontawesome-svg-core/import.macro';\n\nimport AdvancedFilterAPI from 'apis/advanced-filter-api';\nimport Modal from 'components/shared/modal';\nimport FilterRow from './filter-row';\n\nconst LoadFilterModal = ({\n onClose,\n onLoad,\n dispatch,\n filters,\n}) => {\n const [activeFilterId, setActiveFilterId] = useState(null);\n\n const onRowClick = (item) => {\n setActiveFilterId(item.id);\n };\n\n const onLoadFilter = () => {\n if (!activeFilterId) { return null; }\n\n onLoad(activeFilterId)\n };\n\n const onDeleteFilter = (filter) => {\n AdvancedFilterAPI.delete(filter.id).\n done(() => {\n dispatch({\n type: 'deleteSavedFilter',\n value: filter\n });\n });\n };\n\n const renderFilters = () => {\n return filters.map((filter) =>\n \n
\n Manage Saved Filters
\n\n
\n \n When you choose a filter, its rules and conditions are quickly used to sort through your data.\n This helps you narrow down the information to just what you need, making your analysis more focused.\n You can also rename or delete previously created filters.\n
\n\n
\n \n
\n \n
\n {renderFilters()}\n Filter Name
\n Created On
\n Action
\n \n \n \n
\n \n );\n};\n\nexport default LoadFilterModal;\n","import React, { useEffect, useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { solid } from '@fortawesome/fontawesome-svg-core/import.macro';\n\nimport AdvancedFilterAPI from 'apis/advanced-filter-api';\nimport flash from 'components/shared/flash';\nimport Modal from 'components/shared/modal';\nimport SlidingToggle from 'components/shared/sliding-toggle';\n\n\nconst SaveFilterModal = ({\n filters,\n onClose,\n kind,\n loadedFilter,\n dispatch,\n}) => {\n const [filterName, setFilterName] = useState('');\n const [error, setError] = useState(false);\n const [saveAsOn, setSaveAsOn] = useState(false);\n const [saveAsDefaultOn, setSaveAsDefaultOn] = useState(false);\n\n useEffect(() => {\n if (saveAsOn && loadedFilter.default) {\n setSaveAsDefaultOn(true);\n }\n }, [saveAsOn]);\n\n const onSaveFilter = () => {\n if (saveAsOn) {\n AdvancedFilterAPI.update(loadedFilter.id, kind, filters, saveAsDefaultOn)\n .done((res) => {\n flash.success('Filter saved.');\n dispatch({\n type: 'updateSavedFilter',\n value: res.filter,\n });\n })\n .fail(() => flash.error('Could not save the filter.'))\n .always(() => onClose());\n } else {\n if (filterName.length) {\n AdvancedFilterAPI.create(filterName, kind, filters, saveAsDefaultOn)\n .done((res) => { \n flash.success('Filter saved.');\n dispatch({\n type: 'addSavedFilter',\n value: res.filter,\n });\n })\n .fail(() => flash.error('Could not save the filter.'))\n .always(() => onClose());\n } else {\n setError(true);\n };\n }\n };\n\n const onFilterNameChange = (e) => {\n if (error) { setError(false); }\n\n setFilterName(e.target.value);\n };\n\n const renderSaveAsDefault = () => {\n return (\n \n setSaveAsDefaultOn(!saveAsDefaultOn)}\n />\n
\n );\n };\n\n const renderSaveAsCurrent = () => {\n if (!loadedFilter) { return null; }\n\n return (\n \n setSaveAsOn(!saveAsOn)}\n />\n
\n );\n };\n\n return (\n \n
\n Save Filter
\n\n
\n \n Saved filters empower you to easily access the information you need.\n By storing your custom filter settings, you can retrieve them later with just a click.\n No more recreating filters from scratch.\n
\n\n Filter Name\n
\n \n \n \n
\n \n );\n};\n\nexport default SaveFilterModal;\n","import { useState, useEffect } from 'react';\n\nimport FilterActions from 'actions/filter-actions';\n\nconst useLoadTemplates = () => {\n const [templates, setTemplates] = useState([]);\n\n useEffect(() => {\n FilterActions.loadTemplates()\n .done((data) => {\n setTemplates(data)\n });\n }, []);\n\n return templates;\n}\n\nexport default useLoadTemplates;\n","const TagAPI = {\n index() {\n var url = '/tags';\n var request = $.ajax(url, {\n dataType: 'JSON',\n method: 'GET',\n });\n\n return request;\n },\n\n destroy(tagId) {\n const url = `/tags/${tagId}`;\n const request = $.ajax(url, {\n dataType: 'JSON',\n method: 'DELETE',\n });\n\n return request;\n },\n\n update(tagId, tagName) {\n const url = `/tags/${tagId}`;\n const request = $.ajax(url, {\n dataType: 'JSON',\n method: 'PUT',\n data: {\n name: tagName,\n },\n });\n\n return request;\n },\n};\n\nexport default TagAPI;\n","import { useState, useEffect } from 'react';\n\nimport TagAPI from 'apis/tag-api';\n\nconst useLoadTags = () => {\n const [tags, setTags] = useState([]);\n\n useEffect(() => {\n TagAPI.index().\n done((res) => setTags(res.tags));\n }, []);\n\n return tags;\n};\n\nexport default useLoadTags;\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { isEmpty, findWhere } from 'underscore';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { solid } from '@fortawesome/fontawesome-svg-core/import.macro';\n\nimport { useAdvancedFilterContext, useAdvancedFilterDispatchContext } from './advanced-filter/context';\nimport FilterUnit from './advanced-filter/filter-unit';\nimport LoadFilterModal from './advanced-filter/modals/load-filter-modal';\nimport SaveFilterModal from './advanced-filter/modals/save-filter-modal';\nimport Select from 'components/shared/select';\nimport CloseIfOutsideWrapper from 'components/shared/close-if-outside-wrapper';\nimport Popdown from 'components/shared/popdown';\nimport AdvancedFilterAPI from 'apis/advanced-filter-api';\nimport { error } from 'components/shared/flash'\nimport useLoadTemplates from \"components/hooks/use-load-templates\";\nimport useLoadTags from \"components/hooks/use-load-tags\";\n\nconst AdvancedFilter = ({\n onFilterApply,\n menuAvailable,\n kind,\n defaultFilter,\n previousState,\n filterParams,\n}) => {\n const state = useAdvancedFilterContext();\n const dispatch = useAdvancedFilterDispatchContext();\n const {\n activeFilters,\n availableFilters,\n currentFilter,\n loadedFilter,\n savedFilters,\n triggerRefresh,\n } = state;\n\n const [showMenuOptions, setShowMenuOptions] = useState(false);\n const [showLoadFilter, setShowLoadFilter] = useState(false);\n const [showSaveFilter, setShowSaveFilter] = useState(false);\n const [minify, setMinify] = useState(false);\n const menuAnchor = useRef(null);\n\n const formTemplates = useLoadTemplates();\n const tags = useLoadTags();\n\n useEffect(() => {\n if (filterParams && Object.keys(filterParams).length > 0) {\n const filters = {\n completed_status: { value: filterParams['completedStatus'] },\n imported: {value: filterParams['importType'], operator: 'is', options: {source_id: filterParams['importId']} }\n }\n\n return dispatch({\n type: 'loadFilters',\n value: { filters },\n })\n }\n\n if (previousState && previousState.availableFilters) {\n return dispatch({\n type: 'loadState',\n value: previousState,\n })\n }\n\n if (defaultFilter) {\n return dispatch({\n type: 'cacheAndLoadFilter',\n value: defaultFilter,\n });\n }\n\n return dispatch({\n type: 'loadDefault'\n })\n }, []);\n\n useEffect(() => {\n if (triggerRefresh > 0) { \n applyFilters(); \n }\n }, [triggerRefresh])\n\n function applyFilters () {\n onFilterApply(currentFilter, { ...state })\n }\n \n const addActiveFilter = (value) => {\n if (!isEmpty(value)) {\n dispatch({\n type: 'addFilter',\n value,\n });\n }\n };\n\n const openLoadFilterModal = () => {\n setShowMenuOptions(false);\n setShowLoadFilter(true);\n };\n\n const openSaveFilterModal = () => {\n setShowMenuOptions(false);\n setShowSaveFilter(true);\n };\n\n function onLoadFilter (filterId) {\n const filter = findWhere(savedFilters, { id: filterId })\n\n if (filter.filters) {\n dispatch({\n type: 'cacheAndLoadFilter',\n value: filter,\n });\n setShowLoadFilter(false);\n return null;\n }\n\n AdvancedFilterAPI.get(filterId)\n .done((res) => {\n dispatch({\n type: 'cacheAndLoadFilter',\n value: res.filter,\n });\n })\n .fail(() => error('Could not load the filter.'));\n setShowLoadFilter(false);\n }\n\n const renderFilterSelect = useCallback(() => {\n return (\n \n
\n );\n }, [availableFilters]);\n\n const renderActiveFilters = () => {\n const joiningAndSpan = (\n And\n );\n\n const filters = activeFilters.map((filter, idx) => {\n const prependJoiningAnd = idx > 0;\n\n return (\n <>\n {prependJoiningAnd && joiningAndSpan}\n \n {filters}\n
\n );\n };\n\n const renderLoadFilter = () => {\n return (\n \n
\n - \n
- \n
\n Save current filter\n \n - \n
\n Manage saved filters\n \n {minifyOption()}\n
\n { onLoadFilter(e.value) }}\n value={filterOptions().find(({ value }) => value === loadedFilter?.id) ?? null}\n className='react-select-metrics'\n placeholder='Saved Filters'\n styles={{\n singleValue: (provided) => ({\n ...provided,\n fontWeight: 'bold',\n })\n }}\n />\n
\n );\n };\n\n return (\n <>\n \n
\n {showMenuOptions && renderMenuOptions()}\n {showLoadFilter && renderLoadFilter()}\n {showSaveFilter && renderSaveFilter()}\n \n );\n};\n\nexport default AdvancedFilter;\n","import React from 'react';\n\nimport { useAdvancedFilterContext, useAdvancedFilterDispatchContext } from 'components/shared/advanced-filter/context';\n\nconst AdvancedFilterClearButton = ({\n className,\n children,\n}) => {\n const state = useAdvancedFilterContext();\n const dispatch = useAdvancedFilterDispatchContext();\n\n const onClick = () => {\n dispatch({\n type: 'loadDefault',\n });\n };\n\n if (state.isDefault) { return null; }\n\n return (\n \n );\n};\n\nexport default AdvancedFilterClearButton;\n","import React from 'react';\nimport warn from 'warning';\n\nlet hasLocalStorage = true;\nconst testKey = 'react-localstorage.mixin.test-key';\nlet ls;\ntry {\n // Access to global `localStorage` property must be guarded as it\n // fails under iOS private session mode.\n ls = global.localStorage;\n ls.setItem(testKey, 'foo');\n ls.removeItem(testKey);\n} catch (e) {\n hasLocalStorage = false;\n}\n\nfunction fetchStateFromLocalStorage(key) {\n if (!hasLocalStorage) return;\n if (key === false) return;\n try {\n const storedState = JSON.parse(ls.getItem(key));\n if (storedState) {\n return storedState;\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n if (console) console.warn(e);\n }\n}\n\nfunction saveStateToLocalStorage(key, saveState) {\n if (!hasLocalStorage) return;\n if (key === false) return;\n ls.setItem(key, JSON.stringify(saveState));\n}\n\nexport default {\n fetch: fetchStateFromLocalStorage,\n save: saveStateToLocalStorage,\n exists: hasLocalStorage,\n};\n","import React from 'react';\n\nclass ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n\n componentDidCatch(error, info) {\n this.setState({ hasError: true });\n\n if (CityGrows.Server.env == 'development') {\n console.log(error);\n } else {\n Rollbar.error(error, info);\n }\n }\n\n render() {\n if (this.state.hasError) {\n return (\n \n {renderFastFilters()}\n
\n \n {minify ? renderMinified() : renderActiveFilters()}\n
\n \n {menuAvailable && renderMenu()}\n
\n \n 
\n
\n );\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n","// NOTE: The format in this array matches the\n// react-select options format.\nconst CURRENT_STEP_TERMS = [\n { value: 'minutes', label: 'Minutes' },\n { value: 'hours', label: 'Hours' },\n { value: 'days', label: 'Days' },\n];\n\nconst CURRENT_STEP_OPERATORS = [\n { value: 'less', label: 'Less' },\n { value: 'longer', label: 'Longer' },\n];\n\nconst STATUSES = [\n { value: 'active', label: 'Active' },\n { value: 'completed', label: 'Completed' },\n { value: 'halted', label: 'Halted' },\n { value: 'all', label: 'All' },\n];\n\nconst SORTS = [\n { value: 'last_active', label: 'Recent activity' },\n { value: 'date_launched', label: 'Date launched' },\n];\n\n// All of these other ones match react-select2-wrapper\nconst SOURCES = [\n { id: 'all', text: 'All' },\n { id: 'not_imported', text: 'Not imported' },\n { id: 'imported', text: 'Imported' },\n { id: 'specific_import', text: 'Specific import' },\n];\n\nconst OUTPUT_STATUSES = [\n { id: 'all', text: 'All' },\n { id: 'issued', text: 'Issued' },\n { id: 'expired', text: 'Expired' },\n { id: 'unissued', text: 'Unissued' },\n { id: 'revoked', text: 'Revoked' },\n];\n\nexport const RENEWAL_STATUSES = [\n { id: 'all', text: 'All' },\n { id: 'renewal', text: 'Is renewal' },\n { id: 'not_renewal', text: 'Not renewal' },\n];\n\nexport { OUTPUT_STATUSES as OutputStatuses };\n\nconst DEFAULT_CURRENT_STEP_TIME_VALUES = {\n value: null,\n currentStepTimeTerm: CURRENT_STEP_TERMS[2],\n currentStepTimeOperator: CURRENT_STEP_OPERATORS[1],\n}\n\nconst DEFAULT_LAUNCHED_AT = {\n from: '',\n to: '',\n};\n\nconst DEFAULT_APPLICANT = {\n id: null,\n};\n\nconst STATE_FILTER_KEYS = [\n 'completedFrom',\n 'completedTo',\n 'currentStepId',\n 'currentStepTimeTerm',\n 'currentStepTimeOperator',\n 'customId',\n 'dataFilters',\n 'launchedFrom',\n 'launchedTo',\n 'applicant',\n 'applicantId',\n 'onlyAssigned',\n 'output',\n 'renewal',\n 'workflow_status',\n 'processId',\n 'sourceId',\n 'sourceType',\n 'status',\n 'stepData',\n 'tags',\n 'teamId',\n 'templateId',\n];\n\nconst WORKFLOW_STATUSES = [\n { id: 'all', text: 'All' },\n { id: 'published', text: 'Published' },\n { id: 'unpublished', text: 'Unpublished' },\n { id: 'closed', text: 'Closed' },\n { id: 'archived', text: 'Archived' },\n];\n\nfunction defaultStatus() {\n return STATUSES[3].value;\n}\n\nfunction defaultSources() {\n return SOURCES[0].id;\n}\n\nconst FilterDefaults = {\n CURRENT_STEP_TERMS,\n CURRENT_STEP_OPERATORS,\n STATE_FILTER_KEYS,\n DEFAULT_LAUNCHED_AT,\n DEFAULT_APPLICANT,\n DEFAULT_CURRENT_STEP_TIME_VALUES,\n STATUSES,\n SORTS,\n defaultStatus,\n defaultSources,\n WORKFLOW_STATUSES,\n};\n\nexport default FilterDefaults;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Select from 'components/shared/select';\nimport useOnclickOutside from 'react-cool-onclickoutside';\n\nconst SEARCH_TYPES = [\n { value: 'exact', label: 'Exact Match' },\n { value: 'contains', label: 'Contains' },\n];\n\nconst SearchBar = ({\n onOutsideClick, isActive, children, onFocus, searchTypeChanged, searchType, search, searchButtonId,\n}) => {\n const wrapperRef = useOnclickOutside(onOutsideClick);\n\n const focusedClass = isActive ? 'active' : null;\n\n return (\n \n \n {children}\n {isActive && (\n value === searchType)}\n isSearchable={false}\n menuPosition='fixed'\n aria-label='Search Method'\n styles={{\n container: (provided) => ({\n ...provided,\n '@media (max-width: 480px)': {\n position: 'absolute',\n right: '0px',\n top: '5px',\n },\n 'min-width': '110px',\n }),\n control: (provided) => ({\n ...provided,\n lineHeight: '3rem',\n height: '3rem',\n // This is to override the __control styles\n border: 'none',\n backgroundColor: 'inherit !important',\n }),\n // The styling for the value\n singleValue: (provided) => ({\n ...provided,\n color: '#597A91',\n // This is one modular scale bigger but we don't have\n // a direct reference to that here\n fontSize: '1.2rem',\n }),\n }}\n />\n )}\n \n Search\n \n
\n );\n};\n\nSearchBar.propTypes = {\n children: PropTypes.node,\n isActive: PropTypes.bool,\n onOutsideClick: PropTypes.func,\n onFocus: PropTypes.func,\n search: PropTypes.func,\n searchType: PropTypes.string,\n searchTypeChanged: PropTypes.func,\n searchButtonId: PropTypes.string,\n};\n\nSearchBar.defaultProps = {\n // Setting this as a defaultProp ensures that the selector shows\n // up on the search bar on the public search page\n isActive: true,\n onOutsideClick: () => {},\n searchButtonId: '',\n};\n\nexport default SearchBar;\n","/*\n * Adapted from react-minimalist-portal by Léo Pradel\n*/\nimport { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { createPortal } from 'react-dom';\n\nconst Portal = ({ children }) => {\n const containerRef = useRef(document.createElement('div'));\n useEffect(() => {\n // This copy is recommended by eslint rules to prevent\n // a stale reference to `current` in the cleanup logic.\n // It's unlikely a problem here (the ref shouldn't change),\n // but it's good form.\n const div = containerRef.current;\n document.body.appendChild(div);\n return () => {\n document.body.removeChild(div);\n };\n });\n\n return createPortal(children, containerRef.current);\n};\n\nPortal.propTypes = {\n children: PropTypes.node,\n};\n\nexport default Portal;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst DEFAULT_OPTIONS = {\n paddingChars: 15,\n};\n\nconst TRUNCATION_SYMBOL = '...';\n\nconst Excerpt = ({ input, phrase, options }) => {\n const lowerInput = input.toLowerCase();\n const lowerPhrase = phrase.toLowerCase();\n\n const config = {\n ...DEFAULT_OPTIONS,\n ...options,\n };\n\n const phrasePos = lowerInput.indexOf(lowerPhrase);\n if (phrasePos === -1) {\n return null;\n }\n\n const startPos = (phrasePos > config.paddingChars) ? (phrasePos - config.paddingChars) : 0;\n const startCap = startPos > 0 ? TRUNCATION_SYMBOL : '';\n const startChunk = lowerInput.slice(startPos, phrasePos);\n\n const candidateEndPos = phrasePos + lowerPhrase.length + config.paddingChars;\n const endPos = (candidateEndPos < input.length - 1) ? candidateEndPos : input.length;\n\n const endCap = (candidateEndPos < input.length - 1) ? TRUNCATION_SYMBOL : '';\n const endChunk = lowerInput.slice(phrasePos + lowerPhrase.length, endPos);\n\n return <>{startCap}{startChunk}{phrase}{endChunk}{endCap};\n};\n\nExcerpt.propTypes = {\n input: PropTypes.string.isRequired,\n phrase: PropTypes.string.isRequired,\n options: PropTypes.object,\n};\n\nexport default Excerpt;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'underscore';\n\nimport Portal from 'components/shared/portal';\nimport Excerpt from 'components/shared/excerpt';\n\nconst typeToUrlSegment = {\n InitiatedFlow: 'initiated_flows',\n ImportedFlow: 'imported_flows',\n};\n\nconst urlForItem = (item) => `/${typeToUrlSegment[item.dashboardable_type]}/${item.dashboardable_id}`;\n\nconst getPopupPosition = (anchorRef) => {\n if (!anchorRef.current) {\n return {};\n }\n const { left, top } = window.$(anchorRef.current).offset();\n return { left, top: top + 50 };\n};\nconst MasterSearchResults = ({ results, searchTerms, anchorRef }) => {\n const { top, left } = getPopupPosition(anchorRef);\n\n let resultsHTML;\n\n if (!results) {\n resultsHTML = Searching
;\n } else if (isEmpty(results)) {\n resultsHTML = No results
;\n } else {\n resultsHTML = results.map((item) => (\n {`${item.template_name} #${item.scoped_id || '---'}`}
\n {item.identifier && {item.identifier}
}\n \n - \n {resultsHTML}\n
\n setTypeInFocus(true)}\n searchType={searchType}\n search={onEnterPressed}\n isActive={searchBarInFocus || typeInFocus}\n onOutsideClick={onOutsideClick}\n >\n {chipPresent\n ? (\n setSearchBarInFocus(true)}\n onBlur={onSearchBarBlur}\n placeholder='Search'\n />\n {shouldShowSearchResults && (\n
\n \n );\n};\n\nMasterSearch.propTypes = {\n onChange: PropTypes.func,\n};\n\nexport default MasterSearch;\n","import React from 'react';\nimport truncate from 'truncate';\nimport dayjs from 'dayjs';\nimport DiscGroup from 'components/shared/disc-group';\nimport { findWhere } from 'underscore';\n\nconst { Cell } = require('fixed-data-table-2');\n\nconst DashboardCell = ({\n item, cellName, onFlowBoxClick, selectedItems,\n}) => {\n function urlForItem() {\n switch (item.dashboardable_type) {\n case 'InitiatedFlow':\n return `/initiated_flows/${item.dashboardable_id}`;\n case 'ImportedFlow':\n return `/imported_flows/${item.dashboardable_id}`;\n default:\n throw new Error(`Unrecognized dashboardable type ${item.dashboardable_type}`);\n }\n }\n\n function buildId() {\n const id = item.dashboardable_type === 'InitiatedFlow'\n ? `#${item.scoped_id}`\n : '–';\n\n return (\n \n
\n )\n : (\n <>\n \n {truncate(item.current_step_name, 25)}\n \n
\n \n
\n );\n }\n\n if (dashboardHasContent()) {\n return (\n \n
\n
\n );\n }\n }\n\n return (\n Welcome to ClearForms
\nThere’s nothing here yet. Ready to get started?
\n {renderGetStartedLink()}\n
or check out our getting started guide.
\n\n {renderContent()}\n
\n );\n};\n\nMainDashboard.propTypes = {\n resizeCount: PropTypes.number.isRequired,\n selectedItems: PropTypes.arrayOf(PropTypes.number),\n initiatedFlows: PropTypes.arrayOf(PropTypes.shape({\n current_user_responsible: PropTypes.bool,\n })),\n hasTemplates: PropTypes.bool.isRequired,\n totalInitiatedFlowCount: PropTypes.number,\n rowsCount: PropTypes.number,\n};\n\nMainDashboard.defaultProps = {\n selectedItems: [],\n};\n\nexport default MainDashboard;\n","const TaggingAPI = {\n create(taggableType, taggableId, tagAttrs) {\n const url = '/taggings';\n const mergedAttrs = {\n ...tagAttrs,\n taggable_type: taggableType,\n taggable_id: taggableId,\n };\n const request = $.ajax(url, {\n dataType: 'JSON',\n method: 'POST',\n data: {\n tagging: mergedAttrs,\n },\n });\n\n return request;\n },\n\n createInBatch(taggingsAttrs) {\n const url = '/taggings/create_in_batch';\n\n const request = $.ajax(url, {\n dataType: 'JSON',\n method: 'POST',\n data: {\n taggings: JSON.stringify(taggingsAttrs),\n },\n });\n\n return request;\n },\n\n destroy(taggingId) {\n const url = `/taggings/${taggingId}`;\n const request = $.ajax(url, {\n dataType: 'JSON',\n method: 'DELETE',\n });\n\n return request;\n },\n\n destroyInBatch(taggingsAttrs) {\n const url = '/taggings/destroy_in_batch';\n\n const request = $.ajax(url, {\n dataType: 'JSON',\n method: 'DELETE',\n data: {\n taggings: JSON.stringify(taggingsAttrs),\n },\n });\n\n return request;\n },\n};\n\nexport default TaggingAPI;\n","import TaggingAPI from '../apis/tagging-api';\nimport { error } from '../components/shared/flash';\nimport InitiatedFlowConstants from '../constants/initiated-flow-constants';\nimport TagAPI from '../apis/tag-api';\n\nconst TagManagerActions = {\n createTag(dispatch, taggableType, taggableId, tagName) {\n TaggingAPI.create(taggableType, taggableId, {\n new_tag_name: tagName,\n })\n .done((tagging) => { this.onTagAdded(dispatch, tagging); })\n .fail(() => { error(); });\n },\n\n addTagging(dispatch, taggableType, taggableId, tagId) {\n TaggingAPI.create(taggableType, taggableId, {\n tag_id: tagId,\n })\n .done((tagging) => { this.onTagAdded(dispatch, tagging); })\n .fail(() => { error(); });\n },\n\n addTaggingInBulk(taggingsAttrs) {\n return TaggingAPI.createInBatch(taggingsAttrs);\n },\n\n removeTagging(dispatch, taggingId) {\n TaggingAPI.destroy(taggingId)\n .done(() => { this.onTaggingRemoved(dispatch, taggingId); })\n .fail(() => { error(); });\n },\n\n removeTaggingInBulk(taggingsAttrs) {\n return TaggingAPI.destroyInBatch(taggingsAttrs);\n },\n\n updateTag(dispatch, tagId, tagName) {\n return TagAPI.update(tagId, tagName)\n .done((tag) => { this.onTagUpdated(dispatch, tag); })\n .fail(() => { error(); });\n },\n destroyTag(dispatch, tagId) {\n TagAPI.destroy(tagId)\n .done((tag) => { this.onTagDeleted(dispatch, tag.id); })\n .fail(() => { error(); });\n },\n\n onTagAdded(dispatch, tagging) {\n dispatch({\n type: InitiatedFlowConstants.TAG_ADDED,\n tagging,\n });\n },\n\n onTaggingRemoved(dispatch, taggingId) {\n dispatch({\n type: InitiatedFlowConstants.TAG_REMOVED,\n taggingId,\n });\n },\n\n onTagDeleted(dispatch, tagId) {\n dispatch({\n type: InitiatedFlowConstants.TAG_DELETED,\n tagId,\n });\n },\n\n onTagUpdated(dispatch, tag) {\n dispatch({\n type: InitiatedFlowConstants.TAG_UPDATED,\n tag,\n });\n },\n};\n\nexport default TagManagerActions;\n","import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { filter, isEmpty, reject } from 'underscore';\nimport truncate from 'truncate';\nimport TagManagerActions from 'actions/tag-manager-actions';\nimport pluralize from 'modules/pluralize';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport Modal from '../shared/modal';\nimport { error, success } from '../shared/flash';\n\nconst TagManager = (props) => {\n const reservedTagNames = ['renewal'];\n const [tagNames, setTagNames] = useState(props.tagNames);\n const [selectedTags, setSelectedTags] = useState([]);\n const [tagTerm, setTagTerm] = useState('');\n const [isWorking, setIsWorking] = useState(false);\n\n const filteredTags = useMemo(() => {\n if (tagTerm === '') return tagNames;\n return filter(tagNames, (tagName) => {\n return tagName.match(tagTerm);\n });\n }, [tagNames, tagTerm]);\n\n const onTagToggle = (tag) => {\n if (isTagSelected(tag)) {\n const filtered = reject(selectedTags, (selectedTag) => {\n return selectedTag === tag;\n });\n setSelectedTags([...filtered]);\n } else {\n setSelectedTags([...selectedTags, tag]);\n }\n };\n\n const onTagTermChange = (e) => {\n setTagTerm(e.currentTarget.value.toLowerCase().trim());\n };\n\n const onSubmitClick = () => {\n const data = selectedTags.map((tag) => {\n return props.selectedItems.map((item) => {\n return {\n tag_name: tag,\n taggable_type: 'InitiatedFlow',\n taggable_id: item.id,\n };\n });\n });\n\n setIsWorking(true);\n\n if (props.deleteMode) {\n TagManagerActions.removeTaggingInBulk([].concat(...data))\n .done(() => {\n setSelectedTags([]);\n success('Tags removed');\n })\n .fail(() => error())\n .always(() => setIsWorking(false));\n } else {\n TagManagerActions.addTaggingInBulk([].concat(...data))\n .done(() => {\n props.onTagCreate(tagNames);\n setSelectedTags([]);\n success('Tags added');\n })\n .fail(() => error())\n .always(() => setIsWorking(false));\n }\n };\n\n const onNewTagAdd = (tagName) => {\n setSelectedTags([...selectedTags, tagName]);\n setTagNames([...tagNames, tagName]);\n };\n\n const isTagSelected = (tag) => {\n return selectedTags.includes(tag);\n };\n\n const renderAddTagLink = () => {\n if (tagTerm === '' || reservedTagNames.includes(tagTerm)) return;\n\n if (!props.deleteMode && !tagNames.includes(tagTerm)) {\n return (\n - \n {filteredTags.map((name) => {\n return (\n
\n
\n );\n };\n\n return (\n \n {`${actionText} ${submissionCount > 1 ? 'these' : 'this'} ${submissionCount} ${pluralize('submission', submissionCount)}`}\n
\n\n \n \n
\n {renderTags()}\n \n \n Cancel\n \n \n {isWorking ? 'Working...' : `${props.deleteMode ? 'Untag' : 'Tag'} ${pluralize('submission', props.selectedItems.length)}`}\n \n
\n \n
\n\n \n
\n \n
\n \n \n Clear Filters\n \n
\n\n Submissions
{this.renderSelectedProcessesMessage()}\n\n
\n - \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
\n {this.renderProcessesTab()}\n
\n {this.renderTagManager()}\n \n );\n }\n}\n\nDashboard.propTypes = {\n defaultFilterId: PropTypes.number,\n defaultWasInaccessible: PropTypes.bool,\n hasTemplates: PropTypes.bool.isRequired,\n savedFilters: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n teams: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n userId: PropTypes.number.isRequired,\n tagNames: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nDashboard.defaultProps = {\n defaultWasInaccessible: false,\n};\n\nconst MasterSearchWrapper = ({ children }) => (\n \n {children}\n
,\n document.getElementById('search-box-mobile'),\n )\n );\n }}\n \n {truncate(output.primary_applicant.name, 30)}\n
\n );\n case 'expire':\n const expire_value = output.expires_at ? dayjs(output.expires_at).format('l') : 'N/A';\n return ({expire_value});\n case 'issued':\n const issued_value = output.issued_at ? dayjs(output.issued_at).format('l') : 'N/A';\n return ({issued_value});\n case 'name':\n return ({output.name});\n case 'pid':\n return ({`#${output.initiated_flow_scoped_id}`});\n case 'status':\n return ({output.status});\n case 'template_name':\n return (\n \n {output.flow_template_name}\n \n );\n default:\n throw new Error(`Unhandled cell name ${type}`);\n };\n }\n\n return (\n {truncate(output.primary_applicant.email, 30)}
\n \n \n Document}\n cell={(columnAttrs) => {\n return buildCell(columnAttrs.rowIndex, 'name');\n }}\n width={250}\n />\n Form}\n cell={(columnAttrs) => {\n return buildCell(columnAttrs.rowIndex, 'template_name');\n }}\n width={250}\n cellClassName='flowtemplatename'\n />\n Submission ID}\n cell={(columnAttrs) => {\n return buildCell(columnAttrs.rowIndex, 'pid');\n }}\n width={110}\n cellClassName='dashboard-processid'\n />\n Status}\n cell={(columnAttrs) => {\n return buildCell(columnAttrs.rowIndex, 'status');\n }}\n width={100}\n cellClassName='capitalize'\n />\n Primary applicant}\n cell={(columnAttrs) => {\n return buildCell(columnAttrs.rowIndex, 'applicant');\n }}\n width={250}\n />\n \n
\n );\n};\n\nexport default OutputsTable;\n","import DashboardAPI from 'apis/dashboard-api';\n\nconst _pageSize = 20;\nlet _isLoading = false;\n\nconst useLoadMoreOutputs = (index, query, addItems) => {\n if (_isLoading) { return; }\n\n _isLoading = true;\n const page = Math.floor(index / _pageSize) + 1;\n let params = {\n ...query,\n next_page: page\n }\n\n DashboardAPI.fetchOutputs(params).done((res) => {\n _isLoading = false;\n addItems(res.outputs);\n });\n}\n\nexport default useLoadMoreOutputs;\n","import React, { useEffect, useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\n\nimport AdvancedFilter from '../shared/advanced-filter';\nimport { AdvancedFilterProvider } from '../shared/advanced-filter/context';\nimport { getOutputDimensions } from '../shared/advanced-filter/constants';\nimport DashboardAPI from 'apis/dashboard-api';\nimport ErrorBoundary from 'components/shared/error-boundary';\nimport LoadingSpinner from 'components/shared/loading-spinner';\nimport OutputsTable from './outputs-tab/table';\nimport useLoadMoreOutputs from '../hooks/use-load-more-outputs';\nimport AlertConfirm, { alert } from 'modules/alert-confirm';\n\nconst OUTPUTS_SORTS = [\n { value: 'date_issued_asc', label: 'Date issued (ascending)' },\n { value: 'date_issued_desc', label: 'Date issued (descending)' },\n { value: 'date_expire_asc', label: 'Expiration date (ascending)' },\n { value: 'date_expire_desc', label: 'Expiration date (descending)' },\n];\n\nconst OutputsTab = (props) => {\n const [lastFilters, setLastFilters] = useState({});\n const [outputs, setOutputs] = useState([]);\n const [totalCount, setTotalCount] = useState(0);\n const [isLoading, setIsLoading] = useState(false);\n\n const onSortChange = (filters) => {\n applyFilter(filters);\n };\n\n const loadMore = (rowIndex) => {\n const addItems = (newItems) => {\n setOutputs([...outputs, ...newItems]);\n }\n\n useLoadMoreOutputs(rowIndex, lastFilters, addItems);\n };\n\n const applyFilter = (filters) => {\n setIsLoading(true);\n return DashboardAPI.fetchOutputs(filters).done((res) => {\n setTotalCount(res.total_count);\n setOutputs(res.outputs);\n }).fail(() => {\n alert('Can\\'t load dashboard content', 'We\\'re having trouble loading your dashboard content. Please try again in a few moments.');\n }).always(() => {\n setLastFilters(filters);\n setIsLoading(false);\n });\n };\n\n const onActionClicked = (action) => {\n if (totalCount === 0) {\n alert(`Nothing to ${action}`, 'No outputs match your search criteria. Try changing the filters.');\n return;\n }\n\n switch(action) {\n case 'export':\n return handleExport();\n default:\n return null;\n }\n };\n\n const handleExport = () => {\n DashboardAPI.exportOutputs(lastFilters).\n done(() => { AlertConfirm.alert('Export queued.', \"You will be emailed when your export completes. Finished exports can be found on the Exports page.\"); });\n };\n\n const renderSelectedDocumentsMessage = () => {\n return (\n \n {isLoading\n ? 'Loading...'\n : <>{totalCount} matching\n }\n \n );\n };\n\n const renderMainContent = () => {\n if (isLoading) {\n return (\n \n
\n );\n }\n\n if (totalCount > 0) {\n return (\n \n
\n\n \n
\n \n
\n\n {renderMainContent()}\n \n
\n\n Outputs
{renderSelectedDocumentsMessage()}\n\n
\n - \n
- \n \n \n
\n
\n \n );\n};\n\nexport default DashboardOutputs;\n","import React from 'react';\nimport renderer from 'modules/renderer';\nimport Dashboard from 'components/dashboard';\nimport CommonProviders from 'components/common-providers';\nimport DashboardOutputs from 'components/dashboard-outputs';\n\nfunction index() {\n renderer(\n (\n \n {suggestion.field.replace(/_/g, ' ')}\n
\n \n\n
\n\n \n
\n\n \n
\n\n Suggested
\n {suggestion.new_content}
\n \n
\n Previous value
\n {suggestion.current_content}
\n \n \n
\n\n - \n {this.state.suggestions.map((suggestion) => {\n return this.renderSuggestion(suggestion);\n })}\n
\n
\n );\n }\n return (\n All suggestions on this request have been resolved.
\n Go Back\n\n
\n );\n }\n}\n\nexport default EditSuggestionsRequest;\n","import React from 'react';\nimport renderer from 'modules/renderer';\nimport CommonProviders from 'components/common-providers';\nimport EditSuggestionsRequest from '../components/edit-suggestions-request';\n\nfunction show() {\n renderer(\n (\n {this.props.request.user.name} wants to make the following changes to {this.props.request.entity_name}:
\n\n {this.renderChanges()}\n
\n \n {!this.props.request.user.is_poc && this.renderPocAdd() }\n
\n \n \n \n \n Accept all changes\n \n
\n \n \n
\n );\n}\n\nexport default Map;\n","import React from 'react';\nimport Map from 'components/shared/input_fields/entity-input/map';\nimport InlineNotification from 'components/shared/inline-notification';\n\nconst EsriFields = ({\n entity,\n}) => {\n const renderFields = () => {\n return Object.entries(entity.field_data).map(([key, val]) => {\n return (\n \n );\n });\n };\n\n if (!entity.field_data) {\n return (\n \n
\n );\n};\n\nexport default EsriFields;","import React, {\n useState, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport EntityActions from 'actions/entity-actions';\nimport AttachedPeople from 'components/shared/attached-people';\nimport EmbeddedTextInput from 'components/shared/embedded-text-input';\nimport AutonomousPopup from 'components/shared/autonomous-popup';\nimport StandardFields from './entity-page/standard-fields';\nimport EsriFields from './entity-page/esri-fields';\nimport {\n debounce, reject, isEmpty,\n} from 'underscore';\nimport truncate from 'truncate';\nimport dayjs from 'dayjs';\n\nconst EntityPage = ({\n teamSlug,\n entity: entityFromProps,\n}) => {\n const [entity, setEntity] = useState(entityFromProps);\n const [contacts, setContacts] = useState(entity.contacts);\n\n const updateContacts = (contact) => {\n let updatedContacts = [...contacts];\n if (contact.persisted) {\n updatedContacts.push(contact);\n } else {\n updatedContacts = reject(updatedContacts, (c) => {\n return c.id === contact.id;\n });\n }\n setContacts(updatedContacts);\n };\n\n const updateEntity = (attrs) => {\n EntityActions.update(entity.id, attrs)\n .done((res) => { setEntity(res); });\n };\n\n const onNameChange = useCallback(debounce((newName) => {\n updateEntity({ name: newName });\n }, 500), []);\n\n const onNoteChange = useCallback(debounce((newNote) => {\n updateEntity({ note: newNote });\n }, 500), []);\n\n const toggleEntityDestroyed = () => {\n return EntityActions.toggleDestroyed(entity.id)\n .done(setEntity);\n };\n\n const renderEntityFields = () => {\n if (entity.is_esri) {\n return (\n \n This {entity.custom_entity_name} does not have any associated submissions.\n
\n );\n };\n\n const renderFlowTable = () => {\n return (\n \n
\n );\n };\n\n const renderExtras = () => {\n // ESRI entities can't be archived (because they would still exist on remote)\n if (entity.is_esri) { return; }\n \n return (\n Submissions
\n {renderFlows()}\n\n \n \n\n \n {renderEditForm()}\n {renderFlowTable()}\n \n
\n );\n};\n\nEntityPage.propTypes = {\n teamSlug: PropTypes.string.isRequired,\n entity: PropTypes.shape({}).isRequired,\n};\n\nexport default EntityPage;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport LinkyButton from 'components/shared/linky-button';\nimport Select from 'components/shared/select';\n\n// NOTE: peopleSelected refers to whether we're on the people page\n// or the organizations page\n// TODO: make this pair of pages into a single page and then\n// make this component use Links and history instead of s and\n// document.location.\n// This will require refactoring this entire page to be react.\nconst SubNav = ({\n teamsForSelect, peopleSelected, teamSlug,\n}) => {\n const [exported, setExported] = useState(false);\n const [exporting, setExporting] = useState(false);\n const onSelectChange = ({ value: slug }) => {\n const page = peopleSelected ? 'people' : 'entities';\n document.location = `/teams/${slug}/${page}`;\n };\n\n const onExportClick = () => {\n if (exporting) {\n return;\n }\n\n const exportType = peopleSelected ? 'people' : 'entities';\n // TODO: replace with apiFetch\n setExporting(true);\n window.$.ajax(\n `/teams/${teamSlug}/${exportType}/exports`,\n {\n method: 'POST',\n },\n ).done(() => setExported(true))\n .always(() => setExporting(false));\n };\n\n const options = teamsForSelect.map(([value, label]) => ({ value, label }));\n\n return (\n <>\n {exported && (\n {entity.custom_entity_name}{renderExtras()}
\n \n
\n You will be emailed when your export completes. Finished exports can be found on the Exports page.
\n )}\n \n \n
\n \n );\n};\n\nSubNav.propTypes = {\n teamsForSelect: PropTypes.array,\n teamSlug: PropTypes.string,\n peopleSelected: PropTypes.bool,\n};\n\nexport default SubNav;\n","import React from 'react';\nimport renderer from 'modules/renderer';\nimport CommonProviders from 'components/common-providers';\nimport SubNav from '../components/subnav';\nimport PrimaryTabs from '../components/shared/primary-tabs';\n\nfunction init() {\n renderer(\n {!peopleSelected && + Create new entity}\n Export \n value === teamSlug)}\n options={options}\n onChange={onSelectChange}\n styles={{\n container: (provided) => ({\n ...provided,\n display: 'inline-block',\n 'margin-bottom': '1rem',\n 'margin-left': '1rem',\n 'vertical-align': 'middle',\n }),\n }}\n isSearchable={false}\n />\n
\n \n \n {entity && Next }\n
\n )\n}\n\nexport default EntityImport","import React from 'react';\nimport renderer from 'modules/renderer';\nimport EntityImport from 'components/entity-import';\nimport CommonProviders from 'components/common-providers';\n\nfunction index() {\n renderer(\n (\n | Export type | \nName | \nFile | \nStatus | \nDate | \n
|---|
\n
\n );\n }\n\n return this.renderExportsTable(this.state.exports);\n }\n\n render() {\n return (\n This is where data export files that you create are stored.
\n\n {this.renderExportTables()}\n
\n );\n }\n}\n\nexport default Exports;\n","import React from 'react';\nimport renderer from 'modules/renderer';\nimport CommonProviders from 'components/common-providers';\nimport Exports from '../components/exports';\nimport PrimaryTabs from '../components/shared/primary-tabs';\n\nfunction index() {\n renderer(- \n {props.templateList.map((template) => {\n const selected = template.id === props.templateId;\n return (\n
- { props.onTemplateChange(template); }}>\n \n\n\n {renderIcon(template)}\n\n {selected && (\n\n \n\n )}\n\n {template.name}\n\n \n );\n })}\n
\n
\n );\n};\n\nNewFormContainer.propTypes = {\n title: PropTypes.string.isRequired,\n onClose: PropTypes.func.isRequired,\n fullSize: PropTypes.bool,\n transitionRef: PropTypes.shape({}).isRequired,\n};\n\nexport default NewFormContainer;\n","import React, { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { filter, isEmpty, isNull, sortBy, find } from 'underscore';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport ReactDOM from 'react-dom';\nimport TemplateList from './new_form/template-list';\nimport NewFormContainer from './new_form/new-form-container';\nimport NotifBanner from 'components/shared/notif-banner';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { icon as i } from '@fortawesome/fontawesome-svg-core/import.macro';\n\nconst NewForm = (props) => {\n const noId = -1;\n const templates = [\n {\n id: noId,\n name: 'Blank Form',\n icon: 'fa-file',\n description: 'Start a blank form',\n stepNames: [],\n },\n ...sortBy(CityGrows.Server.templates, (template) => template.name).map(({\n name,\n icon,\n masterTemplateId,\n templateCategoryId,\n description,\n stepNames,\n }) => ({\n id: masterTemplateId,\n name,\n icon,\n categoryId: templateCategoryId,\n description,\n stepNames,\n })),\n ];\n\n const templateCategories = [\n { id: noId, name: 'All Templates' },\n ...sortBy(CityGrows.Server.templateCategories, (category) => category.name),\n ];\n\n const [template, setTemplate] = useState(templates[0]);\n const [categoryId, setCategoryId] = useState(noId);\n const [filterTerm, setFilterTerm] = useState('');\n const [showContent, setShowContent] = useState(false);\n const [isLaunching, setIsLaunching] = useState(false);\n\n const transitionRef = useRef(null);\n\n const launchUrl = useMemo(() => {\n if (isNull(template)) {\n return null;\n }\n\n if (template.id === noId) {\n return `/flow_templates?team_id=${props.teamId}`;\n }\n\n return `/master_templates/${template.id}/imports?team_id=${props.teamId}`;\n }, [props.teamId, template]);\n\n const filteredTemplates = useMemo(() => {\n if (categoryId === noId && isEmpty(filterTerm)) {\n return templates;\n }\n\n const results = filter(templates, (tmpl) => {\n const matchCategory = categoryId === noId\n ? true\n : tmpl.categoryId === categoryId;\n let matchName = true;\n if (!isEmpty(filterTerm)) {\n matchName = tmpl.name.toLowerCase().includes(filterTerm.toLowerCase());\n }\n return matchCategory && matchName;\n });\n\n if (!find(results, (tmpl) => tmpl.id === template?.id)) {\n setTemplate(null);\n }\n\n return results;\n }, [categoryId, filterTerm]);\n\n useEffect(() => {\n // to run transition\n setTimeout(() => setShowContent(true));\n }, []);\n\n const onCategoryIdChange = (id) => {\n setCategoryId(id);\n };\n\n const onTemplateChange = (tmpl) => {\n setTemplate(tmpl);\n };\n\n const onShowTemplateModal = (tmpl) => {\n onTemplateChange(tmpl);\n };\n\n const closeMainContainer = () => {\n setShowContent(false);\n setTimeout(() => {\n ReactDOM.unmountComponentAtNode(document.getElementById('newformcontainer'));\n }, 1500);\n };\n\n const renderTemplateInformation = () => {\n const bigger = isEmpty(template.description);\n let icon;\n if (template.icon === 'fa-file') {\n icon = \n
\n \n
\n {props.title}
\n\n {props.children}\n
\n \n 
\n
\n );\n }\n return (\n \n
\n );\n };\n\n const renderMenuBar = () => {\n return (\n \n {icon}\n
\n \n
\n \n {template.name}\n {!isEmpty(template.description) && (\n
\n {!isEmpty(template.stepNames) && (\n {template.description}
\n )}\n\n Form Steps\n
\n )}\n \n {template.stepNames.map((step, it) => {\n return `${it + 1}. ${step} ${it < template.stepNames.length - 1 ? ' -> ' : ''}`;\n })}\n
\n\n \n {renderLaunchButton()}\n
\n \n \n \n
\n );\n };\n\n const renderLaunchButton = () => {\n if (isLaunching) {\n return (\n - \n {templateCategories.map((category) => {\n return (\n
- { onCategoryIdChange(category.id); }}>\n {category.name}\n \n );\n })}\n
\n
\n \n
\n \n
\n \n Save time and simplify your experience with ClearForms using our pre-built form templates\n
\n Designed to help kickstart your form building process, these templates provide foundations for common local government processes.
\nSimply select a template, and you'll have a fully functional form at your fingertips. Customize and edit to fit your specific needs, making it your own in a just a few clicks.
\n\n \n { showContent && (\n \n \n \n
\n );\n};\n\nNewForm.propTypes = {\n teamId: PropTypes.string.isRequired,\n};\n\nexport default NewForm;\n","import React, { useState, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport UserPreferenceActions from 'actions/user-preference-actions';\nimport { isEmpty } from 'underscore';\nimport NewForm from '../new-form';\n\nconst FormsList = (props) => {\n const [starredFormIds, setStarredFormIds] = useState(props.starredFormIds);\n\n const starredForms = useMemo(() => {\n return props.masterTemplates.filter((template) => {\n return starredFormIds.includes(template.id);\n });\n }, [starredFormIds, props.masterTemplates]);\n\n const forms = useMemo(() => {\n const tmp = props.masterTemplates.filter((template) => {\n return !starredFormIds.includes(template.id);\n });\n if (props.formsPagination) {\n return tmp.slice(0, props.formsPagination);\n }\n\n return tmp;\n }, [starredFormIds, props.masterTemplates, props.formsPagination]);\n\n const showViewAllLink = useMemo(() => {\n return props.formsPagination\n && props.teamFriendlyId\n && (props.masterTemplates.length - starredForms.length) > props.formsPagination;\n }, [starredForms, props.masterTemplates, props.formsPagination, props.teamFriendlyId]);\n\n const starForm = (id) => {\n UserPreferenceActions.starForm(id)\n .done((res) => {\n setStarredFormIds(res.starred_master_template_ids);\n });\n };\n\n const unstarForm = (id) => {\n UserPreferenceActions.unstarForm(id)\n .done((res) => {\n setStarredFormIds(res.starred_master_template_ids);\n });\n };\n\n const renderCreateNewForm = (e, teamId) => {\n e.preventDefault();\n e.stopPropagation();\n const newFormContainer = document.getElementById('newformcontainer');\n ReactDOM.render(\n {renderMenuBar()}\n
\n \n \n { setFilterTerm(e.target.value); }} value={filterTerm} type='text' />\n
\n {template && renderTemplateInformation()}\n \n
\n \n \n )}\n \n
\n {form.name}
\n {form.status}
\n {starIcon}\n Your forms
}\n - \n {forms.map((form) => {\n return renderFormItem(form, false);\n })}\n\n {canCreateForms && (\n
- \n renderCreateNewForm(e, props.teamFriendlyId)} />\n\n\n \n )}\n \n \n );\n }\n\n if (isEmpty(starredForms)) {\n return (\n
\n Create new form\n No forms to show\n );\n }\n };\n\n const renderTitle = () => {\n if (props.teamName) {\n if (props.teamFriendlyId) {\n return {props.teamName};\n }\n return;\n }\n };\n\n return (\n{props.teamName}\n {renderTitle()}\n {!isEmpty(starredForms) && (\n <>\n\n );\n};\n\nFormsList.propTypes = {\n teamFriendlyId: PropTypes.string.isRequired,\n teamName: PropTypes.string.isRequired,\n masterTemplates: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n status: PropTypes.string.isRequired,\n })).isRequired,\n starredFormIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n enableFormCreation: PropTypes.bool.isRequired,\n formsPagination: PropTypes.number,\n};\n\nexport default FormsList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'underscore';\nimport FormsList from './forms-container/forms-list';\n\nconst FormsContainer = ({ teams, starredFormIds, teamlessForms, archivedMode }) => {\n const renderForms = () => {\n if (isEmpty(teams) && archivedMode) {\n returnStarred forms\n- \n {starredForms.map((form) => {\n return renderFormItem(form, true);\n })}\n
No archived forms;\n }\n\n if (isEmpty(teams) && isEmpty(teamlessForms)) {\n return (\n <>\n\n You dont belong to any teams. Ask a coworker to invite you to a team, or \n create a new one.\n\n
\n You must belong to a team in order to create new forms.\n \n );\n }\n\n return (\n <>\n {teams.map((team) => {\n return (\n\n\n )}\n \n );\n };\n return renderForms();\n};\n\nFormsContainer.propTypes = {\n teams: PropTypes.arrayOf(PropTypes.shape({\n friendly_id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n master_templates: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n })).isRequired,\n enable_form_creation: PropTypes.bool.isRequired,\n })),\n archivedMode: PropTypes.bool.isRequired,\n starredFormIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n};\n\nexport default FormsContainer;\n","import 'select2';\nimport React from 'react';\nimport renderer from 'modules/renderer';\nimport PrimaryTabs from '../components/shared/primary-tabs';\nimport FormsContainer from '../components/forms-container';\nimport CommonProviders from '../components/common-providers';\n\nconst index = () => {\n $('select').select2({\n minimumResultsForSearch: -1,\n width: 'style',\n });\n\n $('#templateselect').change((e) => {\n document.location = `?status=${e.currentTarget.value}`;\n });\n\n renderer(, document.getElementById('tabs'));\n renderer(\n (\n \n \n ), document.getElementById('formscontainer'),\n );\n};\n\nexport default {\n index,\n};\n","var InitiatedFlowAPI = {\n launchProcess: function (flowTemplateId, opts) {\n const URL = '/initiated_flows/';\n\n return $.ajax(URL, {\n method: 'POST',\n data: {\n initiated_flow: {\n flow_template_id: flowTemplateId,\n },\n primary_applicant_id: opts.primaryApplicantId,\n secondary_applicant_ids: opts.secondaryApplicantIds,\n subprocess_requirement_id: opts.subprocessRequirementId,\n },\n dataType: 'json',\n });\n },\n\n previouslyLaunched: function (masterTemplateId) {\n const URL = `/initiated_flows/previously_launched/${masterTemplateId}`;\n\n return $.ajax(URL, {\n method: 'GET',\n dataType: 'json'\n });\n },\n\n update: function (id, attrs) {\n const URL = `/initiated_flows/${id}`;\n\n return $.ajax(URL, {\n method: 'PUT',\n data: {\n initiated_flow: attrs\n },\n dataType: 'json'\n });\n },\n\n destroyProcess: function (id) {\n const URL = `/initiated_flows/${id}`;\n\n return $.ajax(URL, {\n method: 'DELETE',\n dataType: 'json'\n });\n },\n\n parseVariableText: function (textType, textContainerId, id) {\n const URL = `/initiated_flows/${id}/parse_text`;\n\n return $.ajax(URL, {\n method: 'GET',\n data: {\n text_type: textType,\n text_container_id: textContainerId\n },\n dataType: 'json'\n });\n },\n\n documentsAndFiles: function (id) {\n const URL = `/initiated_flows/${id}/documents_and_files`;\n\n return $.ajax(URL, {\n method: 'GET',\n dataType: 'json'\n });\n },\n\n uploadRepoFile: function (id, file) {\n const URL = `/initiated_flows/${id}/upload_repo_file`;\n\n const data = new FormData();\n data.append('file', file);\n\n return $.ajax(URL, {\n method: 'POST',\n processData: false,\n contentType: false,\n data: data,\n });\n },\n\n deleteRepoFile: function (id, fileId) {\n return $.ajax(`/initiated_flows/${id}/delete_repo_file`, {\n method: 'DELETE',\n dataType: 'json',\n data: {\n file_id: fileId\n }\n });\n },\n\n show: function (id) {\n return $.ajax(`/initiated_flows/${id}`, {\n method: 'GET',\n dataType: 'JSON',\n })\n },\n\n doNextStep: function (id, stepId) {\n return $.ajax(`/initiated_flows/${id}/do_next_step`, {\n method: 'POST',\n dataType: 'json',\n data: {\n step_id: stepId,\n },\n })\n },\n};\n\nexport default InitiatedFlowAPI;\n","import UserAPI from '../apis/user-api';\nimport InitiatedFlowAPI from '../apis/initiated-flow-api';\n\nconst LaunchManagerActions = {\n checkIfAccountExists(email) {\n return UserAPI.exists(email);\n },\n\n previouslyLaunched(masterTemplateId) {\n return InitiatedFlowAPI.previouslyLaunched(masterTemplateId);\n },\n};\n\nexport default LaunchManagerActions;\n","import Dispatcher from '../appdispatcher';\nimport Constants from '../constants/initiated-flow-constants';\nimport API from '../apis/initiated-flow-api';\nimport Flash from '../components/shared/flash';\nimport SearchAPI from '../apis/search-api';\n\nconst InitiatedFlowActions = {\n receiveInitiatedFlow(initiatedFlow) {\n Dispatcher.dispatch({\n actionType: Constants.LOADED,\n initiatedFlow,\n });\n },\n\n receiveStep(step) {\n Dispatcher.dispatch({\n actionType: Constants.STEP_LOADED,\n step,\n });\n },\n\n receiveActiveStep(activeStep) {\n Dispatcher.dispatch({\n actionType: Constants.ACTIVE_STEP_LOADED,\n activeStep,\n });\n },\n\n update(id, attrs) {\n const req = API.update(id, attrs);\n\n req.done(this.receiveInitiatedFlow);\n\n return req;\n },\n\n launchProcess(flowTemplateId, opts = {}) {\n const req = API.launchProcess(flowTemplateId, opts);\n\n req.done((data) => {\n window.location.replace(`/initiated_flows/manager/${data.id}`);\n })\n .fail(() => { Flash.error('There was a problem launching the submission.'); });\n\n return req;\n },\n\n deleteProcess(initiatedFlowId) {\n API.destroyProcess(initiatedFlowId)\n .done(() => {\n window.location = '/';\n })\n .fail(() => { Flash.error('There was a problem deleting the submission.'); });\n },\n\n searchApplicants(terms) {\n return SearchAPI.searchApplicants(terms, true);\n },\n};\n\nexport default InitiatedFlowActions;\n","import UserAPI from '../apis/user-api';\nimport Flash from '../components/shared/flash';\n\nconst UserActions = {\n login(email, password) {\n return UserAPI.login(email, password)\n .fail((res) => {\n Flash.error(res.responseJSON.error);\n });\n },\n\n signup(email, password, name, accountType) {\n return UserAPI.signup(email, password, name, accountType)\n .fail((res) => {\n Flash.error(res.responseText);\n });\n },\n};\n\nexport default UserActions;\n","import React from 'react';\nimport dayjs from 'dayjs';\n\nconst SmallFlowTable = ({ initiatedFlows, subprocessRequirementId }) => {\n const renderRow = (flow) => {\n const params = subprocessRequirementId ? `?subprocess_requirement_id=${subprocessRequirementId}` : '';\n\n const processURL = `/initiated_flows/manager/${flow.id}${params}`;\n\n return (\n\n \n );\n };\n\n const renderRows = () => {\n return initiatedFlows.map(renderRow);\n };\n\n return (\n\n \n\n {flow.identifier_field}\n \n\n {dayjs(flow.created_at).format('LLL')}\n \n\n \n { flow.is_renewable\n && (\n \n\n \n
\n );\n};\n\nexport default SmallFlowTable;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SmallFlowTable from 'components/shared/small-flow-table';\n\nconst ExistingProcessesStep = (props) => {\n return (\n\n \n \n \n {renderRows()}\n \nID \nIdentifier \nStarted \nStatus \n\n\n );\n};\n\nExistingProcessesStep.propTypes = {\n initiatedFlows: PropTypes.arrayOf(PropTypes.shape({})),\n onNextClick: PropTypes.func.isRequired,\n subprocessRequirementId: PropTypes.number,\n};\n\nExistingProcessesStep.defaultProps = {\n initiatedFlows: [],\n};\n\nexport default ExistingProcessesStep;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nclass ExistingAccountStep extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n password: '',\n };\n }\n\n getInitialState() {\n return {\n password: '',\n };\n }\n\n isIncomplete = () => {\n return !this.state.password;\n };\n\n onChange = (e) => {\n this.setState({\n password: e.currentTarget.value,\n });\n };\n\n onSubmit = (e) => {\n e.preventDefault();\n this.props.onSubmit(this.refs.password.value);\n };\n\n render() {\n return (\nLooking for a submission you already started?
\n Choose one of the following submissions to renew or pick up where you left off.\n\n\n\n\n \n\n \n\n );\n }\n}\n\nExistingAccountStep.propTypes = {\n email: PropTypes.string.isRequired,\n onSubmit: PropTypes.func.isRequired,\n};\n\nexport default ExistingAccountStep;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport EmailValidator from 'modules/email-validator';\n\nclass EmailStep extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n email: this.props.defaultValue,\n };\n }\n\n emailValid = () => {\n return EmailValidator.validate(this.state.email);\n };\n\n onSubmit = (e) => {\n e.preventDefault();\n\n this.props.onSubmit(this.refs.input.value.trim());\n };\n\n onEmailChange = (e) => {\n this.setState({\n email: e.currentTarget.value,\n });\n };\n\n render() {\n return (\nWe found an existing account for that email
\n Please enter your password for {this.props.email}\n\n \n\n\n );\n }\n}\n\nEmailStep.propTypes = {\n onSubmit: PropTypes.func.isRequired,\n defaultValue: PropTypes.string.isRequired,\n};\n\nexport default EmailStep;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst LaunchingLoader = ({ flowTemplate }) => {\n return (\nLet's get started
\n First things first, what's a good email address for us to contact you at?\n\n \n\n Want to resume a submission you already started?\n\n\n );\n};\n\nLaunchingLoader.propTypes = {\n flowTemplate: PropTypes.object.isRequired,\n};\n\nexport default LaunchingLoader;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nclass PersonalInfoStep extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n name: this.props.defaultNameValue,\n };\n }\n\n isIncomplete = () => {\n return !this.state.name;\n };\n\n onSubmit = (e) => {\n e.preventDefault();\n\n const formData = {\n name: this.refs.name.value,\n };\n\n this.props.onSubmit(formData);\n };\n\n onBackClick = (e) => {\n e.preventDefault();\n this.props.history.goBack();\n };\n\n onChange = () => {\n this.setState({\n name: this.refs.name.value,\n });\n };\n\n render() {\n return (\nLaunching
\n{flowTemplate.name}
\n\n\n\n\n );\n }\n}\n\nPersonalInfoStep.propTypes = {\n onBackClick: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n defaultNameValue: PropTypes.string.isRequired,\n};\n\nexport default PersonalInfoStep;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nclass PasswordStep extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n password: '',\n };\n }\n\n componentDidMount() {\n this.refs.password.focus();\n }\n\n isIncomplete = () => {\n return !this.state.password || this.state.password.length < 8;\n };\n\n onChange = (e) => {\n this.setState({\n password: e.currentTarget.value,\n });\n };\n\n onSubmit = (e) => {\n e.preventDefault();\n this.props.onSubmit(this.refs.password.value);\n };\n\n buttonText = () => {\n if (this.isIncomplete()) {\n return 'Password too short';\n }\n\n return 'Launch submission >';\n };\n\n render() {\n return (\nPersonal Info
\n\n \n\n\n );\n }\n}\n\nPasswordStep.propTypes = {\n onBackClick: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n};\n\nexport default PasswordStep;\n","import PropTypes from 'prop-types';\nimport React, { useState, useEffect } from 'react';\nimport { Route, HashRouter as Router, useHistory } from 'react-router-dom';\nimport { Switch } from 'react-router';\nimport LaunchManagerActions from 'actions/launch-manager-actions';\nimport InitiatedFlowActions from 'actions/initiated-flow-actions';\nimport UserActions from 'actions/user-actions';\nimport NotifBanner from 'components/shared/notif-banner';\nimport ErrorBoundary from 'components/shared/error-boundary';\nimport ExistingProcessesStep from './launch_manager/existing-processes-step';\nimport ExistingAccountStep from './launch_manager/existing-account-step';\nimport EmailStep from './launch_manager/email-step';\nimport LaunchingLoader from './launch_manager/launching-loader';\nimport PersonalInfoStep from './launch_manager/personal-info-step';\nimport PasswordStep from './launch_manager/password-step';\n\nconst LaunchManager = (props) => {\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [name, setName] = useState('');\n const [existingAccount, setExistingAccount] = useState(null);\n const [currentUser, setCurrentUser] = useState(props.currentUser);\n const [existingProcesses, setExistingProcesses] = useState();\n\n const history = useHistory();\n\n useEffect(() => {\n if (currentUser) {\n existingProcessCheck();\n } else {\n history.replace('/email');\n }\n }, []);\n\n useEffect(() => {\n if (!email) { return; }\n\n checkEmailAndRedirect();\n }, [email]);\n\n useEffect(() => {\n if (!password) { return; }\n\n authenticateUser().done(existingProcessCheck);\n }, [password]);\n\n const redirectTo = (path) => {\n history.push(path);\n };\n\n const onBackClick = (e) => {\n e.preventDefault();\n history.goBack();\n };\n\n const checkEmailAndRedirect = () => {\n LaunchManagerActions.checkIfAccountExists(email)\n .done(handleEmailCheckResponse);\n };\n\n const handleEmailCheckResponse = (accountExists) => {\n if (accountExists) {\n setExistingAccount(true);\n redirectTo('/existing');\n } else {\n redirectTo('/personal-info');\n }\n };\n\n const onEmailSubmit = (newEmail) => {\n setEmail(newEmail);\n };\n\n const onPersonalInfoSubmit = (info) => {\n setName(info.name);\n redirectTo('/password');\n };\n\n const onPasswordSubmit = (newPassword) => {\n setPassword(newPassword);\n };\n\n const authenticateUser = () => {\n let authRequest;\n\n if (currentUser || existingAccount) {\n authRequest = UserActions.login(email, password);\n } else {\n authRequest = UserActions.signup(email, password, name, 'citizen');\n }\n\n return authRequest.done(setCurrentUser);\n };\n\n const existingProcessCheck = () => {\n LaunchManagerActions.previouslyLaunched(props.masterTemplateId).done((existing) => {\n if (canUseExistingProcesses() && existing.length) {\n setExistingProcesses(existing);\n redirectTo('/processes');\n } else {\n redirectTo('/launching');\n launchChain();\n }\n });\n };\n\n const canUseExistingProcesses = () => {\n if (props.subprocessRequirement && !props.subprocessRequirement.allow_link_existing) { return false; }\n\n return true;\n };\n\n const postAuth = () => {\n onLaunchFlowComplete();\n };\n\n const onLaunchFlowComplete = () => {\n redirectTo('/launching');\n launchChain();\n };\n\n const launchChain = () => {\n const opts = {\n subprocessRequirementId: props.subprocessRequirement?.id,\n primaryApplicantId: props.primaryApplicant?.id,\n secondaryApplicantIds: props.secondaryApplicantIds,\n };\n InitiatedFlowActions.launchProcess(props.flowTemplate.id, opts)\n .fail(history.goBack);\n };\n\n const emailStepRenderer = () => {\n return (\nChoose a password
\n Use your password to return to your submission at any time.\n\n \n\n );\n };\n\n const existingAccountStepRenderer = () => {\n return (\n \n );\n };\n\n return (\n <>\n \n\n \n \n );\n};\n\nconst withRouter = (props) => {\n return (\n\n You are starting {props.flowTemplate.name}\n \n\n\n\n\n\n \n\n \n \n \n \n \n } />\n \n \n );\n};\n\nLaunchManager.propTypes = {\n currentUser: PropTypes.object,\n flowTemplate: PropTypes.shape({\n name: PropTypes.string.isRequired,\n id: PropTypes.number.isRequired,\n }).isRequired,\n masterTemplateId: PropTypes.number.isRequired,\n match: PropTypes.object.isRequired,\n subprocessRequirement: PropTypes.shape({\n id: PropTypes.number.isRequired,\n allow_link_existing: PropTypes.bool.isRequired,\n }).isRequired,\n primaryApplicant: PropTypes.shape({\n id: PropTypes.number.isRequired,\n }).isRequired,\n secondaryApplicantIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nexport default withRouter;\n","export const isLoggedIn = () => {\n const url = '/sessions/is_logged_in';\n\n return window.$.ajax(url, {\n method: 'GET',\n dataType: 'json',\n });\n};\n\nexport default isLoggedIn;\n","import { isLoggedIn } from 'apis/session-api';\nimport { throttle } from 'underscore';\n\nexport const checkForLogin = throttle(() => {\n const req = isLoggedIn();\n req.done((res) => {\n if (!res.isLoggedIn) {\n alert('You are not currently logged in');\n window.location.replace('/users/sign_in');\n }\n });\n}, 5000, { trailing: false });\n\nexport const pollForLogin = () => {\n window.$(window).focus('focus', checkForLogin);\n};\n\nexport default pollForLogin;\n","import keyMirror from 'keymirror'\n\nexport default keyMirror({\n INVITES_ADDED: null,\n DESTROYED: null,\n}, 'SURVEY_SUBMISSION');\n","import keyMirror from 'keymirror'\n\nexport default keyMirror({\n\t'LOADED': null\n}, 'ACTIVITY_LOG');\n","import Constants from 'constants/initiated-flow-constants';\nimport ActiveStepConstants from 'constants/active-step-constants';\nimport SurveySubmissionConstants from 'constants/survey-submission-constants';\nimport ActivityLogConstants from 'constants/activity-log-constants';\nimport { findWhere, reject, findIndex, map } from 'underscore';\n\nfunction initiatedFlowReducer(state, action) {\n let step = {};\n let datum = {};\n let index = null;\n let reqsDupe = null;\n\n switch (action.type) {\n case Constants.SET_REFRESHED:\n return { ...state, refreshing: false };\n case Constants.REQUIREMENT_UPDATED:\n index = findIndex(state.initiatedFlow.requirements, { id: action.requirement.id });\n let reqDupe = { ...state.initiatedFlow.requirements[index], ...action.requirement };\n reqsDupe = [\n ...state.initiatedFlow.requirements.slice(0, index),\n reqDupe,\n ...state.initiatedFlow.requirements.slice(index + 1),\n ];\n\n return { ...state, initiatedFlow: { ...state.initiatedFlow, requirements: reqsDupe }, step: reqDupe };\n case Constants.PAYMENT_UPDATED:\n step = { ...state.step, payment: action.payment, completed: action.payment.completed };\n index = findIndex(state.initiatedFlow.requirements, { id: action.payment.payable_id });\n reqsDupe = [\n ...state.initiatedFlow.requirements.slice(0, index),\n { ...state.initiatedFlow.requirements[index], payment: action.payment, completed: action.payment.completed },\n ...state.initiatedFlow.requirements.slice(index + 1),\n ];\n return { ...state, step, initiatedFlow: { ...state.initiatedFlow, requirements: reqsDupe } };\n case Constants.PAYMENT_MADE:\n step = { ...state.step, completed: action.completed, payment: { ...state.step.payment, completed: action.completed, charges: [...state.step.payment.charges, action.charge] } };\n index = findIndex(state.initiatedFlow.requirements, (requirement) => { return requirement.payment.id === action.charge.chargeable_id; });\n reqDupe = { ...state.initiatedFlow.requirements[index] };\n reqsDupe = [\n ...state.initiatedFlow.requirements.slice(0, index),\n { ...reqDupe, payment: { ...reqDupe.payment, completed: action.completed, charges: [...reqDupe.payment.charges, action.charge] }, completed: action.completed },\n ...state.initiatedFlow.requirements.slice(index + 1),\n ];\n\n return { ...state, step, initiatedFlow: { ...state.initiatedFlow, requirements: reqsDupe } };\n case Constants.COLLECTED_DATA_CHANGED:\n datum = findWhere(state.activeStep.collected_data, { step_datum_id: action.stepDatumId });\n if (!datum) {\n datum = { step_datum_id: action.stepDatumId, content: action.newValue };\n state.activeStep.collected_data.push(datum);\n } else {\n datum.content = action.newValue;\n }\n\n return { ...state, outstandingSaveRequests: state.outstandingSaveRequests + 1, changePending: false };\n case Constants.COLLECTED_DATA_WILL_CHANGE:\n return { ...state, changePending: true };\n case Constants.DELETE_ATTACHED_FILE:\n datum = findWhere(state.activeStep.collected_data, { step_datum_id: action.stepDatumId });\n datum.files = reject(datum.files, { id: action.fileId });\n return { ...state, refreshing: true };\n case ActiveStepConstants.SYNC_ACTIVE_STEP:\n return { ...state, activeStep: action.activeStep };\n case ActiveStepConstants.CURRENT_ACTIVE_STEP_UPDATED:\n return { ...state, activeStep: { ...state.activeStep, ...action.attrs }, refreshingAttachments: true };\n case ActiveStepConstants.UPDATED:\n const activeStepIndex = findIndex(state.initiatedFlow.active_steps, { id: action.activeStepId });\n const activeStepDupe = { ...state.initiatedFlow.active_steps[activeStepIndex], ...action.attrs };\n let currentActiveStep = { ...state.activeStep };\n if (state.activeStep.id === action.activeStepId) {\n currentActiveStep = { ...currentActiveStep, ...action.attrs };\n }\n return {\n ...state,\n activeStep: currentActiveStep,\n initiatedFlow: {\n ...state.initiatedFlow,\n active_steps: [\n ...state.initiatedFlow.active_steps.slice(0, activeStepIndex),\n activeStepDupe,\n ...state.initiatedFlow.active_steps.slice(activeStepIndex + 1),\n ],\n },\n };\n case ActiveStepConstants.CHANGES_PERSISTED:\n return {\n ...state,\n outstandingSaveRequests: state.outstandingSaveRequests - 1,\n refreshing: true, refreshingAttachments: true,\n reviewSubmitted: action.reviewSubmitted,\n };\n case Constants.COLLECTED_DATA_ERROR:\n const stepDatum = findWhere(state.activeStep.collected_data, {\n step_datum_id: action.stepDatumId,\n });\n\n if (stepDatum.data_type === 'file') {\n stepDatum.content = null;\n }\n return { ...state, outstandingSaveRequests: null };\n case SurveySubmissionConstants.INVITES_ADDED:\n return { ...state, activeStep: { ...state.activeStep, survey_invitations: state.activeStep.survey_invitations.concat(action.invites) } };\n case SurveySubmissionConstants.DESTROYED:\n return { ...state, activeStep: { ...state.activeStep, survey_submissions: reject(state.activeStep.survey_submissions, { id: action.id }) } };\n case ActivityLogConstants.LOADED:\n return { ...state, activities: action.activities };\n case Constants.TAG_ADDED: {\n // This tag already exists. At time of writing,\n // this only occurs when attempting to add a\n // renewal tag to a process that already has it.\n\n if (findWhere(state.initiatedFlow.taggings, { tag_name: action.tagging.tag_name })) {\n return;\n }\n\n const taggingsDupe = [...state.initiatedFlow.taggings, action.tagging];\n let suggestedTags = [...state.initiatedFlow.suggested_tags];\n if (!findWhere(state.initiatedFlow.suggested_tags, { id: action.tagging.tag_id })) {\n const { tag } = action.tagging;\n tag.tagging_count = 1;\n suggestedTags = [...suggestedTags, tag];\n } else {\n const tagToUpdate = findWhere(state.initiatedFlow.suggested_tags, { id: action.tagging.tag_id });\n tagToUpdate.tagging_count += 1;\n const otherSuggestedTags = reject(state.initiatedFlow.suggested_tags, { id: action.tagging.tag_id });\n suggestedTags = [...otherSuggestedTags, tagToUpdate];\n }\n\n return {\n ...state,\n initiatedFlow: {\n ...state.initiatedFlow,\n taggings: taggingsDupe,\n suggested_tags: suggestedTags,\n },\n };\n }\n case Constants.TAG_UPDATED: {\n const otherSuggestedTags = reject(state.initiatedFlow.suggested_tags, { id: action.tag.id });\n\n const taggingToUpdate = findWhere(state.initiatedFlow.taggings, { tag_id: action.tag.id });\n const otherTaggings = taggingToUpdate ? reject(state.initiatedFlow.taggings, taggingToUpdate) : state.initiatedFlow.taggings;\n\n if (taggingToUpdate) {\n taggingToUpdate.tag_name = action.tag.name;\n taggingToUpdate.tag.name = action.tag.name;\n }\n\n const updatedTaggings = taggingToUpdate ? [...otherTaggings, taggingToUpdate] : otherTaggings;\n\n return {\n ...state,\n initiatedFlow: {\n ...state.initiatedFlow,\n taggings: updatedTaggings,\n suggested_tags: [...otherSuggestedTags, action.tag],\n },\n };\n }\n case Constants.TAG_REMOVED: {\n const taggingToRemove = findWhere(state.initiatedFlow.taggings, { id: action.taggingId });\n const updatedTaggings = reject(state.initiatedFlow.taggings, { id: action.taggingId });\n const tagToUpdate = findWhere(state.initiatedFlow.suggested_tags, { id: taggingToRemove.tag_id });\n tagToUpdate.tagging_count -= 1;\n const otherSuggestedTags = reject(state.initiatedFlow.suggested_tags, { id: taggingToRemove.tag_id });\n const suggestedTags = [...otherSuggestedTags, tagToUpdate];\n\n return { ...state, initiatedFlow: { ...state.initiatedFlow, taggings: updatedTaggings, suggested_tags: suggestedTags } };\n }\n case Constants.TAG_DELETED: {\n const updatedTaggings = reject(state.initiatedFlow.taggings, { tag_id: action.tagId });\n const updatedTags = reject(state.initiatedFlow.suggested_tags, { id: action.tagId });\n return { ...state, initiatedFlow: { ...state.initiatedFlow, taggings: updatedTaggings, suggested_tags: updatedTags } };\n }\n case Constants.ASSIGNED_PEOPLE_UPDATED:\n if (action.personAttachment.persisted) {\n state.initiatedFlow.person_attachments.push(action.personAttachment);\n } else {\n state.initiatedFlow.person_attachments = reject(state.initiatedFlow.person_attachments, { id: action.personAttachment.id, type: action.personAttachment.type });\n }\n return { ...state };\n case Constants.ASSIGNMENT_UPDATED:\n index = findIndex(state.initiatedFlow.person_attachments, { id: action.personAttachment.id, type: action.personAttachment.type });\n const attachmentsDup = [\n ...state.initiatedFlow.person_attachments.slice(0, index),\n { ...state.initiatedFlow.person_attachments[index], ...action.personAttachment },\n ...state.initiatedFlow.person_attachments.slice(index + 1),\n ];\n return { ...state, initiatedFlow: { ...state.initiatedFlow, person_attachments: attachmentsDup } };\n case Constants.HALTED:\n return { ...state, initiatedFlow: { ...state.initiatedFlow, halted: true } };\n case Constants.OUTPUT_UPDATED:\n index = findIndex(state.initiatedFlow.issued_outputs, { id: action.attrs.id });\n const outputsDupe = [\n ...state.initiatedFlow.issued_outputs.slice(0, index),\n { ...state.initiatedFlow.issued_outputs[index], ...action.attrs },\n ...state.initiatedFlow.issued_outputs.slice(index + 1),\n ];\n return { ...state, initiatedFlow: { ...state.initiatedFlow, issued_outputs: outputsDupe } };\n case Constants.SUBPROCESS_REQUIREMENT_UPDATED:\n index = findIndex(state.initiatedFlow.subprocess_requirements, { id: action.attrs.id });\n const subprocessReqDupe = [\n ...state.initiatedFlow.subprocess_requirements.slice(0, index),\n { ...state.initiatedFlow.subprocess_requirements[index], ...action.attrs },\n ...state.initiatedFlow.subprocess_requirements.slice(index + 1),\n ];\n return { ...state, initiatedFlow: { ...state.initiatedFlow, subprocess_requirements: subprocessReqDupe } };\n case Constants.ADVANCE_ATTEMPTED:\n return { ...state, attemptedAdvance: true };\n case Constants.SYNC_ATTACHMENTS:\n return { ...state, initiatedFlow: { ...state.initiatedFlow, person_attachments: action.attachments }}\n case Constants.SET_ATTACHMENTS_REFRESHED:\n return { ...state, refreshingAttachments: false, reviewSubmitted: false };\n case Constants.APPLICANT_LIST_UPDATED:\n if (action.saved) {\n state.initiatedFlow.applicant_attachments.push(action.applicant);\n } else {\n state.initiatedFlow.applicant_attachments = reject(state.initiatedFlow.applicant_attachments, { id: action.applicant.id });\n }\n return { ...state };\n case Constants.PRIMARY_APPLICANT_CHANGED:\n state.initiatedFlow.applicant_attachments = map(state.initiatedFlow.applicant_attachments, (applicant) => {\n const a = { ...applicant };\n a.is_primary = a.id === action.applicant.id;\n return a;\n });\n return { ...state };\n default:\n throw new Error(`${action.type}`);\n }\n}\n\nexport default initiatedFlowReducer;\n","import keyMirror from 'keymirror'\n\nexport default keyMirror({\n\t'LOADED': null,\n\t'UPDATED': null,\n\t'CREATED': null,\n\t'DESTROYED': null,\n\t'COMMENT_ADDED': null,\n\t'COMMENT_DELETED': null,\n}, 'DISCUSSION');\n","import DiscussionConstants from 'constants/discussion-constants';\nimport { findIndex, reject } from 'underscore';\n\nfunction discussionReducer(state, action) {\n let index = null;\n\n switch (action.type) {\n case DiscussionConstants.LOADED:\n return { discussions: action.discussions };\n case DiscussionConstants.CREATED:\n return { discussions: [...state.discussions, action.discussion] };\n case DiscussionConstants.UPDATED:\n index = findIndex(state.discussions, { id: action.discussion.id });\n return {\n discussions: [\n ...state.discussions.slice(0, index),\n { ...state.discussions[index], ...action.discussion },\n ...state.discussions.slice(index + 1),\n ],\n };\n case DiscussionConstants.DESTROYED:\n const discussionsDupe = [...state.discussions];\n return { discussions: reject(discussionsDupe, { id: action.discussion.id }) }\n case DiscussionConstants.COMMENT_ADDED:\n index = findIndex(state.discussions, { id: action.discussionComment.discussion_id });\n return {\n discussions: [\n ...state.discussions.slice(0, index),\n { ...state.discussions[index], discussion_comments: [ ...state.discussions[index].discussion_comments, action.discussionComment ] },\n ...state.discussions.slice(index + 1)\n ],\n };\n case DiscussionConstants.COMMENT_DELETED:\n index = findIndex(state.discussions, (d) => {\n return findIndex(d.discussion_comments, { id: action.discussionCommentId }) !== -1;\n });\n const discussionCommentsDupe = [...state.discussions[index].discussion_comments];\n\n return {\n discussions: [\n ...state.discussions.slice(0, index),\n {\n ...state.discussions[index],\n discussion_comments: reject(discussionCommentsDupe, { id: action.DiscussionCommentId }),\n },\n ...state.discussions.slice(index + 1),\n ],\n };\n default:\n throw new Error();\n }\n}\n\nexport default discussionReducer;\n","var DiscussionAPI = {\n\tindex(initiatedFlowId){\n\t\tconst url = '/initiated_flows/' + initiatedFlowId + '/discussions';\n\t\tvar request = $.ajax(url, {\n\t\t\tdataType: 'json',\n\t\t\tmethod: 'GET'\n\t\t});\n\n\t\treturn request;\n\t},\n\n\tcreate(initiatedFlowId, attrs){\n\t\tconst url = '/initiated_flows/' + initiatedFlowId + '/discussions';\n\t\t\n\t\treturn $.ajax(url, {\n\t\t\tdata: {\n\t\t\t\tdiscussion: attrs\n\t\t\t},\n\t\t\tdataType: 'json',\n\t\t\tmethod: 'POST'\n\t\t});\n\t},\n\n\tupdate(discussionId, attrs){\n\t\tconst url = '/discussions/' + discussionId;\n\t\treturn $.ajax(url, {\n\t\t\tdata: {\n\t\t\t\tdiscussion: attrs\n\t\t\t},\n\t\t\tdataType: 'json',\n\t\t\tmethod: 'PUT'\n\t\t});\n\t},\n\n\tresolve(discussionId, resolved){\n\t\tconst url = `/discussions/${discussionId}/resolve`;\n\t\treturn $.ajax(url, {\n\t\t\tdata: {\n\t\t\t\tdiscussion: {\n\t\t\t\t\tresolved: resolved\n\t\t\t\t}\n\t\t\t},\n\t\t\tdataType: 'json',\n\t\t\tmethod: 'POST'\n\t\t});\n\t},\n\n\tdestroy(discussionId){\n\t\tconst url = '/discussions/' + discussionId;\n\n\t\treturn $.ajax(url, {\n\t\t\tmethod: 'DELETE',\n\t\t\tdataType: 'json'\n\t\t});\n\t}\n};\n\nexport default DiscussionAPI;","var DiscussionCommentAPI = {\n\tcreate(discussionId, attrs){\n\t\tconst url = '/discussions/' + discussionId + '/discussion_comments';\n\n\t\treturn $.ajax(url, {\n\t\t\tdataType: 'json',\n\t\t\tmethod: 'POST',\n\t\t\tdata: {\n\t\t\t\tdiscussion_comment: attrs\n\t\t\t}\n\t\t});\n\t},\n\n\tdestroy(disucssionCommentId){\n\t\tconst url = '/discussion_comments/' + disucssionCommentId;\n\n\t\treturn $.ajax(url, {\n\t\t\tdataType: 'json',\n\t\t\tmethod: 'DELETE'\n\t\t});\n\t}\n};\n\nexport default DiscussionCommentAPI;","import NProgress from 'nprogress';\nimport DiscussionConstants from '../constants/discussion-constants';\nimport DiscussionAPI from '../apis/discussion-api';\nimport DiscussionCommentAPI from '../apis/discussion-comment-api';\nimport { success, error } from '../components/shared/flash';\n\nfunction onDiscussionDeleted(dispatch, discussion) {\n success('Discussion deleted');\n\n dispatch({\n type: DiscussionConstants.DESTROYED,\n discussion,\n });\n}\n\nfunction onDiscussionUpdated(dispatch, discussionAttrs) {\n dispatch({\n type: DiscussionConstants.UPDATED,\n discussion: discussionAttrs,\n });\n}\n\nconst DiscussionActions = {\n\n onDiscussionCreate(dispatch, discussion) {\n dispatch({\n type: DiscussionConstants.CREATED,\n discussion,\n });\n },\n\n startDiscussion(dispatch, initiatedFlowId, discussionAttrs) {\n NProgress.start();\n\n return DiscussionAPI.create(initiatedFlowId, discussionAttrs)\n .done((res) => { this.onDiscussionCreate(dispatch, res); })\n .fail(() => { error(); })\n .always(() => { NProgress.done(); });\n },\n\n saveDiscussionComment(dispatch, discussionId, commentBody) {\n const commentAttrs = { body: commentBody };\n return DiscussionCommentAPI.create(discussionId, commentAttrs)\n .done((comment) => {\n dispatch({\n type: DiscussionConstants.COMMENT_ADDED,\n discussionComment: comment,\n });\n })\n .fail(() => { error(); });\n },\n\n deleteDiscussionComment(dispatch, discussionCommentId) {\n return DiscussionCommentAPI.destroy(discussionCommentId)\n .done(() => {\n dispatch({\n type: DiscussionConstants.COMMENT_DELETED,\n discussionCommentId,\n });\n })\n .fail(() => { error(); });\n },\n\n update(dispatch, discussionId, attrs) {\n // Update immediately\n dispatch({\n type: DiscussionConstants.UPDATED,\n discussion: { ...attrs, id: discussionId },\n });\n\n return DiscussionAPI.update(discussionId, attrs)\n .done((res) => { onDiscussionUpdated(dispatch, res); })\n .fail(() => { error(); });\n },\n\n resolve(dispatch, discussionId, resolved) {\n // Update immediately\n dispatch({\n type: DiscussionConstants.UPDATED,\n discussion: {\n id: discussionId,\n resolved,\n },\n });\n\n return DiscussionAPI.resolve(discussionId, resolved)\n .done((res) => { onDiscussionUpdated(dispatch, res); })\n .fail(() => { error(); });\n },\n\n loadDiscussions(initiatedFlowId, dispatch) {\n DiscussionAPI.index(initiatedFlowId)\n .done((res) => {\n dispatch({\n type: DiscussionConstants.LOADED,\n discussions: res,\n });\n })\n .fail(() => { error('Unable to load discussions'); });\n },\n\n deleteDiscussion(dispatch, discussionId) {\n DiscussionAPI.destroy(discussionId)\n .done((res) => { onDiscussionDeleted(dispatch, res); })\n .fail(() => { error(); });\n },\n};\n\nexport default DiscussionActions;\n","\nvar ActiveStepAPI = {\n show(id) {\n const url = `/active_steps/${id}`\n return $.ajax(url, {\n method: 'GET',\n dataType: 'json'\n })\n },\n\n update(id, attrs){\n const url = `/active_steps/${id}`\n return $.ajax(url, {\n method: 'PUT',\n dataType: 'json',\n data: {\n active_step: attrs\n }\n });\n },\n\n waivePayment(id){\n var url = '/active_steps/' + id + '/waive_payment';\n return $.ajax(url, {\n method: 'PUT',\n dataType: 'json'\n });\n },\n\n unwaivePayment(id){\n var url = '/active_steps/' + id + '/unwaive_payment';\n return $.ajax(url, {\n method: 'PUT',\n dataType: 'json'\n });\n },\n\n receiveCheck(id, paymentAttrs){\n var url = '/active_steps/' + id + '/receive_check';\n return $.ajax(url, {\n method: 'POST',\n dataType: 'json',\n data: {\n check_paid_amount: paymentAttrs.amount,\n check_number: paymentAttrs.checkNumber\n }\n });\n },\n\n receiveCash(id, amount){\n var url = '/active_steps/' + id + '/receive_cash';\n return $.ajax(url, {\n method: 'POST',\n dataType: 'json',\n data: {\n cash_paid_amount: amount\n }\n });\n },\n\n removeCheckPayment(id){\n var url = '/active_steps/' + id + '/remove_check_payment';\n return $.ajax(url, {\n method: 'DELETE',\n dataType: 'json'\n });\n },\n\n removeCashPayment(id){\n var url = '/active_steps/' + id + '/remove_cash_payment';\n return $.ajax(url, {\n method: 'DELETE',\n dataType: 'json'\n });\n }\n};\n\nexport default ActiveStepAPI;\n","import { createContext } from 'react';\n\nconst DiscussionDispatchContext = createContext();\n\nexport default DiscussionDispatchContext;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction } from 'underscore';\nimport { CSSTransition } from 'react-transition-group';\nimport XClose from 'components/shared/x-close';\n\nclass AdminNotif extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n open: true,\n };\n }\n\n onCloseClick = () => {\n if (isFunction(this.props.onCloseClick)) {\n this.props.onCloseClick();\n } else {\n this.setState({\n open: false,\n });\n }\n };\n\n render() {\n const { children } = this.props;\n const { open } = this.state;\n\n return (\n\n \n\n \n {children}\n\n \n );\n }\n}\n\nAdminNotif.propTypes = {\n children: PropTypes.node,\n onCloseClick: PropTypes.func,\n type: PropTypes.string,\n};\n\nAdminNotif.defaultProps = {\n type: '',\n};\n\nexport default AdminNotif;\n","const SurveySubmissionAPI = {\n create: function(surveyId, surveyToken, data){\n const URL = '/survey_submissions';\n\n return $.ajax(URL, {\n method: 'POST',\n dataType: 'json',\n data: {\n survey_token: surveyToken,\n survey_submission: {\n survey_id: surveyId,\n collected_data_attributes: data.collectedDataAttrs,\n email: data.email\n }\n }\n });\n },\n\n update: function(submissionToken, data){\n const URL = `/survey_submissions/${submissionToken}`;\n\n return $.ajax(URL, {\n method: 'PUT',\n dataType: 'json',\n data: {\n survey_submission: {\n collected_data_attributes: data.collectedDataAttrs,\n email: data.email\n }\n }\n });\n },\n\n fetchData(surveySubmissionId){\n const url = `/survey_submissions/${surveySubmissionId}/fetch_data`;\n return $.ajax(url, {\n method: 'GET',\n dataType: 'json'\n });\n },\n\n destroy: function(id){\n const url = `/survey_submissions/${id}`;\n return $.ajax(url, {\n method: 'DELETE',\n dataType: 'json',\n });\n }\n};\n\nexport default SurveySubmissionAPI;\n","function postData(emailsOrFile, message){\n let formData = new FormData();\n\n formData.append('message', message);\n\n switch(typeof emailsOrFile){\n case 'string': {\n let emails = emailsOrFile;\n formData.append('emails', emails);\n break;\n }\n\n case 'object': {\n let file = emailsOrFile;\n formData.append('upload', file, file.name);\n break;\n }\n\n default:\n throw `Unhandled input type ${typeof emailsOrFile}`;\n }\n\n return formData;\n}\n\nconst SurveyInvitationsAPI = {\n doSend: function(surveyToken, emails, message){\n const URL = `/survey_invitations/${surveyToken}/do_send`;\n\n return $.ajax(URL, {\n method: 'POST',\n contentType: false,\n processData: false,\n data: postData(emails, message)\n });\n },\n\n remind: function(surveyInvitationId){\n const URL = `/survey_invitations/${surveyInvitationId}/remind`;\n\n return $.ajax(URL, {\n method: 'post',\n dataType: 'json'\n });\n },\n\n remindAll: function(activeStepId){\n const URL = `/active_steps/${activeStepId}/survey_invitations/remind_all`;\n\n return $.ajax(URL, {\n method: 'post',\n dataType: 'json'\n });\n }\n};\n\nexport default SurveyInvitationsAPI;\n","import { error, success } from '../components/shared/flash';\nimport Constants from '../constants/survey-submission-constants';\nimport { alert } from '../modules/alert-confirm';\nimport SurveySubmissionAPI from '../apis/survey-submission-api';\nimport SurveyInvitationsAPI from '../apis/survey-invitations-api';\n\nconst SurveySubmissionActions = {\n submit(surveyId, surveyToken, data) {\n return SurveySubmissionAPI.create(surveyId, surveyToken, data)\n .done(() => { success('Your response has been submitted'); })\n .fail(() => { error(); });\n },\n\n update(submissionToken, data) {\n return SurveySubmissionAPI.update(submissionToken, data)\n .done(() => { success('Your response has been updated'); })\n .fail(() => { error(); });\n },\n\n destroy(submissionId) {\n const p = $.Deferred();\n\n SurveySubmissionAPI.destroy(submissionId)\n .done(() => {\n p.resolve();\n success('Survey submission deleted');\n })\n\n .fail(() => {\n this.onFail();\n p.reject();\n });\n\n return p;\n },\n\n sendReminder(surveyInvitationId) {\n return SurveyInvitationsAPI.remind(surveyInvitationId)\n .done(() => { success('Reminder sent successfully.'); })\n .fail(() => { error(); });\n },\n\n sendAllReminder(activeStepId) {\n return SurveyInvitationsAPI.remindAll(activeStepId)\n .done(this.onRemindAllComplete)\n .fail(() => { error(); });\n },\n\n onRemindAllComplete() {\n alert('Reminder sent successfully.', 'A reminder was sent to all outstanding invitations. Note that we will not send more than one reminder to a contact every 6 hours.');\n },\n\n dispatchSubmissionDestroyed(dispatch, id) {\n dispatch({\n type: Constants.DESTROYED,\n id,\n });\n },\n};\n\nexport default SurveySubmissionActions;\n","import { useEffect, useRef } from 'react';\n\nfunction usePrevious(value) {\n const ref = useRef();\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref.current;\n}\n\nexport default usePrevious;\n","import FormData from 'form-data';\nimport { isObject } from 'underscore';\nimport AlertConfirm from 'modules/alert-confirm';\nimport { checkForLogin } from 'modules/poll-for-login';\n\nvar CollectedDataAPI = {\n update: function(initiatedFlowId, stepDatumId, newValue, version){\n const url = `/initiated_flows/${initiatedFlowId}/collected_data/create_or_update`;\n const formData = new FormData();\n formData.append('step_datum_id', stepDatumId);\n formData.append('version', version);\n\n if(isObject(newValue)){\n newValue = JSON.stringify(newValue);\n }\n\n formData.append('content', newValue);\n\n const request = $.ajax(url, {\n data: formData,\n dataType: 'json',\n method: 'POST',\n processData: false,\n cache: false,\n contentType: false\n })\n .fail(checkForLogin);\n\n return request;\n },\n\n visualizationData: function(stepDatumId){\n var url = '/step_data/' + stepDatumId + '/collected_data/visualizable';\n var request = $.ajax(url, {\n dataType: 'json',\n method: 'GET'\n });\n\n return request;\n },\n\n deleteAttachedFile: function(fileId){\n var url = '/collected_datum/datum_files/' + fileId;\n var request = $.ajax(url, {\n dataType: 'json',\n method: 'DELETE'\n });\n\n return request;\n },\n\n s3Preauth: function(){\n var url = '/collected_datum/s3_preauth';\n var request = $.ajax(url, {\n dataType: 'json',\n method: 'POST'\n });\n\n return request;\n }\n};\n\nexport default CollectedDataAPI;\n","const jsonResponseMessage = function (response) {\n return response.responseJSON ? response.responseJSON : response.statusText;\n};\n\nexport default jsonResponseMessage;\n","import FlowConstants from '../constants/initiated-flow-constants';\nimport CollectedDataAPI from '../apis/collected-data-api';\nimport ActiveStepConstants from '../constants/active-step-constants';\nimport { error } from '../components/shared/flash';\nimport jsonResponseMessage from '../modules/json-response-message';\n\nconst CollectInfoStepActions = {\n dataChanged(dispatch, stepDatumId, initiatedFlowId, newValue, version) {\n dispatch({\n type: FlowConstants.COLLECTED_DATA_CHANGED,\n stepDatumId,\n newValue,\n });\n\n this.sync(dispatch, stepDatumId, initiatedFlowId, newValue, version);\n },\n\n sync(dispatch, stepDatumId, initiatedFlowId, newValue, version) {\n const ajaxRequest = CollectedDataAPI.update(initiatedFlowId, stepDatumId, newValue, version);\n ajaxRequest.done(() => {\n dispatch({\n type: ActiveStepConstants.CHANGES_PERSISTED,\n });\n });\n\n ajaxRequest.fail((response) => {\n dispatch({\n type: FlowConstants.COLLECTED_DATA_ERROR,\n stepDatumId,\n });\n\n const message = jsonResponseMessage(response);\n\n error(message);\n });\n },\n\n dispatchDataWillChange(dispatch) {\n dispatch({\n type: FlowConstants.COLLECTED_DATA_WILL_CHANGE,\n });\n },\n\n dispatchFileDeleted(dispatch, stepDatumId, fileId) {\n dispatch({\n type: FlowConstants.DELETE_ATTACHED_FILE,\n stepDatumId,\n fileId,\n });\n },\n\n deleteAttachedFile(fileId) {\n return CollectedDataAPI.deleteAttachedFile(fileId)\n .fail((response) => {\n const message = jsonResponseMessage(response);\n\n error(message);\n });\n },\n};\n\nexport default CollectInfoStepActions;\n","import React, { useState } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { formatIncoming, formatOutgoing, dateFormats } from 'modules/date-formatter';\nimport { isFunction } from 'underscore';\n\nconst DateRangeSelector = (props) => {\n const startDate = formatIncoming(props.startDate);\n const endDate = formatIncoming(props.endDate);\n\n const [ignoreClose, setIgnoreClose] = useState(!props.isStart);\n\n const onSelect = (date) => {\n props.onDateChange(formatOutgoing(date, props.type));\n };\n\n const handleOnBlur = () => {\n if (isFunction(props.onBlur)) {\n props.onBlur();\n }\n };\n\n const onClose = () => {\n if (!ignoreClose) {\n document.getElementById(props.endId).focus();\n }\n\n setIgnoreClose(!props.isStart);\n };\n\n const onClickOutside = () => {\n setIgnoreClose(true);\n };\n\n return (\n\n \n or Create a new {customEntity.name}\n\n );\n};\n\nCreateButton.propTypes = {\n customEntity: PropTypes.shape({}).isRequired,\n createNewEntity: PropTypes.func,\n};\n\nCreateButton.defaultProps = {\n createNewEntity: () => {},\n};\n\nexport default CreateButton;\n","const titleize = (value) => {\n if (!value) { return ''; }\n\n return value.replace(/_/g, ' ');\n};\n\nexport default titleize;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { map } from 'underscore';\nimport titleize from '../../../../modules/titleize';\n\nconst SearchResult = ({\n result,\n onSelectEntityClick,\n isEsri,\n}) => {\n const renderEsriRestult = () => {\n return map(result, (val, key) => {\n return (\n- \n {titleize(key)}: \n {val}\n
\n );\n });\n };\n\n const renderStandardResult = () => {\n return (\n <>\n- \n {result.name}\n
\n {result.fields.map((field) => {\n return (\n- \n {titleize(field.name)}: \n {field.value}\n
\n );\n })}\n \n );\n };\n\n return (\n- \n \n
\n );\n};\n\nSearchResult.propTypes = {\n result: PropTypes.shape({\n id: PropTypes.string.isRequired,\n fields: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n }).isRequired,\n searchTerm: PropTypes.string.isRequired,\n onSelectEntityClick: PropTypes.func.isRequired,\n};\n\nexport default SearchResult;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SearchResult from './search-result';\n\nconst SearchResults = ({\n searchResults,\n customEntity,\n onSelectEntityClick,\n searchTerm,\n}) => {\n if (!searchResults) {\n return (\nSorry, no {customEntity.name} matches.\n );\n }\n\n return (\n- \n {searchResults.map((result) => {\n return (\n
\n\n );\n};\n\nEntitySelector.propTypes = {\n customEntity: PropTypes.shape({\n name: PropTypes.string,\n }).isRequired,\n required: PropTypes.bool.isRequired,\n stepDatumId: PropTypes.number.isRequired,\n canCreateNewEntity: PropTypes.bool.isRequired,\n onSelectEntityClick: PropTypes.func.isRequired,\n createNewEntity: PropTypes.func.isRequired,\n initiatedFlowId: PropTypes.number.isRequired,\n fieldValue: PropTypes.string.isRequired,\n};\n\nexport default EntitySelector;\n","import React from 'react';\nimport titleize from 'modules/titleize';\n\nconst EntityField = ({\n field,\n newEntity,\n editing,\n entity,\n fieldState,\n dispatch,\n}) => {\n return (\n{`Search for an existing ${customEntity.name}`}\n\n\n- \n \n
\n );\n};\n\nexport default EntityField;\n","import React from 'react';\n\nconst RemoveEntityButton = (props) => {\n return (\n \n )\n}\n\nexport default RemoveEntityButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport EntityField from './entity-field';\nimport RemoveEntityButton from './remove-entity-button'\n\nconst SelectedStandardEntity = ({\n entity,\n editing,\n entityName,\n setEntityName,\n customEntity,\n dispatch,\n removeEntity,\n cancelEdit,\n updateEntity,\n suggestEdits,\n edit,\n fieldState,\n disabled,\n}) => {\n const anyEditable: boolean = entity && (entity.admin\n || entity.fields.some((field: { edit_suggestable: boolean }) => { return field.edit_suggestable; }));\n\n const renderEntityField = (field: object): EntityField => {\n return (\n\n\n );\n};\n\nSelectedStandardEntity.propTypes = {\n entity: PropTypes.shape({\n fields: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n admin: PropTypes.bool.isRequired,\n editable: PropTypes.bool.isRequired,\n name: PropTypes.string,\n }).isRequired,\n editing: PropTypes.bool.isRequired,\n entityName: PropTypes.string.isRequired,\n setEntityName: PropTypes.func.isRequired,\n customEntity: PropTypes.shape({\n name: PropTypes.string,\n }).isRequired,\n removeEntity: PropTypes.func.isRequired,\n cancelEdit: PropTypes.func.isRequired,\n updateEntity: PropTypes.func.isRequired,\n suggestEdits: PropTypes.func.isRequired,\n edit: PropTypes.func.isRequired,\n fieldState: PropTypes.shape({}).isRequired,\n disabled: PropTypes.bool,\n};\n\nexport default SelectedStandardEntity;\n","import React, { FunctionComponent } from 'react';\nimport Map from './map';\nimport InlineNotification from '../../inline-notification';\nimport RemoveEntityButton from './remove-entity-button';\n\ntype SelectedEsriEntityProps = {\n entity: {\n field_data: object;\n feature: {\n geometry: any;\n };\n esri_unique_id: string;\n };\n removeEntity: () => void;\n customEntity: {\n name: string;\n };\n disabled: any;\n}\n\nconst SelectedEsriEntity: FunctionComponent\n {renderEntityName()}\n {!disabled &&\n}\n - \n {entity.fields.map(renderEntityField)}\n
\n {renderEditButton()}\n\n= ({\n entity,\n removeEntity,\n customEntity,\n disabled,\n}: SelectedEsriEntityProps) => {\n const renderEsriFields = () => {\n return Object.entries(entity.field_data).map(([key, val]) => {\n return (\n - \n \n {val}\n
\n );\n });\n };\n\n return (\n\n\n );\n};\n\nexport default SelectedEsriEntity;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport EntityField from './entity-field';\n\nconst NewEntity = ({\n setEntityName,\n entityName,\n customEntity,\n entityTemplateFields,\n cancelNewEntity,\n createEntity,\n creatingEntity,\n fieldState,\n dispatch,\n}) => {\n const renderEntityField = (field) => {\n return (\n\n {!disabled &&\n\n {!!entity.field_data ? (\n <>\n}\n - \n {renderEsriFields()}\n
\n {`Remote entity (${customEntity.name} ${entity.esri_unique_id}) not found. It may have been deleted, or there may be an issue connecting to ESRI.`}\n \n )}\n\n\n \n\n );\n};\n\nNewEntity.propTypes = {\n setEntityName: PropTypes.func.isRequired,\n entityName: PropTypes.string,\n customEntity: PropTypes.shape({\n name: PropTypes.string,\n }).isRequired,\n entityTemplateFields: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n cancelNewEntity: PropTypes.func.isRequired,\n createEntity: PropTypes.func.isRequired,\n creatingEntity: PropTypes.bool.isRequired,\n fieldState: PropTypes.shape({}).isRequired,\n};\n\nexport default NewEntity;\n","import React, { useState, useEffect, useReducer, useMemo } from 'react';\nimport EntityActions from 'actions/entity-actions';\nimport LoadingSpinner from 'components/shared/loading-spinner';\nimport PropTypes from 'prop-types';\nimport { error as flashError } from 'components/shared/flash';\nimport EntitySelector from './entity-input/entity-selector';\nimport SelectedStandardEntity from './entity-input/selected-standard-entity';\nimport SelectedEsriEntity from './entity-input/selected-esri-entity';\nimport NewEntity from './entity-input/new-entity';\n\n\nconst fieldReducer = (state, action) => {\n switch (action.type) {\n case 'update':\n return { ...state, [action.field]: action.value };\n case 'reset':\n return action.newState;\n default:\n return state;\n }\n};\n\nconst getEntityFields = (entity) => Object.fromEntries(\n entity.fields.map((field) => [field.slug, field.value]),\n);\n\n\nconst EntityInput = ({\n fieldValue, initiatedFlowId, onChange,\n stepDatumId, entityTemplateFields, canCreateNewEntity, required, customEntity, disabled\n}) => {\n const [fetchingEntity, setFetchingEntity] = useState(false);\n const [editing, setEditing] = useState(false);\n const [entityName, setEntityName] = useState();\n const [entity, setEntity] = useState();\n const [creatingNewEntity, setCreatingNewEntity] = useState(false);\n const [fieldState, dispatch] = useReducer(fieldReducer, {});\n const [creatingEntity, setCreatingEntity] = useState(false);\n\n useEffect(() => {\n const fieldValueAbsent = !fieldValue || fieldValue === '';\n if (!fieldValueAbsent) {\n setFetchingEntity(true);\n EntityActions.getEntity(fieldValue, initiatedFlowId)\n .done(setEntity)\n .fail(() => { flashError('Cannot load entity information. Refreshing may help.'); })\n .always(() => {\n setFetchingEntity(false);\n });\n } else {\n setEntity(null);\n dispatch({ type: 'reset', newState: {} });\n }\n setCreatingNewEntity(false);\n setEditing(false);\n }, [fieldValue]);\n\n // Update the entity name when the entity changes\n useEffect(() => {\n if (entity && !entityIsEsri) {\n // Might push this up into the above.\n setEntityName(entity.name);\n dispatch({ type: 'reset', newState: getEntityFields(entity) });\n }\n }, [entity, customEntity.type]);\n\n const entityIsEsri = useMemo(() => {\n return customEntity.type === 'EsriCustomEntity';\n }, [customEntity.type]);\n\n const onSelectEntityClick = (resultId) => (e) => {\n e.preventDefault();\n if (entityIsEsri) {\n doCreateNewEsriEntity(resultId);\n } else {\n onChange(resultId);\n }\n };\n\n const removeEntity = () => {\n onChange('');\n };\n\n const entityValues = () => {\n return {\n name: entityName,\n custom_entity_field_values: fieldState,\n };\n };\n\n const updateEntity = () => {\n EntityActions.update(entity.id, entityValues()).done((thisEntity) => {\n setEditing(false);\n setEntity(thisEntity);\n });\n };\n\n const doCreateNewEsriEntity = (esriUniqueId) => {\n EntityActions.createEsriEntity(esriUniqueId,\n initiatedFlowId,\n stepDatumId)\n .done((res) => { return onChange(res.id); });\n };\n\n const doCreateNewEntity = () => {\n setCreatingEntity(true);\n EntityActions.createEntity(entityValues(), initiatedFlowId, stepDatumId)\n .done((res) => { return onChange(res.id); })\n .always(() => setCreatingEntity(false));\n };\n\n const suggestEdits = () => {\n const entityFieldMap = Object.fromEntries(\n entity.fields.map((field) => { return [field.slug, field]; }),\n );\n const suggestions = Object.entries(fieldState)\n // Filter out the values that haven't changed\n .filter(([slug, value]) => { return value !== entityFieldMap[slug].value; })\n .map(([slug, value]) => { return { field_id: entityFieldMap[slug].id, content: value }; });\n\n if (suggestions.length === 0) { return; }\n\n EntityActions.suggestEdits(entity.id, suggestions)\n .done(() => { return setEditing(false); });\n };\n\n const onCreateNewEntityClick = (e) => {\n e.preventDefault();\n\n setCreatingNewEntity(true);\n };\n\n const cancelNewEntity = () => {\n setCreatingNewEntity(false);\n };\n\n const edit = (e) => {\n e.preventDefault();\n\n setEditing(true);\n };\n\n const cancelEdit = (e) => {\n e.preventDefault();\n\n setEditing(false);\n };\n\n if (fetchingEntity) {\n return- \n {entityTemplateFields.map(renderEntityField)}\n
\n \n \n\n;\n }\n\n if (entity) {\n if (entityIsEsri) {\n return (\n - \n {props.suggestions.map((suggestion, index) => (\n
- \n
- \n\t\t\t\t\t props.onKeyPress(e.key, props.userInput)}\n\t\t\t\t\t\t onClick={() => props.onClick(props.userInput)}>\n\n\t\t\t\t\t\tUse {props.userInput}\n\t\t\t\t\t\n\t\t\t\t \n
\n\n );\n }\n}\n\nexport default AddressOption;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport AddressValidatorAPI from 'apis/address-validator-api';\nimport CloseIfOutsideWrapper from 'components/shared/close-if-outside-wrapper';\nimport SmartyStreetsClient from 'modules/smarty-streets-client';\nimport _ from 'underscore';\nimport AutocompleteSuggestions from './autocomplete-suggestions';\nimport AddressOption from './address-option';\n\nclass AddressValidator extends React.Component {\n constructor(props) {\n super(props);\n\n this.input = React.createRef();\n\n this.getSuggestions = _.debounce(this.getSuggestions, 250);\n\n this.state = {\n addressSuggestions: [],\n validatedAddresses: [],\n userInputtedAddress: this.props.defaultValue,\n errors: null,\n searched: false,\n fetching: false,\n autocompleteRequestNumber: 0,\n };\n }\n\n componentDidMount() {\n this.focusInputAndSelect();\n this.smartyStreetsClient = new SmartyStreetsClient();\n }\n\n focusInputAndSelect = () => {\n this.input.focus();\n this.input.select();\n };\n\n onClose = () => {\n this.props.handleCancel();\n };\n\n hasValidatedAddresses() {\n return this.state.validatedAddresses.length > 0;\n }\n\n handleAddressSelect = (address) => {\n this.setState({ userInputtedAddress: address }, () => this.validateAddress());\n };\n\n handleKeyPress = (key, address) => {\n if (key === 'Enter') {\n this.handleAddressSelect(address);\n }\n };\n\n getSuggestions(requestNumber) {\n this.smartyStreetsClient.getSuggestions(this.state.userInputtedAddress)\n .then((res) => { this.resolveAddressSuggestions(res, requestNumber); })\n .catch(this.handleSuggestionError);\n }\n\n handleChange = () => {\n const requestNumber = this.state.autocompleteRequestNumber + 1;\n\n this.setState({ userInputtedAddress: this.input.value, autocompleteRequestNumber: requestNumber }, this.getSuggestions(requestNumber));\n };\n\n handleSuggestionError = (res) => {\n if (CityGrows.Server.env == 'development') {\n console.log(res.error);\n } else {\n Rollbar.error('AddressSuggestionsError', res.error);\n }\n };\n\n goBack = (e) => {\n e.preventDefault();\n\n this.setState({\n addressSuggestions: [],\n validatedAddresses: [],\n errors: null,\n searched: false,\n fetching: false,\n }, this.focusInputAndSelect);\n };\n\n validateAddress() {\n this.setState({ fetching: true, addressSuggestions: [] });\n AddressValidatorAPI.validateAddress(this.state.userInputtedAddress).done(\n (res) => {\n this.resolveAddressValidation(res);\n },\n );\n }\n\n resolveAddressSuggestions(response, requestNumber) {\n if (requestNumber < this.state.autocompleteRequestNumber) {\n return;\n }\n\n let addressSuggestions = [];\n if (response.result.length > 0) {\n addressSuggestions = response.result.map((r) => {\n return `${r.streetLine} ${r.secondary} ${r.city} ${r.state} ${r.zipcode}`\n })\n }\n\n this.setState({ addressSuggestions });\n }\n\n resolveAddressValidation(response) {\n let validatedAddresses = [];\n let selected = 'original';\n\n if (response.results.length > 0) {\n validatedAddresses = response.results;\n selected = 'suggested_0';\n }\n\n this.setState({\n validatedAddresses,\n searched: true,\n errors: response.error,\n selected,\n fetching: false,\n });\n }\n\n renderInput() {\n return (\n <>\n\n\n\n {labelText}\n\n\n {this.props.value}\n\n\n \n\n\n \n\n\n\n\n );\n }\n\n renderContainer() {\n if (!this.state.searched) {\n return this.renderInput();\n } if (this.hasValidatedAddresses()) {\n return this.renderValidatedAddresses();\n }\n return this.noResults();\n }\n\n noResults() {\n let instructions = 'We couldn\\'t find any validated matches for that address. You may use this address anyway if you wish.';\n let backText = 'Use a Different Address';\n if (this.state.errors) {\n instructions = 'We\\'re sorry, the validation attempt failed due to a technical error. You can go back and try again or use your unvalidated address.';\n backText = 'Go Back';\n }\n return (\n <>\n\n\nLoading\n{instructions}\n {this.renderSubmittedAddressOption()}\n\n {backText}\n\n \n );\n }\n\n renderSubmittedAddressOption() {\n return (\n\n \n );\n }\n}\n\nAddressValidator.propTypes = {\n handleSave: PropTypes.func.isRequired,\n handleCancel: PropTypes.func.isRequired,\n defaultValue: PropTypes.string,\n};\n\nexport default AddressValidator;\n","import React, { useState, useEffect } from 'react';\nimport AddressValidator from './address_input/address-validator';\n\nconst AddressInput = ({defaultValue, completionBegun, onChange, innerRef, required, disabled, id}) => {\n const [focused, setFocused] = useState(false);\n const [value, setValue] = useState(defaultValue);\n const [initialDefault, setInitialDefault] = useState(defaultValue);\n\n useEffect(() => {\n if (initialDefault !== defaultValue) {\n completionBegun();\n }\n }, [defaultValue, initialDefault]);\n\n function handleFocus() {\n setFocused(true);\n }\n\n function handleSave(address) {\n setFocused(false);\n setValue(address);\n onChange({}, address);\n }\n\n function handleCancel() {\n completionBegun();\n setFocused(false);\n }\n\n if (focused) {\n return (\n\n {content}\n\n\n );\n }\n\n return (\n \n \n {children}\n\n );\n};\n\n\nFileDropzone.defaultProps = {\n width: '250px',\n height: '140px',\n};\n\nexport default FileDropzone;\n","import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport CollectedDataAPI from 'apis/collected-data-api';\nimport FormData from 'form-data';\nimport _ from 'underscore';\nimport { render } from 'components/shared/flash';\nimport LoadingSpinner from 'components/shared/loading-spinner';\nimport FileDropzone from 'components/shared/file-dropzone';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { solid } from '@fortawesome/fontawesome-svg-core/import.macro';\n\nconst FileInput = ({onChange, disabled, id }) => {\n const [uploading, setUploading] = useState(false);\n\n function onFileAccept(file) {\n setUploading(true);\n\n uploadDirectToS3(file)\n .done((url) => onChange(url, file))\n .fail(onUploadError)\n .always(() => setUploading(false));\n }\n\n function onUploadError() {\n render({\n message: 'There was an error uploading your file. Please try again.',\n type: 'error',\n });\n }\n\n function uploadDirectToS3(file) {\n const d = $.Deferred();\n\n fetchPreauth(file.name)\n .done((res) => {\n postToS3(res.url, res.form_data, file)\n .done((s3Res) => {\n const url = findFileURL(s3Res);\n d.resolve(url);\n })\n .fail(d.reject);\n })\n .fail(d.reject);\n\n return d;\n }\n\n function findFileURL(res) {\n const $xml = $(res);\n return $xml.find('Location').text();\n }\n\n function fetchPreauth() {\n return CollectedDataAPI.s3Preauth();\n }\n\n function postToS3(url, authFields, file) {\n const formData = new FormData();\n formData.append('key', authFields.key);\n delete authFields.key;\n _.each(authFields, (k, v) => formData.append(v, k));\n formData.append('file', file);\n\n const request = $.ajax(url, {\n contentType: false,\n data: formData,\n method: 'POST',\n dataType: 'XML',\n processData: false,\n });\n\n return request;\n }\n\n function loadingHTML() {\n return (\n\n\n );\n }\n\n function disabledHTML() {\n return (\n;\n \n \n\n );\n }\n\n function blockedContent() {\n if (disabled) { return disabledHTML(); }\n if (uploading) { return loadingHTML(); }\n }\n\n function mainContent() {\n return (\n\n\n );\n }\n\n function isBlocked() {\n return uploading || disabled;\n }\n\n return (\n\nDrag and drop file here\n\n\n
\nor\n
\nClick to browse files\n\n {isBlocked() ? blockedContent() : mainContent()}\n \n );\n};\n\nFileInput.propTypes = {\n disabled: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default FileInput;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nclass Map extends React.Component {\n constructor(props) {\n super(props);\n this.mapRef = React.createRef();\n }\n\n componentDidMount() {\n this.map = this.initMap();\n this.geocoder = this.initGeocoder();\n this.setPosition();\n this.map.invalidateSize();\n window.invalidate = this.map.invalidateSize;\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.query !== this.props.query) {\n this.setPosition();\n }\n }\n\n initMap = () => {\n const map = L.mapbox.map(this.findMapElement(), 'mapbox.streets', {\n zoom: 15,\n zoomControl: false,\n attributionControl: { compact: false },\n scrollWheelZoom: false,\n });\n\n return map;\n };\n\n initGeocoder = () => {\n return L.mapbox.geocoder('mapbox.places');\n };\n\n setPosition = () => {\n if (this.props.query) {\n this.geocoder.query(this.props.query, this.handleQueryResponse);\n }\n };\n\n handleQueryResponse = (err, data) => {\n if (this.marker) {\n this.map.removeLayer(this.marker);\n }\n\n if (data.latlng && data.latlng.length == 2) {\n this.marker = L.mapbox.featureLayer({\n type: 'Feature',\n geometry: {\n type: 'Point',\n coordinates: [\n data.latlng[1],\n data.latlng[0],\n ],\n },\n properties: {\n 'marker-color': '#0277BD',\n },\n }).addTo(this.map);\n\n this.map.panTo(data.latlng);\n this.map.invalidateSize();\n }\n };\n\n isOpen = () => {\n return (!!this.props.query);\n };\n\n findMapElement = () => {\n return this.mapRef.current;\n };\n\n render() {\n const statusClass = (this.isOpen() ? '' : 'closed');\n return (\n\n \n\n );\n }\n}\n\nMap.propTypes = {\n query: PropTypes.string,\n};\n\nexport default Map;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport AlertConfirm from 'modules/alert-confirm';\nimport dayjs from 'dayjs';\nimport truncate from 'truncate';\n\nclass AttachedFile extends React.Component {\n state = {\n deleting: false,\n }; \n\n getUploadedByTagString = () => {\n const { adminUploaded } = this.props;\n if (adminUploaded === undefined || adminUploaded === null) {\n return;\n }\n\n const uploadedBy = adminUploaded ? 'admin' : 'applicant';\n return `(uploaded by ${uploadedBy})`;\n };\n\n onDeleteClick = (e) => {\n e.preventDefault();\n\n if (!this.state.deleting) {\n AlertConfirm.confirm('Delete file?', `Are you sure you want to delete ${this.props.fileName}`, () => {\n this.props.onDeleteClick(this.props.fileId)\n .fail(() => this.setDeletingState(false));\n\n this.setDeletingState(true);\n });\n }\n };\n\n setDeletingState = (boolean) => {\n this.setState({ deleting: boolean });\n };\n\n getTruncatedFileName = () => {\n return truncate(this.props.fileName, 35);\n };\n\n render() {\n return (\n- \n {this.getTruncatedFileName()}\n { this.props.createdAt && (\n {dayjs(this.props.createdAt).format('LLL')}\n )}\n {this.getUploadedByTagString()}\n {this.props.deletable && (\n
\n );\n }\n}\n\nAttachedFile.propTypes = {\n deletable: PropTypes.bool.isRequired,\n onDeleteClick: PropTypes.func.isRequired,\n\n url: PropTypes.string.isRequired,\n fileName: PropTypes.string.isRequired,\n};\n\nexport default AttachedFile;\n","import PropTypes from 'prop-types';\nimport React, {\n useState, createRef, useRef, useCallback, useEffect, useMemo, useContext,\n} from 'react';\nimport {\n contains, debounce, isEmpty, without,\n} from 'underscore';\nimport InitiatedFlowDispatchContext from 'contexts/initiated-flow-dispatch-context';\n\nimport Select from 'components/shared/select';\nimport usePrevious from 'components/hooks/use-previous';\nimport useDerivedState from 'components/hooks/use-derived-state';\nimport CollectInfoStepActions from 'actions/collect-info-step-actions';\nimport { alert } from 'modules/alert-confirm';\nimport { validate, validateNumberFormat, validateNumberInRange } from 'modules/collected-data-validator';\nimport ErrorMessages from 'constants/error-messages';\nimport DateSelector from 'components/shared/date-selector';\nimport DateRangeSelector from 'components/shared/date-range-selector';\nimport ActiveStepActions from 'actions/active-step-actions';\nimport EntityInput from './input_fields/entity-input';\nimport MoneyInput from './input_fields/money-input';\nimport AddressInput from './input_fields/address-input';\nimport FileInput from './input_fields/file-input';\nimport Map from './input_fields/address_input/map';\nimport AttachedFile from './input_fields/file_input/attached-file';\n\nconst getDebounceIntervalForDatum = (type) => {\n switch (type) {\n case 'address':\n return 1000;\n case 'date':\n return 0;\n case 'text':\n return 4000;\n default:\n return 500;\n }\n};\n\nconst StepDataCollectorInputField = (props) => {\n const dispatch = useContext(InitiatedFlowDispatchContext);\n\n const fieldCompletionBegun = () => {\n if (props.stepDatum.data_type === 'file') {\n return props.fieldValue.length > 0;\n }\n return props.fieldValue != null;\n };\n\n const initialStartDate = () => {\n if (props.stepDatum.data_type !== 'date_range' || !props.fieldValue) { return null; }\n\n return props.fieldValue.start_date;\n };\n\n const initialEndDate = () => {\n if (props.stepDatum.data_type !== 'date_range' || !props.fieldValue) { return null; }\n\n return props.fieldValue.end_date;\n };\n\n const ref = createRef();\n\n const submit = props.onInputChanged;\n const debouncedSubmit = useMemo(() => {\n return debounce(props.onInputChanged, getDebounceIntervalForDatum(props.stepDatum.data_type));\n }, [props.stepDatum.data_type]);\n\n const checkboxRefs = useRef([]);\n\n const [beganFieldCompletion, setBeganFieldCompletion] = useState(fieldCompletionBegun);\n const [version, setVersion] = useState(props.version);\n const [valid, setValid] = useState(() => !props.stepDatum.required || validate(props.fieldValue, props.stepDatum));\n // NOTE: it would be better for clarity's sake if this state only referenced one of the props,\n // but it should be okay because once fieldValue is defined, it should take precedence.\n const [localValue, setLocalValue] = useDerivedState(props.fieldValue || props.defaultValue);\n const [startDate, setStartDate] = useState(initialStartDate);\n const [endDate, setEndDate] = useState(initialEndDate);\n\n const onInputChanged = (_e, sentValue, immediately = false) => {\n const findFieldValue = () => {\n const { stepDatum } = props;\n\n switch (stepDatum.data_type) {\n case 'checkboxes': {\n const checkboxElements = stepDatum.multiple_choice_options.map(findCheckbox);\n const values = {};\n\n checkboxElements.forEach((element, idx) => {\n values[stepDatum.multiple_choice_options[idx].id] = element.checked;\n });\n\n return values;\n }\n default: {\n const inputElement = ref.current;\n return inputElement.value;\n }\n }\n };\n\n const value = sentValue === undefined ? findFieldValue() : sentValue;\n validateInput(value);\n submitValue(value, immediately);\n };\n\n useEffect(() => {\n if (!isEmpty(props.defaultValue)) {\n onInputChanged(props.defaultValue);\n }\n }, [onInputChanged, props.defaultValue]);\n\n useEffect(() => {\n if (props.version > version) {\n alert('This page is outdated', 'The information on this page is out of date. Someone else may have updated it. Please refresh the page.');\n }\n }, [props.version, version]);\n\n const prevFieldValue = usePrevious(props.fieldValue);\n\n useEffect(() => {\n if (props.stepDatum.data_type !== 'date_range') { return; }\n if (!props.fieldValue) { return; }\n\n if (!prevFieldValue && props.fieldValue.start_date) {\n return setStartDate(initialStartDate);\n }\n\n if (!prevFieldValue && props.fieldValue.end_date) {\n return setEndDate(initialEndDate);\n }\n\n if (prevFieldValue?.start_date !== props.fieldValue?.start_date) {\n setStartDate(props.fieldValue.start_date);\n }\n\n if (prevFieldValue?.end_date !== props.fieldValue?.end_date) {\n setEndDate(props.fieldValue.end_date);\n }\n }, [prevFieldValue, props.stepDatum.data_type, props.fieldValue]);\n\n useEffect(() => {\n if (!props.stepDatum.data_type === 'file') { return; }\n if (!props.fieldValue || !prevFieldValue) { return; }\n\n if (props.fieldValue.length === 0 && (prevFieldValue.length > 0 || props.version > 1)) {\n setValid(!props.stepDatum.required);\n setBeganFieldCompletion(true);\n }\n }, [prevFieldValue, props.stepDatum.data_type, props.fieldValue]);\n\n const prevAttemptedAdvance = usePrevious(props.attemptedAdvance);\n const prevFirstError = usePrevious(props.firstError);\n\n useEffect(() => {\n const setFocus = () => {\n if (props.stepDatum.data_type === 'date') {\n ref.current.input.focus();\n } else if (ref.current) {\n ref.current.focus();\n }\n };\n\n if ((!prevAttemptedAdvance && props.firstError)\n || (props.attemptedAdvance && props.firstError && !prevFirstError)) {\n setFocus();\n }\n }, [\n prevAttemptedAdvance,\n prevFirstError,\n props.attemptedAdvance,\n props.firstError,\n props.stepDatum.data_type,\n ref,\n ]);\n\n const stepDatumId = () => {\n return `stepdatum-${props.stepDatum.id}`;\n };\n\n const basicInput = (type, placeholder = null) => {\n return (\n\n\n );\n case 'date_range':\n const startId = `${stepDatumId()}-start`;\n const endId = `${stepDatumId()}-end`;\n\n return (\n\n\n );\n case 'checkboxes':\n return renderCheckboxes();\n case 'entity': {\n const fieldValue = props.fieldValue ? props.fieldValue : '';\n return (\n\n \n\n\n\n \n\n{checkboxesHTML}\n );\n };\n\n const renderCheckbox = (checkbox, isChecked) => {\n return (\n\n \n\n );\n };\n\n const findCheckbox = (option) => {\n const refName = `checkbox-${option.id}`;\n return checkboxRefs.current[refName];\n };\n\n const onEntityValueChanged = (value) => {\n validateInput(value);\n submitValue(value);\n };\n\n const onStartDateRangeInputChanged = (date) => {\n validateInput({ start_date: date, end_date: endDate });\n submitValue({ start_date: date, end_date: endDate });\n };\n\n const onEndDateRangeInputChanged = (date) => {\n validateInput({ end_date: date, start_date: startDate });\n submitValue({ end_date: date, start_date: startDate });\n };\n\n const onMultipleChoiceChange = ({ value }) => {\n // NOTE: setLocalValue is currently only used here. It would likely be worth\n // refactoring to use this approach across more of these components in the future.\n setLocalValue(value);\n validateInput(value);\n submitValue(value);\n };\n\n const onDateInputChanged = (date) => {\n validateInput(date);\n submitValue(date);\n };\n\n const onFileInputChanged = (url, file) => {\n completionBegun();\n validateInput([file, url]);\n submitValue(url);\n };\n\n const validateInput = useCallback((input) => {\n const isValid = !props.stepDatum.required || validate(input, props.stepDatum);\n\n setValid(isValid);\n }, [props.stepDatum]);\n\n const submitValue = useCallback((fieldValue, immediately = false) => {\n const args = [props.stepDatum.id, fieldValue, version + 1];\n\n if (!props.survey) {\n CollectInfoStepActions.dispatchDataWillChange(dispatch);\n }\n\n if (immediately) {\n submit(...args);\n } else {\n debouncedSubmit(...args);\n }\n\n setVersion(version + 1);\n }, [debouncedSubmit, props.stepDatum.id, submit, version]);\n\n const completionBegun = () => {\n setBeganFieldCompletion(true);\n };\n\n const onTextAreaBlur = () => {\n if (fieldValueDidChange()) {\n onInputChanged({}, ref.current.value, true);\n }\n\n completionBegun();\n };\n\n const fieldValueDidChange = () => {\n return ref.current.value !== props.fieldValue;\n };\n\n const statusClassName = () => {\n if (valid) {\n return 'valid';\n } if (beganFieldCompletion || props.attemptedAdvance) {\n return 'invalid';\n }\n return '';\n };\n\n const deleteAttachedFile = (fileId) => {\n return CollectInfoStepActions.deleteAttachedFile(fileId)\n .done(() => CollectInfoStepActions.dispatchFileDeleted(dispatch, props.stepDatum.id, fileId));\n };\n\n const renderStatus = () => {\n if (props.stepDatum.required) {\n return ;\n }\n return Optional;\n };\n\n const renderExtra = () => {\n if (props.stepDatum.data_type === 'file') {\n return (\n- \n {renderFiles()}\n
\n {renderTextLabel()}\n\n );\n };\n\n return (\n\n {inputTagForFieldType()}\n\n\n {renderFormErrorMessage()}\n{renderStatus()}\n\n {lockButton()}\n\n\n {renderInputField()}\n\n {renderExtra()}\n\n );\n};\n\nStepDataCollectorInputField.defaultProps = {\n attemptedAdvance: false,\n disabled: false,\n firstError: false,\n survey: false,\n};\n\nStepDataCollectorInputField.propTypes = {\n attemptedAdvance: PropTypes.bool,\n disabled: PropTypes.bool,\n firstError: PropTypes.bool,\n survey: PropTypes.bool,\n stepDatum: PropTypes.shape({\n data_type: PropTypes.string.isRequired,\n name: PropTypes.string,\n required: PropTypes.bool.isRequired,\n id: PropTypes.number.isRequired,\n multiple_choice_options: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number.isRequired,\n })),\n max_length: PropTypes.number,\n entity_fields: PropTypes.arrayOf(PropTypes.shape({})),\n entity_createable: PropTypes.bool,\n entity_name: PropTypes.string,\n }).isRequired,\n fieldValue: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n version: PropTypes.number,\n onInputChanged: PropTypes.func,\n defaultValue: PropTypes.string,\n teamId: PropTypes.number.isRequired,\n templateId: PropTypes.number.isRequired,\n initiatedFlowId: PropTypes.number.isRequired,\n};\n\nexport default StepDataCollectorInputField;\n","import PropTypes from 'prop-types';\nimport React, { useState, useEffect, useMemo } from 'react';\nimport StepDataCollectorInputField from 'components/shared/step-data-collector-input-field';\nimport { validate } from 'modules/collected-data-validator';\nimport { debounce } from 'underscore';\n\nconst Section = ({\n attemptedAdvance, section, surveyData, disabled, onInputChanged, defaultValues, stepData,\n}) => {\n const [firstErrorId, setFirstErrorId] = useState(null);\n useEffect(() => {\n if (attemptedAdvance) {\n const firstDatumWithError = stepData.find((stepDatum) => {\n const collectedDatum = surveyData[stepDatum.id];\n const content = collectedDatum && collectedDatum.content;\n const isValid = !stepDatum.required || validate(content, stepDatum);\n return !isValid;\n });\n\n if (firstDatumWithError === undefined) {\n setFirstErrorId(null);\n } else {\n setFirstErrorId(firstDatumWithError.id);\n }\n }\n }, [attemptedAdvance, stepData, surveyData]);\n\n const addressOnInputChanged = useMemo(() => debounce(onInputChanged, 1000), [onInputChanged]);\n\n return (\n\n {section.name_or_default}\n\n {section.instructions && (\n \n )}\n\n {section.step_data.map((stepDatum) => (\n \n );\n};\n\nSection.propTypes = {\n section: PropTypes.object.isRequired,\n disabled: PropTypes.bool.isRequired,\n attemptedAdvance: PropTypes.bool.isRequired,\n stepData: PropTypes.array.isRequired,\n surveyData: PropTypes.object,\n onInputChanged: PropTypes.func,\n defaultValues: PropTypes.object,\n};\n\nexport default Section;\n","import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport SurveySubmissionActions from 'actions/survey-submission-actions';\nimport { validate } from 'modules/collected-data-validator';\nimport _ from 'underscore';\nimport EmailValidator from 'modules/email-validator';\nimport TimeAgo from 'react-timeago';\nimport Section from './survey/section';\n\nconst SUBMIT_BUTTON_LABELS = {\n new: {\n unsubmitted: 'Submit response',\n submitted: 'Response submitted',\n },\n\n existing: {\n unsubmitted: 'Update responses',\n submitted: 'Updates submitted',\n },\n};\n\nconst Survey = (props) => {\n const [email, setEmail] = useState(props.existingSubmission ? props.existingSubmission.email : null);\n const [surveyData, setSurveyData] = useState(initialSurveyData());\n const [submitted, setSubmitted] = useState(false);\n const [submitting, setSubmitting] = useState(false);\n const [attemptedAdvance, setAttemptedAdvance] = useState(false);\n\n function initialSurveyData() {\n return props.existingSubmission ? existingSubmissionData()\n : defaultValueData();\n }\n\n function existingSubmissionData() {\n const surveyDta = {};\n\n props.existingSubmission.collected_data.forEach((collectedDatum) => {\n surveyDta[collectedDatum.step_datum_id] = collectedDatum;\n });\n\n return surveyDta;\n }\n\n function defaultValueData() {\n const defaults = {};\n\n _.each(props.survey.default_values, (val, key) => {\n defaults[key] = { content: val };\n });\n\n return defaults;\n }\n\n function onSubmitSurvey() {\n if (!readyToSubmit()) {\n setAttemptedAdvance(true);\n return;\n }\n\n setSubmitting(true);\n\n let request;\n\n if (props.existingSubmission) {\n const submissionToken = props.existingSubmission.token || props.existingSubmission.id;\n request = SurveySubmissionActions.update(submissionToken, formattedDataForSubmit());\n } else {\n const { id, survey_token } = props.survey;\n request = SurveySubmissionActions.submit(id, survey_token, formattedDataForSubmit());\n }\n\n request.done(onSurveySubmitted)\n .always(onSubmitRequestComplete);\n }\n\n function onSubmitRequestComplete() {\n setSubmitting(false);\n }\n\n function onSurveySubmitted() {\n setSubmitted(true);\n }\n\n function onInputChanged(stepDatumId, value) {\n setDatumValue(stepDatumId, value);\n }\n\n function setDatumValue(stepDatumId, value) {\n // When collected datum already exists (on update)\n // it will contain the collectedDatumId, which\n // is required to trigger an update instead of\n // a create.\n\n const collectedDatum = surveyData[stepDatumId] || {};\n collectedDatum.content = value;\n\n const data = {\n [stepDatumId]: collectedDatum,\n };\n\n setSurveyData((prevState) => {\n return { ...prevState, ...data };\n });\n }\n\n function isNewSubmission() {\n return !props.existingSubmission;\n }\n\n function formattedDataForSubmit() {\n const datumIds = Object.keys(surveyData);\n const collectedDataAttrs = datumIds.map((datumId) => {\n const type = _.findWhere(allStepData(), { id: Number(datumId) }).data_type;\n return {\n field_id: datumId,\n field_type: 'StepDatum',\n content: formatContent(surveyData[datumId].content, type),\n id: surveyData[datumId].id,\n };\n });\n\n return {\n email,\n collectedDataAttrs,\n };\n }\n\n function formatContent(content, dataType) {\n if (dataType === 'checkboxes') {\n return JSON.stringify(content);\n }\n\n return content;\n }\n\n function surveyIsIdentified() {\n return props.survey.identified;\n }\n\n function readyToSubmit() {\n if (submitting || submitted) {\n return false;\n }\n\n if (surveyIsIdentified() && !EmailValidator.validate(email)) {\n return false;\n }\n\n if (_.isEmpty(surveyData)) { return false; }\n\n return allStepData().every((datum) => {\n const collectedDatum = surveyData[datum.id];\n const content = collectedDatum && collectedDatum.content;\n const isValid = !datum.required || validate(content, datum);\n return isValid;\n });\n }\n\n function allStepData() {\n return _.flatten(props.survey.sections.map((section) => section.step_data));\n }\n\n function renderSubmittedMessage() {\n return (\nYour response has been submitted.\n );\n }\n\n function renderSection(section, idx) {\n return (\n\n \n\n );\n }\n }\n\n function emailWrapperClass() {\n if (attemptedAdvance && !EmailValidator.validate(email)) {\n return 'invalid';\n }\n }\n\n function onEmailchange(e) {\n setEmail(e.currentTarget.value);\n }\n\n function renderSubmitButtonText() {\n let labels;\n\n if (isNewSubmission()) {\n labels = SUBMIT_BUTTON_LABELS.new;\n return submitted ? labels.submitted : labels.unsubmitted;\n }\n\n labels = SUBMIT_BUTTON_LABELS.existing;\n return submitted ? labels.submitted : labels.unsubmitted;\n }\n\n function renderHeader() {\n let submissionNumber;\n let submissionDetails;\n\n if (props.existingSubmission) {\n submissionNumber = (\n\n Response \n #{props.existingSubmission.scoped_id}\n\n );\n\n submissionDetails = (\n\n Submitted\n );\n }\n\n return (\n{renderEmail()}\n \n \n );\n }\n\n function renderEmail() {\n if (props.existingSubmission.email) {\n return (\n <>\n by {props.existingSubmission.email}\n \n );\n }\n }\n\n function renderInstructions() {\n return (\n\n {props.survey.name}\n {submissionNumber}\n\n {submissionDetails}\n{props.survey.instructions}
\n );\n }\n\n return (\n\n\n );\n};\n\nSurvey.propTypes = {\n survey: PropTypes.shape({\n sections: PropTypes.array.isRequired,\n instructions: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.number.isRequired,\n survey_token: PropTypes.string,\n identified: PropTypes.bool.isRequired,\n }).isRequired,\n existingSubmission: PropTypes.shape({\n token: PropTypes.string.isRequired,\n collected_data: PropTypes.array.isRequired,\n email: PropTypes.string,\n }),\n};\n\nexport default Survey;\n","import PropTypes from 'prop-types';\nimport React, { useContext, useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport Actions from 'actions/survey-submission-actions';\nimport SurveySubmissionAPI from 'apis/survey-submission-api';\nimport Survey from 'components/shared/survey';\nimport InitiatedFlowDispatchContext from 'contexts/initiated-flow-dispatch-context';\n\nconst SurveySubmissionAdminView = (props) => {\n const [collectedData, setCollectedData] = useState(null);\n\n useEffect(() => {\n loadCollectedData();\n }, []);\n\n const dispatch = useContext(InitiatedFlowDispatchContext);\n\n function loadCollectedData() {\n SurveySubmissionAPI.fetchData(props.submission.id)\n .done(onSurveyDataLoaded);\n }\n\n function onSurveyDataLoaded(data) {\n setCollectedData(data);\n }\n\n function onDeleteClick(e) {\n e.preventDefault();\n\n Actions.destroy(props.submission.id)\n .done(() => {\n onSurveySubmissionDestroyed();\n });\n }\n\n function onSurveySubmissionDestroyed() {\n props.history.replace('/');\n Actions.dispatchSubmissionDestroyed(dispatch, props.submission.id);\n }\n\n function renderContent() {\n if (collectedData) {\n return (\n\n {renderHeader()}\n {renderInstructions()}\n {renderContactField()}\n {renderSections()}\n\n \n\n {renderSubmitButtonText()}\n\n\n {submitted ? renderSubmittedMessage() : ''}\n\n\n );\n }\n\n function renderTopLinks() {\n return (\n\n\nLoading\n\n {'< Back to all responses'}\n Delete\n\n );\n }\n\n return (\n\n {renderTopLinks()}\n {renderContent()}\n\n );\n};\n\nSurveySubmissionAdminView.propTypes = {\n submission: PropTypes.object.isRequired,\n survey: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired,\n};\n\nexport default SurveySubmissionAdminView;\n","import InitiatedFlowAPI from '../apis/initiated-flow-api';\n\nconst resolveTags = function (htmlString, textType, textContainerId, initiatedFlow) {\n const parsedHTML = $.parseHTML(htmlString);\n const $html = $('').append($(parsedHTML));\n const $formulaTags = $html.find('*[data-object-type=Formula]');\n const $fieldTags = $html.find('*[data-object-type=Field]');\n const $keywordTags = $html.find('*[data-object-type=Keyword]');\n if ($formulaTags.length == 0 && $fieldTags.length == 0 && $keywordTags.length == 0) {\n return Promise.resolve($html.html());\n }\n\n return InitiatedFlowAPI.parseVariableText(textType, textContainerId, initiatedFlow.id)\n .then((res) => { return res.text; });\n};\n\nexport default resolveTags;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport resolveTags from 'modules/tag-resolver';\n\nconst InformationalText = ({\n classes,\n text,\n textType,\n initiatedFlow,\n textContainerId,\n}) => {\n const [textState, setTextState] = useState(null);\n\n useEffect(() => {\n resolveTags(text, textType, textContainerId, initiatedFlow)\n .then((t) => { setTextState(t) });\n }, []);\n \n if (text) {\n return (\n \n );\n }\n\n return (\n\n\n );\n};\n\nInformationalText.propTypes = {\n classes: PropTypes.string,\n text: PropTypes.string,\n initiatedFlow: PropTypes.shape({}).isRequired,\n textContainerId: PropTypes.string.isRequired,\n};\n\nexport default InformationalText;\n","var ActivityAPI = {\n\tindex(initiatedFlowId){\n\t\tconst url = '/initiated_flows/' + initiatedFlowId + '/activities';\n\t\tvar request = $.ajax(url, {\n\t\t\tdataType: 'json',\n\t\t\tmethod: 'GET'\n\t\t});\n\n\t\treturn request;\n\t}\n};\n\nexport default ActivityAPI;","import API from '../apis/activity-api';\nimport Constants from '../constants/activity-log-constants';\n\nconst ActivityLogActions = {\n loadActivities(initiatedFlowId, dispatch) {\n return API.index(initiatedFlowId)\n .done((res) => {\n dispatch({\n type: Constants.LOADED,\n activities: res,\n });\n });\n },\n};\n\nexport default ActivityLogActions;\n","import React, { useEffect, useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport dayjs from 'dayjs';\nimport 'timeago';\n\nimport Actions from 'actions/activity-log-actions';\nimport InitiatedFlowDispatchContext from 'contexts/initiated-flow-dispatch-context';\n\n$.timeago.settings.cutoff = 1000 * 60 * 60 * 24;\n\nconst Activity = ({\n activities,\n initiatedFlowId,\n}) => {\n const [loadFailed, setLoadFailed] = useState(false);\n const dispatch = useContext(InitiatedFlowDispatchContext);\n\n useEffect(() => {\n Actions.loadActivities(initiatedFlowId, dispatch)\n .fail(() => { setLoadFailed(true); });\n }, []);\n\n useEffect(() => {\n $('time.timeago').each((_, item) => {\n if (!item.title) {\n item.title = dayjs(item.dateTime).format('LLL');\n $(item).timeago();\n }\n });\n });\n\n const renderActivities = () => {\n if (loadFailed) {\n return\n \n\nUnable to load activity log;\n }\n\n return activities.map(renderActivity);\n }\n\n const renderActivity = (activity) => {\n return (\n \n );\n }\n\n return (\n\n\n );\n};\n\nActivity.propTypes = {\n initiatedFlowId: PropTypes.number.isRequired,\n};\n\nexport default Activity;\n","const ProcessAssignmentsAPI = {\n assign: function(id, assigneeId, assigneeType) {\n const URL = `/initiated_flows/${id}/process_assignments/`;\n\n return $.ajax(URL, {\n method: 'POST',\n data: {\n assignee_id: assigneeId,\n assignee_type: assigneeType\n },\n dataType: 'json'\n });\n },\n\n unassign: function(id, assignmentId) {\n const URL = `/initiated_flows/${id}/process_assignments/${assignmentId}`;\n\n return $.ajax(URL, {\n method: 'DELETE',\n dataType: 'json'\n });\n }\n}\n\nexport default ProcessAssignmentsAPI\n","import ProcessAssignmentsAPI from 'apis/process-assignments-api';\nimport InitiatedFlowConstants from 'constants/initiated-flow-constants';\n\nconst ProcessAssignmentsActions = {\n dispatchAssignmentUpdated(dispatch, attachment) {\n dispatch({\n type: InitiatedFlowConstants.ASSIGNMENT_UPDATED,\n personAttachment: attachment,\n });\n },\n\n assign(processId, assigneeId, assigneeType) {\n return ProcessAssignmentsAPI.assign(processId, assigneeId, assigneeType);\n },\n\n unassign(processId, assignmentId) {\n return ProcessAssignmentsAPI.unassign(processId, assignmentId);\n },\n};\n\nexport default ProcessAssignmentsActions;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { filter, findWhere } from 'underscore';\nimport { error } from 'components/shared/flash';\nimport AttachmentActions from 'actions/attachment-actions';\nimport InitiatedFlowDispatchContext from 'contexts/initiated-flow-dispatch-context';\nimport SlidingToggle from 'components/shared/sliding-toggle';\nimport ProcessAssignmentsActions from 'actions/process-assignment-actions';\nimport RoleDisc from 'components/shared/role-disc';\nimport UserDisc from 'components/shared/user-disc';\nimport XClose from 'components/shared/x-close';\n\nconst Members = ({\n personAttachments,\n initiatedFlowId,\n}) => {\n const dispatch = useContext(InitiatedFlowDispatchContext);\n\n const renderAdminDeleteLink = (user) => {\n return (\n- \n {renderActivities()}\n
\n {user.removable &&\n );\n };\n\n const onAssignmentToggle = (personAttachment) => {\n if (personAttachment.assigned) {\n ProcessAssignmentsActions.unassign(initiatedFlowId, personAttachment.assignment_id)\n .done(() => {\n const attachment = { ...personAttachment, assigned: false, assignment_id: null };\n ProcessAssignmentsActions.dispatchAssignmentUpdated(dispatch, attachment);\n });\n } else {\n ProcessAssignmentsActions\n .assign(initiatedFlowId, personAttachment.id, personAttachment.type)\n .done((res) => {\n const attachment = { ...personAttachment, assigned: true, assignment_id: res.id };\n ProcessAssignmentsActions.dispatchAssignmentUpdated(dispatch, attachment);\n });\n }\n };\n\n const onAdminToggle = (user) => {\n const userId = user.id;\n // Verify existing users can be removed\n const existingUser = findWhere(personAttachments, { id: userId });\n if (existingUser && !existingUser.removable) {\n error('Form members cannot be removed from an individual process');\n } else if (existingUser) {\n AttachmentActions.removePerson(existingUser.attachment_id)\n .done((res) => AttachmentActions.dispatchInitiatedFlowTogglePerson(dispatch, res));\n } else {\n AttachmentActions.togglePerson(initiatedFlowId, 'InitiatedFlow', userId, user.type)\n .done((res) => AttachmentActions.dispatchInitiatedFlowTogglePerson(dispatch, res));\n }\n };\n\n const onAdminDelete = (e, user) => {\n e.preventDefault();\n onAdminToggle(user);\n };\n\n const renderAssignees = () => {\n let usersToRender = filter(personAttachments, {\n type: 'User',\n assigned: true,\n });\n\n usersToRender = filter(personAttachments, {\n assigned: true,\n });\n\n return usersToRender.map(renderAdminUser);\n };\n\n const renderViewers = () => {\n let usersToRender = filter(personAttachments, {\n type: 'User',\n assigned: false,\n });\n\n usersToRender = filter(personAttachments, {\n assigned: false,\n });\n\n return usersToRender.map(renderAdminUser);\n };\n\n const renderDisc = (user) => {\n if (user.type === 'User') {\n return (\n{ onAdminDelete(e, user); }} label='Remove user' /> }\n ;\n };\n\n const renderAdminUser = (user) => {\n const assignmentLabel = user.assigned ? 'Assigned' : 'Not assigned';\n const adminInviteStatus = user.pseudo ? (\n (Invited)\n ) : '';\n\n return (\n - \n
\n );\n };\n\n return (\n <>\n\n {renderDisc(user)}\n {adminInviteStatus}\n\n\n\n\nAssignees\n- \n {renderAssignees()}\n
Viewers\n- \n {renderViewers()}\n
Roles\n- \n {rolesToRender.map(renderAdminRole)}\n
- \n
\n );\n }\n\n function onManageAdminsClick(e) {\n e.preventDefault();\n setManagingAdmins(!managingAdmins);\n }\n\n function renderSearch() {\n return (\n\n {truncate(user.name, 14)}\n\n\n\n );\n};\n\nAccessManager.propTypes = {\n teamId: PropTypes.number.isRequired,\n personAttachments: PropTypes.arrayOf(PropTypes.shape({})),\n initiatedFlowId: PropTypes.number.isRequired,\n};\n\nexport default AccessManager;\n","const ApplicantAttachmentAPI = {\n addApplicant(userId, initiatedFlowId) {\n const url = '/applicant_attachments/';\n return $.ajax(url, {\n data: {\n user_id: userId,\n initiated_flow_id: initiatedFlowId,\n },\n method: 'POST',\n dataType: 'json',\n });\n },\n\n makePrimary(applicantId) {\n const url = '/applicant_attachments/make_primary';\n return $.ajax(url, {\n data: {\n id: applicantId,\n },\n method: 'POST',\n dataType: 'json',\n });\n },\n\n removeApplicant(applicantId) {\n const url = `/applicant_attachments/${applicantId}`;\n return $.ajax(url, {\n method: 'DELETE',\n dataType: 'json',\n });\n },\n\n addPseudoApplicant(email, name, initiatedFlowId) {\n const url = '/applicant_attachments/add_pseudoapplicant';\n return $.ajax(url, {\n data: {\n email,\n name,\n initiated_flow_id: initiatedFlowId,\n },\n method: 'POST',\n dataType: 'json',\n });\n },\n};\n\nexport default ApplicantAttachmentAPI;\n","import API from 'apis/applicant-attachment-api';\nimport InitiatedFlowConstants from 'constants/initiated-flow-constants';\nimport { error } from 'components/shared/flash';\n\nconst ApplicantAttachmentActions = {\n dispatchPrimaryApplicantChanged(dispatch, initiatedFlowId, applicant) {\n dispatch({\n type: InitiatedFlowConstants.PRIMARY_APPLICANT_CHANGED,\n initiatedFlowId,\n applicant,\n });\n },\n\n dispatchApplicantListUpdated(dispatch, initiatedFlowId, applicant, saved) {\n dispatch({\n type: InitiatedFlowConstants.APPLICANT_LIST_UPDATED,\n initiatedFlowId,\n applicant,\n saved,\n });\n },\n\n addApplicant(dispatch, userId, initiatedFlowId) {\n return API.addApplicant(userId, initiatedFlowId)\n .done((res) => {\n this.dispatchApplicantListUpdated(dispatch, initiatedFlowId, res, true);\n })\n .fail((res) => {\n error(res.responseJSON.error ? res.responseJSON.error : null);\n });\n },\n\n addPseudoApplicant(dispatch, email, name, initiatedFlowId) {\n return API.addPseudoApplicant(email, name, initiatedFlowId)\n .done((res) => {\n this.dispatchApplicantListUpdated(dispatch, initiatedFlowId, res, true);\n })\n .fail(() => { error(); });\n },\n\n makePrimary(dispatch, applicantId, initiatedFlowId) {\n API.makePrimary(applicantId)\n .done((res) => {\n this.dispatchPrimaryApplicantChanged(dispatch, initiatedFlowId, res);\n })\n .fail(() => { error(); });\n },\n\n removeApplicant(dispatch, applicantId, initiatedFlowId) {\n API.removeApplicant(applicantId)\n .done((res) => {\n this.dispatchApplicantListUpdated(dispatch, initiatedFlowId, res, false);\n })\n .fail(() => { error(); });\n },\n};\n\nexport default ApplicantAttachmentActions;\n","import React, { useState, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport InitiatedFlowDispatchContext from 'contexts/initiated-flow-dispatch-context';\nimport PersonSelector from 'components/shared/person-selector';\nimport { isEmpty } from 'underscore';\nimport InitiatedFlowActions from 'actions/initiated-flow-actions';\nimport ApplicantAttachmentActions from 'actions/applicant-attachment-actions';\nimport UserDisc from 'components/shared/user-disc';\n\nconst ApplicantManager = (props) => {\n const dispatch = useContext(InitiatedFlowDispatchContext);\n const [managingApplicants, setManagingApplicants] = useState(false);\n\n const isPrimaryApplicant = useMemo(() => {\n const primaryApplicant = props.applicantAttachments.find((applicant) => applicant.is_primary);\n return primaryApplicant.user_id === window.CityGrows.Server.currentUserId;\n }, [props.applicantAttachments]);\n\n const canManage = useMemo(() => {\n return CityGrows.Server.admin || isPrimaryApplicant;\n }, [isPrimaryApplicant]);\n\n const searchPerson = (search) => {\n return InitiatedFlowActions.searchApplicants(search);\n };\n\n const onApplicantUserSelect = (user) => {\n ApplicantAttachmentActions.addApplicant(dispatch, user.id, props.initiatedFlowId)\n .done(() => {\n setManagingApplicants(!managingApplicants);\n });\n };\n\n function onSendInviteButtonClicked(email, name) {\n ApplicantAttachmentActions.addPseudoApplicant(dispatch, email, name, props.initiatedFlowId)\n .done(() => {\n setManagingApplicants(!managingApplicants);\n });\n }\n\n const renderApplicants = () => {\n if (isEmpty(props.applicantAttachments)) { return; }\n const primaryApplicant = props.applicantAttachments.find((applicant) => applicant.is_primary);\n const otherApplicants = props.applicantAttachments.filter((applicant) => { return !applicant.is_primary; });\n return (\n <>\n\n\n\n\n\n\n \n\n\n\n \n\n\n {managingAdmins && renderSearch()}\n\n {renderAdminRoles()}\n\n\nPrimary Applicant\n- \n {renderApplicant(primaryApplicant)}\n
Other Applicants\n- \n {otherApplicants.map(renderApplicant)}\n
- \n
\n );\n };\n\n function onManageApplicantsClick(e) {\n e.preventDefault();\n setManagingApplicants(!managingApplicants);\n }\n\n const renderSearch = () => {\n return (\n\n\n {(showMakePrimaryButton || showDeleteButton) && (\n\n\n )}\n\n {showMakePrimaryButton && (\n <>\n \n \n \n )}\n {showDeleteButton && (\n { onApplicantDelete(e, applicant); }} />\n )}\n\n\n\n );\n};\n\nApplicantManager.propTypes = {\n applicantAttachments: PropTypes.arrayOf(PropTypes.shape({})),\n initiatedFlowId: PropTypes.number.isRequired,\n};\n\nexport default ApplicantManager;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport AccessManager from './menu/access-manager';\nimport ApplicantManager from './menu/applicant-manager';\n\nconst Access = ({\n admin,\n applicantAttachments,\n initiatedFlowId,\n personAttachments,\n teamId,\n}) => {\n const renderAccessManager = () => {\n if (admin) {\n return (\n\n\n\n\n\n\n \n\n {canManage && (\n\n \n\n )}\n\n {managingApplicants && renderSearch()}\n\n {renderApplicants()}\n\n- \n
\n\n {!!props.initiatedFlow.identifier_field_value && (\nApplicant\n{getApplicantText()}\n- \n
\n )}\n\nIdentifier\n{renderIdentifier()}\n- \n
\n \n );\n};\n\nLaunchInfo.propTypes = {\n flowTemplateId: PropTypes.number.isRequired,\n initiatedFlow: PropTypes.object.isRequired,\n admin: PropTypes.bool.isRequired,\n};\n\nexport default LaunchInfo;\n","import React, {\n useContext, useEffect, useRef, useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport InitiatedFlowDispatchContext from 'contexts/initiated-flow-dispatch-context';\nimport TagManagerActions from 'actions/tag-manager-actions';\nimport { findWhere, find } from 'underscore';\nimport truncate from 'truncate';\nimport { icon } from '@fortawesome/fontawesome-svg-core/import.macro';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { confirm } from 'modules/alert-confirm';\nimport pluralize from 'modules/pluralize';\nimport { error } from 'components/shared/flash';\n\nconst TagManager = (props) => {\n const reservedTagNames = ['late', 'renewal'];\n const createTagInput = useRef();\n const dispatch = useContext(InitiatedFlowDispatchContext);\n const [creatingTag, setCreatingTag] = useState(false);\n const [editingTagId, setEditingTagId] = useState(null);\n const editTagInput = useRef();\n\n useEffect(() => {\n if (creatingTag) {\n setEditingTagId(null);\n createTagInput.current.focus();\n }\n }, [creatingTag]);\n\n useEffect(() => {\n if (editingTagId) {\n setCreatingTag(false);\n editTagInput.current.focus();\n }\n }, [editingTagId]);\n\n const onEnterKeyPressed = (e) => {\n if (e.keyCode === 13) {\n if (creatingTag) {\n onSubmitNewTag();\n } else if (editingTagId) {\n onUpdateTagClick();\n }\n }\n };\n\n const isReservedTagName = (name) => {\n return reservedTagNames.includes(name);\n };\n\n function onSubmitNewTag() {\n if (!createTagInput.current) { return; }\n\n const tagName = createTagInput.current.value.toLowerCase().trim();\n const existingTag = findTag(tagName);\n if (existingTag) {\n if (!findWhere(props.taggings, { tag_id: existingTag.id })) {\n TagManagerActions.addTagging(dispatch, props.taggableType, props.taggableId, existingTag.id);\n }\n } else if (isReservedTagName(tagName)) {\n error('Name is reserved');\n } else {\n TagManagerActions\n .createTag(dispatch, props.taggableType, props.taggableId, tagName);\n }\n createTagInput.current.value = '';\n setCreatingTag(false);\n }\n\n function onTagClick(tagId) {\n if (tagIsSelected(tagId)) {\n const tagging = findTagging(tagId);\n TagManagerActions.removeTagging(dispatch, tagging.id);\n } else {\n TagManagerActions.addTagging(dispatch, props.taggableType, props.taggableId, tagId);\n }\n }\n\n function tagIsSelected(tagId) {\n return !!findTagging(tagId);\n }\n\n function findTag(tagName) {\n return find(props.suggestedTags, ((tag) => tag.name === tagName));\n }\n\n function findTagging(tagId) {\n return findWhere(props.taggings, { tag_id: tagId });\n }\n\n function onCreateTagClick(e) {\n e.preventDefault();\n\n setCreatingTag(true);\n }\n\n const onUpdateTagClick = () => {\n if (!editTagInput.current) { return; }\n const tag = findTag(editTagInput.current.value);\n if (tag) {\n if (tag.id === editingTagId) {\n setEditingTagId(null);\n return;\n }\n error('Name already taken');\n } else {\n TagManagerActions.updateTag(dispatch, editingTagId, editTagInput.current.value)\n .done(() => {\n setEditingTagId(null);\n });\n }\n };\n\n function onDeleteTagClick(tag) {\n const taggingCount = tagIsSelected(tag.id) ? tag.tagging_count - 1 : tag.tagging_count;\n if (taggingCount > 0) {\n confirm('Are you sure?', `This tag is in use on ${taggingCount} other ${pluralize('submission', taggingCount)}`, () => {\n TagManagerActions.destroyTag(dispatch, tag.id);\n });\n } else {\n TagManagerActions.destroyTag(dispatch, tag.id);\n }\n }\n\n function renderTagCreationSection() {\n let content;\n if (creatingTag) {\n content = ;\n } else {\n content = ;\n }\n\n return (\nStarted\n{renderTimestamp()}\n\n {content}\n\n );\n }\n\n function renderSuggestedTags() {\n return props.suggestedTags.map(renderTag);\n }\n\n function renderActions(tag) {\n const canModifyTag = CityGrows.Server.canModifyTag && !isReservedTagName(tag.name);\n if (canModifyTag) {\n return (\n\n setEditingTagId(tag.id)} role='button' title='Edit tag' />\n onDeleteTagClick(tag)} />\n\n );\n }\n }\n\n function renderTag(tag) {\n const className = (tagIsSelected(tag.id) ? 'tagmanager-tagname active' : 'tagmanager-tagname');\n\n if (editingTagId === tag.id) {\n return (\n\n \n\n\n\n \n );\n }\n return (\nonUpdateTagClick()} className='clickable' />\n setEditingTagId(null)} title='Cancel' className='clickable' />\n { onTagClick(tag.id); }} title={tag.name}>\n {truncate(tag.name, 50)}\n\n {renderActions(tag)}\n \n );\n }\n\n return (\n\n\n );\n};\n\nTagManager.propTypes = {\n taggings: PropTypes.arrayOf(PropTypes.shape({})),\n suggestedTags: PropTypes.arrayOf(PropTypes.shape({})),\n taggableType: PropTypes.string.isRequired,\n taggableId: PropTypes.number.isRequired,\n};\n\nexport default TagManager;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport truncate from 'truncate';\n\nconst NUM_TAGS_TO_SHOW = 3;\nconst TAG_CHAR_LENGTH = 25;\n\nconst TagList = ({ taggings }) => {\n const [showAll, setShowAll] = useState(false);\n\n const renderTagging = (tagging) => {\n return (\nTags\n- \n {renderSuggestedTags()}\n
\n \n );\n }\n };\n\n const flowStatusClass = () => {\n const classes = ['activeflowheader-openclosed'];\n\n if (props.initiatedFlow.status === 'Halted') {\n classes.push('color-alert');\n }\n\n return classes.join(' ');\n };\n\n const members = useMemo(() => {\n return where(props.initiatedFlow.person_attachments, { assigned: true });\n }, [props.initiatedFlow.person_attachments]);\n\n return (\n\n\n );\n});\n\nHeaderMeta.displayName = 'HeaderMeta';\n\nHeaderMeta.propTypes = {\n admin: PropTypes.bool.isRequired,\n flowTemplateId: PropTypes.number.isRequired,\n initiatedFlow: PropTypes.shape({\n id: PropTypes.number.isRequired,\n suggested_tags: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n taggings: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n }).isRequired,\n teamId: PropTypes.number.isRequired,\n};\n\nexport default HeaderMeta;\n","import { useRef, useEffect } from 'react';\n\nconst useKeyDown = (callback) => {\n const targetRef = useRef();\n const keydownRef = useRef();\n keydownRef.current = callback;\n useEffect(() => {\n // NOTE: this indirection looks weird but is necessary. This provides\n // a locally stable function reference for registering and unregistering\n // the keybind, while still allowing the keydownRef's value to change.\n const keydownCallback = (e) => keydownRef.current(e);\n const target = targetRef.current;\n target.addEventListener('keydown', keydownCallback);\n return () => target.removeEventListener('keydown', keydownCallback);\n }, []);\n return targetRef;\n};\n\nexport default useKeyDown;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport DiscussionDispatchContext from 'contexts/initiated-flow-dispatch-context';\nimport DiscussionActions from 'actions/discussion-actions';\nimport { success } from 'components/shared/flash';\nimport TimeAgo from 'react-timeago';\nimport dayjs from 'dayjs';\nimport XClose from 'components/shared/x-close';\n\nconst DiscussionComment = (props) => {\n const dispatch = useContext(DiscussionDispatchContext);\n function onDeleteClick() {\n DiscussionActions\n .deleteDiscussionComment(dispatch, props.discussionComment.id)\n .done(() => { success('Comment deleted'); });\n }\n\n function renderDeleteButton() {\n if (props.discussionComment.user.id === window.CityGrows.Server.currentUserId) {\n return- \n
- \n Status\n \n { any(members) && (\n
- \n
\n \n )}\n - \n
- \n
\n
;\n }\n }\n\n return (\n \n\n );\n};\n\nDiscussionComment.propTypes = {\n discussionComment: PropTypes.shape({\n id: PropTypes.number,\n body: PropTypes.string,\n user: PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n }),\n created_at: PropTypes.string,\n }),\n};\n\nexport default DiscussionComment;\n","import React, {\n useRef, useState, useCallback, useEffect, useContext,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Textarea from 'react-textarea-autosize';\nimport TimeAgo from 'react-timeago';\nimport DiscussionDispatchContext from 'contexts/discussion-dispatch-context';\nimport dayjs from 'dayjs';\n\nimport DiscussionActions from 'actions/discussion-actions';\nimport Select from 'components/shared/select';\nimport Flash from 'components/shared/flash';\nimport useKeyDown from 'components/hooks/use-keydown';\nimport { confirm } from 'modules/alert-confirm';\nimport DiscussionComment from './comment';\n\nconst ApprovalStatus = ({ className, verb, groupName }) => (\n\n {props.discussionComment.user.name}\n\n\n{props.discussionComment.body}\n\n {verb} - {groupName}\n\n);\n\nApprovalStatus.propTypes = {\n className: PropTypes.string,\n verb: PropTypes.string,\n groupName: PropTypes.string,\n};\n\nconst EditResponse = ({ discussion, close }) => {\n const dispatch = useContext(DiscussionDispatchContext);\n\n const [editedText, setEditedText] = useState(discussion.body);\n const inputRef = useRef();\n const onUpdateDiscussionClick = () => {\n if (!editedText || editedText.length === 0) {\n Flash.error('Discussion can\\'t be empty');\n }\n\n DiscussionActions.update(dispatch, discussion.id, { body: editedText })\n .done(() => {\n Flash.success('Discussion updated');\n close();\n });\n };\n\n const onKeyDown = (e) => {\n if (e.keyCode === 27) {\n // Esc\n close();\n } else if ((e.metaKey || e.ctrlKey) && e.keyCode === 13) {\n // CMD-Enter\n onUpdateDiscussionClick();\n }\n };\n\n const keydownTargetRef = useKeyDown(onKeyDown);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n }, []);\n\n return (\n\n