diff --git a/src/pages/CaseDetails/components/CustomerSummary/index.tsx b/src/pages/CaseDetails/components/CustomerSummary/index.tsx index 9d40f936..8e8f9f2e 100644 --- a/src/pages/CaseDetails/components/CustomerSummary/index.tsx +++ b/src/pages/CaseDetails/components/CustomerSummary/index.tsx @@ -1,21 +1,11 @@ import { Button, Chip, Typography } from '@navi/web-ui/lib/primitives'; import { useSelector } from 'react-redux'; -import { useNavigate, useParams } from 'react-router-dom'; +import { useParams } from 'react-router-dom'; import CircularProgress from 'src/components/ProgressBars/circularProgress/CircularProgress'; -import { - RISK_TAGS, - RISK_TAG_SUBSTRING, - LoanCustomerType -} from 'src/pages/Cases/constants/CasesConstants'; +import { RISK_TAGS, RISK_TAG_SUBSTRING } from 'src/pages/Cases/constants/CasesConstants'; import { RootState } from 'src/store'; import { createKey } from 'src/utils/CaseDetail.utils'; -import { - ClickTopCopy, - copyToClipboard, - formatAmount, - formatDate, - pluralisation -} from 'src/utils/commonUtils'; +import { ClickTopCopy, formatAmount, pluralisation } from 'src/utils/commonUtils'; import { DateFormat, dateFormat } from 'src/utils/DateHelper'; import CustomerDescriptions from './CustomerDescriptions'; import styles from './index.module.scss'; @@ -24,15 +14,14 @@ import { InfoIcon } from '@navi/web-ui/lib/icons'; import { Popper, PopperContent, PopperTrigger } from '@cp/src/components/Popper/Popper'; import CopyToClipboardIcon from '@cp/src/assets/icons/CopyToClipboardIcon'; import { Tooltip, TooltipContent, TooltipTrigger } from '@cp/src/components/TooltipV2/TooltipV2'; -import { ReactNode, useMemo, useState } from 'react'; +import { useEffect, useMemo, useState } from 'react'; import dayjs from 'dayjs'; -import Tag from '@primitives/Tag'; -import { interpolatePathParams } from '@cp/utils/interpolate'; -import APP_ROUTES from '@cp/src/layout/Routes'; import CustomerLoanTypePopper from '@cp/pages/CaseDetails/components/CustomerSummary/CustomerLoanTypePopper'; import cx from 'classnames'; import { RiskRating } from '@cp/pages/CaseDetails/components/CustomerSummary/interfaces'; import { Roles } from '@cp/pages/auth/constants/AuthConstants'; +import { addClickstreamEvent } from '@cp/src/service/clickStreamEventService'; +import { AgentTrackingEvents } from '@cp/src/service/clickStream.constant'; const CustomerSummary = () => { const { loanId = '', customerId = '' } = useParams(); @@ -64,6 +53,16 @@ const CustomerSummary = () => { [roles] ); + useEffect(() => { + if (isRiskSegmentationVisible) { + addClickstreamEvent(AgentTrackingEvents.LH_RISK_MANAGEMENT_LOADED, { + riskSegment: riskSegment, + loanId: loanId, + customerId: customerId + }); + } + }, [riskSegment]); + const isRiskSegmentationVisible = !isCSAAgent && agencyCode === '1000'; //navi agency code return ( @@ -199,7 +198,6 @@ const CustomerSummary = () => { - {/* */} ); diff --git a/src/service/clickStream.constant.ts b/src/service/clickStream.constant.ts index 52122844..f358858c 100644 --- a/src/service/clickStream.constant.ts +++ b/src/service/clickStream.constant.ts @@ -1539,6 +1539,10 @@ export const AgentTrackingEvents = { LH_COSMOS_SYNC_WARNING_CTA_BUTTON_CLICKED: { name: 'LH_COSMOS_SYNC_WARNING_CTA_CLICKED', description: 'Agent clicked on the CTA in the cosmos sync warning modal' + }, + LH_RISK_MANAGEMENT_LOADED: { + name: 'LH_RISK_MANAGEMENT_LOADED', + description: 'Risk management loaded' } };