\n
\n )\n }\n return null\n }}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n {deleteDraft && (\n \n )}\n Hi REPLACE_WITH_NAME_OF_BUYER,
I noticed you were checking out some of the gorgeous properties in the REPLACE_WITH_NAME_OF_NEIGHBORHOOD.
Did you see any of these ones?
REPLACE_WITH_EXAMPLE_PROPERTY_1 (REPLACE_WITH_LINK)
REPLACE_WITH_EXAMPLE_PROPERTY_2 (REPLACE_WITH_LINK)
REPLACE_WITH_EXAMPLE_PROPERTY_3 (REPLACE_WITH_LINK)
Let me know if I can help answer any questions, my phone is [[USER_PHONE_NUMBER]]
Best,
[[EMBEDDED_SIGNATURE]]
PS: I thought it might be helpful for your research to check out a Market Snapshot for the area, as well as my Complete Guide to the REPLACE_WITH_NAME_OF_NEIGHBORHOOD, please find them attached - hope this helps!
`,\n subject: `Moving to the REPLACE_WITH_NAME_OF_NEIGHBORHOOD?`,\n vars: ['USER_PHONE_NUMBER']\n}\n","export const BUYER_2 = {\n html: `Hi REPLACE_WITH_NAME_OF_BUYER,
I noticed you might be moving shortly. What neighborhoods were you checking out?
Best,
[[USER_FIRST_NAME]]
PS: If you haven't heard, there are definitely some placed to AVOID in town. Reply back and I'll send you my cheat sheet for each neighborhood.
Hey REPLACE_WITH_NAME_OF_BUYER,
We all get a ton of email so I'll keep this short. Are you:
a. A DIY'er when is comes to finding the perfect home?
-- or --
b. would you like me to source the best list of homes available and give them to you on a silver platter?
Just reply back saying, \"Let me be\" or \"Silver Platter\".
Best,
[[USER_FIRST_NAME]]
PS: How'd you find my site in the first place?
`,\n subject: `Served on a silver platter?`,\n vars: ['USER_FIRST_NAME']\n}\n","export const FOLLOW_UP_1 = {\n html: `Hey NAME_OF_SELLER_OR_BUYER,
Lovin the house now that you're all moved in? :)
Just wanted to check in real quick and see how you're doing!
Have you had a chance to checkout REPLACE_WITH_LOCAL_RESTAURANT near your house?
Seriously, the REPLACE_WITH_RESTAURANT_MENU_ITEM there are AMAZING.
Anyway, let me know how you're doing and if I can help with anything.
Talk soon,
[[EMBEDDED_SIGNATURE]]
PS: Know anyone that is thinking about selling their home?
For the next month we're giving away an entire home's worth of REPLACE_WITH_NAME_OF_VALUABLE_HOME_SERVICE to anyone who refers a seller our way. Let me know if you're interested!
Hey REPLACE_WITH_NAME_OF_SELLER_OR_BUYER,
I drove by your house this weekend and though of you. How's the family liking the new place?
You should really check out the REPLACE_WITH_LOCAL_EVENT this weekend. We went last year and everyone still talks about it.
Best,
[[USER_FIRST_NAME]]
PS: Do you know anyone who's toying with the idea of buying or selling? We're giving away REPLACE_WITH_VALUABLE_ITEM to people who send their friends our way.
Hey REPLACE_WITH_NAME_OF_SELLER_OR_BUYER,
The local dog shelter is having their annual fundraiser at the end of this quarter. Did you know we donate $100 per house we sell?
Anyway, we're doubling that donation this quarter for every house we sell via a referral.
Do you know anyone who's thinking of buying or selling real estate that we should talk to?
We'd love to make a donation to them in your name.
Best,
[[USER_FIRST_NAME]]
Hey REPLACE_WITH_NAME_OF_SELLER_OR_BUYER,
Wanted you to be the first to know...
We partnered with REPLACE_WITH_LOCAL_CLEANING_SERVICE for an awesome promotion this month!
Basically, we're giving away an entire home cleaning (carpets and sofas too!) for the next 3 referrals we get. Know anyone who is thinking about buying or selling? Let me know and I'll get you hooked up ASAP.
Talk soon,
[[EMBEDDED_SIGNATURE]]
PS: What do you think about the new REPLACE_WITH_LOCAL_BUSINESS?
Hey REPLACE_WITH_NAME_OF_SELLER_OR_BUYER,
Wanted you to be the first to know...
I know your REPLACE_WITH_CHILD is about to start their second semester of college (can still remember!)
Anyway, we're giving away a $1000 scholarship to anyone who refers a new home seller to us.
Sound cool? Could be a great way to save some money.
Talk soon,
[[EMBEDDED_SIGNATURE]]
PS: What do you think about the new REPLACE_WITH_NAME_OF_LOCAL_BUSINESS?
Hey REPLACE_WITH_NAME_OF_SELLER,
Just finished completing a market analysis for your home - very interesting... want to grab a quick coffee at Starbucks by your house (REPLACE_WITH_SELLER_ADDRESS) and discuss? What time works best with your schedule?
Best,
[[EMBEDDED_SIGNATURE]]
PS: I thought it might be helpful to include my Complete Guide to Selling A Home in REPLACE_WITH_NAME_OF_AREA, please find that PDF attached - hope this helps!
Hey REPLACE_WITH_NAME_OF_SELLER,
Great news, I just finished researching the value of your home!
I still have 1 quick question... I know you're busy, what is the best time to discuss?
Best,
[[EMBEDDED_SIGNATURE]]
PS: In the meantime, checkout my Complete Guide to Selling A Home in REPLACE_WITH_NAME_OF_AREA, please find that PDF attached.
Hey REPLACE_WITH_NAME_OF_SELLER,
I've got a quick question about that Market Report you requested.
Has your house ever been broken into?
Best,
[[USER_FIRST_NAME]]
PS: Does tomorrow or Friday work best to present this report to you?
Hey REPLACE_WITH_NAME_OF_SELLER,
Every house in your neighborhood has sold for more than you'd expect this last year. Buyers are finally submitting offers like hotcakes.
Does 5pm tomorrow at Starbucks by your house work to show you this report I've drawn up? I think you're going to LOVE the numbers.
Best,
[[USER_FIRST_NAME]]
PS: Have you seen my client success stories?
[[EMBEDDED_SIGNATURE]]
| \n | \n\n \n
| \n
| \n | \n\n \n
| \n
| \n ${\n nameTitle ? nameTitle + ' ' + name : name\n }\n | \n
| \n ${companyPosition} \n ${company} \n | \n
[[EMBEDDED_SIGNATURE]]
--------
${user.firstName} ${user.lastName}
`\n const data: any = await getSignatureData(user._id)\n if (data && data.signature) {\n const {\n signature,\n signature: { templateId }\n } = data\n signatureHtml = signatureTemplates[templateId || 0](signature)\n }\n\n html = html.replace(/\\[\\[EMBEDDED_SIGNATURE\\]\\]/g, signatureHtml)\n html = html || ' '\n\n const input = {\n attachments: attachments.map((attachment: AttachmentType) => attachment._id),\n html,\n subject,\n text: messageText || ' ',\n to: toAddresses\n }\n try {\n await sendMessageEmail(input)\n this.closeSelf()\n } catch (error) {\n serverToast(error)\n }\n }\n\n private closeSelf = () => {\n const { onClose } = this.props\n this.setState({ transition: false })\n window.setTimeout(() => {\n this.setState({\n transition: true\n })\n onClose()\n }, 300)\n }\n}\n\nexport default ComposeModal\n","import ComposeModal from './ComposeModal'\nexport default ComposeModal\n","const Actions = {\n changeCreditDebitStatus: 'CHANGE_CREDIT_DEBIT_STATUS',\n createTransactionDocument: 'CREATE_TRANSACTION_DOCUMENTS',\n createTransactionWorkflowTask: 'CREATE_TRANSACTION_WORKFLOW_TASK',\n deleteMultipleTransactionWorkflowTask:\n 'DELETE_MULTIPLE_TRANSACTION_WORKFLOW_TASK',\n deleteTransactionShareWith: 'DELETE_TRANSACTION_SHARE_WITH',\n deleteTransactionWorkflowTask: 'DELETE_TRANSACTION_WORKFLOW_TASK',\n documentCount: 'DOCUMENT_COUNT',\n fetchAllRecentTransactions: 'FETCH_ALL_TRANSACTIONS',\n getCommission: 'GET_COMMISSION',\n getTransactionDocumentChecklist: 'GET_TRANSACTION_DOCUMENT_CHECKLIST',\n getTransactionDocuments: 'GET_TRANSACTION_DOCUMENTS',\n getTransactionShareWith: 'GET_TRANSACTION_SHARE_WITH',\n getTransactionWorkflowTask: 'GET_TRANSACTION_WORKFLOW_TASK',\n messageCount: 'MESSAGE_COUNT',\n paymentApprove: 'PAYMENT_APPROVE',\n paymentReleased: 'PAYMENT_RELEASED',\n propertyImageAdd: 'ADD_PROPERTY_IMAGE',\n propertyImageDelete: 'DELETE_PROPERTY_IMAGE',\n propertyImagesSet: 'SET_PROPERTY_IMAGES',\n resetState: 'RESET_STATE',\n totalCommission: 'TOTAL_COMMISSION',\n transactionAddCredits: 'ADD_TRANSACTION_ADd_CREDITS',\n transactionAddFee: 'ADD_TRANSACTION_FEE',\n transactionAddNewBoard: 'ADD_TRANSACTION_NEW_BOARD',\n transactionAddNewCard: 'ADD_TRANSACTION_NEW_CARD',\n transactionAddNewManagerNote: 'ADD_TRANSACTION_NEW_MANAGER_NOTE',\n transactionAddNewMessage: 'ADD_TRANSACTION_NEW_MESSAGE',\n transactionAddReferralFee: 'ADD_TRANSACTION_REFERRALFEE_FEE',\n transactionAddWorkflow: 'ADD_TRANSACTION_WORKFLOW',\n transactionChangestatus: 'CHANGE_TRANSACTION_STATUS',\n transactionConfetti: 'TRANSACTION_CONFETTI',\n transactionDelete: 'DELETE_TRANSACTION',\n transactionDeleteCard: 'DELETE_TRANSACTION_CARD',\n transactionDeleteCreditsData: 'DELETE_TRANSACTION_CREDITS_DATA',\n transactionDeleteFeeData: 'DELETE_TRANSACTION_FEE_DATA',\n transactionDeleteManagerNote: 'DELETE_TRANSACTION_MANAGER_NOTE',\n transactionDeleteMessage: 'DELETE_TRANSACTION_MESSAGE',\n transactionDeleteRecord: 'DELETE_TRANSACTION_RECORD',\n transactionDeleteReferralFee: 'DELETE_TRANSACTION_REFERRALFEE_FEE',\n transactionDetails: 'SET_TRANSACTION_DETAILS',\n transactionEditCreditsData: 'EDIT_TRANSACTION_CREDITS_DATA',\n transactionEditFeeData: 'EDIT_TRANSACTION_FEE_DATA',\n transactionEditManagerNote: 'EDIT_TRANSACTION_MANAGER_NOTE',\n transactionEditMessage: 'EDIT_TRANSACTION_MESSAGE',\n transactionEditOwnership: 'EDIT_TRANSACTION_OWNERSHIP',\n transactionEditRecord: 'EDIT_TRANSACTION_RECORD',\n transactionEditReferralFee: 'EDIT_TRANSACTION_REFERRALFEE_FEE',\n transactionFilter: 'TRANSACTION_FILTER',\n transactionGetBoardData: 'GET_TRANSACTION_BOARD_DATA',\n transactionGetCreditsData: 'GET_TRANSACTION_CREDITS_DATA',\n transactionGetFeeData: 'GET_TRANSACTION_FEE_DATA',\n transactionGetManagerNotes: 'GET_TRANSACTION_MANAGER_NOTES',\n transactionGetMessageData: 'GET_TRANSACTION_MESSAGE_DATA',\n transactionGetReferralFee: 'GET_TRANSACTION_REFERRALFEE_FEE',\n transactionGetWorkflow: 'GET_TRANSACTION_WORKFLOW',\n transactionImportData: 'TRANSACTION_IMPORT_DATA',\n transactionModal: 'TRANSACTION_STATUS',\n transactionOfficeFilter: 'EDIT_TRANSACTION_OFFICE_FILTER',\n transactionOwnerID: 'EDIT_TRANSACTION_OWNER_ID',\n transactionPageNumber: 'TRANSACTION_PAGE_NUMBER',\n transactionResetCardData: 'RESET_TRANSACTION_CARD_DATA',\n transactionRestoreCard: 'RESTORE_TRANSACTION_CARD',\n transactionSearchData: 'TRANSACTION_SEARCH_DATA',\n transactionSearchLoader: 'TRANSACTION_SEARCH_LOADER',\n transactionSetNewBoardName: 'SET_TRANSACTION_NEW_BOARD_NAME',\n transactionSetNewDescription: 'SET_TRANSACTION_NEW_DESCRIPTION',\n transactionSetNewIcon: 'SET_TRANSACTION_NEW_ICON',\n transactionShareWith: 'SHARE_TRANSACTION_WITH',\n transactionShowDefaultView: 'TRANSACTION_SHOW_DEFAULT_VIEW',\n transactionShowDocumentLayout: 'TRANSACTION_SHOW_DOCUMENT_LAYOUT',\n transactionSortBoardData: 'SORT_TRANSACTION_BOARD_DATA',\n transactionTab: 'TRANSACTION_TAB',\n transferTransaction: 'TRANSFER_TRANSACTION',\n updateCommission: 'UPDATE_COMMISSION',\n updateMultipleTransactionWorkflowTask:\n 'UPDATE_MULTIPLE_TRANSACTION_WORKFLOW_TASK',\n updateTransactionAllDocumentChecklist:\n 'UPDATE_TRANSACTION_ALL_DOCUMENT_CHECKLIST',\n updateTransactionDocumentChecklist: 'UPDATE_TRANSACTION_DOCUMENT_CHECKLIST',\n updateTransactionWorkflowTask: 'UPDATE_TRANSACTION_WORKFLOW_TASK',\n userPassTransactionFilter: 'USER_PASS_TRANSACTION_FILTER',\n setPercentageAmount: 'SET_PERCENTAGE_AMOUNT',\n setFeeAdjustmentFlag : 'SET_TRANSACTION_ADJUSTMENT_FLAG',\n setHasTeamFlag : 'SET_HAS_TEAM_FLAG'\n}\n\nexport default Actions\n","import { ActionCreator } from 'redux'\nimport Actions from 'store/Transactions/ActionsTypes'\nimport {\n CreateTransactionDocuments,\n CreateTransactionWorkflowTask,\n DeleteMultipleTransactionWorkflowTasks,\n DeleteTransactionShareWith,\n DeleteTransactionWorkflowTask,\n DocumentCount,\n Filter,\n GetAllRecentTransactionsAction,\n GetTransactionDocumentChecklist,\n GetTransactionDocuments,\n GetTransactionShareWith,\n GetTransactionWorkflowTask,\n ManagerNotes,\n MessageCount,\n Messages,\n PaymentApprove,\n PaymentRelease,\n PercentageAmountAction,\n PropertyImageAdd,\n PropertyImageDelete,\n PropertyImagesSet,\n PropertyImageType,\n Transaction,\n TransactionAddCredits,\n TransactionAddFee,\n TransactionAddNewBoard,\n TransactionAddNewCard,\n TransactionAddNewManagerNote,\n TransactionAddNewMessage,\n TransactionAddReferralFee,\n TransactionAddWorkflow,\n TransactionCommission,\n TransactionConfetti,\n TransactionCreditDebitStatus,\n TransactionDelete,\n TransactionDeleteCard,\n TransactionDeleteCreditsData,\n TransactionDeleteFeeData,\n TransactionDeleteManagerNote,\n TransactionDeleteMessage,\n TransactionDeleteRecord,\n TransactionDeleteReferralFee,\n TransactionDetails,\n TransactionEditCreditsData,\n TransactionEditFeeData,\n TransactionEditManagerNote,\n TransactionEditMessage,\n TransactionEditOwnership,\n TransactionEditRecord,\n TransactionEditReferralFee,\n TransactionFilter,\n TransactionGetCreditsData,\n TransactionGetFeeData,\n TransactionGetManagerNotes,\n TransactionGetMessageData,\n TransactionGetReferralFee,\n TransactionGetWorkflow,\n TransactionImportData,\n TransactionList,\n TransactionOfficeFilter,\n TransactionOwnerID,\n TransactionPassFilter,\n TransactionReferralFee,\n TransactionResetCardData,\n TransactionResetState,\n TransactionRestoreCard,\n TransactionSearchData,\n TransactionSerachLoader,\n TransactionSetNewBoardName,\n TransactionSetNewDescription,\n TransactionSetNewIcon,\n TransactionShareWith,\n TransactionShowDefaultView,\n TransactionShowDocumentLayout,\n TransactionSortBoardData,\n TransactionToggleNotesModal,\n TransactionToggleTab,\n TransactionTotalCommission,\n TransactionWorkflow,\n TransferTransaction,\n UpdateMultipleTransactionWorkflowTasks,\n UpdateTransactionAllDocumentChecklist,\n UpdateTransactionCommission,\n UpdateTransactionDocumentChecklist,\n UpdateTransactionWorkflowTask,\n UserPassTransactionFilter\n} from './Types'\n\nexport const getAllRecentTransactions: ActionCreator<\n GetAllRecentTransactionsAction\n> = (allTransactions: Transaction[], allListTransactions: any) => {\n return {\n payload: { allTransactions, allListTransactions },\n type: Actions.fetchAllRecentTransactions\n }\n}\n\nexport const addNewBoard: ActionCreator- \n {labels.map((item: OptionType, index: number) => {\n return (\n
\n {items.description} \n \n \n
\n \n \n {moment(items.createdAt).format('ll')}
\n \n \n \n \n \n {notes} \n
\n )\n }\n\n private deleteNotes = (id: string) => {\n const { deleteNotes } = this.props\n deleteNotes(id)\n }\n\n private editNotes = () => {\n const { editNotes } = this.props\n const { id, note } = this.state\n const result = handleValidation(note)\n this.setState({ errors: result.errors })\n if (result.formIsValid) {\n editNotes(id, note)\n this.setState({ id: '', note: '', showEditButton: false })\n }\n }\n\n private handleChange = (e: any, { name, value }: any) => {\n this.setState({ note: value })\n }\n\n private saveNotes = () => {\n const { addNewNotes } = this.props\n const { note } = this.state\n const result = handleValidation(note)\n this.setState({ errors: result.errors })\n if (result.formIsValid) {\n addNewNotes(note)\n this.setState({ id: '', note: '' })\n }\n }\n}\n\nexport default Notes\n","// Import Packages\nimport { Tab } from 'semantic-ui-react'\nimport styled from 'styled-components'\n\n// Import Colors\nimport Colors from 'design/Colors'\n\nconst Container = styled.div`\n display: flex;\n`\n\nconst RightPanel = styled.div`\n padding: 10px;\n padding-top: 0;\n`\n\nconst StyledTab = styled(Tab)`\n .ui.secondary.pointing.menu .active.item {\n font-size: 16px;\n color: ${Colors.Black500};\n border-bottom: 0px;\n }\n\n .ui.secondary.pointing.menu .active.item:hover {\n color: ${Colors.Black500};\n }\n\n .ui.secondary.pointing.menu .item {\n color: ${Colors.Black500};\n }\n\n .ui.secondary.pointing.menu {\n border-bottom: 1px solid rgba(34,36,38,.15);\n }\n\n .ui.secondary.pointing.menu {\n font-size: 16px;\n margin-left: 10px;\n margin-right: 10px;\n }\n`\n\nexport {\n Container,\n RightPanel,\n StyledTab,\n}\n","import NotesModal from './NotesModal'\nexport default NotesModal\n","// Import Packages\nimport * as React from 'react'\nimport { Menu } from 'semantic-ui-react'\n\n// Import Components\nimport Modal from 'shared/Modal'\nimport Notes from './Notes'\n\n// Import Store Types and Actions\nimport { Owner } from 'store/Contacts/Types'\nimport { LeadNotes } from 'store/Leads/Types'\n\n// Import Utils\nimport { Strings } from 'utils'\n\n// Import Styled Components\nimport {\n Container,\n RightPanel,\n StyledTab,\n} from './Styled'\n\ninterface UserType {\n _id: string\n role: string\n profileImage: string\n}\n\ninterface Props {\n closeModal: () => void\n addNewNotes: (note: string) => void\n editNotes: (id: string, note: string) => void\n deleteNotes: (id: string) => void\n notesData: LeadNotes[]\n contactOwner: Owner\n loader: boolean\n user: UserType\n}\n\ninterface State {\n animate: boolean\n}\n\nclass ViewDetailsModal extends React.Component\n {title} \n {/* {text} */}\n
\n \n {showAddButton &&
\n )\n }\n\n private showImportFileModal = () => {\n const { closeActionPopup, boardId } = this.props\n importUser(boardId)\n closeActionPopup()\n }\n\n private showExportFileModal = () => {\n const { closeActionPopup, boardId } = this.props\n exportUser(boardId)\n closeActionPopup()\n }\n\n private deleteBoard = () => {\n const { boardId, closeActionPopup } = this.props\n deleteBoard(boardId)\n closeActionPopup()\n }\n\n private handleChange = () => {\n const { sortOrder } = this.state\n const { boardId } = this.props\n if (sortOrder === 1) {\n this.setState({ sortOrder: -1 })\n sortLeads(boardId, this.state.sortOrder)\n } else {\n this.setState({ sortOrder: 1 })\n sortLeads(boardId, this.state.sortOrder)\n }\n }\n}\n\nexport default Actions\n","export const handleValidation = (data: object) => {\n const fields = data\n const errors = {}\n let formIsValid = true\n\n if (!fields[`firstName`] || !fields[`firstName`].match(/^[A-Z,a-z]+$/)) {\n formIsValid = false\n errors[`firstName`] = 'Can Not be empty'\n }\n\n if (!fields[`lastName`] || !fields[`lastName`].match(/^[A-Z,a-z]+$/)) {\n formIsValid = false\n errors[`lastName`] = 'Can Not be empty'\n }\n\n if (\n !fields[`email`] ||\n !fields[`email`].match(\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n )\n ) {\n formIsValid = false\n errors[`email`] = 'Can Not be empty'\n }\n\n if (!fields[`source`]) {\n formIsValid = false\n errors[`source`] = 'Can Not be empty'\n }\n\n if (!fields[`propertyType`]) {\n formIsValid = false\n errors[`propertyType`] = 'Can Not be empty'\n }\n\n if (!fields[`tenantBoard`]) {\n formIsValid = false\n errors[`tenantBoard`] = 'Can Not be empty'\n }\n\n return { errors, formIsValid }\n}\n","import gql from 'graphql-tag'\n\nexport const UPDATE_CITY = gql`\n mutation updateCity($cityId: String, $stateId: ID) {\n updateCity(_id: $cityId, input: { state: $stateId }) {\n _id\n }\n }\n`\n\nexport const UPDATE_CITY_V2 = gql`\n mutation updateCity($id: String, $input: CityInput) {\n updateCity(_id: $id, input: $input) {\n _id\n }\n }\n`\n\nexport const GET_OR_CREATE_CITY = gql`\n mutation createCity($input: CityInput) {\n createCity(input: $input) {\n _id\n name\n state {\n _id\n name\n }\n }\n }\n`\n","import gql from 'graphql-tag'\n\nexport const UPDATE_STATE = gql`\n mutation updateState($id: ID, $input: StateInput) {\n updateState(_id: $id, input: $input) {\n _id\n }\n }\n`\n\nexport const UPDATE_STATE_ORDER = gql`\n mutation updateStateOrder($board: ID, $source: Int, $destination: Int) {\n updateStateOrder(\n where: { _id: $board, stateOrder: $source }\n input: { stateOrder: $destination }\n ) {\n _id\n name\n isActive\n stateOrder\n }\n }\n`\n\nexport const GET_OR_CREATE_STATE = gql`\n mutation createState($input: StateInput) {\n createState(input: $input) {\n _id\n description\n name\n stateOrder\n }\n }\n`\n","import client from 'queries/apollo'\n\nimport { GET_OR_CREATE_CITY } from 'queries/graphql/City/Mutation'\nimport { GET_OR_CREATE_STATE } from 'queries/graphql/States/Mutation'\n\nimport { CityStateParamType } from './Types'\n\nexport const getOrCreateCityState = async (params: CityStateParamType) => {\n const state = await client.mutate({\n mutation: GET_OR_CREATE_STATE,\n variables: { input: { name: params.state } }\n })\n\n const stateId = state.data.createState._id\n\n const city = await client.mutate({\n mutation: GET_OR_CREATE_CITY,\n variables: {\n input: {\n name: params.city,\n state: stateId\n }\n }\n })\n\n return {\n city: city.data.createCity,\n state: state.data.createState\n }\n}\n","// Import Packages\nimport { Form } from 'semantic-ui-react'\nimport styled from 'styled-components'\n\n// Import Colors\nimport Colors from 'design/Colors'\n\nconst Container = styled.div`\n display: flex;\n color: ${Colors.Black500};\n`\n\nconst AddLeftPanel = styled.div`\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n width: 35%;\n height: auto;\n background: ${Colors.Grey110};\n\n .ui.small.image {\n width: 250px;\n }\n`\n\nconst StyledIcon = styled.div`\n background: ${Colors.Black700};\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n height: 50px;\n width: 70px;\n`\n\nconst Title = styled.div`\n width: auto;\n font-weight: bold;\n font-size: 20px;\n text-transform: uppercase;\n margin-top: 15px;\n`\n\nconst Text = styled.div`\n width: 220px;\n text-align: center;\n margin-top: 15px;\n font-size: 12px;\n`\n\nconst AddForm = styled.div`\n margin: 0 auto;\n margin-top: 50px;\n width: 55%;\n`\n\nconst StyledForm = styled(Form)`\n &.ui.form .field>label {\n color: ${Colors.Black500};\n }\n\n .ui.button {\n font-size: 0.8rem;\n margin-top: 15px;\n margin-bottom: 50px;\n border-radius: 0px;\n background: ${Colors.DarkBlue200};\n color: ${Colors.White1000};\n }\n`\n\nconst StyledGroup = styled(Form.Group)`\n .ui.selection.dropdown {\n min-width: 105px;\n }\n\n .rp-address-input > {\n max-height: 30px;\n }\n`\n\nexport {\n AddLeftPanel,\n AddForm,\n Container,\n StyledForm,\n StyledIcon,\n StyledGroup,\n Text,\n Title,\n}\n","// Import Packages\nimport * as React from 'react'\nimport InputMask from 'react-input-mask'\nimport { Button, Form, Image, Input, Select } from 'semantic-ui-react'\n\n// Import Components\nimport AddressInput from 'shared/AddressInput'\nimport LoadingIndicator from 'shared/LoadingIndicator'\nimport StateDropdown from 'shared/StateDropdown'\nimport Modal from 'shared/Modal'\nimport { getLeadBoards } from '../LeadQueries'\nimport { toggle } from '../Leads'\nimport { handleValidation } from './Validation'\n\nimport { LeadItemsDetails } from 'store/Leads/Types'\n\n// Import Utils\nimport { getLoggedInUser, Strings } from 'utils'\n\n// Import Colors\nimport Colors from 'design/Colors'\n\n// Import Styled Components\nimport { getOrCreateCityState } from 'shared/AddressInput/Mutations'\n\nimport { AddForm, AddLeftPanel, Container, StyledForm, StyledGroup } from './Styled'\n\nimport { AddressModeEnum, AddressType } from 'shared/AddressInput/Types'\n\nimport { FormErrorType, FormType, OptionType } from './Types'\n\nexport interface Props {\n closeModal: () => void\n addLead: (newLeadData: FormType) => void\n addBoardId?: string\n edit: boolean\n editDetails: LeadItemsDetails | any\n leadPool?: boolean\n}\n\ninterface State {\n boardOptions: OptionType[]\n cityOptions: OptionType[]\n disableTypeSelection: boolean\n form: FormType\n transition: boolean\n loading: string\n}\n\nconst propertyTypeOptions = [\n { key: 'Residential', value: 'Residential', text: 'Residential' },\n { key: 'Commercial', value: 'Commercial', text: 'Commercial' }\n]\n\nconst SourceOptions = [\n { key: 1, value: 'Call', text: 'Call' },\n { key: 2, value: 'Email', text: 'Email' },\n { key: 3, value: 'Trade', text: 'Trade' },\n { key: 4, value: 'Referral', text: 'Referral' },\n { key: 5, value: 'Seminar', text: 'Seminar' },\n { key: 6, value: 'Website', text: 'Website' },\n { key: 7, value: 'Third_Party', text: 'Third Party' }\n]\n\nclass AddLeadModal extends React.Component\n \n
\n \n \n
\n {errors.email !== undefined ? `Email : ${errors.email}` : ''}
\n \n {ImportLeadsStrings.title}
\n {ImportLeadsStrings.dragAndDrop}
\n \n
:\n \n
:\n \n
\n {ImportLeadsStrings.downloadSample}
\n \n {showComposeMail && \n \n \n \n {\n e.stopPropagation()\n ShowUpdateScoreModal(CardData)\n }}\n >\n \n \n \n \n \n \n \n {CardData.firstName} {CardData.lastName}\n \n \n {Strings.leads.type} {CardData.propertyType}\n \n \n {moment(CardData.createdAt).format('MMMM Do YYYY')} \n \n \n {toggle === false && (\n \n {\n e.stopPropagation()\n this.sendMail()\n }}\n >\n \n )}\n \n \n \n {profile}\n {Count && Count}\n \n \n {' '}\n {toggle === false ? (\n Accept \n )}\n \n \n {CardData.activities.length} \n \n \n \n \n
\n )\n }\n\n private sendMail = () => {\n this.setState({ showComposeMail: true })\n }\n\n private closeModal = () => {\n this.setState({ showComposeMail: false })\n }\n\n private handleChange = (e: React.SyntheticEvent\n \n
\n {CardData.leadScore}
\n {Strings.leads.Activities}
\n \n \n
\n {/* {rowData.score}
{rowData.leadScore}
\n {rowData.activities}
\n
\n )\n}\n\nexport const CustomCreatedDate = ({ rowData }: { rowData: LeadItemsDetails }) => {\n return {moment(new Date(rowData.createdAt)).format('L')}\n}\n\nexport const CustomLeadPoolActions = ({ rowData }: { rowData: LeadItemsDetails }) => {\n const acceptLead = async () => {\n try {\n await isPlanAllowed('leadPool')\n } catch (error) {\n return serverToast(error)\n }\n const reassignObj = {\n referralFee: 0,\n userId: loggedUser._id\n }\n ConfirmAlert({\n cancelButtonText: 'I Decline!',\n confirmButtonText: 'I Accept!',\n showCancelButton: true,\n text:\n 'By accepting this lead, you agree to uphold the policy and procedures required by this lead exchange system including regular follow up and payment of any referral fees generated as a result.',\n type: 'warning'\n }).then(async result => {\n if (result.value) {\n const id = document.getElementById('lead')\n await reassignLead(rowData._id, reassignObj)\n AcceptLead()\n if (id) {\n id.click()\n }\n } else if (result.dismiss === ConfirmAlert.DismissReason.cancel) {\n ConfirmAlert('Cancelled', 'This lead declined.', 'error')\n }\n })\n }\n return (\n <>\n \n {rowData.state && rowData.city && rowData.zipCode\n ? `${rowData.state.name}, ${rowData.city.name} ${rowData.zipCode}`\n : rowData.state && rowData.city\n ? `${rowData.state.name}, ${rowData.city.name}`\n : rowData.state\n ? `${rowData.state.name}`\n : `No Address`}\n
\n )\n}\n\nexport const CustomReferral = ({ rowData }: { rowData: LeadItemsDetails }) => {\n return {rowData.referralFee ? rowData.referralFee : `0`}
\n}\n","// Import Graphql Queries\nimport {\n EXPORT_LEADS,\n GET_LEAD_DETAILS,\n GET_LEAD_NOTE,\n GET_LEADS,\n GET_LEADS_ON_STATE\n} from 'queries/graphql/Lead/Queries'\nimport { GET_ICONS } from 'queries/graphql/Queries'\nimport { GET_TASK, GET_TASK_ACTIVITY } from 'queries/graphql/Tasks/Queries'\nimport { GET_REASSIGN_OFFICE_USERS } from 'queries/graphql/Users/Queries'\nimport { GET_LEAD_BOARD_LEADS, GET_LEAD_BOARDS, GET_SORTED_LEAD_BOARDS } from 'queries/graphql/LeadBoard/Queries'\nimport { GET_STATES } from 'queries/graphql/States/Queries'\n\n// Import Components\nimport client from 'queries/apollo'\nimport { Checked } from './CustomComponents'\nimport { toggle } from './Leads'\n\nimport { FiltersData, LeadPassFilter, UserType } from 'store/Leads/Types'\n\n// Import Utils\nimport { GET_TRANSACTION_WORKFLOW } from 'queries/graphql/Transactions/Queries'\nimport { getLoggedInUser } from 'utils'\n\nexport const getLeadBoards = async (\n filter: FiltersData | undefined,\n userId?: string,\n userPassFilter?: LeadPassFilter,\n id?: string,\n singleSkip?: number\n) => {\n const leadBoards = await client.query({\n fetchPolicy: 'network-only',\n query: GET_LEAD_BOARDS,\n variables: {\n filter,\n id,\n orderField: 'boardOrder',\n singleSkip,\n sortOrder: 1,\n userId,\n userPassFilter\n }\n })\n\n return leadBoards.data.getLeadBoards\n}\n\nexport const getStateLeadBoards = async (\n id: string,\n filter: FiltersData,\n userId?: string,\n userPassFilter?: LeadPassFilter,\n boardId?: string,\n singleSkip?: number\n) => {\n const leadBoards = await client.query({\n fetchPolicy: 'network-only',\n query: GET_LEAD_BOARD_LEADS,\n variables: {\n boardId,\n filter,\n id,\n orderField: 'boardOrder',\n singleSkip,\n sortOrder: 1,\n userId,\n userPassFilter\n }\n })\n\n return leadBoards.data.getLeadBoards\n}\n\nexport const getLead = async (filter: FiltersData, userId?: string) => {\n const lead = await client.query({\n fetchPolicy: 'network-only',\n query: GET_LEADS,\n variables: {\n filter,\n userId\n }\n })\n\n return lead.data.getLeads\n}\n\nexport const getStateLead = async (state: string, filter: FiltersData, userId?: string) => {\n const lead = await client.query({\n fetchPolicy: 'network-only',\n query: GET_LEADS_ON_STATE,\n variables: {\n filter,\n isActive: true,\n state,\n userId\n }\n })\n\n return lead.data.getLeads\n}\n\nexport const reset = async (loggedInUser: UserType) => {\n if (toggle) {\n await client.query({\n query: GET_LEAD_BOARDS,\n variables: {\n orderField: 'boardOrder',\n sortOrder: 1\n }\n })\n await client.query({\n query: GET_LEADS\n })\n } else {\n await client.query({\n query: GET_LEAD_BOARDS,\n variables: {\n orderField: 'boardOrder',\n sortOrder: 1,\n userId: loggedInUser._id\n }\n })\n await client.query({\n query: GET_LEADS,\n variables: { userId: loggedInUser._id }\n })\n }\n}\n\nexport const getOptions = async () => {\n const states = await client.query({\n query: GET_STATES\n })\n const options = states.data.getStates.reduce((accumulator: any, currentValue: any) => {\n currentValue.name && accumulator.push({\n key: currentValue._id,\n text: currentValue.name,\n value: `${currentValue._id}, ${currentValue.name}`\n })\n return accumulator\n }, [])\n options.splice(0, 0, {\n key: '0',\n text: 'Select State',\n value: 'Choose'\n })\n if (options.length > 2) {\n options.push({\n key: 'All',\n text: 'All',\n value: 'All'\n })\n }\n return options\n}\n\nexport const getStates = async () => {\n const states = await client.query({\n query: GET_STATES\n })\n return states.data.getStates\n}\n\nexport const ChangeToggleCheckBox = async (checked: boolean) => {\n const user: UserType = await getLoggedInUser({ fromCache: true })\n if (toggle) {\n const data: any = client.readQuery({\n query: GET_LEADS\n })\n const newData = data.getLeads.map((list: any) => {\n return {\n ...list,\n checked: !checked\n }\n })\n client.writeQuery({\n data: { getLeads: newData },\n query: GET_LEADS,\n variables: { userId: user._id }\n })\n Checked(checked)\n } else {\n const data: any = client.readQuery({\n query: GET_LEADS,\n variables: { userId: user._id }\n })\n const newData = data.getLeads.map((list: any) => {\n return {\n ...list,\n checked: !checked\n }\n })\n client.writeQuery({\n data: { getLeads: newData },\n query: GET_LEADS,\n variables: { userId: user._id }\n })\n Checked(checked)\n }\n}\n\nexport const ToggleSingleCheckBox = async (id: string) => {\n const user: UserType = await getLoggedInUser({ fromCache: true })\n if (toggle) {\n const data: any = client.readQuery({\n query: GET_LEADS\n })\n const newData = data.getLeads.map((list: any) => {\n return {\n ...list,\n checked: list._id === id ? !list.checked : list.checked\n }\n })\n client.writeQuery({\n data: { getLeads: newData },\n query: GET_LEADS,\n variables: { userId: user._id }\n })\n } else {\n const data: any = client.readQuery({\n query: GET_LEADS,\n variables: { userId: user._id }\n })\n const newData = data.getLeads.map((list: any) => {\n return {\n ...list,\n checked: list._id === id ? !list.checked : list.checked\n }\n })\n client.writeQuery({\n data: { getLeads: newData },\n query: GET_LEADS,\n variables: { userId: user._id }\n })\n }\n}\n\nexport const getReassignUsers = async () => {\n const loggedInUser = await getLoggedInUser()\n const data = await client.query({\n query: GET_REASSIGN_OFFICE_USERS\n })\n\n if (loggedInUser.role === 'ADMIN' || loggedInUser.role === 'MANAGER') {\n return data.data.getOfficeUsers\n }\n\n return data.data.getOfficeUsers.filter((user: any) => {\n return user._id !== loggedInUser._id\n })\n}\n\nexport const exportUsers = async (groupid: string, userFilterState: string) => {\n const user: any = await getLoggedInUser({ fromCache: true })\n let url: any = {}\n if (toggle) {\n url = await client.query({\n query: EXPORT_LEADS,\n variables: {\n stateBoard:\n (userFilterState !== 'All' && userFilterState !== '') || user.role === 'MANAGER' ? groupid : undefined,\n tenantBoard:\n (userFilterState === 'All' || userFilterState === '') && user.role === 'ADMIN' ? groupid : undefined\n }\n })\n } else {\n url = await client.query({\n query: EXPORT_LEADS,\n variables: {\n board: groupid\n }\n })\n }\n if (url && url.data) {\n setTimeout(() => {\n const response = {\n file: url.data.exportLeads\n }\n return (window.location.href = response.file)\n }, 100)\n }\n}\n\nexport const sortLead = async (boardId: string, sortOrder: number, loggedInUser: UserType, toggleStatus: boolean) => {\n let result\n if (toggleStatus === true) {\n result = await client.query({\n fetchPolicy: 'network-only',\n query: GET_SORTED_LEAD_BOARDS,\n variables: {\n id: boardId,\n leadOrderField: 'firstName',\n orderField: 'boardOrder',\n sortLeadOrder: sortOrder,\n sortOrder: 1\n }\n })\n } else {\n result = await client.query({\n fetchPolicy: 'network-only',\n query: GET_SORTED_LEAD_BOARDS,\n variables: {\n id: boardId,\n leadOrderField: 'firstName',\n orderField: 'boardOrder',\n sortLeadOrder: sortOrder,\n sortOrder: 1,\n userId: loggedInUser._id\n }\n })\n }\n return result\n}\n\nexport const getLeadDetails = async (leadId: string) => {\n const result = await client.query({\n query: GET_LEAD_DETAILS,\n variables: { leadId }\n })\n return result.data.getLeads[0]\n}\n\nexport const getIcons = async () => {\n const data = await client.query({\n query: GET_ICONS\n })\n\n const icons = data.data.getIcons.filter((icon: any) => {\n return icon.key !== 'APPERANCE10'\n })\n\n return icons\n}\n\nexport const getLeadTask = async (leadId: string) => {\n const response = await client.query({\n fetchPolicy: 'no-cache',\n query: GET_TASK,\n variables: { leadId }\n })\n\n return response.data.getTasks\n}\n\nexport const getLeadNotes = async (leadId: string) => {\n const response = await client.query({\n query: GET_LEAD_NOTE,\n variables: { leadId }\n })\n\n return response.data.getNotes\n}\n\nexport const getLeadsWorkflow = async () => {\n const response = await client.query({\n fetchPolicy: 'network-only',\n query: GET_TRANSACTION_WORKFLOW,\n variables: { categoryName: 'Leads' }\n })\n\n return response.data.getWorkflowCategories[0]\n}\n\nexport const getLeadActivities = async (leadId: string) => {\n const response = await client.query({\n fetchPolicy: 'no-cache',\n query: GET_TASK_ACTIVITY,\n variables: { leadId }\n })\n\n return response.data.getActivities\n}\n","export const handleValidation = (data: object) => {\n const fields = data\n const errors = {}\n let formIsValid = true\n\n if (!fields[`firstName`]) {\n formIsValid = false\n errors[`firstName`] = true\n }\n\n if (!fields[`lastName`]) {\n formIsValid = false\n errors[`lastName`] = true\n }\n\n if (!fields[`email`]) {\n formIsValid = false\n errors[`email`] = true\n }\n\n if (!fields[`phones`]) {\n formIsValid = false\n errors[`phones`] = true\n }\n\n if (!fields[`type`]) {\n formIsValid = false\n errors[`type`] = true\n }\n\n return { errors, formIsValid }\n}\n","import Colors from 'design/Colors'\nimport { Form, Search } from 'semantic-ui-react'\nimport styled from 'styled-components'\n\nconst Container = styled.div`\n display:flex;\n`\n\nconst LeftPanel = styled.div`\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n width: 35%;\n height: auto;\n background: ${Colors.Grey110};\n\n .ui.small.image {\n width: 190px;\n }\n`\n\nconst StyledDirectForm = styled(Form)`\n &.ui.form .field>label {\n color: ${Colors.Black500};\n }\n\n &.ui.form .field {\n font-size: 12px;\n }\n\n .ui.input {\n width: 220px;\n }\n\n .ui.icon.input>i.icon {\n font-size: 8px;\n }\n\n .ui.button {\n font-size: 0.8rem;\n margin-top: 15px;\n margin-bottom: 30px;\n border-radius: 0px;\n background: ${Colors.DarkBlue200};\n color: ${Colors.White1000};\n }\n`\n\nconst RightPanel = styled.div`\n margin: 0 auto;\n margin-top: 50px;\n width: 55%;\n height: auto;\n`\n\nconst StyledSearch = styled(Search)`\n &.ui.search {\n width: 100%;\n }\n\n &.ui.search>.results {\n overflow: auto;\n max-height: 200px;\n }\n\n .ui.icon.input>i.icon {\n display: none;\n }\n\n .ui.input {\n height: 30px;\n }\n`\n\nconst StyledLabel = styled.label`\n font-weight: 700;\n margin: 0 0 .28571429rem 0;\n font-size: 11px;\n color: darkslategrey;\n`\n\nconst Title = styled.div`\n width: auto;\n font-weight: bold;\n font-size: 14px;\n text-transform: uppercase;\n margin-top: 10px;\n color: ${Colors.Black500};\n`\n\nexport {\n Container,\n LeftPanel,\n RightPanel,\n StyledDirectForm,\n StyledLabel,\n StyledSearch,\n Title,\n}\n","// Import Packages\nimport { debounce, escapeRegExp, filter } from 'lodash'\nimport * as React from 'react'\nimport InputMask from 'react-input-mask'\nimport { Button, Form, Image, Input, Select } from 'semantic-ui-react'\n\n// Import Components\nimport Modal from 'shared/Modal'\nimport { getReassignUsers } from '../../../../Leads/Dashboard/LeadQueries'\nimport { handleValidation } from './Validation'\n\n// Import Store Types, Actions and Reducers\nimport { ContactListDetails, ContactShareWith } from 'store/Contacts/Types'\n\n// Import Utils\nimport { Strings } from 'utils'\n\nimport { FormErrorType, FormType, SearchOptions } from './Types'\n\n// Import Styled Components\nimport { Container, LeftPanel, RightPanel, StyledDirectForm, StyledLabel, StyledSearch } from './Styled'\n\n// Font Awesome Icons\nimport { faEnvelope } from '@fortawesome/pro-regular-svg-icons'\nimport { faPhone } from '@fortawesome/pro-solid-svg-icons'\nimport AddIconToLibrary from 'utils/FontAwesomeIcon'\nAddIconToLibrary([faEnvelope, faPhone])\n\ninterface Props {\n closeModal: () => void\n showUser: (userObj: ContactShareWith | any) => void\n contactData: ContactListDetails\n shareWith: ContactShareWith[]\n}\n\ninterface State {\n form: FormType\n userOptions: SearchOptions[]\n isLoading: boolean\n results: ContactShareWith[]\n value: string\n animate: boolean\n type: string\n firstname: string\n}\n\nconst typeOptions = [\n { key: 1, text: 'Buyer', value: 'Buyer' },\n { key: 2, text: 'Seller', value: 'Seller' },\n { key: 3, text: 'Listing Agent', value: 'Listing Agent' },\n { key: 4, text: 'Selling Agent', value: 'Selling Agent' },\n { key: 5, text: 'Escrow', value: 'Escrow' },\n { key: 6, text: 'Title', value: 'Title' },\n { key: 7, text: 'Lender', value: 'Lender' },\n { key: 8, text: 'Attorney', value: 'Attorney' },\n { key: 9, text: 'Home Inspector', value: 'Home Inspector' },\n { key: 10, text: 'Other', value: 'Other' }\n]\n\nclass ShareWithModal extends React.Component