Start finding benefits
diff --git a/benefit-finder/src/App/_index.scss b/benefit-finder/src/App/_index.scss
index 6752fe953..69251a7dc 100644
--- a/benefit-finder/src/App/_index.scss
+++ b/benefit-finder/src/App/_index.scss
@@ -1,7 +1,6 @@
@use '../shared/styles/colors/index.scss' as color;
html {
- font-family: 'Public Sans', sans-serif;
background-color: color.$officer-navy;
height: 100%;
min-height: 100vh;
diff --git a/benefit-finder/src/App/index.jsx b/benefit-finder/src/App/index.jsx
index be359cdcc..475a9f0d7 100644
--- a/benefit-finder/src/App/index.jsx
+++ b/benefit-finder/src/App/index.jsx
@@ -1,4 +1,5 @@
-import { useState, createContext, useEffect } from 'react'
+import { useState, createContext, useEffect, useMemo } from 'react'
+import { BrowserRouter, Routes, Route } from 'react-router-dom'
import { version } from '../../package.json'
import { useResetElement } from '@hooks'
import * as apiCalls from '@api/apiCalls'
@@ -7,9 +8,8 @@ import {
LifeEventSection,
ResultsView,
VerifySelectionsView,
- Form,
- Alert,
-} from '@components'
+} from '@routes'
+import { Form, Alert } from '@components'
import './_index.scss'
@@ -17,23 +17,27 @@ import './_index.scss'
import * as en from '@locales/en/en.json'
import * as es from '@locales/es/es.json'
+// establish context
+export const RouteContext = createContext({})
+export const LanguageContext = createContext({ en, es })
+
/**
* a functional component that renders our application.
* @component
*/
function App({ testAppContent, testQuery }) {
// we create context state to provide translations for our two languages
- const LanguageContext = createContext({ en, es })
const sharedToken = 'shared'
const draftToken = 'draft'
const windowQuery = testQuery || window.location.search
const hasQueryParams = windowQuery.includes(sharedToken)
const isDraftMode = windowQuery.includes(draftToken)
+ const language = apiCalls.GET.Language()
// create our reset element
useResetElement()
/**
- * lazy load our data state.
+ * load our data state.
* @function
* @param {promise} setData - the state of environment
* @return {state} returns null if not set
@@ -62,7 +66,6 @@ function App({ testAppContent, testQuery }) {
// set data state
const [stepDataArray, setStepDataArray] = useState()
const [benfitsArray, setBenefitsArray] = useState()
- const [modalOpen, setModalOpen] = useState(false)
useEffect(() => {
content && setBenefitsArray([...content.benefits])
@@ -71,101 +74,116 @@ function App({ testAppContent, testQuery }) {
}, [content])
// state
- const [t] = useState(apiCalls.GET.Language() === 'es' ? es : en) // tranlations
- const [step, setStep] = useState(hasQueryParams ? null : 0) // steps indicator
-
- const [stepData, setStepData] = useState(
- () => stepDataArray && stepDataArray[step]
- ) // content
- const [verifyStep, setVerifyStep] = useState(false) // verification view
- const [viewResults, setViewResults] = useState(hasQueryParams) // resuts view
+ const [t] = useState(language === 'es' ? es : en) // tranlations
+ // update data basd on passed query paramaters
useEffect(() => {
if (hasQueryParams) {
stepDataArray &&
apiCalls.PUT.DataFromParams(
windowQuery,
stepDataArray,
- setStepData,
+ setBenefitsArray,
+ benfitsArray,
sharedToken
)
- stepDataArray && setStep(stepDataArray.length)
}
}, [windowQuery, hasQueryParams, stepDataArray])
+ const ROUTES = useMemo(() => {
+ /**
+ * Retrieve routes from the application API based on the current window, language, and step data array.
+ *
+ * @param {Object} window - The current window object.
+ * @param {string} language - The current language.
+ * @param {Array} stepDataArray - An array of step data.
+ *
+ * @returns {Object} An object containing routes.
+ */
+ return apiCalls.GET.Routes(window, language, stepDataArray)
+ }, [stepDataArray && stepDataArray.length])
+
return (
- content && (
-
- {isDraftMode === true && Draft Mode }
-
- {step === 0 ? (
-
- ) : viewResults === true ? (
-
setBenefitsArray()}
- ui={t.resultsView}
- handleStepBack={() => {
- setVerifyStep(false)
- setViewResults(false)
- }}
- />
- ) : verifyStep === false ? (
-
- ) : (
- {
- setVerifyStep(false)
- setViewResults(false)
- }}
- handleStepForward={() => {
- setViewResults(true)
- }}
- ui={t}
- data={stepDataArray}
- step={step}
- setStep={setStep}
- />
- )}
-
+ {Object.keys(ROUTES.resultsPaths).map((route, i) => {
+ return (
+ setBenefitsArray()}
+ ui={t.resultsView}
+ notEligibleView={i !== 0}
+ />
+ }
+ />
+ )
+ })}
+
+
+
+
+
)
)
}
diff --git a/benefit-finder/src/Routes/Intro/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/Intro/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..3c6e5966d
--- /dev/null
+++ b/benefit-finder/src/Routes/Intro/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,242 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Intro > renders a match to the previous snapshot 1`] = `
+
+
+
+
+
+ Benefit finder: death of a loved one
+
+
+
+
+ We are sorry for your loss.
+
+ Losing a loved one is hard. Finding help shouldn’t be.
+
+
+
+ Answer a few questions and get a list of your potential benefits.
+
+
+
+
+
+
+
+ Steps
+
+
+ Estimated time 2-5 minutes
+
+
+
+
+
+
+ Answer questions
+
+
+
+
+ Get your list of benefits
+
+
+
+
+ Visit agency websites to apply
+
+
+
+
+
+
+
+ Before you start:
+
+
+
+
+
+
+
+ Start finding benefits
+
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/Intro/__tests__/index.spec.jsx b/benefit-finder/src/Routes/Intro/__tests__/index.spec.jsx
new file mode 100644
index 000000000..4c57dba3e
--- /dev/null
+++ b/benefit-finder/src/Routes/Intro/__tests__/index.spec.jsx
@@ -0,0 +1,21 @@
+import { render } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import Intro from '../index.jsx'
+import * as en from '@locales/en/en.json'
+import content from '@api/mock-data/current.js'
+
+const t = en
+const { data } = JSON.parse(content)
+const { lifeEventForm } = data
+
+describe('Intro', () => {
+ it('renders a match to the previous snapshot', () => {
+ const { asFragment } = render(
+
,
+ {
+ wrapper: BrowserRouter,
+ }
+ )
+ expect(asFragment()).toMatchSnapshot()
+ })
+})
diff --git a/benefit-finder/src/Routes/Intro/_index.scss b/benefit-finder/src/Routes/Intro/_index.scss
new file mode 100644
index 000000000..7cd9cd7b1
--- /dev/null
+++ b/benefit-finder/src/Routes/Intro/_index.scss
@@ -0,0 +1,55 @@
+@use '@styles/breakpoints' as *;
+@use '@styles/sizes' as *;
+@use '@styles/space' as space;
+
+.bf-intro {
+ padding-bottom: space.$padding-bottom-lg;
+
+ h2 {
+ text-align: center;
+ }
+
+ .bf-cta-wrapper {
+ display: flex;
+ justify-content: center;
+ margin: space.$space-lg space.$space-lg space.$space-xl;
+ }
+
+ .bf-cta-wrapper button {
+ margin: 0 auto;
+ }
+
+ .bf-intro-process-notices {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-around;
+ margin-left: space.$space-md;
+ }
+
+ .bf-intro-process-list {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-around;
+
+ .bf-usa-process-list {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ }
+
+ @media (width >= $desktop) {
+ .bf-intro-process-list {
+ min-width: 50%;
+ }
+
+ .bf-intro-process-notices-heading {
+ display: none;
+ }
+
+ .bf-intro-process-group {
+ display: flex;
+ }
+ }
+}
diff --git a/benefit-finder/src/Routes/Intro/index.jsx b/benefit-finder/src/Routes/Intro/index.jsx
new file mode 100644
index 000000000..95165ff74
--- /dev/null
+++ b/benefit-finder/src/Routes/Intro/index.jsx
@@ -0,0 +1,108 @@
+import { useEffect, useContext } from 'react'
+import { useNavigate, useLocation } from 'react-router-dom'
+import { RouteContext } from '@/App'
+import { dataLayerUtils } from '@utils'
+import { useResetElement } from '@hooks'
+import PropTypes from 'prop-types'
+import {
+ Button,
+ Chevron,
+ Heading,
+ NoticesList,
+ ProcessList,
+ TimeIndicator,
+} from '@components'
+
+import './_index.scss'
+
+/**
+ * a compound component that renders the introductional start of the form process
+ * @component
+ * @param {object} content - inherited life event content
+ * @param {object} ui - life event form ui translations
+ * @return {html} returns information page view if data exist
+ */
+const Intro = ({ content, ui, hasQueryParams }) => {
+ const { timeEstimate, title, summary } = content
+ const { heading, timeIndicator, steps, notices, button } = ui
+ const { intro } = dataLayerUtils.dataLayerStructure
+ const resetElement = useResetElement()
+ const ROUTES = useContext(RouteContext)
+ const navigate = useNavigate()
+ const location = useLocation()
+
+ const handleStep = () => {
+ navigate(`/${ROUTES.indexPath}/${ROUTES.formPaths[0]}`)
+ resetElement.current.focus()
+ }
+
+ // if we have query paramters direct user to the results page
+ useEffect(() => {
+ hasQueryParams &&
+ navigate(
+ `/${ROUTES.indexPath}/${ROUTES.resultsPaths.resultsPath}${location.search}`
+ )
+ }, [hasQueryParams])
+
+ // handle dataLayer
+ useEffect(() => {
+ // gtm
+ !hasQueryParams &&
+ dataLayerUtils.dataLayerPush(window, {
+ event: intro.event,
+ bfData: { pageView: intro.bfData.pageView, viewTitle: title },
+ })
+ }, [hasQueryParams])
+
+ return (
+ content && (
+
+
+
+
{heading}
+
+
+
+
+
+
+ {notices.heading}
+
+
+
+
+
+ handleStep()} data-test="button">
+ {button}
+
+
+
+
+ )
+ )
+}
+
+Intro.propTypes = {
+ data: PropTypes.object,
+ ui: PropTypes.object,
+ step: PropTypes.number,
+}
+
+export default Intro
diff --git a/benefit-finder/src/Routes/Intro/index.stories.jsx b/benefit-finder/src/Routes/Intro/index.stories.jsx
new file mode 100644
index 000000000..da7da39fc
--- /dev/null
+++ b/benefit-finder/src/Routes/Intro/index.stories.jsx
@@ -0,0 +1,21 @@
+import Intro from './index.jsx'
+import content from '@api/mock-data/current.js'
+import * as en from '@locales/en/en.json'
+
+const { data } = JSON.parse(content)
+const { lifeEventForm } = data
+const { intro } = en
+
+export default {
+ component: Intro,
+ parameters: {
+ layout: 'fullscreen',
+ },
+ tags: ['autodocs'],
+ args: {
+ data: lifeEventForm,
+ ui: intro,
+ },
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/LifeEventSection/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/LifeEventSection/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..fc2999746
--- /dev/null
+++ b/benefit-finder/src/Routes/LifeEventSection/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,638 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LifeEventSection > renders a match to the previous snapshot 1`] = `
+
+
+ Answer the following questions
+
+
+
+
+
+
+
+
+ About the applicant
+
+ not completed
+
+
+
+
+
+ About the deceased
+
+ not completed
+
+
+
+
+
+
+
+
+
+
+ Your information contains 0 errors
+
+
+ Complete all required fields.
+
+
+
+
+
+
+
+
+ Date of birth
+
+ (required)
+
+
+
+ For example: January 19 2000
+
+
+
+
+
+
+
+ Relationship to the deceased
+
+ (required)
+
+
+
+
+ Select an option
+
+
+
+ -Select-
+
+
+ Spouse
+
+
+ Child
+
+
+ Parent
+
+
+ Other family member
+
+
+ Personal or official representative
+
+
+
+
+
+
+
+
+ Marital status
+
+ (required)
+
+
+
+
+ Select an option
+
+
+
+ -Select-
+
+
+ Married
+
+
+ Unmarried
+
+
+ Widowed
+
+
+ Divorced
+
+
+
+
+
+
+
+
+ Are you a U.S. citizen or eligible non-citizen?
+
+
+
+
+
+
+
+ Are you caring for the deceased's child who is under age 16 or has a disability?
+
+
+
+
+
+
+
+ Did you pay for funeral or burial expenses?
+
+
+
+
+
+
+
+ Back
+
+
+ Next
+
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/LifeEventSection/__tests__/index.spec.jsx b/benefit-finder/src/Routes/LifeEventSection/__tests__/index.spec.jsx
new file mode 100644
index 000000000..383cc9d38
--- /dev/null
+++ b/benefit-finder/src/Routes/LifeEventSection/__tests__/index.spec.jsx
@@ -0,0 +1,43 @@
+import { render, screen } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import { RouteContext } from '@/App'
+import { cleanString } from '@utils'
+import LifeEventSection from '../index.jsx'
+import content from '@api/mock-data/current.js'
+import * as en from '@locales/en/en.json'
+
+const { data } = JSON.parse(content)
+const { lifeEventForm } = data
+const ROUTES = {
+ indexPath: 'death',
+ formPaths: lifeEventForm.sectionsEligibilityCriteria.map(item => {
+ const title = cleanString(item.section.heading)
+ return title
+ }),
+}
+
+beforeAll(() => {
+ const mockLocation = {
+ pathname: `${`/${ROUTES.indexPath}/${ROUTES.formPaths[0]}`}`,
+ }
+ const noop = () => {}
+ Object.defineProperty(window, 'scrollTo', { value: noop, writable: true })
+ Object.defineProperty(window, 'location', { value: mockLocation })
+})
+
+describe('LifeEventSection', () => {
+ it('renders a match to the previous snapshot', async () => {
+ const { asFragment } = render(
+
+
+
+
+ )
+ screen.getByTestId('bf-section')
+ expect(asFragment()).toMatchSnapshot()
+ })
+})
diff --git a/benefit-finder/src/Routes/LifeEventSection/_index.scss b/benefit-finder/src/Routes/LifeEventSection/_index.scss
new file mode 100644
index 000000000..4bac18b4a
--- /dev/null
+++ b/benefit-finder/src/Routes/LifeEventSection/_index.scss
@@ -0,0 +1,113 @@
+@use '@styles/colors' as color;
+@use '@styles/breakpoints' as *;
+@use '@styles/space' as space;
+@use '@styles/sizes' as *;
+@use '@styles/mixins' as *;
+@use '@styles/functions' as *;
+
+.bf-usa-form,
+.bf-verify-selections-view {
+ background-color: color.$officer-navy;
+ margin: 0;
+ padding-bottom: space.$padding-bottom-xl;
+}
+
+.bf-section-wrapper {
+ background-color: color.$white;
+ border: rem(1px) solid color.$white;
+ border-radius: rem(8px);
+
+ .bf-usa-button {
+ margin-bottom: space.$space-md;
+ }
+}
+
+.bf-section-info {
+ margin: rem(50px) rem(20px);
+}
+
+.bf-section-nav-btn-group {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+
+ .bf-usa-button {
+ min-width: rem(120px);
+ }
+
+ .bf-usa-modal-group {
+ width: 100%;
+ }
+
+ button,
+ .bf-usa-modal-group a {
+ margin: 0;
+ }
+
+ @media (width >= $tablet) {
+ .bf-usa-button:first-of-type {
+ margin-right: space.$space-lg-plus;
+ }
+
+ .bf-usa-modal-group {
+ width: auto;
+ }
+
+ button,
+ .bf-usa-modal-group a {
+ margin-bottom: space.$space-md;
+ }
+ }
+}
+
+.bf-section-heading {
+ background-color: color.$officer-navy;
+ color: color.$white;
+ margin: 0;
+ padding: space.$space-xl space.$space-md;
+}
+
+#bf-section {
+ padding-left: space.$space-md;
+ padding-right: space.$space-md;
+ padding-bottom: space.$padding-bottom-lg;
+ margin-bottom: space.$space-lg-plus;
+
+ .bf-form-heading-group {
+ padding-bottom: space.$space-lg;
+
+ h2.bf-form-heading {
+ margin-bottom: 0;
+ padding-bottom: space.$padding-bottom-sm;
+ }
+
+ .bf-section-sub-heading p {
+ @include subheadings;
+
+ margin: 0;
+ }
+ }
+}
+
+.bf-radio-group {
+ display: flex;
+
+ .bf-usa-radio__label {
+ margin-right: space.$space-lg;
+ }
+}
+
+@media (width >= $desktop) {
+ .bf-section-info {
+ margin: space.$space-xl;
+ }
+
+ #bf-section {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .bf-radio-group {
+ display: inline;
+ }
+}
diff --git a/benefit-finder/src/Routes/LifeEventSection/index.jsx b/benefit-finder/src/Routes/LifeEventSection/index.jsx
new file mode 100644
index 000000000..f323f5cee
--- /dev/null
+++ b/benefit-finder/src/Routes/LifeEventSection/index.jsx
@@ -0,0 +1,610 @@
+import { useState, useEffect, useRef, useContext, Fragment } from 'react'
+import { RouteContext } from '@/App'
+import { useNavigate, useLocation } from 'react-router-dom'
+import PropTypes from 'prop-types'
+import {
+ dateInputValidation,
+ cleanString,
+ createMarkup,
+ dataLayerUtils,
+ errorHandling,
+ handleSurvey,
+} from '@utils'
+import { useHandleUnload, useResetElement } from '@hooks'
+import * as apiCalls from '@api/apiCalls'
+import {
+ Alert,
+ Button,
+ Date,
+ Fieldset,
+ Heading,
+ RadioGroup,
+ Select,
+ StepIndicator,
+ Modal,
+} from '@components'
+import './_index.scss'
+
+/**
+ * a compound component that renders the main conditional view of the form
+ * @component
+ * @param {object} data - inherieted life event step data
+ * @param {func} handleData - inherited state manager
+ * @param {object} ui - inherited ui translations
+ * @return {html} returns a semantic html component that displays a form step
+ */
+const LifeEventSection = ({ data, handleData, ui }) => {
+ // state
+ const [formStep, setFormStep] = useState(0)
+ const [modalStep, setModalStep] = useState(false)
+ const [currentData, setCurrentData] = useState(() => data && data[formStep])
+ const [requiredFieldsets, setRequiredFieldsets] = useState([])
+ const [hasError, setHasError] = useState([])
+ const [hasData, setHasData] = useState(
+ () => apiCalls.GET.SelectedValueAll(data).length > 0
+ )
+ const [submissionCount, setSubmissionCount] = useState(0)
+ const { lifeEventSection } = dataLayerUtils.dataLayerStructure
+ const { buttonGroup, reviewSelectionModal, requiredLabel, sectionHeadings } =
+ ui // desctructure data
+ useHandleUnload(hasData) // alert the user if they try to go back in browser
+ const resetElement = useResetElement()
+ const ROUTES = useContext(RouteContext)
+ const navigate = useNavigate()
+ /* eslint-disable */
+ let location = useLocation() // ignore prefer-const
+ /* eslint-enable */
+
+ /**
+ * Finds the index of the current form step in the data array.
+ *
+ * @param {Object[]} data - The array of form step objects.
+ * @param {Object} location - The current location object.
+ * @param {string} location.pathname - The current URL path.
+ * @param {string} ROUTES.indexPath - The base path for the form steps.
+ *
+ * @returns {number} The index of the current form step, or -1 if not found.
+ */
+ const getFormStepIndex = () =>
+ data.findIndex(obj => {
+ const title = cleanString(obj.section.heading)
+ return location.pathname.match(`${ROUTES.indexPath}/${title}`)
+ })
+
+ useEffect(() => {
+ resetElement.current?.focus()
+ }, [resetElement])
+
+ /**
+ * a function that updates our current data state
+ * @function
+ * @return {object} object as state
+ */
+ const handleUpdateData = () => {
+ data[formStep] = { ...currentData }
+ handleData([...data])
+ }
+
+ /**
+ *
+ * start alert
+ *
+ */
+ // establish refs
+ const alertFieldRef = useRef(null)
+
+ /**
+ * a function that handles class state on our collected required fields
+ * @function
+ * @return {html}
+ */
+ const handleAlert = () => {
+ // remove the display class from the alert
+ alertFieldRef.current.classList.remove('display-none')
+ alertFieldRef.current.focus()
+ setSubmissionCount(submissionCount + 1)
+ currentData.completed = false
+ window.scrollTo(0, 0)
+ return false
+ }
+
+ /**
+ * a function that triggers the modal to a closed state
+ * @function
+ */
+ const handleSuccess = () => {
+ // hide alert by adding the display class
+ alertFieldRef.current.classList.add('display-none')
+ currentData.completed = true
+ handleUpdateData()
+ setRequiredFieldsets([])
+ return true
+ }
+
+ /**
+ * a function that checks if all our required fields have values
+ * @function
+ * @return {func} either success or alert handler
+ */
+ const handleCheckRequriedFields = () => {
+ // collect all the required fields in the current step
+ return errorHandling
+ .handleCheckForRequiredValues(requiredFieldsets, setHasError)
+ .then(valid => {
+ return valid === true ? handleSuccess() : handleAlert()
+ })
+ }
+ /**
+ *
+ * end alert
+ *
+ */
+
+ /**
+ * a function that updates our step count and set our data index
+ * @function
+ * @param {number} updateIndex - value which to update step count
+ * @return {null} only executes inherited functions
+ */
+ const handleForwardUpdate = updateIndex => {
+ handleCheckRequriedFields().then(valid => {
+ if (valid === true) {
+ // handle dataLayer
+ const { errors } = dataLayerUtils.dataLayerStructure
+ dataLayerUtils.dataLayerPush(window, {
+ event: errors.event,
+ bfData: {
+ errors: '',
+ errorCount: {
+ number: 0,
+ string: `0`,
+ },
+ formSuccess: true,
+ },
+ })
+
+ const stepIndex = formStep + updateIndex
+ if (formStep <= data.length) {
+ navigate(`/${ROUTES.indexPath}/${ROUTES.formPaths[stepIndex]}`)
+ setCurrentData(data[stepIndex])
+ }
+ resetElement && resetElement.current.focus()
+ }
+ })
+ }
+
+ /**
+ * a function that updates our step count and set our data index
+ * @function
+ * @param {number} updateIndex - value which to update step count
+ * @return {null} only executes inherited functions
+ */
+ const handleBackUpdate = updateIndex => {
+ formStep === 0 ? navigate(`/${ROUTES.indexPath}`) : navigate(updateIndex)
+ resetElement.current.focus()
+ }
+
+ /**
+ * a function that handles the current selected value of our radio
+ * and clears validation error if resolved
+ * @function
+ * @return {object} object as state
+ */
+ const handleChanged = (event, criteriaKey) => {
+ window.history.replaceState({}, '', window.location.pathname)
+ apiCalls.PUT.Data(
+ criteriaKey,
+ currentData,
+ setCurrentData,
+ event.target.value
+ )
+ hasError.length > 0 &&
+ errorHandling.handleCheckForRequiredValues(requiredFieldsets, setHasError)
+ setHasData(apiCalls.GET.SelectedValueAll(data).length > 0)
+ }
+
+ /**
+ * a function that handles the current selected value of our radio
+ * and clears validation error if resolved
+ * @function
+ * @return {object} object as state
+ */
+ const handleDateChanged = (event, criteriaKey) => {
+ // if event target is empty check if all values in date are empty
+ window.history.replaceState({}, '', window.location.pathname)
+
+ async function validUpdate() {
+ if (dateInputValidation(event) === true) {
+ apiCalls.PUT.DataDate(
+ criteriaKey,
+ currentData,
+ setCurrentData,
+ event.target.value,
+ event.target.id
+ )
+ hasError.length > 0 &&
+ errorHandling.handleCheckForRequiredValues(
+ requiredFieldsets,
+ setHasError
+ )
+ }
+ }
+
+ validUpdate().then(() => {
+ errorHandling.getNonRequiredFieldsets(
+ criteriaKey,
+ requiredFieldsets,
+ setRequiredFieldsets,
+ setHasError,
+ hasError,
+ apiCalls.GET.SelectedValueAll(data)
+ )
+ setHasData(apiCalls.GET.SelectedValueAll(data).length > 0)
+ })
+ }
+
+ // manage the display of our modal initializer
+ useEffect(() => {
+ location.pathname.includes(ROUTES.formPaths[ROUTES.formPaths.length - 1])
+ ? setModalStep(true)
+ : setModalStep(false)
+ }, [location])
+
+ // handle dataLayer, based on location change
+ useEffect(() => {
+ // use location change to manage data layer values
+ const index = getFormStepIndex()
+ setFormStep(index)
+ setCurrentData(data[index])
+ dataLayerUtils.dataLayerPush(window, {
+ event: lifeEventSection.event,
+ bfData: {
+ pageView: `${lifeEventSection.bfData.pageView}-${index + 1}`,
+ viewTitle: data[index]?.section.heading,
+ },
+ })
+ resetElement.current?.focus()
+ window.scrollTo(0, 0)
+ }, [location])
+
+ useEffect(() => {
+ errorHandling.getRequiredFieldsets(document, setRequiredFieldsets)
+ resetElement.current?.focus()
+ window.scrollTo(0, 0)
+ }, [formStep])
+
+ useEffect(() => {
+ errorHandling.getRequiredFieldsets(document, setRequiredFieldsets)
+ }, [])
+
+ useEffect(() => {
+ // hide the survey
+ handleSurvey({ hide: true })
+ })
+
+ return (
+ data && (
+ <>
+
+ {formStep === data.length - 1
+ ? `${sectionHeadings.final}`
+ : formStep === 0
+ ? `${sectionHeadings.start}`
+ : `${sectionHeadings.continue}`}
+
+
+
+
+ {currentData && (
+
+
0}
+ errorCount={hasError.length}
+ errorList={hasError}
+ submissionCount={submissionCount}
+ >
+
+
+ {currentData.section.heading}
+
+
+
+ {currentData.section.fieldsets.map((item, i) => {
+ const Input = ({ item, children, index, hidden }) =>
+ item.fieldset.inputs[0].inputCriteria.type === 'Select' ? (
+ //
+ //
+ // case select
+ //
+ //
+
+
+ {item.fieldset.inputs.map((input, index) => {
+ const fieldSetId = `${item.fieldset.criteriaKey}_${index}`
+ const inputValues = input.inputCriteria.values
+ const defaultSelected = inputValues.find(
+ value => value.selected !== undefined
+ )
+
+ const { select, errorText } = ui
+
+ return (
+
+
+ handleChanged(
+ event,
+ item.fieldset.criteriaKey
+ )
+ }
+ invalid={errorHandling.handleInvalid({
+ hasError,
+ criteriaKey: item.fieldset?.criteriaKey,
+ fieldSetId,
+ })}
+ legend={item.fieldset.legend}
+ errorMessage={item.fieldset.errorMessage}
+ />
+
+ )
+ })}
+
+ {children || null}
+
+ ) : item.fieldset.inputs[0].inputCriteria.type ===
+ 'Radio' ? (
+ //
+ //
+ // case radio
+ //
+ //
+
+ {item.fieldset.inputs.map((input, index) => {
+ const fieldSetId = `${item.fieldset.criteriaKey}_${index}`
+
+ return (
+
+
+ )
+ })}
+ {children || null}
+
+ ) : item.fieldset.inputs[0].inputCriteria.type ===
+ 'Date' ? (
+ //
+ //
+ // case date
+ //
+ //
+
+
+ {item.fieldset.inputs.map((input, index) => {
+ const fieldSetId = `${item.fieldset.criteriaKey}_${index}`
+
+ return (
+
+
+ handleDateChanged(
+ event,
+ item.fieldset.criteriaKey
+ )
+ }
+ ui={ui}
+ errorMessage={item.fieldset.errorMessage}
+ parentLegend={item.fieldset.legend}
+ id={fieldSetId}
+ invalid={errorHandling.handleInvalid({
+ hasError,
+ criteriaKey: item.fieldset?.criteriaKey,
+ fieldSetId,
+ useFilter: true,
+ })}
+ />
+
+ )
+ })}
+
+ {children || null}
+
+ ) : null
+
+ const parentElement = ({ item, i }) =>
+ Input({ item, index: i })
+
+ const checkParentValue = item => {
+ const selectedParentValue = apiCalls.GET.SelectedValue(item)
+
+ /**
+ * a value that checks the selected parent validator to expose child inputs in the form
+ * @return {boolean} returns true or false
+ */
+
+ const hidden =
+ selectedParentValue?.value !==
+ item.fieldset.inputs[0].inputCriteria
+ .childDependencyOption
+
+ return hidden
+ }
+
+ const parentWithChildElement = ({ item, i }) => {
+ return Input({
+ item,
+ index: i,
+ children: item.fieldset.children.map(
+ (child, i) =>
+ child.fieldsets.length &&
+ child.fieldsets.map((childItem, childItemIndex) => {
+ // if a parent determines the children inputs are hidden, we expect that the seleted values in child items are de-selected
+ const selectedValue =
+ childItem && apiCalls.GET.SelectedValue(childItem)
+
+ const isHidden = checkParentValue(item)
+
+ if (
+ isHidden === true &&
+ selectedValue !== undefined
+ ) {
+ delete selectedValue.selected
+ }
+
+ return Input({
+ item: childItem,
+ index: childItemIndex,
+ hidden: isHidden,
+ })
+ })
+ ),
+ })
+ }
+
+ // children check
+ const fieldSet = () =>
+ item.fieldset.children.length > 0
+ ? parentWithChildElement({ item, i })
+ : parentElement({ item, i })
+
+ return fieldSet()
+ })}
+
+ )}
+
+ handleBackUpdate(-1)}
+ data-test="button"
+ >
+ {buttonGroup[0].value}
+
+ {modalStep === false ? (
+ handleForwardUpdate(1)}
+ data-test="button"
+ >
+ {buttonGroup[1].value}
+
+ ) : (
+
+ navigate(
+ `/${ROUTES.indexPath}/${ROUTES.verifySelectionsPath}`
+ )
+ }
+ navItemTwoLabel={reviewSelectionModal.buttonGroup[1].value}
+ navItemTwoFunction={() =>
+ navigate(
+ `/${ROUTES.indexPath}/${ROUTES.resultsPaths.resultsPath}`
+ )
+ }
+ triggerLabel={buttonGroup[1].value}
+ handleCheckRequriedFields={handleCheckRequriedFields}
+ completed={currentData.completed}
+ />
+ )}
+
+
+
+
+ )
+ )
+}
+
+LifeEventSection.propTypes = {
+ props: PropTypes.any,
+ formStep: PropTypes.number,
+ data: PropTypes.array,
+ ui: PropTypes.object,
+}
+
+export default LifeEventSection
diff --git a/benefit-finder/src/Routes/LifeEventSection/index.stories.jsx b/benefit-finder/src/Routes/LifeEventSection/index.stories.jsx
new file mode 100644
index 000000000..027d1464c
--- /dev/null
+++ b/benefit-finder/src/Routes/LifeEventSection/index.stories.jsx
@@ -0,0 +1,18 @@
+import LifeEventSection from './index.jsx'
+import content from '@api/mock-data/current.js'
+import * as en from '@locales/en/en.json'
+
+const { data } = JSON.parse(content)
+const { lifeEventForm } = data
+
+export default {
+ component: LifeEventSection,
+ tags: ['autodocs'],
+ args: {
+ ui: { ...en },
+ data: lifeEventForm.sectionsEligibilityCriteria,
+ step: 1,
+ },
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/ResultsView/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/ResultsView/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..528ddda65
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,12765 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`loads view 1`] = `
+
+
+
+
+
+
+
+ Your potential benefits
+
+
+
+
+ Visit each agency to find true eligibility and to apply. Check with your city, state, or employer for other benefits.
+
+
+
+
+
+
+
+
+
+ Results
+
+
+
+ You may be eligible for these benefits:
+
+
+
+
+
+
+
+ Expand all +
+
+
+
+
+
+ COVID-19 funeral assistance
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Federal Emergency Management Agency (FEMA)
+
+
+
+ Financial assistance for burial and funeral costs for someone who died of COVID-19. To be eligible, you have not been reimbursed from an organization or agency.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 5 of
+ 5
+
+
+
+
+
+ The deceased's death was COVID-19 related
+
+
+
+ The deceased died in the U.S.
+
+
+
+ The deceased died after May 20th, 2020
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+ You paid for funeral or burial expenses and were not reimbursed
+
+
+
+
+
+
+
+
+
+
+
+ Coal mine workers' compensation (black lung benefits) for surviving spouse
+
+
+ More information needed
+
+
+
+
+
+
+
+
+
+
+ By Department of Labor (DOL)
+
+
+
+ Compensation to surviving spouses of coal minerstotally disabled by or whose deaths are attributable to pneumoconiosis.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 2
+
+
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ More information needed
+
+
+
+ The deceased worked in the coal mines and their death was due to black lung disease (pneumoconiosis)
+
+
+
+
+
+
+
+
+
+
+
+ Presidential Memorial Certificate
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ An engraved Presidential Memorial Certificate (PMC) signed by the current president honoring the military service of a veteran or reservist.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Veterans burial allowance
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Assistance with burial, funeral, and transportation costs of a deceased veteran.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 3 of
+ 6
+
+
+
+
+
+ The deceased died within the last two years
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+ You paid for funeral or burial expenses
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died as a result of a service-related disability/illness, died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Survivors pension for spouse
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Monthly payments to surviving spouses of wartime veterans with certain income and net worth limits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 4
+
+
+
+
+
+ Your marital status is unmarried or widowed
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: discharged under conditions other than dishonorable
+
+
+
+
+
+
+
+
+
+
+
+ Survivors pension for child with disabilities
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Monthly payments to qualified unmarried dependent children with disabilities of wartime veterans with certain income and net worth limits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 5
+
+
+
+
+
+ You are under 18 years
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+ Your marital status is unmarried
+
+
+ Your relationship to the deceased is: child
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: discharged under conditions other than dishonorable
+
+
+
+
+
+
+
+
+
+
+
+ Veterans medallions
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A headstone medallion, grave marker, and Presidential Memorial Certificate for eligible veterans buried in a private cemetery.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or a member of the National Guard/Reserves
+
+
+ The person is buried in a grave with a privately purchased headstone or an unmarked grave
+
+
+
+
+
+
+
+
+
+
+
+ Veterans headstone and grave marker
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A headstone, grave or niche marker, or medallion to honor a veteran, service member, or eligible family member.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+ The person is buried in a grave with a privately purchased headstone or an unmarked grave
+
+
+
+
+
+
+
+
+
+
+
+ Life insurance for survivors of veterans
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Payment from a veteran's or service member's life insurance policy.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 3
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, retired from the service, or member of the National Guard/Reserves
+
+
+
+
+
+
+
+
+
+
+
+ Dependency and Indemnity Compensation (DIC)
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Tax-free financial assistance to eligible dependents, spouses, or parents of service members and veterans.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: child, parent, or spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Civilian Health and Medical Program of the VA (CHAMPVA)
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Health insurance for dependents and surviving spouses covering some health care services and supplies.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ Your marital status is: unmarried or widowed
+
+
+
+ Your relationship to the deceased is: child or spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty or died as a result of a service-related disability/illness
+
+
+
+
+
+
+
+
+
+
+
+ Burial benefits
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Burial and transport assistance for the deceased, and travel support for the spouse, children, and immediate family members of the service member.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Applicant's relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty member
+
+
+ One of the following applies to the deceased: died on active duty
+
+
+
+
+
+
+
+
+
+
+
+ Lump-sum death benefit
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Financial assistance of $255 to surviving spouses of a deceased person who qualified for Social Security benefits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 4 of
+ 4
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ The deceased died within the last two years
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+
+
+
+
+
+
+ Financial Assistance and Social Services (FASS) for deceased
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Interior (DOI) - Indian Affairs
+
+
+
+ Assistance with burial expenses of deceased American Indians who do not have resources for funeral expenses or with certain income and net worth limits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 0 of
+ 1
+
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased was a member of a federally recognized American Indian Tribe or an Alaska Native.
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for mothers/fathers with a child
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to the person providing care for the child of a deceased worker.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 4 of
+ 4
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ Your marital status is unmarried or widowed
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+ You are caring for a child of someone who is retired, has a disability, or has died, and the child is disabled or under the age of 16
+
+
+
+
+
+
+
+
+
+
+
+ Annuity for certain military surviving spouses
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Financial support for surviving spouses of members of the uniformed services.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ Deceased died before 1978
+
+
+ You served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: retired from the service
+
+
+
+
+
+
+
+
+
+
+
+ Education benefits (GI Bill) for survivors
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ VA education benefits or job training for dependents and survivors of a veteran. You must have a high school or GED diploma to be eligible.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: Active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty or died as a result of a service-related disability/illness
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for child with disabilities
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to a child, stepchild, grandchild, or adopted child with disabilities of eligible workers. You only need one application to apply for all SSA benefits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+
+
+ Unmet criteria
+
+
+
+ You are under 18 years
+
+
+ Your marital status is unmarried
+
+
+ Your relationship to the deceased is: child
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for spouse with disabilities
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Benefits for surviving spouses and certain divorced spouses with disabilities. Eligible survivors must have a disability that prevents them from working for more than a year. You only need one application to apply for all SSA benefits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 5 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are over 50 years
+
+
+
+ Your marital status is widowed or divorced
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+
+
+
+
+
+
+ Public safety officers' Educational Assistance Program
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Justice (DOJ)
+
+
+
+ Financial assistance for higher education to spouses and children of police, fire, and emergency public safety officers killed in the line of duty.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 2
+
+
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased was a public safety officer who died in the line of duty
+
+
+
+
+
+
+
+
+
+
+
+ Public safety officers' death benefits
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Justice (DOJ)
+
+
+
+ A one-time benefit for survivors of law enforcement officers, firefighters, and other first responders whose deaths were related to an injury sustained during the line of duty.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 2
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased was a public safety officer who died in the line of duty
+
+
+
+
+
+
+
+
+
+
+
+ Burial flag
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A United States flag for the coffin or urn in honor of the military service member.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 3
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+
+
+
+
+
+
+
+
+
+ Home loan program for survivors
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A VA-backed home loan to surviving spouses of veterans.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ Your marital status is widowed
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, Died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for child
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Offers Social Security survivors benefits to a child, stepchild, grandchild, or adopted child of eligible workers.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+
+
+ Unmet criteria
+
+
+
+ You are under 18 years
+
+
+ Your marital status is unmarried
+
+
+ Applicant's relationship to the deceased is: child
+
+
+
+
+
+
+
+
+
+
+
+ Survivor benefit plan
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Offers up to 55% of a service member's retired pay for survivors of active duty service members and some retired and reserve members.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, retired from the service, or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty or died while on inactive-duty service training
+
+
+
+
+
+
+
+
+
+
+
+ Burial in VA national cemetery
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Burial in VA national cemeteries for eligible veterans, service members, and some family members.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 0 of
+ 3
+
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Death gratuity
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Tax free payment of $100,000 to eligible survivors of members of the Armed Forces who died while on active duty or while serving in certain reserve statuses.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty or Died while on inactive-duty service training
+
+
+
+
+
+
+
+
+
+
+
+ Survivors pension for child
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Monthly payments to qualified unmarried dependent children of deceased wartime veterans.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 0 of
+ 5
+
+
+
+
+
+
+ Unmet criteria
+
+
+
+ You served in the active military
+
+
+ You are under 18 years
+
+
+ Your marital status is unmarried
+
+
+ Your relationship to the deceased is: child
+
+
+
+
+
+ More information needed
+
+
+
+ Your service status is: discharged under conditions other than dishonorable
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for parents
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to parents of eligible workers.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 3 of
+ 4
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are over 62 years
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+
+
+ Unmet criteria
+
+
+
+ Your relationship to the deceased is: parent
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for spouse
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to surviving spouses and certain divorced spouses of eligible workers.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 5 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are over 60 years
+
+
+
+ Your marital status is widowed or divorced
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+
+
+
+
+
+
+ Benefits you did not qualify for
+
+
+
+ Based on your answers you are not eligible for these benefits.
+
+ You may become eligible if you enter additional information or your situation changes.
+
+
+
+
+
+ Explore benefits you did not qualify for
+
+
+
+
+
+
+ Share results
+
+
+ Copy or email these results. Your answers will be visible. Only share with those you trust.
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`scenario 1 loads in view with the correct amount of likely eligible items 1`] = `
+
+
+
+
+
+
+
+ Your potential benefits
+
+
+
+
+ Visit each agency to find true eligibility and to apply. Check with your city, state, or employer for other benefits.
+
+
+
+
+
+
+
+
+
+ Results
+
+
+
+ You may be eligible for these benefits:
+
+
+
+
+
+
+
+ Expand all +
+
+
+
+
+
+ COVID-19 funeral assistance
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Federal Emergency Management Agency (FEMA)
+
+
+
+ Financial assistance for burial and funeral costs for someone who died of COVID-19. To be eligible, you have not been reimbursed from an organization or agency.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 5 of
+ 5
+
+
+
+
+
+ The deceased's death was COVID-19 related
+
+
+
+ The deceased died in the U.S.
+
+
+
+ The deceased died after May 20th, 2020
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+ You paid for funeral or burial expenses and were not reimbursed
+
+
+
+
+
+
+
+
+
+
+
+ Coal mine workers' compensation (black lung benefits) for surviving spouse
+
+
+ More information needed
+
+
+
+
+
+
+
+
+
+
+ By Department of Labor (DOL)
+
+
+
+ Compensation to surviving spouses of coal minerstotally disabled by or whose deaths are attributable to pneumoconiosis.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 2
+
+
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ More information needed
+
+
+
+ The deceased worked in the coal mines and their death was due to black lung disease (pneumoconiosis)
+
+
+
+
+
+
+
+
+
+
+
+ Presidential Memorial Certificate
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ An engraved Presidential Memorial Certificate (PMC) signed by the current president honoring the military service of a veteran or reservist.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Veterans burial allowance
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Assistance with burial, funeral, and transportation costs of a deceased veteran.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 3 of
+ 6
+
+
+
+
+
+ The deceased died within the last two years
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+ You paid for funeral or burial expenses
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died as a result of a service-related disability/illness, died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Survivors pension for spouse
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Monthly payments to surviving spouses of wartime veterans with certain income and net worth limits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 4
+
+
+
+
+
+ Your marital status is unmarried or widowed
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: discharged under conditions other than dishonorable
+
+
+
+
+
+
+
+
+
+
+
+ Survivors pension for child with disabilities
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Monthly payments to qualified unmarried dependent children with disabilities of wartime veterans with certain income and net worth limits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 5
+
+
+
+
+
+ You are under 18 years
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+ Your marital status is unmarried
+
+
+ Your relationship to the deceased is: child
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: discharged under conditions other than dishonorable
+
+
+
+
+
+
+
+
+
+
+
+ Veterans medallions
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A headstone medallion, grave marker, and Presidential Memorial Certificate for eligible veterans buried in a private cemetery.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or a member of the National Guard/Reserves
+
+
+ The person is buried in a grave with a privately purchased headstone or an unmarked grave
+
+
+
+
+
+
+
+
+
+
+
+ Veterans headstone and grave marker
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A headstone, grave or niche marker, or medallion to honor a veteran, service member, or eligible family member.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+ The person is buried in a grave with a privately purchased headstone or an unmarked grave
+
+
+
+
+
+
+
+
+
+
+
+ Life insurance for survivors of veterans
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Payment from a veteran's or service member's life insurance policy.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 3
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, retired from the service, or member of the National Guard/Reserves
+
+
+
+
+
+
+
+
+
+
+
+ Dependency and Indemnity Compensation (DIC)
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Tax-free financial assistance to eligible dependents, spouses, or parents of service members and veterans.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: child, parent, or spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Civilian Health and Medical Program of the VA (CHAMPVA)
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Health insurance for dependents and surviving spouses covering some health care services and supplies.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ Your marital status is: unmarried or widowed
+
+
+
+ Your relationship to the deceased is: child or spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty or died as a result of a service-related disability/illness
+
+
+
+
+
+
+
+
+
+
+
+ Burial benefits
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Burial and transport assistance for the deceased, and travel support for the spouse, children, and immediate family members of the service member.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Applicant's relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty member
+
+
+ One of the following applies to the deceased: died on active duty
+
+
+
+
+
+
+
+
+
+
+
+ Lump-sum death benefit
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Financial assistance of $255 to surviving spouses of a deceased person who qualified for Social Security benefits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 4 of
+ 4
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ The deceased died within the last two years
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+
+
+
+
+
+
+ Financial Assistance and Social Services (FASS) for deceased
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Interior (DOI) - Indian Affairs
+
+
+
+ Assistance with burial expenses of deceased American Indians who do not have resources for funeral expenses or with certain income and net worth limits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 0 of
+ 1
+
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased was a member of a federally recognized American Indian Tribe or an Alaska Native.
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for mothers/fathers with a child
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to the person providing care for the child of a deceased worker.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 4 of
+ 4
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ Your marital status is unmarried or widowed
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+ You are caring for a child of someone who is retired, has a disability, or has died, and the child is disabled or under the age of 16
+
+
+
+
+
+
+
+
+
+
+
+ Annuity for certain military surviving spouses
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Financial support for surviving spouses of members of the uniformed services.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ Deceased died before 1978
+
+
+ You served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: retired from the service
+
+
+
+
+
+
+
+
+
+
+
+ Education benefits (GI Bill) for survivors
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ VA education benefits or job training for dependents and survivors of a veteran. You must have a high school or GED diploma to be eligible.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: Active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty or died as a result of a service-related disability/illness
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for child with disabilities
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to a child, stepchild, grandchild, or adopted child with disabilities of eligible workers. You only need one application to apply for all SSA benefits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+
+
+ Unmet criteria
+
+
+
+ You are under 18 years
+
+
+ Your marital status is unmarried
+
+
+ Your relationship to the deceased is: child
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for spouse with disabilities
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Benefits for surviving spouses and certain divorced spouses with disabilities. Eligible survivors must have a disability that prevents them from working for more than a year. You only need one application to apply for all SSA benefits.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 5 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are over 50 years
+
+
+
+ Your marital status is widowed or divorced
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+
+
+
+
+
+
+ Public safety officers' Educational Assistance Program
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Justice (DOJ)
+
+
+
+ Financial assistance for higher education to spouses and children of police, fire, and emergency public safety officers killed in the line of duty.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 2
+
+
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased was a public safety officer who died in the line of duty
+
+
+
+
+
+
+
+
+
+
+
+ Public safety officers' death benefits
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Justice (DOJ)
+
+
+
+ A one-time benefit for survivors of law enforcement officers, firefighters, and other first responders whose deaths were related to an injury sustained during the line of duty.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 2
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased was a public safety officer who died in the line of duty
+
+
+
+
+
+
+
+
+
+
+
+ Burial flag
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A United States flag for the coffin or urn in honor of the military service member.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 3
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+
+
+
+
+
+
+
+
+
+ Home loan program for survivors
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ A VA-backed home loan to surviving spouses of veterans.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ Your marital status is widowed
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or discharged under conditions other than dishonorable
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, Died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for child
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Offers Social Security survivors benefits to a child, stepchild, grandchild, or adopted child of eligible workers.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 2 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are a U.S. citizen or eligible non-citizen
+
+
+
+
+
+ Unmet criteria
+
+
+
+ You are under 18 years
+
+
+ Your marital status is unmarried
+
+
+ Applicant's relationship to the deceased is: child
+
+
+
+
+
+
+
+
+
+
+
+ Survivor benefit plan
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Offers up to 55% of a service member's retired pay for survivors of active duty service members and some retired and reserve members.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse or child
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, retired from the service, or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty or died while on inactive-duty service training
+
+
+
+
+
+
+
+
+
+
+
+ Burial in VA national cemetery
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Burial in VA national cemeteries for eligible veterans, service members, and some family members.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 0 of
+ 3
+
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member, discharged under conditions other than dishonorable, or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty, died as a result of a service-related disability/illness, died while receiving/traveling to VA care, or died while receiving/eligible for VA compensation
+
+
+
+
+
+
+
+
+
+
+
+ Death gratuity
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Department of Defense (DOD)
+
+
+
+ Tax free payment of $100,000 to eligible survivors of members of the Armed Forces who died while on active duty or while serving in certain reserve statuses.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 1 of
+ 4
+
+
+
+
+
+ Your relationship to the deceased is: spouse, child, parent, or other family member
+
+
+
+
+
+ Unmet criteria
+
+
+
+ The deceased served in the active military
+
+
+
+
+
+ More information needed
+
+
+
+ The service status of the deceased is: active-duty service member or member of the National Guard/Reserves
+
+
+ One of the following applies to the deceased: died while on active duty or Died while on inactive-duty service training
+
+
+
+
+
+
+
+
+
+
+
+ Survivors pension for child
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Veterans Affairs Department (VA)
+
+
+
+ Monthly payments to qualified unmarried dependent children of deceased wartime veterans.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 0 of
+ 5
+
+
+
+
+
+
+ Unmet criteria
+
+
+
+ You served in the active military
+
+
+ You are under 18 years
+
+
+ Your marital status is unmarried
+
+
+ Your relationship to the deceased is: child
+
+
+
+
+
+ More information needed
+
+
+
+ Your service status is: discharged under conditions other than dishonorable
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for parents
+
+
+ Not eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to parents of eligible workers.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 3 of
+ 4
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are over 62 years
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+
+
+ Unmet criteria
+
+
+
+ Your relationship to the deceased is: parent
+
+
+
+
+
+
+
+
+
+
+
+ Survivors benefits for spouse
+
+
+ Likely eligible
+
+
+
+
+
+
+
+
+
+
+ By Social Security Administration (SSA)
+
+
+
+ Social Security survivors benefits to surviving spouses and certain divorced spouses of eligible workers.
+
+
+
+
+
+ Key eligibility criteria
+
+ - Met 5 of
+ 5
+
+
+
+
+
+ The deceased worked and paid Social Security taxes
+
+
+
+ You are over 60 years
+
+
+
+ Your marital status is widowed or divorced
+
+
+
+ You are a US citizen or eligible non-citizen
+
+
+
+ Your relationship to the deceased is: spouse
+
+
+
+
+
+
+
+
+
+
+
+ Benefits you did not qualify for
+
+
+
+ Based on your answers you are not eligible for these benefits.
+
+ You may become eligible if you enter additional information or your situation changes.
+
+
+
+
+
+ Explore benefits you did not qualify for
+
+
+
+
+
+
+ Share results
+
+
+ Copy or email these results. Your answers will be visible. Only share with those you trust.
+
+
+
+
+
+
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/ResultsView/__tests__/index.spec.jsx b/benefit-finder/src/Routes/ResultsView/__tests__/index.spec.jsx
new file mode 100644
index 000000000..a128bf303
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/__tests__/index.spec.jsx
@@ -0,0 +1,158 @@
+import { render, screen } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import ResultsView from '../index.jsx'
+import * as apiCalls from '@api/apiCalls.js'
+import * as en from '@locales/en/en.json'
+import content from '@api/mock-data/current.js'
+const { data } = JSON.parse(content)
+
+// get current data - subtract two years
+const generateDOD = () => {
+ const currentDate = new Date()
+ return {
+ month: currentDate.getMonth() + 1,
+ day: currentDate.getDate(),
+ year: currentDate.getFullYear() - 2,
+ }
+}
+
+const params = {
+ applicant_date_of_birth: {
+ month: 4,
+ day: 5,
+ year: 1960,
+ },
+ applicant_relationship_to_the_deceased: 'Spouse',
+ applicant_marital_status: 'Widowed',
+ applicant_citizen_status: 'Yes',
+ applicant_care_for_child: 'Yes',
+ applicant_paid_funeral_expenses: 'Yes',
+ deceased_date_of_death: generateDOD(),
+ deceased_death_location_is_US: 'Yes',
+ deceased_paid_into_SS: 'Yes',
+ deceased_public_safety_officer: 'No',
+ deceased_american_indian: 'No',
+ deceased_died_of_COVID: 'Yes',
+ deceased_served_in_active_military: 'No',
+ shared: 'true',
+}
+
+export const encodeURIFromObject = obj => {
+ return Object.entries(obj)
+ .map(
+ ([key, value]) =>
+ `${encodeURIComponent(key)}=${
+ typeof value === 'object'
+ ? encodeURIComponent(JSON.stringify(value)) // handles date objects
+ : encodeURIComponent(value)
+ }`
+ )
+ .join('&')
+}
+
+const scenarios = {
+ death: [
+ {
+ scenario: 1,
+ windowQuery: `?${encodeURIFromObject(params)}`,
+ },
+ ],
+}
+
+const windowQuery = scenarios.death[0].windowQuery // Returns:'?q=123'
+const sharedToken = 'shared'
+let stepDataArray
+let benefitsArray
+let expectedUpdate
+// mock useState Function
+function setBenefitsArray(updatedData) {
+ benefitsArray = updatedData
+}
+
+beforeAll(() => {
+ // handle window.scrollTo
+ const noop = () => {}
+ Object.defineProperty(window, 'scrollTo', { value: noop, writable: true })
+ stepDataArray = [...data.lifeEventForm.sectionsEligibilityCriteria]
+ benefitsArray = [...data.benefits]
+ setBenefitsArray(benefitsArray)
+ apiCalls.PUT.DataFromParams(
+ windowQuery,
+ stepDataArray,
+ setBenefitsArray,
+ benefitsArray,
+ sharedToken
+ )
+
+ expectedUpdate =
+ stepDataArray[0].section.fieldsets[1].fieldset.inputs[0].inputCriteria
+ .values
+})
+
+// render view without data
+test('loads view', async () => {
+ const view = render(
+
,
+ { wrapper: BrowserRouter }
+ )
+
+ await screen.findByTestId('bf-result-view')
+ await screen.findByTestId('bf-share-trigger')
+ await screen.findAllByTestId('bf-usa-accordion')
+ await screen.findByTestId('dom-ready')
+
+ expect(view.baseElement).toMatchSnapshot()
+})
+
+// render view with data
+test('scenario 1 loads in view with the correct amount of likely eligible items', async () => {
+ expect(expectedUpdate[0]).toHaveProperty('selected', true)
+ const view = render(
+
,
+ { wrapper: BrowserRouter }
+ )
+
+ await screen.findByTestId('bf-result-view')
+ await screen.findByTestId('bf-share-trigger')
+
+ const eligibility = apiCalls.GET.ElegibilityByCriteria(
+ stepDataArray,
+ benefitsArray
+ )
+
+ const e = eligibility.filter(item => {
+ const f = item.benefit.eligibility.filter(item => item.isEligible === true)
+ return f.length === item.benefit.eligibility.length
+ })
+
+ const n = eligibility.filter(item => {
+ const f = item.benefit.eligibility.filter(item => item.isEligible === false)
+ return f.length > 0
+ })
+
+ const m = eligibility.filter(item => {
+ const f = item.benefit.eligibility.filter(item => item.isEligible !== false)
+ return f.length >= 0
+ })
+
+ expect(e.length).toBe(5)
+ expect(n.length).toBe(24)
+ expect(m.length - e.length - n.length).toBe(1)
+
+ await screen.findAllByTestId('bf-usa-accordion')
+ await screen.findByTestId('dom-ready')
+
+ expect(view.baseElement).toMatchSnapshot()
+})
diff --git a/benefit-finder/src/Routes/ResultsView/components/Results/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/ResultsView/components/Results/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..f8302a12c
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/Results/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,143 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Results > renders a match to the previous snapshot 1`] = `
+
+
+
+
+ Benefits you did not qualify for
+
+
+
+
+ According to your answers you are not eligible for these benefits.
+
+
+
+
+
+
+
+
+ Results
+
+
+
+ You may be eligible for these benefits:
+
+
+
+
+
+
+
+ Share results
+
+
+ Copy or email these results. Your answers will be visible. Only share with those you trust.
+
+
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/ResultsView/components/Results/__tests__/index.spec.jsx b/benefit-finder/src/Routes/ResultsView/components/Results/__tests__/index.spec.jsx
new file mode 100644
index 000000000..2570c57af
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/Results/__tests__/index.spec.jsx
@@ -0,0 +1,15 @@
+import { render } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import Results from '../index.jsx'
+import * as en from '@locales/en/en.json'
+
+const { resultsView } = en
+
+describe('Results', () => {
+ it('renders a match to the previous snapshot', () => {
+ const { asFragment } = render(
, {
+ wrapper: BrowserRouter,
+ })
+ expect(asFragment()).toMatchSnapshot()
+ })
+})
diff --git a/benefit-finder/src/Routes/ResultsView/components/Results/_index.scss b/benefit-finder/src/Routes/ResultsView/components/Results/_index.scss
new file mode 100644
index 000000000..638014556
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/Results/_index.scss
@@ -0,0 +1,50 @@
+@use '@styles/colors' as color;
+@use '@styles/breakpoints' as *;
+@use '@styles/space' as space;
+@use '@styles/mixins' as *;
+@use '@styles/functions' as *;
+
+.bf-result-view-details {
+ padding: space.$space-lg;
+}
+
+.bf-result-view-benefits,
+.bf-result-view-unmet,
+.bf-result-view-relvant-benefits,
+.bf-result-view-share-results {
+ padding: space.$space-md 0;
+ text-align: left;
+
+ .bf-result-view-unmet-heading,
+ .bf-result-view-relvant-benefits-heading,
+ .bf-result-view-share-results-heading {
+ @include h3;
+ }
+}
+
+.bf-result-view-unmet {
+ p {
+ padding-bottom: space.$padding-bottom-md;
+ }
+
+ .bf-result-view-cta-wrapper {
+ display: flex;
+ justify-content: center;
+ }
+}
+
+.bf-result-view-share-results-trigger-group {
+ button {
+ margin-bottom: space.$space-sm;
+ }
+}
+
+.bf-result-view-share-results {
+ text-align: left;
+}
+
+@media (width >= $desktop) {
+ .bf-result-view-details {
+ padding: space.$space-md-plus 5.4rem;
+ }
+}
diff --git a/benefit-finder/src/Routes/ResultsView/components/Results/index.jsx b/benefit-finder/src/Routes/ResultsView/components/Results/index.jsx
new file mode 100644
index 000000000..4f7fa0d62
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/Results/index.jsx
@@ -0,0 +1,237 @@
+import PropTypes from 'prop-types'
+import {
+ BenefitAccordionGroup,
+ Button,
+ EmailTrigger,
+ Heading,
+ Chevron,
+ ShareTrigger,
+ RelativeBenefitList,
+} from '@components'
+import {
+ ZeroBenefitsHeading,
+ EligibleBenefitsHeading,
+ NotEligibleBenefitsHeading,
+} from '../blocks/index'
+import * as apiCalls from '@api/apiCalls'
+import { createMarkup } from '@utils'
+
+import './_index.scss'
+
+const Results = ({
+ notEligibleView,
+ zeroBenefitsResult,
+ stepDataArray,
+ isExpandAll,
+ setExpandAll,
+ handleViewToggle,
+ data,
+ relevantBenefits,
+ ui,
+}) => {
+ // Results view components
+ const ResultsChevronBlock = ({ notEligibleView, zeroBenefitsResult, ui }) => {
+ const { eligible, notEligible, zeroBenefits } = ui
+ return (
+
+ )
+ }
+
+ const ResultsHeadingBlock = ({ zeroBenefitsResult, notEligibleView, ui }) => {
+ const { notEligible, eligible, summaryBox, zeroBenefits } = ui
+ return zeroBenefitsResult ? (
+
+ ) : notEligibleView === true ? (
+
+ ) : (
+
+ )
+ }
+
+ const NotEligibleCTA = ({ handleViewToggle, ui }) => {
+ const { notEligibleResults } = ui
+ return (
+
+
+ {notEligibleResults?.heading}
+
+
+
+
+ {notEligibleResults?.cta}
+
+
+
+ )
+ }
+
+ const ShareResults = ({ stepDataArray, ui }) => {
+ const { shareResults } = ui
+ return (
+
+
+ {shareResults?.heading}
+
+
{shareResults?.description}
+
+
+ {' '}
+
+
+ {' '}
+
+
+
+ )
+ }
+
+ const RelevantBenefits = ({ relevantBenefits, ui }) => {
+ const { resultsRelativeBenefits } = ui
+ return (
+
+
+ {resultsRelativeBenefits?.heading}
+
+ {relevantBenefits && (
+
+ )
+ }
+
+ const BenefitAccordions = ({
+ zeroBenefitsResult,
+ notEligibleView,
+ stepDataArray,
+ isExpandAll,
+ setExpandAll,
+ ui,
+ }) => {
+ return (
+
+
+ )
+ }
+
+ return (
+ <>
+
+
+
+
+
+
+ )
+}
+
+Results.propTypes = {
+ props: PropTypes.any,
+}
+
+export default Results
diff --git a/benefit-finder/src/Routes/ResultsView/components/Results/index.stories.jsx b/benefit-finder/src/Routes/ResultsView/components/Results/index.stories.jsx
new file mode 100644
index 000000000..c8b4d8efa
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/Results/index.stories.jsx
@@ -0,0 +1,8 @@
+import ResultsViewBlock from './index.jsx'
+
+export default {
+ component: ResultsViewBlock,
+ tags: ['autodocs'],
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..804029f0c
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,49 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`EligibleBenefitsHeading > renders a match to the previous snapshot 1`] = `
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/__tests__/index.spec.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/__tests__/index.spec.jsx
new file mode 100644
index 000000000..4e3cb08ee
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/__tests__/index.spec.jsx
@@ -0,0 +1,14 @@
+import { render } from '@testing-library/react'
+import EligibleBenefitsHeading from '../index.jsx'
+import * as en from '@locales/en/en.json'
+
+const { eligible, summaryBox } = en
+
+describe('EligibleBenefitsHeading', () => {
+ it('renders a match to the previous snapshot', () => {
+ const { asFragment } = render(
+
+ )
+ expect(asFragment()).toMatchSnapshot()
+ })
+})
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/_index.scss b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/_index.scss
new file mode 100644
index 000000000..e2b813fdf
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/_index.scss
@@ -0,0 +1,9 @@
+@use '@styles/mixins' as *;
+
+.bf-eligible-view-heading {
+ @include h2;
+}
+
+.bf-eligible-view-description {
+ @include h6;
+}
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/index.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/index.jsx
new file mode 100644
index 000000000..a68503819
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/index.jsx
@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types'
+import { Summary, Heading } from '@components'
+import { createMarkup } from '@utils'
+import './_index.scss'
+
+const EligibleBenefitsHeadingBlock = ({ ui }) => {
+ const { eligible, summaryBox } = ui
+ return (
+
+
+ {eligible?.heading}
+
+
+ )
+}
+
+EligibleBenefitsHeadingBlock.propTypes = {
+ props: PropTypes.any,
+}
+
+export default EligibleBenefitsHeadingBlock
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/index.stories.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/index.stories.jsx
new file mode 100644
index 000000000..8cacda074
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/EligibleBenefitsHeading/index.stories.jsx
@@ -0,0 +1,14 @@
+import EligibleBenefitsHeading from './index.jsx'
+import * as en from '@locales/en/en.json'
+
+const { eligible, summaryBox } = en.resultsView
+
+export default {
+ component: EligibleBenefitsHeading,
+ tags: ['autodocs'],
+ args: {
+ ui: { eligible, summaryBox },
+ },
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..ce110ccd8
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,49 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`NotEligibleBenefitsHeading > renders a match to the previous snapshot 1`] = `
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/__tests__/index.spec.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/__tests__/index.spec.jsx
new file mode 100644
index 000000000..f91b2c0f4
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/__tests__/index.spec.jsx
@@ -0,0 +1,14 @@
+import { render } from '@testing-library/react'
+import NotEligibleBenefitsHeading from '../index.jsx'
+import * as en from '@locales/en/en.json'
+
+const { notEligible, summaryBox } = en
+
+describe('NotEligibleBenefitsHeading', () => {
+ it('renders a match to the previous snapshot', () => {
+ const { asFragment } = render(
+
+ )
+ expect(asFragment()).toMatchSnapshot()
+ })
+})
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/_index.scss b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/_index.scss
new file mode 100644
index 000000000..ccea0fc26
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/_index.scss
@@ -0,0 +1,9 @@
+@use '@styles/mixins' as *;
+
+.bf-not-eligible-view-heading {
+ @include h2;
+}
+
+.bf-not-eligible-view-description {
+ @include h6;
+}
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/index.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/index.jsx
new file mode 100644
index 000000000..b0745f941
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/index.jsx
@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types'
+import { Summary, Heading } from '@components'
+import { createMarkup } from '@utils'
+import './_index.scss'
+
+const NotEligibleBenefitsHeadingBlock = ({ ui }) => {
+ const { notEligible, summaryBox } = ui
+ return (
+
+
+ {notEligible?.heading}
+
+
+ )
+}
+
+NotEligibleBenefitsHeadingBlock.propTypes = {
+ props: PropTypes.any,
+}
+
+export default NotEligibleBenefitsHeadingBlock
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/index.stories.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/index.stories.jsx
new file mode 100644
index 000000000..255e0cc41
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/NotEligibleBenefitsHeading/index.stories.jsx
@@ -0,0 +1,14 @@
+import NotEligibleBenefitsHeading from './index.jsx'
+import * as en from '@locales/en/en.json'
+
+const { notEligible, summaryBox } = en.resultsView
+
+export default {
+ component: NotEligibleBenefitsHeading,
+ tags: ['autodocs'],
+ args: {
+ ui: { notEligible, summaryBox },
+ },
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..0c1ae1a50
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,45 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ZeroBenefitsHeading > renders a match to the previous snapshot 1`] = `
+
+
+ No eligible results.
+
+
+ Based on your answers, you are currently not eligible for this life event’s benefits. You may become eligible if your situation or answers change in the future. Visit your city, state, or employer for other potential benefits.
+
+
+
+ Go back to start
+
+
+
+
+ See all benefits
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/__tests__/index.spec.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/__tests__/index.spec.jsx
new file mode 100644
index 000000000..d89b2275d
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/__tests__/index.spec.jsx
@@ -0,0 +1,18 @@
+import { render } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import ZeroBenefitsHeading from '../index.jsx'
+import * as en from '@locales/en/en.json'
+const { resultsView } = en
+
+describe('ZeroBenefitsHeading', () => {
+ it('renders a match to the previous snapshot', () => {
+ const { asFragment } = render(
+
,
+ {
+ wrapper: BrowserRouter,
+ }
+ )
+
+ expect(asFragment()).toMatchSnapshot()
+ })
+})
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/_index.scss b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/_index.scss
new file mode 100644
index 000000000..9e6a36c67
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/_index.scss
@@ -0,0 +1,14 @@
+@use '@styles/mixins' as *;
+@use '@styles/space' as space;
+
+.bf-zero-benefits-view-heading {
+ @include h2;
+}
+
+h3.bf-zero-benefits-view-description {
+ @include p;
+}
+
+.bf-back-to-form-cta {
+ margin: space.$space-md 0 space.$space-lg;
+}
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/index.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/index.jsx
new file mode 100644
index 000000000..b1f767021
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/index.jsx
@@ -0,0 +1,61 @@
+import PropTypes from 'prop-types'
+import { useContext } from 'react'
+import { RouteContext } from '@/App'
+import { useNavigate } from 'react-router-dom'
+import { Button, Heading, StepBackButton } from '@components'
+import { createMarkup } from '@utils'
+
+import './_index.scss'
+
+const ZeroBenefitsHeadingBlock = ({
+ handleViewToggle,
+ notEligibleView,
+ ui,
+}) => {
+ const ROUTES = useContext(RouteContext)
+ const navigate = useNavigate()
+ return (
+ <>
+
+ {ui?.heading}
+
+
+
+
+ navigate(`/${ROUTES.indexPath}/${ROUTES.formPaths[0]}`)
+ }
+ >
+ {ui?.backcta.link}
+
+
+ {!notEligibleView && (
+
+
+ {ui?.cta}
+
+
+ )}
+
+ )
+}
+
+ZeroBenefitsHeadingBlock.propTypes = {
+ handleViewToggle: PropTypes.func,
+ notEligibleView: PropTypes.bool,
+ ui: PropTypes.object,
+}
+
+export default ZeroBenefitsHeadingBlock
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/index.stories.jsx b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/index.stories.jsx
new file mode 100644
index 000000000..bc434ff1e
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/ZeroBenefitsHeading/index.stories.jsx
@@ -0,0 +1,15 @@
+import ZeroBenefitsHeading from './index.jsx'
+import * as en from '@locales/en/en.json'
+
+const { zeroBenefits } = en.resultsView
+
+export default {
+ component: ZeroBenefitsHeading,
+ tags: ['autodocs'],
+ args: {
+ ui: zeroBenefits,
+ notEligibleView: false,
+ },
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/ResultsView/components/blocks/index.js b/benefit-finder/src/Routes/ResultsView/components/blocks/index.js
new file mode 100644
index 000000000..9adb4b15b
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/blocks/index.js
@@ -0,0 +1,3 @@
+export { default as EligibleBenefitsHeading } from './EligibleBenefitsHeading'
+export { default as NotEligibleBenefitsHeading } from './NotEligibleBenefitsHeading'
+export { default as ZeroBenefitsHeading } from './ZeroBenefitsHeading'
diff --git a/benefit-finder/src/Routes/ResultsView/components/index.js b/benefit-finder/src/Routes/ResultsView/components/index.js
new file mode 100644
index 000000000..acc2411e5
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/components/index.js
@@ -0,0 +1 @@
+export { default as Results } from './Results'
diff --git a/benefit-finder/src/Routes/ResultsView/index.jsx b/benefit-finder/src/Routes/ResultsView/index.jsx
new file mode 100644
index 000000000..165d4a7f7
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/index.jsx
@@ -0,0 +1,161 @@
+import { useEffect, useState, useContext } from 'react'
+import { useNavigate, useLocation } from 'react-router'
+import { RouteContext } from '@/App'
+import { useResetElement } from '@hooks'
+import * as apiCalls from '@api/apiCalls'
+import PropTypes from 'prop-types'
+import { Results } from './components/index'
+import { dataLayerUtils, handleSurvey, domReady } from '@utils'
+
+// Results View is a single view with three states, eligible, not eligible, and zero benefits
+
+/**
+ * a functional component that renders a view of the form benefit state values
+ * @component
+ * @param {func} setBenefitsArray inherited state handler
+ * @param {array} stepDataArray inherited state of inupt values from form entry
+ * @param {object} ui inherited ui translations
+ * @param {array} data inherited benefits data
+ * @return {html} returns a view page of filtered benefits
+ */
+const ResultsView = ({
+ stepDataArray,
+ relevantBenefits,
+ ui,
+ data,
+ notEligibleView,
+}) => {
+ const [loading, setLoading] = useState(true)
+ const [eligibilityCount, setEligibilityCount] = useState(null)
+ const [zeroBenefitsResult, setZeroBenefitsResult] = useState(null)
+ const { resultsView } = dataLayerUtils.dataLayerStructure
+ const navigate = useNavigate()
+ const location = useLocation()
+ const ROUTES = useContext(RouteContext)
+
+ /**
+ * a hook that hanldes our open state of the accordions in our group
+ * @function
+ * @return {boolean} returns true or false
+ */
+ const [isExpandAll, setExpandAll] = useState(false)
+
+ const resetElement = useResetElement()
+
+ useEffect(() => {
+ resetElement.current?.focus()
+ }, [resetElement])
+
+ // some data-test values
+ // how many questions were values provided for
+ const criteriaValues =
+ stepDataArray && apiCalls.GET.SelectedValueAll(stepDataArray).length
+ // how many total questions were in the form
+ const benefitsLength =
+ stepDataArray &&
+ apiCalls.GET.ElegibilityByCriteria(
+ apiCalls.GET.SelectedValueAll(stepDataArray),
+ data
+ ).length
+
+ const handleViewToggle = () => {
+ location.pathname ===
+ `${ROUTES.indexPath}/${ROUTES.resultsPaths.resultsPath}`
+ ? navigate(-1)
+ : navigate(`/${ROUTES.indexPath}/${ROUTES.resultsPaths.notEligiblePath}`)
+ }
+
+ // handle location change
+ useEffect(() => {
+ resetElement.current?.focus()
+ window.scrollTo(0, 0)
+ setExpandAll(false)
+ }, [location])
+
+ // collect benefit eligibility counts and set state
+ useEffect(() => {
+ apiCalls.GET.BenefitsEligibilityCounts(
+ data,
+ ui.benefitAccordion.eligibleStatusLabels
+ ).then(response => {
+ setEligibilityCount(response)
+ setZeroBenefitsResult(response?.eligibleBenefitCount.number === 0)
+ setLoading(false)
+ })
+ }, [data])
+
+ // handle dataLayer
+ useEffect(() => {
+ eligibilityCount !== null &&
+ dataLayerUtils.dataLayerPush(window, {
+ event: resultsView.event,
+ bfData: {
+ pageView:
+ notEligibleView === true
+ ? resultsView.bfData.pageView[1]
+ : resultsView.bfData.pageView[0],
+ viewTitle:
+ notEligibleView === false
+ ? (zeroBenefitsResult &&
+ ui.zeroBenefits.eligible.chevron.heading) ||
+ ui?.eligible.chevron.heading
+ : (zeroBenefitsResult &&
+ ui?.zeroBenefits.notEligible.chevron.heading) ||
+ ui?.notEligible.chevron.heading,
+ ...eligibilityCount,
+ },
+ })
+ }, [notEligibleView, eligibilityCount])
+
+ useEffect(() => {
+ // show the survey
+ handleSurvey({ hide: false })
+ }, [])
+
+ // a few assignments to support e2e testing and debugging
+ const testAttributes = {
+ 'data-test-results-view':
+ notEligibleView === true ? 'bf-not-eligible-view' : 'bf-eligible-view',
+ 'data-test-results-view-criteria-values': criteriaValues,
+ 'data-test-results-view-benefits': benefitsLength,
+ 'data-test-results-view-eligible':
+ eligibilityCount?.eligibleBenefitCount.number,
+ 'data-test-results-view-not-eligible':
+ eligibilityCount?.notEligibleBenefitCount.number,
+ 'data-test-results-view-more-info':
+ eligibilityCount?.moreInfoBenefitCount.number,
+ }
+
+ // compare the selected criteria array with benefits and render our view
+ return (
+
+
+ )
+}
+
+ResultsView.propTypes = {
+ ui: PropTypes.object,
+ data: PropTypes.array,
+}
+
+export default ResultsView
diff --git a/benefit-finder/src/Routes/ResultsView/index.stories.jsx b/benefit-finder/src/Routes/ResultsView/index.stories.jsx
new file mode 100644
index 000000000..7ff26f3f5
--- /dev/null
+++ b/benefit-finder/src/Routes/ResultsView/index.stories.jsx
@@ -0,0 +1,18 @@
+import ResultsView from './index.jsx'
+import content from '@api/mock-data/current.js'
+import * as en from '@locales/en/en.json'
+
+const { resultsView } = en
+const { data } = JSON.parse(content)
+const { relevantBenefits } = data.lifeEventForm
+
+export default {
+ component: ResultsView,
+ tags: ['autodocs'],
+ args: {
+ ui: resultsView,
+ relevantBenefits,
+ },
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/VerifySelectionsView/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/Routes/VerifySelectionsView/__tests__/__snapshots__/index.spec.jsx.snap
new file mode 100644
index 000000000..41b75086e
--- /dev/null
+++ b/benefit-finder/src/Routes/VerifySelectionsView/__tests__/__snapshots__/index.spec.jsx.snap
@@ -0,0 +1,47 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`VerifySelectionsView > renders a match to the previous snapshot 1`] = `
+
+
+
+
+
+
+
+
+
+ Back
+
+
+ Confirm
+
+
+
+
+
+
+`;
diff --git a/benefit-finder/src/Routes/VerifySelectionsView/__tests__/index.spec.jsx b/benefit-finder/src/Routes/VerifySelectionsView/__tests__/index.spec.jsx
new file mode 100644
index 000000000..86255194b
--- /dev/null
+++ b/benefit-finder/src/Routes/VerifySelectionsView/__tests__/index.spec.jsx
@@ -0,0 +1,20 @@
+import { render } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import VerifySelectionsView from '../index.jsx'
+import * as en from '@locales/en/en.json'
+
+beforeAll(() => {
+ // handle window.scrollTo
+ const noop = () => {}
+ Object.defineProperty(window, 'scrollTo', { value: noop, writable: true })
+})
+
+describe('VerifySelectionsView', () => {
+ it('renders a match to the previous snapshot', () => {
+ const { asFragment } = render(
+
,
+ { wrapper: BrowserRouter }
+ )
+ expect(asFragment()).toMatchSnapshot()
+ })
+})
diff --git a/benefit-finder/src/Routes/VerifySelectionsView/_index.scss b/benefit-finder/src/Routes/VerifySelectionsView/_index.scss
new file mode 100644
index 000000000..f4b6594a4
--- /dev/null
+++ b/benefit-finder/src/Routes/VerifySelectionsView/_index.scss
@@ -0,0 +1,25 @@
+@use '@styles/colors' as color;
+@use '@styles/mixins' as *;
+@use '@styles/functions' as *;
+@use '@styles/space' as space;
+
+.bf-verify-criteria-value {
+ @include important-bold($font-family: 'sans');
+
+ padding-bottom: space.$padding-bottom-lg-plus;
+}
+
+.bf-verify-criteria-legend {
+ @include p;
+
+ padding-bottom: space.$padding-bottom-sm;
+}
+
+.bf-verify-criteria-section-heading {
+ border-bottom: rem(2px) solid color.$dark-teal;
+ padding-bottom: space.$padding-bottom-sm;
+}
+
+.bf-verify-criteria-section:last-of-type {
+ padding-bottom: space.$padding-bottom-xl;
+}
diff --git a/benefit-finder/src/Routes/VerifySelectionsView/index.jsx b/benefit-finder/src/Routes/VerifySelectionsView/index.jsx
new file mode 100644
index 000000000..0623ff6f0
--- /dev/null
+++ b/benefit-finder/src/Routes/VerifySelectionsView/index.jsx
@@ -0,0 +1,202 @@
+import { useEffect, useContext } from 'react'
+import { useNavigate, useLocation } from 'react-router'
+import PropTypes from 'prop-types'
+import { RouteContext } from '@/App'
+import { parseDate, dataLayerUtils, handleSurvey } from '@utils'
+import { useResetElement } from '@hooks'
+import * as apiCalls from '@api/apiCalls'
+import { Heading, Button } from '@components'
+
+import './_index.scss'
+
+/**
+ * afunctional component that renders a view of the form input state values
+ * @component
+ * @param {object} ui - translations
+ * @param {array} data - inherited state of data in current session
+ * @return {html} returns semantic html view for current input values
+ */
+const VerifySelectionsView = ({ indexPath, ui, data }) => {
+ const { verifySelectionsView, buttonGroup } = ui
+ const { verifySelections } = dataLayerUtils.dataLayerStructure
+ const local = apiCalls.GET.Language()
+ const dateFormatOptions = {
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric',
+ }
+ const navigate = useNavigate()
+ const location = useLocation()
+ const ROUTES = useContext(RouteContext)
+ const resetElement = useResetElement()
+
+ /**
+ * afunctional component that renders markup when no value has been given
+ * @component
+ * @param {object} item - fieldset object with no selected value
+ * @param {number} index - current index of mapped array
+ * @return {html} returns html div
+ */
+ const NoInputGiven = ({ item, index }) => (
+
+
+ {item.fieldset.legend}
+
+ {verifySelectionsView?.noResultsLabel}
+
+ )
+
+ /**
+ * a functional component that renders markup for fieldset items with selected values
+ * @component
+ * @param {string} criteriaId - inherited string value
+ * @param {string} legend - inherited string value
+ * @param {object} selected - selected fieldset object value
+ * @return {html} returns html div
+ */
+ const resultItem = ({ criteriaId, legend, selected }) => {
+ return (
+
+
{legend}
+ {typeof selected?.value === 'object'
+ ? `${parseDate(selected.value).toLocaleDateString(
+ local,
+ dateFormatOptions
+ )}`
+ : selected?.value}
+
+ )
+ }
+
+ /**
+ * a functional component that renders markup for fieldset items in the form
+ * @component
+ * @param {object} item - fieldset object
+ * @param {number} index - current index of mapped array
+ * @return {html} returns html div
+ */
+ const Items = ({ item, index }) => {
+ return (
+
+ {resultItem({
+ criteriaId: `criteria-${item.fieldset.criteriaKey}-${index}`,
+ legend: item.fieldset.legend,
+ selected: apiCalls.GET.SelectedValue(item),
+ })}
+ {apiCalls.GET.Children(item).map(childItem =>
+ apiCalls.GET.SelectedValue(childItem) ? (
+ resultItem({
+ criteriaId: childItem.fieldset.criteriaKey,
+ legend: childItem.fieldset.legend,
+ selected: apiCalls.GET.SelectedValue(childItem),
+ })
+ ) : (
+
+ )
+ }
+
+ useEffect(() => {
+ resetElement.current?.focus()
+ window.scrollTo(0, 0)
+ }, [location])
+
+ // handle dataLayer
+ useEffect(() => {
+ dataLayerUtils.dataLayerPush(window, {
+ event: verifySelections.event,
+ bfData: {
+ pageView: verifySelections.bfData.pageView,
+ viewTitle: verifySelectionsView?.heading,
+ },
+ })
+ }, [])
+
+ useEffect(() => {
+ // hide the survey
+ handleSurvey({ hide: true })
+ }, [])
+
+ return (
+
+
+
+ {verifySelectionsView?.heading}
+
+
+
+
+ {data &&
+ data.map((item, i) => {
+ // get the sectional data
+ // map all the criteria input legends and values
+ const { section } = item
+ return (
+
+
+ {section.heading}
+
+
+ {section.fieldsets.map((item, i) => {
+ // if no value then return generic message
+ return apiCalls.GET.SelectedValue(item) ? (
+
+
+ )
+ })}
+
+
+ navigate(-1)}>
+ {buttonGroup[0].value}
+
+
+ navigate(
+ `/${ROUTES.indexPath}/${ROUTES.resultsPaths.resultsPath}`
+ )
+ }
+ >
+ {buttonGroup[1].value}
+
+
+
+
+
+
+ )
+}
+
+VerifySelectionsView.propTypes = {
+ ui: PropTypes.object,
+ data: PropTypes.array,
+}
+
+export default VerifySelectionsView
diff --git a/benefit-finder/src/Routes/VerifySelectionsView/index.stories.jsx b/benefit-finder/src/Routes/VerifySelectionsView/index.stories.jsx
new file mode 100644
index 000000000..ddf9b9d35
--- /dev/null
+++ b/benefit-finder/src/Routes/VerifySelectionsView/index.stories.jsx
@@ -0,0 +1,14 @@
+import VerifySelectionsView from './index.jsx'
+import * as en from '@locales/en/en.json'
+
+const { verifySelectionsView } = en
+
+export default {
+ component: VerifySelectionsView,
+ tags: ['autodocs'],
+ args: {
+ ui: verifySelectionsView,
+ },
+}
+
+export const Primary = {}
diff --git a/benefit-finder/src/Routes/index.js b/benefit-finder/src/Routes/index.js
new file mode 100644
index 000000000..954476b76
--- /dev/null
+++ b/benefit-finder/src/Routes/index.js
@@ -0,0 +1,6 @@
+import Intro from './Intro'
+import LifeEventSection from './LifeEventSection'
+import ResultsView from './ResultsView'
+import VerifySelectionsView from './VerifySelectionsView'
+
+export { Intro, LifeEventSection, ResultsView, VerifySelectionsView }
diff --git a/benefit-finder/src/shared/api/__tests__/apiCallsPutDataFromParams.spec.js b/benefit-finder/src/shared/api/__tests__/apiCallsPutDataFromParams.spec.js
index d0a9c9760..d21586921 100644
--- a/benefit-finder/src/shared/api/__tests__/apiCallsPutDataFromParams.spec.js
+++ b/benefit-finder/src/shared/api/__tests__/apiCallsPutDataFromParams.spec.js
@@ -15,25 +15,29 @@ const scenarios = {
const sharedToken = 'shared'
let stepDataArray
-let currentData
let expectedUpdate
+let benefitsArray
// mock useState Function
-function setCurrentData(updatedData) {
- currentData = updatedData
+function setBenefitsArray(updatedData) {
+ benefitsArray = updatedData
}
beforeAll(() => {
stepDataArray = [...data.lifeEventForm.sectionsEligibilityCriteria]
- setCurrentData(stepDataArray[0])
+ benefitsArray = [...data.benefits]
+ setBenefitsArray(benefitsArray)
apiCalls.PUT.DataFromParams(
scenarios.death[0].windowQuery,
stepDataArray,
- setCurrentData,
+ setBenefitsArray,
+ benefitsArray,
sharedToken
)
+
expectedUpdate =
- currentData.section.fieldsets[1].fieldset.inputs[0].inputCriteria.values
+ stepDataArray[0].section.fieldsets[1].fieldset.inputs[0].inputCriteria
+ .values
})
// confirm updated data return
diff --git a/benefit-finder/src/shared/api/apiCalls.js b/benefit-finder/src/shared/api/apiCalls.js
index d2e627582..43e529a0a 100644
--- a/benefit-finder/src/shared/api/apiCalls.js
+++ b/benefit-finder/src/shared/api/apiCalls.js
@@ -1,3 +1,5 @@
+import { cleanString } from '@utils'
+
/**
*
* UTILS FUNCTIONS
@@ -179,6 +181,84 @@ export const Language = () => {
return string.test(window.location.pathname) ? 'es' : 'en'
}
+/**
+ * An async fetch to get dynamic route data.
+ *
+ * @function Routes
+ * @param {object} w - The window object.
+ * @param {string} language - The language code (e.g. "en" or "es").
+ * @param {array} stepDataArray - An array of objects containing form step data.
+ * @returns {object} An object containing dynamic route data.
+ */
+export const Routes = (w, language, stepDataArray) => {
+ /**
+ * Extract the path components from the current URL.
+ */
+ const locationArray = w.location.pathname.split('/')
+
+ /**
+ * trim empty item from split
+ */
+ locationArray.slice(1)
+
+ /**
+ * Get the last part of the path for the LifeEvent.
+ */
+ const indexPath = locationArray.pop()
+
+ /**
+ * Join the remaining path components to form the base path.
+ */
+ const basePath = locationArray.join('/')
+
+ /**
+ * Map the form step data to an array of path strings.
+ */
+ const formPaths = stepDataArray?.map(item => {
+ /**
+ * Clean and transform the section heading to a URL-friendly string.
+ */
+ const path = cleanString(item.section.heading)
+ return path
+ })
+
+ /**
+ * Determine the path for the verify selcttions page based on the language.
+ */
+ const verifySelectionsPath =
+ language === 'es' ? 'revisar-selecciónes' : 'verify-selections'
+
+ /**
+ * Determine the path for the results page based on the language.
+ */
+ const resultsPath = language === 'es' ? 'resultados' : 'results'
+
+ /**
+ * Determine the path for the not eligible page based on the language.
+ */
+ const notEligiblePath =
+ language === 'es'
+ ? `${resultsPath}/no-es-elegible`
+ : `${resultsPath}/not-eligible`
+
+ /**
+ * Assemble the dynamic route data object.
+ * The base path of the current URL.
+ * An array of path strings for the form steps.
+ * The path for the verify selections page based on the language.
+ * An object containing the paths for the results and not eligible pages.
+ */
+ const ROUTES = {
+ basePath,
+ indexPath,
+ formPaths,
+ verifySelectionsPath,
+ resultsPaths: { resultsPath, notEligiblePath },
+ }
+
+ return ROUTES
+}
+
/**
* an async fetch to get life-event data.
* @function
@@ -195,7 +275,7 @@ export async function LifeEvent(lifeEvent) {
params = new URLSearchParams(windowQuery)
mode = params.get('mode') === 'draft' ? `${params.get('mode')}/` : ''
const location = window.location.pathname
- lifeEvent = location.substring(location.lastIndexOf('/') + 1)
+ lifeEvent = location.split('/').pop()
}
let fetchPath
@@ -224,7 +304,7 @@ export async function LifeEvent(lifeEvent) {
})
.catch(error => {
// eslint-disable-next-line no-console
- console.log(error)
+ console.error(error)
return 'Something went wrong.'
})
return response
@@ -293,9 +373,10 @@ export const SelectedValueAll = data =>
* @return {array} returns the selected values
*/
export const ElegibilityByCriteria = (selectedCriteria, data) => {
+ // console.log(data)
// return all eligible items
const eligibleItems =
- data &&
+ data.length > 0 &&
data.map(item => {
// find all eligibility items that are matches to criteria key
selectedCriteria.forEach(selected => {
@@ -378,7 +459,7 @@ export async function Data(
})
.catch(error => {
// eslint-disable-next-line no-console
- console.log(error)
+ console.error(error)
return 'Something went wrong.'
})
}
@@ -449,46 +530,158 @@ export async function DataDate(
})
.catch(error => {
// eslint-disable-next-line no-console
- console.log(error)
+ console.error(error)
return 'Something went wrong.'
})
}
/**
- * updates our data based on the window.location.search value
- * @function
- * @param {string} windowQuery
- * @param {array} stepDataArray
- * @param {function} setCurrentData
- * @param {string} sharedToken
+ * Updates the application data based on the query parameters in the current URL.
+ *
+ * @param {string} windowQuery - The query string from the current URL.
+ * @param {array} stepDataArray - An array of step data objects.
+ * @param {function} setBenefitsArray - A function to update the benefits array.
+ * @param {array} benefitsArray - The current benefits array.
+ * @param {string} sharedToken - A shared token from shared link.
*/
export const DataFromParams = (
windowQuery,
stepDataArray,
- setCurrentData,
+ setBenefitsArray,
+ benefitsArray,
sharedToken
) => {
+ /**
+ * Extracts query parameters from the URL query string.
+ */
const params = UTILS.GetQueryParams(decodeURI(windowQuery))
params.filter(param => param.criteriaKey !== sharedToken)
- stepDataArray.forEach(arr => {
- arr.completed = true
- params.forEach(param => {
- const v = param.value.includes('{')
- ? JSON.parse(param.value)
- : param.value
- v !== undefined && typeof v === 'object'
- ? PUT.DataDate(param.criteriaKey, arr, setCurrentData, v)
- : PUT.Data(param.criteriaKey, arr, setCurrentData, v)
+ /**
+ * Returns the current data for a given step index.
+ *
+ * @private
+ * @param {array} data - The step data array.
+ * @param {number} stepIndex - The current step index.
+ * @returns {*} The current data for the given step index.
+ */
+ const setCurrentData = (data, stepIndex) => data[stepIndex]
+
+ /**
+ * Updates the step data array based on the query parameters.
+ * @async
+ */
+ async function updateStepDataArray() {
+ /**
+ * Updates each step data object in the array.
+ */
+ await Promise.all(
+ stepDataArray.map(async arr => {
+ arr.completed = true
+
+ /**
+ * Updates each parameter in the query parameters array.
+ */
+ await Promise.all(
+ params.map(async param => {
+ const v = param.value.includes('{')
+ ? JSON.parse(param.value)
+ : param.value
+ if (v !== undefined && typeof v === 'object') {
+ PUT.DataDate(param.criteriaKey, arr, setCurrentData, v)
+ } else {
+ PUT.Data(param.criteriaKey, arr, setCurrentData, v)
+ }
+ })
+ )
+ })
+ )
+
+ /**
+ * Updates the benefits array based on the updated step data array.
+ */
+ setBenefitsArray(
+ GET.ElegibilityByCriteria(
+ GET.SelectedValueAll(stepDataArray),
+ benefitsArray
+ )
+ )
+ }
+
+ updateStepDataArray()
+}
+
+/**
+ * Collects benefits eligibility from the provided data and updates
+ * the eligibility count state.
+ * @returns {Object} An object containing the eligibility counts for eligible, more information needed, and not eligible benefits.
+ */
+export const BenefitsEligibilityCounts = async (data, eligibleStatusLabels) => {
+ const determineEligibilityStatus = data =>
+ data.map(item => {
+ const eligibleBenefits = item.benefit.eligibility.filter(
+ x => x.isEligible === true
+ )
+ const notEligibleBenefits = item.benefit.eligibility.filter(
+ x => x.isEligible === false
+ )
+ const moreInformationNeeded = item.benefit.eligibility.filter(
+ x => x.isEligible === undefined
+ )
+
+ const eligibleStatus =
+ eligibleBenefits.length === item.benefit.eligibility.length
+ ? eligibleStatusLabels[0]
+ : notEligibleBenefits.length === 0 && moreInformationNeeded.length > 0
+ ? eligibleStatusLabels[1]
+ : eligibleStatusLabels[2]
+
+ return eligibleStatus
})
- })
+
+ try {
+ const benefitsEligibility = await determineEligibilityStatus(data)
+
+ /**
+ * Handles the length of benefits eligibility and returns an object with the count and string representation.
+ * @param {Array} benefitsEligibility - An array of benefits eligibility statuses.
+ * @param {string} text - The text to filter the benefits eligibility by.
+ * @returns {Object} An object containing the count and string representation of the benefits eligibility.
+ */
+ const handleEligibilityLength = (benefitsEligibility, text) => {
+ const matches = benefitsEligibility.filter(
+ eligibility => eligibility === text
+ )
+ return { number: matches.length, string: `${matches.length}` }
+ }
+ const elCount = {
+ eligibleBenefitCount: handleEligibilityLength(
+ benefitsEligibility,
+ eligibleStatusLabels[0]
+ ),
+ moreInfoBenefitCount: handleEligibilityLength(
+ benefitsEligibility,
+ eligibleStatusLabels[1]
+ ),
+ notEligibleBenefitCount: handleEligibilityLength(
+ benefitsEligibility,
+ eligibleStatusLabels[2]
+ ),
+ }
+ return elCount
+ } catch (error) {
+ // eslint-disable-next-line no-console
+ console.error(error)
+ }
}
export const GET = {
+ BenefitsEligibilityCounts,
Children,
ElegibilityByCriteria,
LifeEvent,
Language,
+ Routes,
SelectedValue,
SelectedValueAll,
}
diff --git a/benefit-finder/src/shared/components/Accordion/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/shared/components/Accordion/__tests__/__snapshots__/index.spec.jsx.snap
index 5b4afdeec..d5baa1d67 100644
--- a/benefit-finder/src/shared/components/Accordion/__tests__/__snapshots__/index.spec.jsx.snap
+++ b/benefit-finder/src/shared/components/Accordion/__tests__/__snapshots__/index.spec.jsx.snap
@@ -7,6 +7,7 @@ exports[`Accordion > renders a match to the previous snapshot 1`] = `
>
-
+
renders a match to the previous snapshot when it has an error 1
aria-hidden="false"
aria-live="assertive"
class="bf-usa-alert usa-alert bf-usa-alert--error usa-alert--error "
+ data-testid="alert"
role="alert"
tabindex="0"
>
@@ -37,6 +38,7 @@ exports[`Alert > renders a match to the previous snapshot, default 1`] = `
aria-hidden="false"
aria-live="polite"
class="bf-usa-alert usa-alert bf-usa-alert--info usa-alert--info "
+ data-testid="alert"
role="alert"
tabindex="0"
>
@@ -68,6 +70,7 @@ exports[`Alert > renders a match to the previous snapshot, error type with no er
aria-hidden="true"
aria-live="polite"
class="bf-usa-alert usa-alert bf-usa-alert--error usa-alert--error display-none"
+ data-testid="alert"
role="alert"
tabindex="0"
>
diff --git a/benefit-finder/src/shared/components/Alert/_index.scss b/benefit-finder/src/shared/components/Alert/_index.scss
index cc4b40047..778e6eb3e 100644
--- a/benefit-finder/src/shared/components/Alert/_index.scss
+++ b/benefit-finder/src/shared/components/Alert/_index.scss
@@ -1,5 +1,5 @@
-@use '../../styles/colors/_index.scss' as color;
-@use '../../styles/mixins/_index.scss' as *;
+@use '@styles/colors' as color;
+@use '@styles/mixins' as *;
.no-background {
background-color: color.$white;
diff --git a/benefit-finder/src/shared/components/Alert/index.jsx b/benefit-finder/src/shared/components/Alert/index.jsx
index 0bcab1376..186493a9a 100644
--- a/benefit-finder/src/shared/components/Alert/index.jsx
+++ b/benefit-finder/src/shared/components/Alert/index.jsx
@@ -83,6 +83,7 @@ const Alert = ({
tabIndex={tabIndex || 0}
aria-live={hasError === true ? 'assertive' : 'polite'}
aria-hidden={hasError === undefined ? false : !hasError}
+ data-testid="alert"
>
{children ? (
diff --git a/benefit-finder/src/shared/components/BenefitAccordionGroup/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/shared/components/BenefitAccordionGroup/__tests__/__snapshots__/index.spec.jsx.snap
index 5b2bcd88d..a2b38309a 100644
--- a/benefit-finder/src/shared/components/BenefitAccordionGroup/__tests__/__snapshots__/index.spec.jsx.snap
+++ b/benefit-finder/src/shared/components/BenefitAccordionGroup/__tests__/__snapshots__/index.spec.jsx.snap
@@ -7,12 +7,12 @@ exports[`BenefitAccordionGroup > renders a match to the previous snapshot 1`] =
>
renders a match to the previous snapshot 1`] =
handleExpandAll(isExpandAll)}
+ data-testid="bf-expand-all"
>
{handleExpandIcon}
@@ -215,10 +215,9 @@ const BenefitAccordionGroup = ({
heading={title}
subHeading={eligibleStatus}
isExpanded={isExpandAll}
- data-analytics="bf-usa-accordion"
- data-analytics-content={title}
+ data-testid="bf-usa-accordion"
+ data-test-accordion-title={title}
hidden={handleHidden}
- data-testid="benefit"
>
{`${agencyPrefix} ${agency.title}`}
diff --git a/benefit-finder/src/shared/components/Button/__tests__/__snapshots__/index.spec.jsx.snap b/benefit-finder/src/shared/components/Button/__tests__/__snapshots__/index.spec.jsx.snap
index f3e8c2fe0..4e04b8d37 100644
--- a/benefit-finder/src/shared/components/Button/__tests__/__snapshots__/index.spec.jsx.snap
+++ b/benefit-finder/src/shared/components/Button/__tests__/__snapshots__/index.spec.jsx.snap
@@ -4,6 +4,7 @@ exports[`Button > renders a match to the previous snapshot 1`] = `
diff --git a/benefit-finder/src/shared/components/Button/_index.scss b/benefit-finder/src/shared/components/Button/_index.scss
index 567779b9f..bd6d639cd 100644
--- a/benefit-finder/src/shared/components/Button/_index.scss
+++ b/benefit-finder/src/shared/components/Button/_index.scss
@@ -1,7 +1,7 @@
-@use '../../styles/space/_index.scss' as space;
-@use '../../styles/functions/_index.scss' as *;
-@use '../../styles/mixins/_index.scss' as *;
-@use '../../styles/colors/_index.scss' as colors;
+@use '@styles/space' as space;
+@use '@styles/functions' as *;
+@use '@styles/mixins' as *;
+@use '@styles/colors' as colors;
.bf-usa-button {
@include important-bold($font-family: 'sans');
diff --git a/benefit-finder/src/shared/components/Button/index.jsx b/benefit-finder/src/shared/components/Button/index.jsx
index 98825a511..21fb33316 100644
--- a/benefit-finder/src/shared/components/Button/index.jsx
+++ b/benefit-finder/src/shared/components/Button/index.jsx
@@ -102,6 +102,7 @@ function Button({
onMouseLeave={() => setIsHovered(false)}
data-testid={props['data-testid']}
id={props.id}
+ data-test="button"
>
{icon &&