\n {avatar.length > 2 ? (\n 
\n ) : (\n
\n \n {avatar}\n
\n )}\n {children}\n \n \n null, IndicatorSeparator: () => null }}\n defaultValue={selectedBroker}\n options={options}\n closeMenuOnSelect={true}\n isMulti={false}\n isClearable={false}\n isDisabled={isOwner(broker) || showBrokerInputs}\n menuShouldScrollIntoView={false}\n onChange={(option) => setSelectedBroker(option)}\n getOptionValue={(option) => `${option.id}`}\n getOptionLabel={(option) => option.name}\n />\n
\n \n {\n setBroker({\n ...DefaultBroker,\n status: broker?.status === 'owner' ? 'broker' : 'owner',\n });\n setShowBrokerInputs(false);\n }}\n checked={broker?.status === 'owner'}\n />\n \n\n {\n setBroker({ ...DefaultBroker, status: 'broker' });\n setShowBrokerInputs(true);\n }}\n >\n Add New Broker\n \n
\n {(showBrokerInputs || isOwner(broker)) && (\n \n setExpanded(!isExpanded)}\n />\n {isExpanded && (\n <>\n \n {\n if (!sharedMapWindow)\n isForSale === false\n ? confirmAction(() => {\n removeBrokerFromDeal();\n setShowBrokerModal(true);\n })\n : setShowBrokerModal(true);\n }}\n />\n {\n if (!sharedMapWindow)\n isForSale\n ? confirmAction(() => {\n removeBrokerFromDeal();\n setShowOwnerModal(true);\n })\n : setShowOwnerModal(true);\n }}\n />\n {broker && !sharedMapWindow && (\n <>\n (isForSale ? setShowBrokerModal(true) : setShowOwnerModal(true))}\n icon='pencil-alt'\n style='primary'\n />\n confirmAction(removeBrokerFromDeal)}\n icon='trash'\n style='danger'\n />\n \n )}\n
\n
\n \n
\n );\n\n const relatedUpdatedAt =\n isStaDeal(deal) && deal.relatedDeals.length\n ? lastUpdatedDeal(deal.relatedDeals).updatedAtFormatted\n : null;\n\n const columns = tableSettings\n .map(\n (tableSetting: [string, boolean]): { key: string; children: React.ReactNode } | undefined => {\n if (!tableSetting[1]) return;\n if (activeTab === TabName.NonSta && tableSetting[0] === 'related_updated_at') return;\n return [\n { key: 'id', children: pinType },\n { key: 'nickname', children: deal.nickname },\n { key: 'opportunities', children: deal.opportunitiesNames },\n { key: 'tags', children: deal.tagsNames },\n { key: 'formatted_address', children: deal.formattedAddress },\n { key: 'city', children: deal.city },\n { key: 'state', children: deal.state },\n { key: 'postal_code', children: deal.postalCode },\n { key: 'working_users', children: formatUsers(deal.workingUsers) },\n { key: 'updated_at', children: deal.updatedAtFormatted },\n { key: 'related_updated_at', children: relatedUpdatedAt },\n { key: 'broker', children: deal.brokerName },\n { key: 'followers', children: formatUsers(deal.followers) },\n { key: 'assemblage', children: deal.assemblage ? 'Yes' : 'No' },\n ].find((col) => col.key === tableSetting[0]);\n }\n )\n .filter(\n starDeal(dealId, isStarred)}>\n
\n );\n};\nexport default StarredBtn;\n","import * as React from 'react';\nimport { useContext, useState } from 'react';\n\nimport Form from 'react-bootstrap/Form';\n\nimport { DealsContext } from '@Deals/context/DealsContext';\nimport { StasContext } from '@Deals/context/StasContext';\nimport { StaDeal } from '@Deals/typings';\n\nimport ExpandBtn from './ExpandBtn';\nimport RelatedDealRows from './RelatedDealRows';\nimport RowColumns from './RowColumns';\nimport StarredBtn from './StarredBtn';\n\nconst DealRow = ({ deal }: { deal: StaDeal }) => {\n const { setBulkedDeals, bulkedDeals } = useContext(DealsContext);\n const { brokerId } = useContext(StasContext);\n const [checked, setChecked] = useState(bulkedDeals.some((id) => id === deal.id));\n\n return (\n <>\n \n {\n if (e.currentTarget.checked) setBulkedDeals((bulked) => [...bulked, deal.id]);\n else setBulkedDeals((bulked) => bulked.filter((id) => id === deal.id));\n setChecked(e.currentTarget.checked);\n }}\n checked={checked}\n />\n
\n \n
\n No Results
\n\n \n
\n
\n );\n};\n\nexport default Table;\n","import * as React from 'react';\n\nconst PaginationBtns = ({ totalPages, currentPage, handleClick }: PaginationBtnsProps) => {\n const paginationElipses = ...;\n const paginationItem = (j: number) => (\n \n {j}\n \n );\n\n const renderPaginationBtn = (j: number): JSX.Element | null => {\n if (currentPage === j) return {j};\n if (totalPages <= 9) return paginationItem(j);\n if (currentPage <= 5) {\n if (j > 7 && j < totalPages - 1) return null;\n if (j === totalPages - 1) return paginationElipses;\n return paginationItem(j);\n }\n if (currentPage >= totalPages - 5) {\n if (j > 2 && j <= totalPages - 7) return null;\n if (j === 2) return paginationElipses;\n return paginationItem(j);\n }\n if (j > 2 && j < currentPage - 2) return null;\n if (j < totalPages - 1 && j > currentPage + 2) return null;\n if (j === 2 || j === totalPages - 1) return paginationElipses;\n return paginationItem(j);\n };\n\n return (\n <>\n {[...Array(totalPages)].map((_, i) => {\n const j = ++i;\n return (\n \n
\n );\n};\n\nexport default Pagination;\n","import { Nullable } from '@/typings';\n\nexport type Broker = {\n id: number;\n name: string;\n email: string;\n phone: string;\n address: string;\n market: string;\n status: 'broker' | 'owner';\n note: string;\n workingCompany: { id: number | null; name: string };\n};\n\nexport const DefaultBroker: Nullable\n
\n \n {totalPages === 1 ? (\n `1 page`\n ) : (\n <>\n {currentPage} of {totalPages} pages\n \n - Show All\n \n \n )}\n
\n \n \n toggle('expire_link')}\n />\n {formData.expire_link && (\n \n Expiration Date \n \n update('expiration_date', date)}\n />\n \n \n \n \n )}\n
\n\n Filters
\n\n \n
\n\n \n Tenant \n update('opportunities', val || [])}\n getOptionLabel={(option) => option.name}\n getOptionValue={(option) => option.id.toString()}\n closeMenuOnSelect={false}\n placeholder=\"Select tenants...\"\n />\n
\n \n Tags \n update('tags', val || [])}\n getOptionLabel={(option) => option.name}\n getOptionValue={(option) => option.id.toString()}\n closeMenuOnSelect={false}\n placeholder=\"Select tags...\"\n />\n
\n \n {props.data.icon &&
\n \n {props.data.icon &&
\n Layers
\n\n \n toggle('parcel_layer')}\n />\n toggle('tag_layer')}\n />\n
\n\n Send Link
\n\n \n
\n);\n\nexport default Row;\n","import { FilterOption } from 'typings';\n\nimport { DateClient, Option, Pin, SetState, SortObject, SortState } from '@/typings';\n\nimport { UserOption } from '../DealWindow/typings';\n\n// Sta\nexport type StaState = {\n sta: StaDeal[] | null;\n pages: {\n current: number;\n total: number | null;\n perPage: number;\n };\n sort: SortObject;\n};\n\nexport type StaDeal = StaRelatedDeal & {\n relatedDeals: StaRelatedDeal[];\n isStarred: boolean;\n};\n\nexport type StaRelatedDeal = {\n id: number;\n nickname: string;\n formattedAddress: string;\n city: string;\n state: string;\n postalCode: string;\n opportunitiesNames: string;\n tagsNames: string;\n workingUsers: Option[];\n updatedAtFormatted: DateClient;\n pin: Pin;\n brokerName: string;\n followers: Option[];\n assemblage: boolean;\n};\n\n// Tabs\nexport enum TabName {\n WorkedSta = 'workedSta',\n Starred = 'starred',\n NonSta = 'nonSta',\n AllDeals = 'allDeals',\n ActiveSta = 'activeSta',\n}\n\n// Table\nexport type Column = {\n sortState: SortState;\n cssClass: string;\n identifier: string;\n};\n\nexport const ColumnName = {\n id: 'Pin type',\n nickname: 'Property Nickname',\n opportunities: 'Tenant',\n tags: 'Tags',\n city: 'City',\n state: 'State',\n formatted_address: 'Address',\n postal_code: 'Zip',\n broker: 'Broker',\n updated_at: 'Last Updated',\n related_updated_at: 'Related Last Updated',\n followers: 'Followers',\n working_users: 'Working Deal',\n assemblage: 'Assemblage',\n};\n\nexport type PagesState = [PagesCondition, SetState{name}
\n {children}\n\n
\n );\n};\n\nexport default Parcels;\n","import * as React from 'react';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nconst ExpandCommentsBtn = (props: {\n toggleCommentsVisibility: () => void;\n commentsLength: number;\n isCommentsVisible: boolean;\n isCompleted?: boolean;\n}) => {\n const { toggleCommentsVisibility, commentsLength, isCommentsVisible, isCompleted } = props;\n if (!commentsLength) return null;\n return (\n \n
\n {children && children(parcels, setParcels, deal, deleteParcel)}\n setExpanded(!expanded)}>\n
\n \n {parcels.length} {parcels.length === 1 ? 'parcel' : 'parcels'}\n
\n\n {parcels.map((parcel) => (\n
\n \n deleteParcel(parcel.id)} />\n
\n ))}\n \n {parcel.lat.toFixed(6)}, {parcel.lng.toFixed(6)}\n
\n\n
\n );\n};\n\nexport default ExpandCommentsBtn;\n","import React, { useRef, useState } from 'react';\n\nimport { Form, Modal } from 'react-bootstrap';\n\nimport Tags from '@yaireo/tagify/dist/react.tagify';\n\nimport { UserOption } from '@/containers/DealWindow/typings';\nimport { useEffectNotFirstRender } from '@/hooks';\nimport { tagifySettings } from '@/utils';\n\nconst TextWithTagsModal = (props: {\n title: string;\n label: string;\n text?: string;\n show: boolean;\n handleClose: () => void;\n handleSubmit: (text: string) => void;\n users: UserOption[];\n}) => {\n const { title, label, show, users, handleClose, handleSubmit } = props;\n const [text, setText] = useState(props.text?.trim() ?? '');\n const [validated, setValidated] = useState(false);\n const tagsRef = useRef\n
\n \n {!customField.global && !sharedMapWindow && isEditBtnsVisible && (\n \n )}\n
\n );\n\n return (\n \n {customField.name}\n {customField.privacy === 'private' && (\n
{children}
\n !sharedMapWindow && setVisibility(true)}>\n
\n setExpanded(!isExpanded)}\n >\n {!sharedMapWindow && (\n
\n );\n};\n\nexport default CustomFields;\n","import * as React from 'react';\nimport { createContext, useContext, useEffect, useState } from 'react';\n\nimport { AjaxRequest, RequestMethod } from '@/typings';\n\nimport { TableSettings } from '../typings';\nimport { ErrorContext } from './ErrorContext';\nimport { LoadingContext } from './LoadingContext';\n\ntype TableSettingsState = {\n tableId: number;\n tableSettings: TableSettings;\n updateTableSettings: (tableSettings: TableSettings) => void;\n};\n\nconst defaultState = {\n tableId: 0,\n tableSettings: [\n ['id', true] as [string, boolean],\n ['nickname', true] as [string, boolean],\n ['opportunities', true] as [string, boolean],\n ['tags', true] as [string, boolean],\n ['formatted_address', true] as [string, boolean],\n ['city', true] as [string, boolean],\n ['state', true] as [string, boolean],\n ['postal_code', true] as [string, boolean],\n ['updated_at', true] as [string, boolean],\n ['related_updated_at', true] as [string, boolean],\n ['broker', true] as [string, boolean],\n ['followers', true] as [string, boolean],\n ['working_users', true] as [string, boolean],\n ['assemblage', true] as [string, boolean],\n ],\n updateTableSettings: (_: TableSettings) => {},\n};\n\nexport const TableSettingsContext = createContextsetShowModal(true)}>\n + Add Custom Field\n
\n )}\n \n {isExpanded && (\n\n
\n )}\n - {children}
\n
\n \n );\n};\n\nexport const HeaderBlockEnd = ({ children }: { children: React.ReactNode }) => {\n return \n {}}\n >\n {h1} \n \n {breadcrumb && (\n
\n \n > {breadcrumb.text}\n
\n )}\n {children}\n{children}
;\n};\n\nexport default HeaderBlock;\n","import * as React from 'react';\n\nimport { Form, FormProps } from 'react-bootstrap';\nimport M, { ModalProps } from 'react-bootstrap/Modal';\n\nimport style from './style.module.scss';\n\nconst Modal = (props: {\n modalProps: ModalProps;\n onSave: (e: React.FormEvent\n setOpenModal(true)}\n title='Set Reminder'\n >\n
\n \n Link copied}>\n (show ? setShow(false) : null)}\n title='Copy link'\n >\n \n
\n \n );\n};\n\nexport default ShareBtn;\n","import * as React from 'react';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport ReminderButton from '@/components/ReminderButton';\nimport ShareBtn from '@/components/ShareBtn';\nimport { InfoDeal } from '@/containers/DealWindow/typings';\n\nconst Info = ({ children, deal }: { children?: React.ReactChild; deal: InfoDeal }) => {\n return (\n \n
\n );\n};\n\nexport default Info;\n","import { DataType, Pin, PinType, RequestMethod, Result } from '@/typings';\nimport { fetchResult } from '@/utils';\n\nexport const PinService = {\n index: (\n q: Record\n
\n\n \n
\n\n {deal.nickname}
\n{deal.address}
\n\n {children}\n
\n \n {deal.name && (\n
\n \n
\n
\n
\n {deal.latitude && deal.longitude && (\n
\n \n
\n
\n );\n};\n\nexport default TextWithIconBtn;\n","import * as React from 'react';\n\nimport Dropdown from 'react-bootstrap/Dropdown';\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { BootstrapVariant } from '@/typings';\n\nexport { default as style } from './style.module.scss';\n\nconst DropdownBtn = (props: {\n title: string;\n children: React.ReactNode;\n text?: React.ReactNode;\n icon?: IconProp;\n chevron?: IconProp;\n variant?: BootstrapVariant;\n dropdownClassName?: string;\n btnClassName?: string;\n onToggle?: (\n show: boolean,\n meta?: {\n source: string | undefined;\n originalEvent: React.SyntheticEvent | KeyboardEvent | MouseEvent | undefined;\n }\n ) => void;\n show?: boolean;\n autoClose?: 'outside' | 'inside' | false;\n}) => {\n const { title, text, icon, chevron, variant, children, onToggle, show, autoClose } = props;\n return (\n \n
\n );\n};\n\nexport default SectionHeader;\n","import { DataType, Option, RequestMethod, Result } from '@/typings';\nimport { fetchResult } from '@/utils';\n\nexport const WorkingCompanyService = {\n index: (q: Record\n
\n {children}\n {title}
\n- \n {tabs.map((tab) => (\n
\n \n
\n );\n};\n\nexport default SearchForm;\n","import * as React from 'react';\nimport { useState } from 'react';\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { SetState, SortMethod, SortObject, SortState } from '@/typings';\n\nimport style from './style.module.scss';\n\nconst TableHead = (props: {\n setSort: SetState\n
\n \n
\n \n
\n \n {taskComment.user.fullName}\n
\n\n {taskComment.date}\n {taskComment.time}\n
\n \n
\n \n setShowEdit(true)}>\n
\n \n
\n {isOverflow ? (\n \n
\n \n
\n\n\n \n \n
\n \n {task.dueDate ? flatpickr.formatDate(new Date(task.dueDate), 'm/d/y') : ''}\n
\n\n\n
\n \n setShowCommentModal(true)}\n />\n setShowEditModal(true)}\n />\n
\n \n
\n )}\n {props.children}
\n \n setShowAddModal(false)}\n handleSubmit={(data) => {\n createTask(data);\n setShowAddModal(false);\n }}\n title='Add Task'\n users={users}\n currentUserId={currentUserId}\n />\n
\n );\n};\n\nexport default TasksTab;\n","import { RequestMethod, Result } from '@/typings';\nimport { ajaxResult } from '@/utils';\n\nexport const HistoryService = {\n index: (id: number): Promise setShowAddModal(true)}>\n
\n\n {!tasks.length ? (\n \n
\n \n
\n ) : (\n No Tasks Retrieved
\n\n {tasks.map((task) => (\n \n {task.taskComments.map((comment) => (\n
\n )}\n \n \n
\n );\n }\n\n if (histories.length === 0) {\n return (\n \n
\n );\n }\n\n return (\n No Histories Retrieved
\n\n
\n );\n};\n\nexport default HistoryTab;\n","import * as React from 'react';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport s from './BackBtn.module.scss';\n\nconst BackBtn = ({ onClick }: { onClick: React.MouseEventHandler\n {histories.map((history, i) => (\n
\n \n
\n ))}\n \n
\n \n {history.user.fullName}\n {history.titleText}\n {link(history.tabName)}\n
\n\n {generateBodyText(history.changedField, history.bodyTextLink, history.bodyText)}\n
\n {history.createdAt}
\n\n
\n);\nexport default BackBtn;\n","// extracted by mini-css-extract-plugin\nexport default {\"backBtn\":\"k2xCES3Xq4KlZG5Z4Slz\"};","import * as React from 'react';\nimport { createContext } from 'react';\n\nimport { useErrorState } from '@/hooks';\nimport { Error, ErrorTuple } from '@/typings';\n\ntype ErrorState = {\n errors: ErrorTuple[];\n addError: (errorMessage: string, error: Error) => void;\n removeError: (id: number) => void;\n};\n\nexport const ErrorContext = createContext\n
\n ));\n\n if (!show) return null;\n\n if (loading) {\n return (\n {key}
\n{value}
\n\n \n
\n );\n }\n\n if (error) {\n return (\n \n
\n );\n }\n\n if (!reportAllData) {\n return (\n \n Error fetching Parcel Data: Error status: {error.status}; Error status text:{' '}\n {error.statusText};\n
\n\n
\n );\n }\n\n return (\n No Parcel Data Retrieved
\n\n
\n );\n};\n\nexport default ParcelDataTab;\n","import React, { useCallback, useEffect, useState } from 'react';\n\nimport { useDropzone } from 'react-dropzone';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { DealService } from '@/services/deal_service';\n\nimport { FileDeal } from './typings';\n\nconst FileDropzone = ({ dealId }: { dealId: number }) => {\n const [dealFiles, setDealFiles] = useStateParcel Data
\n{parcelData(reportAllData)}
\n \n \n
\n \n Drag and drop files, or upload here
\n\n setExpanded(!isExpanded)}\n />\n {isExpanded &&
\n );\n};\n\nexport default Files;\n","import { Broker } from '@/containers/Brokers/typings';\nimport { Nullable, RequestMethod, Result, SortObject } from '@/typings';\nimport { ajaxResult } from '@/utils';\n\nexport const BrokerService = {\n create: (broker: Nullable\n \n
\n ) : (\n No Results
\n )}\n\n \n {\n setBroker({ ...broker, name: e.target.value });\n }}\n defaultValue={broker.name ?? undefined}\n isInvalid={validated && isNullOrEmptyString(broker.name)}\n />\n Name can not be empty \n
\n \n
\n \n \n {\n setBroker({ ...broker, phone: e.target.value });\n }}\n defaultValue={broker.phone ?? undefined}\n />\n
\n \n \n {\n setBroker({ ...broker, email: e.target.value });\n }}\n defaultValue={broker.email ?? undefined}\n isInvalid={\n validated && (isNullOrEmptyString(broker.email) ? false : !isEmailValid(broker.email))\n }\n />\n Email incorrect \n
\n \n \n {\n setBroker({ ...broker, address: e.target.value });\n }}\n defaultValue={broker.address ?? undefined}\n />\n
\n {!isOwner && (\n \n \n null, IndicatorSeparator: () => null }}\n defaultValue={broker.market ? stringToStateOption(broker.market) : null}\n options={STATES.map((state) => ({ name: state.join(' ') }))}\n closeMenuOnSelect={true}\n isMulti={true}\n isClearable={true}\n menuShouldScrollIntoView={false}\n onChange={(options) =>\n setBroker({\n ...broker,\n market: options.map((option) => option.name).join(', '),\n })\n }\n getOptionValue={(option) => option.name}\n getOptionLabel={(option) => option.name}\n />\n
\n )}\n \n \n null, IndicatorSeparator: () => null }}\n defaultValue={toSelectOption(broker.workingCompany)}\n options={workingCompanies.map((option) => ({\n label: option.name,\n value: `${option.id}`,\n }))}\n closeMenuOnSelect={true}\n isClearable={true}\n menuShouldScrollIntoView={false}\n onChange={(option, actionMeta) => {\n setBroker({\n ...broker,\n workingCompany: formatOption(option, actionMeta.action === 'create-option'),\n });\n }}\n />\n
\n \n \n {\n setBroker({ ...broker, note: e.target.value });\n }}\n defaultValue={broker.note ?? undefined}\n />\n
\n \n );\n};\n\nexport default Form;\n\nconst toSelectOption = (\n option: { id: number | null; name: string } | null\n): { label: string; value: string } | null => {\n if (!option) return null;\n else return { label: option.name, value: `${option.id}` };\n};\n\nconst formatOption = (option: { label: string; value: string } | null, isNew: boolean) => {\n if (!option) return null;\n else if (isNew) return { id: null, name: option.label };\n else return { id: parseInt(option.value), name: option.label };\n};\n","import * as React from 'react';\nimport { useState } from 'react';\n\nimport Form from 'react-bootstrap/Form';\n\nimport { DealService } from '@/services/deal_service';\n\nconst Confidential = (props: {\n confidential: boolean;\n dealId: number;\n setConfidential?: (confidetnial: boolean) => void;\n}) => {\n const { dealId } = props;\n const [error, setError] = useState<[string, boolean]>(['', false]);\n const [confidential, setConfidential] = props.setConfidential\n ? [props.confidential, props.setConfidential]\n : useState(props.confidential);\n\n return (\n \n );\n};\n\nexport default Confidential;\n","import * as React from 'react';\n\nimport { Option } from '@/typings';\nimport { isNonEmptyArray } from '@/utils';\n\nconst DealsList = \n {deals.map((deal) => (\n
\n );\n else return null;\n};\n\nexport default DealsList;\n","import * as React from 'react';\nimport { useState } from 'react';\n\nimport Select from 'react-select/async';\n\nimport IconBtn from '@/components/IconBtn';\nimport { DealOption } from '@/containers/DealWindow/typings';\nimport { DealService } from '@/services/deal_service';\nimport { Option } from '@/typings';\n\nconst DealsSelect = (props: {\n defaultValues: Option[] | DealOption[];\n onSaveClick: (options: Option[] | DealOption[]) => void;\n onCloseClick: () => void;\n onDeleteClick: () => void;\n}) => {\n const { onSaveClick, onCloseClick, onDeleteClick } = props;\n const [selectedOptions, setSelectedOptions] = useState(props.defaultValues);\n const loadOptions = (input: string) =>\n new PromiseonClick(deal)}>\n {deal.name}\n
\n ))}\n <>{children}\n\n null, IndicatorSeparator: () => null }}\n defaultValue={props.defaultValues}\n onChange={(options) => setSelectedOptions([...options])}\n getOptionValue={(option) => `${option.id}`}\n getOptionLabel={(option) => option.name}\n loadOptions={loadOptions}\n cacheOptions\n defaultOptions\n isMulti\n />\n onSaveClick(selectedOptions)}\n icon='check'\n style='success'\n className='ms-0'\n />\n
\n );\n};\n\nexport default DealsSelect;\n","import * as React from 'react';\nimport { useState } from 'react';\n\nimport Select from 'react-select';\n\nimport FormBtn from '@/components/IconBtn';\nimport { Option } from '@/typings';\n\nconst SelectForm = \n null, IndicatorSeparator: () => null }}\n defaultValue={defaultOptions}\n options={options}\n closeMenuOnSelect={!isMulti}\n isMulti={isMulti}\n isClearable={false}\n menuShouldScrollIntoView={false}\n onChange={(options) => setOptions(options as T | T[])}\n getOptionValue={(option) => `${option.id}`}\n getOptionLabel={(option) => option.name}\n />\n onSaveClick(selectedOptions)} icon='check' style='success' />\n
\n );\n};\n\nexport default SelectForm;\n","import * as React from 'react';\n\nimport { isNonEmptyArray, isString } from '@/utils';\n\nconst Value = ({\n value,\n onClick,\n showEdit,\n sharedMapWindow,\n children,\n}: {\n value?: { name: string }[] | string | null;\n onClick: React.MouseEventHandler;\n showEdit: boolean;\n sharedMapWindow?: boolean;\n children: React.ReactNode;\n}) => {\n if (showEdit) return <>{children};\n else if (value && value?.length !== 0)\n return (\n \n {isNonEmptyArray(value) &&\n value.map((tag) => (\n
\n );\n else if (!sharedMapWindow)\n return (\n \n {tag.name}\n
\n ))}\n {isString(value) &&{value}
}\n\n Edit\n
\n );\n else return null;\n};\n\nexport default Value;\n","import * as React from 'react';\nimport { useState } from 'react';\n\nimport Confidential from '@/containers/DealWindow/PinDetails/Confidential';\nimport { ParamsNames } from '@/services/deal_service';\nimport { Option } from '@/typings';\n\nimport DealsList from './DealsList';\nimport DealsSelect from './DealsSelect';\nimport InputForm from './InputForm';\nimport Row from './Row';\nimport SectionHeader from './SectionHeader';\nimport SelectForm from './SelectForm';\nimport Value from './Value';\n\nconst PinDetailsComponent =\n setExpanded(!isExpanded)}\n />\n\n {isExpanded && (\n <>\n {canViewConfidential && (\n \n
\n )}\n\n \n
\n\n \n setShowEdit('opportunities', true)}\n showEdit={showEdit.opportunities}\n >\n
\n\n \n setShowEdit('tags', true)}\n showEdit={showEdit.tags}\n >\n
\n\n \n setShowEdit('transaction_type', true)}\n showEdit={showEdit.transaction_type}\n >\n
\n\n \n setShowEdit('nickname', true)}\n showEdit={showEdit.nickname}\n >\n onSave(option, 'nickname')}\n onClose={() => setShowEdit('nickname', false)}\n onDelete={() => onDelete('nickname')}\n />\n \n
\n\n {Radius}
\n\n \n
\n\n \n setShowEdit('working_users', true)}\n showEdit={showEdit.working_users}\n >\n
\n\n \n setShowEdit('followers', true)}\n showEdit={showEdit.followers}\n >\n
\n\n {Parcels}
\n \n )}\n
\n );\n};\n\nexport default PinDetailsComponent;\n","export const FieldTypes = ['short_text', 'hyperlink', 'file'] as const;\nexport type FieldType = (typeof FieldTypes)[number];\n\nexport const FieldTypeTitle = {\n hyperlink: 'HyperLink',\n short_text: 'Short Text',\n file: 'File',\n} as const;\n\nexport type CustomField = {\n id: number;\n name: string;\n privacy: 'public' | 'private';\n fieldType: FieldType;\n value: { id: number; text: string } | null;\n global: boolean;\n};\n\nexport type CustomFieldData = {\n name: string;\n field_type: FieldType;\n privacy: 'public' | 'private';\n location?: number;\n deal_id?: number;\n};\n","import { City, DataType, RequestMethod, Result } from '@/typings';\nimport { fetchResult } from '@/utils';\n\nexport const CityService = {\n search: (input: string, state?: string): Promise\n {deal.latitude}, {deal.longitude}\n
\n\n setShowEdit('related_deals', true)}\n >\n onSave(options, 'related_deals')}\n onCloseClick={() => setShowEdit('related_deals', false)}\n onDeleteClick={() => onDelete('related_deals')}\n />\n \n \n {relatedDealsBtn}\n \n
\n \n \n
\n);\n\nexport default MapBtn;\n","import * as React from 'react';\nimport { useContext, useState } from 'react';\n\nimport { Deal, DealsContext } from '@Deals/context/DealsContext';\nimport { UsersContext } from '@Deals/context/UsersContext';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport PinDetailsComponent from '@/components/DealWindow/Details/PinDetailsComponent';\nimport Parcels from '@/containers/DealWindow/Parcels';\nimport { ParamsNames } from '@/services/deal_service';\nimport { Option } from '@/typings';\n\nconst PinDetails = (props: {\n currentDeal: Deal;\n onSave: (\n option: Option[] | Option | string,\n paramName: ParamsNames,\n callback: () => void\n ) => void;\n onDelete: (paramName: ParamsNames, callback: () => void) => void;\n}) => {\n const { options, setConfidential, showDealWindow } = useContext(DealsContext);\n const { currentDeal } = props;\n const { currentUser } = useContext(UsersContext);\n\n const [showEdit, _setShowEdit] = useState({\n opportunities: false,\n tags: false,\n transaction_type: false,\n nickname: false,\n radius: false,\n custom_radius: false,\n related_deals: false,\n working_users: false,\n followers: false,\n });\n const setShowEdit = (param: ParamsNames, bool: boolean) => {\n _setShowEdit((showEdit) => ({ ...showEdit, [param]: bool }));\n };\n\n const onSave = async (option: Option[] | Option | string, paramName: ParamsNames) => {\n props.onSave(option, paramName, () => setShowEdit(paramName, false));\n };\n\n const onDelete = async (paramName: ParamsNames) =>\n props.onDelete(paramName, () => setShowEdit(paramName, false));\n\n if (currentDeal.details)\n return (\n \n {typeof currentDeal.details.radius === 'number'\n ? `${currentDeal.details.radius}mi `\n : 'Custom radius '}\n
\n ) : (\nOpen on map
\n )}\nNo Details retrieved
;\n};\n\nexport default PinDetails;\n","import * as React from 'react';\nimport { useContext, useEffect, useMemo } from 'react';\n\nimport { DealsContext } from '@Deals/context/DealsContext';\n\nimport BackBtn from '@/components/DealWindow/BackBtn';\nimport HistoryTab from '@/components/DealWindow/HistoryTab';\nimport Info from '@/components/DealWindow/Info';\nimport ParcelDataTab from '@/components/DealWindow/ParcelDataTab';\nimport PinTypeDropdown from '@/components/DealWindow/PinTypeDropdown';\nimport Tabs from '@/components/DealWindow/Tabs';\nimport MapBtn from '@/components/MapBtn';\nimport StreetView from '@/components/StreetView';\nimport BrokerOrOwner from '@/containers/DealWindow/BrokerOrOwner';\nimport CustomFields from '@/containers/DealWindow/CustomFields';\nimport { CustomField } from '@/containers/DealWindow/CustomFields/typings';\nimport Files from '@/containers/DealWindow/Files';\nimport NotesTab from '@/containers/DealWindow/NotesTab';\nimport TasksTab from '@/containers/DealWindow/TasksTab';\nimport { NotesProvider } from '@/contexts/NotesContext';\nimport { UnsavedChangeProvider } from '@/contexts/UnsavedChangeContext';\nimport { useStickyWindowEffect } from '@/hooks';\nimport { DealKeys, ParamsNames } from '@/services/deal_service';\nimport { Option } from '@/typings';\nimport { isOptionArray, isString } from '@/utils';\n\nimport s from '../Deals.module.scss';\nimport { PinsContext } from '../context/PinsContext';\nimport { StasContext } from '../context/StasContext';\nimport { UsersContext } from '../context/UsersContext';\nimport PinDetails from './PinDetails';\n\n// hide CommunicationTab\n// import CommunicationTab from '@/containers/DealWindow/CommunicationTab';\n\nconst DealWindow = (props: { googleApiKey: { key: string } | null }) => {\n const { googleApiKey } = props;\n const {\n setDealWindowVisibility,\n deleteDeal,\n changePinType,\n options,\n getDetails,\n currentDeal,\n tabsTitles,\n setActiveTabTitle,\n activeTabTitle,\n setCurrentDeal,\n } = useContext(DealsContext);\n const { pins } = useContext(PinsContext);\n const { getSta } = useContext(StasContext);\n const formattedPins = useMemo(() => pins.map(([id, name, icon]) => ({ id, name, icon })), [pins]);\n const { currentUser } = useContext(UsersContext);\n const exploreDealBlock = React.useRef\n
\n );\n};\n\nexport default DealWindow;\n","// extracted by mini-css-extract-plugin\nexport default {\"exploreDealBlock\":\"FPsZtqSjSMsu_whpfhjz explore-deal-block\"};","import * as React from 'react';\n\nimport Alert from 'react-bootstrap/Alert';\n\nimport { ErrorTuple } from '@/typings';\n\nconst ErrorComponent = (props: { removeError: (id: number) => void; errors: ErrorTuple[] }) => {\n const { removeError, errors } = props;\n\n return (\n <>\n {errors.map(([id, error]) => {\n return (\n \n setDealWindowVisibility(false)} />\n\n \n <>\n \n \n \n \n {/*
\n Status: {error.status}
\nStatus text: {error.statusText}
\n {error.data && (\nMessage: {!!error.data.errors ? error.data.errors : error.data.message}
\n )}\n