\n {error !== undefined && error.message}\n
\n \n );\n};\n\nexport default InputField;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport \"./index.scss\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\nimport { useSelector } from \"react-redux\";\n\nconst InputFieldPhone = (props) => {\n const { name } = props.register;\n const { control, setValue, getValues } = useFormContext();\n\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const viewOnlyFlag = useSelector((state) => state.formSubmit.viewOnlyFlag);\n\n return (\n <>\n }\n
\n {error && fieldState.error.message}\n
\n \n );\n }}\n />\n \n );\n};\n\nexport default InputFieldPhone;\n","import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport { useSelector } from \"react-redux\";\nimport Select from \"react-select\";\nimport CreatableSelect from 'react-select/creatable'\n\nconst SelectField = (props) => {\n const viewOnlyFlag = useSelector((state) => state.formSubmit.viewOnlyFlag);\n const defaultFun = (e) => { }\n const { name } = props.register;\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const isDisable = props.disable || viewOnlyFlag || false;\n const onChangeCallback = props.onChange || defaultFun\n const customStyles = {\n control: (base, state) => ({\n ...base,\n border: \"1px solid rgba(255, 133, 133, 0.37)\",\n backgroundColor: \"#FFF8F8\",\n }),\n };\n\n return (\n <>\n Please select from the drop-down or type to create other option.
\n \n : \n {error && fieldState.error?.value?.message || fieldState.error?.message}\n
\n \n );\n }}\n />\n \n );\n};\n\nexport default SelectField;\n","import { ErrorMessage } from \"@hookform/error-message\";\nimport { Alert, Stack } from \"@mui/material\";\nimport React, { useEffect } from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport { useSelector } from \"react-redux\";\nimport InputFieldPhone from \"./InputFieldPhone\";\nimport SelectField from \"./SelectField\";\n\nconst InputFieldArray = (props) => {\n const useWindowWidth = useSelector(\n (state) => state.identification.sideMenuSlice\n );\n const disabled=props.disabled||false;\n const { register } = props;\n const { control, watch } = useFormContext();\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n focusAppend: true,\n name: \"mobile\", // unique name for your Field Array\n\n // keyName: \"id\", default to \"id\", you can change the key name\n });\n const { errors, dirtyFields } = useFormState({\n control,\n });\n\n return (\n <>\n {fields.map((field, index) => {\n return (\n \n
\n );\n })}\n \n {props.showNumberType && (\n
\n {props?.addMultipleNumber && (\n \n
\n )}\n \n {index !== 0 && (\n remove(index)}\n >\n \n
\n \n {index === fields.length - 1 && index <= 1 && (\n
\n \n append({ number: \"\" })}\n >\n \n \n Add another number\n \n \n
\n )}\n \n
\n \n );\n};\n\nexport default InputFieldArray;\n","import React from \"react\";\nimport { useFormContext, useController } from \"react-hook-form\";\n\nconst InputCheckBoxField = (props) => {\n const { name } = props.register;\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const { control } = useFormContext();\n const {\n field,\n fieldState: { error },\n } = useController({\n name,\n control,\n });\n\n return (\n <>\n \n \n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n \n
\n \n \n \n {props.label}\n \n
\n \n );\n};\n\nexport default InputCheckBoxField;\n","import CurrencyInput from \"react-currency-input-field\";\nimport React from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nconst InputCurrencyField = (props) => {\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const { control } = useFormContext();\n const { name } = props.register;\n return (\n <>\n \n {error !== undefined && error.message}\n
\n \n {error && fieldState.error.message}\n
\n \n );\n }}\n />\n \n );\n};\n\nexport default InputCurrencyField;\n","import React, { forwardRef } from \"react\";\nimport { Controller, useFormContext, useFormState } from \"react-hook-form\";\nimport \"./index.scss\";\nimport ReactDatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport InputMask from \"react-input-mask\";\nimport { JSONTree } from \"react-json-tree\";\nconst formatDate = (date) => {\n if (!date) return \"\";\n const month = (`0${date.getMonth() + 1}`).slice(-2);\n const day = (`0${date.getDate()}`).slice(-2);\n const year = date.getFullYear();\n return `${month}/${day}/${year}`;\n};\n\nconst parseDate = (str) => {\n if (!str) return null;\n // Check if the date is in the format mm/dd/yyyy\n const dateParts = str.split('/');\n if (dateParts.length === 3) {\n const [month, day, year] = dateParts;\n return new Date(year, month - 1, day);\n }\n\n // Check if the date is in the ISO 8601 format\n // Check if the date is in the ISO 8601 format\n const isoDate = new Date(str);\n if (!isNaN(isoDate)) {\n const month = String(isoDate.getUTCMonth() + 1).padStart(2, '0');\n const day = String(isoDate.getUTCDate()).padStart(2, '0');\n const year = isoDate.getUTCFullYear();\n return new Date(year, month - 1, day);\n }\n\n return null; // Handle invalid date strings\n};\n\nconst ExampleCustomInput = forwardRef((inputFun, ref) => (\n Please enter date in MM/DD/YYYY format.
\n\n \n {error && fieldState?.error?.message}\n
\n \n );\n }}\n />\n \n );\n};\n\nexport default InputDateField;\n\n\n","import React, { useState } from \"react\";\nimport { Controller, useController, useFormContext, useFormState } from \"react-hook-form\";\nimport \"./index.scss\";\n\nconst InputPasswordField = (props) => {\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const { control } = useFormContext();\n const { name } = props.register;\n const {\n field,\n fieldState: { error },\n } = useController({\n name,\n control,\n });\n\n const [style, setStyle] = useState({ color: \"red\", percentage: \"0%\" });\n\n return (\n <>\n \n \n {\n const { onChange, ...rest } = field;\n return (\n <>\n {\n \n const dependentFun = props.triggerDependent || null;\n if (dependentFun) {\n if (!e.target.value == \"\") dependentFun(e);\n }\n rest.onBlur(e);\n }}\n onChange={(e) => {\n const strongRegex = new RegExp(\n \"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})\"\n );\n const mediumRegex = new RegExp(\n \"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})\"\n );\n if (strongRegex.test(e.target.value)) {\n setStyle({ color: \"green\", percentage: \"100%\" });\n } else if (mediumRegex.test(e.target.value)) {\n setStyle({ color: \"yellow\", percentage: \"70%\" });\n } else {\n const percentage = (e.target.value.length / 8) * 40;\n setStyle({ color: \"red\", percentage: percentage + \"%\" });\n }\n onChange(e);\n }}\n id={name}\n />\n
\n {error && (\n {error && error.message}
\n {props.hint}\n \n
\n \n
\n )}\n \n );\n }}\n />\n \n \n );\n};\n\nexport default InputPasswordField;\n","import React from \"react\";\nimport { useController, useFormContext, useFormState } from \"react-hook-form\";\n\nconst InputSimplePassword = (props) => {\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const { control } = useFormContext();\n const { name } = props.register;\n // const { dirtyFields, errors } = useFormState({\n // control,\n // });\n const {\n field,\n fieldState: { error },\n } = useController({\n name,\n control,\n });\n\n // const error = errors[name];\n\n return (\n <>\n \n \n Weak - {error.message}\n
\n{error && error.message}
\n \n );\n};\n\nexport default InputSimplePassword;\n","import React, { useState, useEffect } from \"react\";\nimport Autocomplete, { usePlacesWidget } from \"react-google-autocomplete\";\nimport { Controller, useController, useFormContext } from \"react-hook-form\";\nimport usePlacesService from \"react-google-autocomplete/lib/usePlacesAutocompleteService\";\n\nconst getAddressObject = (address_components) => {\n var ShouldBeComponent = {\n home: [\"street_number\"],\n postal_code: [\"postal_code\"],\n street: [\"street_address\", \"route\"],\n region: [\n \"administrative_area_level_1\",\n \"administrative_area_level_2\",\n \"administrative_area_level_3\",\n \"administrative_area_level_4\",\n \"administrative_area_level_5\",\n ],\n city: [\n \"locality\",\n \"sublocality\",\n \"sublocality_level_1\",\n \"sublocality_level_2\",\n \"sublocality_level_3\",\n \"sublocality_level_4\",\n ],\n country: [\"country\"],\n };\n\n var address = {\n home: \"\",\n postal_code: \"\",\n street: \"\",\n region: \"\",\n city: \"\",\n country: \"\",\n };\n address_components.forEach((component) => {\n for (var shouldBe in ShouldBeComponent) {\n if (ShouldBeComponent[shouldBe].indexOf(component.types[0]) !== -1) {\n if (shouldBe === \"country\") {\n address[shouldBe] = component.short_name;\n } else {\n address[shouldBe] = component.long_name;\n }\n }\n }\n });\n return address;\n};\n\nconst GoogleAutoComplete = (props) => {\n console.log(\"Google Places AutoComplete Props\", props);\n const { name } = props.register;\n const { control, setValue, watch } = useFormContext();\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const {\n field,\n fieldState: { error },\n } = useController({\n name,\n control,\n });\n const { onChange, ...rest } = field;\n // const {\n // placesService,\n // placePredictions,\n // getPlacePredictions,\n // isPlacePredictionsLoading,\n // } = usePlacesService({\n // apiKey: \"AIzaSyBwbawNWTS5P3ulxNEtsGeMUD0UdMiNyKk\",\n // options: {\n // types: [\"address\"],\n // componentRestrictions: { country: \"us\" },\n // },\n // });\n\n //const value = watch(name);\n // useEffect(() => {\n // getPlacePredictions({ input: value });\n // }, [value]);\n // const uid = Math.round(new Date().getTime() / 1000);\n\n function startsWithSpace(str) {\n return str.startsWith(' ');\n}\n\n return (\n <>\n \n {error !== undefined && error.message}\n
\n \n );\n};\n\nexport default GoogleAutoComplete;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\n\nfunction SupportSection({ clickHere, setClickHere }) {\n const useWindowWidth = useSelector(\n (state) => state.identification.sideMenuSlice\n );\n return (\n \n {useWindowWidth.windowWidth > 992 ? (\n
\n
\n\n
\n );\n}\n\nexport default SupportSection;\n","import React, { useEffect, useState } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\nimport InputField from \"./Inputs/InputField\";\nimport InputFieldArray from \"./Inputs/InputFieldArray\";\nimport SelectField from \"./Inputs/SelectField\";\n\nimport InputCheckBoxField from \"./Inputs/InputCheckBoxField\";\nimport InputCurrencyField from \"./Inputs/InputCurrencyField\";\nimport InputDateField from \"./Inputs/InputDateField\";\nimport InputPasswordField from \"./Inputs/InputPasswordField\";\nimport InputSimplePassword from \"./Inputs/InputSimplePassword\";\nimport { NavLink } from \"react-router-dom\";\nimport { useGetMasterRegistrationDataQuery } from \"../../services/registrationApi\";\nimport { useSelector } from \"react-redux\";\nimport GoogleAutoComplete from \"../common/googleAutocomplete/googleAutocomplete\";\nimport moment from \"moment\";\nimport { logout_url, protocol } from \"../../config\";\nimport { ImCross } from \"react-icons/im\";\nimport SupportSection from \"../common/SupportSection/SupportSection\";\nimport { useDispatch } from \"react-redux\";\nimport { JSONTree } from \"react-json-tree\";\n\nconst RegistrationFormBody = (props) => {\n const [nav, setNav] = useState(0);\n const [nextMonthDate, setNextMonthDate] = useState();\n const [clickHere, setClickHere] = useState(true);\n const [showAnotherPhone, setShowAnotherPhone] = useState(false);\n const dispatch = useDispatch();\n const useWindowWidth = useSelector(\n (state) => state.identification.sideMenuSlice\n );\n\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const url = useSelector(\n (state) => state.persistedReducer.loginSlice.urlGeneratedAts\n );\n const applicationType = useSelector(\n (state) => state.persistedReducer.loginSlice.applicationType\n );\n\n const { data, isLoading, isError, isSuccess } = useGetMasterRegistrationDataQuery({\n trn_id,\n url,\n });\n\n const getUnitsList = (floorId) => {\n if (!floorId) return [];\n const unitsFilter = data.records.units.filter((item) => {\n return item.FloorPlanID === floorId;\n });\n\n const units = unitsFilter.map((item, index) => {\n console.log(\">>>>\", item)\n return {\n value: item.ID || index,\n label: `Unit: ` + item.UnitName + ` (Rent: $` + item.MaximumRent + ')',\n };\n });\n\n if (units.length) return units;\n return [];\n };\n\n const { register, watch, trigger, formState, getValues, setValue } =\n useFormContext();\n const handleDependTrigger = (e) => {\n trigger(\"password\");\n };\n const handleDependTriggerCPass = (e) => {\n trigger(\"reEnterPassword\");\n };\n const handleDependTriggerEmail = (e) => {\n trigger(\"email\");\n };\n const handleDependTriggerCEmail = (e) => {\n trigger(\"reEmail\");\n };\n\n const getNextMonthDate = () => {\n let date = new Date();\n let nextDate = new Date(date.getFullYear(), date.getMonth() + 1, 1);\n setNextMonthDate(nextDate);\n };\n\n useEffect(() => {\n getNextMonthDate();\n }, []);\n useEffect(() => {\n document.title = \"Docuverus\";\n }, []);\n\n const myTextStyles = {\n color: 'var(--Primary-CTA, #2DC3E8)',\n fontFamily: 'Open Sans',\n fontSize: '14px',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: 'normal',\n };\n const property_rent = watch(\"unit\")?.label?.split(\"Rent: $\")[1]?.replace(\")\", \"\")\n ? watch(\"unit\")?.label?.split(\"Rent: $\")[1]?.replace(\")\", \"\")\n : watch(\"floor\")?.label?.label?.split(\"Rent: $\")[2]?.replace(\")\", \"\")\n if (isLoading && isError) return null;\n else\n return (\n \n Need help completing your application? Docuverus can be reached by\n phone at 856.886.8843 or by email at{\" \"}\n support@docuverus.com\n
\n ) : (\n\n Need help completing your application?{\" \"}\n {clickHere && (\n setClickHere(false)}>\n Click here\n \n )}\n {!clickHere && (\n
\n Docuverus can be reached by phone at 856.886.8843{\" \"}\n or by email at support@docuverus.com\n
\n )}\n \n )}\n\n
\n\n
\n {\n setNav(4);\n }}\n >\n
\n ) : null}\n {applicationType == \"Office\" || applicationType == \"Agent\" ? (\n \n
\n {applicationType === \"Property\" ||\n applicationType === \"Floor\" || applicationType === \"Unit\" ? (\n \n
\n )}\n \n
\n\n \n Thanks for your interest in applying with{\" \"}\n {data?.records?.property?.PropertyName ||\n data?.records.subscriber_name}\n
\n {Number(property_rent) > 0 && <>\n {!watch(\"unit\")?.label && \n {watch(\"floor\")?.label &&\n `${watch(\"floor\")?.label?.split(\"&\").join()}`}\n }\n \n {watch(\"unit\")?.label &&\n `${watch(\"unit\")?.label}`}\n \n }\n\n
\n
\n \n Please register to start your application\n
\n\n Already started application?{\" \"}\n { e.preventDefault(); window.location.replace(logout_url) }}>Login Here\n
\n\n
\n
\n \n
\n\n \n \n
\n \n
\n - \n
\n \n setShowAnotherPhone(false)}\n />\n
\n \n {/* applicaion-form-wrap */}\n
\n {showAnotherPhone && (\n \n {\n setNav(0);\n }}\n className=\"form-w-block white-box mr-b30\"\n id=\"personalDetail\"\n >\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n {!showAnotherPhone && (\n
\n \n {\n setValue(`other`, null);\n\n setShowAnotherPhone(true);\n }}\n >\n \n \n Add another number\n \n \n
\n )}\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n {watch(\"floor\")?.value &&\n getUnitsList(watch(\"floor\")?.value)?.length >\n 0 && (\n \n setValue(\"unit\", \"\")}\n notRequired={true}\n options={data ? data?.records?.floors : []}\n label=\"By Floor Plan\"\n register={register(\"floor\")}\n />\n
\n \n
\n )}\n\n \n
\n \n {(watch('floor')?.MinimumRent < 1 || watch('unit')?.MinimumRent < 1) && \n
\n \n
}\n \n
\n \n
\n \n ) : null}\n {applicationType == \"Office\" || applicationType == \"Agent\" ? (\n \n
\n {getValues('Offices')?.length > 0 && (\n \n
\n \n
\n )}\n\n {watch(\"agent\")?.value == 0 && (\n \n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n {watch(\"coOperatingAgentStatus\") && (\n <>\n \n
\n \n
\n \n
\n \n )}\n \n
\n \n
\n \n ) : null}\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 {/* //data?.records?.Email_check */}\n {(data?.records?.Email_check || props.copyEmailNotUnique) && (\n <>\n \n
\n \n
\n \n Note: The email indicated\n above is registered with another user.\n Please specify unique username here.\n Username can be an email address, mobile\n phone number or any username not already\n in use.\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 ![\"\"]({logoFile} "\\"\\"")
\n
\n \n \n {location.pathname == \"/instruction\" ||\n location.pathname == \"/identification\" ||\n location.pathname == \"/identification/\" ||\n location.pathname == \"/identification/applicantDetail\" ||\n location.pathname == \"/identification/incomeDetail\" ||\n location.pathname == \"/identification/payment\" ||\n location.pathname == \"/viewconsent\" ||\n location.pathname == \"/view\" ||\n location.pathname == \"/success\" ? (\n
\n \n
\n ) : null}\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n {\n const response = await createUser();\n if (response?.data) {\n dispatch(logout(true));\n\n setAnchorEl(null);\n window.location.replace(logout_url);\n }\n }}\n >\n Logout\n \n \n
\n \n {response.error?.data?.message ? (\n
,\n {pauseOnHover:true,autoClose:false}\n );\n }\n if (response.data) {\n toast.success(response?.data?.message, { pauseOnFocusLoss: false });\n dispatch(token(response?.data?.records?.token));\n dispatch(refreshToken(response?.data?.records?.refreshToken));\n navigate(\"/instruction\");\n }\n };\n /**\n *\n */\n\n const methods = useForm({\n defaultValues: {\n fname: \"\",\n mname: \"\",\n lname: \"\",\n unitNo: null,\n mobile: [{ number: \"\" }],\n other: [{ number: \"\" }],\n password: \"\",\n i_confirm: false,\n email: \"\",\n reEmail: \"\",\n username: null,\n },\n resolver: yupResolver(schema),\n mode: \"onChange\",\n reValidateMode: \"onChange\",\n });\n\n useEffect(() => {\n // if (!formDataStore)\n if (data) {\n methods.setValue(\"fname\", data?.records.first_name, {\n shouldDirty: true,\n });\n methods.setValue(\"mname\", data?.records.middle_name, {\n shouldDirty: true,\n });\n methods.setValue(\"lname\", data?.records.last_name, { shouldDirty: true });\n methods.setValue(\"Email_check\", data?.records.Email_check, { shouldDirty: true });\n methods.setValue(\"email\", data?.records.email, { shouldDirty: true });\n methods.setValue(\"reEmail\", data?.records.email, { shouldDirty: true });\n methods.setValue(\"mobile\", [{ number: data?.records.mobile }], {\n shouldDirty: true,\n });\n methods.setValue(\"unitNo\", data?.records?.DesiredUnitNumber, {\n shouldDirty: true,\n });\n methods.setValue(\"rent\", data?.records?.DesiredRent, {\n shouldDirty: true,\n });\n methods.setValue(\"address\", data?.records?.DesiredPropertyAddress, {\n shouldDirty: true,\n });\n methods.setValue(\"city\", data?.records?.city, { shouldDirty: true });\n methods.setValue(\"state\", data?.records?.state, { shouldDirty: true });\n methods.setValue(\"Offices\", data?.records?.Offices);\n methods.setValue(\"Office\", data?.records.Office);\n methods.setValue(\n \"floor\",\n data?.records?.select_floor && {\n ...data?.records?.select_floor,\n value: data?.records?.select_floor?.ID,\n label:\n \"Floor Plan: \" +\n data?.records?.select_floor?.FloorCode +\n \" (Min Rent: $\" +\n data?.records?.select_floor?.MinimumRent +\n \", Max Rent: $\" +\n data?.records?.select_floor?.MaximumRent +\n \")\",\n }\n );\n methods.setValue(\n \"unit\",\n data?.records?.selected_unit && {\n ...data?.records?.selected_unit,\n value: data?.records?.selected_unit?.ID,\n label:\n `Unit: ` +\n data?.records?.selected_unit?.UnitName +\n ` (Rent: $` +\n data?.records?.selected_unit?.MaximumRent +\n \")\",\n }\n );\n methods.setValue(\"hearAboutUs\", data?.records?.hearAboutUs, {\n shouldDirty: true,\n });\n methods.setValue(\"desiredMoveInDate\", data?.records?.DesiredMoveInDate, {\n shouldDirty: true,\n });\n if (applicationType === \"Office\" || applicationType === \"Agent\")\n if (data.records.selected_agent)\n methods.setValue(\n \"agent\",\n {\n value: data.records.selected_agent.value,\n label: data.records.selected_agent.label,\n },\n { shouldDirty: true }\n );\n }\n }, [data, methods, applicationType]);\n\n\n const {\n register,\n handleSubmit,\n setFocus,\n control,\n watch,\n formState: { errors },\n } = methods;\n\n React.useEffect(() => {\n const firstError = Object.keys(errors).reduce((field, a) => {\n return !!errors[field] ? field : a;\n }, null);\n\n if (firstError == \"mobile\") {\n document.getElementById(\"mobile\").focus();\n }\n }, [errors, setFocus]);\n\n if (isLoading)\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n Name:{\" \"}\n \n {\" \"}\n {data?.records?.first_name} {data?.records?.last_name}\n \n
\n\n Application ID:{\" \"}\n {data?.records?.application_number}\n
\n\n
\n \n \n \n
\n \n
\n \n \n \n {\n setSelectedTab(\"Instruction\");\n setOpenTerms(false);\n setOpenInstruction(true);\n }}\n >\n Instructions\n \n \n \n {\n setSelectedTab(\"Terms\");\n setOpenInstruction(false);\n setOpenTerms(true);\n }}\n >\n Terms & Conditions\n \n \n \n
\n \n {\n setOpenInstruction(!openInstruction);\n setOpenTerms(!openTerms);\n }}\n >\n \n {openInstruction && \n \n {\n setOpenTerms(!openTerms);\n setOpenInstruction(!openInstruction);\n }}\n >\n \n {openTerms && \n \n
\n \n\n
\n \n \n \n {registerTermsData?.data?.records?.text && (\n <>\n
*/}\n
\n {/* */}\n
\n
*/}\n \n
\n \n
\n \n
\n - \n
- Visa \n
- MasterCard \n
- Discover \n
- American Express \n
\n
\n \n
\n \n
\n \n
\n \n \n {dataTerm?.records?.text && (<>\n {/* {parse(dataTerm?.records?.text)} */}\n
\n {/* {parse(dataTerm?.records?.subscriber_text)} */}\n
\n
\n {/*\n here.\n {\" \"}\n By signing this application, you agree that you have\n received and acknowledge this notice.\n \n
\n \n {/* {parse(dataTerm?.records?.subscriber_text)} */}\n
\n
\n {/*
\n \n Docuverus charges a NON-REFU NDABLE APPLICATION FEE of\n $5.00 per applicant (the \"Application Fee\"), which covers\n certain processing and screening service costs associated\n with your application submitted herein (the\n \"Application\"), such as verifying your income, checking\n your credit, and conducting a background check. Under no\n circumstances shall Applicant be entitled to a refund or\n charge-back of the Application Fee. The Application Fee,\n which must be paid at the time that the Applicant submits\n a rental application, is separate and apart from any real\n estate brokerage that Applicant may be responsible for\n paying to a Broker or my have otherwise agreed to pay to a\n Broker.\n
\n\n Applicant represents and warrants that all of the\n information contained in the Application is true and\n accurate. Applicant expressly understands and agrees that\n submitting this Application does not guarantee that it\n will be accepted by the applicable landlord or property\n management company. Applicant acknowledges and agrees that\n Application acceptance is solely within the discretion of\n landlord and/or property management company and neither\n Docuverus, nor National Tenant Network (defined below), is\n responsible for determining whether Applicant's\n application is accepted or denied. Applicant further\n acknowledges and agrees that landlord(s) and/or property\n management company may deny Applicant's application or\n terminate any lease agreement with Applicant if any\n information contained herein is false, incomplete,\n unverifiable, and/or misleading. Applicant shall not be\n entitled to a refund or charge-back of the Application Fee\n in the event that the application is rejected or denied\n for any reason.\n
\n\n As part of the application process, National Tenant\n Network will conduct a background screening report, In\n order for National Tenant Network and any prospective\n landlord to process your Application, Applicant must\n provide written consent to conduct or run certain\n searches, inquiries, or reports, which may include\n accessing your credit report (from Equifax, Experian or\n TransUnion), eviction report, criminal background report,\n sex offender report, income/employment verification,\n residency verification and OFAC terrorist search. By\n completing this Application and signing below, you consent\n to National Tenant Network conducting such searches in\n accordance with the Fair Credit Reporting Act. You are\n also consenting to Docuverus sharing your Application with\n National Tenant Network for the purpose of running a\n background screening report.\n
\n\n Applicant consents to Docuverus sharing all application\n information and documents with Anytown Real Estate Ltd,\n and Applicant also consents to Anytown Real Estate Ltd\n providing a copy of Applicant's application and/or\n background report to a prospective Landlord and/or his/her\n respective listing agent, if applicable, in connection\n with the rental property applied for.\n
\n\n Federal and State Disclosures
\n
\n
\n Washington State applicants only:\n
{\" \"}\n You also have the right to request from the consumer\n reporting agency a written summary of your rights and\n remedies under the Washington Fair Credit Reporting Act.\n \n\n
\n New York/Maine applicants only:\n
{\" \"}\n You have the right to inspect and receive a copy of any\n investigative consumer report requested by the Landlord by\n contacting the consumer reporting agency identified\n directly. You may also contact the Company to request the\n name, address and telephone number of the nearest unit of\n the consumer reporting agency designated to handle\n inquiries, which the Company shall provide within 5 days.\n \n\n
\n New York City applicants only:\n
{\" \"}\n Pursuant to federal, state, and local law: 1) If we take\n adverse action against you on the basis of information\n contained in a tenant screening report, we must notify you\n that such action was taken and supply you with the name\n and address of the consumer reporting agency that provided\n the tenant screening report on the basis of which such\n action was taken; 2) if any adverse action is taken\n against you based on information contained in a tenant\n screening report, you have the right to inspect and\n receive a free copy of that report by contacting the\n consumer reporting agency: NTN-New York, PO Box 1023,\n Turnersville, NJ 08012, Telephone: 800-422-8299; 3) every\n tenant or prospective tenant is entitled to one free\n tenant screening report from each national consumer\n reporting agency annually, in addition to a credit report\n that should be obtained from www.annualcreditreport.com;\n and 4) every tenant or prospective tenant may dispute\n inaccurate or incorrect information contained in a tenant\n screening report directly with the consumer reporting\n agency.\n \n\n
\n New Jersey Applicants:\n
{\" \"}\n The Fair Chance in Housing Act requires specific notice to\n be provided to you, which can be found{\" \"}\n\n
\n California applicants or residents only:\n
{\" \"}\n By signing this application, you also acknowledge receipt\n of the NOTICE REGARDING BACKGROUND INVESTIGATION PURSUANT\n TO CALIFORNIA LAW. Please contact the consumer reporting\n agency if you would like to receive a copy of an\n investigative consumer report or consumer credit report at\n no charge if one is obtained by the Company whenever you\n have a right to receive such a copy under California.\n */}\n\n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n Name:{\" \"}\n \n {\" \"}\n {data?.records?.first_name} {data?.records?.last_name}\n \n
\n\n Application ID:{\" \"}\n {data?.records?.application_number}\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
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n Name:{\" \"}\n \n {\" \"}\n {data?.records?.first_name} {data?.records?.last_name}\n \n
\n\n Application ID:{\" \"}\n {data?.records?.application_number}\n
\n\n
\n \n \n \n navigate(-1)}\n size={25}\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
\n \n - \n
\n
\n \n - \n
\n
\n \n - \n
\n
\n \n
\n \n\n
\n // \n\n );\n};\n\nexport default ForgotPassword;\n","import React, { useEffect, useState } from \"react\";\nimport Logo from \"../../assets/images/DocuVerusLogoorg.png\";\n\nimport { yupResolver, yupArray } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport { DevTool } from \"@hookform/devtools\";\nimport InputField from \"../../components/registration/Inputs/InputField\";\nimport InputSimplePassword from \"../../components/registration/Inputs/InputSimplePassword\";\nimport { FormProvider, useForm } from \"react-hook-form\";\n\nimport Modal from \"@material-ui/core/Modal\";\nimport ForgotPassword from \"../../components/forgotPassword/forgotPassword\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport {\n useForgotUserMutation,\n useLoginUserMutation,\n} from \"../../services/registrationApi\";\nimport { Outlet, Link, useNavigate, Navigate } from \"react-router-dom\";\nimport { useLocation } from \"react-router-dom\";\nimport { useDispatch, useSelector } from \"react-redux\";\n\nimport {\n urlGeneratedAts,\n trnId,\n applicationType,\n token,\n refreshToken,\n} from \"../../store/registration/logindSlice\";\nimport identificationApi from \"../../services/identificationApi\";\nimport { logout_url } from \"../../config\";\n\nexport const getUrlAndTransId = (path) => {\n const splitPath = path.split(\"/\");\n splitPath.shift();\n if (splitPath[0] === \"identification\") {\n splitPath.shift();\n }\n let trn_id = null;\n let fullPath = null;\n if (\n (splitPath[0] === \"Office\" && splitPath.length === 5) ||\n (splitPath[0] === \"Unit\" && splitPath.length === 6) ||\n (splitPath[0] === \"Floor\" && splitPath.length === 6) ||\n (splitPath[0] === \"Property\" && splitPath.length === 5)\n ) {\n fullPath = splitPath.slice(0, splitPath.length - 1).join(\"/\");\n trn_id = splitPath[splitPath.length - 1];\n } else {\n fullPath = splitPath.slice(0, splitPath.length).join(\"/\");\n trn_id = 0;\n }\n return {\n url: fullPath,\n trn_id: trn_id,\n applicationType: splitPath[0],\n };\n};\n\nconst Login = (props) => {\n const [forgotFlag, setForgotFlag] = useState(false);\n const navigate = useNavigate();\n const dispatch = useDispatch();\n const location = useLocation();\n const [loginUser, loginUserResult] = useLoginUserMutation();\n\n const schema = yup.object().shape({\n password: yup.string().required(\"Required\"),\n email: yup.string().typeError(\"Required\").required(\"Required\"),\n });\n\n const methods = useForm({\n defaultValues: {\n email: \"\",\n password: \"\",\n },\n resolver: yupResolver(schema),\n mode: \"onBlur\",\n });\n\n useEffect(() => {\n document.title = \"Docuverus\";\n }, []);\n\n useEffect(() => {\n //debugger;\n const getId = new URLSearchParams(location.search).get(\"trn_id\");\n const url = new URLSearchParams(location.search).get(\"url\");\n console.log(\"🚀 ~ file: PrivateRoute.js ~ line 129 ~ login ~ url\", url);\n const searchToken = new URLSearchParams(location.search).get(\"token\");\n console.log(\n \"🚀 ~ file: PrivateRoute.js ~ line 131 ~ login ~ searchToken\",\n searchToken\n );\n const refreshToken = new URLSearchParams(location.search).get(\n \"refreshToken\"\n );\n console.log(\n \"🚀 ~ file: PrivateRoute.js ~ line 133 ~ login ~ refreshToken\",\n refreshToken\n );\n console.log(\"🚀 ~ file: PrivateRoute.js ~ line 128 ~ login ~ getId\", getId);\n if (getId && url && searchToken) {\n dispatch(token(searchToken));\n dispatch(urlGeneratedAts(url));\n dispatch(trnId(getId));\n dispatch(\n applicationType(\n getUrlAndTransId(\"/\" + url + \"/\" + getId)?.applicationType\n )\n );\n\n dispatch(\n identificationApi.endpoints.getSectionStatus.initiate(getId, {\n track: false,\n refetch: true,\n })\n ).then(() => { });\n\n navigate(\"/instruction\");\n }\n }, [location]);\n\n const onSubmit = (data) => {\n console.log(data);\n let tempObj = data;\n\n loginUser({\n ...tempObj,\n })\n .then((response) => {\n console.log(response);\n if (response?.data && response.data.status == 200) {\n\n dispatch(\n identificationApi.endpoints.getApplicantStatus.initiate(\n response.data.records.trn_id,\n { track: false, refetch: true }\n )\n ).then((res) => {\n dispatch(\n identificationApi.endpoints.getSectionStatus.initiate(\n response.data.records.trn_id,\n { track: false, refetch: true }\n )\n ).then(() => {\n dispatch(token(response.data.records.token));\n dispatch(refreshToken(response?.data?.records?.refreshToken));\n dispatch(\n urlGeneratedAts(\n getUrlAndTransId(\n \"/\" +\n response.data.records.url +\n \"/\" +\n response.data.records.trn_id\n )?.url\n )\n );\n dispatch(\n trnId(\n getUrlAndTransId(\n \"/\" +\n response.data.records.url +\n \"/\" +\n response.data.records.trn_id\n )?.trn_id\n )\n );\n dispatch(\n applicationType(\n getUrlAndTransId(\n \"/\" +\n response.data.records.url +\n \"/\" +\n response.data.records.trn_id\n )?.applicationType\n )\n );\n toast.success(response.data.message, { pauseOnFocusLoss: false });\n sessionStorage.setItem('trn_id', getUrlAndTransId(\n \"/\" +\n response.data.records.url +\n \"/\" +\n response.data.records.trn_id\n )?.trn_id)\n navigate(\"/instruction\");\n });\n });\n } else {\n toast.error(response.error.data.message, { pauseOnFocusLoss: false });\n }\n })\n .catch((error) => {\n console.log(error);\n toast.error(\"Invalid Credentials.\", { pauseOnFocusLoss: false });\n });\n };\n\n return (\n <>\n \n\n
\n \n \n
\n\n \n
\n Forgot Password
\n\n \n \n \n
\n\n \n
\n \n
\n \n ![\"sealcon\"]({Logo} "\\"sealcon\\"")
\n
\n\n \n \n \n \n
\n\n \n
\n - \n
- \n
- \n
- \n Version\n \n
\n
\n \n
\n \n \n
\n \n \n \n \n
\n \n {error !== undefined && error.message}\n
\n \n );\n};\n\nexport default InputTextArea;\n","import React from \"react\";\nimport { useFormContext, useFormState } from \"react-hook-form\";\n\nconst PropertyType = (props) => {\n console.log(\"Check Props PropertyType\", props);\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const { name } = props.register;\n const { control, watch, getValues } = useFormContext();\n const { dirtyFields, errors } = useFormState({\n control,\n });\n const error = errors[name];\n return (\n <>\n \n \n
\n\n \n \n \n Rent\n \n \n \n \n Own\n \n \n \n \n Other\n \n \n
\n {error && error.message}
\n \n );\n};\n\nexport default PropertyType;\n","import React from \"react\";\nimport InputMask from \"react-input-mask\";\nimport { useFormContext, useController } from \"react-hook-form\";\n\nfunction InputMaskField(props) {\n console.log(\"IPFIELD:6\", props);\n const required = props.notRequired === undefined ? true : !props.notRequired;\n const { name } = props.register;\n const { control, setValue, watch } = useFormContext();\n const {\n field,\n fieldState: { error },\n } = useController({\n name,\n control,\n });\n console.log(\"Check FIELD:17\", field);\n return (\n <>\n \n {error !== undefined && error.message}\n
\n \n );\n}\n\nexport default InputMaskField;\n","import React from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport InputFieldPhone from \"../../../registration/Inputs/InputFieldPhone\";\n\nfunction InputFieldArrayLandlord(props) {\n console.log(\"Landlord props\", props);\n const { register } = props;\n const { control } = useFormContext();\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"identification_data.landlord_number\", // unique name for your Field Array\n // keyName: \"id\", default to \"id\", you can change the key name\n });\n const { errors } = useFormState({\n control,\n });\n\n return (\n <>\n {fields.map((field, index) => (\n \n
\n ))}\n \n );\n}\n\nexport default InputFieldArrayLandlord;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport GoogleAutoComplete from \"../../../common/googleAutocomplete/googleAutocomplete\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport InputField from \"../../../registration/Inputs/InputField\";\nimport SelectField from \"../../../registration/Inputs/SelectField\";\nimport InputDateField from \"../../../registration/Inputs/InputDateField\";\nimport InputCurrencyField from \"../../../registration/Inputs/InputCurrencyField\";\nimport InputTextArea from \"../../../registration/Inputs/InputTextArea\";\nimport PropertyType from \"./property-type/property-type\";\nimport { useGetMasterRegistrationDataQuery } from \"../../../../services/registrationApi\";\nimport { useSelector } from \"react-redux\";\nimport { TiDelete } from \"react-icons/ti\";\nimport {\n AccordionDetails,\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport InputMaskField from \"../../../registration/Inputs/InputMaskFieid\";\nimport InputFieldArrayLandlord from \"../personal-details/InputFieldArrayLandlord\";\nimport InputFieldPhone from \"../../../registration/Inputs/InputFieldPhone\";\nimport { AiOutlineCheckCircle } from \"react-icons/ai\";\nimport debounce from \"lodash.debounce\";\nimport { useNavigate } from \"react-router-dom\";\nimport { AiOutlineArrowDown } from \"react-icons/ai\";\nimport InputCheckBoxField from \"../../../registration/Inputs/InputCheckBoxField\";\nimport { JSONTree } from \"react-json-tree\";\nimport { useDocumentContext } from \"../../../../PrivateRoute\";\n\nconst Address = (props) => {\n const navigate = useNavigate();\n let nextDate = new Date().setDate(new Date().getDate() + 1);\n const { register, watch, getValues, control, setValue } = useFormContext();\n const [isCurrentAddress, setIsCurrentAddress] = useState(\n register(\"identification_data.is_current_address\")\n );\n\n const [open, setOpen] = useState(false);\n const [deleteAddressIndex, setDeleteAddressIndex] = useState(0);\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"address\",\n keyName: \"fields_id\",\n });\n const { dirtyFields, errors, touchedFields } = useFormState({\n control,\n });\n const error = errors[\"propertyType\"];\n\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const url = useSelector(\n (state) => state.persistedReducer.loginSlice.urlGeneratedAts\n );\n const useWindowWidth = useSelector(\n (state) => state.identification.sideMenuSlice\n );\n const { data, isLoading, isError, isSuccess } =\n useGetMasterRegistrationDataQuery({ trn_id, url });\n useEffect(() => {\n const subscription = watch((value, { name, type }) => {\n debouncedSave(name, false);\n });\n return () => subscription.unsubscribe();\n }, [watch]);\n\n const [nextSection, setNextSection] = useState(false);\n const viewOnlyFlag = useSelector((state) => state.formSubmit.viewOnlyFlag);\n const debouncedSave = useCallback(\n debounce(\n (nextValue) =>\n (async () => {\n setNextSection(await props.checkValidation(\"Address\", false));\n })(),\n 1000\n ),\n [] // will be created only once initially\n );\n\n const { documentData:documentWiseRules, sectionData:paystubWiseRules, identificationData:identificationWiseRules } = useDocumentContext();\n\n return (\n \n
\n \n
\n \n
\n \n {index !== 0 ? (\n
\n \n \n
\n ) : (\n \n )}\n \n {index === fields?.length - 1 && index <= 1 && (\n
\n \n append({ number: \"\" })}\n >\n \n
\n )}\n \n \n
\n Address
\n\n
\n \n \n );\n })}\n \n
\n \n {newIndex}{\" \"}\n {newIndex == 1 ? (\n Current Address\n ) : (\n <>\n )}\n {newIndex !== 1 && (\n {\n setDeleteAddressIndex(index);\n setOpen(true);\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n \n 0 ? \"Search Previous Address\" : \"Search Current Address\"}\n />\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {identificationWiseRules?.IfPreviousMoveOutDate != 'Hide' && \n
\n \n
}\n {identificationWiseRules?.MoveInDate != 'Hide' && \n
\n \n
}\n\n {identificationWiseRules?.IfPreviousMoveOutDate != 'Hide' && \n
\n \n {watch(`address.${index}.is_current_address`) == false && (\n
}\n \n
\n )}\n \n
\n {watch(`address.${index}.property_type`) == \"1\" &&\n watch(`address.${index}.property_type`) !== \"3\" && (\n <>\n \n
\n \n
\n \n
\n {identificationWiseRules?.LandlordTelephone!='Hide' && \n
\n \n
}\n \n )}\n {watch(`address.${index}.property_type`) == \"2\" &&\n watch(`address.${index}.property_type`) !== \"3\" && (\n <>\n \n
\n \n
\n \n
\n \n
\n \n )}\n {identificationWiseRules?.ReasonforMoving != 'Hide' && \n
\n \n
}\n \n
\n \n \n Please include address history covering two most recent years.\n \n
\n \n
\n \n \n );\n }}\n />\n \n {props.label} {required && *}\n
\n\n {\n if (!viewOnlyFlag && props?.onClick) {\n props?.onClick();\n }\n }}\n >\n \n No\n \n
\n \n \n Yes\n \n
\n \n {\" \"}\n {error && error.message}\n
\n \n );\n};\n\nexport default CustomRadioButton;\n","import React from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport InputFieldPhone from \"../../../registration/Inputs/InputFieldPhone\";\nimport { ErrorMessage } from \"@hookform/error-message\";\nimport { Alert, Stack } from \"@mui/material\";\nimport { useSelector } from \"react-redux\";\nimport SelectField from \"../../../registration/Inputs/SelectField\";\n\nconst InputFieldArray = (props) => {\n const { register } = props;\n const {\n control,\n formState: { errors },\n } = useFormContext();\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"applicant.mobile\", // unique name for your Field Array\n // keyName: \"id\", default to \"id\", you can change the key name\n });\n\n const viewOnlyFlag = useSelector((state) => state.formSubmit.viewOnlyFlag);\n if (viewOnlyFlag)\n return (\n <>\n {fields.map((field, index) => (\n \n
\n ))}\n \n );\n return (\n <>\n {fields.map((field, index) => (\n \n
\n \n {!props?.showNumberType && (\n
\n ))}\n \n
\n )}\n {props?.showNumberType && (\n \n
\n )}\n {/* \n
*/}\n {props?.addMultipleNumber && (\n \n
\n )}\n \n
\n \n {index !== 0 ? (\n
\n \n \n
\n ) : (\n \n )}\n \n {index === fields?.length - 1 && index <= 1 && (\n
\n \n append({ number: \"\" })}\n >\n \n
\n )}\n \n
\n \n );\n};\n\nexport default InputFieldArray;\n","import React from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport { TiDelete } from \"react-icons/ti\";\nimport InputField from \"../../../../registration/Inputs/InputField\";\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport { useSelector } from \"react-redux\";\n\nconst Alias = (props) => {\n const useWindowWidth = useSelector(\n (state) => state.identification.sideMenuSlice\n );\n const { register } = props;\n const [open, setOpen] = React.useState(false);\n const [deleteAddressIndex, setDeleteAddressIndex] = React.useState(0);\n\n const { control, watch } = useFormContext();\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"applicant.Alias\", // unique name for your Field Array\n // keyName: \"id\", default to \"id\", you can change the key name\n });\n const { errors } = useFormState({\n control,\n });\n\n return (\n <>\n {fields.map((field, index) => {\n let newIndex = index + 1;\n\n return (\n \n \n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n \n
\n \n \n
\n \n
\n \n
\n \n {newIndex}\n {\n setDeleteAddressIndex(index);\n setOpen(true);\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n {index === fields?.length - 1 && (\n <>\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {/* {\n setDeleteAddressIndex(index);\n setOpen(true);\n }}\n title=\"Delete this Employer\"\n className=\"btn btn-danger\"\n >\n
\n \n append({ fname: \"\", lname: \"\" })}\n >\n \n
\n \n )}\n \n
\n\n {showAnotherPhone && (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n {!showAnotherPhone && (\n
\n \n {\n setValue(\n `applicant.otherPhoneCaption`,\n null\n );\n setValue(\n `applicant.otherPhoneNumber`,\n null\n );\n setShowAnotherPhone(true);\n }}\n >\n \n \n Add another number\n \n \n
\n )}\n \n \n
\n \n
\n \n )}\n \n \n
\n \n \n
\n \n {\n setValue(\n `applicant.otherPhoneCaption`,\n null\n );\n setValue(\n `applicant.otherPhoneNumber`,\n null\n );\n setShowAnotherPhone(false);\n }}\n />\n
\n \n
\n \n
\n \n \n
\n \n {watch(\"applicant.alias_status\") === \"Yes\" && (\n <>\n \n 0\n ? true\n : false\n }\n onClick={() => {\n if (watch(`applicant.Alias`)?.length > 0) {\n setDeleteAlias(true);\n }\n }}\n label=\"Have you ever used any other name(s) during the\n past 5 years?\"\n register={register(\"applicant.alias_status\")}\n />\n
\n \n {\n for (let file of v) {\n console.log(\"🚀 ~ file: CustomUpload.js:68 ~ file\", file)\n for (let error of file.errors) {\n if (error.code == 'file-too-large') {\n toast.warn('File is larger than 10MB');\n }\n }\n }\n console.log(\"🚀 ~ file: CustomUpload.js:67 ~ v\", v)\n }}\n maxSize={10485760}\n onDrop={(file) => {\n // for (let f of file) {\n uploadFile(file);\n // }\n }}\n accept={\n props.onlyPdf == true\n ? \"application/pdf\"\n : \"image/*,application/pdf\"\n }\n >\n {({\n getRootProps,\n getInputProps,\n isDragActive,\n isDragAccept,\n isDragReject,\n }) => {\n const additionalClass = isDragAccept\n ? \"accept\"\n : isDragReject\n ? \"reject\"\n : \"\";\n\n return (\n \n
\n );\n }}\n \n \n {result.status === \"pending\" && (\n File Upload
\n\n
*/}\n \n );\n};\n\nexport default CustomUpload;\n","import React, { useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CustomUpload from \"../CustomUpload/CustomUpload\";\nimport DropboxApi from \"../dropboxApi/dropboxApi\";\nimport GoogleDriveApi from \"../googleDriveApi/googleDriveApi\";\n\nconst UploadFile = (props) => {\n const viewOnlyFlag = useSelector((state) => state.formSubmit.viewOnlyFlag);\n if (viewOnlyFlag) return <>;\n return (\n \n {/* \n
\n \n \n\n */}\n
\n );\n};\n\nexport default UploadFile;\n","import {\n FormControl,\n FormControlLabel,\n FormLabel,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport React from \"react\";\nimport {\n Controller,\n useController,\n useForm,\n useFormContext,\n} from \"react-hook-form\";\n\nconst RadioInputField = (props) => {\n const { register, setValue, getValues } = useFormContext();\n //const selectedValue = getValues(props?.name) ; //|| \"Other\";\n\n return (\n <>\n {props.options.map((item, index) => {\n return (\n \n
\n );\n })}\n \n );\n};\n\nexport default RadioInputField;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport UploadFile from \"../../../common/uploadFile/uploadFile\";\nimport CustomRadioButton from \"../../../registration/Inputs/customRadioButton\";\nimport { useFormContext } from \"react-hook-form\";\nimport { AccordionDetails, Alert, Stack } from \"@mui/material\";\nimport {\n useDeleteDocumentMutation,\n useGetDetailsQuery,\n useGetDocumentImgQuery,\n useGetvalidationCheckIdQuery,\n} from \"../../../../services/identificationApi\";\nimport { BiTrash } from \"react-icons/bi\";\nimport moment from \"moment\";\n\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { sideNavAction } from \"../../../../store/identification/sideMenuSlice\";\nimport debounce from \"lodash.debounce\";\nimport { useNavigate } from \"react-router-dom\";\nimport { AiOutlineArrowDown } from \"react-icons/ai\";\nimport QRCode from \"react-qr-code\";\nimport { BASE_URL_LOCAL, protocol } from \"../../../../config\";\nimport InputField from \"../../../registration/Inputs/InputField\";\nimport { ErrorMessage } from \"@hookform/error-message\";\nimport RadioInputField from \"../../../registration/Inputs/RadioInputField\";\nimport \"./index.css\";\nimport { JSONTree } from \"react-json-tree\";\nimport { useDocumentContext } from \"../../../../PrivateRoute\";\nconst FilePreview = (props) => {\n const { data, isLoading } = useGetDocumentImgQuery(props.id);\n\n return (\n <>\n \n
}\n\n {watch(\"identification_data.availableToUpload_id\") == \"Yes\" && (\n <>\n \n Please upload CLEAR images of your ID here. Click the “i” for\n details.\n \n \n 776 ? \"m-t-m-50\" : \"col-md-12\"\n }`}\n >\n {true && (\n
\n )}\n \n \n \n \n
\n {!viewOnlyFlag && (\n - \n {
- \n \n \n\n }\n {documentWiseRules?.Passport!==\"Hide\" &&
- \n \n\n }\n {documentWiseRules?.PermanentResidentID!==\"Hide\" &&
- \n \n\n }\n {documentWiseRules?.Visa!==\"Hide\" &&
- \n \n \n\n }\n
\n {useWindowWidth.windowWidth < 776 && (\n
\n )}\n \n {\n window.open(\n `${BASE_URL_LOCAL}scan/${trn_id}`,\n \"_blank\"\n );\n }}\n className=\"blue-btn\"\n >\n Click to Capture ID\n \n
\n )}\n \n {!viewOnlyFlag && useWindowWidth.windowWidth > 776 && (\n <>\n {useWindowWidth.windowWidth < 1024 && (\n {\n window.open(\n `${BASE_URL_LOCAL}scan/${trn_id}`,\n \"_blank\"\n );\n }}\n className=\"blue-btn\"\n style={{ maxWidth: 110, fontSize: 16 }}\n >\n Capture ID\n \n )}\n \n Front Side:\n {watch(\"identification_data.file\") !== null ? (\n \n Upload Front Side first{\" \"}\n \n )}\n \n )}\n
\n \n
\n Scan ID on Mobile
\n\n
\n \n \n
\n \n )}\n\n \n
\n or
\n \n \n window\n .open(\n `${hasSSToken(false)}?token=${token}`,\n \"_blank\"\n )\n .focus()\n }\n />\n\n {\n setDeleteDocumentType(\"application_document_id\");\n setOpen(true);\n }}\n title={`Delete`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n ) : (\n \n \n window\n .open(\n `${hasSSTokenBack(false)}?token=${token}`,\n \"_blank\"\n )\n .focus()\n }\n />\n\n {\n setDeleteDocumentType(\"BarcodeDocumentID\");\n setOpen(true);\n }}\n title={`Delete`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n ) : (\n \n {/* {nameMatched?.applicantNameMatched === false ? (\n \n {\n if (message)\n return {message} ;\n\n return <>;\n }}\n />\n\n {\n if (message)\n return {message} ;\n\n return <>;\n }}\n />\n \n )}\n {/* {nameMatched?.applicantDOBMatched === false && (\n
\n \n {\n \n Our system detected that the name found on the ID document\n you uploaded may not match the information entered on your\n application. If this is not your ID, then remove and\n reupload the correct ID. Otherwise, please confirm which\n information is correct.\n \n
\n ) : (\n <>\n )} */}\n {watch(\"identification_data.documenttype_id\") && (\n \n \n Our system detected from the ID you uploaded a DOB different\n than what you entered. Please carefully review and confirm\n your correct date of birth (DOB).\n \n
\n )} */}\n \n {/* item.applicant).filter(item=>!item.isDeleted)} /> */}\n {validationCheck?.records?.validation_message?.map(item=>item.applicant)?.filter(item=>!item.isDeleted)?.map((item) =>\n item.message && {item.message} \n )}\n {/* {getValues(\n `employment_details.employer.${index}.validation_message_status`\n ).map(\n (item) =>\n item.message && {item.message} \n )} */}\n
\n \n
\n )}\n \n )}\n {viewOnlyFlag ||\n (nextSection && (\n \n \n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n \n
\n \n {/* applicationProfile.identifications.ssnnumber !== 'Hide' && */}\n {
\n \n
}\n {/* applicationProfile.identifications.ssnnumber !== 'Hide' && */}\n { \n
\n \n
}\n\n {documentWiseRules?.SSNCard!='Hide' && \n
\n \n
}\n {watch(\"ssn_data.availableToUpload_ssn\") == \"Yes\" && (\n \n {\n if (!!watch(\"ssn_data.file\")) {\n setDeleteSSN(true);\n }\n }}\n disable={!!watch(\"ssn_data.file\")}\n label=\"Do you have proof of SSN available?\"\n register={register(\"ssn_data.availableToUpload_ssn\")}\n />\n
\n \n
\n )}\n {watch(`ssn_data.availableToUpload_ssn`) == \"No\" && documentWiseRules?.SSNCard!='Hide' && (\n <>\n \n
\n \n
\n \n \n Proof of SSN\n
\n
\n \n Proof of SSN\n {\n setSnnInformation(true);\n }}\n />\n
\n (SSN card or un-redacted W2)
\n \n Click the (i) button above for details\n \n\n
\n \n {watch(\"ssn_data.file\") !== null ? (\n <>\n
\n \n \n window\n .open(\n `${hasSSToken(false)}?token=${token}`,\n \"_blank\"\n )\n .focus()\n }\n />\n\n\n\n\n\n {\n setOpen(true);\n }}\n title={`Delete`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n \n ) : (\n
\n
\n )}\n \n \n \n )}\n Loading
;\n if (getIdentificationData.isError)\n return (\n <>\nSomething went wrong please try again
\n \n );\n return (\n\n {/* */}\n \n \n \n <>\n {\n setLicenseInformation(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n \n Please upload CLEAR and straight images of your proof of\n identification. For state driver’s licenses or ID’s, both the\n front and back of your ID are required, and the back barcode\n must be VERY CLEAR. If you don’t currently have a clear image(s)\n of your ID, then you can scan or click the scan ID QR code; this\n will allow you to use your mobile phone as a remote scanner.\n \n \n \n {\n setLicenseInformation(false);\n }}\n autoFocus\n >\n Close\n \n \n \n \n \n
\n );\n};\n\nexport default IdentificationDetails;\n","import React from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport InputCheckBoxField from \"../../../../registration/Inputs/InputCheckBoxField\";\nimport InputField from \"../../../../registration/Inputs/InputField\";\nimport { useDeleteSourceMutation } from \"../../../../../services/identificationApi\";\nimport { TiDelete } from \"react-icons/ti\";\nimport InputFieldPhone from \"../../../../registration/Inputs/InputFieldPhone\";\nimport { JSONTree } from \"react-json-tree\";\n\nconst Applying = (props) => {\n const { register } = props;\n const { control, watch } =\n useFormContext();\n const [doDelete, deleteResult] = useDeleteSourceMutation();\n const { fields, append, remove, replace } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"anyone_over_18.fields\", // unique name for your Field Array\n keyName: \"fields_id\", //default to \"id\", you can change the key name\n });\n const { errors } = useFormState({\n control,\n });\n\n return (\n <>\n {fields.map((field, index) => (\n \n
\n \n
\n ))}\n \n
\n \n
\n \n {index + 1}{\" \"}\n \n {!field?.is_fixed && ( {\n remove(index);\n props?.checkSourceAvailableHandler(\"applying\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n\n {errors && errors[index] && errors[index].number}\n \n
\n \n );\n};\n\nexport default Applying;\n","import React from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport InputCheckBoxField from \"../../../../registration/Inputs/InputCheckBoxField\";\nimport InputDateField from \"../../../../registration/Inputs/InputDateField\";\nimport InputField from \"../../../../registration/Inputs/InputField\";\nimport { TiDelete } from \"react-icons/ti\";\nimport moment from \"moment\";\nimport { JSONTree } from \"react-json-tree\";\nconst CoOccupant = (props) => {\n const { register } = props;\n const { control ,formState} = useFormContext();\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"co_occupants.fields\", // unique name for your Field Array\n keyName: \"co_occupants_id\", // default to \"id\", you can change the key name\n });\n const { errors } = useFormState({\n control,\n });\n\n return (\n <>\n {fields?.map((field, index) => (\n \n \n append({\n id: 0,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n mobile: null,\n individual: false,\n })\n }\n >\n \n
\n \n
\n ))}\n \n
\n \n
\n \n {index + 1}{\" \"}\n {\n remove(index);\n props?.checkSourceAvailableHandler(\"cooccupant\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n {errors && errors[index] && errors[index].number}\n \n
\n \n );\n};\n\nexport default CoOccupant;\n","import React from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport InputCheckBoxField from \"../../../../registration/Inputs/InputCheckBoxField\";\nimport InputField from \"../../../../registration/Inputs/InputField\";\nimport InputFieldPhone from \"../../../../registration/Inputs/InputFieldPhone\";\nimport { TiDelete } from \"react-icons/ti\";\n\nconst CoSigner = (props) => {\n const { register } = props;\n const { control } = useFormContext();\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"is_co_signer.fields\", // unique name for your Field Array\n keyName: \"co_signer_id\",\n // keyName: \"id\", default to \"id\", you can change the key name\n });\n const { errors } = useFormState({\n control,\n });\n\n return (\n <>\n\n {fields?.map((field, index) => (\n \n \n append({\n id: \"0\",\n first_name: \"\",\n last_name: \"\",\n dob: \"\",\n ssn: \"\",\n relationship: \"\",\n })\n }\n >\n \n
\n \n
\n ))}\n \n
\n \n
\n \n {index + 1}{\" \"}\n {!field?.is_fixed && ( {\n remove(index);\n props?.checkSourceAvailableHandler(\"cosigner\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n {index !== 0 && (\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n {errors && errors[index] && errors[index].number}\n \n \n
\n )}\n \n
\n \n );\n};\n\nexport default CoSigner;\n","import React, { useCallback, useEffect, useState } from \"react\";\nimport CustomRadioButton from \"../../../registration/Inputs/customRadioButton\";\nimport Applying from \"./applying/applying\";\nimport { useFormContext } from \"react-hook-form\";\nimport CoOccupant from \"./cooccupant/cooccupant\";\nimport CoSigner from \"./cosigner/cosigner\";\nimport { useSelector } from \"react-redux\";\nimport { BsCheckCircleFill } from \"react-icons/bs\";\nimport {\n AccordionDetails,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Button,\n} from \"@mui/material\";\n\nimport debounce from \"lodash.debounce\";\nimport { useNavigate } from \"react-router-dom\";\nimport { AiOutlineArrowDown } from \"react-icons/ai\";\n\nconst ApplicantDetail = (props) => {\n const { register, watch, getValues, setValue, formState } = useFormContext();\n const [question, setQuestions] = useState(props.que);\n const [over18, setOver18] = useState(false);\n const [under18, setUnder18] = useState(false);\n const [coSinger, setCosinger] = useState(false);\n const viewOnlyFlag = useSelector((state) => state.formSubmit.viewOnlyFlag);\n const [nextSection, setNextSection] = useState(false);\n const navigate = useNavigate();\n // highlight-starts\n const debouncedSave = useCallback(\n debounce(\n (nextValue) =>\n (async () => {\n setNextSection(\n await props.checkValidation(\"ApplicantDetails\", false)\n );\n })(),\n 1000\n ),\n [] // will be created only once initially\n );\n // highlight-ends\n\n const checkSourceAvailableHandler = (section) => {\n if (section == \"applying\" && watch(\"anyone_over_18.fields\")?.length == 0) {\n setValue(\"anyone_over_18.response\", \"No\");\n }\n if (section == \"cooccupant\" && watch(\"co_occupants.fields\")?.length == 0) {\n setValue(\"co_occupants.response\", \"No\");\n }\n if (section == \"cosigner\" && watch(\"is_co_signer.fields\")?.length == 0) {\n setValue(\"is_co_signer.response\", \"No\");\n }\n };\n\n useEffect(() => {\n const subscription = watch((value, { name, type }) => {\n debouncedSave(name);\n if (type === \"change\" && name === `anyone_over_18.response`) {\n if (getValues(`anyone_over_18.response`) === \"Yes\")\n setValue(\"anyone_over_18.fields\", [\n { id: 0, first_name: \"\", last_name: \"\", email: \"\", mobile: null },\n ]);\n } else if (type === \"change\" && name === `co_occupants.response`) {\n if (getValues(`co_occupants.response`) === \"Yes\")\n setValue(\"co_occupants.fields\", [\n {\n id: 0,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n mobile: null,\n dob: null,\n },\n ]);\n } else if (type === \"change\" && name === `is_co_signer.response`) {\n //is_co_signer.fields\n if (getValues(`is_co_signer.response`) === \"Yes\")\n setValue(\"is_co_signer.fields\", [\n { id: 0, first_name: \"\", last_name: \"\", email: \"\", mobile: null },\n ]);\n }\n });\n return () => subscription.unsubscribe();\n }, [getValues, setValue, watch]);\n return (\n \n \n append({\n id: 0,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n mobile: \"\",\n })\n }\n >\n \n
\n \n
\n \n \n {getValues(\"anyone_over_18.display\") && (\n
\n )}\n\n {getValues(\"co_occupants.display\") && (\n \n \n {\n if (watch(\"anyone_over_18.fields\")?.length > 0 && !getValues( `anyone_over_18.fields`).find((item,index,arr)=>{\n return item.is_fixed===true\n })) {\n setUnder18(false);\n setCosinger(false);\n setOver18(true);\n }\n }}\n disable={watch(\"anyone_over_18.fields\")?.length > 0 }\n label={`${getValues(\n `anyone_over_18.labelIndex`\n )}. Are you applying with anyone over the age of 18?`}\n register={register(\"anyone_over_18.response\")}\n />\n
\n\n {watch(\"anyone_over_18.response\") === \"Yes\" && (\n \n
\n )}\n\n {getValues(\"is_co_signer.display\") && (\n \n {\n if (watch(\"co_occupants.fields\")?.length > 0) {\n setOver18(false);\n setCosinger(false);\n setUnder18(true);\n }\n }}\n disable={watch(\"co_occupants.fields\")?.length > 0}\n label={`${getValues(\n `co_occupants.labelIndex`\n )}. Will any co-occupants UNDER the age of 18 be residing with you?`}\n register={register(\"co_occupants.response\")}\n />\n
\n\n {watch(\"co_occupants.response\") === \"Yes\" && (\n \n
\n )}\n \n {\n if (watch(\"is_co_signer.fields\")?.length > 0 && !getValues( `is_co_signer.fields`).find((item,index,arr)=>{\n return item.is_fixed===true\n })) {\n setOver18(false);\n setUnder18(false);\n setCosinger(true);\n }\n }}\n disable={watch(\"is_co_signer.fields\")?.length > 0}\n label={`${getValues(\n `is_co_signer.labelIndex`\n )}. Do you expect to need a guarantor/co-signer?`}\n register={register(\"is_co_signer.response\")}\n />\n
\n\n {watch(\"is_co_signer.response\") === \"Yes\" && (\n \n {fields.map((field, index) => {\n console.log(\"Check FIELDS VALUE\", field);\n if (\n watch(`emergency_reference.fields.${index}.reference_copy`)\n ?.value >= 0\n ) {\n if (\n !getValues(\n `emergency_reference.fields.${index}.reference_copy_status`\n )\n ) {\n /**\n *\n */\n setValue(\n `emergency_reference.fields.${index}`,\n getValues(\n `reference.fields.${\n getValues(\n `emergency_reference.fields.${index}.reference_copy`\n )?.value\n }`\n ),\n { shouldValidate: true }\n );\n setValue(\n `emergency_reference.fields.${index}.reference_copy_status`,\n true\n );\n }\n }\n return (\n
\n \n );\n};\n\nexport default EmergencyContact;\n","import React from \"react\";\nimport { useFieldArray, useFormContext, useFormState } from \"react-hook-form\";\nimport InputField from \"../../../../registration/Inputs/InputField\";\nimport { TiDelete } from \"react-icons/ti\";\nimport InputFieldPhone from \"../../../../registration/Inputs/InputFieldPhone\";\n\nconst Reference = (props) => {\n const { register } = props;\n const { control } = useFormContext();\n const { fields, append, remove } = useFieldArray({\n control, // control props comes from useForm (optional: if you are using FormContext)\n name: \"reference.fields\", // unique name for your Field Array\n keyName: \"reference_id\", //default to \"id\", you can change the key name\n });\n const { errors } = useFormState({\n control,\n });\n\n return (\n <>\n {fields.map((field, index) => (\n \n
\n );\n })}\n \n
\n\n \n {index + 1}{\" \"}\n {\n remove(index);\n props?.checkSourceAvailableHandler(\"emergency\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n {props.referenceList.filter(\n (item) =>\n !!item.first_name && !!item.last_name && !!item.email\n ).length > 0 && (\n
\n \n
\n )}\n \n
\n \n {watch(\n `emergency_reference.fields.${index}.first_name`\n ) === \"\" && (\n \n !!item.first_name &&\n !!item.last_name &&\n !!item.email\n )\n .map((item, index) => {\n const name =\n item.first_name + \" \" + item.last_name ||\n index;\n return {\n value: index,\n label: name,\n };\n })}\n label=\"Copy data from reference\"\n register={register(\n `emergency_reference.fields.${index}.reference_copy`\n )}\n />\n )}\n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n {errors && errors[index] && errors[index].number}\n \n \n append({\n id: 0,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n mobile: \"\",\n })\n }\n >\n \n
\n \n
\n ))}\n \n
\n \n
\n \n {index + 1}{\" \"}\n {\n remove(index);\n props?.checkSourceAvailableHandler(\"reference\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n {errors && errors[index] && errors[index].number}\n \n
\n \n );\n};\n\nexport default Reference;\n","import React, { useCallback, useState } from \"react\";\nimport CustomRadioButton from \"../../../registration/Inputs/customRadioButton\";\nimport { useFormContext } from \"react-hook-form\";\nimport EmergencyContact from \"./emergency-contact/emergency-contact\";\nimport Reference from \"./reference/reference\";\nimport SelectField from \"../../../registration/Inputs/SelectField\";\nimport { useSelector } from \"react-redux\";\nimport { BsCheckCircleFill } from \"react-icons/bs\";\nimport debounce from \"lodash.debounce\";\nimport { useNavigate } from \"react-router-dom\";\nimport { AiOutlineArrowDown } from \"react-icons/ai\";\n\nimport {\n AccordionDetails,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Button,\n} from \"@mui/material\";\n\nconst Contacts = (props) => {\n const [removeReference, setRemovereference] = React.useState(false);\n const [removeEmergencyreference, setRemoveemergencyreference] =\n React.useState(false);\n\n const { register, watch, getValues, setValue, formState } = useFormContext();\n const useWindowWidth = useSelector(\n (state) => state.identification.sideMenuSlice\n );\n const [nextSection, setNextSection] = useState(false);\n const viewOnlyFlag = useSelector((state) => state.formSubmit.viewOnlyFlag);\n const navigate = useNavigate();\n // highlight-starts\n const debouncedSave = useCallback(\n debounce(\n (nextValue) =>\n (async () => {\n setNextSection(await props.checkValidation(\"Contacts\", false));\n })(),\n 1000\n ),\n [] // will be created only once initially\n );\n // highlight-ends\n\n const checkSourceAvailableHandler = (section) => {\n if (section == \"reference\" && watch(\"reference.fields\")?.length == 0) {\n setValue(\"reference.response\", \"No\");\n }\n if (\n section == \"emergency\" &&\n watch(\"emergency_reference.fields\")?.length == 0\n ) {\n setValue(\"emergency_reference.response\", \"No\");\n }\n };\n\n React.useEffect(() => {\n const subscription = watch((value, { name, type }) => {\n debouncedSave(name);\n if (type === \"change\" && name === `reference.response`) {\n if (getValues(`reference.response`) === \"Yes\")\n setValue(\"reference.fields\", [\n { id: 0, first_name: \"\", last_name: \"\", email: \"\", mobile: null },\n ]);\n } else if (type === \"change\" && name === `emergency_reference.response`) {\n if (getValues(`emergency_reference.response`) === \"Yes\")\n setValue(\"emergency_reference.fields\", [\n {\n id: 0,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n mobile: null,\n reference_copy_status: false,\n },\n ]);\n } else if (type === \"change\" && name === `is_co_signer.response`) {\n //is_co_signer.fields\n if (getValues(`is_co_signer.response`) === \"Yes\")\n setValue(\"is_co_signer.fields\", [\n { id: 0, first_name: \"\", last_name: \"\", email: \"\", mobile: null },\n ]);\n }\n });\n return () => subscription.unsubscribe();\n }, [getValues, setValue, watch]);\n\n return (\n \n \n append({\n id: 0,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n mobile: null,\n })\n }\n >\n \n
\n \n
\n \n {watch(\"reference.display\") === true && (\n <>\n
\n \n
\n {watch(\"reference.response\") === \"Yes\" && (\n \n {\n if (watch(\"reference.fields\")?.length > 0) {\n setRemoveemergencyreference(false);\n setRemovereference(true);\n }\n }}\n disable={watch(\"reference.fields\")?.length > 0}\n notRequired={!getValues(\"reference.required\")}\n label={`${getValues(\n `reference.labelIndex`\n )}. Do you have any references?`}\n register={register(\"reference.response\")}\n />\n
\n \n
\n {watch(\"emergency_reference.response\") === \"Yes\" && (\n \n {\n if (watch(\"emergency_reference.fields\")?.length > 0) {\n setRemovereference(false);\n setRemoveemergencyreference(true);\n }\n }}\n disable={watch(\"emergency_reference.fields\")?.length > 0}\n notRequired={!getValues(\"emergency_reference.required\")}\n label={`${getValues(\n `emergency_reference.labelIndex`\n )}. Do you have an emergency contact?`}\n register={register(\"emergency_reference.response\")}\n />\n
\n \n
\n \n {watch(\"renters_insurance.display\") === true && (\n <>\n
\n \n
\n {watch(\"renters_insurance.response\") === \"Yes\" && (\n \n {\n if (watch(\"renters_insurance.fields\")?.length > 0) {\n setRemoveRenters(true);\n }\n }}\n notRequired={!getValues(\"renters_insurance.required\")}\n disable={watch(\"renters_insurance.fields\")?.length > 0}\n label={`${getValues(\n `renters_insurance.labelIndex`\n )}. Do you have renters insurance?`}\n register={register(\"renters_insurance.response\")}\n />\n
\n \n
\n )}\n \n )}\n\n {watch(\"eviction_or_nonpayment.display\") === true && (\n <>\n \n {fields.map((field, index) => {\n return (\n
\n \n
\n );\n })}\n {!fields.length && (\n \n
\n \n {/* \n {index + 1}\n {\" \"} */}\n {\n remove(index);\n checkSourceAvailableHandler(\"renters\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n \n
\n \n
\n \n
\n \n \n append({\n id: 0,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n mobile: \"\",\n })\n }\n >\n \n
\n )}\n \n
\n {watch(\"eviction_or_nonpayment.response\") === \"Yes\" && (\n \n
\n \n
\n )}\n \n )}\n {watch(\"contingencies.display\") === true && (\n <>\n \n
\n \n
\n \n
\n {watch(\"contingencies.response\") === \"Yes\" && (\n \n 0}\n label={`${getValues(\n `contingencies.labelIndex`\n )}. Do you have any contingencies?`}\n register={register(\"contingencies.response\")}\n notRequired={!getValues(`contingencies.required`)}\n />\n
\n \n
\n )}\n \n )}\n {watch(\"filed_for_bankruptcy.display\") === true && (\n <>\n \n
\n \n
\n \n
\n \n )}\n {watch(\"filed_for_bankruptcy.response\") === \"Yes\" && (\n \n 0}\n label={`${getValues(\n `filed_for_bankruptcy.labelIndex`\n )}. Have you ever filed for bankruptcy?`}\n register={register(\"filed_for_bankruptcy.response\")}\n notRequired={!getValues(`filed_for_bankruptcy.required`)}\n />\n
\n \n
\n )}\n \n
\n \n
\n\n \n {errors && errors[index] && errors[index].number}\n \n \n
\n \n {index + 1}{\" \"}\n {\n remove(index);\n props?.checkSourceAvailableHandler(\"pet\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n Has the pet been spayed or neutered?\n \n \n \n
\n \n
\n \n
\n \n \n
\n \n \n Image / Documentation of pet:\n
\n
\n \n Image / Documentation of pet:\n
\n \n (You can add a picture and/or documentation about your\n pet here)\n \n
\n \n\n {getPetId.uploadPetImageId[`${index}`]?.id && (\n <>\n
\n \n \n window\n .open(\n `${hasSSToken(field?.file ? `${field.file}` : `${petfile[index]?.file}`,)}?token=${token}`,\n \"_blank\"\n )\n .focus()\n }\n />\n {\n setFieldId(index);\n setOpen(true);\n }}\n title={`Delete`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n \n )}\n \n
\n
\n \n ))}\n {/* fields.length && */}\n\n <>\n
\n \n append({\n id: 0,\n pet_type: \"\",\n pet_breed: \"\",\n pet_weight: \"\",\n pet_name: \"\",\n pet_Spayedneutered: \"YES\",\n service_animal: false,\n })\n }\n >\n \n
\n \n
\n \n {watch(\"is_student.display\") === true && (\n <>\n
\n \n
\n {watch(\"is_student.response\") === \"Yes\" && (\n \n {\n if (watch(\"is_student.fields\")?.length > 0) {\n setRemoveVehcile(false);\n setRemovePets(false);\n setRemoveStudent(true);\n }\n }}\n notRequired={!getValues(\"is_student.required\")}\n disable={watch(\"is_student.fields\")?.length > 0}\n label={`${getValues(\n `is_student.labelIndex`\n )}. Are you a full time student?`}\n register={register(\"is_student.response\")}\n />\n
\n \n
\n )}\n \n )}\n\n \n {is_student.fields.map((field, index) => {\n return (\n
\n \n
\n );\n })}\n {!is_student.fields?.length && (\n \n {/* \n {index + 1}\n {\" \"} */}\n {\n is_student.remove(index);\n checkSourceAvailableHandler(\"student\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n\n \n
\n \n
\n \n
\n \n \n is_student.append({\n id: 0,\n collegeuniversity_name: \"\",\n anticipatedgraduation_date: \"\",\n major: \"\",\n activities: \"\",\n })\n }\n >\n \n
\n )}\n \n {watch(\"have_vehicle.display\") === true && (\n <>\n
\n {watch(\"have_pet.display\") === true && (\n <>\n \n {\n if (watch(\"have_vehicle.fields\")?.length > 0) {\n setRemovePets(false);\n setRemoveStudent(false);\n setRemoveVehcile(true);\n }\n }}\n notRequired={!getValues(\"have_vehicle.required\")}\n disable={watch(\"have_vehicle.fields\")?.length > 0}\n label={`${getValues(\n `have_vehicle.labelIndex`\n )}. Do you have a vehicle?`}\n register={register(\"have_vehicle.response\")}\n />\n
\n {watch(\"have_vehicle.response\") === \"Yes\" && (\n \n
\n )}\n \n )}\n \n {have_vehicle.fields.map((field, index) => {\n return (\n
\n \n
\n );\n })}\n {!have_vehicle.fields?.length && (\n \n {/* \n {index + 1}\n {\" \"} */}\n {\n have_vehicle.remove(index);\n checkSourceAvailableHandler(\"vehical\");\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n \n have_vehicle.append({\n id: 0,\n })\n }\n >\n \n
\n )}\n \n
\n {watch(\"have_pet.response\") === \"Yes\" && (\n \n {\n if (watch(\"have_pet.fields\")?.length > 0) {\n setRemoveStudent(false);\n setRemoveVehcile(false);\n setRemovePets(true);\n }\n }}\n disable={watch(\"have_pet.fields\")?.length > 0}\n notRequired={!getValues(\"have_pet.required\")}\n label={`${getValues(\n `have_pet.labelIndex`\n )}. Do you have pets or service animal?`}\n register={register(\"have_pet.response\")}\n />\n
\n \n
\n )}\n \n )}\n {watch(\"do_you_smoke.display\") === true && (\n <>\n \n
\n \n
\n \n )}\n {watch(\"convicted_for_crime.display\") === true && (\n \n
\n \n
\n )}\n\n {watch(\"convicted_for_crime.response\") == \"Yes\" && (\n \n
\n \n
\n )}\n \n
\n \n
\n \n
\n Loading
;\n if (isError) returnError
;\n\n return (\n\n \n \n \n
\n );\n});\n\nexport default ApplicantDetails;\n","import React from \"react\";\nimport { BiTrash } from \"react-icons/bi\";\nimport { BsFillFileEarmarkPdfFill } from \"react-icons/bs\";\nimport { useDeleteDocumentMutation } from \"../../../services/identificationApi\";\nimport { AiFillWarning } from \"react-icons/ai\";\nimport Button from \"@mui/material/Button\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogContentText from \"@mui/material/DialogContentText\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { protocol } from \"../../../config\";\nimport { useSelector } from \"react-redux\";\n\nconst Index = (props) => {\n const [deleteDocument, DeleteResult] = useDeleteDocumentMutation();\n const [open, setOpen] = React.useState(false);\n const token = useSelector((state) => state.persistedReducer.loginSlice.token);\n\n const hasSSToken = (img = true) => {\n let url = props?.fileObj?.path_image;\n if (!img) {\n url = props?.fileObj?.path;\n }\n if (!url) {\n return url;\n } else if (url.includes(\"?\")) {\n return url + \"&\";\n } else {\n return url;\n }\n };\n\n return (\n <>\n \n
\n \n {props?.fileObj?.is_Duplicate === 1 ? (\n \n \n
\n ) : (\n \n
\n \n {/* \n window.open(\"http://\" + props.fileObj.path, \"_blank\").focus()\n }\n /> */}\n \n // window.open(protocol + hasSSToken()+``, \"_blank\").focus()\n window\n .open(hasSSToken(false) + \"?token=\" + token, \"_blank\")\n .focus()\n }\n />\n
\n \n \n Deleting...\n \n ) : (\n setOpen(true)}\n title={`Delete ${props?.fileObj?.file_name}`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n \n \n {props?.fileObj?.file_name?.length > 21\n ? props?.fileObj?.file_name.substring(0, 24) + \"...\"\n : props?.fileObj?.file_name}\n \n
\n {!DeleteResult.isUninitialized ? (\n \n
\n\n \n
\n \n \n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n \n
\n \n
\n \n {index + 1}{\" \"}\n {deleteResult.isUninitialized === true ? (\n {\n setOpen(true);\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n \n {data?.other_income_details?.otherincome[index]?.files.map(\n (item, index) => {\n return (\n
\n \n )}\n\n {watch(\n `other_income_details.otherincome.${index}.availableToUpload`\n ) == \"No\" && documentWiseRules?.OtherIncome != 'Hide' && (\n \n
\n {watch(`other_income_details.otherincome[${index}].other_income_type`)?.value == 'Other' && (\n
\n \n
)}\n {watch(`other_income_details.otherincome[${index}].other_income_type`)?.value == 'Pension' && (\n
\n \n
)}\n {watch(`other_income_details.otherincome[${index}].other_income_type`)?.value == 'Rental Assistance' && (\n \n
\n \n
\n )}\n {watch(`other_income_details.otherincome[${index}].rental_assistance_type`)?.value == 'Other' && watch(`other_income_details.otherincome[${index}].other_income_type`)?.value == 'Rental Assistance' && (\n
\n \n
)}\n \n
\n \n
\n {documentWiseRules?.OtherIncome != 'Hide' && \n
\n \n
}\n {watch(\n `other_income_details.otherincome.${index}.availableToUpload`\n ) == \"Yes\" && (\n <>\n \n
\n \n
\n \n \n Proof of Other Income:\n *\n
\n \n You can upload PDF proof of other income here. In order to verify other income, PDF bank statements are required. Please be sure to enter banking information in the Banking section below, and upload PDF bank statements covering the 3 most recent months downloaded directly from your bank account website.\n \n
\n \n Proof of Other Income:\n *\n setOtherIncomeProof(true)}\n />\n
\n (covering 4 most recent weeks)
\n\n
\n \n
\n \n {\" \"}\n
\n
\n )}\n \n )}\n \n
\n {/* \n \n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n \n
\n \n {\n if (watch(\"other_income_details.employerCount\") > 0) {\n // setDeleteOtherIncome(true);\n setOpen(true);\n }\n }}\n disable={getValues(`other_income_details.employerCount`)}\n register={register(`other_income_details.response`)}\n label=\"Do you have any other income (including alimony, child support, investment, retirement, SSI, disability or rental assistance, etc)?\"\n />\n
\n {watch(`other_income_details.response`) === \"Yes\" && (\n <>\n {fields.map((field, index) => (\n \n
\n )}\n \n )}\n \n {employerAddResult.isLoading ? (\n <>\n \n \n \n ) : (\n <>\n {fields?.length >= 1 && {\n setDisabledSourceBtn(true);\n addEmployerSource({\n trn_id: trn_id,\n document_id: \"7\",\n source_id: fields.length + 1,\n })\n }}\n type=\"button\"\n disabled={disabledSouceBtn}\n >\n \n \n \n Add another other income source\n }\n \n )}\n
\n \n \n \n
\n \n\n Other Documents
\n\n
\n \n \n \n {data.other_documents.map((item, index) => {\n return (\n
\n \n
\n \n
\n \n
\n \n Note: \n If you want to upload any other document, you can do it\n here\n
\n\n
\n \n
\n \n \n Tax Documents OR Other Documents:\n {/* */}\n
\n
\n \n Tax Documents OR Other Documents:\n {/* */}\n setTaxOtherDocs(true)}\n />\n
\n (W2, 1099, tax return,etc)
\n \n Click the (i) button above for details\n \n\n
\n \n
\n \n
\n \n \n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n \n {watch(`banking_details.banking.${index}.files`).length > 0 &&\n \n }\n
\n \n
\n {/* applicationProfileSettings.incomeNBanking.bankName !== \"Hide\" && */}\n \n {index + 1}{\" \"}\n {deleteResult.isUninitialized ? (\n {\n setOpen(true);\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n {
\n \n
}\n \n
\n \n
\n {paystubWiseRules?.MonthlyAmount !== \"Hide\" && \n
\n \n
}\n \n
\n \n {documentWiseRules?.BankStatements != 'Hide' && \n {data?.banking_details?.banking[index]?.files.map(\n (item, index) => {\n return (\n
\n \n )}\n\n {watch(`banking_details.banking.${index}.availableToUpload`) ==\n \"No\" && paystubWiseRules?.MonthlyAmount !== \"Hide\" && (\n <>\n {\" \"}\n \n
}\n {watch(`banking_details.banking.${index}.availableToUpload`) ==\n \"Yes\" && (\n <>\n \n
\n \n \n Bank Statement:\n *\n {/* */}\n
\n\n \n IMPORTANT! PDF Bank Statements downloaded directly from\n bank website ONLY! Please do NOT upload pictures of bank\n statements. Click \"i\" button above for full details.\n \n
\n \n Bank Statement:\n *\n {/* */}\n setBankStatementInformation(true)}\n />\n
\n\n (covering 2 most recent months)
\n\n
\n \n
\n \n
\n )}\n \n )}\n \n {validationCheck?.data?.validation_messages?.[`source_${index + 1}`]?.map(item => item.applicant)?.filter(item => !item.isDeleted)?.map((item) =>\n item.message && {item.message} \n )}\n {/* {getValues(\n `employment_details.employer.${index}.validation_message_status`\n ).map(\n (item) =>\n item.message && {item.message} \n )} */}\n
\n \n//
\n// {/* \n// \n// {\n// if (message) return {message} ;\n\n// return <>;\n// }}\n// />\n// \n//
\n// \n// \n// {\n// // e.preventDefault();\n// if (watch(\"banking_details.employerCount\") > 0) {\n// // setDeleteBankingInformation(true);\n// setOpen(true);\n// // alert(\"hi\")\n// }\n// }}\n// // disabled={true}\n// // disable={getValues(`banking_details.employerCount`)}\n// register={register(`banking_details.response`)}\n// label=\"Do you have a Bank Account ? \"\n// />\n//
\n// {watch(`banking_details.response`) === \"Yes\" && (\n// <>\n// {fields.map((field, index) => (\n// \n//
\n// )}\n// \n// )}\n// \n// {employerAddResult.isLoading ? (\n// <>\n// \n// \n// \n// ) : (\n// <>\n// {fields?.length >= 1 && {\n// setDisabledSourceBtn(true);\n// addEmployerSource({\n// trn_id: trn_id,\n// document_id: \"6\",\n// source_id: fields.length + 1,\n// })\n// }}\n// type=\"button\"\n// disabled={disabledSouceBtn}\n// >\n// \n// \n// \n// Add another Bank Account\n// }\n// \n// )}\n//
\n// \n
\n\n {/* Dialog for warning */}\n \n
\n \n {\n if (watch(\"banking_details.employerCount\") > 0) {\n setOpen(true);\n }\n }}\n register={register(`banking_details.response`)}\n label=\"Do you have a Bank Account ? \"\n />\n
\n {watch(`banking_details.response`) === \"Yes\" && (\n <>\n {fields.map((field, index) => (\n \n
\n )}\n \n )}\n \n {employerAddResult.isLoading ? (\n \n \n ) : (\n <> {fields?.length >= 1 && {\n setDisabledSourceBtn(true);\n addEmployerSource({\n trn_id: trn_id,\n document_id: \"6\",\n source_id: fields.length + 1,\n });\n }}\n type=\"button\"\n disabled={disabledSouceBtn}\n >\n Add another Bank Account\n }\n \n\n )}\n
\n \n {/* \n */}\n\n
\n
\n \n \n \n
\n
\n \n ) : null}\n\n {watch(`employment_details.employer.${index}.availableToUpload`) ==\n \"No\" && documentWiseRules?.Paystub !='Hide' && (\n <>\n \n \n
\n \n {index + 1}{\" \"}\n {deleteResult.isUninitialized ? (\n {\n setOpen(true);\n }}\n title=\"Delete this Employer\"\n className=\"float-right btn btn-sm btn-danger\"\n >\n
\n \n {paystubWiseRules?.EmployerName !== \"Hide\" &&
\n
\n
\n \n
\n \n
}\n {paystubWiseRules?.Occupation !== \"Hide\" && \n
\n \n
}\n \n
\n \n
\n\n \n
\n \n
\n\n \n {paystubWiseRules?.EmployerAddress !== \"Hide\" &&\n
\n \n
}\n {paystubWiseRules?.EmployerCity !== \"Hide\" && \n
\n \n
}\n {paystubWiseRules?.EmployerState !== \"Hide\" &&\n
\n \n
}\n \n
\n \n
\n {paystubWiseRules?.SupervisorName !== \"Hide\" && \n
\n \n
}\n \n
\n \n
\n {watch(\n `employment_details.employer.${index}.isfuture_employer`\n ) == false && (\n
\n \n
\n )}\n {watch(\n `employment_details.employer.${index}.iscurrent_employer`\n ) == false && (\n \n
\n )}\n \n
\n \n
\n
\n\n \n
\n {paystubWiseRules?.EmploymentStartDate !== \"Hide\" &&\n
\n \n
}\n {watch(\n `employment_details.employer.${index}.iscurrent_employer`\n ) === false &&\n watch(\n `employment_details.employer.${index}.isfuture_employer`\n ) === false && (\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 Calculated Amounts:\n */}\n Calculated Amounts:\n
\n\n
\n Yearly Gross Income:
\n \n
\n \n
\n Monthly Gross Income:
\n \n
\n \n
\n
\n {documentWiseRules?.Paystub !='Hide' && \n {getValues(`employment_details.employer.${index}.comment`) ===\n null ? (\n \n ) : (\n <>\n {\n setComment(true);\n }}\n size={25}\n color={\"#2dc3e8\"}\n className=\"cursor-pointer\"\n />{\" \"}\n {watch(`employment_details.employer.${index}.comment`)}\n \n )}\n
\n \n
}\n {watch(`employment_details.employer.${index}.availableToUpload`) ==\n \"Yes\" ? (\n <>\n \n \n {watch(`employment_details.employer.${index}.files`)?.map(\n (item, index) => {\n return (\n // \n
\n );\n }\n )}\n \n \n Proof of Employment Income:\n *\n {/* */}\n
\n
\n \n Proof of Employment Income:\n *\n {/* */}\n setEmploymentIncomeProof(true)}\n />\n
\n (covering 4 most recent weeks)
\n\n \n IMPORTANT! PDF Earnings Statements downloaded directly\n from payroll website ONLY! Please do NOT upload pictures\n of paystubs. Click \"i\" button above for full details.\n \n
\n \n \n \n Newly employed?\n {\" \"}\n If you are starting a new job and do not yet have access\n to original PDFs of your earnings statements, then\n please check the box to the left, which will allow you\n to upload a PDF of your offer letter.{\" \"}\n \n
\n \n
\n \n
\n \n
\n \n
\n )}\n \n )}\n {/* {watch(`employment_details.employer.${index}.no_doc_reason`) ===\n \"Other\" &&\n watch(`employment_details.employer.${index}.availableToUpload`) ==\n \"No\" && (\n \n
\n )} */}\n \n {validationCheck?.data?.validation_messages?.[`source_${index+1}`]?.map(item => item.applicant)?.filter(item=>!item.isDeleted)?.map((item) =>\n item.message && {item.message} \n )}\n {/* {getValues(\n `employment_details.employer.${index}.validation_message_status`\n ).map(\n (item) =>\n item.message && {item.message} \n )} */}\n
\n \n
\n \n
\n \n IMPORTANT! In order to calculate and verify your\n employment income, if you are currently employed, we will need you\n to upload PDF’s of your earnings statements (paystubs) downloaded\n directly from your payroll website. Please do NOT upload pictures\n or scanned images, and please do NOT “print to PDF”, “save as” or\n otherwise modify your PDF documents in any way as doing so can\n render your documents unverifiable. If you have questions, you can\n find answers to frequently-asked questions below by clicking the\n relevant question in blue.\n
\n\n The Docuverus software directly imports original PDF documents,\n which allows our system to more accurately read and validate your\n documents, expedites processing of your application, and can help\n to qualify you more quickly.\n \n
\n \n
\n If you are newly employed and do not yet have access to original\n PDF’s of your earnings statements, then please check the box to\n the below, which will allow you to upload a PDF of your offer\n letter.\n \n
\n \n\n
\n If you are self-employed and do not receive earnings statements /\n paystubs, then in order to verify your income, we will need for\n you to upload original PDF’s of your 3 most recent personal bank\n statements downloaded directly from your online bank account,\n which you can upload under the banking section below.\n \n
\n \n\n {/*
\n If you do not have access to original PDF’s of your earnings\n statements / paystubs, then check the box below to certify this.\n You can then upload image documents of your earnings statements in\n the document upload box below.\n \n
*/}\n \n\n
\n If you wish to upload proof of non-employment income, you can\n upload relevant documents in the “Proof of Non-Employment Income”\n section below.\n \n
\n
\n
\n {/* \n \n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n {\n if (message) return {message} ;\n\n return <>;\n }}\n />\n \n
\n \n {\n if (watch(\"employment_details.employerCount\") > 0) {\n // setDeleteEmployment(true);\n setOpen(true);\n }\n }}\n disable={getValues(`employment_details.employerCount`)}\n register={register(`employment_details.response`)}\n label=\"Are you currently employed, self employed, or starting a new job?\"\n />\n
\n {watch(`employment_details.response`) === \"Yes\" && (\n <>\n {fields.map((field, index) => (\n \n
\n )}\n \n )}\n {watch(`employment_details.response`) === \"No\" && (\n <>\n \n {employerAddResult.isLoading ? (\n <>\n \n \n \n ) : (\n <>\n { fields?.length >=1 && {\n setDisabledSourceBtn(true)\n addEmployerSource(\n {\n trn_id: trn_id,\n document_id: \"3\",\n source_id: fields.length+1, \n allowOfferLetter:false\n })\n }}\n disabled={disabledSouceBtn}\n \n >\n \n \n \n Add another Employer\n }\n \n )}\n
\n \n {\" \"}\n
\n
\n )}\n \n \n )}\n\n \n
\n {/* grey area compare popup to get work done */}\n {methods.watch(\"employment_details.employer\")?.length ? (\n <>\n \n Our system processed the document(s) you uploaded and found\n one or more possible discrepancies. Please review and select\n the correct information below.\n
\n\n \n Your Monthly Gross / Pre-Tax Income with{\" \"}\n {methods.getValues(\n `employment_details.employer.${indexVerifyGross}.employer_name`\n )}\n :*\n \n
\n\n Select the Correct Value\n
\nAccording to you:
\nAccording to your document:
\nOR
*/}\nAPI FAIL
;\n\n if (isLoading || !isSuccess)\n return (\n\n \n \n \n \n setSignatureErr(false)}\n severity=\"error\"\n >\n Please provide a signature.
\n );\n};\n\n\nexport default SignaturePadComponent;\n","// create a from where user can sign the document with there full name \n// form should contains option to choose the sign style, input box to type both required field \n// a canvas to show the signature form type name\n// and a button to save the signature \nimport React, { useState, useRef, useEffect } from 'react';\nimport html2canvas from 'html2canvas';\nimport { Button } from '@mui/material';\nimport InputField from '../../registration/Inputs/InputField';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport SelectField from '../../registration/Inputs/SelectField';\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport { debounce } from 'lodash';\nimport InputCheckBoxField from '../../registration/Inputs/InputCheckBoxField';\n\nconst SignatureForm = ({ applicant_fname, applicant_lname, setSignatureImage, handleClose }) => {\n // const [fullName, setFullName] = useState('');\n // const [signStyle, setSignStyle] = useState('cursive');\n const canvasRef = useRef(null);\n const signatureRef = useRef(null);\n\n const validateFullNameMatches = (applicantFname, applicantLname, fullName) => {\n const normalizedFullName = fullName.trim().toLowerCase().replace(/\\s+/g, '');\n const normalizedFname = applicantFname.trim().toLowerCase().replace(/\\s+/g, '');\n const normalizedLname = applicantLname.trim().toLowerCase().replace(/\\s+/g, '');\n\n return normalizedFullName.includes(normalizedFname) || normalizedFullName.includes(normalizedLname);\n };\n\n const form = useForm({\n defaultValues: {\n fullName: '',\n signStyle: { value: '', label: '' },\n },\n resolver: yupResolver(Yup.object().shape({\n fullName: Yup.string().required('Name is required')\n .test('is-valid-fullname', 'Name must contain and match the applicant’s first or last name.', function (value) {\n return validateFullNameMatches(applicant_fname, applicant_lname, value);\n }),\n signStyle: Yup.object(\n { value: Yup.string().required('Sign Style is required'), label: Yup.string() }\n ).required('Sign Style is required'),\n i_confirm: Yup.bool().oneOf([true], 'You must confirm this').required('I confirm is required'),\n })),\n mode: \"all\",\n });\n const DEBOUNCE_DELAY = 100; // Adjust the delay as needed\n\n const generateSignatureDebounced = debounce(() => {\n generateSignature();\n }, DEBOUNCE_DELAY);\n\n useEffect(() => {\n if (form.watch('signStyle')?.value && form.watch('fullName')) {\n const ctx = canvasRef.current.getContext('2d');\n ctx.clearRect(0, 0, canvasRef.current.width, canvasRef.current.height);\n generateSignatureDebounced();\n }\n\n // Cleanup function to cancel the debounced call if the component unmounts\n return () => {\n generateSignatureDebounced.cancel();\n };\n }, [form.watch('signStyle'), form.watch('fullName')]);\n\n const cropWhitespace = (canvas) => {\n const ctx = canvas.getContext('2d');\n const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\n const data = imageData.data;\n\n let top = null, bottom = null, left = null, right = null;\n\n for (let y = 0; y < canvas.height; y++) {\n for (let x = 0; x < canvas.width; x++) {\n const index = (y * canvas.width + x) * 4;\n const alpha = data[index + 3];\n\n if (alpha !== 0) { // If not fully transparent\n if (top === null) top = y;\n if (bottom === null || y > bottom) bottom = y;\n if (left === null || x < left) left = x;\n if (right === null || x > right) right = x;\n }\n }\n }\n\n // If no non-transparent pixels are found, return the original canvas\n if (top === null || bottom === null || left === null || right === null) {\n return canvas;\n }\n\n const croppedWidth = right - left + 1;\n const croppedHeight = bottom - top + 1;\n\n const croppedCanvas = document.createElement('canvas');\n croppedCanvas.width = croppedWidth;\n croppedCanvas.height = croppedHeight;\n const croppedCtx = croppedCanvas.getContext('2d');\n\n croppedCtx.drawImage(canvas, left, top, croppedWidth, croppedHeight, 0, 0, croppedWidth, croppedHeight);\n\n return croppedCanvas;\n };\n\n const generateSignature = async () => {\n const signatureDiv = signatureRef.current;\n const canvas = await html2canvas(signatureDiv);\n const ctx = canvasRef.current.getContext('2d');\n ctx.clearRect(0, 0, canvasRef.current.width, canvasRef.current.height);\n const canvasWidth = canvasRef.current.width;\n const canvasHeight = canvasRef.current.height;\n const imageWidth = canvas.width;\n const imageHeight = canvas.height;\n const x = (canvasWidth - imageWidth) / 2;\n const y = (canvasHeight - imageHeight) / 2;\n ctx.drawImage(canvas, x, y);\n };\n\n\n const saveSignature = (value) => {\n // alert('Signature saved successfully!')\n // const canvas = canvasRef.current;\n // const signatureData = canvas.toDataURL();\n const signatureDiv = signatureRef.current;\n html2canvas(signatureDiv).then((canvas) => {\n const croppedCanvas = cropWhitespace(canvas);\n const signatureData = croppedCanvas.toDataURL();\n console.log('Signature Data:', signatureData);\n setSignatureImage(signatureData);\n handleClose();\n });\n // Handle signature data here\n // console.log('Full Name:', form.watch('fullName'));\n // console.log('Signature Style:', form.watch('signStyle'))\n // console.log('Signature Data:', signatureData);\n // setSignatureImage(signatureData);\n // handleClose();\n };\n const handleClear = () => {\n form.reset({ fullName: '', signStyle: { value: '', label: '' } });\n canvasRef.current.getContext('2d').clearRect(0, 0, canvasRef.current.width, canvasRef.current.height);\n }\n const handleSaveClick = (event) => {\n event.preventDefault(); // Prevent default button click behavior\n form.handleSubmit(saveSignature)(); // Explicitly submit the form\n };\n return (\n \n \n \n \n \n E-Signature \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\n\n\nconst ESignature = ({ setSignatureImage, applicantFirstName, applicantLastName }) => {\n return \n \n
\n \n );\n};\n\nexport default PaymentSignature;\n","/* eslint-disable react/jsx-no-target-blank */\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PaymentSignature from \"./payment-signature/payment-signature\";\nimport TermsCondition from \"./terms-condition/terms-condition\";\nimport { useForm, FormProvider, useFormContext } from \"react-hook-form\";\nimport InputCheckBoxField from \"../../registration/Inputs/InputCheckBoxField\";\nimport * as yup from \"yup\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { AiOutlinePlus } from \"react-icons/ai\";\nimport { AiOutlineCloseCircle } from \"react-icons/ai\";\nimport { BsCheck2Circle } from \"react-icons/bs\";\nimport {\n Accordion,\n AccordionSummary,\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Grid,\n Typography,\n AccordionDetails,\n Snackbar,\n} from \"@mui/material\";\nimport { tabsStateAction } from \"../../../store/identification/tabStateSlice\";\nimport MuiAlert from \"@mui/material/Alert\";\n\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { DevTool } from \"@hookform/devtools\";\nimport {\n useGetSectionStatusQuery,\n useGetSubscriberFeesQuery,\n useGetTermandCondtionQuery,\n} from \"../../../services/identificationApi\";\nimport { sideNavAction } from \"../../../store/identification/sideMenuSlice\";\nimport SupportSection from \"../../common/SupportSection/SupportSection\";\nimport parse from 'html-react-parser';\nimport { JSONTree } from \"react-json-tree\";\nimport RenderQuillText from \"../../../containers/instruction/RenderQuillText\";\nimport { logout_url } from \"../../../config\";\n\n\nconst Alert = React.forwardRef(function Alert(props, ref) {\n return \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Enter Card Number *\n \n \n
\n \n \n \n Copy Applicant Name\n \n
\n \n \n
\n \n \n
\n \n \n \n Use current address for billing address\n \n
\n \n
\n \n
\n \n
\n \n {/* {\n return {\n value: item.ID || index,\n label: item.StateShortCode + \" - \" + item.StateName,\n };\n }\n )}\n label=\"Select State\"\n register={register(\"state\")}\n />\n
\n \n
\n \n
\n\n {/* \n
\n \n {signatureImage &&
\n \n
\n \n E-Signature: *\n
\n \n {identificationData?.applicant?.first_name}{\" \"}\n {identificationData?.applicant?.last_name}\n \n\n\n {(<>\n \n \n {\" \"}\n Please Sign the Application.
\n \n
*/}\n \n {signatureFlag && (\n \n )}\n
\n Loading...
\n return (\n\n \n \n \n
\n );\n};\n\nexport default ConsentPayment;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport FileIcon from \"../../components/common/FileIcon\";\nimport UploadFile from \"../../components/common/uploadFile/uploadFile\";\nimport { RiInformationLine } from \"react-icons/ri\";\n\nconst Paystub_Source = ({\n onlyPdf,\n field,\n index = 0,\n title,\n setDialogAction,\n documentId,\n paystub,\n warningText,\n}) => {\n return (\n <>\n \n
\n \n
\n \n \n );\n};\n\nexport default Paystub_Source;\n","/* eslint-disable react/jsx-pascal-case */\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport {\n useGetIncomeBankingQuery,\n useGetSectionStatusQuery,\n} from \"../../services/identificationApi\";\nimport Paystub_Source from \"./Paystub_Source\";\nimport {\n Alert,\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Stack,\n} from \"@mui/material\";\nimport { useDocumentContext } from \"../../PrivateRoute\";\n\nconst ProofOfBank_doc_upload = () => {\n const [bankStatementInformation, setBankStatementInformation] =\n React.useState(false);\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const { isLoading, isSuccess, isError, data } =\n useGetIncomeBankingQuery(trn_id);\n const { documentData:documentWiseRules, sectionData:paystubWiseRules, identificationData:identificationWiseRules } = useDocumentContext();\n\n return (\n <>\n {true && (\n \n
\n \n <>\n
\n \n
\n \n \n
\n \n \n {title} {index + 1}:*\n
\n
\n \n {title} {index + 1}:*\n setDialogAction(true)}\n />\n
\n (covering 4 most recent weeks)
\n \n {warningText\n ? warningText\n : \"IMPORTANT! PDF Earnings Statements only! Click (i) button above for full details\"}\n \n\n
\n \n
\n \n {field?.files?.map((item, index) => {\n return (\n \n
\n );\n })}\n \n
\n \n {documentWiseRules?.BankStatements !='Hide' &&
\n )}\n \n );\n};\n\nexport default ProofOfBank_doc_upload;\n","import React, { useEffect, useState } from \"react\";\nimport {\n useDeleteDocumentMutation,\n useGetIdentificationDataQuery,\n} from \"../../services/identificationApi\";\nimport { useSelector } from \"react-redux\";\nimport UploadFile from \"../../components/common/uploadFile/uploadFile\";\nimport { BiTrash } from \"react-icons/bi\";\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport { RiInformationLine } from \"react-icons/ri\";\nimport { useDocumentContext } from \"../../PrivateRoute\";\n\nconst ProofOfIdentity_doc_upload = () => {\n const [radio_data, setRadioData] = useState();\n const [licenseInformation, setLicenseInformation] = React.useState(false);\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const [deleteDocument, result] = useDeleteDocumentMutation();\n const identification = useGetIdentificationDataQuery(trn_id);\n const { documentData:documentWiseRules, sectionData:paystubWiseRules, identificationData:identificationWiseRules } = useDocumentContext();\n\n useEffect(() => {\n setRadioData(identification?.data?.identification_data?.documenttype_id);\n }, [identification]);\n const [open, setOpen] = useState(false);\n const deleteDocumentHandler = (id) => {\n deleteDocument(id).then((response) => { });\n };\n const [docId, setDocId] = useState(\"\");\n // console.log(\"🚀 ~ file: ProofOfIdentity_doc_upload.js ~ line 12 ~ data\", data);\n const token = useSelector((state) => state.persistedReducer.loginSlice.token);\n const hasSSToken = (isImg = true) => {\n let url = identification?.data?.identification_data.file_image;\n if (!isImg) {\n url = identification?.data?.identification_data.file;\n }\n if (!url) {\n return url;\n } else if (url.includes(\"?\")) {\n return url + \"&\";\n } else {\n return url;\n }\n };\n const hasSSToken1 = (isImg = true) => {\n let url = identification?.data?.identification_data.backfile;\n if (!isImg) {\n url = identification?.data?.identification_data.file;\n }\n if (!url) {\n return url;\n } else if (url.includes(\"?\")) {\n return url + \"&\";\n } else {\n return url;\n }\n };\n if (identification.isLoading) return <>Loading;\n return (\n \n {\n setBankStatementInformation(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n \n IMPORTANT! If you did not upload original\n PDF’s of your earnings statements, are self-employed, or\n indicated any non-employment income, then for verification\n purposes, you will need to upload PDF’s of your 2 most recent\n personal bank statements downloaded directly from your online\n bank account website. Please do NOT upload scanned images,\n redacted documents, or screen shots of documents, and please\n do NOT “print to PDF”, “save as” or modify these documents in\n any way, as these documents cannot be verified by our system.\n If you are self-employed, PDF’s of your 2 most recent personal\n bank statements are required. If you have business bank\n statements, you can include them, but personal bank statements\n are required to verify self-employment income.\n \n \n \n {\n setBankStatementInformation(false);\n }}\n autoFocus\n >\n Close\n \n \n \n
}\n \n
\n \n
\n Banking Information
\n\n <>\n {data?.banking_details?.banking.map((field, index) => (\n
\n \n {(documentWiseRules?.USPermanentResidentID !=\"Hide\" || documentWiseRules?.DriverLicense !=\"Hide\" || documentWiseRules?.Passport!=\"Hide\" || documentWiseRules?.Visa!=\"Hide\" ) &&
\n );\n};\n\nexport default ProofOfIdentity_doc_upload;\n","/* eslint-disable react/jsx-pascal-case */\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport {\n useGetIncomeBankingQuery,\n useGetSectionStatusQuery,\n} from \"../../services/identificationApi\";\nimport Paystub_Source from \"./Paystub_Source\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogContentText from \"@mui/material/DialogContentText\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport Button from \"@mui/material/Button\";\nimport { useDocumentContext } from \"../../PrivateRoute\";\n\nconst ProofOfIncome_doc_upload = () => {\n const [employmentIncomeProof, setEmploymentIncomeProof] =\n React.useState(false);\n const [displayContent, setDisplayContent] = React.useState(0);\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const { isLoading, isSuccess, isError, data } =\n useGetIncomeBankingQuery(trn_id);\n const { documentData:documentWiseRules, sectionData:paystubWiseRules, identificationData:identificationWiseRules } = useDocumentContext();\n\n return (\n \n
}\n \n
\n \n
\n Proof of Identification:
\n\n {\n setOpen(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n {`Are you sure want to delete document ?`}\n \n \n \n Warning! Once deleted cannot revert back .\n \n \n \n {\n setOpen(false);\n }}\n >\n No\n \n {\n setTimeout(() => {\n deleteDocumentHandler(docId);\n }, 200);\n setOpen(false);\n\n setOpen(false);\n }}\n autoFocus\n >\n Yes\n \n \n \n {\n setLicenseInformation(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n \n Valid forms of proof identity include a driver's license, US\n passport, Permanent Resident ID, or US VISA.\n \n \n \n {\n setLicenseInformation(false);\n }}\n autoFocus\n >\n Close\n \n \n \n
\n \n
\n \n
\n \n <>\n
\n \n
\n \n
\n \n
\n
\n \n Proof of Identification Option:\n \n
\n\n
- \n
- \n \n\n\n\n \n \n\n License\n\n \n Click the (i) button above for details\n \n \n {documentWiseRules?.Passport!==\"Hide\" &&
- \n \n\n }\n {documentWiseRules?.USPermanentResidentID !==\"Hide\" &&
- \n \n\n }\n {documentWiseRules?.Visa!==\"Hide\" &&
- \n \n\n }\n
\n
\n \n
\n \n
\n \n
\n \n {radio_data == 2 && (<>\n
\n \n {\n
\n \n \n
\n }\n \n {identification?.data?.identification_data.file !==\n null && (\n
\n \n \n window\n .open(\n `${hasSSToken(false)}?token=${token}`,\n \"_blank\"\n )\n .focus()\n }\n />\n {\n setDocId(\n identification?.data?.identification_data\n .application_document_id\n );\n // setDeleteDocumentType(\"application_document_id\");\n setOpen(true);\n }}\n title={`Delete`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n )}\n\n {identification?.data?.identification_data\n .backfile !== null && (\n \n \n window\n .open(\n `${hasSSToken1(false)}?token=${token}`,\n \"_blank\"\n )\n .focus()\n }\n />\n {\n setDocId(\n identification?.data?.identification_data\n .BarcodeDocumentID\n );\n setOpen(true);\n }}\n title={`Delete`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n )}\n \n {documentWiseRules?.Paystub !='Hide' &&
\n );\n return <>;\n};\n\nexport default ProofOfIncome_doc_upload;\n","/* eslint-disable react/jsx-pascal-case */\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport {\n useGetIncomeBankingQuery,\n useGetSectionStatusQuery,\n} from \"../../services/identificationApi\";\nimport Paystub_Source from \"./Paystub_Source\";\nimport {\n Alert,\n Button,\n DialogActions,\n DialogContent,\n DialogContentText,\n Stack,\n} from \"@mui/material\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport Dialog from \"@mui/material/Dialog\";\nimport { useDocumentContext } from \"../../PrivateRoute\";\n\nconst ProofOfOtherIncomeDocUpload = () => {\n const [otherIncomeProof, setOtherIncomeProof] = React.useState(false);\n\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const { isLoading, isSuccess, isError, data } =\n useGetIncomeBankingQuery(trn_id);\n const { documentData:documentWiseRules, sectionData:paystubWiseRules, identificationData:identificationWiseRules } = useDocumentContext();\n\n return (\n <>\n {true && (\n \n {\n setDisplayContent(0);\n setEmploymentIncomeProof(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n \n setDisplayContent(1)}\n >\n Why original PDF’s?\n \n \n
\n The Docuverus software directly imports original PDF documents,\n which allows our system to more accurately read and validate\n your documents, expedites processing of your application, and\n can help to qualify you more quickly.\n \n
\n \n setDisplayContent(2)}\n >\n Newly employed?\n \n \n
\n If you are starting a new job and do not yet have access to\n original PDF’s of your earnings statements, then please check\n the box to the below, which will allow you to upload a PDF of\n your offer letter.\n \n
\n \n\n setDisplayContent(3)}\n >\n Self-employed?\n \n \n
\n If you are self-employed and do not receive earnings statements\n / paystubs, then in order to verify your income, we will need\n for you to upload original PDF’s of your 3 most recent personal\n bank statements downloaded directly from your online bank\n account, which you can upload under the banking section below.\n \n
\n \n\n {/* setDisplayContent(4)}\n >\n Don’t have access to original PDF’s?\n */}\n {/* \n
\n If you do not have access to original PDF’s of your earnings\n statements / paystubs, then check the box below to certify this.\n You can then upload image documents of your earnings statements\n in the document upload box below.\n \n
*/}\n \n\n setDisplayContent(5)}\n >\n Have non-employment income?\n \n \n
\n If you wish to upload proof of non-employment income, you can\n upload relevant documents in the “Proof of Non-Employment\n Income” section below.\n \n
\n \n \n \n {\n setEmploymentIncomeProof(false);\n setDisplayContent(0);\n }}\n autoFocus\n >\n Close\n \n \n \n
}\n \n
\n \n
\n Proof of Employment Income
\n\n <>\n {data?.employment_details?.employer.map((field, index) => {\n return (\n <>\n
\n \n IMPORTANT! In order to calculate and verify\n your employment income, if you are currently employed, we will\n need you to upload PDF’s of your earnings statements (paystubs)\n downloaded directly from your payroll website. Please do NOT\n upload pictures or scanned images, and please do NOT “print to\n PDF”, “save as” or otherwise modify your PDF documents in any\n way as doing so can render your documents unverifiable. If you\n have questions, you can find answers to frequently-asked\n questions below by clicking the relevant question in blue.\n
\n\n The Docuverus software directly imports original PDF documents,\n which allows our system to more accurately read and validate\n your documents, expedites processing of your application, and\n can help to qualify you more quickly.\n \n
\n \n
\n If you are starting a new job and do not yet have access to\n original PDF’s of your earnings statements, then please check\n the box to the below, which will allow you to upload a PDF of\n your offer letter.\n \n
\n \n\n
\n If you are self-employed and do not receive earnings statements\n / paystubs, then in order to verify your income, we will need\n for you to upload original PDF’s of your 3 most recent personal\n bank statements downloaded directly from your online bank\n account, which you can upload under the banking section below.\n \n
\n \n\n {/*
\n If you do not have access to original PDF’s of your earnings\n statements / paystubs, then check the box below to certify this.\n You can then upload image documents of your earnings statements\n in the document upload box below.\n \n
*/}\n \n\n
\n If you wish to upload proof of non-employment income, you can\n upload relevant documents in the “Proof of Non-Employment\n Income” section below.\n \n
\n
\n {documentWiseRules?.OtherIncome !='Hide' &&
\n )}\n \n );\n};\n\nexport default ProofOfOtherIncomeDocUpload;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport UploadFile from \"../../components/common/uploadFile/uploadFile\";\nimport {\n useGetIncomeBankingQuery,\n useGetSectionStatusQuery,\n} from \"../../services/identificationApi\";\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport { RiInformationLine } from \"react-icons/ri\";\n\nimport FileIcon from \"../../components/common/FileIcon\";\nimport Paystub_Source from \"./Paystub_Source\";\n\nconst ProofOfDoc_doc_upload = () => {\n const [taxOtherDocs, setTaxOtherDocs] = React.useState(false);\n\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const { isLoading, isSuccess, isError, data } =\n useGetIncomeBankingQuery(trn_id);\n return (\n \n {\n setOtherIncomeProof(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n \n PDF bank statements covering 2-3 most recent months downloaded directly from your bank account website are required to verify non-employment income. Please be sure to add bank account information below and please be sure to upload PDF bank statements for each bank account entered.\n \n \n \n {\n setOtherIncomeProof(false);\n }}\n autoFocus\n >\n Close\n \n \n \n
}\n \n
\n \n
\n Proof of Non-Employment Income
\n\n <>\n {data?.other_income_details?.otherincome.map((field, index) => (\n
\n \n {\n setTaxOtherDocs(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n \n Only upload clear, complete, straight documents and that original\n PDF's downloaded from an HR or payroll website work best.\n \n \n \n {\n setTaxOtherDocs(false);\n }}\n autoFocus\n >\n Close\n \n \n \n
\n \n );\n};\n\nexport default ProofOfDoc_doc_upload;\n","import React from \"react\";\nimport { BiTrash } from \"react-icons/bi\";\nimport { BsFillFileEarmarkPdfFill } from \"react-icons/bs\";\nimport { useSelector } from \"react-redux\";\nimport UploadFile from \"../../components/common/uploadFile/uploadFile\";\nimport {\n useDeleteDocumentMutation,\n useGetIdentificationDataQuery,\n} from \"../../services/identificationApi\";\nimport { RiInformationLine } from \"react-icons/ri\";\nimport {\n AccordionDetails,\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Stack,\n Alert,\n} from \"@mui/material\";\nimport { useDocumentContext } from \"../../PrivateRoute\";\n\nconst ProofOfSSN = () => {\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n const { isLoading, isSuccess, isError, data } =\n useGetIdentificationDataQuery(trn_id);\n const [deleteDocument, result] = useDeleteDocumentMutation();\n const [ssnInformation, setSnnInformation] = React.useState(false);\n const token = useSelector(\n (state) => state.persistedReducer.loginSlice.token\n );\n const ssn_data = data?.ssn_data;\n\n const hasSSToken = () => {\n const url = ssn_data.file_image;\n \n if (!url) {\n return url;\n } else if (url.includes('?')) {\n return url + '&';\n } else {\n return url;\n }\n };\n const { documentData:documentWiseRules, sectionData:paystubWiseRules, identificationData:identificationWiseRules } = useDocumentContext();\n\n return (\n \n
\n \n
\n \n
\n Other Documents
\n\n
\n \n
\n \n
\n \n Note:\n If you want to upload any other document, you can do it here\n
\n\n
\n \n
\n \n \n Tax Documents OR Other Documents:\n
\n
\n \n Tax Documents OR Other Documents:\n setTaxOtherDocs(true)}\n />\n
\n (W2, 1099, tax return,etc)
\n \n Click the (i) button above for details\n \n\n
\n \n {\n
\n }\n \n {data?.other_documents?.map((item, index) => {\n return (\n \n
\n );\n })}\n \n {documentWiseRules?.SSNCard !==\"Hide\" && {\n setSnnInformation(false);\n }}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n \n \n Only upload clear, complete, straight documents.\n \n \n \n {\n setSnnInformation(false);\n }}\n autoFocus\n >\n Close\n \n \n \n
\n );\n};\n\nexport default ProofOfSSN;\n","import React from 'react';\nimport ProofOfIdentity from '../../components/identification/identification-details/proof-of-identity/proof-of-identity';\nimport ProofOfBank_doc_upload from './ProofOfBank_doc_upload';\nimport ProofOfIdentity_doc_upload from './ProofOfIdentity_doc_upload';\nimport ProofOfIncome_doc_upload from './ProofOfIncome_doc_upload';\nimport ProofOfOtherDocDocUpload from './ProofOfOtherIncome_doc_upload';\nimport ProofOfOtherIncomeDocUpload from './ProofOfOtherIncome_doc_upload';\nimport ProofOfDoc_doc_upload from './ProofOfOther_doc_upload';\nimport ProofOfSSN from './ProofOfSSN';\n\nconst Identification_doc_upload = () => {\n \n return (\n \n
}\n \n
\n \n
\n\n {/* */}\n \n
\n Social Security Number
\n\n
\n \n
\n \n
\n \n
\n\n \n \n Proof of SSN\n
\n
\n {ssn_data.file && (\n <>\n \n Proof of SSN\n {\n setSnnInformation(true);\n }}\n />\n {/* */}\n
\n (SSN card or un-redacted W2)
\n \n Click the (i) button above for details\n \n\n \n window\n .open(\n `${hasSSToken(false)}?token=${token}`,\n \"_blank\"\n )\n .focus()\n }\n />\n\n {\n deleteDocument(ssn_data.application_document_id);\n }}\n title={`Delete`}\n className=\"btn btn-link btn-sm text-danger\"\n >\n
\n \n )}\n \n
\n \n
\n \n
\n
\n
\n
\n
\n
\n );\n};\n\nexport default Identification_doc_upload;","import React from \"react\";\n//import $ from \"jquery\";\n\nimport {\n useGetIdentificationDataQuery,\n useGetDetailsQuery,\n useAddToReviewQMutation,\n useGetApplicantStatusQuery,\n\n} from \"../../services/identificationApi\";\n\nimport Loader from \"react-loader-spinner\";\nimport { useGetMasterRegistrationDataQuery } from \"../../services/registrationApi\";\nimport { useSelector } from \"react-redux\";\nimport { Outlet } from \"react-router-dom\";\nimport Identification_doc_upload from \"./Identification_doc_upload\";\nimport { toast, ToastContainer } from \"react-toastify\";\n\nconst View = (props) => {\n const trn_id = useSelector(\n (state) => state.persistedReducer.loginSlice.trnId\n );\n let { data, isFetching, isLoading1, isError, isSuccess, refetch } =\n useGetApplicantStatusQuery(trn_id);\n\n const url = useSelector(\n (state) => state.persistedReducer.loginSlice.urlGeneratedAts\n );\n let identificationData = useGetIdentificationDataQuery(trn_id);\n \n const { isLoading } = useGetMasterRegistrationDataQuery({\n trn_id,\n url,\n });\n const [addToReviewQ, result] = useAddToReviewQMutation();\n\n const addToReviewQfun = async () => {\n const payload = {\n applicationnumber: data?.records?.applicationID,\n isInReview:1\n }\n const response = await toast.promise(addToReviewQ(payload), {\n pending: \"Saving\",\n error: \"Saving failed 🤯\",\n });\n if (response) {\n return \"Done!!\"\n }\n\n }\n\n\n let contextualData = useGetDetailsQuery(trn_id);\n\n\n if (isLoading && identificationData.isLoading && contextualData.isLoading)\n return (\n \n
\n
\n
\n
\n
\n
\n \n
\n \n
\n \n
\n \n
\n \n {\n if (props?.setOpen) {\n props.setOpen(false);\n addToReviewQfun();\n }\n }}\n className=\"btn btn-info mt-3 mb-2 text-light\"\n >\n Submit\n \n
\n Error in getting questions.
\n \n );\n }\n const uploadFile = (file) => {\n var formData = new FormData();\n formData.append(\"files\", file);\n formData.append(\"trn_id\", trn_id);\n formData.append(\"document_id\", 15);\n formData.append(\"source_id\", 1); //7929\n console.log(formData);\n\n uploadFileRequest(formData).then((response) => {\n console.log(\"Upload File Response Data\", response);\n if (response.data.success === true) {\n // dispatch(sideNavAction.uploadPetImageId(response?.data?.records?.id));\n }\n // if (props.verifyDetails) {\n // props.verifyDetails();\n // }\n });\n };\n const onSubmit = async (data) => {\n let questions = [];\n questions[0] = data?.convicted_for_crime;\n questions[1] = data?.convictions_on_property;\n questions[2] = data?.proof_of_document;\n let payload = {\n trn_id,\n questions: questions,\n };\n const saveSecondaryAppResponse = await saveSecondaryApp(payload);\n console.log(\"APIRES:37\", saveSecondaryAppResponse);\n if (saveSecondaryAppResponse?.data?.success) {\n toast.success(\"Successfully save 👌\");\n setTimeout(() => {\n props?.setOneStepDialog(false);\n }, 2000);\n } else {\n toast.error(\"Saving failed 🤯\");\n }\n\n const response = await toast.promise(saveSecondaryApp(payload), {\n pending: \"Saving In Progress\",\n success: \"Successfully save 👌\",\n error: \"Saving failed 🤯\",\n });\n if (response) {\n //\n }\n };\n\n const hasSSToken = (isImg=true) => {\n if(!data?.proof_of_document?.files)\n return null;\n let url = data?.proof_of_document?.files[1];\n if(!isImg)\n {\n url=data?.proof_of_document?.files[0];\n }\n if (!url) {\n return url;\n } else if (url.includes(\"?\")) {\n return url + \"&\";\n } else {\n return url;\n }\n console.log(url);\n return url;\n };\n\n\n return (\n\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n Name:{\" \"}\n \n {\" \"}\n {\n identificationData?.data?.applicant?.first_name\n }{\" \"}\n {identificationData?.data?.applicant?.last_name}\n \n
\n\n
\n {/* */}\n \n
\n \n <>\n
\n \n )}\n {data?.records?.document_status === false && (\n <>\n
\n \n
\n \n
\n \n
\n Congratulations
\n\n
\n \n {/* data?.records?.secondary_status */}\n {data?.records?.secondary_status && (\n <>\n {data?.records?.secondary_complete === false && (\n \n
\n Application ID
\n \n {data?.records?.applicationID}\n \n\n
\n \n Application Status\n
\n \n {data?.records?.application_status}\n \n\n
\n )}\n \n {data?.records?.secondary_complete === false && (\n setOneStepDialog(true)}\n className=\"cursor-pointer\"\n style={{\n color: data?.records?.secondary_complete\n ? \"#8cc474\"\n : \"red\",\n }}\n >\n Please complete your \n \n {data?.records?.secondary_complete\n ? \"Secondary Application Completed\"\n : \"Secondary Application\"}\n \n \n
\n \n Application Incomplete! You are required to complete a\n supplemental application regarding criminal background\n
\n )}\n\n \n )}\n {data?.records?.document_status === false && (\n <>\n
\n
\n \n \n One more step\n
\n\n We just need to have you complete uploading any missing\n documents so that we can verify your identity and income,\n which is required to process your application. Click the\n link below to navigate to the document upload section\n where you can review what you've already uploaded, find\n relevant instructions, and upload any missing or required\n documents.\n
\n\n \n Application Incomplete! You have not yet provided required\n proof documents.
\n \n Complete your{\" \"}\n\n Document Upload\n {\" \"}\n \n
\n \n )}\n\n \n {data?.records?.document_status && (\n \n \n Complete your{\" \"}\n
\n \n \n View your{\" \"}\n
\n
\n )}\n {applicationType == \"Office\" || applicationType == \"Agent\" ? (\n \n View your{\" \"}\n \n Document Upload\n {\" \"}\n
\n \n \n View/Update your{\" \"}\n
\n
\n ) : (\n \n View/Update your{\" \"}\n setUpdateRegisterDialog(true)}\n className=\"doc-upload-text cursor-pointer\"\n >\n Desired Address\n {\" \"}\n
\n \n \n View/Update your{\" \"}\n
\n
\n )}\n \n View/Update your{\" \"}\n setUpdateRegisterDialog1(true)}\n className=\"doc-upload-text cursor-pointer\"\n >\n Desired Floor/Unit\n {\" \"}\n
\n \n
\n \n
\n \n \n navigate(-1)}\n size={25}\n />\n
\n \n
\n \n );\n }\n}\n\nexport default ViewConsent;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport { AppBar, Toolbar, Typography, Box, Button } from '@mui/material';\n\nimport IconButton from \"@mui/material/IconButton\";\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\nimport { CircularProgress, Container, LinearProgress, Stack } from \"@mui/material\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport {\n useMobileScanSaveMutation,\n} from \"../../services/identificationApi\";\nimport PhotoCameraOutlinedIcon from '@mui/icons-material/PhotoCameraOutlined';\nexport function getOS() {\n const userAgent = window.navigator.userAgent,\n platform = window.navigator?.userAgentData?.platform || window.navigator.platform,\n macosPlatforms = ['macOS', 'Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],\n windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],\n iosPlatforms = ['iPhone', 'iPad', 'iPod'];\n let os = null;\n\n if (macosPlatforms.indexOf(platform) !== -1) {\n os = 'MacOS';\n } else if (iosPlatforms.indexOf(platform) !== -1) {\n os = 'iOS';\n } else if (windowsPlatforms.indexOf(platform) !== -1) {\n os = 'Windows';\n } else if (/Android/.test(userAgent)) {\n os = 'Android';\n } else if (/Linux/.test(platform)) {\n os = 'Linux';\n }\n\n return os;\n}\n\nconst CameraScan = () => {\n const videoRef = useRef(null);\n const [Save, Result] = useMobileScanSaveMutation();\n const navigate = useNavigate();\n let { id, docId } = useParams();\n const [uploadImag, setUploadimg] = useState('')\n\n const handleFileChange = (event) => {\n const file = event.target.files[0];\n if (file) {\n const allowedExtensions = /(\\.jpg|\\.jpeg|\\.png|\\.gif|\\.heic|\\.webp|\\.bmp|\\.svg)$/i;\n if (!allowedExtensions.test(file.name)) {\n alert('File format not supported');\n return;\n }\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => {\n const base64String = reader.result;\n console.log('Base64:', base64String);\n setUploadimg(base64String);\n if (base64String) {\n Save({\n file: base64String,\n document_id: docId,\n trn_id: id,\n data: {\n OCRData: null,\n raw_data: null,\n },\n }).then((res) => {\n if (res?.data?.status === 200) {\n if (docId !== \"2\") {\n navigate(`/scan/${id}/success`, { replace: true });\n } else {\n navigate(`/scan/${id}/back/${docId}`, { replace: true });\n }\n } else {\n alert(\"Fail to save, try again\");\n setUploadimg(\"\")\n }\n });\n }\n };\n reader.onerror = (error) => {\n console.error('Error converting file to base64:', error);\n alert(\"Error converting file, try again\");\n setUploadimg(\"\")\n };\n }\n };\n const fileInputRef = useRef(null);\n\n const handleFileUpload = () => {\n fileInputRef.current.click();\n };\n\n useEffect(() => {\n setTimeout(() => { fileInputRef.current.click(); }, 500)\n\n }, [])\n\n \n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n {data?.records?.length > 0 && (\n <>\n \n
\n {/* {parse(termandCondtion?.records?.subscriber_text)} */}\n
\n \n Agreed to Terms, Conditions & Signature\n
\n {termandCondtion?.records?.text && (<>\n {/* {parse(termandCondtion?.records?.text)} */}\n\n {/* {parse(termandCondtion?.records?.subscriber_text)} */}\n
\n Docuverus charges a NON-REFUNDABLE APPLICATION FEE of\n $5.00 per applicant (the \"Application Fee\"), which covers\n certain processing and screening service costs associated\n with your application submitted herein (the\n \"Application\"), such as verifying your income, checking\n your credit, and conducting a background check. Under no\n circumstances shall Applicant be entitled to a refund or\n charge-back of the Application Fee. The Application Fee,\n which must be paid at the time that the Applicant submits\n a rental application, is separate and apart from any real\n estate brokerage that Applicant may be responsible for\n paying to a Broker or my have otherwise agreed to pay to a\n Broker.\n
\n\n Applicant represents and warrants that all of the\n information contained in the Application is true and\n accurate. Applicant expressly understands and agrees that\n submitting this Application does not guarantee that it\n will be accepted by the applicable landlord or property\n management company. Applicant acknowledges and agrees that\n Application acceptance is solely within the discretion of\n landlord and/or property management company and neither\n Docuverus, nor National Tenant Network (defined below), is\n responsible for determining whether Applicant's\n application is accepted or denied. Applicant further\n acknowledges and agrees that landlord(s) and/or property\n management company may deny Applicant's application or\n terminate any lease agreement with Applicant if any\n information contained herein is false, incomplete,\n unverifiable, and/or misleading. Applicant shall not be\n entitled to a refund or charge-back of the Application Fee\n in the event that the application is rejected or denied\n for any reason.\n
\n\n As part of the application process, National Tenant\n Network will conduct a background screening report, In\n order for National Tenant Network and any prospective\n landlord to process your Application, Applicant must\n provide written consent to conduct or run certain\n searches, inquiries, or reports, which may include\n accessing your credit report (from Equifax, Experian or\n TransUnion), eviction report, criminal background report,\n sex offender report, income/employment verification,\n residency verification and OFAC terrorist search. By\n completing this Application and signing below, you consent\n to National Tenant Network conducting such searches in\n accordance with the Fair Credit Reporting Act. You are\n also consenting to Docuverus sharing your Application with\n National Tenant Network for the purpose of running a\n background screening report.\n
\n\n Applicant consents to Docuverus sharing all application\n information and documents with Anytown Real Estate Ltd,\n and Applicant also consents to Anytown Real Estate Ltd\n providing a copy of Applicant's application and/or\n background report to a prospective Landlord and/or his/her\n respective listing agent, if applicable, in connection\n with the rental property applied for.\n
\n\n Federal and State Disclosures
\n Click here for a Summary of Your Rights Under the Fair\n Credit Reporting Act.\n
\n Washington State applicants only: You also have the right\n to request from the consumer reporting agency a written\n summary of your rights and remedies under the Washington\n Fair Credit Reporting Act.\n
\n\n New York/Maine applicants only: You have the right to\n inspect and receive a copy of any investigative consumer\n report requested by the Landlord by contacting the\n consumer reporting agency identified directly. You may\n also contact the Company to request the name, address and\n telephone number of the nearest unit of the consumer\n reporting agency designated to handle inquiries, which the\n Company shall provide within 5 days.\n
\n\n New York City applicants only: Pursuant to federal, state,\n and local law: 1) If we take adverse action against you on\n the basis of information contained in a tenant screening\n report, we must notify you that such action was taken and\n supply you with the name and address of the consumer\n reporting agency that provided the tenant screening report\n on the basis of which such action was taken; 2) if any\n adverse action is taken against you based on information\n contained in a tenant screening report, you have the right\n to inspect and receive a free copy of that report by\n contacting the consumer reporting agency: NTN-New York, PO\n Box 1023, Turnersville, NJ 08012, Telephone: 800-422-8299;\n 3) every tenant or prospective tenant is entitled to one\n free tenant screening report from each national consumer\n reporting agency annually, in addition to a credit report\n that should be obtained from www.annualcreditreport.com;\n and 4) every tenant or prospective tenant may dispute\n inaccurate or incorrect information contained in a tenant\n screening report directly with the consumer reporting\n agency.\n
\n\n California applicants or residents only: By signing this\n application, you also acknowledge receipt of the NOTICE\n REGARDING BACKGROUND INVESTIGATION PURSUANT TO CALIFORNIA\n LAW. Please contact the consumer reporting agency if you\n would like to receive a copy of an investigative consumer\n report or consumer credit report at no charge if one is\n obtained by the Company whenever you have a right to\n receive such a copy under California.\n
*/}\n\n
\n \n
\n \n
\n \n
\n \n
\n \n Signature:\n
\n \n
\n \n
\n \n IP Address:\n
\n \n {`${data?.records[0].ip}`}\n
\n \n
\n \n Application Date:\n
\n \n \n {moment(\n `${data?.records[0]?.InviteInfo?.CreatedOn}`\n ).format(\"MM-DD-YYYY\")}\n \n
\n \n
\n \n )}\n \n
\n \n
\n \n
\n \n Application Payment\n
\n\n
\n \n Card holder name:\n
\n \n {`${data?.records[0].name_on_card}`}\n
\n \n
\n \n Amount collected:\n
\n \n {`$ ${\n data?.records[0].amount \n } `}\n
\n \n
\n \n Payment Date:\n
\n \n \n {moment(\n `${data?.records[0]?.transaction_date}`\n ).format(\"MM-DD-YYYY\")}\n \n
\n \n
\n \n
\n\n \n Card Number:\n
\n\n \n \n {`XXXX-XXXX-XXXX-${data?.records[0]?.card_number}`}\n \n
\n \n
\n \n Billing address :\n
\n \n {`${data?.records[0].city} ${data?.records[0].state}`}\n
\n \n \n \n \n \n Docuverus | Scan Barcode\n \n \n \n \n \n
\n
\n\n
\n );\n};\n\nexport default BackBarcodeScan;","export default __webpack_public_path__ + \"static/media/cloud-icon.76d4e9d1.svg\";","export default __webpack_public_path__ + \"static/media/pic-icon.8277633a.svg\";","import React, { useEffect, useState } from 'react';\nimport '../../assets/mobile/css/style.css';\nimport cloud from '../../assets/mobile/images/cloud-icon.svg';\nimport pic from '../../assets/mobile/images/pic-icon.svg';\nimport { useNavigate, useParams, useSearchParams } from 'react-router-dom';\nimport { useGetIdDocumentStatusQuery } from '../../services/identificationApi';\nimport { token, trnId } from '../../store/registration/logindSlice';\nimport { useDispatch } from 'react-redux';\n\nconst ScanHome = () => {\n const navigate = useNavigate();\n let { id } = useParams();\n const { data, isLoading } = useGetIdDocumentStatusQuery(id);\n const [searchParams, setSearchParams] = useSearchParams();\n const dispatch = useDispatch();\n if (searchParams.get(\"token\")) {\n dispatch(token(searchParams.get(\"token\")));\n dispatch(trnId(id));\n }\n const [startBtnState, setStartBtnState] = useState(false);\n\n useEffect(() => {\n if (data?.records?.front?.document_typeid == \"2\" || data?.records?.back?.document_typeid == \"13\") {\n if (data?.records?.front?.res && !data?.records?.back?.res) {\n setStartBtnState(false);\n }\n else if (!data?.records?.front?.res && data?.records?.back?.res) {\n setStartBtnState(true);\n }else{\n setStartBtnState(true);\n }\n } else {\n if(!data?.records?.front?.res){\n setStartBtnState(false);\n }else\n setStartBtnState(true);\n }\n }, [data])\n return (\n <>\n \n
Align the barcode in the viewport and hold your device still. The barcode will then scan automatically.
\n\n\n \n
\n \n\n
\n
\n Welcome to Docuverus
\n\n
\n \n {!startBtnState && <>
\n {!startBtnState && Let’s verify your identity
\nSelect the types of document you would to upload
\n }\n {startBtnState && <>\nYour documents have already been uploaded
\nPlease login to your application and delete them to upload new documents
\n {(!data?.records?.front?.res && data?.records?.back?.res) &&Please delete back side driver's license to upload new documents
}\n }\n {!startBtnState &&\n
}\n - \n
- \n \n\n
\n
\n\n \n\n Take Picture of an identity
\n
\n proof Documents\n \n - \n \n\n
\n
\n\n \n\n Upload Different types
\n
\n of documents\n \n
\n \n
}\n \n
\n );\n return (\n <>\n {/* {!unauthacess ? */}\n \n Property Not Available\n
\n\n The Property you are trying to apply is not available. Please contact your agent / property if you wish to apply.\n
\n \n {/* } */}\n
\n
\n \n );\n};\n\nexport default ScanSuccess;","import React, { useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useUploadFileServiceMutation } from \"../../services/identificationApi\";\nimport { sideNavAction } from \"../../store/identification/sideMenuSlice\";\nimport Dropzone from \"react-dropzone\";\nimport { FaFileUpload } from \"react-icons/fa\";\nimport Box from \"@mui/material/Box\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport \"./style.css\";\nimport { useForm } from \"react-hook-form\";\nimport { useUploadFileMlMutation } from \"../../services/mlApi\";\n\nconst MLFileUpload = (props) => {\n const [uploadFileRequest, result] = useUploadFileMlMutation();\n\n\n const onChangeFile = (e) => {\n e.preventDefault();\n const reader = new FileReader();\n reader.readAsText(e.target.files[0]);\n let data = e.target.files[0];\n reader.onload = () => {\n if (reader.readyState === 2) {\n uploadFile(data);\n }\n };\n };\n\n const uploadFile = (file) => {\n props.handleCallbackFileUploadResult(null);\n props.handleCallbackFileUpload(file);\n var formData = new FormData();\n formData.append(\"files\", file);\n formData.append(\"documenttype_id\", props.documentId);\n uploadFileRequest(formData).then((response) => {\n if (response?.data?.success === true) {\n props.handleCallbackFileUploadResult(response);\n }\n });\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {/* {!unauthacess ? */}\n
\n \n Thank you for uploading documents!\n
\n {/* : */}\n {/*\n
*/}\n {/* } */}\n\n \n Property Not Available\n
\n \n \n\n {/* {!unauthacess ? */}\n \n {/* : */}\n {/* */}\n {/* } */}\n
\n {/* {!unauthacess ? */}\n Please return to your desktop browser and click Refresh button!
\n {/* : */}\n {/*{message ||\n \"The Property you are trying to apply is not available. Please contact your agent / property if you wish to apply.\"}
*/}\n {/* } */}\n\n {\n for (let f of file) {\n uploadFile(f);\n }\n }}\n accept={props.onlyPdf==true?\"application/pdf\":\"image/*,application/pdf\"}\n >\n {({\n getRootProps,\n getInputProps,\n isDragActive,\n isDragAccept,\n isDragReject,\n }) => {\n const additionalClass = isDragAccept\n ? \"accept\"\n : isDragReject\n ? \"reject\"\n : \"\";\n\n return (\n \n
\n );\n }}\n \n \n {result.status === \"pending\" && (\n Drag 'n' drop a file here, or click to select a file
\nPredict your Paystub here
\n\n
Statement Preview
\n \nStatement Name
\n{(childData?.data?.records?.class_predicted)}
\nPredict your Bank Statement here
\n\n
Statement Preview
\n \nStatement Name
\n{(childData?.data?.records?.class_predicted)}
\n\n {/* */}\n
\n\n \n {isVideoPlaying && (\n } variant=\"contained\" onClick={isCanvasEmpty ? handleCapture : ''}>\n {isCanvasEmpty ? \"Take a picture\" : \"Uploading...\"}\n \n )}\n
\n