\n
\n \n \n ) : isEnabled ? (\n \n \n {title}\n \n
\n }\n />\n \n \n \n {title}\n \n \n Consumers includes credit union members, as well as\n non-members with the sum of (1) the dollar amount that credit\n union consumers save by having loans with interest rates that\n are lower than what borrowers with their credit histories\n would pay at other lenders and (2) the extra dollar amounts\n that credit union consumers receive by having deposits with\n interest rates that are higher than they would be at banks,\n each during the last available calendar year. Note that actual\n benefits are larger than our estimates, since we do not\n include, for instance, the benefits from lower fees on other\n financial products.\n
\n
\n \n {`$${abbreviateNumber(totalBenefitsToMembers)}`}\n
\n \n
\n \n {`$${abbreviateNumber(benefitPerMember)}`}\n
\n \n Annual Benefit per Consumer\n \n \n Annual benefits are only computed for consumers for which\n we have complete data\n
\n }\n />\n \n \n \n {title}\n \n
\n }\n />\n \n \n <>\n \n {title}\n \n \n Consumers includes credit union members, as well as non-members\n with the sum of (1) the dollar amount that credit union\n consumers save by having loans with interest rates that are\n lower than what borrowers with their credit histories would pay\n at other lenders and (2) the extra dollar amounts that credit\n union consumers receive by having deposits with interest rates\n that are higher than they would be at banks, each during the\n last available calendar year. Note that actual benefits are\n larger than our estimates, since we do not include, for\n instance, the benefits from lower fees on other financial\n products.\n
\n \n This information cannot be calculated unless you provide\n {` ${\n enabledTotalMembersData.isLoanMapped\n ? ''\n : `Loan${\n enabledTotalMembersData.isShareMapped ||\n enabledTotalMembersData.isPfcMapped\n ? ''\n : ','\n }`\n }\n ${\n enabledTotalMembersData.isShareMapped\n ? ''\n : `${enabledTotalMembersData.isPfcMapped ? 'and Share' : 'Share'}`\n }\n ${\n enabledTotalMembersData.isPfcMapped\n ? ''\n : `${\n enabledTotalMembersData.isLoanMapped &&\n enabledTotalMembersData.isShareMapped\n ? 'Payment Frequency Code'\n : 'and Payment Frequency Code'\n }`\n }\n Mapping Data.`}\n
\n \n \n {enabledTotalMembersData.isLoanMapped || (\n \n \n Go to Loan Mapping\n \n \n )}\n {enabledTotalMembersData.isShareMapped || (\n \n \n Go to Share Mapping\n \n \n )}\n {enabledTotalMembersData.isPfcMapped || (\n \n \n Go to Payment Frequency Code Mapping\n \n \n )}\n
\n \n \n ) : (\n \n \n {title}\n \n \n Consumers includes credit union members, as well as non-members\n with the sum of (1) the dollar amount that credit union\n consumers save by having loans with interest rates that are\n lower than what borrowers with their credit histories would pay\n at other lenders and (2) the extra dollar amounts that credit\n union consumers receive by having deposits with interest rates\n that are higher than they would be at banks, each during the\n last available calendar year. Note that actual benefits are\n larger than our estimates, since we do not include, for\n instance, the benefits from lower fees on other financial\n products.\n
\n }\n />\n \n \n\n \n \n The calculation is in progress. This information will be shown soon.\n
\n \n \n );\n};\n\nexport default TotalBenefitsWidget;\n","import React, { FC } from 'react';\nimport styles from './styles/UnionImpact.module.scss';\n\ninterface UnionImpactType {\n AreaName: string;\n cuName: string;\n}\nconst UnionImpact: FC\n
\n);\n\nexport default UnionImpact;\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport styles from './style/NumberChartWidget.module.scss';\nimport s from '../../style/ImpactReportPage.module.scss';\nimport { CircleTooltip } from '../../../../components';\n\ntype LoadingNumberChartWidgetType = {\n title: string;\n tooltip?: string;\n isComparison?: boolean;\n withLabel?: boolean;\n};\nconst LoadingNumberChartWidget: FC\n {cuName}\n \n {' '}\n Impact {AreaName.indexOf('selected communities') !== -1 ? 'on' : 'in'}\n \n {` ${AreaName}`}\n
\n\n <>\n \n \n
\n \n \n \n \n {title}\n {tooltip && (\n \n
\n }\n />\n \n )}\n \n \n {title}\n {tooltip && (\n \n {tooltip}
\n
\n \n \n \n
\n \n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n \n \n \n);\n\nexport default LoadingNumberChartWidget;\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport ReactECharts from 'echarts-for-react';\nimport s from '../../style/ImpactReportPage.module.scss';\nimport abbreviateNumber from '../../../../utils/functions/abbreviateNumber';\nimport LoadingNumberChartWidget from './LoadingNumberChartWidget';\nimport Legend from '../../../../components/Legend';\n\ninterface DataItem {\n name: String;\n value: any[];\n}\n\ninterface DataSeries {\n data: DataItem[];\n}\n\nexport interface BarChartProps {\n data: object;\n legendTitle: any[];\n legendData: string[];\n isEmpty: boolean;\n}\n\ntype chartData = { valueCount: number; value: string }[];\ntype NumberChartWidgetType = {\n cuName: string;\n comparisonName: string;\n loans: chartData;\n membersData: chartData;\n comparisonChartData: chartData;\n isLoading: boolean;\n};\n\nconst NumberChartWidget: FC\n
\n ${params[0].axisValue}
`;\n params.forEach((item: any) => {\n const xx = `${colorSpan(\n item.color\n )} ${item.seriesName}
`;\n let xx1 = `${colorSpanSubItems(\n item.color\n )}Count: ${abbreviateNumber(item.data.valueCount)}
`;\n const xx2 =\n `${colorSpanSubItems(\n item.color\n )}Percentage: ${item.data.value.toLocaleString('en')}%` + '
';\n rez += xx;\n rez += xx1 += xx2;\n });\n return rez;\n },\n extraCssText:\n 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 6px;',\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '12px',\n color: '#282828',\n },\n b: {\n padding: [0, 0, 6, 0],\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '26px',\n align: 'center',\n color: '#282828',\n },\n },\n axisPointer: {\n type: 'shadow',\n shadowStyle: {\n borderColor: 'black',\n borderWidth: 5,\n opacity: 0.5,\n },\n },\n },\n\n legend: {\n show: null,\n },\n grid: {\n show: false,\n left: '-20',\n right: '0',\n bottom: '5%',\n containLabel: true,\n },\n xAxis: [\n {\n axisTick: {\n show: false,\n },\n splitLine: {\n show: true,\n boundaryGap: true,\n lineStyle: {\n color: '#EFF2F7',\n width: 2,\n },\n },\n type: 'category',\n data: [\n 'Rural',\n 'Economically Distressed',\n 'Economically Distressed \\n \\n & Rural',\n 'Neither Economically\\n \\nDistressed nor Rural',\n ],\n axisLabel: {\n interval: 0,\n },\n offset: 8,\n axisLine: {\n show: false,\n lineStyle: {\n color: '#7A89A7',\n },\n },\n },\n ],\n yAxis: [\n {\n show: false,\n splitLine: {\n show: false,\n boundaryGap: false,\n },\n type: 'value',\n },\n ],\n series: [\n {\n barWidth: '15%',\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n name: LegendArray[0].name,\n type: 'bar',\n label: {\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: membersData,\n },\n {\n barWidth: '15%',\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n name: LegendArray[1].name,\n type: 'bar',\n label: {\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: loans,\n },\n {\n barWidth: '15%',\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n name: comparisonName,\n type: 'bar',\n label: {\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: comparisonChartData,\n },\n ],\n };\n if (isLoading) {\n return\n \n \n
\n \n \n );\n};\n\nexport default NumberChartWidget;\n","import React, { FC } from 'react';\nimport s from './style/progressBar.module.scss';\n\ntype PageWrapperType = {\n rootElementWidth: number;\n progressNumber: number;\n};\n\nconst PageWrapper: FC\n
\n \n \n
\n \n By Area Type
\n\n
\n \n );\n};\n\nexport default AlertDialog;\n","import React, { FC } from 'react';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport { CircleTooltip } from '../../../../components';\nimport styles from '../../style/ImpactReportPage.module.scss';\nimport s from './style/EconomicContributionBlock.module.scss';\nimport abbreviateNumber from '../../../../utils/functions/abbreviateNumber';\n\ninterface EconomicContributionBlockType {\n totalJobs: number;\n directJobs: number;\n totalContribution: number;\n isLoading: IsLoadingEconomicType;\n}\n\ntype IsLoadingEconomicType = {\n totalJobs: boolean;\n directJobs: boolean;\n totalContribution: boolean;\n};\n\nconst EconomicContributionBlock: FCInsufficient Data
\n\n An insufficient number of Credit Unions have contributed AIRES files\n in your selected location for AnalyzeCU to be able to compute results\n for Credit Unions. You may want to consider a larger location\n
\n\n \n Proceed \n \n \n Choose other location \n \n
\n \n
\n ) : (\n \n \n <>\n \n Jobs Sustained & Created\n \n
\n }\n />\n \n \n \n Jobs Sustained & Created\n \n \n The sum of (1) credit union employees (2) the jobs at credit\n union suppliers, supported by credit union expenses, (3)\n jobs at businesses patroned by credit union consumers,\n supported by dividends paid to consumers, and (4) jobs at\n businesses benefiting from credit union lending, each at the\n end of the last available calendar year.\n
\n {isLoading.totalJobs ? (\n \n
\n \n \n
\n \n
\n )}\n {isLoading.directJobs ? (\n \n {abbreviateNumber(totalJobs)}\n
\n \n Total Jobs\n
\n \n \n
\n \n
\n )}\n \n \n \n \n \n {abbreviateNumber(directJobs)}\n
\n \n Direct Jobs\n
\n \n \n <>\n \n Economic Contribution\n \n
\n }\n />\n \n \n \n Economic Contribution\n \n \n The sum of (1) compensation paid to credit union employees,\n (2) revenues paid to credit union suppliers, (3) revenues\n received by businesses patroned by credit union consumers,\n supported by dividends paid to consumers, and (4) increases\n in credit unions’ net worth, each during the last available\n calendar year. Note that actual economic contributions are\n larger than our estimates, since here we do not include, for\n instance, benefits to consumers and communities through\n credit union lending, volunteering, and community outreach.\n
\n {isLoading.totalContribution ? (\n \n
\n \n ) : (\n \n \n
\n \n
\n )}\n \n \n \n \n \n);\nexport default EconomicContributionBlock;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-key */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { FC, useEffect, useState } from 'react';\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\nimport { useQueries } from 'react-query';\nimport { TypedUseSelectorHook, useSelector, useDispatch } from 'react-redux';\nimport s from './style/Dropdown.module.scss';\nimport { GetDropdownData, ResponseType } from '../../../../api';\nimport {\n setTempLocation,\n resetTags,\n setAllFilters,\n} from '../../Slice/impactReportSlice';\nimport type { RootState } from '../../../../store/store';\n\ninterface IDropdownData {\n locationType: number;\n value: string;\n}\n\nconst Dropdown: FC = () => {\n const [isActive, setIsActive] = useState\n {`$${abbreviateNumber(totalContribution)}`}\n
\n \n Total Contribution\n
\n \n setIsActive(false)}>\n
\n \n )}\n \n );\n};\n\nexport default Dropdown;\n","export default __webpack_public_path__ + \"static/media/marcIcon.4a31fc5a.svg\";","export default __webpack_public_path__ + \"static/media/arrow.f8c17ab3.svg\";","/* eslint-disable @typescript-eslint/indent */\nimport React, { FC, useState, useEffect, useCallback } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport { TypedUseSelectorHook, useSelector, useDispatch } from 'react-redux';\nimport {\n createStyles,\n makeStyles,\n Theme,\n withStyles,\n WithStyles,\n} from '@material-ui/core/styles';\nimport { useQueries } from 'react-query';\nimport { GetSavedFiltersData, ResponseType } from '../../../../api';\nimport { TabPanel, CenteredTabs, CancelModel } from '../../../../components';\nimport s from './style/LocationFilter.module.scss';\nimport TagsInput from '../TagsInput';\nimport Dropdown from '../Dropdown';\nimport {\n setTemp,\n setActive,\n setIsFirstOpen,\n setIsModalOpen,\n} from '../../Slice/impactReportSlice';\nimport type { RootState } from '../../../../store/store';\nimport MarkIcon from './assets/marcIcon.svg';\nimport ArrowIcon from './assets/arrow.svg';\n\nconst SavedFilterModal = React.lazy(() => import('./widgets/SavedFilterModal'));\nconst AlertModal = React.lazy(() => import('./widgets/AlertModal'));\nconst RecentSection = React.lazy(() => import('./widgets/RecentSection'));\nconst SavedSection = React.lazy(() => import('./widgets/SavedSection'));\n\nconst styles = (theme: Theme) =>\n createStyles({\n root: {\n margin: 0,\n padding: '14px 20px',\n },\n closeButton: {\n position: 'absolute',\n padding: '0px',\n right: '16px',\n top: '16px',\n color: theme.palette.grey[500],\n },\n button: {\n background: 'green',\n padding: '600px',\n height: '527px',\n },\n });\nconst useStyles = makeStyles({\n cancelButton: {\n '&:hover': {\n filter: 'drop-shadow(0px 2px 15px rgba(122, 137, 167, 0.25))',\n borderRadius: '4px!important',\n background: 'white!important',\n color: '#282828!important',\n },\n },\n ghostButton: {\n '&:hover': {\n borderRadius: '4px!important',\n background: 'white!important',\n color: '#282828!important',\n },\n },\n submitButton: {\n backgroundColor: '#52B36B',\n '&:hover': {\n backgroundColor: '#52B36B!important',\n opacity: 0.8,\n filter: 'drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))',\n },\n },\n button: {\n height: '57px',\n '&:hover': {\n boxShadow: '0px 2px 15px rgb(0 0 0 / 15%)!important',\n borderRadius: '4px!important',\n background: 'white!important',\n color: '#282828!important',\n },\n },\n});\n\ntype LocationFilterType = {\n fullWindow: boolean;\n open: boolean;\n setOpen: Function;\n};\n\nexport interface DialogTitleProps extends WithStyles setIsActive(!isActive)}>\n {items.tempLocation.value\n ? items.tempLocation.value\n : 'Select Location Type'}\n \n
\n {isActive && (\n \n {options?.result.map((item: any) => (\n {\n dispatch(setTempLocation(item));\n dispatch(resetTags());\n setIsActive(false);\n }}\n className={s.dropdown__content__item}\n key={item.value}\n >\n {item.value}\n
\n ))}\n ![\"close](\"/static/media/closeIcon.0fabd0b1.svg\")
\n \n )}\n \n \n \n \n \n \n {results[0].isLoading ? (\n Loading...}>\n \n )}\n \n \n Loading...}>\n \n \n
\n \n \n {tabsValue === 0 && (\n \n
\n Location Type
\n\n
\n {items.tempLocation.value !== 'All Geographies' && (\n <>\n Location Names
\n\n
\n \n )}\n Loading...
\n ) : (\n\n <>\n
\n \n \n {title}\n {toolTip && (\n \n {' '}\n
\n }\n />\n \n )}\n \n \n {title}\n {toolTip && (\n \n {' '}\n {toolTip}
\n
\n {totalLabel}
\n \n {`${prefix && prefix}${abbreviateNumber(totalValue)}`}\n
\n \n \n
\n \n \n \n );\n\nexport default NumberChartWithoutComparison;\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport s from './style/InfoComponent.module.scss';\nimport abbreviateNumber from '../../../../utils/functions/abbreviateNumber';\nimport { CircleTooltip } from '../../../../components';\ntype InfoComponentType = {\n title: string;\n subTitle?: string;\n tooltipText?: string | null;\n value: number;\n isLoading: boolean;\n};\n\nconst InfoComponent: FC\n 0}\n legendTitle={[\n {\n name: cuName,\n },\n {\n name: comparisonName,\n },\n ]}\n data={[\n {\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n name: cuName,\n type: 'bar',\n label: {\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: chartData,\n },\n comparisonChartData && {\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n name: comparisonName,\n type: 'bar',\n label: {\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: comparisonChartData,\n },\n ]}\n legendData={legendData}\n title=\"\"\n />\n
\n \n
\n);\n\nexport default InfoComponent;\n","import { useEffect, useLayoutEffect } from 'react';\n\nconst useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport default useIsomorphicLayoutEffect;\n","import { RefObject, useEffect, useRef } from 'react';\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';\n\nfunction useEventListener\n
\n \n
\n \n {title}{' '}\n {tooltipText && (\n
\n {subTitle && (\n {subTitle}
\n )}\n \n
\n \n {isLoading ?
\n \n
\n);\n\nexport default ExportHeader;\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport ReactECharts from 'echarts-for-react';\n\ntype chartData = { valueCount: number; value: string }[];\ntype NumberChartWidgetType = {\n cuName: string;\n width: string;\n data: any;\n title: any;\n colorPalette: any;\n};\n\nconst Chart: FC\n
\n Impact Report
\n \n \n {`${cuText}${impactIn === 'All Geographies' ? 'ʼs' : ''}`}\n {' '}\n Impact\n {impactIn === 'All Geographies' ? '' : 'in'}{' '}\n \n {impactIn === 'All Geographies' ? '' : impactIn}\n \n
\n \n
\n ${params[0].axisValue}
`;\n params.forEach((item: any) => {\n if (item.data.name === 'Asian/Pacific Islander') {\n let xx;\n if (selected === 'raceWA') {\n xx = `${colorSpan(\n item.color\n )} ${\n item.seriesName\n }
${colorSpan(\n item.color\n )} ${\n item.seriesName\n }
${colorSpan(\n item.color\n )} ${\n item.seriesName\n }
${colorSpan(\n item?.color\n )} ${\n item?.seriesName\n }
${colorSpan(\n item.color\n )} ${item.seriesName}: ${item.data.value}%` + '
';\n rez += xx;\n }\n });\n\n return rez;\n },\n extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);',\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '12px',\n color: '#282828',\n },\n b: {\n padding: [0, 0, 6, 0],\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '26px',\n align: 'center',\n color: '#282828',\n },\n },\n axisPointer: {\n type: 'shadow',\n shadowStyle: {\n borderColor: 'black',\n borderWidth: 5,\n opacity: 0.5,\n },\n },\n },\n title: {\n z: 10,\n text: null,\n left: 25,\n padding: 0,\n textStyle: {\n fontSize: 16,\n fontWeight: 600,\n },\n },\n legend: {\n show: null,\n },\n grid: {\n show: false,\n left:\n chartData[selected] == null && comparisonChartData.raceWA == null\n ? '0'\n : '-20',\n right: '0',\n bottom: '6%',\n top: '12%',\n containLabel: true,\n },\n xAxis: [\n {\n axisTick: {\n show: false,\n },\n splitLine: {\n show: true,\n boundaryGap: true,\n lineStyle: {\n color: '#EFF2F7',\n width: 2,\n },\n },\n type: 'category',\n data: [\n {\n value: 'Asian/Pacific \\n\\n Islander',\n textStyle: {\n fontSize: 8,\n },\n },\n {\n value: 'Black/African-\\n\\nAmerican',\n textStyle: {\n fontSize: 8,\n },\n },\n {\n value: 'Hispanic/\\n\\nLatino',\n textStyle: {\n fontSize: 8,\n },\n },\n {\n value: 'Multiple Races/\\n\\nAnother Race',\n textStyle: {\n fontSize: 8,\n },\n },\n {\n value: 'Native\\n\\n American',\n textStyle: {\n fontSize: 8,\n },\n },\n {\n value: 'White',\n textStyle: {\n fontSize: 8,\n },\n },\n ],\n axisLabel: {\n interval: 0,\n },\n offset: 8,\n axisLine: {\n show: false,\n lineStyle: {\n color: '#7A89A7',\n },\n },\n },\n ],\n yAxis: [\n {\n show: false,\n splitLine: {\n show: false,\n boundaryGap: false,\n },\n type: 'value',\n },\n ],\n series: [\n {\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n barWidth: !isComparison && '35%',\n name: cuName,\n type: 'bar',\n label: {\n fontSize: 8,\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: getChartData(selected, chartData),\n },\n isComparison && {\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n name: comparisonName,\n type: 'bar',\n label: {\n fontSize: 8,\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: getChartData('raceWA', comparisonChartData),\n },\n ],\n };\n return (\n <>\n\n
\n\n \n \n Race & Hispanic\n \n \n {selected === 'raceWA' || (\n \n {Math.round(\n (chartData[selected]?.matchPercent * 100) / 100\n ).toFixed(0)}\n % Match Rate \n \n \n )}\n \n Methodology:{' '}\n \n {methodology[selected as any]}\n \n \n
\n \n \n
\n \n );\n};\n\nexport default ExportRaceChart;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { FC } from 'react';\nimport ExportHeader from './ExportHeader';\nimport abbreviateNumber from '../../../../utils/functions/abbreviateNumber';\nimport Legend from '../../../../components/Legend';\nimport Chart from './NumberChartWidget/Chart';\nimport s from './Export.module.scss';\nimport ExportRaceChart from '../RaceChart/ExportRaceChart';\n\ntype ChartData = { valueCount: number; value: string }[];\n\nconst methadologyMatchRateDescription = {\n raceBIFSG:\n 'The match rate for the BIFSG model represents the number of consumers we were able to estimate race/ethnicity for by using their first name, last name, and location. Unmatched consumers have uncommon first and/or last names. Match rates above 10% produce estimates that are considered reliable. ',\n raceBISG:\n 'The match rate for the BISG model represents how many consumers we were able to estimate race/ethnicity for by using their last name and location. Unmatched consumers have uncommon last names. Match rates above 10% produce estimates that are considered reliable.',\n};\n\nconst methodology = {\n raceBIFSG: 'BIFSG Methodology',\n raceBISG: 'BISG Methodology (Fair Lending)',\n raceWA: 'Weighted Average of Census Block Groups',\n};\nconst methadologyDescription = {\n raceBIFSG:\n 'The Bayesian Improved First Name Surname Geocoding (BIFSG) methodology estimates are based on the race and ethnicity distributions of the census block groups in which a consumer lives, their last name, and their first name.',\n raceBISG:\n 'The Bayesian Improved Surname Geocoding (BISG) methodology estimates are based on the race and ethnicity distributions of both the census block groups in which a consumer lives and their last name. This methodology was first developed by the Rand Corporation and is used by the Consumer Financial Protection Bureau (CFPB) to assess compliance with fair lending laws.',\n raceWA:\n 'Estimates are a weighted average of the race and ethnicity distribution of the census block groups in which consumers reside.',\n};\n\ntype RaceType = {\n white: number;\n black: number;\n native: number;\n asian: number;\n islander: number;\n other: number;\n twoPlus: number;\n hispanic: number;\n matchPercent: number | null;\n};\n\ntype RaceChartType = {\n raceWA: null | RaceType;\n raceBISG: null | RaceType;\n raceBIFSG: null | RaceType;\n};\ntype MyDocumentProps = {\n selected: string;\n refs: React.LegacyRef\n
\n );\n};\n\nexport default MyDocument;\n","/* eslint-disable */\nimport React, { FC, useState, useEffect } from 'react';\nimport Button from '@material-ui/core/Button';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CSSTransition, SwitchTransition } from 'react-transition-group';\nimport s from './style/DownloadDropdown.module.scss';\nimport CheckCircleComponent from '../../../assets/CheckCircleComponent';\nimport DownloadIcon from '../../../assets/DownloadIcon';\nimport downloadFileFunc from '../../../../utils/functions/downloadFileFunc';\n\nconst useStyles = makeStyles({\n cancelButton: {\n background: '#2B39B9!important',\n border: 'none',\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: 600,\n fontSize: '14px',\n lineHeight: '16px',\n color: '#FFFFFF!important',\n },\n submitButton: {\n '&:hover': {\n // opacity: 0.8,\n // filter: 'drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))',\n },\n },\n button: {\n '&:hover': {\n backgroundColor: '#22447D!important',\n },\n },\n});\n\nexport interface IDownloadLink {\n icon: string | React.ReactElement;\n isLeague: boolean;\n url: string;\n func: Function;\n}\n\nconst DownloadDropdown: FC\n
\n\n \n
\n ) : (\n ''\n )}\n \n \n \n {`$${abbreviateNumber(totalBenefits.total)}`}\n \n
\n {title}
\n\n \n
\n \n {`$${abbreviateNumber(totalBenefits.benefits)}`}\n
\n \n Annual Benefit per Consumer\n \n\n
\n \n \n
\n \n Jobs Sustained & Created\n
\n\n {abbreviateNumber(sustainedCreated.totalJobs)}\n
\n Total Jobs\n\n \n
\n \n {abbreviateNumber(sustainedCreated.totalDirect)}\n
\n Direct Jobs\n\n
\n Economic Contribution
\n\n {`$${abbreviateNumber(sustainedCreated.totalContribution)}`}\n
\n Total Contribution\n\n
\n \n \n
\n Total Consumers
\n\n {abbreviateNumber(totalBenefits.members)}\n
\n\n
\n Number of Loans
\n\n {abbreviateNumber(areaData.loans)}\n
\n\n
\n \n
\n Population
\nIn th selected area
\n\n {abbreviateNumber(areaData.population)}\n
\n\n
\n \n \n
\n \n
\n By Area Type
\n\n
\n \n
\n \n \n
\n \n
\n \n Income distribution\n
\n\n \n
\n \n
\n \n
\n Median household income
\n\n ${abbreviateNumber(charts.income.median)}\n
\n\n
\n \n \n
\n \n
\n \n Credit Score Tiers{' '}\n
\n\n \n
\n \n
\n \n
\n Median credit score
\n\n {abbreviateNumber(charts.creditScore.median)}\n
\n\n
\n\n \n \n
\n \n
\n \n Address
\n \n\n Physical Address: \n {cuInfo.shippingAddress}\n
\n \n\n Mailing Address: \n {cuInfo.billingAddress}\n
\n \n\n Email: \n \n {cuInfo.email}\n \n
\n\n
\n \n Company Description
\n \n{cuInfo.description}
\n\n
\n Methodologies
\n \n {isTBTMEnabled ? (\n <>\n\n
\n \n {title}
\n\n Consumers includes credit union members, as well as\n non-members with the sum of (1) the dollar amount that credit\n union consumers save by having loans with interest rates that\n are lower than what borrowers with their credit histories\n would pay at other banks and (2) the extra dollar amounts that\n credit union consumers receive by having deposits with\n interest rates that are higher than they would be at banks,\n each during the last available calendar year. Note that actual\n benefits are larger than our estimates, since we do not\n include, for instance, the benefits from lower fees on other\n financial products.\n
\n\n
\n \n \n ) : (\n ''\n )}\n \n Annual Benefit per Consumer\n
\n\n Annual benefits are only computed for consumers for which we\n have complete data.\n
\n\n
\n \n \n Jobs Sustained & Created\n
\n\n The sum of (1) credit union employees (2) the jobs at credit union\n suppliers, supported by credit union expenses, (3) jobs at\n businesses patroned by credit union consumers, supported by\n dividends paid to consumers, and (4) jobs at businesses benefiting\n from credit union lending, each at the end of the last available\n calendar year.\n
\n\n
\n {isLeague && (\n <>\n {' '}\n \n Economic Contribution
\n\n The sum of (1) compensation paid to credit union employees, (2)\n revenues paid to credit union suppliers, (3) revenues received by\n businesses patroned by credit union consumers, supported by\n dividends paid to consumers, and (4) increases in credit unions'\n net worth, each during the last available calendar year. Note that\n actual economic contributions are larger than our estimates, since\n here we do not include, for instance, benefits to consumers and\n communities through credit union lending, volunteering, and\n community outreach.\n
\n\n
\n \n )}\n {totalBenefits.members !== 0 ? (\n <>\n \n Number of Loans
\n\n Our estimated number of loans does not sum to the total number\n of loans for credit unions headquartered in that area. Instead\n it is based on estimates of loans in individual branches,\n adjusting for the possibility of out of state branches.\n
\n\n
\n \n ) : (\n ''\n )}\n \n Total Consumers
\n\n {isLeague\n ? 'Our estimated number of consumers does not sum to the total number of consumers for credit unions headquartered in that area. Instead it is based on estimates of consumers in individual branches, adjusting for the possibility of out of state branches.'\n : 'Consumers includes credit union members, as well as non-members with loans and deposits listed in AIRES filesConsumers includes credit union members, as well as non-members with loans and deposits listed in AIRES files'}\n
\n\n
\n \n \n Credit Score Tiers\n
\n\n Percentage of loans across consumers' credit score tiers. These\n percentages are computed dividing by the total number of\n outstanding loans (including undrawn lines of credit), not of\n consumers or of borrowers. Some consumers may have zero loans and\n other consumers may have more than one loan. These percentages are\n also not computed based on the dollar value of loans. Many\n reported loans (e.g., lines of credit for credit cards, overdraft\n protection, and home equity loans) have zero balances much of the\n time.\n
\n\n
\n \n Race & Hispanic Origin\n
\n\n \n Methodology:{' '}\n \n {methodology[selected as any]}\n \n \n
\n\n {methadologyDescription[selected]}\n
\n {selected === 'raceWA' || (\n <>\n {' '}\n\n \n Match Rate:\n \n
\n\n {methadologyMatchRateDescription[selected]}\n
\n \n )}\n\n \n
\n ),\n };\n return (\n <>\n \n <>\n {options.map(\n (option) =>\n option && (\n \n {option.name}\n \n )\n )}\n \n
\n \n
\n \n {loadingItemsPercent >= 100 ? (\n <>\n \n \n <>\n {IsTMTenabled ? (\n \n ) =>\n `locationIds=${value}${\n index === array.length - 1 ? '' : '&'\n }`\n )\n .join('')}`}\n icon={\n Export\n \n \n )}\n \n \n \n
\n \n }\n pageCrumbs={crumbs}\n >\n <>\n {isLeague && results[0]?.isLoading ? (\n \n
\n ) : (\n \n setIsAlertOpen(false)}\n />\n
\n )}\n \n \n \n );\n }\n);\n\nexport default ImpactReportPage;\n","/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useState, FC, useEffect, Suspense } from 'react';\nimport { Route, Routes, useLocation } from 'react-router-dom';\nimport { useDispatch } from 'react-redux';\nimport { useQueries } from 'react-query';\nimport { setIsLeagueGlobal } from './containers/ImpactReportPage/Slice/impactReportSlice';\nimport { ResponseType, GetIsAreaEmpty, GetCUInfo, GetPaywallInfo } from './api';\nimport ImpactReportPage from './containers/ImpactReportPage';\nimport { appConfig } from '../constants/index';\nimport { Page404, DataPrepareAlert, Loader } from './components';\nimport { sendGlobalData } from './utils/functions/sendGlobalData';\nimport AuthService from '../helpers/client';\n\nconst DataManagementPage = React.lazy(\n () => import('./containers/DataManagementPage/index')\n);\nconst PersonaProfilePage = React.lazy(\n () => import('./containers/PersonaProfilePage/index')\n);\nconst CDFICertificationReport = React.lazy(\n () => import('./containers/CDFICertificationReport/CDFICertificationReport')\n);\nconst CDFICertificationPage = React.lazy(\n () => import('./containers/CDFICertificationPage/CDFICertificationPage')\n);\nconst LIDEvaluationPage = React.lazy(\n () => import('./containers/LIDEvaluationPage/LIDEvaluationPage')\n);\nconst RedirectPage = React.lazy(\n () => import('./containers/RedirectPage/index')\n);\n\nconst auth = new AuthService();\n\ntype CUdataType = {\n shippingAddress: string;\n billingAddress: string;\n email: string;\n description: string;\n logoUrl: string;\n cuName: string;\n fiscalYearEnd: Date;\n};\n\ntype GlobalData = {\n fullName: string;\n description: string;\n image?: string;\n activeCU: string;\n env: string;\n hiddenLinks?: string[];\n disableLinks?: string[];\n activeLink?: string;\n};\n\ndeclare global {\n interface Window {\n masterLayoutProps: GlobalData;\n }\n}\n\nfunction parseJwt(token: string) {\n const base64Url = token.split('.')[1];\n const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n const jsonPayload = decodeURIComponent(\n atob(base64)\n .split('')\n .map((c) => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`)\n .join('')\n );\n return JSON.parse(jsonPayload);\n}\n\nfunction waitForElm(selector: string) {\n // eslint-disable-next-line consistent-return\n return new Promise((resolve): void => {\n if (document.querySelector(selector)) {\n return resolve(document.querySelector(selector));\n }\n\n const observer = new MutationObserver((mutations) => {\n if (document.querySelector(selector)) {\n resolve(document.querySelector(selector));\n observer.disconnect();\n }\n });\n\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n });\n });\n}\nconst silentLogout = () => {\n localStorage.setItem('redirectUrl', window.location.origin);\n auth.logout();\n localStorage.removeItem('token');\n localStorage.removeItem('idToken');\n localStorage.removeItem('isProcessingModalClose');\n};\n\n// 31th of December, year doesn't matter\nconst defaultFiscalYearEnd = new Date(2024, 11, 31);\n\nconst App: FC = () => {\n const currentLocation = useLocation();\n const dispatch = useDispatch();\n const [userData, setUserData] = useState\n
\n \n
\n \n
\n \n
\n \n
\n );\n }\n const resultArr = cuData.pages.map((x) => x.replace(/[^#]+/, ''));\n if (!resultArr.includes(elem)) {\n return \n
\n );\n }\n\n return (\n Oops,something went wrong...
;\n};\n","import { AppInsightsErrorBoundary } from '@microsoft/applicationinsights-react-js';\nimport React, { Component, ReactNode, ErrorInfo } from 'react';\nimport { reactPlugin, appInsights } from '../../helpers/AppInsights';\nimport { sendGlobalData } from './functions/sendGlobalData';\nimport { ErrorPage } from './ErrorPage';\n\ninterface Props {\n children: ReactNode;\n}\n\ninterface State {\n hasError: boolean;\n}\n\nexport class ErrorBoundary extends Component\n {name}\n
\n ))\n ) : (\n \n {cuName}\n
\n )}\n {comparisonName !== 'No Comparison' && comparisonName !== cuName && (\n \n {comparisonName}\n \n
\n )}\n \n);\n\nexport default Legend;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"breadcrumb\":\"Breadcrumbs_breadcrumb__LKf0W\",\"breadcrumb__title\":\"Breadcrumbs_breadcrumb__title__p2uMa\",\"breadcrumb__right\":\"Breadcrumbs_breadcrumb__right__QReoX\",\"breadcrumb__source\":\"Breadcrumbs_breadcrumb__source__3oxkP\",\"breadcrumb__source__item\":\"Breadcrumbs_breadcrumb__source__item__2AhWq\",\"breadcrumb__source__item__active\":\"Breadcrumbs_breadcrumb__source__item__active__2c-c4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"widget\":\"QualifyingLoans_widget__5haam\",\"widget__currentSubmission\":\"QualifyingLoans_widget__currentSubmission__2rOb3\",\"widget__value\":\"QualifyingLoans_widget__value__erw75\",\"widget__lastSubmission\":\"QualifyingLoans_widget__lastSubmission__3Rzs4\",\"widget__percent\":\"QualifyingLoans_widget__percent__sdhwg\",\"widget__tittle\":\"QualifyingLoans_widget__tittle__2s2cz\",\"widget__tittle__tooltip\":\"QualifyingLoans_widget__tittle__tooltip__19hvr\",\"widget__vertical\":\"QualifyingLoans_widget__vertical__Knh1e\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"InfoComponent_container__1jOHk\",\"container__content\":\"InfoComponent_container__content__1c6JQ\",\"container__content__title\":\"InfoComponent_container__content__title__3sWrO\",\"container__content__title__text\":\"InfoComponent_container__content__title__text__2-rcZ\",\"container__content__title__subText\":\"InfoComponent_container__content__title__subText__2iNsJ\",\"container__content__value__text\":\"InfoComponent_container__content__value__text__1J0oj\"};","export enum Comparison {\n 'No Comparison' = 0,\n 'Demographics of Residents Within 5 Miles of Branches' = 1,\n 'FOM rules territory' = 2,\n}\n","import axios, { AxiosResponse } from 'axios';\nimport humps from 'humps';\nimport AuthService from './client';\nimport { appConfig } from '../constants';\n\nconst auth = new AuthService();\nconst httpClient = axios.create({\n baseURL: appConfig.api,\n // `validateStatus` defines whether to resolve or reject the promise for a given\n // HTTP response status code. If `validateStatus` returns `true` (or is set to `null`\n // or `undefined`), the promise will be resolved; otherwise, the promise will be\n // rejected.\n validateStatus(status) {\n return status >= 200 && status < 302; // default\n },\n});\nhttpClient.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\nhttpClient.defaults.withCredentials = true;\nhttpClient.interceptors.request.use(async (config) => {\n const stringToken = window.localStorage.getItem('token');\n if (stringToken) {\n const token = stringToken;\n if (token) {\n if (process.env.REACT_APP_TOKEN) {\n // eslint-disable-next-line no-param-reassign\n config.headers.Authorization = `Bearer ${process.env.REACT_APP_TOKEN}`;\n }\n // eslint-disable-next-line no-param-reassign\n config.headers.Authorization = `Bearer ${token}`;\n }\n }\n return config;\n});\nhttpClient.interceptors.response.use(\n async (response) => {\n if (response.data.err) {\n if (response.data.status === 401) {\n window.location.href = '/';\n }\n return Promise.reject(response);\n }\n const { data } = humps.camelizeKeys({ ...response }) as AxiosResponse;\n return Promise.resolve(data);\n },\n async (error) => {\n if (error.response.status === 401) {\n auth.login({ redirectUrl: window.location.href });\n localStorage.removeItem('token');\n localStorage.removeItem('idToken');\n localStorage.removeItem('isProcessingModalClose');\n }\n return Promise.reject(error.response);\n }\n);\n\nexport default httpClient;\n","/* eslint-disable */\nimport React, { FC } from 'react';\n\ntype FileIconComponentType = {\n color?: string;\n width?: string;\n height?: string;\n};\n\nconst CheckCircleComponent: FC\n
\n );\n};\n\nconst shouldRerender = (prevProps: ToastProps, nextProps: ToastProps) =>\n prevProps.id === nextProps.id;\n\nexport default memo(Toast, shouldRerender);\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ToastProps, ToastOptions } from './types';\nimport Toast from './index';\n\nexport class ToastManager {\n private containerRef: HTMLDivElement;\n\n private toasts: ToastProps[] = [];\n\n constructor() {\n const body = document.getElementsByTagName('body')[0] as HTMLBodyElement;\n const toastContainer = document.createElement('div') as HTMLDivElement;\n toastContainer.id = 'toast-container-main';\n body.insertAdjacentElement('beforeend', toastContainer);\n this.containerRef = toastContainer;\n }\n\n public show(options: ToastOptions): void {\n /* Creating a random id for the toast and then creating a toast object with the id and the options\npassed in. */\n const toastId = Math.random().toString(36).substr(2, 9);\n const toast: ToastProps = {\n id: toastId,\n ...options, // if id is passed within options, it will overwrite the auto-generated one\n destroy: () => this.destroy(options.id ?? toastId),\n };\n\n this.toasts = [toast, ...this.toasts];\n this.render();\n }\n\n public destroy(id: string): void {\n this.toasts = this.toasts.filter((toast: ToastProps) => toast.id !== id);\n this.render();\n }\n\n private render(): void {\n const toastsList = this.toasts.map((toastProps: ToastProps) => (\n {TOASTER_VIEW[type].icon}
\n \n
\n \n \n
\n {title}
\n${colorSpan(\n params.color\n )}${itemName}: ${params.data.value}%` + '
'\n );\n },\n position(point: any, params: any, dom: any, rect: any, size: any) {\n // The tooltip is displayed to the right when the mouse is on the left, and the tooltip is displayed to the left when the mouse is on the right\n const obj: any = { top: point[1] };\n obj[['left', 'right'][+(point[0] < size.viewSize[0] / 5)]] = 5;\n return obj;\n },\n axisPointer: {\n type: 'shadow',\n shadowStyle: {\n borderColor: 'black',\n borderWidth: 5,\n opacity: 0.5,\n },\n },\n },\n\n legend: {\n show: false,\n type: 'scroll',\n textStyle: {\n fontFamily: 'Open Sans',\n fontWeight: 600,\n fontStyle: 'normal',\n fontSize: '12px',\n color: '#282828',\n },\n top: 'middle',\n left: '56%',\n orient: 'vertical',\n icon: 'circle',\n align: 'left',\n itemGap: 16,\n },\n label: {\n fontSize: 28,\n fontFamily: 'Open Sans',\n fontWeight: 600,\n fontStyle: 'normal',\n color: value > medianValue ? '#7BD5A7' : '#f35461',\n formatter: `{${value}}%`,\n },\n\n color: value > medianValue ? colorPalettePositive : colorPaletteNegative,\n series: [\n {\n type: 'pie',\n radius: ['60%', '73%'],\n avoidLabelOverlap: false,\n legendHoverLink: false,\n center: ['40%', '50%'],\n labelLayout: {\n hideOverlap: true,\n },\n label: {\n normal: {\n width: '96',\n border: 100,\n show: true,\n position: 'center',\n formatter: `${value}%`,\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontWeight: 600,\n fontStyle: 'normal',\n fontSize: '12px',\n color: value > medianValue ? '#7BD5A7' : '#f35461',\n },\n },\n },\n emphasis: {\n focus: 'series',\n blurScope: 'coordinateSystem',\n width: '96',\n backgroundColor: 'rgba(255, 255, 255, 1)',\n show: true,\n formatter: '{b|{c}%}',\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontWeight: 600,\n fontStyle: 'normal',\n fontSize: '12px',\n color: value > medianValue ? '#7BD5A7' : '#f35461',\n },\n },\n },\n },\n itemStyle: {\n normal: {\n label: {\n show: false,\n },\n },\n emphasis: {\n label: {\n show: true,\n },\n },\n },\n emphasis: {\n label: {\n show: false,\n fontSize: '10',\n fontWeight: 'bold',\n },\n },\n labelLine: {\n show: false,\n },\n data: pieData,\n },\n ],\n };\n\n const useStylesBootstrap = makeStyles((theme: Theme) => ({\n arrow: {\n color: '#282828',\n },\n tooltip: {\n fontSize: '12px',\n minWidth: '320px',\n padding: '16px',\n backgroundColor: '#282828',\n color: 'white',\n },\n }));\n const classes = useStylesBootstrap();\n const legendData = isCustomData\n ? [\n {\n color:\n value > medianValue\n ? 'rgba(196, 223, 203, 1)'\n : 'rgba(171, 21, 33, 0.5)',\n name: 'Custom Investment Area (CIA)',\n },\n {\n color: value > medianValue ? 'rgba(147, 208, 163, 1)' : '#AB1521',\n name: 'Investment Area (IA)',\n },\n {\n color: value > medianValue ? 'rgba(82, 179, 107, 1)' : '#D03340',\n name: 'Low-Income Target Population (LITP)',\n },\n {\n color: value > medianValue ? 'rgba(52, 115, 68, 1)' : '#F35461',\n name: 'Both (IA & LITP)',\n },\n {\n color: 'rgba(122, 137, 167, 1)',\n name: 'Other Targeted Population (OTP) ',\n isDisabled: true,\n },\n {\n color: 'rgba(228, 231, 237, 1)',\n name: 'No',\n },\n ]\n : [\n {\n color: value > medianValue ? '#2DB295' : '#AB1521',\n name: 'Investment Area (IA)',\n },\n {\n color: value > medianValue ? '#0E806F' : '#D03340',\n name: 'Low-Income Target Population (LITP)',\n },\n {\n color: value > medianValue ? '#0E665B' : '#F35461',\n name: 'Both (IA & LITP)',\n },\n {\n color: '#7A89A7',\n name: 'Other Targeted Population (OTP) ',\n isDisabled: true,\n },\n {\n color: '#E4E7ED',\n name: 'No',\n },\n ];\n const mapList = () => {\n return legendData.map((i, index: number) => {\n if (i.isDisabled) {\n return (\n\n medianValue\n ? 'rgba(44, 179,146, 0.08)'\n : 'rgba(243, 84,97, 0.08)',\n }}\n >\n medianValue ? '#7BD5A7' : '#f35461' }}\n >\n {`${statsPrefix}${statsValue.toLocaleString('en')}`}\n \n
\n \n \n );\n};\n\nexport { GaugeCDFIChart };\n","import React, { useEffect } from 'react';\nimport { sendGlobalData } from '../../utils/functions/sendGlobalData';\n\nconst Page404 = () => {\n useEffect(() => {\n sendGlobalData({\n errorType: 'notFoundError',\n });\n }, []);\n return <>;\n};\nexport { Page404 };\n","export default __webpack_public_path__ + \"static/media/documentIcon.64e653ec.svg\";","export default __webpack_public_path__ + \"static/media/closeIcon.0fabd0b1.svg\";","export default __webpack_public_path__ + \"static/media/calendarIcon.c689bd71.svg\";","export default __webpack_public_path__ + \"static/media/acmd.2a1571a4.svg\";","export default __webpack_public_path__ + \"static/media/delete.03ce3a4c.svg\";","/* eslint-disable */\nimport React, { FC } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport s from './FileUpload.module.scss';\nimport acmdIcon from './assets/acmd.svg';\nimport reloadIcon from './assets/reload.svg';\nimport deleteIcon from './assets/delete.svg';\n\nexport interface FileUploadProps {\n onDrop: any;\n accept: string | string[];\n fileName: string;\n isDropAccepted: boolean;\n removeFile?: () => void;\n}\n\nconst FileUpload: FC\n
\n {label}
\n\n (at least 60% needed to qualify)\n
\n\n
\n \n \n \n {mapList()}\n
\n \n
\n {statsLabel}
\n\n\n \n
\n )}\n \n
\n \n );\n};\nexport default FileUpload;\n","import FileUpload from './FileUpload';\n\nexport default FileUpload;\n","export interface OsType {\n result: 'Mac' | 'Windows' | undefined;\n}\n\nconst getOs = (): 'Windows' | 'Mac' => {\n const os = ['Windows', 'Mac']; // If in feature wee need other os , we should add OS values\n const result = os.find((v) => navigator.appVersion.indexOf(v) >= 0);\n if (result !== undefined) {\n return result as 'Windows' | 'Mac';\n }\n return 'Mac';\n};\n\nexport default getOs;\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useState, useEffect } from 'react';\nimport Button from '@material-ui/core/Button';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CSSTransition, SwitchTransition } from 'react-transition-group';\nimport getOS from '../../../utils/functions/getOS';\nimport { appConfig } from '../../../../constants';\nimport downloadFileFunc from '../../../utils/functions/downloadFileFunc';\nimport s from './DownloadWidget.module.scss';\nimport CheckCircleComponent from '../../../containers/assets/CheckCircleComponent';\nimport DownloadIcon from '../../../containers/assets/DownloadIcon';\n\nconst useStyles = makeStyles({\n cancelButton: {\n '&:hover': {\n background: 'rgba(43, 57, 185, 0.8)!important',\n },\n },\n submitButton: {\n '&:hover': {\n // opacity: 0.8,\n // filter: 'drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))',\n },\n },\n button: {\n backgroundColor: 'green!important',\n color: '#fffff',\n '&:hover': {\n backgroundColor: 'green!important',\n },\n },\n});\n\nconst options = ['Mac', 'Windows'];\n\nconst DownloadWidget: FC = () => {\n const [open, setOpen] = useState\n {!isDropAccepted && (\n
\n \n
\n )}\n \n Drag & drop or{' '}\n browse\n
\nFile should be .acmd
\n\n <>\n {options.map((option) => (\n {\n handleDownloadClick(option as 'Windows' | 'Mac');\n }}\n key={option}\n className={`${s.dropdown__item}`}\n >\n Download Data Preparer for {option}\n \n ))}\n \n
\n \n \n
\n ),\n };\n return (\n {States[status]}
\n \n
\n);\n\nexport default Alert;\n","/* eslint-disable */\nimport React, { FC, useState, useCallback } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport {\n createStyles,\n makeStyles,\n Theme,\n withStyles,\n WithStyles,\n} from '@material-ui/core/styles';\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport 'date-fns';\nimport { useNavigate } from 'react-router-dom';\nimport Grid from '@material-ui/core/Grid';\nimport DateFnsUtils from '@date-io/date-fns';\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from '@material-ui/pickers';\nimport { toast } from '../../components/Toast/ToastManager';\nimport { useQueryClient } from 'react-query';\nimport httpClient from '../../../helpers/http';\nimport documentIcon from './assets/documentIcon.svg';\nimport CloseIcon from './assets/closeIcon.svg';\nimport CalendarIcon from './assets/calendarIcon.svg';\nimport FileUpload from '../FileUpload';\nimport DownloadWidget from './DownloadWidget';\nimport s from './Modal.module.scss';\nimport { CircleTooltip, DataInProgress, Loader } from '../index';\nimport Alert from './Alert';\ninterface Props extends WithStyles\n
\n {processText(text)}
\n\n {isLid ? (\n \n Add dates of birth\n \n ) : (\n \n {buttonText}\n \n \n )}\n \n <>\n \n Upload Data\n \n {isLoading ? (\n \n \n ) : (\n <>\n {' '}\n \n \n Learn about AIRES/AIRES+ files\n \n \n
\n\n \n
\n Please, wait a moment
\n\n Your files are currently in the process of uploading to our\n system. Due to the size and number of files, this may take a\n few minutes.\n
\n\n \n 1\n \n \n Download Data Preparer to prepare the data\n \n
\n
\n\n \n 1\n \n \n Download Data Preparer to prepare the data\n \n \n You can skip this step if you have already installed it\n
\n \n
\n \n 2\n {textConfig['aries+'].step2}\n
\n\n Document Date{' '}\n
\n {textConfig['aries+'].loanTitle}\n
\n\n {loanErrorMessage}\n
\n )}\n\n \n removeLoanFile(setShareFile, setShareDrop)\n }\n onDrop={(file: any) => {\n onShareDrop(file);\n setAlertErrorMessage('');\n }}\n accept=\".acmd\"\n fileName={shareName}\n isDropAccepted={shareDrop}\n />\n {isValid && !shareDrop && (\n
\n {alertErrorMessage && (\n \n {textConfig['aries+'].shareTitle}\n
\n\n {shareErrorMessage}\n
\n )}\n\n
\n )}\n \n \n
\n);\n\nexport default TestStatus;\n","/* eslint-disable */\nimport React, { FC } from 'react';\n// eslint-disable-next-line import/no-cycle\nimport { CircleTooltip } from '../index';\nimport s from './QualifyingLoans.module.scss';\n\nexport interface QualifyingLoansProps {\n value: number;\n description?: string | React.ReactElement;\n label?: string;\n widgetHight?: string;\n widgetMargin?: string;\n}\n\nexport interface StatsBlocksProps {\n value?: number | undefined;\n timeStamp?: string | undefined;\n}\n\nconst StatsBlock: FC\n 
\n \n {isPassed\n ? 'Pre-qualified '\n : `${isLid ? 'LID' : 'CDFI'} status not met`}\n \n
\n \n {value > 0 ? '+' : ''}\n {value?.toLocaleString('en')}\n
\n\n {`change since previous Document Date (${timeStamp})`}\n
\n \n);\nconst QualifyingLoans: FC\n \n {label}\n {!description || (\n \n
\n
\n \n {label}\n {!description || (\n \n
\n \n
\n \n);\nexport { QualifyingLoans, StatsBlock };\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport { Button } from '@material-ui/core';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport downloadFileFunc from '../../utils/functions/downloadFileFunc';\n\nexport interface IDownloadLink {\n dateRange?: string;\n newTab?: boolean;\n file?: string | React.ReactElement;\n isEnabled?: boolean;\n hrefLink?: string;\n btnText: string;\n style?: React.CSSProperties;\n icon: string | React.ReactElement;\n description?: string;\n}\n\nconst DownloadLink: FC\n
\n \n
\n \n {value.toLocaleString('en')}\n
\n{children}
\n ` +\n `
` +\n ''\n );\n },\n },\n dataZoom: [\n {\n type: 'inside',\n start: 0,\n end: 100,\n },\n {\n start: 0,\n end: 10,\n },\n ],\n xAxis: {\n type: 'category',\n inverse: true,\n splitLine: {\n show: false,\n boundaryGap: false,\n },\n splitNumber: 2,\n axisLabel: {\n margin: 40,\n color: '#7A89A7',\n fontFamily: 'Open Sans',\n showMinLabel: true,\n showMaxLabel: true,\n },\n axisLine: {\n lineStyle: {\n color: 'transparent',\n },\n },\n },\n visualMap: {\n show: false,\n dimension: 1,\n pieces: [\n {\n lte: medianValue,\n color: '#f35461',\n },\n {\n gt: medianValue + 0.01,\n // ToDo If we need smooth line fradient the best solution is use epsilon value\n // gt: 50 + Number.EPSILON * 100,\n color: '#7BD5A7',\n },\n ],\n },\n yAxis: {\n min: 0,\n axisLabel: {\n margin: 40,\n color: '#7A89A7',\n fontFamily: 'Open Sans',\n },\n max: 100,\n splitLine: {\n show: true,\n lineStyle: {\n color: ['#ECE9F1'],\n width: 1.2,\n type: 'dashed',\n },\n },\n },\n grid: {\n left: 95,\n top: 50,\n right: 75,\n bottom: 100,\n },\n series: series.map(({ data, lineStyle }) => ({\n type: 'line',\n smoothMonotone: 'null',\n animate: true,\n smoothConstraint: true,\n showSymbol: true,\n smooth: true,\n symbolSize: 8,\n symbol: `emptyCircle`,\n select: {\n selectedMode: 'single',\n itemStyle: {\n borderWidth: 15,\n shadowBlur: 51.1,\n },\n },\n hoverAnimation: true,\n markLine: {\n silent: true,\n symbol: ['none', 'none'],\n label: { show: false },\n precision: 0,\n zlevel: 0,\n z: 0,\n lineStyle: {\n color: '#C2CEE0',\n type: 'dashed',\n opacity: 1,\n width: 2.5,\n },\n data: [\n {\n yAxis: medianValue + 1,\n },\n ],\n },\n emphasis: {\n focus: 'series',\n blurScope: 'coordinateSystem',\n },\n animation: false,\n lineStyle,\n data,\n })),\n };\n\n return (\n ${date}\n
` +\n `${cusSpan.toFixed(2)}%
${toolTipText}
\n \n
\n );\n};\nexport default Chart;\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport ReactECharts from 'echarts-for-react';\n\ninterface DataItem {\n name: String;\n value: any[];\n}\n\ninterface DataSeries {\n data: DataItem[];\n}\n\nexport interface BarChartProps {\n data: object;\n title: string;\n legendTitle: any[];\n legendData: any[];\n showLegend?: boolean;\n isEmpty: boolean;\n styleProperty?: any;\n bottomMargin?: string;\n colorPalette?: string[];\n style?: any;\n}\n\nconst BarChart: FC\n
\n \n
\n {title}
\n\n
\n \n setIsLegendVisible(!isLegendVisible)}\n />\n
\n \n
\n \n \n {isLID ? (\n
\n \n
\n ) : (\n <>\n \n
\n \n
\n \n
\n \n
\n \n Number of Loans\n
\n\n
\n \n
\n \n
\n \n
\n \n )}\n \n Dollar amount\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n ' +\n params[0].axisValue +\n '
';\n params.forEach((item: any) => {\n var xx =\n '' +\n colorSpan(item.color) +\n ' ' +\n item.seriesName +\n ': ' +\n item.data +\n '%' +\n '
';\n rez += xx;\n });\n\n return rez;\n },\n extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);',\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '12px',\n color: '#282828',\n },\n b: {\n padding: [0, 0, 6, 0],\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '26px',\n align: 'center',\n color: '#282828',\n },\n },\n axisPointer: {\n // 'line' | 'shadow'\n type: 'shadow',\n shadowStyle: {\n borderColor: 'black',\n borderWidth: 5,\n opacity: 0.5,\n },\n },\n },\n title: {\n z: 10,\n text: showLegend ? title : null,\n left: isEmpty ? 25 : 0,\n padding: 0,\n textStyle: {\n fontSize: 16,\n fontWeight: 600,\n },\n },\n legend: {\n //Top tittles\n show: showLegend,\n data: legendTitle,\n itemHeight: 7,\n itemWidth: 18,\n right: '0',\n z: 20,\n width: '13%',\n align: 'right',\n reversed: true,\n verticalAlign: 'top',\n floating: true,\n padding: 4,\n symbolPadding: -3,\n itemDistance: 10,\n textStyle: {\n fontFamily: 'Open Sans',\n fontWeight: 600,\n color: '#282828',\n fontStyle: 'normal',\n fontSize: '12px',\n },\n },\n grid: {\n show: false,\n left: '0',\n right: '0',\n bottom: bottomMargin,\n containLabel: true,\n },\n xAxis: [\n {\n axisTick: {\n show: false,\n },\n splitLine: {\n show: true,\n boundaryGap: true,\n lineStyle: {\n color: '#EFF2F7',\n width: 2,\n },\n },\n type: 'category',\n data: legendData,\n axisLabel: {\n interval: 0,\n // rotate: 30 //If the label names are too long you can manage this by rotating the label.\n },\n offset: 8,\n axisLine: {\n show: false,\n lineStyle: {\n color: '#7A89A7',\n },\n },\n },\n ],\n yAxis: [\n {\n show: false,\n splitLine: {\n show: false,\n boundaryGap: false,\n },\n type: 'value',\n },\n ],\n series: data,\n };\n\n return (\n' + pieName + '
';\n var xx =\n '' +\n colorSpan(params.data.name1 ? '#232B95' : params.color) +\n '' +\n itemName +\n ': ' +\n params.data.value +\n '%' +\n '
';\n rez += xx;\n var ss = cuName\n ? '' +\n colorSpan('#7BD5A7') +\n '' +\n params.data.name1 +\n ': ' +\n params.data.value1 +\n ' % ' +\n '
'\n : '';\n return (rez += ss);\n },\n position: function (\n point: any,\n params: any,\n dom: any,\n rect: any,\n size: any\n ) {\n // The tooltip is displayed to the right when the mouse is on the left, and the tooltip is displayed to the left when the mouse is on the right\n let obj: any = { top: point[1] };\n obj[['left', 'right'][+(point[0] < size.viewSize[0] / 5)]] = 5;\n return obj;\n },\n axisPointer: {\n type: 'shadow',\n shadowStyle: {\n borderColor: 'black',\n borderWidth: 5,\n opacity: 0.5,\n },\n },\n },\n legend: {\n type: 'scroll',\n textStyle: {\n fontFamily: 'Open Sans',\n fontWeight: 600,\n fontStyle: 'normal',\n fontSize: '12px',\n color: '#282828',\n },\n top: 'middle',\n left: '56%',\n orient: 'vertical',\n icon: 'circle',\n align: 'left',\n itemGap: 16,\n },\n\n color: colorPalette,\n\n series: [\n {\n name: pieTitle,\n type: 'pie',\n radius: ['50%', '70%'],\n avoidLabelOverlap: false,\n legendHoverLink: false,\n center: ['29%', '50%'],\n labelLayout: {\n hideOverlap: true,\n },\n\n label: {\n normal: {\n width: '90',\n border: 100,\n show: true,\n position: 'center',\n formatter: '{b|{c}%}\\n{a|{b}}',\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontWeight: 600,\n fontStyle: 'normal',\n fontSize: '12px',\n color: '#282828',\n },\n b: {\n padding: [0, 0, 6, 0],\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '26px',\n align: 'center',\n color: '#282828',\n },\n },\n },\n emphasis: {\n focus: 'series',\n blurScope: 'coordinateSystem',\n width: '90',\n backgroundColor: 'rgba(255, 255, 255, 1)',\n show: true,\n formatter: '{b|{c}%}\\n{a|{b}}',\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '12px',\n color: '#282828',\n },\n b: {\n padding: [0, 0, 6, 0],\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '26px',\n align: 'center',\n color: '#282828',\n },\n },\n },\n },\n itemStyle: {\n normal: {\n label: {\n show: false,\n },\n },\n emphasis: {\n label: {\n show: true,\n },\n },\n },\n emphasis: {\n label: {\n show: false,\n fontSize: '10',\n fontWeight: 'bold',\n },\n },\n labelLine: {\n show: false,\n },\n data: pieData,\n },\n ],\n };\n\n return (\n\n
\n \n );\n};\nexport default Pie;\n","export default __webpack_public_path__ + \"static/media/loadDataInProgress.52d8cdce.svg\";","import React, { FC } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport LoadDataInProgress from './assets/loadDataInProgress.svg';\nimport s from './DataInProgress.module.scss';\n\ninterface DataInProgressProps {\n open: boolean;\n setOpen: (boolean: boolean) => void;\n}\nconst useStyles = makeStyles({\n submitButton: {\n backgroundColor: '#52B36B',\n height: '40px',\n '&:hover': {\n backgroundColor: '#5CB082!important',\n },\n },\n});\nconst DataInProgress: FC\n
\n \n The systems needs a few minutes to upload files for processing.\n Please, wait a few minutes before reloading page to the review the\n current status of data processing\n
\n\n
\n);\n","import React, { FC, ChangeEvent } from 'react';\nimport { Tabs, Tab, makeStyles, Theme } from '@material-ui/core';\n\ninterface TabInfo {\n label: string;\n}\n\ninterface CenteredTabsProps {\n tabs: TabInfo[];\n handleChange: (event: ChangeEvent<{}>, newValue: number) => void;\n value: number;\n // eslint-disable-next-line react/require-default-props\n styleType?: 'primary' | 'secondary';\n}\n\nconst useStyles = makeStyles((theme: Theme) => {\n const commonStyles = {\n textTransform: 'none',\n minWidth: 72,\n opacity: 1,\n background: 'none',\n fontSize: '16px',\n lineHeight: '22px',\n fontFamily: 'Open Sans',\n };\n\n const primaryStyles = {\n color: '#282828',\n fontWeight: 600,\n marginRight: theme.spacing(4),\n borderRadius: '4px',\n background: 'none',\n '&:hover': {\n color: '#232B95',\n opacity: 1,\n fontWeight: theme.typography.fontWeightMedium,\n boxShadow: '0px 2px 15px rgb(0 0 0 / 5%)',\n borderRadius: '4px',\n background: 'none',\n },\n '&$antTabSelected': {\n color: '#232B95',\n fontWeight: theme.typography.fontWeightMedium,\n },\n '&:focus': {\n color: '#232B95',\n },\n };\n\n const secondaryStyles = {\n alignText: 'left',\n color: '#282828',\n padding: '4px',\n fontWeight: 600,\n marginRight: '24px',\n '&:hover': {\n color: '#232B95',\n opacity: 1,\n fontWeight: theme.typography.fontWeightMedium,\n boxShadow: '0px 2px 15px rgb(0 0 0 / 5%)',\n borderRadius: '4px',\n background: 'none',\n },\n '&$antTabSelected': {\n color: '#232B95',\n fontWeight: theme.typography.fontWeightMedium,\n },\n '&:focus': {\n color: '#232B95',\n },\n };\n\n return {\n root: {\n flexGrow: 1,\n },\n primaryTabs: {\n borderBottom: '2px solid #e8e8e8',\n },\n secondaryTabs: {\n borderBottom: 'none',\n },\n primaryTab: {\n ...commonStyles,\n ...primaryStyles,\n },\n secondaryTab: {\n ...commonStyles,\n ...secondaryStyles,\n },\n antTabSelected: {},\n indicator: {\n backgroundColor: '#232B95',\n },\n };\n});\n\nconst CenteredTabs: FC\n {img && (\n
\n \n \n
\n )}\n {title}
\n\n {text}\n
\n {children}
\n \n \n {tabs.map((tab, index) => (\n
\n );\n};\n\nexport default CenteredTabs;\n","/* eslint-disable */\nimport React from 'react';\n\ninterface TabPanelProps {\n children?: React.ReactNode;\n index: any;\n value: any;\n}\n\nfunction TabPanel(props: TabPanelProps) {\n const { children, value, index, ...other } = props;\n\n return (\n {children}
}\n \n );\n}\n\nexport default TabPanel;\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport s from './style/UnionInfo.module.scss';\n\ninterface UnionInfoType {\n cuName: string;\n comparisonName?: string;\n}\nconst UnionInfo: FC\n
\n);\n\nexport default UnionInfo;\n","import React, { FC } from 'react';\nimport s from './style/UnionInfo.module.scss';\n\nconst UnionInfoNoData: FC = ({ children }) => (\n \n
\n \n \n Credit Union\n \n
\n \n {cuName}
\n\n \n Comparison\n \n
\n - \n
- \n {comparisonName}\n \n
\n \n
\n \n);\n\nexport default UnionInfoNoData;\n","/* eslint-disable */\nimport React, { FC } from 'react';\nimport s from './style/InfoBlock.module.scss';\nimport { CircleTooltip } from '../CircleTooltip';\n\ninterface InfoBlockType {\n description?: string | React.ReactElement;\n title?: string | React.ReactElement;\n medianAge: number | string;\n medianComparisonAge?: string | undefined | null | React.ReactElement;\n numberDescription: string | undefined | null | React.ReactElement;\n icon?: string;\n numberDescriptionStyle?: string;\n prefix?: string;\n tooltipText?: string | React.ReactElement;\n}\n\nconst InfoBlock: FCNo CU Member Data
\n\n There is no uploaded member data (AIRES files), please upload the data\n to review persona profile of your members. Before that you could review\n only general data based on geographical locations\n
\n {children}
\n \n {title && (\n \n {title}\n {description && (\n \n
\n )}\n\n
\n )}\n \n \n );\n};\n\nexport default InfoBlock;\n","import React, { FC } from 'react';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport { CSSTransition } from 'react-transition-group';\n\ninterface DataLoaderType {\n isLoading: boolean;\n}\n\nconst DataLoader: FC\n {title}\n {description && (\n \n
\n )}\n\n \n
\n {medianComparisonAge && (\n \n {icon && (\n
\n \n
\n )}\n \n {medianAge}\n {prefix && (\n {prefix}\n )}\n \n {numberDescription}\n {tooltipText && (\n \n
\n \n \n {medianComparisonAge}\n
\n Comparison
\n \n \n
\n ),\n };\n\n return (\n \n
\n \n );\n};\nexport default DataPrepareAlert;\n","/* eslint-disable react/require-default-props */\nimport React, { FC } from 'react';\nimport s from './style/loader.module.scss';\n\ntype LoaderType = {\n width?: number;\n height?: number;\n color?: string;\n};\n\nconst Loader: FC\n
\n \n \n
\n \n Data Preparer Update Required\n \n {' '}\n ( {`version ${version}`} ){' '}\n \n
\n\n \n \n <>{States[status]}\n \n \n\n \n
\n \n \n \n
\n \n \n \n {customText ||\n (isPassed\n ? 'Pre-qualified'\n : `${isLid ? 'LID' : 'CDFI'} status not met`)}\n \n
\n \n);\n\nTestStatus.propTypes = {\n isPassed: PropTypes.bool.isRequired,\n isLid: PropTypes.bool.isRequired,\n customText: PropTypes.string,\n};\n\nTestStatus.defaultProps = {\n customText: undefined,\n};\n\nexport default TestStatus;\n","/* eslint-disable */\nimport React, { ReactNode, FC } from 'react';\nimport s from './BreadcrumbsComponent.module.scss';\nimport TestStatus from './TestStatus';\nimport { CircleTooltip } from '../CircleTooltip';\n\ntype BreadcrumbsProps = {\n titleName?: string;\n children?: ReactNode | null;\n isLID: boolean;\n isTestPassed?: boolean;\n crumbs: Array\n
\n );\n};\n\nexport default BreadcrumbsComponent;\n","/* eslint-disable */\nimport React, { ReactNode, FC } from 'react';\nimport { BreadcrumbsArrayConfiguration } from '../Breadcrumbs/Breadcrumbs';\nimport BreadcrumbsComponent from '../BreadcrumbsComponent';\nimport s from './PageWrapper.module.scss';\n\ntype PageWrapperProps = {\n children?: ReactNode | null;\n pageCrumbs: Array\n
\n - \n {crumbs.map(\n ({ name, path }: BreadcrumbsArrayConfiguration, key: number) =>\n key + 1 === crumbs.length ? (\n
\n
\n \n
\n {titleName}
\n {isTestPassed !== undefined && !isLID && showTooltip && (\n\n
\n )}\n \n {isTestPassed !== undefined && (\n
\n \n
\n);\n\nexport default PageWrapper;\n","/* eslint-disable @typescript-eslint/indent */\nimport React, {\n createContext,\n useContext,\n useState,\n ReactNode,\n FC,\n} from 'react';\n\ninterface SubmissionStatusContextType {\n isSubmissionInProgress: boolean;\n setSubmissionInProgress: (status: boolean) => void;\n}\n\nconst SubmissionStatusContext = createContext<\n SubmissionStatusContextType | undefined\n>(undefined);\n\nexport const SubmissionStatusProvider: FC<{ children: ReactNode }> = ({\n children,\n}) => {\n const [isSubmissionInProgress, setSubmissionInProgress] = useState(false);\n\n return (\n \n
\n )}\n \n {contextElements}\n
\n {children}
\n \n {typeof title === 'string' ? title : title}\n
\n \n {children}
\n \n \n <>\n
\n \n \n \n
\n \n \n \n {title}\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n \n \n \n);\n\nexport default LoadingChartWidget;\n","/* eslint-disable no-nested-ternary */\n/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable react/require-default-props */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { FC, memo, useState } from 'react';\nimport ReactECharts from 'echarts-for-react';\nimport { SelectComponent } from './Select';\nimport { CircleTooltip, Legend } from '../../../../components';\nimport s from './style/RaceChart.module.scss';\nimport LoadingChartWidget from './LoadingChartWidget';\n\nconst methadologyDescription = {\n raceBIFSG:\n 'The match rate for the BIFSG model represents the number of consumers we were able to estimate race/ethnicity for by using their first name, last name, and location. Unmatched consumers have uncommon first and/or last names. Match rates above 10% produce estimates that are considered reliable. ',\n raceBISG:\n 'The match rate for the BISG model represents how many consumers we were able to estimate race/ethnicity for by using their last name and location. Unmatched consumers have uncommon last names. Match rates above 10% produce estimates that are considered reliable.',\n};\n\ntype RaceType = {\n white: number;\n black: number;\n native: number;\n asian: number;\n islander: number;\n other: number;\n twoPlus: number;\n hispanic: number;\n matchPercent: number | null;\n};\n\ntype Chart = {\n raceWA: null | RaceType;\n raceBISG: null | RaceType;\n raceBIFSG: null | RaceType;\n};\ntype RaceChartType = {\n cuName: string;\n comparisonName: string;\n isLoading: boolean;\n isDataExist: boolean;\n chartData: Chart;\n comparisonChartData: Chart;\n isComparison: boolean;\n setMethodology?: Function;\n};\nconst RaceChart: FC\n
\n ${params[0].axisValue}
`;\n params.forEach((item: any) => {\n if (item.data.name === 'Asian/Pacific Islander') {\n let xx;\n if (selected === 'raceWA') {\n xx = `${colorSpan(\n item.color\n )} ${\n item.seriesName\n }
${colorSpan(\n item.color\n )} ${\n item.seriesName\n }
${colorSpan(\n item.color\n )} ${\n item.seriesName\n }
${colorSpan(\n item?.color\n )} ${\n item?.seriesName\n }
${colorSpan(\n item.color\n )} ${item.seriesName}: ${item.data.value}%` + '
';\n rez += xx;\n }\n });\n\n return rez;\n },\n extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);',\n rich: {\n a: {\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '12px',\n color: '#282828',\n },\n b: {\n padding: [0, 0, 6, 0],\n fontFamily: 'Open Sans',\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '26px',\n align: 'center',\n color: '#282828',\n },\n },\n axisPointer: {\n type: 'shadow',\n shadowStyle: {\n borderColor: 'black',\n borderWidth: 5,\n opacity: 0.5,\n },\n },\n },\n title: {\n z: 10,\n text: null,\n left: 25,\n padding: 0,\n textStyle: {\n fontSize: 16,\n fontWeight: 600,\n },\n },\n legend: {\n show: null,\n },\n grid: {\n show: false,\n right: '0px',\n left: !isDataExist\n ? '-20px'\n : chartData[selected] === null && comparisonChartData.raceWA == null\n ? '0px'\n : arePropertiesZero(chartData[selected])\n ? `${isComparison ? '-21px' : '-23px'}`\n : '-20px',\n bottom: '6%',\n top: '12%',\n containLabel: true,\n },\n xAxis: [\n {\n axisTick: {\n show: false,\n },\n splitLine: {\n show: true,\n boundaryGap: true,\n lineStyle: {\n color: '#EFF2F7',\n width: 2,\n },\n },\n type: 'category',\n data: [\n 'Asian/Pacific \\n\\n Islander',\n 'Black/African-\\n\\nAmerican',\n 'Hispanic/\\n\\nLatino',\n 'Multiple Races/\\n\\nAnother Race',\n 'Native\\n\\n American',\n 'White',\n ],\n axisLabel: {\n interval: 0,\n },\n offset: 8,\n axisLine: {\n show: false,\n lineStyle: {\n color: '#7A89A7',\n },\n },\n },\n ],\n yAxis: [\n {\n show: false,\n splitLine: {\n show: false,\n boundaryGap: false,\n },\n type: 'value',\n },\n ],\n series: [\n {\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n barWidth: isDataExist ? !isComparison && '35%' : '35%',\n name: cuName,\n type: 'bar',\n label: {\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: getChartData(isDataExist ? selected : 'raceWA', chartData),\n },\n isComparison && {\n emphasis: {\n focus: 'series',\n },\n blur: {\n itemStyle: {\n color: 'rgba(33, 3, 3, 1)',\n },\n },\n name: comparisonName,\n type: 'bar',\n label: {\n show: true,\n color: 'inherit',\n position: 'top',\n valueAnimation: true,\n formatter: '{@score}%',\n },\n data: getChartData('raceWA', comparisonChartData),\n },\n ],\n };\n return (\n <>\n\n \n \n Race & Hispanic\n \n \n
\n {isDataExist &&\n (selected === 'raceWA' || (\n \n
\n \n \n );\n};\n\nexport default memo(RaceChart);\n","import { useEffect, useState } from 'react';\n\nfunction useDebounce- \n {filtered.map((suggestion, index) => (\n
- \n
- \n Not found\n \n
{renderAutocomplete()}
;\n};\n\nexport default Autocomplete;\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useEffect, useState } from 'react';\nimport { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { Oval } from 'react-loader-spinner';\nimport s from './style/TagsInput.module.scss';\nimport style from '../Autocomplete/style/Autocomplete.module.scss';\nimport Autocomplete from '../Autocomplete';\nimport { removeTag } from '../../Slice/impactReportSlice';\nimport type { RootState } from '../../../../store/store';\n\nconst TagsInput: FC = () => {\n const useStylesBootstrap = makeStyles((theme: Theme) => ({\n arrow: {\n color: '#282828',\n },\n tooltip: {\n fontSize: '12px',\n minWidth: '320px',\n padding: '16px',\n backgroundColor: '#282828',\n color: 'white',\n },\n }));\n const classes = useStylesBootstrap();\n const [input, setInput] = useState\n \n
\n - \n {tags.map((tag, index) => (\n
- \n {tag.value}\n
\n
\n ) : (\n