\n {blocks.map((block) => (\n
\n {placeholder}
}\n {placeholder}
}\n \n \n setFieldsState({\n ...fieldsState,\n [name]: selection === \"Yes\" ? true : selection === \"No\" ? false : null,\n })\n }\n id={name}\n selected={fieldsState[name] === true ? \"Yes\" : fieldsState[name] === false ? \"No\" : \"Select\"}\n />\n
\n );\n case \"select\":\n return (\n \n \n setFieldsState({\n ...fieldsState,\n [name]: selection === \"Select\" ? null : selection,\n })\n }\n id={name}\n selected={fieldsState[name] || \"Select\"}\n />\n
\n );\n case \"checkbox\":\n return (\n {children}
;\n\nconst Template = (args) => {\n const [fieldsState, setFieldsState] = useState({ boolean: true, select: null });\n const stateProps = { fieldsState, setFieldsState };\n const fullArgs = { ...args, ...stateProps };\n return (\n \n
\n );\n}\n\nListItem.propTypes = {\n type: PropTypes.string.isRequired,\n site: PropTypes.shape({\n address1: PropTypes.string,\n address2: PropTypes.string,\n city: PropTypes.string,\n county: PropTypes.string,\n state: PropTypes.string,\n postalCode: PropTypes.string,\n number: PropTypes.number.isRequired,\n }),\n program: PropTypes.shape({\n name: PropTypes.string,\n number: PropTypes.number.isRequired,\n }),\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport AgencyConfirmationModal from \"./AgencyConfirmationModal\";\n\nconst { useState, useEffect, Fragment } = React;\n\nexport default function RelationList({ id, listType, addRelationList }) {\n const [list, setList] = useState(null);\n const [error, setError] = useState(null);\n const [addingRelation, setAddingRelation] = useState(false);\n const [relationToAdd, setRelationToAdd] = useState(null);\n const [relationToConfirm, setRelationToConfirm] = useState(null);\n\n const type = listType.split(\"_\")[0];\n const typeSingular = type.slice(0, -1);\n\n useEffect(() => {\n fetch(`${id}/${listType}`)\n .then((res) => res.json())\n .then((res) => setList(res))\n .catch((err) => {\n setError(`We're sorry, something went wrong while retrieving the list of ${listType}. Please try again later.`);\n console.error(`Error fetching ${listType} for ${id}: `, err);\n });\n }, []);\n\n const buildData = (itemId, action) => {\n const type = listType === \"sites\" ? \"site_for_program\" : \"program_at_site\";\n\n let data = {\n [action + \"_\" + type]: true,\n program_id: listType === \"sites\" ? id : itemId,\n site_id: listType === \"sites\" ? itemId : id,\n };\n\n return data;\n };\n\n const submitRelation = (itemId, action) => {\n const data = buildData(itemId, action);\n $.ajax(\"/program_site_relationship_updates\", {\n method: \"post\",\n data: JSON.stringify(data),\n dataType: \"json\",\n contentType: \"application/json\",\n })\n .done((res) => (window.location = `/my211/updates/service_site_relationship_updates/${res.id}`))\n .fail((e) => {\n // TODO: Add a retry modal if this fails\n console.error(e);\n });\n };\n\n const getAddRelationContent = () => {\n if (addingRelation) {\n return (\n \n {type === \"service\" && \n \n )}\n
\n \n {`View ${type.charAt(0).toUpperCase()}${type.slice(1)} Information`}\n \n {name || No Name Provided}
}\n {type === \"site\" && (\n{address1 || No Address Provided}
\n {ReactUtils.formatAgencyDataAddress(address2, city, state, postalCode)}\n\n
\n );\n } else if (addRelationList.length) {\n return (\n \n );\n }\n };\n\n const getContent = () => {\n if (error) {\n return \n relation.name)}\n handleItemSelect={(selection) => {\n const relation = addRelationList.find((relation) => relation.name === selection);\n setRelationToAdd(relation);\n }}\n id={`${type}-select`}\n selected={relationToAdd ? relationToAdd.name : `Select an existing ${type.slice(0, -1)}`}\n />\n
\n \n submitRelation(relationToAdd.number, \"add\")}\n disabled={!relationToAdd}\n >\n Save\n \n \n
\n {error}
;\n } else if (list) {\n return (\n \n Need to add a {typeSingular}?{\" \"}\n \n Use this form.\n \n
\n )}\n Loading...
;\n }\n };\n\n return (\n \n
\n );\n}\n\nRelationList.propTypes = {\n id: PropTypes.number.isRequired,\n listType: PropTypes.oneOf([\"services\", \"sites\"]).isRequired,\n addRelationList: PropTypes.arrayOf(\n PropTypes.shape({\n number: PropTypes.number,\n name: PropTypes.string,\n })\n ),\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactUtils from \"./../../react-utils\";\nimport AccountNavBar from \"../AccountNavBar\";\nimport AgencyNav from \"./AgencyNav\";\nimport { AgencyParams } from \"./agency-params\";\n\nexport default function UpdateDetail({\n update: {\n type,\n name,\n address1,\n requestedChanges,\n relationshipChanges,\n requestStatus,\n responseMessage,\n createdAt,\n resourceUrl,\n },\n}) {\n const getChangeRows = (field, changes, i) => {\n let updateParams = null;\n if (type !== \"service site relationship\") {\n const methodName = `get${type.charAt(0).toUpperCase() + type.slice(1)}Params`;\n updateParams = AgencyParams[methodName]({ crisperEnrolled: true });\n }\n\n let label = null;\n\n if (field.includes(\"mailing\")) {\n label = updateParams.mailingAddress.subfields[field].title;\n } else if (\n field.includes(\"address\") ||\n field.includes(\"street\") ||\n field.includes(\"city\") ||\n field.includes(\"state\") ||\n field.includes(\"postal_code\") ||\n field.includes(\"county\")\n ) {\n label = updateParams.address?.subfields[field]?.title;\n }\n\n label ||= updateParams[field]?.title || field;\n\n const formatVal = (val) => {\n if (val === true) return \"Yes\";\n if (val === false) return \"No\";\n if (val === 0) return \"0\";\n return val;\n };\n\n return (\n \n {type} offered {type === \"sites\" ? \"for this service\" : \"at this site\"}\n
\n {getContent()}\n {relationToConfirm && (\n\n
\n\n {label}
\n {formatVal(changes[\"old\"]) ? (\n {ReactUtils.emptyFieldText()}
\n )}\n \n
\n\n {requestStatus === \"partially accepted\" && (\n {label}
\n {formatVal(changes[\"new\"]) ? (\n {ReactUtils.emptyFieldText()}
\n )}\n \n {changes[\"denied\"] ? (\n
\n )}\n \n );\n };\n\n const hasAddress =\n type === \"site\" || (relationshipChanges.length && Object.keys(relationshipChanges[0])[0].includes(\"AtSite\"));\n\n const getRelationshipText = () => {\n switch (Object.keys(relationshipChanges[0])[0]) {\n case \"addProgramAtSite\":\n return `Add the ${name} service at this site.`;\n case \"removeProgramAtSite\":\n return `Remove the ${name} service at this site.`;\n case \"addSiteForProgram\":\n return `Add the ${address1} site for this service.`;\n case \"removeSiteForProgram\":\n return `Remove the ${address1} site for this service.`;\n }\n };\n\n return (\n Denied
\n ) : (\n Accepted
\n )}\n \n
\n );\n}\n\nUpdateDetail.propTypes = {\n update: PropTypes.shape({\n type: PropTypes.oneOf([\"agency\", \"site\", \"service\", \"service site relationship\"]).isRequired,\n name: PropTypes.string,\n address1: PropTypes.string,\n requestedChanges: PropTypes.object,\n relationshipChanges: PropTypes.array,\n requestStatus: PropTypes.string.isRequired,\n responseMessage: PropTypes.string,\n createdAt: PropTypes.string.isRequired,\n resourceUrl: PropTypes.string.isRequired,\n }),\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactUtils from \"./../../react-utils\";\nimport { AgencyParams } from \"./agency-params\";\n\nexport default function UpdatesRows({ updates }) {\n const getRowSubcontent = (type, requestedChanges, relationshipChanges) => {\n if (relationshipChanges.length) {\n const fieldName = Object.keys(relationshipChanges[0])[0];\n return `Relationship change: ${fieldName.charAt(0).toUpperCase()}${fieldName.split(\"_\").join(\" \").slice(1)}`;\n } else if (Object.keys(requestedChanges).length) {\n const fieldsChanged = Object.keys(requestedChanges).map((attr_name) => {\n const methodName = `get${type.charAt(0).toUpperCase() + type.slice(1)}Params`;\n const updateParams = AgencyParams[methodName]({\n crisperEnrolled: true,\n });\n\n const field = attr_name;\n let label = (updateParams[field] && updateParams[field].title) || null;\n\n if (field.includes(\"mailing\")) {\n const subfield = updateParams.mailingAddress.subfields[field];\n label = subfield ? subfield.title : field;\n } else if (\n field.includes(\"address\") ||\n field.includes(\"street\") ||\n field.includes(\"city\") ||\n field.includes(\"state\") ||\n field.includes(\"postal_code\") ||\n field.includes(\"county\")\n ) {\n const subfield = updateParams.address?.subfields[field];\n label = subfield?.title;\n }\n\n label ||= field;\n return label;\n });\n\n return `Fields changed: ${fieldsChanged.join(\", \")}`;\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n\n - \n
- \n All Changes\n \n
- Change \n
\n Please note that changes to your agency information won’t appear immediately — a Resource Specialist\n will review and approve or reach out to you with any questions. Once approved, a change may take 24 hours\n to be propagated.\n
\n\n \n
\n\n\n
\n\n \n )}\n
\n \n
\n\n \n
\n\n \n
\n Resource
\n {`${type.charAt(0).toUpperCase()}${type.slice(1)}`}
\n \n
\n\n Date Submitted
\n {ReactUtils.formatTimestamp(createdAt)}
\n \n
\n\n {hasAddress ? \"Address\" : \"Name\"}
\n {hasAddress ? address1 : name}\n \n
\n Status
\n {`${requestStatus\n .charAt(0)\n .toUpperCase()}${requestStatus.slice(1)}`}
\n \n\n
\n {type !== \"service site relationship\" && (\n
\n\n {type === \"service site relationship\" && relationshipChanges.length ? (\n \n
\n )}\n\n Current
\n\n
\n\n {requestStatus === \"partially accepted\" && (\n \n {`Suggested Change${type === \"service site relationship\" ? \"\" : \"s\"}`}\n
\n\n
\n )}\n Accepted?
\n\n
\n ) : (\n Object.keys(requestedChanges).map((fieldName, i) =>\n getChangeRows(fieldName, requestedChanges[fieldName], i)\n )\n )}\n\n {responseMessage && (\n \n
\n {getRelationshipText()}
\n \n\n
\n
\n Note
\n \n \n \n
\n \n
\n \n
\n {ReactUtils.formatTimestamp(createdAt)}
\n {address1 ? address1 : name}
\n \n {`${requestStatus.charAt(0).toUpperCase()}${requestStatus.slice(1)}`}\n
\n \n {getRowSubcontent(type, requestedChanges, relationshipChanges)}\n
\n \n Note: This list only contains changes that were requested through this app — changes requested elsewhere\n will not appear here.\n
\n\n \n
\n Change History
\n\n {sortByResource && (\n
\n \n {\n const name = Object.keys(item)[0];\n setResourceSelectedItem(name);\n setFilters({ ...filters, type: item[name] });\n }}\n id=\"status\"\n selected={resourceSelectedItem}\n />\n
\n )}\n Resource:
\n \n {\n const name = Object.keys(item)[0];\n setDateSortSelection(name);\n ReactUtils.sortBy(item[name], updates);\n }}\n id=\"sort\"\n selected={dateSortSelection}\n />\n
\n Date:
\n \n {\n const name = Object.keys(item)[0];\n setStatusSelectedItem(name);\n setFilters({ ...filters, requestStatus: item[name] });\n }}\n id=\"status\"\n selected={statusSelectedItem}\n rightAlign={true}\n />\n
\n Status:
\n \n \n \n
\n
\n \n
\n );\n }\n if (questionType === \"radio\") {\n return (\n \n \n \n
\n \n
\n );\n }\n return \n \n \n
\n {label}
;\n },\n});\n\nexport default Answer;\n","import PropTypes from \"prop-types\";\nimport createReactClass from \"create-react-class\";\n\nconst Category = createReactClass({\n propTypes: {\n categoryText: PropTypes.string,\n removeCategory: PropTypes.func,\n taxonomyCode: PropTypes.string,\n },\n\n onClick: function (taxonomyCode) {\n return () => this.props.removeCategory(taxonomyCode);\n },\n\n render: function () {\n const { categoryText, taxonomyCode } = this.props;\n return (\n\n \n {categoryText}{\" \"}\n \n X {\" \"}\n \n \n
\n );\n },\n});\n\nexport default Category;\n","import createReactClass from \"create-react-class\";\nimport PropTypes from \"prop-types\";\n\nconst Chat = createReactClass({\n propTypes: {\n chatAvailable: PropTypes.bool,\n organization: PropTypes.object,\n },\n\n onClick: function () {\n if (\n this.props.organization.flags &&\n this.props.organization.flags.enableChat &&\n this.props.chatAvailable &&\n this.props.organization.links &&\n this.props.organization.links.chat\n ) {\n window.open(\n this.props.organization.links.chat,\n \"2-1-1 Chat\",\n \"'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,top=200,left=500,width=500,height=650'\"\n );\n }\n },\n\n render: function () {\n const { chatAvailable, organization } = this.props;\n return (\n \n \n {organization.flags &&\n organization.flags.enableChat &&\n chatAvailable &&\n organization.links &&\n organization.links.chat ? (\n Chat With Us\n ) : (\n Chat Unavailable\n )}\n \n );\n },\n});\n\nexport default Chat;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function Checkboxes({ items, handleItemClick, selected }) {\n return (\n \n \n
\n ))}\n \n \n {selected}\n \n \n
\n );\n}\n\nDropdown.propTypes = {\n items: PropTypes.array.isRequired,\n handleItemSelect: PropTypes.func.isRequired,\n id: PropTypes.string.isRequired,\n selected: PropTypes.string.isRequired,\n rightAlign: PropTypes.bool,\n};\n","import React, { useState } from \"react\";\n\nimport Dropdown from \"./Dropdown\";\n\nexport default {\n title: \"Dropdown\",\n component: Dropdown,\n};\n\n// Dropdown components need a bit of extra height in order to render their children\n// without cropping. This just gives them a bit of extra space to expand.\nconst Wrapper = ({ children }) => - \n {items.map((item, index) => {\n const name = typeof item === \"object\" ? Object.keys(item)[0] : item;\n return (\n
- \n
{children}
;\n\nconst Template = (args) => {\n const [selected, setSelected] = useState(\"Harry\");\n const handleItemSelect = (item) => setSelected(item);\n const stateProps = { handleItemSelect, selected, id: \"dropdown-sb-template\" };\n const fullArgs = { ...args, ...stateProps };\n return (\n \n
\n );\n}\n\nLoadingScreen.propTypes = {\n children: PropTypes.string,\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Chat from \"./Chat\";\nimport createReactClass from \"create-react-class\";\n\nconst MobileNav = createReactClass({\n propTypes: {\n homePath: PropTypes.string,\n accountPath: PropTypes.string,\n signOutPath: PropTypes.string,\n authenticationPath: PropTypes.string,\n registrationPath: PropTypes.string,\n user: PropTypes.string,\n isAgencyUser: PropTypes.bool,\n chatAvailable: PropTypes.bool,\n resourceListsPath: PropTypes.string,\n mobileNavVisible: PropTypes.bool,\n myReferralsPath: PropTypes.string,\n myAgencyDataPath: PropTypes.string,\n organization: PropTypes.object,\n },\n\n render: function () {\n const {\n homePath,\n accountPath,\n signOutPath,\n authenticationPath,\n registrationPath,\n user,\n isAgencyUser,\n chatAvailable,\n resourceListsPath,\n mobileNavVisible,\n myReferralsPath,\n myAgencyDataPath,\n organization,\n } = this.props;\n\n return (\n \n
\n \n
\n \n
\n \n \n \n
\n\n {children}
\n- \n {Object.keys(organization.navbar).map((title, i) => {\n if (typeof organization.navbar[title] === \"object\") {\n return (\n
- \n \n {title}\n \n \n )}\n {Object.keys(organization.navbar[title].items).map((subtitle, i) => {\n return (\n
- \n \n {subtitle}\n \n \n );\n })}\n
- \n \n {title}\n \n \n );\n }\n })}\n
- \n
\n \n - \n \n My 211 Account\n \n \n {isAgencyUser && (\n
- \n \n Agency\n \n \n )}\n {organization.userFeatures && organization.userFeatures.screeners && (\n
- \n \n Screeners\n \n \n )}\n
- \n \n Resource Lists\n \n \n {organization.userFeatures && organization.userFeatures.referrals && (\n
- \n \n Referrals\n \n \n )}\n
- \n \n Log out\n \n \n
- \n \n Sign up\n \n \n
- \n \n Login\n \n \n
\n {organization.flags && organization.flags.enableChat && (\n
\n
\n
{status || defaultOption.text}
;\n }\n return (\n \n \n {this.options.map((option) => (\n \n ))}\n \n \n
\n );\n },\n});\n\nexport default Progress;\n","import ReactUtils from \"./../../react-utils\";\nimport AccountNavBar from \"../AccountNavBar\";\n\nexport default function Referral(props) {\n const {\n program_name,\n agency_name,\n agency_address,\n agency_website,\n agency_email,\n agency_phone,\n for_name,\n for_email,\n for_phone,\n message,\n response_message,\n created_at,\n status,\n } = props.referral;\n\n const titleToValueMap = {\n \"date sent\": ReactUtils.formatTimestamp(created_at),\n name: for_name,\n email: for_email,\n phone: for_phone,\n message: message,\n };\n\n const statusCopies = {\n pending: \"Your service request was sent. You will be notified by email when the agency responds.\",\n accepted: \"The agency will reach out to you soon.\",\n declined: \"The agency has declined your service request.\",\n };\n\n return (\n Status:
\n \n \n
\n );\n}\n\nReferral.propTypes = {\n referral: PropTypes.shape({\n program_name: PropTypes.string.isRequired,\n agency_name: PropTypes.string.isRequired,\n agency_address: PropTypes.string.isRequired,\n agency_website: PropTypes.string,\n agency_email: PropTypes.string,\n agency_phone: PropTypes.string,\n for_name: PropTypes.string.isRequired,\n for_email: PropTypes.string,\n for_phone: PropTypes.string,\n message: PropTypes.string.isRequired,\n response_message: PropTypes.string,\n created_at: PropTypes.string.isRequired,\n status: PropTypes.string.isRequired,\n }),\n};\n","import PropTypes from \"prop-types\";\nimport ReactUtils from \"./../../react-utils\";\n\nexport default function ReferralItem(props) {\n const { uuid, program_name, agency_name, for_name, created_at, status } = props.referral;\n\n return (\n \n
\n \n
\n \n
\n Service Requests
\n\n
\n - \n
- \n All Service Requests\n \n
- {agency_name} \n
\n
\n {program_name}
\n {agency_name}
\n \n \n \n {agency_address}\n \n {agency_website && (\n \n Website\n \n )}\n {agency_email && (\n \n Email\n \n )}\n {agency_phone &&
\n {agency_phone}
}\n \n
\n {response_message && (\n Status
\n \n \n
\n \n {status.charAt(0).toUpperCase() + status.slice(1)}\n
\n {statusCopies[status]}
\n \n
\n )}\n {Object.keys(titleToValueMap).map((title) => {\n if (titleToValueMap[title]) {\n return (\n {agency_name} said:
\n {response_message}
\n \n
\n );\n }\n })}\n {title}
\n {titleToValueMap[title]}
\n {program_name}
\n {for_name}
\n {ReactUtils.formatTimestamp(created_at)}
\n \n
\n );\n}\n\nReferralList.propTypes = {\n referrals: PropTypes.array.isRequired,\n};\n","import PropTypes from \"prop-types\";\n\nexport default function ReferralThankYou(props) {\n const { for_name, from_name } = props.names;\n\n return (\n \n
\n \n
\n \n
\n \n {currentReferrals.length || \"No\"} Service Request\n {currentReferrals.length != 1 && \"s\"}\n
\n\n
\n \n {\n const name = Object.keys(item)[0];\n setSortSelectedItem(name);\n sortBy(item[name]);\n }}\n id=\"sort\"\n selected={sortSelectedItem}\n />\n
\n Sort:
\n \n {\n const name = Object.keys(item)[0];\n setStatusSelectedItem(name);\n filterBy(item[name]);\n }}\n id=\"status\"\n selected={statusSelectedItem}\n />\n
\n Status:
\n \n {0 == currentReferrals.length && (\n \n \n {currentReferrals.map((r) => (\n
\n
\n \n Some resources accept requests for services directly from the 211 search engine. You can find them by\n using the advanced filter for 'Accepts online service requests'\n
\n )}\n\n
\n );\n}\n\nReferralThankYou.propTypes = {\n names: PropTypes.shape({\n for_name: PropTypes.string.isRequired,\n from_name: PropTypes.string,\n }),\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReferralThankYou from \"./ThankYou\";\n\nconst { useState, useRef } = React;\n\nexport default function ReferralResponse(props) {\n const [disableButton, setDisableButton] = useState(true);\n const [sentResponse, setSentResponse] = useState(false);\n const messageRef = useRef(\"\");\n\n const {\n uuid,\n program_name,\n agency_name,\n for_name,\n for_email,\n for_phone,\n from_name,\n from_email,\n from_phone,\n message,\n } = props.referral;\n\n const changeMessageLength = (event) => {\n if (event.target.value.length < 1) setDisableButton(true);\n if (event.target.value.length >= 1 && disableButton === true) setDisableButton(false);\n };\n\n const submitResponse = (newStatus) => {\n setDisableButton(true);\n $.ajax(`/referral/${uuid}`, {\n method: \"patch\",\n data: JSON.stringify({\n referral: {\n status: newStatus,\n response_message: messageRef.current.value,\n },\n }),\n dataType: \"json\",\n contentType: \"application/json\",\n })\n .then(() => {\n $.ajax(`/referral_response_email/${uuid}`, {\n method: \"post\",\n });\n })\n .done((data) => {\n setSentResponse(true);\n })\n .fail((error) => {\n // TODO: add screen for a failure\n console.log(\"Failed to send response\");\n setSentResponse(true);\n });\n };\n\n const acceptReferral = (e) => {\n e.preventDefault();\n submitResponse(\"accepted\");\n };\n\n const declineReferral = (e) => {\n e.preventDefault();\n submitResponse(\"declined\");\n };\n\n if (sentResponse) {\n return \n
\n \n
\n Thank you!
\n \n Your response has been sent. {for_name}\n {from_name && ` and ${from_name}`} will be notified by email and through{\" \"}\n 211ct.org.\n
\n \n
\n );\n}\n\nReferralResponse.propTypes = {\n referral: PropTypes.shape({\n uuid: PropTypes.string.isRequired,\n program_name: PropTypes.string.isRequired,\n for_name: PropTypes.string.isRequired,\n for_email: PropTypes.string,\n for_phone: PropTypes.string,\n from_name: PropTypes.string,\n from_email: PropTypes.string,\n from_phone: PropTypes.string,\n message: PropTypes.string,\n }),\n};\n","import PropTypes from \"prop-types\";\nimport ReactUtils from \"./../react-utils\";\nimport SendReferralModal from \"./SendReferralModal\";\nimport createReactClass from \"create-react-class\";\n\nconst ResourceList = createReactClass({\n propTypes: {\n resourceList: PropTypes.object,\n toggleModalState: PropTypes.func,\n isModalDisplayed: PropTypes.bool,\n user: PropTypes.object,\n surveyName: PropTypes.string.isRequired,\n category: PropTypes.string.isRequired,\n token: PropTypes.string.isRequired,\n responseId: PropTypes.number.isRequired,\n },\n\n getInitialState: function () {\n return { selectedResource: null };\n },\n\n // based on logic from models/search_result.coffee\n getPhoneNumber: function (resource) {\n if (resource.program_site_phones.phone_1) {\n return resource.program_site_phones.phone_1;\n }\n if (resource.program_site_phones.phone_2) {\n return resource.program_site_phones.phone_2;\n }\n if (resource.program_phones.phone_1) {\n return resource.program_phones.phone_1;\n }\n if (resource.site_phones.phone_1) {\n return resource.site_phones.phone_1;\n }\n if (resource.agency_phones.phone_1) {\n return resource.agency_phones.phone_1;\n }\n return null;\n },\n\n handleSendEmailClick: function (resource) {\n this.setState({ selectedResource: resource });\n this.props.toggleModalState();\n },\n\n render: function () {\n const { isModalDisplayed, toggleModalState, user, surveyName, category, token, responseId } = this.props;\n const { name, id, items, hashid } = this.props.resourceList;\n const { selectedResource } = this.state;\n return (\n \n
\n \n
\n Respond to Referral
\n\n \n {for_name} has requested {program_name} at {agency_name}\n
\n\n \n
\n Message
\n {message}
\n \n \n {(from_name || from_phone || from_email) && (\n \n )}\n
\n \n
\n Add a Note (Required)
\n \n \n \n \n {items.map((resource) => {\n const { program_site_id, referral_emails } = resource;\n const phone = this.getPhoneNumber(resource);\n return (\n
\n {isModalDisplayed && selectedResource && (\n
\n );\n },\n});\n\nexport default ResourceList;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ResourceList from \"./ResourceList\";\nimport ResourceListEmpty from \"./ResourceListEmpty\";\nimport ResponseNote from \"./ResponseNote\";\nimport createReactClass from \"create-react-class\";\n\nconst ResourceListContainer = createReactClass({\n propTypes: {\n questionAnswer: PropTypes.object,\n removeCategory: PropTypes.func,\n onSearch: PropTypes.func,\n signedIn: PropTypes.bool,\n changeNote: PropTypes.func,\n toggleModalState: PropTypes.func,\n isModalDisplayed: PropTypes.bool,\n user: PropTypes.object,\n surveyName: PropTypes.string.isRequired,\n category: PropTypes.string.isRequired,\n token: PropTypes.string.isRequired,\n },\n\n onClick: function () {\n const { questionAnswer } = this.props;\n const { taxonomies, responseId, personalInfo } = questionAnswer;\n const resourceList = personalInfo && personalInfo.resource_list;\n this.props.onSearch(taxonomies, responseId, resourceList);\n },\n\n render: function () {\n const {\n questionAnswer,\n onSearch,\n removeCategory,\n signedIn,\n changeNote,\n toggleModalState,\n isModalDisplayed,\n user,\n surveyName,\n category,\n token,\n } = this.props;\n const { taxonomies, personalInfo, responseId } = questionAnswer;\n const hasTaxonomies = taxonomies.length > 0;\n const status = personalInfo ? personalInfo.status : undefined;\n const note = personalInfo ? personalInfo.note : \"\";\n const resourceList = personalInfo && personalInfo.resource_list ? personalInfo.resource_list : {};\n\n return (\n \n \n
\n | \n \n \n \n {resource.address_1}, {resource.city}, {resource.state}\n \n | \n {phone} | \n\n {resource.site_website && (\n \n Website\n \n )}\n | \n\n {referral_emails && !_.isEmpty(referral_emails) && (\n this.handleSendEmailClick(resource)}>Send Email\n )}\n | \n
\n \n Add Resources\n \n {signedIn &&
\n \n
\n )}\n \n
\n );\n },\n});\n\nexport default ResourceListEmpty;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ShareResourceList from \"./ShareResourceList\";\nimport { ResourceListsContext } from \"./../contexts/ResourceListsContext\";\n\nexport default function ResourceListItem({ list }) {\n const { updateListName, deleteList } = React.useContext(ResourceListsContext);\n\n const [formDisplayed, toggleFormDisplay] = useState(false);\n const [modalDisplayed, setModalDisplayed] = useState(false);\n const [resourceName, setResourceName] = useState(list.name);\n\n function updateResourceListName(event) {\n event.preventDefault();\n event.stopPropagation();\n\n updateListName(list.hashid, resourceName).then(() => toggleFormDisplay(false));\n }\n\n function deleteResourceList() {\n if (confirm(\"Are you sure you want to remove this list?\")) deleteList(list.hashid);\n }\n\n function formatDate(dateString) {\n return dateString.split(\"T\")[0];\n }\n\n function handleChange(event) {\n setResourceName(event.target.value);\n }\n\n function toggleModalDisplay(visible) {\n setModalDisplayed(visible);\n if (!visible) {\n document.body.className = document.body.className.replace(/\\s+modal-open/, \"\");\n\n const backdrop = document.getElementsByClassName(\"modal-backdrop\")[0];\n if (backdrop) backdrop.remove();\n }\n }\n\n return (\n Begin Adding Resources.
\nTo add resources, review your search categories and click \"Add Resources\"
\n\n {taxonomies.map((taxonomy) => {\n return (\n
\n \n \n Add Resources\n \n {helpUrl && (\n \n Learn more about these categories\n \n )}\n
\n \n
\n );\n}\n\nResourceListItem.propTypes = {\n list: PropTypes.object.isRequired,\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ResourceListItem from \"./ResourceListItem\";\n\nexport default function ResourceLists({ lists, sortBy = \"date\" }) {\n function comparator(a, b) {\n if (sortBy === \"date\") return new Date(b.created_at) - new Date(a.created_at);\n\n if (a.name === b.name) return 0;\n\n return a.name < b.name ? -1 : 1;\n }\n\n const sortedLists = lists.slice().sort(comparator);\n return (\n \n toggleModalDisplay(false)}\n />\n
\n\n \n \n \n )}\n
\n\n \n toggleModalDisplay(true)}\n >\n \n {\" Share List\"}\n \n
\n\n {!formDisplayed && (\n \n \n \n {\" Delete\"}\n \n
\n\n \n \n
\n\n \n Open List\n \n \n {!formDisplayed &&
\n {list.name}
}\n {formDisplayed && (\n \n )}\n {list.items ? list.items.length : 0} Resources, Created on {formatDate(list.created_at)}\n\n {sortedLists.map((l) => (\n
\n );\n}\n\nResourceLists.propTypes = {\n lists: PropTypes.array.isRequired,\n sortBy: PropTypes.oneOf([\"date\", \"name\"]).isRequired,\n};\n","import { ResourceListsProvider } from \"./../contexts/ResourceListsContext\";\nimport { AppDataProvider } from \"./../contexts/AppDataContext\";\nimport ResourceListsLayout from \"./ResourceListsLayout\";\n\nexport default function ResourceListsApp({ currentUser, initialLists }) {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Progress from \"./Progress\";\nimport createReactClass from \"create-react-class\";\n\nconst ResourceSection = createReactClass({\n propTypes: {\n category: PropTypes.string,\n children: PropTypes.element.isRequired,\n responseId: PropTypes.number,\n status: PropTypes.string,\n changeProgressStatus: PropTypes.func,\n hasTaxonomies: PropTypes.bool,\n signedIn: PropTypes.bool,\n },\n\n getInitialState: function () {\n return { isCollapsed: false };\n },\n\n toggleCollapsed: function () {\n this.setState({ isCollapsed: !this.state.isCollapsed });\n },\n\n render: function () {\n const { category, children, responseId, status, changeProgressStatus, hasTaxonomies, signedIn } = this.props;\n const { isCollapsed } = this.state;\n const collapserDirection = isCollapsed ? \"down\" : \"up\";\n return (\n \n {listsLoading ? (\n \n \n )}\n
\n \n
\n\n \n
\n\n \n {resourceLists.length} Resource Lists\n
\n\n Order by: \n setSortBy(\"date\")}\n >\n Date created\n \n \n setSortBy(\"name\")}\n >\n Name\n \n
\n \n
\n {!isCollapsed && children}\n {category}
\n\n {hasTaxonomies && signedIn && (\n
\n \n
\n
\n );\n },\n});\n\nexport default ResponseNote;\n","import PropTypes from \"prop-types\";\nimport createReactClass from \"create-react-class\";\nimport Answer from \"../Answer\";\n\nconst QuestionAnswer = createReactClass({\n propTypes: {\n questionAnswer: PropTypes.object,\n },\n\n render: function () {\n const { questionAnswer } = this.props;\n\n return (\n \n
\n );\n },\n});\n\nexport default QuestionAnswer;\n","import PropTypes from \"prop-types\";\nimport QuestionAnswer from \"./QuestionAnswer\";\nimport createReactClass from \"create-react-class\";\n\nconst ScreenerConfirmation = createReactClass({\n propTypes: {\n responseSet: PropTypes.string,\n },\n\n getInitialState: function () {\n const responseSet = JSON.parse(this.props.responseSet);\n const groupedAnswers = _.values(_.groupBy(responseSet.responses, (response) => response.question_id));\n const responses = groupedAnswers.map((qa) => {\n return {\n question: qa[0].question.text,\n order: qa[0].question.order,\n type: qa[0].question.type,\n answers: qa.map((a) => a.answer.text),\n responseId: qa[0].id,\n };\n });\n return {\n responses: _.sortBy(responses, \"order\"),\n token: responseSet.token,\n surveyId: responseSet.survey_id,\n };\n },\n\n render: function () {\n const { responses, token, surveyId } = this.state;\n return (\n {questionAnswer.question}
\n {questionAnswer.answers.map((answer, index) => {\n return\n
\n );\n },\n});\n\nexport default ScreenerConfirmation;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default class ScreenerListItem extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n editing: false,\n name: props.responseSet.name,\n formName: props.responseSet.name,\n };\n\n this.toggleForm = this.toggleForm.bind(this);\n this.changeName = this.changeName.bind(this);\n this.submitForm = this.submitForm.bind(this);\n }\n\n toggleForm() {\n const { editing } = this.state;\n\n this.setState({ editing: !editing });\n }\n\n changeName(e) {\n this.setState({ formName: e.target.value });\n }\n\n submitForm(e) {\n const { responseSet } = this.props;\n const { token } = responseSet;\n const { formName } = this.state;\n\n e.preventDefault();\n e.stopPropagation();\n\n $.ajax(`/response_sets/${token}`, {\n method: \"patch\",\n data: JSON.stringify({ response_set: { name: formName } }),\n dataType: \"json\",\n contentType: \"application/json\",\n }).done((data) => {\n this.setState({ name: formName, editing: false });\n });\n }\n\n render() {\n const { responseSet } = this.props;\n const { token, created_at } = responseSet;\n const { editing, formName, name } = this.state;\n\n let details = \n
\n \n
\n \n \n
\n Confirm your responses
\n\n {responses.map((questionAnswer, index) => (\n
\n \n {name}
;\n\n if (editing) {\n details = (\n \n );\n }\n\n return (\n\n
\n );\n }\n}\n\nScreenerListItem.propTypes = {\n responseSet: PropTypes.shape({\n token: PropTypes.string,\n name: PropTypes.string,\n created_at: PropTypes.string,\n }),\n};\n","import React from \"react\";\nimport AccountNavBar from \"../AccountNavBar\";\nimport ScreenerListItem from \"./ScreenerListItem\";\n\nexport default class ScreenerList extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { responseSets } = this.props;\n\n return (\n \n
\n \n \n \n Delete\n \n
\n \n \n \n Rename\n \n
\n \n
\n \n Open Screener\n \n \n {details}\n {`Created on ${created_at}`}\n
\n \n
\n );\n }\n}\n\nScreenerList.propTypes = {\n responseSets: PropTypes.array,\n};\n","import React from \"react\";\nimport SendReferralModal from \"../SendReferralModal\";\n\nconst { useState } = React;\n\nexport default function SendReferral(props) {\n const { program_site_id, name, agency_name } = props.model.attributes;\n const user = props.user && props.user.attributes;\n const { clicked } = props;\n\n const [openModal, setOpenModal] = useState(\n (Number(sessionStorage.getItem(\"program_site_id\")) === program_site_id && user) || (clicked && user)\n );\n\n React.useEffect(() => {\n clicked && sendReferral();\n }, []);\n\n const sendReferral = () => {\n if (user) {\n setOpenModal(true);\n } else {\n if (App.Util.isSearchDetailPage()) sessionStorage.setItem(\"lastSearchUrl\", `/search/${program_site_id}`);\n\n sessionStorage.setItem(\"program_site_id\", program_site_id);\n window.location = \"/referral/login\";\n }\n };\n\n const closeModal = () => {\n App.vent.trigger(\"modal:close\");\n if (Number(sessionStorage.getItem(\"program_site_id\")) === program_site_id)\n sessionStorage.removeItem(\"program_site_id\");\n setOpenModal(false);\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n {responseSets.length || \"No\"} Screener\n {responseSets.length != 1 && \"s\"}\n
\n\n
\n \n {0 == responseSets.length && (\n
\n \n Screeners can help you identify helpful resources and then save a list of them for later. There is a{\" \"}\n list of available screeners here.\n
\n )}\n {responseSets.map((responseSet) => (\n\n {App.Util.isSearchDetailPage() && (\n sendReferral()}\n id=\"send-referral-btn\"\n className={`referrals-row send-referral ${App.Util.isSearchDetailPage() && \"btn btn-primary more\"}`}\n >\n \n
\n\n {openModal && (\n \n
\n )}\n\n Service Requests
\n\n You can request services from this agency by sending a referral. When the agency responds, you will be\n notified by email and in your 211 account.\n
\n Request Services
\n \n \n
\n \n );\n }\n}\n\nSendReferralModal.propTypes = {\n user: PropTypes.object,\n programSiteId: PropTypes.number.isRequired,\n programName: PropTypes.string.isRequired,\n agencyName: PropTypes.string.isRequired,\n toggleModalState: PropTypes.func.isRequired,\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactUtils from \"./../react-utils\";\nimport { AppDataContext } from \"./../contexts/AppDataContext\";\nimport { ResourceListsContext } from \"./../contexts/ResourceListsContext\";\n\nexport default function ShareResourceList({ list, hidePrintFeature, programSiteId, modalDisplayed, onModalClose }) {\n const { user, appPaths } = React.useContext(AppDataContext);\n const { shareList } = React.useContext(ResourceListsContext);\n\n const [email, setEmail] = React.useState(\"\");\n const [phone, setPhone] = React.useState(\"\");\n const [client, setClient] = React.useState(\"\");\n const [comments, setComments] = React.useState(\"\");\n const [reply_to_me, toggleReply] = React.useState(true);\n\n const [confirmation, setConfirmation] = React.useState(\"\");\n const [error, setError] = React.useState(\"\");\n const [linkCopied, setLinkCopied] = React.useState(\"\");\n\n /** @type {React.MutableRefObject\n
\n \n
\n \n
\n )}\n Request Services
\n{agencyName}
\n\n {emailSent ? (\n
\n \n
\n ) : (\n \n )}\n Service Request Sent
\n\n You will be notified by email when the agency responds.\n
\nYou can view all your service requests in your account.
\n \n View your service requests\n \n\n {confirmation}\n
\n )}\n\n {modalDisplayed && (\n \n
\n \n )}\n \n
\n \n
\n\n \n {linkCopied ? (\n \n ) : (\n \n )}\n\n {!hidePrintFeature && (\n window.print()}\n >\n \n Print List\n \n )}\n
\n\n Share resource list
\n {error &&{error}
}\n - \n
- \n
- \n
\n \n\n \n
\n\n \n \n
\n Saved on {this.state.savedDate}
\n \n
\n );\n },\n\n render: function () {\n const { token, isModalDisplayed, user, name } = this.state;\n const csrfParam = $('meta[name=\"csrf-param\"]').attr(\"content\");\n const csrfToken = $('meta[name=\"csrf-token\"]').attr(\"content\");\n const allTaxonomies = this.getAllTaxonomies();\n const { signedIn } = this.props;\n const surveyFormHeaderClassName = signedIn ? \"survey-form-header\" : \"survey-form-header right\";\n\n return (\n - \n
- \n Screeners\n \n
- {nameSection} \n {!renaming && (\n
- \n \n Rename\n \n \n )}\n
{renamingError}
}\n \n
\n );\n },\n});\n\nexport default SurveySummaryContainer;\n","import React from \"react\";\nimport classnames from 'classnames';\n\ninterface Props {\n children: React.ReactNode;\n className?: string;\n toggled: boolean;\n onClick: () => void;\n}\n\nfunction ToggleButton({children, className, toggled, ...buttonProps}: Props) {\n return (\n \n );\n}\nexport default ToggleButton;\n","import classNames from \"classnames\";\nimport React from \"react\";\nimport { ArticleBlockData } from \"./types\";\n\nfunction ArticleBlock({ title, subtitle, articles, className }: ArticleBlockData) {\n return (\n \n
\n {isModalDisplayed && }\n \n
\n \n
\n \n
\n
\n \n {signedIn && this.renderBreadcrumb()}\n
\n {this.renderSaveButton()}
\n Thank you for completing the screener!
\n\n Based on your responses, we think you may benefit from these resources. Remove search terms that don't\n meet your needs by clicking on the X. Add resources to any specific topic using the green Add\n Resources button. If you are logged into your My 211 Account, you will have the option to mark the\n status of a resource as well as to type in reminder notes. Use the PDF option on the top right corner\n to download a summary.\n
\n\n \n\n
\n {this.state.responses.map((questionAnswer, index) => (\n 0}\n signedIn={this.props.signedIn}\n responseId={questionAnswer.responseId}\n >\n
\n {this.renderSaveButton()}
\n \n
\n {title}
\n {subtitle &&{subtitle}
}\n- \n {articles.slice(0, 4).map((article) => (\n
- \n \n \n\n
\n {article.title}\n \n
\n ))}\n
\n
\n \n
\n \n Upcoming events
\n{description}
\n\n {!events.length ? (\n
\n There are no scheduled events at this time.
\n ) : (\n- \n {events.slice(0, 3).map((event) => (\n
- \n
\n \n ))}\n
\n <>\n \n \n
\n );\n}\n\nexport default CalendarEventCard;\n","import classNames from \"classnames\";\nimport React from \"react\";\nimport { ContentBlockData } from \"./types\";\n\nfunction ContentBlock({ title, subtitle, button, image, className }: ContentBlockData) {\n return (\n \n
\n {isVenue(venue) && (\n <>\n {descriptionText}
\n \n More details →\n \n \n\n ![]()
\n
\n \n ![]()
\n
\n \n
\n \n
\n {title}
\n{description}
\n\n \n \n
\n \n
\n );\n}\n\nexport default ProgramAtSiteCard;\n","import classNames from \"classnames\";\nimport React from \"react\";\nimport ToggleButton from \"../ToggleButton\";\nimport ProgramAtSiteCard from \"./ProgramAtSiteCard\";\nimport { SubTopicBlockData } from \"./types\";\n\nconst MAX_PROGRAMS = 4;\n\nfunction SubTopicBlock({ title, description, taxonomies, className, serviceLocale }: SubTopicBlockData) {\n const [activeTaxonomyCode, setActiveTaxonomyCode] = React.useState(taxonomies[0]?.code);\n\n const handleTaxonomyClick = (taxonomyCode: string) => () => {\n setActiveTaxonomyCode(taxonomyCode);\n };\n\n const activeTaxonomy = taxonomies.find(({ code }) => code === activeTaxonomyCode);\n const programs = (activeTaxonomy?.programs || []).slice(0, MAX_PROGRAMS);\n const urlSearchParams = new URLSearchParams(window.location.search);\n const location = urlSearchParams.get(\"location\") || serviceLocale.stateName.toLowerCase();\n const serviceArea = urlSearchParams.get(\"service_area\") || serviceLocale.stateName.toLowerCase();\n\n return (\n \n \n
\n \n \n {name}\n \n
\n\n \n {eligibility && (\n
\n \n Eligibility: \n {eligibility}\n
\n )}\n {hours && (\n \n Hours: \n {hours}\n
\n )}\n \n {phoneNumber && (\n \n
\n \n More details →\n
\n {title}
\n {description &&{description}
}\n\n {taxonomies.map((taxonomy, idx) => (\n \n {taxonomy.name}\n \n ))}\n
\n \n {programs.length == 0 ? (\n
\n No programs found.
\n ) : (\n programs.map((program, idx) => {address2}
}\n \n {city || No City Provided}, {state || No State Provided}{\" \"}\n {postalCode || No ZIP Provided}\n
\n