\r\n
\r\n );\r\n};\r\n\r\nexport default QPSelects;\r\n","import { Checkbox } from '@mui/material';\r\nimport {\r\n ColorRangeDataModel,\r\n NumericTextBoxComponent,\r\n SliderComponent,\r\n} from '@syncfusion/ej2-react-inputs';\r\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { BaseFilterModel } from '../../server/schema/api';\r\n\r\ntype Props = {\r\n id: number;\r\n order: number;\r\n min: number;\r\n max: number;\r\n step?: number;\r\n fullValue?: { value?: number; sliderValue?: number };\r\n label?: string;\r\n limitFrom?: number;\r\n limitTo?: number;\r\n isValid: boolean;\r\n specialValues?: BaseFilterModel[];\r\n onChange?: (number) => void;\r\n onSpecialClick?: (data: { type: 'check' | 'uncheck'; special: BaseFilterModel }) => void;\r\n};\r\n\r\nexport const QuickPricerSlider: React.FC\r\n
\r\n \r\n setSliderNumericValue(e.value)}\r\n changed={(e) => onInputChange(e)}\r\n ticks={{\r\n placement: 'After',\r\n largeStep: max - min,\r\n showSmallTicks: false,\r\n }}\r\n renderingTicks={renderingTicksHandler.bind(this) as any}\r\n />\r\n \r\n {showLimitValue && formatedText}\r\n \r\n
\r\n {renderSpecials()}\r\n \r\n );\r\n};\r\n","export const validateSlider = (limit: any, value: number | undefined): boolean => {\r\n if (!limit) return true;\r\n if(!value) return false;\r\n if (limit.from) {\r\n return value >= limit.from;\r\n }\r\n\r\n if (limit.to) {\r\n return value <= limit.to;\r\n }\r\n return true;\r\n};\r\n","import { ValuesState } from './redux/valuesReducer';\r\nimport { FilterModel } from './server/schema/api';\r\nimport { validateSlider } from './validators/slider-validator';\r\n\r\nexport const getSliderLimit = (limits: FilterModel[], inputId: number) => {\r\n return limits.find((e) => e.id === inputId)?.availableValues.find((e) => e.id === 999);\r\n};\r\n\r\nexport const dropInvalidOptionalValues = (\r\n inputs: FilterModel[],\r\n limits: FilterModel[],\r\n values: ValuesState,\r\n): ValuesState => {\r\n const validInputsIds = inputs.reduce((result, input) => {\r\n if (input.uiType === 'CheckBox') {\r\n const checkboxLimits = limits.find((e) => e.id === input.id)?.availableValues || [];\r\n const selectedValueId = values.find((e) => e.id === input.id)?.value;\r\n const selectedValue = checkboxLimits.find((e) => e.id === selectedValueId);\r\n const isValid = Boolean(selectedValue);\r\n const shouldDrop = !input.checkLimit && !isValid;\r\n return shouldDrop ? result : [...result, input.id];\r\n }\r\n if (input.uiType === 'Slider') {\r\n const limit = getSliderLimit(limits, input.id);\r\n const value = values.find((e) => e.id === input.id)?.sliderValue;\r\n const isValid = validateSlider(limit, value);\r\n const shouldDrop = !input.checkLimit && !isValid;\r\n return shouldDrop ? result : [...result, input.id];\r\n }\r\n\r\n if (input.uiType === 'SelectList') {\r\n const selectLimits = limits.find((e) => e.id === input.id)?.availableValues || [];\r\n\r\n const options = input.availableValues.map((value) => {\r\n const limit = selectLimits.find((e) => e.id === value.id);\r\n return {\r\n ...value,\r\n isDisabled: limit ? limit.isDisabled : true,\r\n };\r\n });\r\n\r\n const selectedValueId = values.find((e) => e.id === input.id)?.value;\r\n const selectedValue = options.find((e) => e.id === selectedValueId);\r\n const isValid = !selectedValue?.isDisabled;\r\n const shouldDrop = !input.checkLimit && !isValid;\r\n return shouldDrop ? result : [...result, input.id];\r\n }\r\n\r\n return [...result, input.id];\r\n }, [] as number[]);\r\n return values.filter((e) => validInputsIds.includes(e.id));\r\n};\r\n","import { Checkbox } from '@mui/material';\r\nimport React from 'react';\r\nimport { BaseFilterModel } from '../../server/schema/api';\r\n\r\ntype Props = {\r\n order: number;\r\n selectedValue?: BaseFilterModel;\r\n name: string;\r\n isValid: boolean;\r\n values?: BaseFilterModel[];\r\n onChange?: (value: BaseFilterModel) => void;\r\n};\r\n\r\nexport const QPSwitch: React.FC\r\n {configInputs.map((input) => {\r\n switch (input.uiType) {\r\n case 'SelectList':\r\n return renderSelect(input);\r\n case 'Slider':\r\n return renderSlider(input);\r\n case 'CheckBox':\r\n return renderCheckbox(input);\r\n default:\r\n break;\r\n }\r\n return null;\r\n })}\r\n
\r\n );\r\n};\r\n","import { useCallback } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { QuickPricerSlider } from '../components/inputs/QPSlider';\r\nimport { updateInputs } from '../redux/actions';\r\nimport { limitsSelector, valuesSelector } from '../redux/selectors';\r\nimport { FilterModel } from '../server/schema/api';\r\nimport { getSliderLimit } from '../utils';\r\nimport { validateSlider } from '../validators/slider-validator';\r\n\r\nexport const useSlider = () => {\r\n const dispatch = useDispatch();\r\n const { limits } = useSelector(limitsSelector);\r\n const values = useSelector(valuesSelector);\r\n\r\n return useCallback(\r\n (slider: FilterModel) => {\r\n const sliderTrackLimit = getSliderLimit(limits, slider.id);\r\n const availableSpecials = limits\r\n .find((e) => e.id === slider.id)\r\n ?.availableValues.filter((e) => e.id !== 999);\r\n\r\n const specialValues = slider.availableValues\r\n .filter((e) => e.id !== 999)\r\n .map((special) => {\r\n const isDisabled =\r\n availableSpecials?.find((e) => e.id === special.id)?.isDisabled ?? true;\r\n return { ...special, isDisabled };\r\n });\r\n\r\n const sliderFullValue = values.find((e) => e.id === slider.id);\r\n\r\n const sliderHasSpecialValue = Boolean(sliderFullValue?.value);\r\n\r\n const sliderValueIsValid =\r\n !slider.checkLimit || validateSlider(sliderTrackLimit, sliderFullValue?.sliderValue);\r\n const isValid = sliderValueIsValid || sliderHasSpecialValue;\r\n\r\n const handleChange = (sliderValue: number) => {\r\n const isValid = !slider.checkLimit || validateSlider(sliderTrackLimit, sliderValue);\r\n dispatch({ type: 'SET_IS_VALID', payload: { [slider.id]: isValid } });\r\n dispatch(updateInputs({ id: slider.id, sliderValue: sliderValue }));\r\n };\r\n\r\n const handleSpecialClick = ({ type, special }) => {\r\n dispatch(\r\n updateInputs({\r\n id: slider.id,\r\n sliderValue: sliderFullValue?.sliderValue,\r\n value: type === 'check' ? special.id : undefined,\r\n }),\r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","export default \"data:image/png;base64,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\"","import { useRef, useEffect, MutableRefObject } from \"react\";\r\n\r\nexport const useVariantsRef = (onIncrement, onDecrement): MutableRefObject\r\n \r\n \r\n \r\n Our Quick Pricer can now calculate Non-Qm, Prime Jumbo, Conventional and Government products! Here is how it works:\r\n \r\n x\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n A&D Mortgage Quick Pricer is intended for licensed mortgage and real estate professionals only\r\n and is not intended to be utilized by potential borrowers or by the general public. The\r\n information does not take into consideration borrower’s personal financial situation, verified\r\n credit score, income, existing debt, or other factors. This is not a commitment to lend. The\r\n non-binding quotes are not official Loan Estimates under Reg. Z. A&D Mortgage LLC is an equal\r\n opportunity lender. Rate, terms and programs subject to change without notice. Refinancing the \r\n borrowers existing loan, may increase total finance charges over the life of the loan.\r\n \r\n \r\n 
\r\n \r\n
\r\n - \r\n
- Set borrower’s parameters in QP \r\n
- \r\n QP determines available products for set parameters and offers a product with the lowest rate\r\n \r\n
- \r\n In each parameter there is a range of allowable values applicable for different programs and products\r\n \r\n
- \r\n Selected values can affect limits in other parameters so that eligible programs can be offered\r\n \r\n
- \r\n If the selected value is unavailable, you will receive a hint with a parameter that needs to be adjusted\r\n \r\n
- \r\n Separately selectable states have specific limitations, provided with commentaries. In contrast, “All other states” include all eligible states without any restrictions, where A&D Mortgage operates. Please, check our rate sheets for detailed information about states and restrictions.\r\n \r\n
- \r\n DTI parameter implemented\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n\r\n }\r\n\r\n if (limitsState !== 'DONE' || loanState !== 'DONE') {\r\n return (\r\n Values are out of limit
\r\n\r\n
\r\n \r\n
\r\n - \r\n {validationArray.map((el) => {\r\n return (\r\n
- \r\n
{el}
\r\n \r\n );\r\n })}\r\n
\r\n
\r\n );\r\n }\r\n\r\n if (!loanSuccess) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n const styleModal = {\r\n maxWidth: '100%',\r\n position: 'absolute' as 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n width: '600px',\r\n height: '850px',\r\n bgcolor: 'background.paper',\r\n boxShadow: 24,\r\n p: 0.625,\r\n };\r\n\r\n // Create IE + others compatible event handler\r\n var eventMethod = (window.addEventListener as any) ? 'addEventListener' : 'attachEvent';\r\n var eventer = window[eventMethod];\r\n var messageEvent = eventMethod === 'attachEvent' ? 'onmessage' : 'message';\r\n\r\n // Listen to message from child window\r\n eventer(\r\n messageEvent,\r\n function (e) {\r\n // console.log('parent received message!: ', e.data);\r\n if (e.data.close) {\r\n handleClose();\r\n // console.log(\r\n // 'modalParams :>> ',\r\n // JSON.stringify({\r\n // ...{\r\n // program: {\r\n // value: program.availableValues[0].id,\r\n // textValue: program.availableValues[0].value,\r\n // },\r\n // },\r\n // ...{ finalProgram: { value: loan?.id, textValue: loan?.name } },\r\n // ...modalParams,\r\n // }),\r\n // );\r\n }\r\n },\r\n false,\r\n );\r\n\r\n return (\r\n Could not find program for selected filters
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { QPConfig } from './QPConfig';\r\nimport QPFooter from './QPFooter';\r\nimport QPResponse from './QPResponse';\r\nexport default function QPBody() {\r\n return (\r\n One loan program found
\r\n\r\n
\r\n\r\n \r\n
\r\n {loan?.name}
\r\n\r\n \r\n {`FICO: ${ficoValue}`}\r\n \r\n
\r\n Min FICO: {ficoInput?.from}
\r\n \r\n \r\n {`LTV: ${ltvValue}`}\r\n \r\n Max LTV: {ltvInput?.to}
\r\n \r\n \r\n
\r\n \r\n = 0 ? 'Discount points' : 'Lender Credit'\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import '../../scss/quickPricer.scss';\r\n\r\nimport React, { useRef } from 'react';\r\nimport CircularProgress from '@mui/material/CircularProgress';\r\n\r\nimport { useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport QPHeader from '../../components/QPHeader';\r\nimport QPSelects from '../../components/QPSelects';\r\nimport QPBody from '../../components/QPBody';\r\nimport { fetchLimitedInputs, fetchPrograms } from '../../redux/actions';\r\nimport { isEqual } from 'lodash';\r\nimport {\r\n inputsSelector,\r\n limitsStateSelector,\r\n limitsValueSelector,\r\n programSelector,\r\n valuesSelector,\r\n} from '../../redux/selectors';\r\nimport styles from './quickPricer.module.css';\r\nfunction QuickPricer(params) {\r\n const dispatch = useDispatch();\r\n const limits = useSelector(limitsValueSelector);\r\n const state = useSelector(limitsStateSelector);\r\n const inputs = useSelector(inputsSelector);\r\n const program = useSelector(programSelector);\r\n const values = useSelector(valuesSelector);\r\n let refLimits = useRef();\r\n let refNewValues = useRef();\r\n useEffect(() => dispatch(fetchPrograms()), [dispatch]);\r\n useEffect(() => {\r\n if (inputs.length === 0) return;\r\n // if (isEqual(limits, refLimits.current)) return;\r\n const newValues = [];\r\n values.forEach((i, index) => {\r\n let elInInputs = inputs.find((e) => e.id === i.id);\r\n const cond = limits.find((e) => e.id === i.value)?.availableValues.find((e) => i.id === e.id);\r\n\r\n if (elInInputs.checkLimit || cond) {\r\n newValues.push(i);\r\n }\r\n refLimits.current = limits;\r\n });\r\n if (\r\n isEqual(\r\n refNewValues.current?.sort((a, b) => a.id - b.id),\r\n newValues.sort((a, b) => a.id - b.id),\r\n )\r\n )\r\n return;\r\n refNewValues.current = newValues;\r\n dispatch(\r\n fetchLimitedInputs(newValues, program.value ? parseInt(program.value) : program.defaultValue),\r\n );\r\n }, [dispatch, program, inputs, values, limits, state]);\r\n\r\n const isLoading = limits.length === 0;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default QuickPricer;\r\n","import QuickPricer from './pages/quickPricer/quickPricer';\r\n\r\nfunction App() {\r\n\treturn (\r\n\t\t\r\n
\r\n {isLoading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n {