TP-81612 | Clickstream added in Risk Management (#1108)
* TP-81612 | Clickstream added in Risk Management * TP-81612 | Clickstream added in Risk Management
This commit is contained in:
@@ -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 = () => {
|
||||
<CustomerDescriptions />
|
||||
</div>
|
||||
</div>
|
||||
{/* <CustomerDescriptions /> */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -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'
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user