\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n ({\n validator(rule, value) {\n if (value && (value.length > 1)) {\n if (!/^\\s+|\\s+$/g.test(value[0]) && !/^\\s+|\\s+$/g.test(value[value.length - 1])) {\n return Promise.resolve();\n }\n return Promise.reject(\"'password' cannot be empty\");\n }\n return Promise.resolve();\n },\n })]}\n >\n
\n \n ({\n validator(rule, value) {\n if (value && (value.length > 1)) {\n if (!/^\\s+|\\s+$/g.test(value[0]) && !/^\\s+|\\s+$/g.test(value[value.length - 1])) {\n return Promise.resolve();\n }\n return Promise.reject(\"'password' cannot be empty\");\n }\n return Promise.resolve();\n },\n })]}\n >\n
\n \n \n \n \n \n
\n \n
\n
\n Rental Index\n \n }\n \n
\n
\n \n {/*\n {\n (props?.checkTab === props?.keyItem) ? : null\n }\n
\n \n
\n \n \n
\n {Object.values(PROPERTY.STATUS).map((item, k) => {\n if (item.key === current || item.key === PROPERTY.STATUS.NONACTIVE.key || item.key === PROPERTY.STATUS.LEASED.key) return null;\n\n return (\n <>\n {`${toTitleCase(current)} CMA`}
\n\n
\n {current === PROPERTY.STATUS.LEASED.key ? 'Monthly Lease' : `${toTitleCase(current)} Price`}
\n{moneyFormatter.format(estimate[current].sold_price.toFixed(round))}
\n\n \n {`${selectedProperties[current].length}/${properties[current].length}`}\n \n
\n {(current === PROPERTY.STATUS.SOLD.key && activeStatus === PROPERTY.STATUS.NONACTIVE.key) ? 'Rental Index™' : 'Price per square foot'}
\n{moneyFormatter.format(estimate[current].price_per_square_foot.toFixed(2))}
\n{`${item.label} CMA`}
\n\n
\n \n )\n })}\n \n
\n {item.key === PROPERTY.STATUS.LEASED.key ? (\n {item.key === PROPERTY.STATUS.LEASED.key ? 'Monthly Lease' : `${toTitleCase(item.key)} Price`}
\n{moneyFormatter.format(estimate[item.key].sold_price.toFixed(round))}
\n\n \n {`(${selectedProperties[item.key].length}/${properties[item.key].length})`}\n \n
\n ) : (\n Rental Index
\n{(estimate.rental_index * 100).toFixed(2) || 0}
\n\n \n {`(${selectedProperties[item.key].length}/${properties[item.key].length})`}\n \n
\n )}\n {(item.key === PROPERTY.STATUS.SOLD.key && activeStatus === PROPERTY.STATUS.NONACTIVE.key) ? 'Rental Index™' : 'Price per square foot'}
\n{moneyFormatter.format(estimate[item.key].price_per_square_foot.toFixed(2))}
\n\n
\n\n {/*\n
\n \n
\n Comparables
\n\n \n
\n \n changeTabTable(e)}>\n {PROPERTY.STATUS && Object.values(PROPERTY.STATUS).map((item, k) =>\n \n \n \n )}\n \n
\n \n console.log(e)}>\n {\n TAB_COMPARABLES.map((i, k) => {\n return (\n \n 8 ? {\n x: 2000,\n } : false}\n />\n \n )\n })\n }\n \n\n
\n */}\n {/* Comparables */}\n {/* */}\n {/* *!/*/}\n {/* *!/*/}\n {/* */}\n {/* */}\n {/* {subject &&*/}\n {/*
*/}\n {/* */}\n\n {/*
*/}\n \n )\n}\n\n\nconst mapStateToProps = state => {\n const fastCMA = state.FastCMAReducer;\n\n return {\n subject: fastCMA.cma?.result.subject,\n properties: fastCMA.cma?.result.payload,\n activeStatus: fastCMA.cma?.active_status,\n selectedProperty: fastCMA.cma?.selected_properties\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n setActiveStatus: (status) => {\n dispatch(cma_set_active_status({\n status: status\n }))\n },\n setSelectedProperty: (selectedIndex) => {\n dispatch(set_selected_property({\n selectedIndex: selectedIndex\n }))\n }\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Comparables);\n","import Comparables from \"./Comparables\";\n\nexport default Comparables;","import React from \"react\"\nimport { Card, Image as AntdImage, Typography } from \"antd\"\nimport { connect } from \"react-redux\";\nimport { MARKET } from \"../../../../../constants/fastCMA\";\nimport Image from \"../../Image\"\n\nconst { Title } = Typography\n\nconst gridStyles = {\n border: 'none',\n boxShadow: 'none',\n padding: '1.125em',\n display: 'flex',\n flexWrap: 'wrap',\n fontSize: '14px',\n flexDirection: 'column'\n}\n\nconst formatter = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n});\n\nconst Grid = (props) => {\n const { style, isRow } = props\n let combineStyle = {\n ...gridStyles,\n ...style\n }\n if ( isRow ) {\n combineStyle.flexDirection = 'row';\n }\n\n return (\n */}\n {/* */}\n {/* {compareFields && compareFields.map((head, index) => (*/}\n {/* <>*/}\n {/*
*/}\n {/*
*/}\n {/* /!* | {head.title} | }*/}\n {/*
|---|
| {child.title} | */}\n {/*
| */}\n {/* | */}\n {/* |
| {colIdx + 1} | */}\n {/**/}\n {/* | */}\n {/*
- \n {data.map((item, idx) => \n
- \n {item.label && {item.label}: }\n {item.value}\n \n )}\n
\n
\n \n );\n};\n\nconst mapStatesToProps = state => {\n const data = state.FastCMAReducer\n return {\n cmaStatus: data.cma.status,\n subject: data.address_lookup.subject,\n market: data.cma.market || 'houston'\n }\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n findComparables: (type, params, showResult, popupValue) => {\n dispatch(find_comparables({\n type: type,\n filter: params,\n showResult: showResult,\n popupValue: popupValue\n }));\n }\n }\n}\n\nexport default connect(mapStatesToProps, mapDispatchToProps)(FindComparablesForm);\n","import SubjectDetailOverview from \"./SubjectDetailOverview\";\nimport SubjectDetails from \"./SubjectDetails\";\n\nexport default SubjectDetailOverview;","import React, {useState} from \"react\";\nimport {connect} from \"react-redux\";\n\nimport {\n Card,\n Row,\n Col,\n Image as AntdImage,\n Button,\n Modal,\n Collapse,\n Space,\n InputNumber,\n Input,\n Form,\n Badge\n} from \"antd\";\nimport {EditOutlined, ShareAltOutlined} from \"@ant-design/icons\";\nimport SubjectDetails from \"./SubjectDetails\";\nimport FindComparablesForm from \"./../../FindComparablesForm\";\nimport Image from \"../../Image\";\nimport {show_cma_report} from \"../../../../../data/actions/fastCMA\";\n\nconst SubjectDetailOverview = (props) => {\n const {subject, market, showReport} = props\n const [showSubjectDetail, setIsSubjectModalVisible] = useState(false);\n const [showFindComparableModal, setshowFindComparableModal] = useState(false);\n\n const openFindComparableModal = (evt) => {\n setshowFindComparableModal(true);\n }\n\n const hideFindComparableModal = (evt) => {\n setshowFindComparableModal(false);\n }\n\n const openDetailModal = (event) => {\n setIsSubjectModalVisible(true)\n }\n\n const hideDetailModalHandle = () => {\n setIsSubjectModalVisible(false)\n }\n\n const showReportAndShare = () => {\n showReport();\n }\n\n if (!subject) {\n return null;\n }\n\n return (\n <>\n \n \n \n
\n \n
\n \n \n \n
\n \n \n
\n No Image
\n\n \n ![](\"/img/square-feet.svg\")
\n {subject?.square_feet || \"0\"} sq ft\n ![](\"/img/acres.svg\"/)
\n {subject?.acres || \"\"} acres\n \n \n \n \n \n
\n {subject.prop_type} ![](\"/img/verified.svg\"/)
\n
{props.params?.property_address || \"-\"}
\n\n {subject?.square_feet || \"0\"} sq ft\n \n {subject?.acres || \"\"} acres\n \n
\n House type
\n{subject?.house_type || \"\"}
\n\n
\n Subdivision
\n{subject?.subdivision || \"\"}
\n\n
\n Year built
\n{subject?.year_built || \"\"}
\n\n + info\n
\n\n \n \n \n \n \n
\n Estimated Value
\n\n
\n Estimated Price
\n$0
\n\n
\n Montly Lease
\n$0
\nInvestment Summary
\n\n
\n Offer / Asking Price
\n\n
\n
\n IQ Discount
\n\n $0\n
\n
\n Rental Index
\n0
\n- */}\n {/*
- Year build: {subject.year_built} */}\n {/*
- Square feet: {subject.square_feet} */}\n {/*
- Lot size (acres): {subject.acres} */}\n {/* */}\n {/*
- */}\n {/*
- Property type: {subject.prop_type} */}\n {/*
- House type: {subject.house_type} */}\n {/*
- Subdivision: {subject.subdivision} */}\n {/*
\n \n\n props?.sendResultTable(e)}\n source={data}\n onShowReportnShare={e => props?.onShowReportnShare(e)}\n tabActive={props?.tabActive}\n getTabActive={e => props?.getTabActive(e)}\n />\n
\n )\n}\n\nexport default Report;\n","import React, {useEffect, useState} from \"react\";\n\nimport {Card, Row, Col, Tabs, Typography, Table, Radio, Checkbox, Button, Modal, Form, Input} from \"antd\";\nimport {StarFilled} from \"@ant-design/icons\";\nimport {connect} from \"react-redux\";\n\nimport {PROPERTY} from \"../../../../constants/fastCMA\";\nimport {moneyFormatter} from \"../../../../utils/commonUtils\";\nimport {cma_export_pdf} from \"../../../../data/actions/fastCMA\";\n\nimport Image from \"../Image\";\nimport \"./ReportAndShare.scss\";\n\nconst {TabPane} = Tabs;\nconst {Title, Text} = Typography\nconst {TextArea} = Input\n\n\nconst EstimateCard = connect(state => {\n const data = state.FastCMAReducer;\n\n return {\n subject: data.cma?.result.subject,\n properties: data.cma?.result.payload,\n selectedProperty: data.cma?.selected_properties,\n estimate: data.cma?.estimate,\n defaultEstimate: {\n distance: data?.cma.result.distance,\n recency: data?.cma.result.recency,\n active: {\n grossDiscount: data?.cma.result.activeEstGrossDiscount,\n percentDiscount: data?.cma.result.activeEstPercentDiscount,\n price: data?.cma.result.activeEstimatedPrice\n },\n leased: {\n monthly: data?.cma.result.estimatedMonthlyLease,\n rentalIndex: data?.cma.result.rentalIndex\n },\n sold: {\n grossDiscount: data?.cma.result.soldEstGrossDiscount,\n percentDiscount: data?.cma.result.soldEstPercentDiscount,\n price: data?.cma.result.soldEstimatedPrice\n }\n },\n }\n}, null)((props) => {\n const {estimate, subject, status, defaultEstimate, extend, selectedProperty, properties, reportType} = props\n\n const currentStatus = Object.values(PROPERTY.STATUS).filter(i => i.key === status)[0];\n const soldPrice = estimate[status].sold_price;\n const activePrice = estimate[PROPERTY.STATUS.ACTIVE.key].sold_price;\n\n let estimateStatus = status === PROPERTY.STATUS.ACTIVE.key ? PROPERTY.STATUS.ACTIVE.key : PROPERTY.STATUS.SOLD.key;\n let selectedProp = properties[status] ? properties[status].filter((i, idx) => selectedProperty[status].indexOf(idx) >= 0) : [];\n let avgDom = 0;\n\n if (selectedProp.length > 0) {\n for (let i in selectedProp) {\n if (selectedProp[i].dom) avgDom += selectedProp[i].dom\n }\n avgDom = avgDom / selectedProp.length;\n }\n\n\n const gross = defaultEstimate[PROPERTY.STATUS.SOLD.key].price - defaultEstimate[PROPERTY.STATUS.SOLD.key].grossDiscount;\n const percent = defaultEstimate[PROPERTY.STATUS.SOLD.key].percentDiscount.toFixed(2)\n // const avgDom\n const gridStyle = {\n width: extend ? '16.65%' : '25%'\n }\n\n return (\n - \n {data.map((item, idx) =>\n
- \n {item.label && {item.label}: }\n {item.value}\n \n )}\n
| Property | \nDetails | \n {reportType !== 'retail-report' &&Sales Information | }\n||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Address | \nStatus | \n\nDistance | \nSubdivision | \n\nYear built | \nSquare feet | \nBed/ bath | \nGarage/ carport/ pool | \n\n {reportType !== 'retail-report' &&\n <>\n{status.key === 'sold' ? 'Sold' : 'List'} date | \nDays on market | \nOriginal Price | \n{status.key === 'sold' ? 'Sold' : 'List'} price | \n{status.key === 'sold' ? 'Sold' : 'List'} price/ square foot | \n \n }\n
\n
\n )\n}\n\nexport default connect(state => {\n const data = state.FastCMAReducer\n\n return {\n subject: data.cma?.result.subject,\n properties: data.cma?.result.payload,\n estimate: data.cma?.estimate\n }\n}, dispatch => {\n return {\n exportReportPDF: (params) => {\n dispatch(cma_export_pdf(params))\n }\n }\n})(ReportAndShare);\n","import React from \"react\";\n\nimport { Typography, Form, Button, Input, Table, Layout, Row, Col, Tabs, Upload, Card } from \"antd\";\nimport { DownloadOutlined, UploadOutlined } from '@ant-design/icons';\nimport './BatchCMA.scss';\n\nconst { Content } = Layout\nconst { Title, Text, Link } = Typography\nconst { TabPane } = Tabs;\n\n\n\nconst UploadCMA = (props) => {\n const [form] = Form.useForm();\n\n return (\n <>\n \n \n \n Retail Report \n Investment Report \n \n Summary \n <StarFilled/> {subject?.address} \n {\n Object?.keys(estimate || {}).length > 0 ?\n : null\n }\n \n\n Details \n \n
\n \n\n {reportOptionsSelect.indexOf('mls-infor') >= 0 &&\n MLS Information \n \n
\n \n }\n\n {Object.keys(properties || []).length > 0 ? Object.values(PROPERTY.STATUS).map(i => {\n if (reportOptionsSelect.indexOf(i.key) < 0) {\n return null;\n }\n return (\n \n \n )\n }) : null}\n\n {/*{reportOptionsSelect.indexOf('photo') >= 0 &&*/}\n {/* Photos */}\n {/* */}\n {/* {[...Array(24)].map((i, idx) =>*/}\n {/*
*/}\n {/* */}\n {/*}*/}\n\n Our automated CMA is a calculation of estimated market price, computed using\n proprietary algorithms with 100% MLS data. It is not an appraisal. It is a starting point in\n determining a home's price. It is a broker price opinion or comparative market analysis and\n should not be considered an appraisal or opinion of value. In making any decision that relies\n upon Agents or computer work, you should know that we have not followed the guidelines for\n development of an appraisal or analysis contained in the Uniform Standards of Professional\n Appraisal Practice of the Appraisal Foundation. \n \n
\n
\n \n \n\n
\n \n Display the following information in the report:
\n\n \n \n \n
\n Email addresses entered here will not be saved to your contact\n list \n \n \n
\n
\n Add Email Address (optional)
\n\n\n
\n \n 0 ? \"fast-cma-findings__item--active\" : \"\"}`}>\n
\n \n
\n \n {(data.payload?.sold || []).length}\n
\n \n
\n Sold
\nProperties
\n\n 0 ? \"fast-cma-findings__item--active\" : \"\"}`}>\n
\n \n \n
\n \n {(data.payload?.active || []).length}\n
\n \n
\n Active
\nProperties
\n\n 0 ? \"fast-cma-findings__item--active\" : \"\"}`}>\n
\n \n \n
\n \n {(data.payload?.leased || []).length}\n
\n \n
\n Leased
\nProperties
\n\n 0 ? \"fast-cma-findings__item--active\" : \"\"}`}>\n
\n \n \n
\n \n {(data.payload?.nonActive || []).length}\n
\n \n
\n Non Active
\nProperties
\n\n \n
\n \n )\n}\n\nconst mapStatesToProps = state => {\n const data = state.FastCMAReducer\n return {\n data: data.cma.result\n }\n}\nconst mapDispatchToProps = (dispatch) => {\n return {\n runCMA: () => {\n dispatch(run_cma())\n }\n }\n}\n\nexport default connect(mapStatesToProps, mapDispatchToProps)(CMAResults);\n","import { useCallback } from \"react\";\nimport { useDispatch } from \"react-redux\";\n\nimport * as HookAction from \"../actions/fastCMA\";\n\nexport const ActionAppendResponse = () => {\n const dispatch = useDispatch()\n return useCallback(\n (filters) => dispatch(HookAction.find_comparables_success(filters)),\n [dispatch]\n )\n}\n\nexport const ActionInit = () => {\n const dispatch = useDispatch()\n return useCallback(\n (filters) => dispatch(HookAction.cmd_init(filters)),\n [dispatch]\n )\n}\n","import {useCallback} from 'react'\nimport {useDispatch} from 'react-redux'\n\nimport * as HookAction from '../actions/comparablesRequestAction'\nimport {comparablesRequestInitStore} from \"../actions/comparablesRequestAction\";\n\nexport const ActionInit = () => {\n const dispatch = useDispatch()\n return useCallback(\n (params) => dispatch(HookAction.comparablesRequestInitStore(params)),\n [dispatch]\n )\n}\n\nexport const ActionGetList = () => {\n const dispatch = useDispatch()\n return useCallback(\n (filters) => dispatch(HookAction.comparablesRequestListAction(filters)),\n [dispatch]\n )\n}\n\nexport const ActionGetItem = () => {\n const dispatch = useDispatch()\n return useCallback(\n (params) => dispatch(HookAction.comparablesRequestDetailAction(params)),\n [dispatch]\n )\n}\n","import React, {useEffect, useState} from \"react\";\nimport {connect} from \"react-redux\";\nimport {withRouter} from \"react-router-dom\";\nimport {loginAction} from \"../../../data/actions/authAction\";\nimport {switch_type} from \"../../../data/actions/fastCMA\";\n\nimport {Tabs, Layout, Typography, Card, Select, Anchor, Button} from \"antd\";\n\nimport AddressLookup from \"./AddressLookUp\";\nimport MLSNumberLookUp from \"./MLSNumberLookUp\";\nimport Report, {ReportAndShare} from \"./Report\";\n\nimport BatchCMA from \"./BatchCMA\";\nimport FindComparablesForm from \"./FindComparablesForm\";\nimport {useScript} from \"../../../utils/commonUtils\";\nimport {STEPS, STEP_VISIBLE} from \"../../../constants/fastCMA\";\nimport {change_market_channel, address_lookup_reset, run_cma} from \"../../../data/actions/fastCMA\";\n\nimport MainLayout from \"../../common/layout/MainLayout\";\nimport CMAResults from \"./CMAResults\";\nimport \"./FastCMA.scss\";\nimport ProfileSelect from \"./Profile/ProfileSelect\";\nimport {CaretDownOutlined, CaretUpOutlined, ReloadOutlined} from \"@ant-design/icons\";\nimport {ActionInit} from \"../../../data/hooks/fastCMA\";\nimport {ActionInit as ActionInitComparables} from \"../../../data/hooks/comparablesRequest\";\n\nconst {TabPane} = Tabs;\n\n\nconst blockStyles = {\n marginTop: '16px',\n backgroundColor: '#f0f0f0',\n}\n\nconst showStep = (checker, currentStep) => {\n return STEP_VISIBLE[checker] && STEP_VISIBLE[checker].indexOf(currentStep) >= 0;\n}\n// change_market_channel\nconst MarketSwitcher = connect(state => {\n const data = state.FastCMAReducer\n return {\n cmaStep: data.step\n }\n}, dispatch => {\n return {\n changeMarket: (market) => {\n dispatch(change_market_channel({\n market: market\n }))\n }\n }\n})((props) => {\n const {changeMarket, cmaStep} = props;\n\n useEffect(() => {\n let storeSearch = localStorage.getItem(\"search_eva\");\n if (storeSearch) {\n storeSearch = JSON.parse(storeSearch)\n changeMarket(storeSearch?.market)\n }\n }, [])\n\n const handleMarketChange = (value) => {\n let storeSearch = localStorage.getItem(\"search_eva\");\n if (storeSearch) {\n storeSearch = JSON.parse(storeSearch)\n storeSearch = {\n ...storeSearch,\n market: value\n }\n localStorage.setItem(\"search_eva\", JSON.stringify(storeSearch))\n } else {\n localStorage.setItem(\"search_eva\", JSON.stringify({market: value}))\n }\n changeMarket(value)\n }\n\n return (\n \n \n \n setGetAddress(e)}\n selectProfile={}\n selectMarket={}\n />\n \n \n \n \n \n \n
\n )\n }\n\n {/*{showStep(STEPS.FIND_COMPARABLES, cmaStep) &&*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/*}*/}\n\n\n {/*{showStep(STEPS.RUN_CMA, cmaStep) &&*/}\n {/* Find comparables
*/}\n {/**/}\n {/*
*/}\n {/*}*/}\n\n {/*{showStep(STEPS.SHOW_CMA_RESULTS, cmaStep) &&*/}\n {/* Run CMA
*/}\n {/*\n
\n )}\n \n }\n >\n Remove {currentProfile.name} profile?
\n \n\n
\n );\n\n}\n\nexport default HeaderAction;\n","import {createSelector} from 'reselect'\n\nconst stateReducer = state => state.comparablesRequestReducer;\n\nexport const selectFetching = (initData) =>\n createSelector(\n stateReducer,\n resultReducer => resultReducer.isFetching\n )\n\nexport const selectStatusAction = (initData) =>\n createSelector(\n stateReducer,\n resultReducer => resultReducer.statusAction\n )\n\nexport const selectErrors = (initItems) =>\n createSelector(\n stateReducer,\n resultReducer => resultReducer.errors\n )\n\nexport const selectList = (initItems) =>\n createSelector(\n stateReducer,\n resultReducer => resultReducer.data\n )\n\nexport const selectMasterData = (initItems) =>\n createSelector(\n stateReducer,\n resultReducer => resultReducer.master\n )\nexport const selectItem = (initItems) =>\n createSelector(\n stateReducer,\n resultReducer => resultReducer.detail\n )\n","import React, {Fragment} from \"react\";\nimport {PAGINATION} from \"../../constants/define\";\nimport TAG_DEFINE from \"../../constants/common\";\nimport {Empty, Table, Tag} from \"antd\";\nimport Icon from \"./Icon\";\n\nconst ListComponent = (props) => {\n\n const onChange = (pagination, filters, sorter) => {\n props.onChange(pagination, filters, sorter);\n };\n const pagination = props.pagination && !(props.pagination.total <= PAGINATION.pageSize) ? props.pagination : false;\n if (pagination) {\n pagination.showTotal = (total, range) => `${range[0]}-${range[1]} ${TAG_DEFINE.PAGINATE.of} ${total} ${TAG_DEFINE.PAGINATE.items}`;\n pagination.showSizeChanger = true;\n pagination.showQuickJumper = true;\n pagination.hideOnSinglePage = false;\n pagination.locale = {\n items_per_page: TAG_DEFINE.PAGINATE.itemsPerPage,\n jump_to: TAG_DEFINE.PAGINATE.jumpTo,\n }\n }\n\n return (\n \n \n
\n {/**/}\n {/* */}\n {/* */}\n {/*
*/}\n \n
\n
\n {props.componentTableList && (props.componentTableList.left !== undefined || props.componentTableList.right !== undefined) &&\n ,\n filterConfirm:
\n
\n }\n \n {\n props.componentTableList.left\n }\n
\n \n {\n props.componentTableList.right\n }\n
\n ![](\"./layout/logo.png\"\n){kind=logo}
\n ![](\"/layout/logo-login.svg\"\n){kind=logo}
\n