\n \n \n
\n \n
{t('copyright', { year })}
\n \n \n {items &&\n items.map((item) => (\n \n
\n \n {item.external ? (\n \n \n {item.label}\n \n \n )}\n
\n ))}\n {item.label}
\n \n ) : (\n \n\n {user ? (\n <>\n handleClick(event)}\n />\n openLogin()}\n />\n )}\n
\n handleClick(event)} className={classes.avatarWrapper}>\n {userImage ? (\n
\n setOpen(true)}>\n
\n \n \n
\n \n {!user ? (\n openLogin()}>\n \n ) : (\n
\n {open && (\n \n {items &&\n items.map((item) => (\n \n {item.external ? (\n \n {item.label}\n \n ) : (\n \n {item.label}\n \n )}\n \n ))}\n
\n )}\n setOpen(false)}>\n
\n There is a temporary server error.
\n\n We are working on it. If issue persists please{' '}\n \n contact us\n \n .\n
\n \n\n {children} \n \n
\n );\n};\n\nexport default DefaultTemplate;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n formControl: {\n width: ({ width }) => width,\n '& label': {\n color: theme.palette.primary.main,\n },\n '& fieldset': {\n borderColor: `${theme.palette.primary.bg} !important`,\n },\n '& svg': {\n color: theme.palette.primary.main,\n display: ({ hasArrow }) => !hasArrow && 'none',\n },\n },\n selectIcon: {\n position: 'absolute',\n top: 13,\n left: 12,\n marginRight: '20px',\n color: `${theme.palette.success.main} `,\n display: 'block !important',\n },\n selectWrapper: {\n position: 'relative',\n },\n lineSeparator: {\n borderLeft: `1px solid ${theme.palette.primary.bg}`,\n height: '29px',\n position: 'absolute',\n left: 45,\n top: 10,\n },\n select: {\n width: ({ width }) => width,\n '& div': {\n paddingLeft: ({ selectIcon }) => (selectIcon ? '60px' : '10px'),\n '&:focus': {\n backgroundColor: 'transparent',\n },\n },\n height: (props) => props.hidden && 0,\n visibility: (props) => props.hidden && 'hidden',\n color: ({ selectTextColor }) => selectTextColor,\n },\n}));\n","import React, { useState } from 'react';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport { ExpandMore } from '@material-ui/icons';\nimport clsx from 'clsx';\n\nimport { useStyles } from './styles';\n\nimport Icon from '../Icon';\n\n/**\n *\n */\nconst Dropdown = ({\n placeholder,\n label,\n selected,\n onChange,\n selectIcon,\n children,\n variant,\n button,\n hasArrow,\n width = '100%',\n selectTextColor = '#000',\n rootClass,\n selectClass,\n MenuProps,\n}) => {\n const [open, setOpen] = useState(false);\n const classes = useStyles({\n selectIcon,\n hidden: !!button,\n hasArrow,\n width,\n selectTextColor,\n });\n //const Icon = selectIcon && selectIcon;\n const handleChange = (event) => {\n onChange(event.target.value);\n };\n\n const handleOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n return (\n \n {selectIcon && (\n <>\n {\n if (!selectedValue) {\n return placeholder;\n }\n return selectedValue.label || selectedValue.name;\n }}\n IconComponent={ExpandMore}\n open={button ? open : undefined}\n onClose={button ? handleClose : undefined}\n classes={{ root: selectClass }}\n MenuProps={MenuProps}\n >\n {children}\n \n
\n {button}
}\n \n <>\n placeholder || label}\n multiple={multiple}\n MenuProps={MenuProps}\n >\n {children}\n \n
\n )}\n\n {isMobile && (\n \n
\n );\n};\n\nexport default PageLoader;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles(() => ({\n root: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n },\n}));\n","import React from 'react';\n\nimport { useStyles } from './styles';\n\nconst ErrorPageMessage = ({ children }) => {\n const classes = useStyles();\n\n return {children}
;\n};\n\nexport default ErrorPageMessage;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n },\n text: {\n margin: '0',\n background: theme.palette.primary.main,\n borderRadius: '5px',\n color: theme.palette.secondary.main,\n fontSize: '1.125em',\n fontWeight: '700',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n lineHeight: '1.6875em',\n padding: '0.3em 1em',\n },\n disabled: {\n background: 'lightgray',\n color: 'slategray',\n },\n halfRound: {\n borderRadius: theme.spacing(2, 0, 2, 0),\n },\n}));\n","import React from 'react';\nimport clsx from 'clsx';\n\nimport { useStyles } from './styles';\n\nconst ValuePill = ({ value, type = 'default' }) => {\n const classes = useStyles();\n return (\n \n
\n );\n};\n\nexport default ValuePill;\n","let id = 0;\n\n/**\n * Function to return an incrementing ID that will be unique throughout the\n * entire application. Useful for things such as element IDs where we want to\n * make sure we always have unique IDs even with multiple elements.\n *\n * This currently uses an incrementing number for the best performance, but may\n * use UUIDs in the future.\n */\nconst getUniqueId = () => id++;\n\nexport default getUniqueId;\n","import { createBrowserHistory } from 'history';\n\nexport default createBrowserHistory();\n","import React from 'react';\n\nconst parseApiMetaTags = (tag) => {\n if (!tag.length) {\n return;\n }\n\n const node = tag.split(/\\n/)[0];\n let nodeType = tag.match(/[a-z]+/)[0];\n\n let props = {\n key: 0,\n };\n\n node.match(/([a-z-]+=\".*?\")/g).forEach((attr) => {\n let matches = attr.match(/([a-z-]+)=\"(.*?)\"/);\n props[matches[1]] = matches[2];\n });\n\n return React.createElement(nodeType, props);\n};\n\nconst parseTitleMetaTag = (tag) => {\n if (!tag || tag.props?.name !== 'title') {\n return tag;\n }\n const nodeType = 'title';\n const props = {\n key: 0,\n children: tag.props.content,\n };\n return React.createElement(nodeType, props);\n};\n\nexport const parseTags = (apiTags) => {\n return apiTags.map((apiTag) => parseApiMetaTags(apiTag)).map((tag) => parseTitleMetaTag(tag));\n};\n","import { useMemo } from 'react';\n\nimport { useSearchContext } from 'providers/SearchContextProvider';\n\nconst useGetArea = (location) => {\n const { locations } = useSearchContext();\n\n const area = useMemo(() => {\n return locations?.find(({ slug }) => slug === location);\n }, [location, locations]);\n\n return area;\n};\n\nexport default useGetArea;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n height: '9.5em',\n background: theme.palette.secondary.main,\n boxShadow: '0 4px 10px rgba(0, 0, 0, 0.1)',\n borderRadius: '5px',\n display: 'flex',\n overflow: 'hidden',\n flex: '0 1 50%',\n [theme.breakpoints.only('xs')]: {\n flex: '1 1 100%',\n },\n [theme.breakpoints.only('sm')]: {\n gap: '1rem',\n },\n [theme.breakpoints.up('md')]: {\n height: '14.3125em',\n },\n },\n images: (props) => ({\n position: 'relative',\n width: '7.9em',\n height: '100%',\n [theme.breakpoints.down(400)]: {\n width: '6.5em',\n },\n [theme.breakpoints.up('sm')]: {\n width: props.size === 'large' ? '16.8125em' : '11.125em',\n },\n }),\n imageCarousel: {\n // display: 'none',\n cursor: 'pointer',\n },\n information: {\n flex: '1',\n display: 'flex',\n flexDirection: 'column',\n padding: theme.spacing(1),\n minWidth: '0',\n justifyContent: 'space-between',\n cursor: 'pointer',\n color: '#000',\n '&:hover': {\n color: '#000',\n },\n [theme.breakpoints.up('md')]: {\n padding: '1em',\n paddingBottom: '0.8em',\n },\n },\n image: () => ({\n '& img': {\n width: '100%',\n height: '7.3em',\n objectFit: 'cover',\n [theme.breakpoints.up('md')]: {\n height: '14.3125em',\n },\n },\n }),\n top: {\n position: 'absolute',\n zIndex: 50,\n left: 0,\n top: 0,\n right: 0,\n display: 'flex',\n justifyContent: 'space-between',\n padding: theme.spacing(1),\n background: 'linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 100%)',\n },\n bottom: {\n pointerEvents: 'none',\n padding: theme.spacing(1),\n position: 'absolute',\n zIndex: 50,\n left: 0,\n bottom: 0,\n right: 0,\n background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 100%)',\n textAlign: 'center',\n '& .longNumber': {\n display: 'none',\n [theme.breakpoints.up('md')]: {\n display: 'initial',\n color: theme.palette.secondary.main,\n fontWeight: '700',\n fontSize: '1.75rem',\n margin: '0 ',\n },\n },\n '& .shortNumber': {\n color: theme.palette.secondary.main,\n fontWeight: '700',\n fontSize: '1.25rem',\n margin: '0 ',\n [theme.breakpoints.up('md')]: {\n display: 'none',\n },\n },\n },\n header: {\n display: 'flex',\n flexDirection: 'column',\n margin: '0',\n [theme.breakpoints.up('md')]: {\n justifyContent: 'space-between',\n flexDirection: 'row',\n },\n },\n title: {\n display: 'flex',\n flexDirection: 'column',\n fontSize: '1rem',\n margin: '0',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n [theme.breakpoints.up('md')]: {\n fontSize: '1.125rem',\n },\n },\n info: {\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'space-between',\n },\n infoWrapper: {\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'space-between',\n [theme.breakpoints.only('xs')]: {\n alignItems: 'center',\n },\n },\n area: {\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n margin: '0',\n },\n address: {\n fontWeight: '700',\n margin: '0',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n width: '10rem',\n [theme.breakpoints.up(1030)]: {\n width: '16rem',\n },\n },\n bold: {\n fontWeight: 700,\n },\n features: {\n fontSize: '0.9rem',\n marginTop: '-1.5rem',\n '& span': {\n marginRight: '5px',\n },\n [theme.breakpoints.up('sm')]: {\n marginTop: '0',\n fontSize: '1rem',\n textAlign: 'initial',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n },\n infoFinancial: {\n flexBasis: '33%',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n [theme.breakpoints.up(400)]: {\n flexBasis: '28%',\n },\n [theme.breakpoints.up('md')]: {\n flexBasis: '35%',\n },\n },\n featuresBreak: {\n display: 'none',\n [theme.breakpoints.up('md')]: {\n display: 'initial',\n },\n },\n smText: {\n fontSize: '0.84rem',\n },\n smCard: {\n height: '9.5em',\n gap: '0.3rem',\n },\n estimatesTop: {\n display: 'none',\n [theme.breakpoints.up('md')]: {\n display: 'flex',\n justifyContent: 'space-between',\n fontSize: '1rem',\n lineHeight: '2rem',\n borderBottom: `1px solid ${theme.palette.primary.bg}`,\n marginBottom: '0.5em',\n },\n },\n estimatesBottom: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n estimatesLong: {\n fontSize: '0.9rem',\n display: 'initial',\n flexBasis: '65%',\n padding: '0.5rem',\n [theme.breakpoints.only('xs')]: {\n fontSize: '0.84rem',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n padding: 0,\n },\n },\n estimatesShort: {\n gap: 5,\n display: 'flex',\n fontSize: '0.95rem',\n alignItems: 'center',\n fontWeight: 500,\n letterSpacing: 0.5,\n '& p': {\n margin: '0',\n fontSize: '0.9em',\n lineHeight: '1em',\n marginTop: '-0.714em',\n [theme.breakpoints.only('xs')]: {\n marginTop: '0',\n },\n },\n },\n avatarGroupContainer: {\n display: 'flex',\n flexBasis: '65%',\n paddingRight: '0.5rem',\n alignItems: 'center',\n [theme.breakpoints.only('xs')]: {\n marginBottom: 0,\n marginTop: 0,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingLeft: '0.5rem',\n },\n },\n manager: {\n margin: '0',\n paddingLeft: '1em',\n fontSize: '1em',\n '& span': {\n fontWeight: '700',\n },\n [theme.breakpoints.only('xs')]: {\n fontSize: '0.84rem',\n paddingLeft: '0.5em',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n actionIcon: {\n padding: 0,\n },\n link: {\n color: '#000',\n width: '100%',\n '&:hover': {\n color: '#000',\n },\n },\n}));\n","import React, { useEffect, useRef, useState } from 'react';\nimport Slider from 'react-slick';\n\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\n\nimport Image from 'components/atoms/Image';\n\n/**\n *\n * See https://react-slick.neostack.com/docs/api/ for help building the Settings object\n * @param {*} items list of items to render\n * @param {ReactComponent} CustomSlide If you want to render custom slides\n * @param {*} rest The rest of the props will be passed on to the CustomSlide\n *\n * @returns {Slider}\n */\nconst Carousel = ({\n swipeToSlide = true,\n dots = false,\n dotsClass,\n infinite = true,\n speed = 500,\n slidesToShow = 1,\n slidesToScroll = 1,\n arrows = false,\n fade = true,\n customPaging = null,\n lazyLoad = 'ondemand',\n items,\n CustomSlide,\n ...rest\n}) => {\n const ref = useRef(null);\n const [controls, setControls] = useState({});\n const settings = {\n swipeToSlide,\n dots,\n dotsClass,\n infinite,\n speed,\n slidesToShow,\n slidesToScroll,\n arrows,\n fade,\n customPaging,\n lazyLoad,\n };\n\n useEffect(() => {\n ref?.current && setControls({ prev: ref.current.slickPrev, next: ref.current.slickNext });\n }, [ref]);\n\n return (\n {value}
\n\n
\n );\n};\n\nconst SinglePhotoCarousel = ({ photos, width, height }) => {\n return \n \n
\n );\n};\nexport default PropertyListCard;\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAnCAIAAAA6pnc5AAAF3UlEQVR42u2YgXLcNgxESUqX///enEgU2AVASpFsx02n05leMrIs86gnYLkAVUWk/Ec+9X/Wf5X1MqzW+pVhn9/+YZ7vs96O+fU230jRH2O1P/3GVF+aH3B3d5TPuW9Y/UrleYyLKzn17SNy2KcBdqxlEuf8kPjKml+3mF7umvOV+9D8+oSf4MY48vGOH4T5xLqCEocywPE08vnZ57BHCU0OqXZalyt1DcgFd5n6DCp2LzvVA75SZ8Ykw3zWIr9bA7Q86cQGJofhpoxrdfrAWXFrTDo5BHccY/CiRIAzTpxOIjBLvIgo51/XR/HbV8+6XWy1Vde5XYw/3uDWFWKCyijLUS4J9ZRRGiurJJ0QJIW0yjTC2VrTv7eIZSX5xF3zkKw+ox8MThTTDvqnYT8kVOGUHlrJ/BVOIxyWGrgkLW5MGlAanIa28QrIq9+lXszBWReN2tRdBsKJExPDGJ7c6kIlJEQ8WYsHlg8p+QSr4QnHK5ZRbQAGqwa52QfTtnWpJauilDA7Oy+FoBrXY/RRcD48wEseK+MhJwcu5KRsSkl6mokvyMi4yXRT3LYZJU42vaDTmjy2GpPyK2B1BiENEq+g4xjjUFpR3m4yKEOCC6QhrDAdJnpgTUYeSppJWUzGYohc69FAa91B2Qx903NOi8C39Bu7mKyRdDvp0jsoFbeP0UFvPzMdmKhBc1EcptbJOnHDEtJK+ahEVBko8W6Uu53bFY5o4V+TlRNxMYlRDgM9pB/9eBt0dzGYEhBUZMS0pdNFsXEiUObSHLlwqQT6Z+Ey8qS/2r4b6w70RuIQMZaEhHLIOiTiqqAmAAM9hrG+x8FI60XaELWfixcrLP0OU5nwXeLuDsWXpvDrqkcTgEVxd9xdjwywhbY13qWWOp9wUKJIn97AMm6p7wYa//WKEZtkfYliNbQWVsj8RkQH8oPfqgy68+K+zcVjuK/NwvmqYN1ee6UYtsbQ2t3aZO229m0KjdxA1jpi+e7vt+ix61G5D4sus+gFxtasq2rWV/dmzKPQKCVC6TLqFCAf1ZKuoBDAD8W2850x3jAtLKxN57qwxpIayvpzvN+gxFElO+tnOGKN8mOuhMXv/7upG6yxsNLFU4gmgM2D+kMRlXh7hQwQe7iEG/oN64A0NbS2sA4PsMogqkP2A2RtYQsewtX7yizRZbZB/oFDqV53i6uxvvbmwt2hV+hka7StJ1a9h4IeBqpieB9xHNAfWymfKC0WtF4vBC4bS7ZEyfVeJ+KkX6Bn0a1UuK/K5dU0wAvrXVwhMmgAPqWgkGn/2d9calQeiw+1v5WaRWH2FcY4bFXJUmbZUkYt4VdgBbQqRDT8iy4LDTRfW2QN92ZUDPegv9IBVLgIqhfe6KJo1FzO5cyaDZqcOkn319mzoo6wFhil/qvNjvoA8DQs35Y+EKxxA3pNuimU0FFvD66VpdmeoNFnxOpx1XpHOFut6F8l2jRaUpYrlwQMazvFYmWNblDgr7QthranKux6jw2BOWpmJ3uLE1mZ3UNsNr2v59dzgaJ6mTe9WHKtlXGNrbVgsuov2VPTtrwuhJENL5iFRYpLiXVLJDck3rl7MxON0u3Gq0bvR/vbUHIRUWTfNMDesZVZY7Mn9AQyrsO7QfPxzoYmxkzbKl7iY0sS6qxrVNeOMePqmx+PHEsuA8lGluel5NTsXcDqjsLQsqaDdSlC4TzrPjP3cUu87l8OnOOadbnFpqVNz2ab0db+1VkzGJJLY3qCXheYWvF9wWyZq3f4coP1wbuMuZGSbNpdDKDxcDbfHk7QGYbcctWoNOE7i5+ffEdON/7dz+yDOU0uo9zNRpd92Rum48TjcsOdzRx7jgz8XZC+g+tdt+cXxaLNynIFvcpr2dCW3CpGTuUy+G+BxgINIdBYpK6pP4OW8vA+K/dx503zzbr5+M3m8/PMqrKMiVw/vId7eE84d8gn6C+i5JiPYy+XFH/44q08Wcwt7p/8nF+Jnozv+bXmP/2u+KvoC/Tj5y+O1if1hFNs6QAAAABJRU5ErkJggg==\"","import * as Yup from 'yup';\n\nconst createCatalog = (t) =>\n Yup.object({\n name: Yup.string()\n .required(t('required'))\n .test('maxLen', t('lengthError'), (val) => val?.length < 60),\n });\n\nexport default createCatalog;\n","import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles((theme) => ({\n root: { padding: theme.spacing(5) },\n section: { paddingBottom: theme.spacing(3) },\n actions: {\n display: 'flex',\n },\n content: {\n '& p': {\n color: theme.palette.secondary[800],\n },\n },\n error: {\n color: theme.palette.error.main,\n marginLeft: 0,\n },\n trailingInfo: {\n color: theme.palette.secondary[800],\n },\n}));\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { generatePath, Link } from 'react-router-dom';\nimport { Typography } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Form, Formik } from 'formik';\n\nimport useApiCall from 'hooks/useApiCall';\nimport { useDialog } from 'providers/DialogProvider';\nimport { useSnackbar } from 'providers/SnackbarProvider';\nimport { useUserContext } from 'providers/UserProvider';\nimport routes from 'router/routes';\nimport { createCatalog } from 'services/catalogService';\nimport createCatalogValidation from 'validators/createCatalog';\n\nimport Button from 'components/atoms/Button';\nimport Input from 'components/atoms/Formik/Input';\n\nimport { useStyles } from './styles';\n\nconst CreateCatalogModal = ({ properties = [], i18nKey = 'createCatalogModal', trailingInfo }) => {\n const classes = useStyles();\n const { t } = useTranslation(i18nKey);\n const [, closeDialog] = useDialog();\n const [openSnackbar] = useSnackbar();\n const { user } = useUserContext();\n const [showError, setShowError] = useState(false);\n\n const [execCreateCatalog, { data, error, loading }] = useApiCall(createCatalog);\n\n const onSubmit = async ({ name }, { setSubmitting }) => {\n await execCreateCatalog(name, user?.id, properties);\n setSubmitting(false);\n };\n\n useEffect(() => {\n if (error) {\n setShowError(true);\n }\n }, [error]);\n\n useEffect(() => {\n if (data && !error) {\n closeDialog();\n openSnackbar({\n children: (\n \n {t('saveSuccess')},\n \n ),\n\n variant: 'success',\n });\n }\n }, [data, error]);\n\n return (\n \n
\n \n
\n {!isMobile && (\n \n \n \n \n
\n )}\n \n
\n {Numeral(property.value).format('$0,0')}
\n{Numeral(property.value).format('$0.0a')}
\n\n
\n \n
\n \n
\n \n
\n \n {property.address}\n
\n\n {property.city} \n {property.state} \n \n
\n \n ProperScore \n \n\n {!canView(property?.area) ? (\n
\n \n \n \n
\n\n \n {property.features.beds} \n bds \n\n {property.features.bathrooms} \n ba \n\n {property.features.sqft} \n sq ft\n
\n\n \n {t('capRate')} \n\n {!canView(property?.area) ? (\n \n {property.capRate}%\n \n )}\n
\n \n {shuffledManagers ? (\n
\n \n \n 1\n ? shuffledManagers.slice(0, 1)\n : shuffledManagers\n }\n size={isMobile ? 'small' : 'medium'}\n />\n\n
\n ) : (\n <>\n {!isMobile ? (\n \n {shuffledManagers[0].name}\n
\n {shuffledManagers[0].company}\n
{t('withoutProposals')}
\n ) : null}\n {isMobile && (\n \n
\n )}\n \n )}\n\n {t('properEstimate')}
\n\n \n {t('rents')} \n \n 0\n ? `${Numeral(shuffledManagers[0].grossRents).format('$0a')}/yr`\n : `${Numeral(property.annualRents).format('$0a')}/yr`\n }\n />\n
\n \n \n \n {label}\n \n \n\n \n \n\n \n \n {`$${price}`}\n \n \n {isLoading ? 'Processing...' : 'Complete Purchase'}\n \n \n {message && \n
\n );\n};\n\nexport default PaymentElement;\n","import React, { useEffect, useState } from 'react';\nimport { CircularProgress } from '@material-ui/core';\nimport { Elements } from '@stripe/react-stripe-js';\nimport { loadStripe } from '@stripe/stripe-js';\n\nimport { getClientSecret } from 'services/stripeService';\n\nimport PaymentElement from './PaymentElement';\nimport { useStyles } from './styles';\n\nconst CheckoutModal = ({ location, quarterly, price }) => {\n const stripePromise = loadStripe(process.env.REACT_APP_STRIPE_KEY);\n const [clientSecret, setClientSecret] = useState(null);\n\n const classes = useStyles();\n\n useEffect(() => {\n const getStripeClientSecret = async () => {\n const secret = await getClientSecret({\n type: 'viewer',\n period: quarterly ? 'quarter' : 'annual',\n area: location.slug,\n });\n setClientSecret(secret);\n };\n getStripeClientSecret();\n\n return () => {\n setClientSecret(null);\n };\n }, []);\n\n const appearance = {\n theme: 'stripe',\n variables: {\n colorPrimary: '#41B060',\n },\n };\n const options = {\n clientSecret,\n appearance,\n };\n\n return (\n <>\n {!clientSecret ? (\n {message}
}\n
\n ) : (\n \n \n \n {t('title')}\n \n \n \n \n {locations?.map((item) => {\n return (\n \n );\n })}\n \n \n \n setQuarterly(true)}\n />\n setQuarterly(false)}\n />\n \n \n \n \n\n \n \n\n \n \n \n\n \n \n
\n );\n};\n\nexport default UpgradeModal;\n","const { makeStyles } = require('@material-ui/core');\n\nexport const useStyles = makeStyles(() => ({\n root: {\n height: (props) => props.height,\n width: (props) => props.width,\n backgroundImage: (props) => props.display === 'none' && `url(${props.image})`,\n backgroundSize: 'contain',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n cursor: (props) => (props.button ? 'pointer' : 'initial'),\n backgroundRepeat: 'no-repeat',\n },\n icon: {\n cursor: 'pointer',\n padding: '0.5rem',\n borderRadius: '50%',\n },\n}));\n","import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Box } from '@material-ui/core';\n\nimport AccessModal from 'modals/AccessModal';\nimport UpgradeModal from 'modals/UpgradeModal';\nimport { useDialog } from 'providers/DialogProvider';\nimport { useUserContext } from 'providers/UserProvider';\n\nimport Button from 'components/atoms/Button';\nimport Icon from 'components/atoms/Icon';\n\nimport { useStyles } from './styles';\n\nconst BlurredElement = ({\n propertyArea,\n image,\n button = false,\n icon = false,\n width,\n height,\n ...rest\n}) => {\n const { user } = useUserContext();\n const [openDialog] = useDialog();\n const { t } = useTranslation('blurredElement');\n\n const [display, setDisplay] = useState('none');\n const classes = useStyles({ image, button, width, height, display });\n\n const handleClickImage = (e) => {\n e.preventDefault();\n setDisplay('block');\n };\n\n const handleClickAction = (e) => {\n e.preventDefault();\n setDisplay('none');\n\n openDialog({\n children: user ? (\n \n \n \n
\n ) : null}\n {type} not found
\n{message}
\n \n \n \n\n
\n );\n};\n\nexport default Marker;\n","import React, { useEffect, useState } from 'react';\n\nconst AreaDescription = ({ fullDescription }) => {\n const [description, setDescription] = useState(null);\n\n const generateDescription = () => {\n const regExpURL = /\\((.+?)\\)/;\n const matches = regExpURL.exec(fullDescription);\n\n if (matches?.length) {\n const description = fullDescription.replace(matches[0], '');\n generateAnchorLink(description, matches[1]);\n } else {\n setDescription(fullDescription);\n }\n };\n\n const generateAnchorLink = (description, url) => {\n const regExpURL = /\\[(.+?)\\]/;\n const matches = regExpURL.exec(description);\n const anchorLink = `${matches[1]}`;\n const result = description.replace(matches[0], anchorLink);\n setDescription(result);\n };\n\n useEffect(() => {\n generateDescription();\n }, [fullDescription]);\n\n return description && ;\n};\n\nexport default AreaDescription;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n marginBottom: theme.spacing(3),\n },\n expandibleHeader: {\n display: 'flex',\n alignItems: 'center',\n fontWeight: 'bold',\n },\n title: {\n fontWeight: 'Bold',\n },\n paragraph: {\n margin: '0 1em 2em 0',\n display: 'none',\n },\n show: {\n display: 'block',\n },\n link: {\n cursor: 'pointer',\n },\n arrowButton: {\n all: 'unset',\n cursor: 'pointer',\n },\n icon: {\n padding: '0.1em 0.3em 0 0',\n },\n searchSection: {\n display: 'flex',\n justifyContent: 'space-around',\n },\n resultCount: {\n fontWeight: 400,\n },\n searchWrapper: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n minWidth: '200px',\n },\n sortLabel: {\n fontWeight: 'bold',\n whiteSpace: 'nowrap',\n },\n}));\n","import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { CircularProgress, MenuItem, Typography } from '@material-ui/core';\nimport clsx from 'clsx';\n\nimport useGetArea from 'hooks/useGetArea';\nimport { useSearchContext } from 'providers/SearchContextProvider';\nimport sortCriteria from 'utils/sortCriteria';\n\nimport AreaDescription from 'components/atoms/AreaDescription';\nimport Dropdown from 'components/atoms/Dropdown';\nimport Icon from 'components/atoms/Icon';\n\nimport { useStyles } from './styles';\n\nconst PropertyListHeader = ({ resultCount, selectedSort, onChangeSort, loading }) => {\n const classes = useStyles();\n const { fromSearch, defaultDescription } = useSearchContext();\n const { location } = useParams();\n const area = useGetArea(location);\n const { t } = useTranslation('propertyBrowser');\n const [isOpen, setIsOpen] = useState(false);\n const clickHandler = () => {\n setIsOpen((prev) => !prev);\n };\n\n const description = area?.description || defaultDescription;\n\n return (\n \n {children}\n
\n )}\n \n
\n );\n};\n\nexport default PropertyListHeader;\n","import React from 'react';\nimport { Box } from '@material-ui/core';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport clsx from 'clsx';\n\nimport useIsMobile from 'hooks/useIsMobile';\n\nimport { useStyles } from './styles';\n\nconst PropertyListCardSkeleton = ({ className, size = 'large' }) => {\n const classes = useStyles({ size });\n const isMobile = useIsMobile();\n const isXsmall = useIsMobile('xs');\n const height = isMobile ? '1rem' : '1.5rem';\n return (\n \n {fromSearch && (\n \n {!loading ? (\n fromSearch ? (\n ' '\n ) : (\n t('resultCount', { resultCount })\n )\n ) : (\n \n
\n\n \n {description && (\n \n )}\n {t('propertiesForSale')}\n
\n )}\n\n \n \n \n {sortCriteria.map((item) => (\n \n ))}\n \n
\n \n {description &&
\n \n
\n );\n};\n\nexport default PropertyListCardSkeleton;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n marginRight: theme.spacing(2),\n width: '100%',\n },\n listItem: {\n marginBottom: theme.spacing(3),\n },\n}));\n","import React, { Fragment } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '@material-ui/core';\n\nimport PropertyListCard from 'components/molecules/PropertyListCard';\nimport PropertyListCardSkeleton from 'components/molecules/PropertyListCard/skeleton';\n\nimport { useStyles } from './styles';\n\n/**\n * Renders a list of PropertyCards with some skeleton loaders\n * If the properties array is empty, a message is rendered\n *\n * @param {Property[]} properties List of properties to be rendered. See PropertyCard documentation for reference\n * @param {boolean} loading Shows a skeleton list if it's true\n * @param handleDeletePropertyFromCatalog\n * @param customEmptyMessage\n * @param {Element} guidanceCard A guidance card element\n */\nconst PropertyList = ({\n properties,\n loading,\n handleDeletePropertyFromCatalog,\n customEmptyMessage,\n guidanceCard,\n moreDetails = [],\n}) => {\n const classes = useStyles();\n const { t } = useTranslation('filters');\n\n return (\n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n {properties?.map((property, index) => (\n \n \n ))}\n\n {loading &&\n [...Array(4).keys()].map((i) => (\n {t('noResults')} \n {t('noResultsHelp')} \n \n )\n ) : null}\n
\n );\n};\n\nexport default PropertyList;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n background: theme.palette.secondary.main,\n boxShadow: '0 4px 10px rgba(0, 0, 0, 0.1)',\n borderRadius: theme.spacing(2),\n overflow: 'hidden',\n },\n managerCount: {\n color: theme.palette.primary.light,\n fontSize: '1.2em',\n fontWeight: 'bold',\n margin: theme.spacing(1),\n },\n imageWrapper: {\n width: '25%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'black',\n [theme.breakpoints.only('xs')]: {\n width: '20%',\n },\n },\n image: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n right: {\n width: '75%',\n padding: theme.spacing(1.2),\n '& div': {\n display: 'flex',\n alignItems: 'center',\n lineHeight: '1.5rem',\n },\n [theme.breakpoints.only('xs')]: {\n display: 'flex',\n justifyContent: 'space-between',\n width: '80%',\n },\n },\n rightTop: {\n marginBottom: theme.spacing(0.5),\n justifyContent: 'space-between',\n [theme.breakpoints.only('xs')]: {\n flexDirection: 'column',\n alignItems: 'start!important',\n marginBottom: '0',\n },\n },\n value: {\n fontWeight: 'bold',\n fontSize: '1rem',\n },\n rightBottom: {\n justifyContent: 'space-between',\n },\n bold: {\n fontWeight: 700,\n },\n features: {\n display: 'flex',\n fontSize: '1.125rem',\n lineHeight: '1.688rem',\n [theme.breakpoints.only('xs')]: {\n fontSize: '0.875rem',\n },\n },\n placeholder: {\n width: '90%',\n },\n}));\n","import React from 'react';\nimport { Typography } from '@material-ui/core';\nimport ImagePlaceholder from 'assets/img/logo-white-and-green.svg';\nimport Numeral from 'numeral';\n\nimport useIsMobile from 'hooks/useIsMobile';\n\nimport Avatar from 'components/atoms/Avatar';\nimport Image from 'components/atoms/Image';\nimport ValuePill from 'components/atoms/ValuePill';\n\nimport { useStyles } from './styles';\n\n/**\n * Renders a map property card with details\n *\n * @param {object} property - An object with address, area, value, annualRents, features, images, and managers\n * @param {number} property.value - A number that represents the property value\n * @param {number} property.annualRents - A number that represents the property annual rents\n * @param {object} property.features - An object with beds (number), bathrooms (number), sqft (number)\n * @param {array} property.images - An array of objects with src (string) and alt (string), this images will appear in the photo gallery\n * @param {array} property.managers - An array of objects with name(string), company(string) and image(string).\n * @param {func} onClick Function be executed when the card is clicked\n */\nconst PropertyMapCard = ({ property, onClick }) => {\n const isMobile = useIsMobile();\n const classes = useStyles({ isMobile });\n\n const managers =\n property.managers?.length > 0 && property.managers?.length > 1\n ? property.managers?.length - 1\n : property.managers?.length;\n const avatarImage = property.managers?.length > 0 ? property.managers[0].image : null;\n const displayedEstimate =\n property.managers?.length > 0 ? property.managers[0].grossRents : property.annualRents;\n\n return (\n {guidanceCard}
}\n \n
\n );\n};\n\nexport default PropertyMapCard;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles({\n root: {\n width: '100%',\n height: '100%',\n },\n});\n","import React, { useEffect, useState } from 'react';\nimport { generatePath, useHistory } from 'react-router-dom';\n\nimport routes from 'router/routes';\n\nimport Marker from 'components/atoms/Marker';\nimport Map from 'components/molecules/Map';\nimport PropertyMapCard from 'components/molecules/PropertyMapCard';\n\nimport { useStyles } from './styles';\n\n/**\n * Renders a map with current properties.\n * Trigger an update when user ask for it.\n * Shows a card for each listed property.\n */\nconst PropertyMap = ({ properties, onBBoxSearch }) => {\n const classes = useStyles();\n const history = useHistory();\n\n const [zoom, setZoom] = useState(4);\n const [center, setCenter] = useState({ lat: 35, lng: -95 });\n const [mapObjects, setMapObjects] = useState(null);\n const [hoverKey, setHoverKey] = useState(null);\n\n const markerSize = 32;\n\n useEffect(() => {\n mapObjects && initBounds();\n }, [properties, mapObjects]);\n\n // Map Event when a marker is Clicked\n const onMarkerClick = (key, { lat, lng }) => {\n setCenter({ lat, lng });\n setZoom(16);\n };\n\n // Map Events to know which child is currently interacting\n const onChildMouseEnter = (key) => {\n setHoverKey(key);\n // Show Property Map Card\n };\n\n // When user closes the Property Map Card\n const onCardLeave = () => {\n setHoverKey(null);\n };\n\n const onCardClick = (slug) => {\n history.push(generatePath(routes.property, { slug }));\n };\n\n const initBounds = () => {\n if (properties?.length && mapObjects?.map && mapObjects.maps) {\n const bounds = new mapObjects.maps.LatLngBounds();\n\n properties?.map(({ id, lng, lat }) => {\n bounds.extend({ lat, lng });\n return id;\n });\n\n mapObjects.map.fitBounds(bounds);\n setZoom(mapObjects.map.getZoom());\n }\n };\n\n const handleMapLoad = (obj) => {\n setMapObjects(obj);\n };\n\n const handleZoomIn = () => {\n setZoom((z) => z + 1);\n };\n\n const handleZoomOut = () => {\n setZoom((z) => z - 1);\n };\n\n const handleRefresh = () => {\n const bounds = mapObjects.map.getBounds();\n const sw = {\n lat: bounds.getSouthWest().lat().toFixed(6),\n lng: bounds.getSouthWest().lng().toFixed(6),\n };\n const ne = {\n lat: bounds.getNorthEast().lat().toFixed(6),\n lng: bounds.getNorthEast().lng().toFixed(6),\n };\n\n onBBoxSearch(sw, ne);\n };\n\n return (\n \n {property.images && property.images.length > 0 ? (\n 
\n )}\n
\n \n
\n \n
\n {Numeral(property.value).format('$0.0a')}
\n \n \n {property.features.beds} \n bds {property.features.bathrooms} ba\n \n
\n \n {!isMobile && (\n
\n \n {managers && (\n <>\n
\n )}\n \n \n {properties?.map((property, index) => (\n \n onCardClick(property.slug)} />\n \n ))}\n \n
\n );\n};\n\nexport default PropertyMap;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n height: '100%',\n },\n resultList: {\n paddingTop: theme.spacing(3),\n overflow: 'auto',\n paddingRight: theme.spacing(2),\n flexBasis: '50%',\n [theme.breakpoints.down('sm')]: {\n flexBasis: ({ currentView }) => currentView === 'list' && '100%',\n display: ({ currentView }) => currentView !== 'list' && 'none',\n padding: theme.spacing(0, 2),\n },\n [theme.breakpoints.down('md')]: {\n flexBasis: '62%',\n },\n },\n map: {\n display: 'block',\n flexBasis: '50%',\n [theme.breakpoints.down('sm')]: {\n display: ({ currentView }) => currentView !== 'map' && 'none',\n flexBasis: ({ currentView }) => currentView === 'map' && '100%',\n },\n\n [theme.breakpoints.down('md')]: {\n flexBasis: '38%',\n },\n },\n}));\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport InfiniteScroll from 'react-infinite-scroll-component';\n\nimport PropertyListHeader from 'components/molecules/PropertyListHeader';\nimport PropertyList from 'components/organisms/PropertyList';\nimport PropertyMap from 'components/organisms/PropertyMap';\nimport RecommendedProperties from 'components/organisms/RecommendedProperties';\n\nimport { useStyles } from './styles';\n\n/**\n * This component can be used in a results page or a catalog.\n * It shows a list of properties with a map on the right section.\n *\n * Here is when the map and the list are connected, showing a set of markers with the\n * location of each listed property, updating results when the Refresh button is pressed.\n *\n * Panning on the map applies a filter on the list if the user triggers a refresh\n *\n * @param {number} resultCount The total amount of properties\n * @param {Property[]} properties The property list\n * @param {boolean} loading True if the loader should be rendered\n * @param onChangeSort callback for sort update\n * @param {string} selectedSort The current sort criteria\n * @param currentView\n * @param onBBoxSearch\n * @param handleDeletePropertyFromCatalog\n * @param fetchMoreProperties\n * @param filters\n * @param {Element} guidanceCard A guidance card element\n * @param showRecommended\n * @param customEmptyMessage\n */\nconst PropertiesBrowser = ({\n resultCount,\n properties,\n mapProperties,\n loading,\n onChangeSort,\n selectedSort,\n currentView = 'list',\n onBBoxSearch = () => {},\n fetchMoreProperties,\n filters,\n handleDeletePropertyFromCatalog,\n guidanceCard,\n showRecommended,\n customEmptyMessage,\n moreDetails = [],\n}) => {\n const classes = useStyles({ currentView });\n const { t } = useTranslation('pages');\n\n return (\n \n
\n );\n};\n\nexport default PropertiesBrowser;\n","import React from 'react';\n\nimport CreateCatalogModal from 'modals/CreateCatalogModal';\n\nconst SaveToNewCatalogModal = ({ properties, ...rest }) => {\n return \n 0 && (loading || resultCount > properties.length)}\n scrollableTarget={'infinite-scroll-target'}\n style={{ overflow: 'visible' }}\n endMessage={\n showRecommended &&\n !!properties?.length &&\n !loading && (\n
\n \n
\n \n \n {name}\n \n
\n \n
\n \n );\n};\n\nexport default CatalogModalListCard;\n","import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles((theme) => ({\n root: { padding: theme.spacing(5) },\n separator: {\n width: '100%',\n textAlign: 'center',\n borderBottom: ` 1px solid ${theme.palette.primary.bg}`,\n lineHeight: '0.1em',\n margin: theme.spacing(2, 0, 4, 0),\n '& span': {\n padding: theme.spacing(0, 2),\n background: theme.palette.secondary.main,\n color: theme.palette.secondary[400],\n },\n },\n top: {\n position: 'relative',\n maxHeight: '30vh',\n overflowY: 'auto',\n },\n bottom: {\n background: theme.palette.secondary.main,\n paddingTop: theme.spacing(4),\n },\n error: {\n color: theme.palette.error.main,\n },\n}));\n","import React, { useCallback, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { generatePath } from 'react-router';\nimport { Link } from 'react-router-dom';\nimport { Typography } from '@material-ui/core';\n\nimport useApiCall from 'hooks/useApiCall';\nimport SaveToNewCatalogModal from 'modals/SaveToNewCatalogModal';\nimport { useDialog } from 'providers/DialogProvider';\nimport { useSnackbar } from 'providers/SnackbarProvider';\nimport { useUserContext } from 'providers/UserProvider';\nimport routes from 'router/routes';\nimport { getUserCatalogs, saveToCatalog } from 'services/catalogService';\n\nimport Button from 'components/atoms/Button';\nimport CenteredLoader from 'components/atoms/CenteredLoader';\nimport CatalogModalListCard from 'components/molecules/CatalogModalListCard';\n\nimport { useStyles } from './styles';\n\nconst SaveToCatalogModal = ({ properties, moreDetails }) => {\n const classes = useStyles();\n const [openDialog, closeDialog] = useDialog();\n const [openSnackbar] = useSnackbar();\n const [execGetUserCatalogs, { data: catalogs, error, loading }] = useApiCall(getUserCatalogs);\n const [\n execSaveToCatalog,\n { data: saveToCatalogData, error: saveToCatalogError, loading: saveToCatalogLoading },\n ] = useApiCall(saveToCatalog);\n const { t } = useTranslation('saveToCatalogModal');\n const { user } = useUserContext();\n\n useEffect(() => {\n const getUserCatalogs = async () => {\n await execGetUserCatalogs(user?.slug);\n };\n\n getUserCatalogs();\n }, []);\n\n useEffect(() => {\n if (saveToCatalogData && !saveToCatalogError) {\n closeDialog();\n openSnackbar({\n children: (\n <>\n {t('saveSuccess')}\n \n {t('saveSuccessLink')}\n \n \n ),\n\n variant: 'success',\n });\n }\n }, [saveToCatalogData, saveToCatalogError]);\n\n const handleClickCatalog = useCallback(\n async (catalog) => {\n if (properties && !saveToCatalogLoading) {\n await execSaveToCatalog(catalog, properties, moreDetails);\n }\n },\n [properties, saveToCatalogLoading]\n );\n\n const handleNewCatalog = useCallback(() => {\n if (properties) {\n closeDialog();\n openDialog({\n children: \n
\n );\n};\n\nexport default SaveToCatalogModal;\n","import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles((theme) => ({\n root: { padding: theme.spacing(5) },\n section: { paddingBottom: theme.spacing(3) },\n imageSection: {\n paddingBottom: theme.spacing(3),\n display: 'flex',\n justifyContent: 'center',\n\n '& img': {\n width: '100%',\n },\n },\n text: {\n fontSize: '1.286em',\n color: theme.palette.secondary[800],\n },\n actions: {\n display: 'flex',\n justifyContent: 'flex-end',\n },\n}));\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Typography } from '@material-ui/core';\n\nimport { useDialog } from 'providers/DialogProvider';\n\nimport Button from 'components/atoms/Button';\nimport Image from 'components/atoms/Image';\n\nimport { useStyles } from './styles';\n\n/**\n * @param {object} modalData An object custom modal data (custom_modal_text_area1, custom_modal_image, custom_modal_text_area2, custum_modal_button_text, hyperlink, internal_link).\n */\nconst GuidanceCardCustomModal = ({ modalData }) => {\n const classes = useStyles();\n const history = useHistory();\n const [, closeDialog] = useDialog();\n\n const {\n custom_modal_text_area1,\n custom_modal_image,\n custom_modal_text_area2,\n custum_modal_button_text,\n hyperlink,\n internal_link,\n } = modalData;\n\n const handleClick = () => {\n closeDialog();\n history.push(modalData.internal_link);\n };\n\n return (\n \n {loading || saveToCatalogLoading ? (\n \n {t('error')}\n \n )}\n
\n \n {!saveToCatalogLoading && (\n <>\n \n {t('or')}\n \n
\n \n
\n );\n};\n\nexport default GuidanceCardCustomModal;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n width: '100%',\n height: '6.42em',\n // width: '680px',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: '1.42em',\n [theme.breakpoints.down('xs')]: {\n height: '4.071em',\n padding: '0.500em',\n },\n },\n left: {\n display: 'flex',\n alignItems: 'center',\n minWidth: '0',\n },\n close: {\n marginRight: '0.6em',\n cursor: 'pointer',\n },\n avatar: {\n marginRight: '0.8em',\n },\n title: {\n lineHeight: '1.357em',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n flex: '1',\n textOverflow: 'ellipsis',\n\n [theme.breakpoints.down('xs')]: {\n fontSize: '1em',\n lineHeight: '1.500em',\n paddingRight: '1em',\n },\n },\n button: {\n whiteSpace: 'nowrap',\n },\n}));\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Typography } from '@material-ui/core';\nimport Paper from '@material-ui/core/Paper';\nimport clsx from 'clsx';\n\nimport useIsMobile from 'hooks/useIsMobile';\nimport AccessModal from 'modals/AccessModal';\nimport GuidanceCardCustomModal from 'modals/GuidanceCardCustomModal';\nimport { useDialog } from 'providers/DialogProvider';\n\nimport Avatar from 'components/atoms/Avatar';\nimport Button from 'components/atoms/Button';\nimport Icon from 'components/atoms/Icon';\n\nimport { useStyles } from './styles';\n\n/**\n * @param {object} guidanceCard An object containing guidance card data (title, button_text, image, hyperlink, internal_link, modal_name).\n * @param {func} handleHide A funcion to discard a guidance card.\n */\nconst GuidanceCard = ({ guidanceCard, handleHide, className }) => {\n const classes = useStyles();\n const isMobile = useIsMobile();\n const { t } = useTranslation('guidanceCard');\n\n const [openDialog] = useDialog();\n\n const {\n title,\n button_text,\n image,\n hyperlink,\n internal_link,\n modal_name,\n custom_modal_title,\n } = guidanceCard;\n\n const openModal = (data) => {\n openDialog({\n children: data.children,\n title: data.title,\n });\n };\n\n const button = (\n \n \n {custom_modal_text_area1}\n \n
\n {custom_modal_image && (\n \n
\n )}\n\n \n \n {custom_modal_text_area2}\n \n
\n \n {hyperlink && !internal_link && (\n \n \n \n )}\n\n {internal_link && !hyperlink && (\n
\n \n \n {title}\n \n
\n \n
\n {image && (\n \n
\n )}\n \n {modal_name && button}\n\n {hyperlink && !modal_name && !internal_link && (\n \n {button}\n \n )}\n\n {internal_link && !modal_name && !hyperlink && {button}}\n
\n \n {properties.map((p) => (\n
\n {!isLastPage && seeMore && (\n \n
\n ))}\n \n
\n )}\n \n );\n};\n\nexport default RecommendedProperties;\n","import { get } from 'common/api';\n\nconst endpoints = {\n guidancecards: '/marketplace/guidancecards/',\n};\n\nexport const getGuidanceCards = async (page) => {\n const body = page && { front_end_view: page };\n\n return get(endpoints.guidancecards, body);\n};\n","import { useEffect, useState } from 'react';\n\nimport { useUserContext } from 'providers/UserProvider';\nimport { getGuidanceCards } from 'services/guidanceCardService';\n\n/**\n * @param {string} page A string representing the page where the guidance card is going to be used.\n * @return {[object, function] The first element in the array is an object with a guidance card data and the second is the function needed to discard a guidance card\n */\nconst useGuidanceCards = (page) => {\n const [guidanceCardData, setGuidanceCardData] = useState();\n const [guidanceCardsList, setGuidanceCardsList] = useState([]);\n const { user } = useUserContext();\n\n useEffect(() => {\n const getGuidanceCardList = async () => {\n const result = await getGuidanceCards(page);\n\n setGuidanceCardsList(result.data);\n };\n getGuidanceCardList();\n }, [user]);\n\n useEffect(() => {\n const dicardedGuidanceCards = sessionStorage.getItem('dicardedGuidanceCards')\n ? JSON.parse(sessionStorage.getItem('dicardedGuidanceCards'))\n : [];\n\n const filteredList = guidanceCardsList.filter((gc) => !dicardedGuidanceCards.includes(gc.id));\n\n const index = Math.floor(Math.random() * filteredList.length);\n setGuidanceCardData(filteredList[index]);\n }, [guidanceCardsList]);\n\n const discardGuidanceCard = (id) => {\n const dicardedGuidanceCards = sessionStorage.getItem('dicardedGuidanceCards')\n ? JSON.parse(sessionStorage.getItem('dicardedGuidanceCards'))\n : [];\n\n const hiddenArray = JSON.stringify(Array.from(new Set([...dicardedGuidanceCards, id])));\n\n sessionStorage.setItem('dicardedGuidanceCards', hiddenArray);\n setGuidanceCardData(null);\n };\n\n return [guidanceCardData, discardGuidanceCard];\n};\n\nexport default useGuidanceCards;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n position: 'relative',\n '& .gm-control-active': {\n display: 'none',\n },\n '& .gmnoprint': {\n display: 'none',\n },\n '& .gm-style-cc': {\n display: 'none',\n },\n },\n customControls: {\n position: 'absolute',\n display: 'flex',\n justifyContent: 'space-between',\n height: '32px',\n boxSizing: 'border-box',\n\n top: 15,\n left: 0,\n right: 0,\n padding: '0 20px',\n '& .MuiButton-containedSizeLarge': {\n alignItems: 'center',\n padding: '0.2em 1.4em',\n },\n '& .MuiButton-label': {\n color: theme.palette.text.primary,\n },\n },\n zoomControls: {\n width: '75px',\n display: 'flex',\n justifyContent: 'space-between',\n '& .MuiButton-containedSizeSmall': {\n minWidth: '32px',\n boxSizing: 'border-box',\n },\n },\n}));\n","import React from 'react';\nimport GoogleMapReact from 'google-map-react';\n\nimport Button from 'components/atoms/Button';\n\nimport { useStyles } from './styles';\n\n/**\n * This component needs a valid Google Maps API Key to work.\n * Also, it should be render inside a wrapper with a set width and height.\n * You can render your cool animated react components on the map.\n *\n * You can access to Google Maps map and maps objects by using onGoogleApiLoaded,\n * in this case you will need to set yesIWantToUseGoogleMapApiInternals to true.\n *\n * @prop {lat: number, lng: number} center initial position of the map\n * @prop {number} zoom amplification of the map\n * @prop {any} children Markers to be rendered in the map\n * @prop {func} onChildClick\n * @prop {func} onChildMouseEnter\n * @prop {func} onChildMouseLeave\n * @prop {number} hoverDistance Helps with markers that are too close together\n * @prop {func} handleMapLoad Function to be executed on Map initialization\n *\n * @returns {GoogleMapReact}\n */\nconst Map = ({\n center,\n zoom,\n children,\n onChildClick,\n onChildMouseEnter,\n onChildMouseLeave,\n markerSize,\n handleMapLoad,\n handleZoomIn,\n handleZoomOut,\n handleRefresh,\n noCustomControls,\n ...rest\n}) => {\n const classes = useStyles();\n\n const handleOnLoad = (map, maps) => {\n handleMapLoad && handleMapLoad({ map, maps });\n };\n\n return (\n \n handleOnLoad(map, maps)}\n hoverDistance={markerSize / 2}\n {...rest}\n >\n {children}\n \n {!noCustomControls && (\n
\n );\n};\n\nexport default Map;\n","import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-around',\n alignItems: 'center',\n },\n selected: {\n color: theme.palette.primary.main,\n fontWeight: 'bold',\n },\n notSelected: {\n color: theme.palette.secondary[400],\n },\n}));\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '@material-ui/core';\n\nimport Toggle from 'components/atoms/Toggle';\n\nimport { useStyles } from './styles';\n\n/**\n * @param current (list|map)\n * @param onChange Function that receives the toggle event\n */\nconst PropertyBrowserSwitch = ({ current, onChange }) => {\n const { root, selected, notSelected } = useStyles();\n const { t } = useTranslation('filters');\n\n const listChecked = current === 'list';\n const mapChecked = current === 'map';\n\n return (\n \n
\n )}\n \n
\n \n \n {t('list')}\n \n \n {t('map')}\n \n
\n );\n};\n\nexport default PropertyBrowserSwitch;\n","import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n width: '42px !important',\n height: '26px !important',\n padding: '0 !important',\n margin: theme.spacing(1),\n },\n switchBase: {\n padding: 1,\n\n '&$checked': {\n transform: 'translateX(16px) !important',\n color: theme.palette.common.white,\n '& + $track': {\n backgroundColor: `${theme.palette.primary.main} !important`,\n opacity: 1,\n border: 'none',\n },\n },\n },\n thumb: {\n width: '24px !important',\n height: '24px !important',\n },\n track: {\n borderRadius: '13px !important',\n border: 'none',\n backgroundColor: ({ disabled }) =>\n disabled ? '#E1E1E1 !important' : `${theme.palette.primary.main} !important`,\n opacity: '1 !important',\n },\n checked: {},\n}));\n","import React from 'react';\nimport Switch from '@material-ui/core/Switch';\n\nimport { useStyles } from './styles';\n\n/**\n *\n * @param {boolean} disabled -- If true the toggle will be toggleable with disabled style, otherwise it will be always green\n */\nconst Toggle = ({ checked, onChange, disabled }) => {\n const classes = useStyles({ disabled });\n\n return (\n \n \n \n {children}\n \n handleClose()} />\n \n \n \n
\n );\n};\n\nexport default SnackBar;\n","import { createContext, useContext, useRef, useState } from 'react';\n\nimport getUniqueId from 'utils/getUniqueId';\n\nimport SnackBar from 'components/atoms/Snackbar';\n\nconst defaultContext = {\n default: 'default',\n success: 'success',\n warning: 'warning',\n error: 'error',\n};\n\nconst SnackbarContext = createContext(defaultContext);\nconst SnackbarProvider = ({ children }) => {\n const [snackbars, setSnackbars] = useState([]);\n\n const closeSnackbar = () => {\n setSnackbars((snackbars) => {\n const latestSnackbar = snackbars.pop();\n if (!latestSnackbar) return snackbars;\n return [...snackbars].concat({ ...latestSnackbar, open: false });\n });\n };\n\n const createSnackbar = (option) => {\n const snackbar = {\n key: `snackbar-${getUniqueId()}`,\n open: true,\n ...option,\n handleClose: closeSnackbar,\n };\n setSnackbars((snackbars) => [...snackbars, snackbar]);\n };\n\n const clearSnackbars = () => {\n setSnackbars([]);\n };\n\n const value = useRef([createSnackbar, closeSnackbar, clearSnackbars]);\n\n return (\n \n
\n );\n}\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(4),\n },\n container: {\n minHeight: '18em',\n display: 'flex',\n flexDirection: 'column',\n alignContent: 'space-around',\n justifyContent: 'space-around',\n },\n contentFields: {\n display: 'flex',\n flexDirection: 'column',\n gap: '1rem',\n },\n inputWrapper: {\n marginTop: theme.spacing(1.8),\n },\n label: {\n textAlign: 'center',\n paddingBottom: theme.spacing(1.8),\n },\n actions: {\n padding: 0,\n marginTop: theme.spacing(3.2),\n '& button': {\n '&:not(:first-child)': {\n marginLeft: 0,\n },\n },\n },\n errorAuthWrapper: {\n paddingTop: '1em',\n },\n errorAuth: {\n margin: '0',\n fontSize: '1em',\n fontWeight: '500',\n lineHeight: '1.5em',\n color: theme.palette.error.main,\n },\n labelWrapper: {\n '& label': {\n margin: 0,\n fontSize: '1rem',\n lineHeight: '24px',\n },\n '& span': {\n paddingTop: 0,\n marginTop: 0,\n },\n display: 'flex',\n marginTop: theme.spacing(1.8),\n },\n or: {\n margin: theme.spacing(2),\n },\n button: {\n fontSize: '0.9em',\n color: theme.palette.text.primary,\n whiteSpace: 'normal',\n },\n checkbox: {\n fontSize: '0.92em',\n },\n onClick: {\n cursor: 'pointer',\n textDecoration: 'underline',\n },\n forgotPasswordWrapper: {\n textAlign: 'center',\n paddingTop: '1em',\n },\n forgotPassword: {\n margin: '0',\n fontSize: '1em',\n fontWeight: '500',\n lineHeight: '1.5em',\n color: 'rgba(0, 0, 0, 0.6);',\n cursor: 'pointer',\n },\n loading: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n minWidth: 'calc(100% - 4em)',\n minHeight: '20em',\n },\n}));\n","import React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { CircularProgress, DialogActions, MenuItem, Typography } from '@material-ui/core';\nimport { Form, Formik } from 'formik';\n\nimport useIsMobile from 'hooks/useIsMobile';\nimport signupSchema from 'validators/signup';\n\nimport Dropdown from 'components/atoms/Dropdown';\nimport LinearProgress from 'components/molecules/LinearProgress';\n\nimport { useStyles } from './styles';\n\nconst menuItems = [\n { value: 'buyer', label: 'Researching a Purchase' },\n { value: 'agent', label: 'Real Estate Agent or Broker' },\n // { value: 'manager', label: 'Property Management Professional' },\n { value: 'other_professional', label: 'Other Professional' },\n { value: 'not_listed', label: 'Not Listed' },\n];\n\nconst CreateForm = ({ onSubmitSignUp, setUsertypeFn, loading, showError, message }) => {\n const isMobile = useIsMobile();\n const [userType, setUserType] = useState('');\n\n const classes = useStyles();\n const { t } = useTranslation('auth');\n\n const onChangeDropdown = useCallback(\n (value) => {\n setUserType(value);\n setUsertypeFn(value);\n },\n [userType, setUserType]\n );\n\n const handleAccess = () => {\n setUsertypeFn(userType);\n onSubmitSignUp();\n };\n\n return (\n <>\n {loading ? (\n \n \n Finish\n \n
\n \n
\n ) : (\n \n
\n ) : (\n \n
\n ) : (\n <>\n {!showSecondStep && (\n ;\n};\n\nexport default LineSeparator;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n childRoot: {\n padding: '0.5em 0 0 0',\n width: '100%',\n [theme.breakpoints.up('md')]: {\n padding: '1.286em',\n },\n },\n checkBoxWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n row: {\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n marginBottom: '0.8em',\n [theme.breakpoints.up('md')]: {\n marginTop: '0.714em',\n\n '&:first-child': {\n marginRight: '0',\n },\n },\n },\n minMaxRow: {\n display: 'flex',\n '& p': {\n minWidth: '15%',\n },\n },\n labelColumn: {\n flex: '1',\n display: 'flex',\n },\n inputColumn: {\n display: 'flex',\n },\n inputWrapper: {\n width: '71px',\n },\n\n title: {\n fontSize: '1.14em',\n fontWeight: '700',\n lineHeight: '1.7em',\n marginTop: '1em',\n [theme.breakpoints.up('md')]: {\n marginTop: '0',\n },\n },\n middleText: {\n display: 'flex',\n alignItems: 'center',\n padding: '0',\n fontSize: '18px',\n margin: '0 10px 0 0',\n fontWeight: '400',\n color: theme.palette.text.primary,\n },\n separator: {\n border: '0 none',\n height: '1px',\n width: '100%',\n margin: '0.5em 0',\n },\n}));\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { InputAdornment, Typography } from '@material-ui/core';\nimport Numeral from 'numeral';\n\nimport useIsMobile from 'hooks/useIsMobile';\n\nimport Checkbox from 'components/atoms/Checkbox';\nimport Input from 'components/atoms/Input';\nimport LineSeparator from 'components/atoms/LineSeparator';\n\nimport { useStyles } from './styles';\n\nconst emptyCheckboxSelection = {\n all_estimates: false,\n estimates: false,\n proposals: false,\n};\nconst initialCheckboxSelection = {\n all_estimates: true,\n estimates: false,\n proposals: false,\n};\n\nconst EstimatesChildren = ({ currentSelection, onChange }) => {\n const { t } = useTranslation('estimatesFilter');\n\n const { est_from, est_to } = currentSelection;\n const classes = useStyles();\n const isMobile = useIsMobile();\n\n const [checkboxSelection, setCheckboxSelection] = useState(initialCheckboxSelection);\n\n useEffect(() => {\n setCheckboxSelection({ ...currentSelection });\n }, [currentSelection]);\n\n const handleChange = (handler, event) => {\n onChange({ ...currentSelection, [handler]: Numeral(event.target.value).value() });\n };\n\n const handleCheckboxChange = (handler) => {\n let newSelection = { ...emptyCheckboxSelection };\n newSelection[handler] = true;\n if (\n (newSelection.estimates && newSelection.proposals) ||\n (!newSelection.estimates && !newSelection.proposals)\n ) {\n newSelection['estimates'] = false;\n newSelection['proposals'] = false;\n newSelection['all_estimates'] = true;\n }\n\n setCheckboxSelection(newSelection);\n onChange({ ...currentSelection, est_from, est_to, ...newSelection });\n };\n\n return (\n
\n {!isMobile && (\n \n Annual Rent Estimates\n \n )}\n \n Show Results with\n \n
\n );\n};\nexport default EstimatesChildren;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n padding: theme.spacing(1, 0),\n [theme.breakpoints.up('md')]: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n },\n resetButton: {\n fontWeight: 'bold !important',\n marginLeft: theme.spacing(2),\n },\n menuItem: {\n '&:hover': {\n [theme.breakpoints.up('md')]: {\n backgroundColor: `${theme.palette.primary.bg} !important`,\n },\n },\n },\n selected: {\n backgroundColor: `${theme.palette.primary.bg} !important`,\n },\n title: {\n fontSize: '1.571em',\n fontWeight: '700',\n marginBottom: '0.5em',\n },\n moneyFilter: {\n width: '100%',\n marginBottom: '10px',\n [theme.breakpoints.up('md')]: {\n width: '7.571em',\n marginRight: '10px',\n marginBottom: '0',\n }, //106\n },\n sizeFilter: {\n width: '100%',\n marginBottom: '10px',\n\n [theme.breakpoints.up('md')]: {\n width: '6.929em',\n marginRight: '10px',\n marginBottom: '0',\n },\n },\n estimatesFilter: {\n width: '100%',\n marginBottom: '10px',\n\n [theme.breakpoints.up('md')]: {\n width: '10.500em',\n marginRight: '10px',\n marginBottom: '0',\n },\n },\n moreFilter: {\n width: '100%',\n marginBottom: '10px',\n\n [theme.breakpoints.up('md')]: {\n width: '7.857em',\n marginRight: '10px',\n marginBottom: '0',\n },\n },\n locationFilter: {\n width: '100%',\n marginBottom: theme.spacing(2),\n\n [theme.breakpoints.up('md')]: {\n width: '20em',\n margin: theme.spacing(0, 2, 0, 0),\n },\n },\n propertiesCount: {\n color: 'rgba(0, 0, 0, 0.4)',\n paddingLeft: '0.3em',\n display: 'flex',\n alignItems: 'center',\n },\n close: {\n background: theme.palette.primary.main,\n borderRadius: '50%',\n marginLeft: 'auto',\n [theme.breakpoints.only('xs')]: {\n marginLeft: theme.spacing(1),\n },\n },\n locationMenu: {\n width: 'fit-content',\n },\n}));\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '@material-ui/core';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport clsx from 'clsx';\n\nimport Icon from 'components/atoms/Icon';\n\nimport { useStyles } from '../../styles';\n\nconst LocationsChildren = ({ locations, currentSelection, onChange }) => {\n const classes = useStyles();\n const { t } = useTranslation('propertyBrowser');\n\n const isSelected = (value) => {\n return currentSelection.locations.includes(value);\n };\n\n const handleChange = (value) => {\n const newSelection = isSelected(value)\n ? currentSelection.locations.filter((e) => e !== value)\n : [...currentSelection.locations, value];\n\n currentSelection.locations = [...new Set(newSelection)];\n\n onChange(currentSelection);\n };\n\n if (!locations) return null;\n\n return locations.map((location) => (\n \n
\n {!isMobile && \n \n Min\n \n handleChange('est_from', event)}\n placeholder={'0'}\n startAdornment={$ }\n />\n
\n \n \n \n Max\n \n handleChange('est_to', event)}\n placeholder={'∞'}\n startAdornment={$ }\n />\n
\n \n handleCheckboxChange('proposals')}\n label={t('managerProposalsOnly')}\n />\n handleCheckboxChange('estimates')}\n label={t('propersumEstimatesOnly')}\n />\n handleCheckboxChange('all_estimates')}\n label={t('both')}\n />\n
\n \n \n {subtitle}\n \n
\n );\n };\n\n const submit = async () => {\n const selected = Object.keys(currentSelection)\n .filter((f) => currentSelection[f])\n .join(',');\n await execSuggestedFeatures(selected);\n };\n\n return (\n \n \n Tell us what to create next.\n
What is important to you?\n \n {data ? (\n {t('feedbackSentMessage')} \n ) : (\n <>\n Select up to 3 \n
\n );\n};\n\nexport default MoreChildren;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n childRoot: {\n padding: '0.5em 0 0 0',\n width: '100%',\n [theme.breakpoints.up('md')]: {\n padding: '1.2em',\n },\n },\n innerWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n minMaxRow: {\n display: 'flex',\n '& p': {\n minWidth: '15%',\n },\n },\n inputText: {\n display: 'flex',\n alignItems: 'center',\n padding: '0',\n fontSize: '18px',\n marginRight: '10px',\n color: theme.palette.text.primary,\n [theme.breakpoints.up('md')]: {\n padding: '0 10px',\n },\n },\n checkBoxText: {\n fontSize: '14px',\n },\n separator: {\n border: '0 none',\n height: '1px',\n width: '100%',\n margin: '0.5em 0',\n },\n}));\n","import React from 'react';\nimport { Typography } from '@material-ui/core';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport Numeral from 'numeral';\n\nimport TextInput from 'components/atoms/Input';\n\nimport { useStyles } from './styles';\n\nconst PriceChildren = ({ currentSelection, onChange }) => {\n const { price_min, price_max } = currentSelection;\n const classes = useStyles();\n\n const handleChange = (handler, event) => {\n onChange({ ...currentSelection, [handler]: Numeral(event.target.value).value() });\n };\n\n return (\n What is important to you?\n
\n {optionsData.map((option) => {\n const checked = currentSelection[option.key];\n const handler = () => handleChange(option.key, !checked, null);\n return renderCheckbox(checked, handler, option.label, option.subtitle);\n })}\n
\n \n
\n \n )}\n \n
\n );\n};\n\nexport default PriceChildren;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n childRoot: {\n padding: '0.5em 0 0 0',\n width: '100%',\n [theme.breakpoints.up('md')]: {\n padding: '1.286em',\n },\n },\n innerWrapper: {\n display: 'flex',\n flexDirection: 'row',\n [theme.breakpoints.up('md')]: {\n flexDirection: 'column',\n },\n },\n row: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n marginBottom: '0.8em',\n [theme.breakpoints.up('md')]: {\n '&:first-child': {\n marginRight: '0',\n },\n },\n },\n title: {\n fontSize: '1.143em',\n fontWeight: '700',\n marginBottom: '0.6em',\n },\n labelColumn: {\n flex: '1',\n display: 'flex',\n },\n inputColumn: {\n display: 'flex',\n },\n inputWrapper: {\n width: '71px',\n [theme.breakpoints.up('md')]: {\n width: 'auto',\n },\n },\n inputText: {\n display: 'flex',\n alignItems: 'center',\n padding: '0',\n fontSize: '18px',\n marginRight: '10px',\n marginLeft: '0.4em',\n color: theme.palette.text.primary,\n [theme.breakpoints.up('md')]: {\n padding: '0 10px',\n fontWeight: '700',\n },\n },\n\n middleText: {\n display: 'flex',\n alignItems: 'center',\n padding: '0',\n fontSize: '18px',\n margin: '0 10px',\n color: theme.palette.text.primary,\n [theme.breakpoints.up('md')]: {\n padding: '0 10px',\n },\n },\n}));\n","import React from 'react';\nimport { Typography } from '@material-ui/core';\n\nimport useIsMobile from 'hooks/useIsMobile';\n\nimport Icon from 'components/atoms/Icon';\nimport Input from 'components/atoms/Input';\nimport LineSeparator from 'components/atoms/LineSeparator';\n\nimport { useStyles } from './styles';\n\nconst SizesChildren = ({ currentSelection, onChange }) => {\n const isMobile = useIsMobile();\n const classes = useStyles();\n\n const handleChange = (handler, event) => {\n onChange({ ...currentSelection, [handler]: event.target.value });\n };\n\n const renderRow = (label, icon, shortLabel, values, handleFrom, handleTo) => {\n return (\n <>\n {!isMobile && (\n \n
\n \n \n Min\n \n $ }}\n onChange={(event) => handleChange('price_min', event)}\n startAdornment={$ }\n placeholder={'450,000'}\n />\n
\n \n \n \n Max\n \n $ }}\n onChange={(event) => handleChange('price_max', event)}\n startAdornment={$ }\n placeholder={'4,500,000'}\n />\n
\n \n {isMobile && (\n
\n \n );\n };\n\n return (\n \n \n {shortLabel}\n \n
\n )}\n \n \n to\n \n
\n \n \n
\n \n \n
\n \n {renderRow(\n 'Bedrooms',\n 'bed',\n 'Bds',\n { from: currentSelection.bds_from, to: currentSelection.bds_to },\n (event) => handleChange('bds_from', event),\n (event) => handleChange('bds_to', event)\n )}\n {!isMobile &&
\n );\n};\nexport default SizesChildren;\n","import React from 'react';\nimport { Typography } from '@material-ui/core';\n\nimport useIsMobile from 'hooks/useIsMobile';\n\nimport TextButton from 'components/atoms/TextButton';\nimport FilterDropdown from 'components/molecules/FilterDropdown';\n\nimport EstimatesChildren from './components/Estimates';\nimport LocationChildren from './components/Location';\nimport MoreChildren from './components/More';\nimport PriceChildren from './components/Price';\nimport SizesChildren from './components/Size';\nimport { useStyles } from './styles';\n\n/**\n * Shows a set of property filters\n * @param handleFilter Triggered when the filters are updated\n * @param currentSelection\n * @param onReset\n */\nconst PropertyFilters = ({ handleFilter, currentSelection, onReset, locations }) => {\n const isMobile = useIsMobile();\n const classes = useStyles();\n\n return (\n \n {isMobile && (\n \n Search Filters\n \n )}\n
\n );\n};\n\nexport default PropertyFilters;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(4),\n paddingBottom: '5em',\n paddingTop: '3.5em',\n },\n actions: {\n bottom: 0,\n left: 0,\n right: 0,\n position: 'fixed',\n padding: theme.spacing(4),\n boxShadow: '0 -4px 4px rgba(0,0,0,0.05)',\n background: theme.palette.secondary.main,\n },\n closeModal: {\n position: 'absolute',\n top: 0,\n right: 0,\n padding: theme.spacing(4),\n },\n}));\n","import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { DialogActions } from '@material-ui/core';\n\nimport { useDialog } from 'providers/DialogProvider';\n\nimport Button from 'components/atoms/Button';\nimport Icon from 'components/atoms/Icon';\nimport PropertyFilters from 'components/organisms/PropertyFilters';\n\nimport { useStyles } from './styles';\n\nconst FilterModal = ({ currentFilters, onFilter, onReset, locations }) => {\n const classes = useStyles();\n const [, closeDialog] = useDialog();\n const { t } = useTranslation('filterModal');\n const [filters, setFilters] = useState(JSON.parse(JSON.stringify(currentFilters)));\n\n const applyFilters = () => {\n onFilter(filters);\n closeDialog();\n };\n\n const onFilterChange = (newFilters) => {\n const newSelection = { ...currentFilters, ...newFilters };\n setFilters(newSelection);\n };\n\n const handleReset = () => {\n onReset();\n closeDialog();\n };\n\n const handleRestore = () => {\n setFilters(JSON.parse(JSON.stringify(currentFilters)));\n closeDialog();\n };\n return (\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n {!isMobile && \n \n \n
\n );\n};\n\nexport default FilterModal;\n","import { makeStyles } from '@material-ui/core/styles';\n\nconst baseRoot = {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n};\nexport const useStyles = makeStyles((theme) => ({\n rootDesktop: {\n ...baseRoot,\n padding: theme.spacing(2, 0),\n [theme.breakpoints.down('sm')]: {\n display: 'none',\n },\n },\n rootMobile: {\n ...baseRoot,\n padding: theme.spacing(2, 0),\n display: 'none',\n [theme.breakpoints.down('sm')]: {\n display: 'flex',\n },\n },\n actions: {\n color: theme.palette.primary.bg,\n },\n}));\n","import React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { CircularProgress, debounce, IconButton } from '@material-ui/core';\n\nimport FilterModal from 'modals/FilterModal';\nimport { useDialog } from 'providers/DialogProvider';\nimport { useSearchContext } from 'providers/SearchContextProvider';\n\nimport Button from 'components/atoms/Button';\nimport Icon from 'components/atoms/Icon';\nimport Menu from 'components/atoms/Menu';\nimport TextButton from 'components/atoms/TextButton';\nimport PropertyBrowserSwitch from 'components/molecules/PropertyBrowserSwitch';\nimport PropertyFilters from 'components/organisms/PropertyFilters';\n\nimport { useStyles } from './styles';\n\nimport { initialSelection } from '../SearchProperties/useSearchParams';\n\nconst PropertyBrowserActionsHeader = ({\n currentView,\n onViewChange,\n onFilter,\n onSave,\n onShare,\n initialValues,\n loading,\n}) => {\n const classes = useStyles();\n const [openDialog] = useDialog();\n const { t } = useTranslation('propertyBrowser');\n const [anchorEl, setAnchorEl] = useState(null);\n\n const [currentSelection, setCurrentSelection] = useState(initialValues);\n\n const submit = useCallback(debounce(onFilter), [onFilter]);\n\n const { locations } = useSearchContext();\n\n const _onFilter = (filter) => {\n setCurrentSelection(filter);\n submit(filter);\n };\n\n const _onReset = () => {\n const values = initialSelection();\n setCurrentSelection(values);\n submit(values);\n };\n\n const handleCloseMenu = () => {\n setAnchorEl(null);\n };\n\n const openMenu = (e) => {\n setAnchorEl(e.currentTarget);\n };\n\n const menuOptions = [\n { label: t('saveSearch'), action: onSave },\n { label: t('shareSearch'), action: onShare },\n ];\n\n const openFilterModal = useCallback(() => {\n openDialog({\n children: (\n \n
\n \n \n \n \n
\n \n
\n \n );\n};\n\nexport default PropertyBrowserActionsHeader;\n","import { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles({\n searchFilterWrapper: {\n zIndex: 12,\n boxShadow: '0px 5px 6px rgba(0, 0, 0, 0.08)',\n },\n});\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { generatePath, useHistory, useLocation } from 'react-router-dom';\nimport { Container, Typography } from '@material-ui/core';\nimport Button from 'components/atoms/Button';\n\nimport useGuidanceCard from 'hooks/useGuidanceCards';\nimport useIsMobile from 'hooks/useIsMobile';\nimport AccessModal from 'modals/AccessModal';\nimport SaveSearchModal from 'modals/SaveSearchModal';\nimport ShareSearchModal from 'modals/ShareSearchModal';\nimport { useDialog } from 'providers/DialogProvider';\nimport { useSnackbar } from 'providers/SnackbarProvider';\nimport { useUserContext } from 'providers/UserProvider';\nimport routes from 'router/routes';\nimport { getAllProperties } from 'services/propertyService';\nimport PropertyFiltersParser from 'utils/propertyFiltersParser';\n\nimport LineSeparator from 'components/atoms/LineSeparator';\nimport GuidanceCard from 'components/organisms/GuidanceCard';\nimport PropertiesBrowser from 'components/organisms/PropertiesBrowser';\nimport PropertyBrowserActionsHeader from 'components/organisms/PropertyBrowserActionsHeader';\n\nimport { useStyles } from './styles';\nimport useSearchMap from './useSearchMap';\nimport useSearchParams from './useSearchParams';\n\n/**\n * @param {string} location optional, where location filter should be initialized\n */\nconst SearchProperties = ({ location }) => {\n const classes = useStyles();\n const { t } = useTranslation('pages');\n const history = useHistory();\n const locationParams = useLocation();\n\n const { user, loading: userLoading } = useUserContext();\n const [modalLoaded, setModalLoaded] = useState(false);\n const [modalClosed, setModalClosed] = useState(false);\n const isMobile = useIsMobile();\n const [openDialog, closeDialog] = useDialog();\n const [openSnackbar] = useSnackbar();\n const [guidanceCardData, discardGuidanceCard] = useGuidanceCard('ResultsPage');\n\n const [currentView, setCurrentView] = useState('list');\n const [headerLoading, setHeaderLoading] = useState(false);\n\n const [propsLoading, setPropsLoading] = useState(true);\n const {\n params,\n properties,\n resultCount,\n setParamsAndResetPage,\n apiFilters,\n fetchMore,\n setMapBounds,\n sort,\n setSortAndResetPage,\n } = useSearchParams(setPropsLoading);\n\n const { mapProperties } = useSearchMap(apiFilters, properties);\n\n const loginWall = () => {\n openSnackbar({\n children: t('results.loginFirst'),\n });\n openDialog({\n maxWidth: 'xs',\n logo: true,\n blurred: true,\n children: \n
\n */}\n For a private demonstration of ProperPredict and ProperRates technologies, contact Wes Walker at message@weswalker.io or 650-223-5612\n \n Note: These new technologies are not publicly available on this marketplace listing site, and listings will not be up to date.\n \n {/*
*/}\n ,\n });\n } else {\n closeDialog();\n }\n }, [modalLoaded]);\n\n\n /**\n * Get location from /{location} and set it on params for filtering\n */\n useEffect(() => {\n if (location && !locationParams?.state?.redirection) {\n setParamsAndResetPage(params.locations.push(location));\n }\n }, []);\n\n const onViewChange = () => {\n setCurrentView((current) => (current === 'list' ? 'map' : 'list'));\n };\n\n const onSearchSave = useCallback(async () => {\n if (!userLoading && !user) {\n loginWall();\n } else {\n try {\n setHeaderLoading(true);\n const { data } = await getAllProperties(PropertyFiltersParser(params));\n const propertyIds = data?.results?.map((p) => p.id);\n if (propertyIds.length) {\n openDialog({\n children: \n \n
\n \n \n \n
\n \n {label && }\n
\n );\n};\n\nexport default Input;\n","import { useField } from 'formik';\n\nimport Input from 'components/atoms/Input';\n\nconst TextInput = ({\n label,\n placeholder,\n fullWidth,\n className,\n type,\n name,\n rows,\n multiline,\n ...rest\n}) => {\n const [field, meta] = useField(name);\n const { value, onChange, onBlur } = field;\n return (\n \n
\n