![\"upload\"]({toAbsoluteUrl(\"/media/upload.png\")})
\n 
) : <>} \n ![{\"user\"}]({toAbsoluteUrl(\"/media/User.jpg\")})
\n ) : (\n \n )}\n ![{'sign'}/]({toAbsoluteUrl(\"/media/sign.jpg\")})
\n ) : (\n \n )}\n ![\"upload\"]({toAbsoluteUrl(\"/media/choice.png\")})
\n ![\"delete\"]({toAbsoluteUrl(\"/media/delete.png\")})
onDelete(index)} />\n }\n - \" + changedItems.join(\"
- \") + \"
.*Dear .*,<\\/p>/,\n `
Dear ${ownersNames},
`,\n );\n dispatch(updateVendor({ coverLetter: coverletter }));\n };\n\n const saveAppraisal = () => {\n setSaveLoading(true);\n if (\n appraisalType === \"listingProposal\" &&\n meta.flkEnabled &&\n appraisalData.owners?.length > 0\n ) {\n updateCoverletter();\n }\n return props.saveAppraisal().finally(() => setSaveLoading(false));\n };\n\n const goToFlk = () => {\n saveAppraisal();\n const category =\n meta.category === \"sales\" ? \"sales\" : \"property_management\";\n let url = `https://app.${\n process.env.FLK_ENV === \"staging\" ? \"staging.\" : \"\"\n }flkitover.com/dashboard/agreements/${category}/draft?create=${category}&utm_source=RH`;\n url +=\n \"&address=\" +\n encodeURIComponent(\n appraisalData.property.displayAddress +\n \" \" +\n appraisalData.property.address.suburb.postcode,\n );\n url += `&sessionId=${appraisalData.id}`;\n appraisalData.owners.forEach((owner, index) => {\n url += `&${index + 1}-firstName=${owner.firstName}`;\n url += `&${index + 1}-secondName=${owner.lastName}`;\n url += `&${index + 1}-email=${owner.email}`;\n url += `&${index + 1}-phone=${convertToInternationalFormat(owner.phone)}`;\n });\n const newWindow = window.open(url, \"_blank\", \"noopener,noreferrer\");\n if (newWindow) newWindow.focus();\n };\n\n const turnAutoSave = checked =>\n TeamsService.updateTeam(teamId, { isAutoSaveProposal: checked }).then(\n () => {\n dispatch(updateTeam({ isAutoSaveProposal: checked }));\n toast.current.show({\n severity: \"info\",\n summary: `Autosave ${checked ? \"enabled\" : \"of\"}`,\n life: 3000,\n });\n },\n );\n\n const saveTemplate = () => {\n setSaveLoading(true);\n return ProspectTemplatesService.postTemplates(appraisalData)\n .then(res => {\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Template has been successfully updated\",\n life: 3000,\n });\n return res;\n })\n .catch(error => {\n toast.current.show({\n severity: \"error\",\n summary: \"Error\",\n detail:\n error.message || \"Something went wrong, please try again later\",\n life: 3000,\n });\n })\n .finally(() => {\n setSaveLoading(false);\n });\n };\n\n const footer = (\n\n Help Centre\n
\nHey {user.firstname}!
\n- \n {data.map(item => (\n
- \n \n\n {item.count}\n \n ))}\n
\n Proposals sent by Type\n
\n- \n
\n Top {currentListType} by total sent\n
\nProposals sent by Team
\n {metricsMessage &&\n See how the team's going\n
\n{officeName}
:\nLoading...
\n }\nMost popular articles
\n- \n {list.map((item, index) => (\n
\n
\n { isEdit ? \"Edit Template\" : \"New Template\" }\n
\n \n { isEdit ? \"Update Template Details\" : \"Create New Template\" }\n \nTemplates
\nProposal Details
\nSend History
\n \n {showSend &&{property.title}
\n{session.date}
\n {session.id}\nSessions
\nNo session recorded
\n\n This proposal hasn’t been opened and read yet. Don’t forget to\n follow up and send a reminder.\n
\nComparables
\n\n Inspection Confirmation\n
\n {updated.date ? (\n{proposalTitle}
\n\n
Most popular articles
\n- \n {articles.map((item, index) => (\n
\n {title}\n
\n\n {subTitle}\n
\n\n Be sure you are logged into your R&H Corporate supplied Microsoft\n email, in order to login here.\n
\nYour session has expired
\nPlease start a new session.
\nEnter your username and password.
\n\n For those offices not on SSO (Single Sign On), please login using\n the same login details as your CompassPlus account.\n
\n\n OOPS! Something went wrong here\n
\n.*Dear .*,<\\/p>/, `
Dear ${owner.firstName} ${owner.lastName },
`);\n dispatch(setAppraisal({ ...data, id: appraisalId, vendor: { ...data.vendor, coverLetter: coverletter }}));\n dispatch(updateNextSteps({ action: {value: link, title: data.nextSteps?.action.title, type: 'link'} }));\n } else {\n const ownersNames = data.owners.map((owner: { firstName: any; }) => `${owner.firstName}`).join(' & ');\n coverletter = coverletter.replace(/.*Dear .*,<\\/p>/, `
Dear ${ ownersNames },
`);\n dispatch(setAppraisal({ ...data, id: appraisalId, vendor: { ...data.vendor, coverLetter: coverletter }}));\n }\n } else {\n dispatch(setAppraisal({ ...data, id: appraisalId}));\n }\n\n })\n .catch((error) => showToastMessage(\n getErrorToastMessage(\"Sorry we didn't find your proposal\" + error)\n ))\n }\n if (appraisalId) initProposalView().then();\n else initPreview();\n }, [appraisalId, proposalData, dispatch, history, flkLink]);\n\n if (proposalId && isArchived) {\n return (\n- \r\n
- \r\n Choose Label:\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Customer\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Partner\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Suplier\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Member\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Staff\r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Add new\r\n \r\n \r\n
- \r\n
- \r\n Add new:\r\n \r\n
- \r\n \r\n \r\n Order\r\n \r\n \r\n
- \r\n \r\n \r\n Event\r\n \r\n \r\n
- \r\n \r\n \r\n Report\r\n \r\n \r\n
- \r\n \r\n \r\n Post\r\n \r\n \r\n
- \r\n \r\n \r\n File\r\n \r\n \r\n
- \r\n
- \r\n Add New:\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Order\r\n \r\n \r\n
- \r\n \r\n \r\n Members\r\n \r\n 3\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Project\r\n \r\n \r\n
- \r\n \r\n \r\n Record\r\n \r\n 5\r\n \r\n \r\n \r\n \r\n
- \r\n More options\r\n Learn more\r\n \r\n
- \r\n
- \r\n \r\n \r\n New Group\r\n \r\n \r\n
- \r\n \r\n \r\n Contacts\r\n \r\n \r\n
- \r\n \r\n \r\n Groups\r\n \r\n new\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Calls\r\n \r\n \r\n
- \r\n \r\n \r\n Settings\r\n \r\n \r\n\r\n \r\n\r\n
- \r\n \r\n \r\n Help\r\n \r\n \r\n
- \r\n \r\n \r\n Privacy\r\n \r\n 5\r\n \r\n \r\n \r\n
.*Dear .*,<\\/p>/,\n `
Dear ${payload.name},
`,\n );\n yield put(updateVendor({ ...payload, coverLetter: updatedCoverLetter }));\n yield put(setLoadProposalFinish(\"updateVendorWithCoverLetter\"));\n },\n );\n\n yield takeLatest(updateOwnersDetails.type, function* updateOwnersDetailsSaga({\n payload,\n }) {\n yield put(setLoadProposalStart(\"updateOwnersDetails\"));\n const { coverLetter } = yield select(state => state.appraisal.vendor);\n const ownersNames = payload.map(owner => `${owner.firstName}`).join(\" & \");\n const updatedCoverLetter = coverLetter?.replace(\n /.*Dear .*,<\\/p>/,\n `
Dear ${ownersNames},
`,\n );\n yield put(updateOwners(payload));\n yield put(updateVendor({ ...payload, coverLetter: updatedCoverLetter }));\n yield put(setLoadProposalFinish(\"updateOwnersDetails\"));\n });\n\n // COMPARABLE INITIALIZATION\n yield takeLatest(\n initializeComparable.type,\n function* initializeComparableSaga({ payload }) {\n yield put(setLoadProposalStart(\"initializeComparable\"));\n const { meta } = payload;\n const { appraisalType } = yield select(state => state.appraisal.meta);\n const { opinionTitle } = yield select(\n state => state.appraisal.comparables.opinionTitle,\n );\n if (appraisalType === \"preAppraisal\") {\n yield put(\n updateComparables({\n sectionTitle:\n meta.category === \"sales\"\n ? \"Recent Sales & Listings\"\n : \"Current Rental Listings\",\n sectionSubtitle:\n meta.category === \"sales\"\n ? \"Keep up-to-date with your local market\"\n : \"Keep up-to-date with your local market\",\n }),\n );\n }\n if (opinionTitle === undefined || opinionTitle === \"\") {\n yield put(\n updateComparables({\n opinionTitle:\n meta.category === \"sales\"\n ? `Taking into consideration all the factors aforementioned, we estimate the following sales range for your ${\n appraisalType === ProposalTypes.businessListingProposal\n ? \"business\"\n : \"property\"\n }:`\n : `Taking into consideration all the factors aforementioned, we estimate the following rental range for your ${\n appraisalType === ProposalTypes.businessListingProposal\n ? \"business\"\n : \"property\"\n }:`,\n }),\n );\n }\n yield put(setLoadProposalFinish(\"initializeComparable\"));\n },\n );\n\n // ARTICLES INITIALIZATION\n yield takeLatest(fetchArticles.type, function* fetchArticlesSaga({\n payload,\n }) {\n yield put(setLoadProposalStart(\"fetchArticles\"));\n const office = yield select(state => state.createProposal?.office);\n const officeId = payload || office?.id;\n const templateArticles = yield select(state => state.appraisal.articles);\n const disabledArticles = templateArticles\n .filter(el => el.active === false)\n .map(el => el._id);\n yield put(setArticles([]));\n const appraisalType = yield select(\n state => state.appraisal.meta.appraisalType,\n );\n const appraisalCategory = yield select(\n state => state.appraisal.meta.category,\n );\n\n const commonListOfArticles = constants.getAllArticles(appraisalCategory);\n const { data } = yield call(\n ArticlesService.getOfficeArticles,\n officeId,\n null,\n null,\n null,\n null,\n \"unlimited\",\n );\n\n const searchCategory =\n appraisalCategory === \"sales\"\n ? [\"residential-sales\", \"residential-sales-nz\"]\n : [\n \"residential-property-management\",\n \"residential-property-management-nz\",\n ];\n\n let validType = [...searchCategory, \"common\"];\n\n if (appraisalType === ProposalTypes.prospecting) {\n validType = [\"corporate-prospecting\", \"common\"];\n }\n\n if (appraisalType === ProposalTypes.businessListingProposal) {\n validType = [\"common\", \"business-sales\"];\n }\n\n const articlesFromTemplate = yield select(\n state => state.appraisal.articlesFromTemplate,\n );\n const articlesFromTemplateMap = articlesFromTemplate.reduce((cur, item) => {\n return Object.assign(cur, { [item.slug]: item });\n }, {});\n\n if (\n appraisalType === ProposalTypes.informationMemorandum ||\n appraisalType === ProposalTypes.residentialInformationMemorandum\n ) {\n const commercialArticles = data.articles?.map(article => {\n if (\n articlesFromTemplate?.length &&\n articlesFromTemplateMap[article.slug]\n ) {\n const articleFromTemplate = articlesFromTemplateMap[article.slug];\n article = { ...articleFromTemplate };\n }\n return article;\n });\n yield put(\n prepareCommercialType({\n articles: commercialArticles,\n type: appraisalType,\n }),\n );\n return;\n }\n\n let filteredArticles = data.articles.filter(\n article =>\n article.active &&\n validType.includes(article.category) &&\n commonListOfArticles.includes(article.slug),\n );\n\n filteredArticles = filteredArticles.map(article => {\n if (\n articlesFromTemplate?.length &&\n articlesFromTemplateMap[article.slug]\n ) {\n const articleFromTemplate = articlesFromTemplateMap[article.slug];\n article.active = articleFromTemplate.active;\n }\n return article;\n });\n\n if (disabledArticles.length > 0) {\n filteredArticles.map(a => (a.active = !disabledArticles.includes(a._id)));\n }\n\n if (appraisalType === \"preAppraisal\") {\n const index = filteredArticles.findIndex(\n el => el.slug === \"the-sales-process\",\n );\n if (index !== -1)\n filteredArticles[index] = { ...filteredArticles[index], active: false };\n }\n\n if (appraisalType === ProposalTypes.commercialListingProposal) {\n const articlesList = constants.getAllArticlesByTypes(\n ProposalTypes.commercialListingProposal,\n appraisalCategory,\n );\n const validCategory = [\"commercial-sales\"];\n filteredArticles = data.articles.filter(\n article =>\n article.active &&\n validCategory.includes(article.category) &&\n articlesList.includes(article.slug),\n );\n }\n\n if (appraisalType === ProposalTypes.tenantHandbook) {\n const articlesList = constants.getAllArticlesByTypes(\n ProposalTypes.tenantHandbook,\n appraisalCategory,\n );\n const validCategory = [\n \"residential-tenant-handbook\",\n \"residential-tenant-handbook-nz\",\n ];\n filteredArticles = data.articles.filter(\n article =>\n article.active &&\n validCategory.includes(article.category) &&\n articlesList.includes(article.slug),\n );\n }\n\n yield put(setArticles(filteredArticles));\n\n let nextStepArticle = filteredArticles.filter(\n a => a.slug === constants.articles.nextSteps[appraisalCategory][0],\n )[0];\n if (appraisalCategory === \"sales\" && appraisalType === \"preAppraisal\") {\n nextStepArticle = filteredArticles.filter(\n a => a.slug === constants.articles.nextSteps[appraisalCategory][1],\n )[0];\n }\n if ([\"marketUpdate\", \"agentProfiling\"].includes(appraisalType)) {\n nextStepArticle = {\n ...nextStepArticle,\n body: \"Enter next steps commentary here...\",\n };\n }\n\n const nextStepDescription = yield select(\n state =>\n state.appraisal.nextSteps?.description || nextStepArticle?.body || \"\",\n );\n\n yield put(\n updateNextSteps({\n description: nextStepDescription,\n image: nextStepArticle?.image,\n }),\n );\n yield put(setLoadProposalFinish(\"fetchArticles\"));\n });\n\n yield takeLatest(updateTeamSection.type, function*() {\n const { image, about } = yield select(state => state.appraisal.team);\n return yield put(updateTeam({ aboutHidden: !image && !about }));\n });\n\n yield takeLatest(updateAttachmentsSection.type, function*() {\n const { appraisalType } = yield select(state => state.appraisal.meta);\n let attachment = yield select(\n state => state.appraisal.commercial.attachments,\n );\n if (appraisalType === ProposalTypes.residentialInformationMemorandum) {\n const data = { ...attachment, items: residentialAttachments };\n return yield put(updateCommercialField({ data, name: \"attachments\" }));\n }\n });\n\n yield takeLatest(prepareServiceFee.type, function*({ payload }) {\n yield put(setLoadProposalStart(\"prepareServiceFee\"));\n let serviceFeesSubtitle = yield select(\n state => state.appraisal.meta.serviceFeesSubtitle,\n );\n\n if (serviceFeesSubtitle === \"\") {\n serviceFeesSubtitle =\n payload.category === \"sales\"\n ? \"What's included in the fee?\"\n : \"Breakdown of service fees\";\n }\n\n yield all([\n put(setPmfees(payload.office?.pmfees)),\n put(updateMeta({ serviceFeesSubtitle })),\n ]);\n yield put(setLoadProposalFinish(\"prepareServiceFee\"));\n });\n\n yield takeLatest(prepareCommercialType.type, function*({ payload }) {\n yield put(setLoadProposalStart(\"prepareCommercialType\"));\n const articlesFromTemplate = yield select(\n state => state.appraisal.commercialFromTemplate,\n );\n const { articles, type } = payload;\n const commercialArticles = getCommercialArticles(articles, type);\n yield put(\n setCommercialArticles({ ...commercialArticles, ...articlesFromTemplate }),\n );\n\n const { email } = yield select(state => state.appraisal.team);\n yield put(\n updateNextSteps({\n action: {\n title: \"Contact Me\",\n type: \"email\",\n value: email || \"demo@mailinator.com\",\n },\n }),\n );\n yield put(setLoadProposalFinish(\"prepareCommercialType\"));\n });\n}\n","import { all, put, takeLatest, call, select } from \"redux-saga/effects\";\nimport {\n setIsLoadingProposalsList,\n setIsLoadingProposalsListWidgets,\n setProposalsList,\n setSentProposalsByLimit,\n setIsLoadingProposalsByLimit,\n setIsLoadingShortProposalList,\n setProposalsByType,\n setRecentProposals,\n setProposalsStatistic,\n setUnopenedProposals,\n setArticles,\n setReadingTime,\n setAverageOpens,\n setClicksPercent,\n setProposalsMetrics,\n setShortProposals,\n} from \"../reducers/proposalsReducer\";\nimport { setIsLoadingLeaderboardChart } from \"../reducers/dashboardReducer\";\nimport {\n fetchProposalsList,\n fetchSentProposalsByLimit,\n fetchProposalsByType,\n fetchProposalsListWidgets,\n fetchShortProposals,\n fetchAppraisalsList,\n} from \"../actions\";\nimport { getRange, getWeeks } from \"../selectors/dashboardSelector\";\nimport AppraisalsService from \"app/api/AppraisalsService\";\nimport MetricsService from \"app/api/MetricsService\";\nimport { UNOPENED, RECENT, MAX_LIMIT } from \"app/constants/proposalsConstants\";\n\nexport default function* watchProposals() {\n yield all([\n yield takeLatest(fetchProposalsList, fetchProposalsListSaga),\n yield takeLatest(\n fetchSentProposalsByLimit.type,\n fetchSentProposalsByLimitSaga,\n ),\n yield takeLatest(fetchProposalsByType.type, fetchProposalsByTypeSaga),\n yield takeLatest(fetchProposalsListWidgets, fetchProposalsListWidgetsSaga),\n yield takeLatest(fetchShortProposals.type, fetchShortProposalsSaga),\n yield takeLatest(fetchAppraisalsList.type, fetchAppraisalsListSaga),\n ]);\n}\n\nfunction* fetchProposalsListSaga({ payload }) {\n yield put(setIsLoadingProposalsList(true));\n const {\n search,\n page,\n archived,\n draft,\n query,\n weeks,\n proposalType,\n proposalOffice,\n proposalTeamMember,\n proposaldateRange,\n } = payload;\n\n let response;\n if (query === UNOPENED) {\n const PAGE = 1;\n response = yield call(\n AppraisalsService.getUnopenedAppraisals,\n ...[MAX_LIMIT, PAGE, weeks || MAX_LIMIT],\n );\n } else {\n response = yield call(\n AppraisalsService.getAppraisals,\n ...[\n search,\n page,\n undefined,\n undefined,\n archived,\n draft,\n 50,\n weeks,\n proposalType,\n proposalOffice,\n proposalTeamMember,\n proposaldateRange,\n ],\n );\n }\n yield put(setProposalsList(response.data));\n yield put(setIsLoadingProposalsList(false));\n}\n\nexport function* fetchAverageOpensSaga() {\n const {\n data: { avg },\n } = yield call(MetricsService.getAverageOpens);\n yield put(setAverageOpens(avg));\n}\n\nexport function* fetchReadingTimeSaga() {\n const weeks = yield select(getWeeks);\n const {\n data: { avg, prevAvg },\n } = yield call(MetricsService.getAverageTime, weeks);\n yield put(setReadingTime({ avg, prevAvg }));\n}\n\nexport function* fetchClicksPercent() {\n const {\n data: { percent, prevPercent },\n } = yield call(MetricsService.getActionsClicks);\n yield put(setClicksPercent({ currClicks: percent, prevClicks: prevPercent }));\n}\n\nfunction* fetchProposalsListWidgetsSaga() {\n yield put(setIsLoadingProposalsListWidgets(true));\n yield call(fetchAverageOpensSaga);\n yield call(fetchReadingTimeSaga);\n yield call(fetchClicksPercent);\n yield put(setIsLoadingProposalsListWidgets(false));\n}\n\nexport function* fetchRecentProposalsSaga() {\n const weeks = yield select(getWeeks);\n const PAGE = 1;\n const { data } = yield call(\n AppraisalsService.getRecentAppraisals,\n ...[MAX_LIMIT, PAGE, weeks, true],\n );\n yield put(setRecentProposals(data));\n}\n\nexport function* fetchUnopenedProposalsSaga() {\n const weeks = yield select(getWeeks);\n const PAGE = 1;\n const { data } = yield call(\n AppraisalsService.getUnopenedAppraisals,\n ...[MAX_LIMIT, PAGE, weeks],\n );\n yield put(setUnopenedProposals(data));\n}\n\nfunction* fetchSentProposalsByLimitSaga({ payload }) {\n yield put(setIsLoadingProposalsByLimit(true));\n const { type, limit, page, weeks } = payload;\n let service;\n switch (type) {\n case UNOPENED:\n service = AppraisalsService.getUnopenedAppraisals;\n break;\n case RECENT:\n service = AppraisalsService.getRecentAppraisals;\n break;\n default:\n break;\n }\n\n try {\n const response = yield call(service, ...[limit, page, weeks]);\n yield put(setSentProposalsByLimit({ data: response.data }));\n } catch (e) {\n yield put(setSentProposalsByLimit({ error: e.message }));\n }\n}\n\nfunction* fetchProposalsByTypeSaga({ payload }) {\n yield put(setIsLoadingLeaderboardChart(true));\n try {\n const response = yield call(AppraisalsService.senttypes, payload.weeks);\n const { currCount, prevCount, appraisals } = response.data || {};\n\n yield put(setProposalsByType(appraisals));\n yield put(setProposalsMetrics({ currCount, prevCount }));\n } catch (e) {\n yield put(setProposalsByType({ error: e.message }));\n }\n yield put(setIsLoadingLeaderboardChart(false));\n}\n\nexport function* fetchArticlesSaga() {\n const {\n data: { articles },\n } = yield call(MetricsService.getArticles);\n yield put(setArticles(articles));\n}\n\nexport function* fetchProposalStatistic({\n status = null,\n filter = \"created_at\",\n key = \"sentProposals\",\n}) {\n const params = {};\n const weeks = yield select(getWeeks);\n const range = yield select(getRange);\n params.start = range?.start;\n params.end = range?.end;\n\n params.weeks = weeks;\n params.filter = filter;\n if (status) {\n params.status = status;\n }\n const { data } = yield call(AppraisalsService.getProposalStatistic, params);\n yield put(setProposalsStatistic({ key, data }));\n}\n\nexport function* fetchShortProposalsSaga({ payload }) {\n const {\n status = null,\n filter = \"created_at\",\n limit = null,\n page = 1,\n excludeTimeInMS = null,\n } = payload;\n yield put(setIsLoadingShortProposalList(true));\n try {\n const weeks = yield select(getWeeks);\n\n const params = { weeks, filter, page };\n if (status) {\n params.status = status;\n }\n if (limit) {\n params.limit = limit;\n }\n if (excludeTimeInMS) {\n params.excludeTimeInMS = excludeTimeInMS;\n }\n const { data } = yield call(AppraisalsService.getShortProposals, params);\n yield put(setShortProposals(data.shortProposals));\n } catch {\n yield put(setIsLoadingShortProposalList(false));\n }\n}\n\nexport function* fetchAppraisalsListSaga({ payload }) {\n const {\n search,\n page,\n archived,\n draft,\n query,\n weeks,\n range,\n proposalType,\n proposalOffice,\n proposalTeamMember,\n proposaldateRange,\n } = payload;\n\n yield put(setIsLoadingProposalsList(true));\n try {\n const params = {\n weeks,\n page,\n search,\n proposalType,\n proposalOffice,\n proposalTeamMember,\n proposaldateRange,\n archived,\n draft,\n query,\n };\n\n if (draft || archived) {\n params.filterСriterion = \"created_at\";\n } else params.filterСriterion = \"sent_at\";\n\n params.status = query;\n params.start = range.start;\n params.end = range.end;\n\n const { data } = yield call(AppraisalsService.getProposalList, params);\n yield put(setProposalsList(data));\n } catch (e) {\n console.log(e);\n }\n yield put(setIsLoadingProposalsList(false));\n}\n","import moment from 'moment';\n\nconst MILLISECONDS_IN_DAY = 86400000;\n\nexport const generateFormattedDate = (numberDayIndexes) => {\n const result = [];\n while (numberDayIndexes > -1) {\n const dateTimeStamp = Date.now() - (MILLISECONDS_IN_DAY * numberDayIndexes);\n const date = new Date(dateTimeStamp);\n\n let day = String(date.getDate());\n day = day.length === 1 ? `0${day}` : day;\n let month = String(date.getMonth() + 1);\n month = month.length === 1 ? `0${month}` : month;\n\n const fullDate = `${date.getFullYear()}-${month}-${day}`;\n const monthShortName = moment()._locale._monthsShort[date.getMonth()];\n const formattedDay = `${date.getDate()} ${monthShortName}`;\n result.push({ date: fullDate, day: formattedDay });\n numberDayIndexes--;\n }\n return result;\n};\n","import { generateFormattedDate } from './formettedDate';\n\nconst WEEK_DAYS_INDEX = 6;\nconst ONE_WEEK_DAYS = 7;\nconst FOUR_WEEKS_DAYS = 28;\n\nconst convertProposalsArray = (proposalsArray) => {\n const proposalsData = {};\n proposalsArray.forEach(item => {\n proposalsData[item._id] = {\n recent: item.count,\n unopened: item.unopened,\n };\n });\n return proposalsData;\n};\n\nexport const getOneWeek = (proposalsArray) => {\n const datesArray = generateFormattedDate(WEEK_DAYS_INDEX);\n const proposalsData = convertProposalsArray(proposalsArray);\n\n const result = {\n labels: [],\n recent: [],\n unopened: [],\n };\n datesArray.forEach(({ date, day }) => {\n result.labels.push(day);\n if (proposalsData[date]) {\n result.recent.push(proposalsData[date].recent);\n result.unopened.push(proposalsData[date].unopened);\n } else {\n result.recent.push(0);\n result.unopened.push(0);\n }\n });\n return result;\n};\n\nexport const getByMonths = (proposalsArray, weeks) => {\n const DAYS = (weeks * ONE_WEEK_DAYS);\n const datesArray = generateFormattedDate(DAYS);\n const proposalsData = convertProposalsArray(proposalsArray);\n\n const result = {\n labels: [],\n recent: [],\n unopened: [],\n };\n\n let recent = 0;\n let unopened = 0;\n const breakdown = weeks > 4 ? FOUR_WEEKS_DAYS : ONE_WEEK_DAYS\n datesArray.forEach(({ date, day }, index) => {\n if (proposalsData[date]) {\n recent += proposalsData[date].recent;\n unopened += proposalsData[date].unopened;\n }\n if ((index && (index % breakdown === 0)) || index === datesArray.length - 1) {\n result.labels.push(day);\n result.recent.push(recent);\n result.unopened.push(unopened);\n recent = 0;\n unopened = 0;\n }\n });\n return result;\n};\n","import axios from \"axios\";\nimport API_URL from \"./api\";\n\nexport default class SessionsService {\n static getUsersSessions = () => {\n return axios.get(`${API_URL}/sessions/users`);\n };\n\n static getOfficeSessions = () => {\n return axios.get(`${API_URL}/sessions/offices`);\n };\n}\n","import { all, put, takeLatest, call, select } from \"redux-saga/effects\";\nimport {\n setIsLoadingLeaders,\n setLeaders,\n setRecentProposalsChartData,\n setProposalsWidgetData,\n setIsLoadingProposalsWidget,\n setIsLoadingFooterWidgets,\n setFooterWidgetsData,\n setUsersSessions,\n setOfficesSessions,\n setIsLoadingLeaderboardChart,\n} from \"../reducers/dashboardReducer\";\nimport {\n setProposalsByType,\n setProposalsMetrics,\n} from \"../reducers/proposalsReducer\";\nimport {\n fetchLeaders,\n fetchRecentProposalsChartData,\n fetchProposalsWidgetData,\n fetchFooterWidgetsData,\n fetchProposalsByTypeData,\n} from \"../actions\";\nimport {\n getOfficesSessions,\n getRange,\n getUsersSessions,\n getWeeks,\n} from \"../selectors/dashboardSelector\";\nimport {\n getUnopenedProposalsTotal,\n getSentProposalsTotal,\n getPrevSentProposalsTotal,\n getClicksPercent,\n getAverageReadingTime,\n getAverageOpens,\n getArticlesArray,\n getPrevUnopenedProposalsTotal,\n} from \"../selectors/proposalsSelector\";\nimport {\n fetchProposalStatistic,\n fetchClicksPercent,\n fetchArticlesSaga,\n fetchAverageOpensSaga,\n fetchReadingTimeSaga,\n} from \"./proposalsSaga\";\nimport AppraisalsService from \"app/api/AppraisalsService\";\nimport { AGENTS } from \"app/constants/commonConstants\";\nimport {\n getOneWeek,\n getByMonths,\n} from \"app/modules/Dashboard/ProposalsChart/utils/recentProposalsChartData\";\nimport SessionsService from \"../../app/api/SessionsService\";\n\nfunction* fetchUsersSessionsSaga() {\n const {\n data: { usersCount },\n } = yield call(SessionsService.getUsersSessions);\n yield put(setUsersSessions(usersCount));\n}\n\nfunction* fetchOfficesSessionsSaga() {\n const {\n data: { officesCount },\n } = yield call(SessionsService.getOfficeSessions);\n yield put(setOfficesSessions(officesCount));\n}\n\nfunction* fetchLeadersSaga({ payload }) {\n yield put(setIsLoadingLeaders(true));\n\n const {\n weeks,\n limit,\n page,\n listType,\n range,\n search,\n orderField,\n orderType,\n withMetric,\n } = payload;\n const service =\n listType === AGENTS\n ? AppraisalsService.leaderboard\n : AppraisalsService.officeLeaderboard;\n\n try {\n const { data } = yield call(\n service,\n ...[weeks, limit, page, range, search, orderField, orderType, withMetric],\n );\n yield put(setLeaders(data));\n } catch (e) {\n yield put(setLeaders({ error: e.message }));\n }\n}\n\nfunction* fetchRecentProposalsChartDataSaga() {\n try {\n const weeks = yield select(getWeeks);\n const range = yield select(getRange);\n const { data } = yield call(\n AppraisalsService.getDataForSentProposalGraph,\n ...[weeks, range],\n );\n if (data?.appraisals?.length && weeks) {\n let result = null;\n if (weeks === 1) {\n result = yield call(getOneWeek, data?.appraisals);\n }\n if (weeks > 1) {\n result = yield call(getByMonths, data?.appraisals, weeks);\n }\n yield put(setRecentProposalsChartData(result));\n } else {\n yield put(setRecentProposalsChartData(null));\n }\n } catch (e) {\n yield put(setRecentProposalsChartData(null));\n }\n}\n\nfunction* fetchProposalsWidgetDataSaga() {\n yield put(setIsLoadingProposalsWidget(true));\n try {\n yield all([\n call(fetchProposalStatistic, { filter: \"sent_at\", key: \"sentProposals\" }),\n call(fetchProposalStatistic, {\n status: \"unopened\",\n filter: \"sent_at\",\n key: \"unopenedProposals\",\n }),\n call(fetchClicksPercent),\n ]);\n const sent = yield select(getSentProposalsTotal);\n const prevSent = yield select(getPrevSentProposalsTotal);\n const unopened = yield select(getUnopenedProposalsTotal);\n const prevUnopened = yield select(getPrevUnopenedProposalsTotal);\n const clicks = yield select(getClicksPercent);\n const prevClicks = yield select(getClicksPercent);\n yield put(\n setProposalsWidgetData({\n sent,\n prevSent,\n unopened,\n prevUnopened,\n clicks,\n prevClicks,\n }),\n );\n } catch (e) {\n yield put(setIsLoadingProposalsWidget(false));\n }\n}\n\nfunction* fetchFooterWidgetsDataSaga() {\n yield put(setIsLoadingFooterWidgets(true));\n yield all([\n call(fetchArticlesSaga),\n call(fetchReadingTimeSaga),\n call(fetchAverageOpensSaga),\n call(fetchUsersSessionsSaga),\n call(fetchOfficesSessionsSaga),\n ]);\n const articles = yield select(getArticlesArray);\n const readingTime = yield select(getAverageReadingTime);\n const averageOpens = yield select(getAverageOpens);\n const usersSessions = yield select(getUsersSessions);\n const officesSessions = yield select(getOfficesSessions);\n yield put(\n setFooterWidgetsData({\n articles,\n readingTime,\n averageOpens,\n usersSessions,\n officesSessions,\n }),\n );\n}\n\nfunction* fetchProposalsByTypeDataSaga({ payload }) {\n yield put(setIsLoadingLeaderboardChart(true));\n const { weeks, range } = payload;\n try {\n const response = yield call(\n AppraisalsService.getSentProposalByType,\n ...[weeks, range],\n );\n const { currCount, prevCount, appraisals } = response.data || {};\n\n yield put(setProposalsByType(appraisals));\n yield put(setProposalsMetrics({ currCount, prevCount }));\n\n yield put(setProposalsByType(appraisals));\n } catch (e) {\n yield put(setProposalsByType({ error: e.message }));\n }\n yield put(setIsLoadingLeaderboardChart(false));\n}\n\nexport default function* watchDashboard() {\n yield all([\n takeLatest(fetchLeaders.type, fetchLeadersSaga),\n takeLatest(\n fetchRecentProposalsChartData.type,\n fetchRecentProposalsChartDataSaga,\n ),\n takeLatest(fetchProposalsWidgetData.type, fetchProposalsWidgetDataSaga),\n takeLatest(fetchFooterWidgetsData.type, fetchFooterWidgetsDataSaga),\n takeLatest(fetchProposalsByTypeData.type, fetchProposalsByTypeDataSaga),\n ]);\n}\n","import { all, put, takeLatest, call } from \"redux-saga/effects\";\nimport {\n fetchProposal,\n fetchMetrics,\n fetchSendHistory,\n fetchCurrentSessionData,\n} from \"../actions\";\nimport {\n setIsLoadSessions,\n setPropertyInfo,\n setReportInfo,\n setSendHistory,\n setCurrentSessionData,\n setIsLoadSessionData,\n} from \"../reducers/metricsReducer\";\nimport { updateAppraisal, setAppraisalId } from \"../reducers/appraisalReducer\";\nimport MetricsService from \"app/api/MetricsService\";\nimport AppraisalsService from \"app/api/AppraisalsService\";\nimport SendService from \"app/api/SendService\";\n\nfunction* fetchProposalSaga({ payload }) {\n const { data } = yield call(AppraisalsService.getAppraisal, payload.id);\n yield put(\n setPropertyInfo({\n proposal: data,\n agentName: data.team.leaderName || data.team.name,\n imageId: data.team.profilePortrait,\n officeName: data.team.officeName,\n updated: data.updated_at,\n }),\n );\n yield put(setAppraisalId(data._id));\n yield put(updateAppraisal(data));\n}\n\nfunction* fetchReportsSaga({ payload }) {\n yield put(setIsLoadSessions(true));\n const { data } = yield call(MetricsService.getMetrics, payload.id); \n yield put(\n setReportInfo({\n all: data.all,\n prints: data.prints,\n sessions: data.sessions,\n }),\n );\n yield put(setIsLoadSessions(false));\n}\n\nfunction* fetchSendHistorySaga({ payload }) {\n const { data } = yield call(SendService.getHistory, payload.id);\n yield put(setSendHistory(data));\n}\n\nfunction* fetchCurrentSessionDataSaga({ payload }) {\n yield put(setIsLoadSessionData(true));\n const { data } = yield call(MetricsService.getSession, payload);\n yield put(setCurrentSessionData(data));\n yield put(setIsLoadSessionData(false));\n}\n\nexport default function* watchMetrics() {\n yield all([\n yield takeLatest(fetchProposal, fetchProposalSaga),\n yield takeLatest(fetchMetrics, fetchReportsSaga),\n yield takeLatest(fetchSendHistory, fetchSendHistorySaga),\n yield takeLatest(fetchCurrentSessionData, fetchCurrentSessionDataSaga),\n ]);\n}\n","import { ProposalTypes } from \"app/interfaces\";\nimport { takeLatest, select, put, all } from \"redux-saga/effects\";\nimport {\n setCalendar,\n setAvailableCalendars,\n setCountry,\n updateAppraisal,\n updateAppraisalFromTemplate,\n updateMethodOfSaleField,\n updateOurServicesField,\n updateComparables,\n updateCommercialField,\n updateProperty as updateProposalProperty,\n} from \"redux/reducers\";\nimport {\n setLoadProposalStart,\n setLoadProposalFinish,\n} from \"redux/reducers/commonReducer\";\nimport {\n fetchArticles,\n prepareAppraisal,\n} from \"redux/actions/appraisalActions\";\nimport {\n populateCalendar,\n populateStateInfo,\n getTeamData,\n getTestimonials,\n getNextStepActionTitle,\n} from \"app/modules/Appraisals/CreateAppraisal/utils\";\nimport ProspectTemplatesService from \"../../../api/ProspectTemplatesService\";\nimport OfficesService from \"../../../api/OfficesService\";\nimport SuburbsService from \"../../../api/SuburbsService\";\nimport { generateBuilderData } from \"./actions\";\nimport { getDefaultSuburbsCoordinates } from \"app/modules/Appraisals/CreateAppraisal/utils\";\n\nfunction* generateNotCommercialBuilderObject() {\n const { office, type, profile, property, suburb } = yield select(\n state => state.createProposal,\n );\n\n const { methodOfSale, commercial } = yield select(state => state.appraisal);\n const { selectedCalendar } = yield select(state => state.appraisal.calendar);\n\n const initialAppraisal: any = {\n recipient: {},\n articles: [],\n property: {},\n team: {},\n vendor: {},\n comparables: {},\n calendar: {},\n meta: {},\n methodOfSale: {},\n ourServices: {},\n marketing: {},\n testimonials: {},\n stateInfo: {},\n nextSteps: {},\n country: \"Australia\",\n };\n\n const updateMeta: any = {\n appraisalType: type,\n classification: office?.speciality || \"residential\",\n team: profile?.id,\n office: office?._id,\n website: office?.website,\n officeVaultreId: office?.groupid,\n flkEnabled: office?.flkEnabled,\n };\n\n const updateTeam: any = getTeamData(\n profile,\n office?.name,\n office?.address,\n office?.phone,\n );\n\n const updateNextSteps = {\n action: {\n title: getNextStepActionTitle(type),\n type: \"email\",\n value: profile?.email || \"demo@mailinator.com\",\n },\n };\n\n const updateTestimonials = {\n image: profile?.testimonials?.image,\n items: getTestimonials(profile?.testimonials),\n };\n\n const updateVendor: any = {};\n\n const updateProperty: any = {};\n\n let updateStateInfo: any = {};\n\n let updateComparablesInfo: any;\n\n let template;\n\n yield put(setCountry(office?.country));\n\n if (type === ProposalTypes.preAppraisal) {\n template = profile?.templates?.template1;\n updateVendor.coverLetter = profile?.coverLetter;\n }\n\n if (type === ProposalTypes.listingProposal) {\n template = profile?.templates?.template2;\n updateVendor.coverLetter = profile?.coverLetter2;\n }\n\n if (type === ProposalTypes.marketUpdate) {\n template = profile?.templates?.template3;\n updateVendor.coverLetter = profile?.coverLetter3;\n }\n\n if (type === ProposalTypes.agentProfiling) {\n template = profile?.templates?.template4;\n const state = office?.address?.match(/VIC|NSW|ACT|QLD|NT|SA|TAS|WA/) || [];\n updateStateInfo = { ...populateStateInfo(state[0]) };\n\n updateVendor.coverLetter = profile?.coverLetter4;\n const addressArr = office?.address?.split(\",\").reverse() || [];\n updateProperty.address = {\n suburb: {\n name: addressArr[3].trim(),\n postcode: addressArr[1].trim(),\n state: {\n abbreviation: addressArr[2].trim(),\n },\n },\n };\n updateProperty.agentPriceOpinionHidden = true;\n\n updateComparablesInfo = {\n sectionTitle:\n profile?.departmentCategory?.split(\" \")[1] === \"Sales\"\n ? \"Recent Sales & Listings\"\n : \"Current Listings\",\n sectionSubtitle: \"Keep up-to-date with your local market\",\n };\n\n updateMeta.classification = profile?.departmentCategory\n ?.split(\" \")[0]\n .toLowerCase();\n\n updateMeta.category =\n profile?.departmentCategory?.split(\" \")[1] === \"Sales\"\n ? \"sales\"\n : \"lease\";\n } else {\n updateComparablesInfo = {\n sectionTitle: \"Price Estimate\",\n comparableTitle: \"Comparable Sales\",\n sectionSubtitle: \"Opinion for sale price for your property\",\n };\n }\n\n if (type === ProposalTypes.recruitment) {\n template = profile?.templates?.template5;\n updateVendor.coverLetter = profile?.coverLetter5;\n }\n\n if (type === ProposalTypes.informationMemorandum) {\n template = profile?.templates?.template6;\n updateVendor.coverLetter = profile?.coverLetter6;\n }\n\n if (type === ProposalTypes.residentialInformationMemorandum) {\n template = profile?.templates?.template9;\n updateVendor.coverLetter = profile?.coverLetter8;\n }\n\n if (type === ProposalTypes.prospecting) {\n template = profile?.templates?.template10;\n updateVendor.coverLetter = profile?.coverLetter13;\n updateMeta.serviceFeesTitle = \"Franchise Fee Structure\";\n updateTeam.leaderNameSubtitle = \"Your supporting Network Manager\";\n }\n\n if (type === ProposalTypes.commercialListingProposal) {\n template = profile?.templates?.template13;\n updateVendor.coverLetter = profile?.coverLetter7;\n updateMeta.serviceFeesTitle = \"Agency Fees\";\n updateTeam.marketReportTitle = \"Market Overview\";\n yield put(\n updateCommercialField({\n data: {\n ...commercial?.locationOverview,\n title: \"Property Overview\",\n },\n name: \"locationOverview\",\n }),\n );\n }\n\n if (type === ProposalTypes.businessListingProposal) {\n updateProperty.sectionTitle = \"Your Business\";\n updateProperty.sectionSubtitle = \"What sets your business apart?\";\n if (property && property?.saleLifeId === null) {\n template = profile?.templates?.template12;\n } else template = profile?.templates?.template11;\n updateVendor.coverLetter = profile?.coverLetter9;\n updateComparablesInfo = {\n sectionTitle: \"Recent Industry Sales\",\n sectionSubtitle: \"Opinion for sale to your business\",\n };\n }\n\n if (type === ProposalTypes.tenantHandbook) {\n template = profile?.templates?.template15;\n updateVendor.coverLetter = profile?.coverLetter14;\n }\n\n // keep the old logical steps\n yield put(\n updateAppraisal({\n ...initialAppraisal,\n property: updateProperty,\n team: updateTeam,\n meta: updateMeta,\n testimonials: updateTestimonials,\n vendor: updateVendor,\n stateInfo: updateStateInfo,\n comparables: updateComparablesInfo,\n nextSteps: updateNextSteps,\n country: office?.country,\n }),\n );\n\n if (type === ProposalTypes.marketUpdate) {\n yield put(\n updateAppraisal({\n ...initialAppraisal,\n property: {\n address: {\n suburb: { ...suburb },\n },\n detailsHidden: true,\n agentPriceOpinionHidden: true,\n },\n comparables: {\n sectionTitle:\n profile?.departmentCategory?.split(\" \")[1] === \"Sales\"\n ? \"Recent Sales & Listings\"\n : \"Current Listings\",\n sectionSubtitle: \"Keep up-to-date with your local market\",\n },\n meta: {\n classification: profile?.departmentCategory\n ?.split(\" \")[0]\n .toLowerCase(),\n category:\n profile?.departmentCategory?.split(\" \")[1] === \"Sales\"\n ? \"sales\"\n : \"lease\",\n },\n stateInfo: populateStateInfo(suburb.state.abbreviation),\n }),\n );\n } else if (type === ProposalTypes.prospecting) {\n yield all([\n put(setCalendar(populateCalendar(office, \"sales\", selectedCalendar))),\n put(setAvailableCalendars(office?.timeline_settings)),\n put(\n updateAppraisal({\n ...initialAppraisal,\n property: {\n address: {\n suburb: { ...suburb },\n },\n displayAddress: `${suburb?.postcode} ${suburb?.state?.abbreviation}`,\n coordinates: getDefaultSuburbsCoordinates(\n suburb?.state?.abbreviation,\n ),\n detailsHidden: false,\n agentPriceOpinionHidden: true,\n sectionTitle: \"Your Region\",\n sectionSubtitle: \"Know your service area and market\",\n },\n comparables: {\n sectionTitle:\n profile?.departmentCategory?.split(\" \")[1] === \"Sales\"\n ? \"Recent Sales & Listings\"\n : \"Current Listings\",\n sectionSubtitle: \"Keep up-to-date with your local market\",\n },\n meta: {\n classification: profile?.departmentCategory\n ?.split(\" \")[0]\n .toLowerCase(),\n category:\n profile?.departmentCategory?.split(\" \")[1] === \"Sales\"\n ? \"sales\"\n : \"lease\",\n office: office?._id,\n },\n stateInfo: populateStateInfo(suburb.state.abbreviation),\n }),\n ),\n ]);\n } else if (property) {\n yield put(prepareAppraisal());\n updateProperty.suburbHidden = property?.suburbHidden;\n interface updateReduxField {\n field: string;\n value: Boolean;\n }\n\n const updateMethodOfSaleFieldObject: updateReduxField = {\n field: \"hidden\",\n value: methodOfSale?.hidden || true,\n };\n\n const updateOurServicesFieldObject: updateReduxField = {\n field: \"hidden\",\n value: true,\n };\n\n if (type === \"listingProposal\") {\n if (property.saleLifeId) {\n updateMethodOfSaleFieldObject.value = methodOfSale?.hidden || false;\n updateOurServicesFieldObject.value = true;\n } else {\n updateMethodOfSaleFieldObject.value = methodOfSale?.hidden || true;\n updateOurServicesFieldObject.value = false;\n }\n }\n if (type === ProposalTypes.commercialListingProposal) {\n updateMethodOfSaleFieldObject.value = false;\n }\n\n yield all([\n put(updateMethodOfSaleField(updateMethodOfSaleFieldObject)),\n put(updateOurServicesField(updateOurServicesFieldObject)),\n ]);\n\n if (type === \"listingProposal\" && !property.saleLifeId) {\n yield put(\n updateComparables({\n sectionTitle: \"Estimated Rental Return\",\n comparableTitle: \"Comparable Rentals\",\n sectionSubtitle:\n \"Opinion on the weekly rental return of your property\",\n }),\n );\n }\n\n if (type === \"preAppraisal\") {\n yield put(\n updateAppraisal({\n ...initialAppraisal,\n team: {\n reportHidden: true,\n },\n property: {\n suburbHidden: true,\n agentPriceOpinionHidden: true,\n },\n marketing: {\n packsHidden: true,\n },\n calendar: {\n sectionHidden: true,\n },\n meta: {\n serviceFeesHidden: true,\n },\n }),\n );\n }\n }\n if (type === ProposalTypes.prospecting) {\n try {\n const { lng, lat } = yield SuburbsService.getCoordinates(\n `${suburb?.postcode} ${suburb?.state?.abbreviation}`,\n );\n const { data } = yield OfficesService.getOfficesByState(\n suburb?.state?.abbreviation,\n );\n const offices = data || [];\n yield put(\n updateProposalProperty({\n address: { suburb: { ...suburb, ...offices } },\n coordinates: { lon: lng, lat, zoom: 14 },\n }),\n );\n } catch (e) {\n console.log(e);\n }\n }\n\n if (\n type === ProposalTypes.preAppraisal &&\n property &&\n property?.saleLifeId === null\n ) {\n template = profile?.templates?.template7;\n }\n\n if (\n type === ProposalTypes.listingProposal &&\n property &&\n property?.saleLifeId === null\n ) {\n template = profile?.templates?.template8;\n }\n\n if (\n type === ProposalTypes.commercialListingProposal &&\n property &&\n property?.saleLifeId === null\n ) {\n template = profile?.templates?.template14;\n }\n\n yield put(fetchArticles());\n\n if (template) {\n yield put(setLoadProposalStart(\"getTemplate\"));\n const templateData: Generator = yield ProspectTemplatesService.getTemplate(\n template,\n )\n .then(res => res.data)\n .catch(() => null);\n if (templateData) yield put(updateAppraisalFromTemplate(templateData));\n yield put(setLoadProposalFinish(\"getTemplate\"));\n }\n}\nexport default function* watchCreateProposal() {\n yield takeLatest(generateBuilderData, generateNotCommercialBuilderObject);\n}\n","import { all, put, takeLatest, call } from \"redux-saga/effects\";\nimport {\n fetchMessagesList,\n fetchReadMessage,\n fetchMessagesListByType,\n fetchDeleteMessage,\n fetchReadAllMessages,\n} from \"../actions\";\nimport {\n setIsLoadingMessagesList,\n setMessagesList,\n updateMessage,\n updateUnreadedMessagesList,\n decreaseTotalUnreadedMessages,\n updateMessagesListByType,\n} from \"../reducers/messagesReducer\";\nimport MessagesService from \"app/api/MessagesService\";\n\nexport function* fetchMessagesListSaga({ payload }) {\n try {\n yield put(setIsLoadingMessagesList(true));\n const { page, speciality } = payload;\n const { data } = yield call(\n MessagesService.getMessages,\n ...[speciality, page],\n );\n yield put(setMessagesList(data));\n yield put(setIsLoadingMessagesList(false));\n } catch (e) {\n console.error(e.message);\n }\n}\n\nexport function* fetchMessagesListByTypeSaga({ payload }) {\n try {\n yield put(setIsLoadingMessagesList(true));\n const { page, activeTab, speciality } = payload;\n const { data } = yield call(\n MessagesService.getMessages,\n ...[speciality, page, activeTab],\n );\n yield put(updateMessagesListByType(data));\n yield put(setIsLoadingMessagesList(false));\n } catch (e) {\n console.error(e.message);\n }\n}\n\nexport function* fetchReadMessageSaga({ payload }) {\n try {\n const { index, newMessage } = payload;\n const { data } = yield call(MessagesService.readMessage, newMessage);\n yield put(updateMessage({ index, message: data }));\n yield put(updateUnreadedMessagesList({ message: data }));\n yield put(decreaseTotalUnreadedMessages());\n } catch (e) {\n console.error(e.message);\n }\n}\n\nexport function* fetchReadAllMessagesSaga({ payload }) {\n try {\n const { newMessages, speciality } = payload;\n yield all(\n newMessages.map(message => call(MessagesService.readMessage, message)),\n );\n yield call(fetchMessagesListSaga, { payload: { speciality } });\n } catch (e) {\n console.error(e.message);\n }\n}\n\nexport function* fetchDeleteMessageSaga({ payload }) {\n try {\n const { newMessage, page, activeTab } = payload;\n yield call(MessagesService.deleteMessage, newMessage?._id, newMessage);\n yield call(fetchMessagesListByTypeSaga, { payload: { page, activeTab } });\n } catch (e) {\n console.error(e.message);\n }\n}\n\nexport default function* watchMessages() {\n yield all([\n yield takeLatest(fetchMessagesList.type, fetchMessagesListSaga),\n yield takeLatest(fetchMessagesListByType.type, fetchMessagesListByTypeSaga),\n yield takeLatest(fetchReadMessage.type, fetchReadMessageSaga),\n yield takeLatest(fetchReadAllMessages.type, fetchReadAllMessagesSaga),\n yield takeLatest(fetchDeleteMessage.type, fetchDeleteMessageSaga),\n ]);\n}\n","import { all, spawn } from 'redux-saga/effects';\nimport { combineReducers } from 'redux';\nimport common from './reducers/commonReducer';\nimport appraisal from './reducers/appraisalReducer';\nimport availableCalendars from './reducers/availableCalendarsReducer';\nimport proposals from './reducers/proposalsReducer';\nimport messages from \"./reducers/messagesReducer\";\nimport dashboard from \"./reducers/dashboardReducer\";\nimport metrics from \"./reducers/metricsReducer\";\nimport createProposal from \"../app/modules/CreateProposal/redux/reduxSlice\";\n\nimport * as auth from \"../app/modules/Auth/_redux/authRedux\";\nimport watchCommon from \"./saga/commonSaga\";\nimport watchAppraisals from \"./saga/appraisalSaga\";\nimport watchProposals from \"./saga/proposalsSaga\";\nimport watchDashboard from \"./saga/dashboardSaga\";\nimport watchMetrics from \"./saga/metricsSaga\";\nimport watchCreateProposal from \"../app/modules/CreateProposal/redux/saga\";\nimport watchMessages from \"./saga/messagesSaga\";\n\nexport const rootReducer = combineReducers({\n auth: auth.reducer,\n common,\n appraisal,\n availableCalendars,\n proposals,\n dashboard,\n metrics,\n createProposal,\n messages,\n});\n\nexport function* rootSaga() {\n yield spawn(auth.saga);\n yield all([\n watchCommon(),\n watchAppraisals(),\n watchProposals(),\n watchDashboard(),\n watchMetrics(),\n watchCreateProposal(),\n watchMessages(),\n ]);\n}\n","import {configureStore, getDefaultMiddleware} from \"@reduxjs/toolkit\";\nimport createSagaMiddleware from \"redux-saga\";\nimport {reduxBatch} from \"@manaflair/redux-batch\";\nimport {persistStore} from \"redux-persist\";\nimport {rootReducer, rootSaga} from \"./rootReducer\";\n\nconst sagaMiddleware = createSagaMiddleware();\nconst middleware = [\n ...getDefaultMiddleware({\n immutableCheck: false,\n serializableCheck: false,\n thunk: true\n }),\n sagaMiddleware\n];\n\nconst store = configureStore({\n reducer: rootReducer,\n middleware,\n devTools: process.env.NODE_ENV !== \"production\",\n enhancers: [reduxBatch]\n});\n\n/**\n * @see https://github.com/rt2zz/redux-persist#persiststorestore-config-callback\n * @see https://github.com/rt2zz/redux-persist#persistor-object\n */\nexport const persistor = persistStore(store);\n\nexport type RootState = ReturnTypeIntroduction to property...
\nKey Selling Features:
\n- \n
- Example \n
- Example \n
- Example \n
Target Buyers:
\n- \n
- Example \n
Introduction to property...
\nKey Marketing Features:
\n- \n
- Example \n
- Example \n
- Example \n
Target Tenants:
\n- \n
- Example \n
\");\n rawArrays.splice(0, 1);\n return rawArrays.map(item => {\n const testimonial = item.split(\" \");\n testimonial.splice(3);\n const final = testimonial.map(i => i.replace(/<.*?>|\"|\\n| /gim, \"\"));\n return { quote: final[1], name: final[2].replace(\"- \", \"\") };\n });\n};\n\nexport const getYoutubeParameterByName = (name, url) => {\n if (!url) url = window.location.href;\n name = name.replace(/[[\\]]/g, \"\\\\$&\");\n let regex = new RegExp(\"[?&]\" + name + \"(=([^&#]*)|&|#|$)\");\n let results = regex.exec(url);\n if (!results) return null;\n if (!results[2]) return \"\";\n return decodeURIComponent(results[2].replace(/\\+/g, \" \"));\n};\n\nexport const populateStateInfo = state => {\n const suburbsInfo = {\n NSW: {\n title: \"New South Wales Fair Trading\",\n link: \"www.fairtrading.nsw.gov.au\",\n phone: \"13 32 20\",\n logo: \"nsw.png\",\n },\n SA: {\n title: \"South Australia Consumer and Business Services\",\n link: \"www.cbs.sa.gov.au\",\n phone: \"131 882\",\n logo: \"sa.png\",\n },\n TAS: {\n title: \"Tasmania Consumer Affairs and Fair Trading\",\n link: \"www.cbos.tas.gov.au\",\n phone: \"1300 65 44 99\",\n logo: \"tas.png\",\n },\n VIC: {\n title: \"Victoria Consumer Affairs\",\n link: \"www.consumer.vic.gov.au\",\n phone: \"1300 55 81 81\",\n logo: \"vic.png\",\n },\n NT: {\n title: \"Northern Territory\",\n link: \"www.nt.gov.au\",\n phone: \"0000 0000\",\n logo: \"nt.png\",\n },\n WA: {\n title: \"Western Australia\",\n link: \"www.commerce.wa.gov.au\",\n phone: \"1300 304 054\",\n logo: \"wa.png\",\n },\n QLD: {\n title: \"Queensland Fair Trading\",\n link: \"www.qld.gov.au/law/fair-trading\",\n phone: \"13 74 68\",\n logo: \"qld.png\",\n },\n };\n\n return suburbsInfo[state];\n};\n\nexport const getDefaultSuburbsCoordinates = state => {\n const suburbsInfo = {\n NSW: {\n lat: -33.064443,\n lon: 146.437681,\n zoom: 5,\n },\n SA: {\n lat: -29.244567,\n lon: 134.503018,\n zoom: 7,\n },\n TAS: {\n lat: -42.198896,\n lon: 146.664045,\n zoom: 7,\n },\n VIC: {\n lat: -36.813218,\n lon: 144.192274,\n zoom: 7,\n },\n NT: {\n lat: -20.19074,\n lon: 133.356765,\n zoom: 7,\n },\n WA: {\n lat: -27.037237,\n lon: 121.687683,\n zoom: 5,\n },\n QLD: {\n lat: -23.235156,\n lon: 144.480798,\n zoom: 5,\n },\n };\n\n return suburbsInfo[state];\n};\n\nexport const getNextStepActionTitle = type => {\n const typesCollections = {\n agentProfiling: \"Contact Me\",\n marketUpdate: \"What’s my property worth?\",\n preAppraisal: \"Contact Me\",\n listingProposal: \"I'd like to proceed with Raine & Horne\",\n prospecting: \"Contact Me\",\n commercialListingProposal: \"Contact Me\",\n businessListingProposal: \"I'd like to proceed with Raine & Horne\",\n tenantHandbook: \"Contact Me\",\n };\n return typesCollections[type];\n};\n\nexport const getImage = id => {\n if (!id) return null;\n return id.toString().includes(\"/\") ? id : `${API_URL}img/${id}`;\n};\n\nexport const reorder = (list, startIndex, endIndex) => {\n const result = Array.from(list);\n const [removed] = result.splice(startIndex, 1);\n result.splice(endIndex, 0, removed);\n\n return result;\n};\n\nexport const getCommercialArticles = (articles, type) => {\n const result = {};\n const content = {\n [APPRAISAL_TYPES.informationMemorandum]: [\n {\n slug: \"executive-summary\",\n category: \"commercial-information-memorandum\",\n key: \"executiveSummary\",\n },\n {\n slug: \"the-opportunity\",\n category: \"commercial-information-memorandum\",\n key: \"opportunity\",\n },\n {\n slug: \"property-overview\",\n category: \"commercial-information-memorandum\",\n key: \"propertyOverview\",\n },\n {\n slug: \"investment-highlights\",\n category: \"commercial-information-memorandum\",\n key: \"investmentHighlights\",\n },\n {\n slug: \"location-overview\",\n category: \"commercial-information-memorandum\",\n key: \"locationOverview\",\n },\n {\n slug: \"market-overview\",\n category: \"commercial-information-memorandum\",\n key: \"marketOverview\",\n },\n {\n slug: \"tenant-overview\",\n category: \"commercial-information-memorandum\",\n key: \"tenantOverview\",\n },\n {\n slug: \"financial-overview\",\n category: \"commercial-information-memorandum\",\n key: \"financialOverview\",\n },\n {\n slug: \"salelease-process\",\n category: \"commercial-information-memorandum\",\n key: \"saleLeaseProcess\",\n },\n {\n slug: \"price-list\",\n category: \"commercial-information-memorandum\",\n key: \"priceList\",\n },\n {\n slug: \"disclaimer\",\n category: \"commercial-information-memorandum\",\n key: \"disclaimer\",\n },\n ],\n [APPRAISAL_TYPES.residentialInformationMemorandum]: [\n {\n slug: \"executive-summary\",\n category: \"residential-information-memorandum\",\n key: \"executiveSummary\",\n },\n {\n slug: \"the-opportunity\",\n category: \"residential-information-memorandum\",\n key: \"opportunity\",\n },\n {\n slug: \"property-overview\",\n category: \"residential-information-memorandum\",\n key: \"propertyOverview\",\n },\n {\n slug: \"investment-highlights\",\n category: \"residential-information-memorandum\",\n key: \"investmentHighlights\",\n },\n {\n slug: \"location-overview\",\n category: \"residential-information-memorandum\",\n key: \"locationOverview\",\n },\n {\n slug: \"market-overview\",\n category: \"residential-information-memorandum\",\n key: \"marketOverview\",\n },\n {\n slug: \"tenant-overview\",\n category: \"residential-information-memorandum\",\n key: \"tenantOverview\",\n },\n {\n slug: \"financial-overview\",\n category: \"residential-information-memorandum\",\n key: \"financialOverview\",\n },\n {\n slug: \"salelease-process\",\n category: \"residential-information-memorandum\",\n key: \"saleLeaseProcess\",\n },\n {\n slug: \"price-list\",\n category: \"residential-information-memorandum\",\n key: \"priceList\",\n },\n {\n slug: \"disclaimer\",\n category: \"residential-information-memorandum\",\n key: \"disclaimer\",\n },\n ],\n };\n const expectedArticles = content[type];\n expectedArticles.forEach(({ slug, category, key }) => {\n const foundArticle = articles.find(\n data => data.active && data.slug === slug && data.category === category,\n );\n if (foundArticle) {\n const { body, title, image, active } = foundArticle;\n result[key] = { body, title, image, active, hidden: false };\n }\n });\n return result;\n};\n","// availableCalendars Reducer\nimport { createSlice } from '@reduxjs/toolkit'\n\n\nexport const availableCalendarsSlice = createSlice({\n name: 'availableCalendars',\n initialState: [],\n reducers: {\n setAvailableCalendars: (state, action) => {\n state = [ ...[], ...action.payload ]\n return state;\n },\n }\n})\n\n// Action creators are generated for each case reducer function\nexport const {\n setAvailableCalendars,\n} = availableCalendarsSlice.actions\n\nexport default availableCalendarsSlice.reducer\n","import { toAbsoluteUrl } from \"../../_helpers\";\nexport function getInitLayoutConfig() {\n return {\n demo: \"demo3\",\n // Javascript Settings\n js: {\n breakpoints: {\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1200,\n },\n colors: {\n theme: {\n base: {\n white: \"#ffffff\",\n primary: \"#1BC5BD\",\n secondary: \"#E5EAEE\",\n success: \"#1BC5BD\",\n info: \"#6993FF\",\n warning: \"#FFA800\",\n danger: \"#F64E60\",\n light: \"#F3F6F9\",\n dark: \"#212121\",\n },\n light: {\n white: \"#ffffff\",\n primary: \"#1BC5BD\",\n secondary: \"#ECF0F3\",\n success: \"#C9F7F5\",\n info: \"#E1E9FF\",\n warning: \"#FFF4DE\",\n danger: \"#FFE2E5\",\n light: \"#F3F6F9\",\n dark: \"#D6D6E0\",\n },\n inverse: {\n white: \"#ffffff\",\n primary: \"#ffffff\",\n secondary: \"#212121\",\n success: \"#ffffff\",\n info: \"#ffffff\",\n warning: \"#ffffff\",\n danger: \"#ffffff\",\n light: \"#464E5F\",\n dark: \"#ffffff\",\n },\n },\n gray: {\n gray100: \"#F3F6F9\",\n gray200: \"#ECF0F3\",\n gray300: \"#E5EAEE\",\n gray400: \"#D6D6E0\",\n gray500: \"#B5B5C3\",\n gray600: \"#80808F\",\n gray700: \"#464E5F\",\n gray800: \"#1B283F\",\n gray900: \"#212121\",\n },\n },\n fontFamily: \"RaineHorneLight\",\n },\n // Base Settins\n self: {\n layout: \"default\", // blank/default page mode\n body: {},\n },\n // == Page Splash Screen loading\n loader: {\n enabled: true,\n type: \"\", // default|spinner-message|spinner-logo\n logo: toAbsoluteUrl(\"/media/logos/logo-dark-sm.png\"),\n message: \"Please wait...\",\n },\n header: {\n self: {\n fixed: {\n mobile: true,\n },\n }\n },\n subheader: {\n display: false,\n displayDesc: false,\n displayDaterangepicker: true,\n breadcrumb: {\n display: false,\n },\n layout: \"subheader-v6\",\n fixed: true,\n width: \"fixed\", // fixed/fluid,\n clear: false,\n style: \"solid\", // solid/transparent\n },\n content: {\n width: \"fixed\", // fluid|fixed\n },\n aside: {\n self: {\n display: true,\n fixed: true,\n minimize: {\n toggle: true,\n default: true,\n }\n },\n secondary: {\n display: true\n },\n menu: {\n dropdown: false, // ok\n scroll: false, // ok\n \"icon-style\": \"duotone\", // duotone, line, bold, solid\n submenu: {\n accordion: true,\n },\n },\n },\n footer: {\n width: \"fixed\", // fixed|fluid\n fixed: false\n },\n extras: {\n search: {\n display: false,\n layout: \"offcanvas\", // offcanvas, dropdown\n offcanvas: {\n direction: \"right\",\n },\n },\n notifications: {\n display: true,\n layout: \"dropdown\", // offcanvas, dropdown\n dropdown: {\n style: \"dark\", // light, dark\n },\n offcanvas: {\n directions: \"right\",\n },\n },\n \"quick-actions\": {\n display: false,\n layout: \"offcanvas\", // offcanvas, dropdown,\n dropdown: {\n style: \"dark\", // light, dark\n },\n offcanvas: {\n direction: \"left\",\n },\n },\n cart: {\n display: false,\n layout: \"dropdown\", // offcanvas, dropdown\n offcanvas: {\n direction: \"dark\", // ligth, dark\n },\n },\n chat: {\n display: true,\n },\n user: {\n display: true,\n layout: \"offcanvas\", // offcanvas, dropdown\n dropdown: {\n style: \"light\", // light|dark\n },\n offcanvas: {\n direction: \"left\",\n },\n },\n languages: {\n display: false,\n },\n \"quick-panel\": {\n display: false,\n offcanvas: {\n direction: \"left\",\n },\n },\n\n toolbar: {\n display: true,\n },\n scrolltop: {\n display: true,\n },\n },\n };\n}\n","import React, { useState, useEffect, useRef } from 'react';\nimport { debounce } from 'lodash';\n\nimport './tooltip.scss';\n\nconst DELAY = 500;\n\nconst TooltipWrapper = ({ Component, props }) => {\n const [show, setShow] = useState(false);\n\n let onElement = false;\n const showTooltip = debounce(() => {\n onElement && setShow(true);\n }, DELAY);\n\n const mouseX = useRef(0);\n const mouseY = useRef(0);\n\n const mouseMove = (e) => {\n mouseX.current = e.clientX;\n mouseY.current = e.clientY;\n };\n\n const mouseEnter = () => {\n onElement = true;\n showTooltip();\n };\n\n const mouseLeave = () => {\n onElement = false;\n if (show) {\n setShow(false);\n }\n };\n\n const tooltip = useRef(document.createElement('div'));\n\n useEffect(() => {\n if (show) {\n const tooltipOffsetX = props.tooltipOffsetX || 208\n const tooltipOffsetY = props.tooltipOffsetY || 12\n const availableWidth = window.innerWidth - mouseX.current;\n const shiftX = availableWidth < 250 ? mouseX.current - tooltipOffsetX : mouseX.current + 8;\n const parent = document.querySelector('#root');\n tooltip.current.className = 'custom-tooltip';\n tooltip.current.style.cssText = `top: ${mouseY.current + tooltipOffsetY}px; left: ${shiftX}px;`;\n tooltip.current.innerText = props.tooltip;\n parent.append(tooltip.current);\n } else {\n tooltip.current.remove();\n }\n // TODO: FIX\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [show]);\n\n return (\n We are thrilled at the prospect to discuss your property's investment potential and turn your curiosity into confidence. Most of all, we will be there to support you and ensure you are comfortable every step of the way. Our agency has been built on instilling confidence and now is our time to shine. Before we meet, we welcome you to click on the link below to discover how our strategies can help you secure the best possible outcome in the leasing and management of your investment property. It was an absolute pleasure meeting to discuss the opportunity to lease and manage your property. For me, it’s simple: I’m here to maximise your investment return and get your property leased as swiftly as possible. Click to view your personal proposal below and let’s secure you the right tenant, maximum rental return and make this experience as enjoyable as possible. Are you curious to know how the current market conditions are affecting the value of your investment? We don’t guess, we know. Our bespoke market report is designed to inform you and support your property journey. With the property market constantly changing, and with many qualified tenants eager to secure a property in your area, it makes sense to keep you up-to-date. If you would like to know more about your local market trends and how it relates to your property, please click on the button below. Thank you for taking the time to read my profile. As an experienced leasing agent in your local area, I offer exceptional and professional services when it comes to leasing and managing property. I strive to not only meet your expectations but to exceed them and ensure that your experience is both profitable and totally satisfying. I am dedicated and committed to making \"A Wow Experience\" for your next real estate venture. Please click on the button below to find out more. It was an absolute pleasure meeting to discuss the opportunity to open a Franchise office with Raine & Horne. Click to view your personal proposal below and let’s secure this opportunity for you. Thank you for your interest in the above listing. To view more information and property details, please click on the link below to access the Information Memorandum. If you have any further questions, please do not hesitate to contact me. Thank you for your interest in the above listing. To view more information and property details, please click on the link below to access the Tenant Information Guide. If you have any further questions, please do not hesitate to contact me. Thank you for your interest in the above commercial listing submission. To view more information, please click on the link below to access the Commercial Listing Submission. If you have any further questions, please do not hesitate to contact me. It was an absolute pleasure meeting to discuss the opportunity to lease and manage your property. For me, it’s simple: I’m here to maximise your investment return and get your property leased as swiftly as possible. Click to view your personal proposal below and let’s secure you the right tenant, maximum rental return and make this experience as enjoyable as possible. Thank you for your interest in the above listing. To view more information and property details, please click on the link below to access the Information Memorandum. If you have any further questions, please do not hesitate to contact me. We are thrilled at the prospect to discuss your property's enticing potential and turn your curiosity into confidence. Most of all, we will be there to support you and ensure you are comfortable every step of the way. Our agency has been built on instilling confidence and now is our time to shine. Before we meet, we welcome you to click on the link below to discover how our strategies can help you secure the best possible outcome. It was an absolute pleasure meeting to discuss the opportunity to list your property. For me, it’s simple: I’m here to maximise your sale price and get your property sold as swiftly as possible. Click to view your personal proposal below and let’s secure you the sale price you deserve and make this experience as enjoyable as possible. Are you curious to know how the current market conditions are affecting the value of your property? We don’t guess, we know. Our bespoke market report is designed to inform you and support your property journey. With the property market constantly changing, and, with many qualified buyers eager to secure a property in your area, it makes sense to keep you up-to-date. If you would like to know more about your local market trends and how it relates to your property, please click on the button below. Thank you for taking the time to read my profile. As an experienced agent in your local area, I offer exceptional and professional services when it comes to buying and selling. I strive to not only meet your expectations but to exceed them and ensure that your experience is both profitable and totally satisfying. I am dedicated and committed to making \"A Wow Experience\" for your next real estate venture. Please click on the button below to find out more. It was an absolute pleasure meeting to discuss the opportunity to open a Franchise office with Raine & Horne. Click to view your personal proposal below and let’s secure this opportunity for you. Thank you for your interest in the above listing. To view more information and property details, please click on the link below to access the Information Memorandum. If you have any further questions, please do not hesitate to contact me. Thank you for your interest in the above listing. To view more information and property details, please click on the link below to access the Tenant Information Guide. If you have any further questions, please do not hesitate to contact me. Thank you for your interest in the above commercial listing submission. To view more information, please click on the link below to access the Commercial Listing Submission. If you have any further questions, please do not hesitate to contact me. It was an absolute pleasure meeting to discuss the opportunity to list your property. For me, it’s simple: I’m here to maximise your sale price and get your property sold as swiftly as possible. Click to view your personal proposal below and let’s secure you the sale price you deserve and make this experience as enjoyable as possible. Thank you for your interest in the above listing. To view more information and property details, please click on the link below to access the Information Memorandum. If you have any further questions, please do not hesitate to contact me.\r\n \r\n {/*end::Logo*/}\r\n\r\n {/*begin::Toolbar*/}\r\n
\n {data.map((item, index) => (\n
\n \n
Updates
\n \n
\n )}\n \n
\n {/* end::Nav */}\n \n
\n
\r\n \t\t// the next scroll event function execution can be scheduled by the setTimeout\r\n \t\ttimer = undefined;\r\n \t}, delay);\r\n },\r\n\r\n // Debounce function: Input as function which needs to be debounced and delay is the debounced time in milliseconds\r\n debounce: function (timer, func, delay) {\r\n \t// Cancels the setTimeout method execution\r\n \tclearTimeout(timer)\r\n\r\n \t// Executes the func after delay time.\r\n \ttimer = setTimeout(func, delay);\r\n },\r\n\r\n btnWait: function(el, cls, message, disable) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (typeof disable !== 'undefined' && disable === true) {\r\n KTUtil.attr(el, \"disabled\", true);\r\n }\r\n\r\n if (cls) {\r\n KTUtil.addClass(el, cls);\r\n KTUtil.attr(el, \"wait-class\", cls);\r\n }\r\n\r\n if (message) {\r\n var caption = KTUtil.find(el, '.btn-caption');\r\n\r\n if (caption) {\r\n KTUtil.data(caption).set('caption', KTUtil.getHTML(caption));\r\n KTUtil.setHTML(caption, message);\r\n } else {\r\n KTUtil.data(el).set('caption', KTUtil.getHTML(el));\r\n KTUtil.setHTML(el, message);\r\n }\r\n }\r\n },\r\n\r\n btnRelease: function(el) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n /// Show loading state on button\r\n KTUtil.removeAttr(el, \"disabled\");\r\n\r\n if (KTUtil.hasAttr(el, \"wait-class\")) {\r\n KTUtil.removeClass(el, KTUtil.attr(el, \"wait-class\"));\r\n }\r\n\r\n var caption = KTUtil.find(el, '.btn-caption');\r\n\r\n if (caption && KTUtil.data(caption).has('caption')) {\r\n KTUtil.setHTML(caption, KTUtil.data(caption).get('caption'));\r\n } else if (KTUtil.data(el).has('caption')) {\r\n KTUtil.setHTML(el, KTUtil.data(el).get('caption'));\r\n }\r\n },\r\n\r\n isOffscreen: function(el, direction, offset) {\r\n offset = offset || 0;\r\n\r\n var windowWidth = KTUtil.getViewPort().width;\r\n var windowHeight = KTUtil.getViewPort().height;\r\n\r\n var top = KTUtil.offset(el).top;\r\n var height = KTUtil.outerHeight(el) + offset;\r\n var left = KTUtil.offset(el).left;\r\n var width = KTUtil.outerWidth(el) + offset;\r\n\r\n if (direction == 'bottom') {\r\n if (windowHeight < top + height) {\r\n return true;\r\n } else if (windowHeight > top + height * 1.5) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == 'top') {\r\n if (top < 0) {\r\n return true;\r\n } else if (top > height) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == 'left') {\r\n if (left < 0) {\r\n return true;\r\n } else if (left * 2 > width) {\r\n //console.log('left 2');\r\n //return true;\r\n }\r\n }\r\n\r\n if (direction == 'right') {\r\n if (windowWidth < left + width) {\r\n return true;\r\n } else {\r\n //console.log('right 2');\r\n //return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n }\r\n}();\r\n\r\n// webpack support\r\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\r\n // module.exports = KTUtil;\r\n}\r\n\r\n// Initialize KTUtil class on document ready\r\nKTUtil.ready(function() {\r\n\tif (typeof KTAppSettings !== 'undefined') {\r\n\t\tKTUtil.init(KTAppSettings);\r\n\t} else {\r\n\t\tKTUtil.init();\r\n\t}\r\n});\r\n\r\n// CSS3 Transitions only after page load(.page-loading class added to body tag and remove with JS on page load)\r\nwindow.onload = function() {\r\n var result = KTUtil.getByTagName('body');\r\n if (result && result[0]) {\r\n KTUtil.removeClass(result[0], 'page-loading');\r\n }\r\n}\r\n","import React from 'react';\nimport { CircularProgress, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n loader: {\n position: 'absolute',\n top: 0,\n left: 0,\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n zIndex: 10,\n '& svg': {\n color: '#fdb818',\n }\n },\n}));\n\n\nconst Loader = ({ styleParams = {} }) => {\n const classes = useStyles();\n return (\n