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'
}
};