NTP-71625 | Fix event issue of search by geocode

This commit is contained in:
aishwarya.srivastava
2025-06-10 08:32:59 +05:30
parent bba8a5cae6
commit efe55c85f1
7 changed files with 29 additions and 5 deletions

View File

@@ -25,7 +25,11 @@ interface ProfileHeaderProps {
addressItemRef?: React.RefObject<View>; addressItemRef?: React.RefObject<View>;
} }
const ProfileHeader: React.FC<ProfileHeaderProps> = ({ caseId, showDirections = false, addressItemRef }) => { const ProfileHeader: React.FC<ProfileHeaderProps> = ({
caseId,
showDirections = false,
addressItemRef,
}) => {
const caseDetails = useAppSelector((state) => state.allCases?.caseDetails?.[caseId]); const caseDetails = useAppSelector((state) => state.allCases?.caseDetails?.[caseId]);
const { customerName, totalOverdueAmount, paymentStatus, collectionTag, dpdBucket } = const { customerName, totalOverdueAmount, paymentStatus, collectionTag, dpdBucket } =
caseDetails || {}; caseDetails || {};
@@ -60,7 +64,11 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({ caseId, showDirections =
const handleOpenMapForAddresses = () => { const handleOpenMapForAddresses = () => {
setIsModalVisible(!isModalVisible); setIsModalVisible(!isModalVisible);
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {}); addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {
attempted_at_address: caseDetails?.addressReferenceId,
address_rank: caseDetails?.pinRank,
caseId,
});
}; };
return ( return (

View File

@@ -71,6 +71,7 @@ const AddressListItem: React.FC<AddressListItemProps> = memo(
> >
<AddressItemHeader <AddressItemHeader
locationDetails={address} locationDetails={address}
caseId={caseId}
isOtherAddressView isOtherAddressView
containerStyle={styles.borderBottom0} containerStyle={styles.borderBottom0}
addressItemRef={addressItemRef} addressItemRef={addressItemRef}

View File

@@ -31,6 +31,7 @@ const AddressItemHeader = (props: ITopAddressItemHeader) => {
isSimilarAddressPage = false, isSimilarAddressPage = false,
modalTopOffset, modalTopOffset,
modalRightOffset, modalRightOffset,
caseId = '',
} = props; } = props;
const { pinCode, city, latitude, longitude, rank, visited, locationSubType } = const { pinCode, city, latitude, longitude, rank, visited, locationSubType } =
@@ -60,7 +61,11 @@ const AddressItemHeader = (props: ITopAddressItemHeader) => {
}; };
const handleOpenMapForAddresses = () => { const handleOpenMapForAddresses = () => {
setIsModalVisible(!isModalVisible); setIsModalVisible(!isModalVisible);
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {}); addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {
attempted_at_address: locationDetails?.referenceId,
address_rank: rank,
caseId
});
}; };
return ( return (

View File

@@ -56,6 +56,7 @@ export interface ITopAddressItemHeader {
isSimilarAddressPage?: boolean; isSimilarAddressPage?: boolean;
modalTopOffset?: number; modalTopOffset?: number;
modalRightOffset?: number; modalRightOffset?: number;
caseId?: string;
} }
export interface ITopAddressItemFeedback { export interface ITopAddressItemFeedback {

View File

@@ -19,6 +19,7 @@ const OtherAddressItem = (props: IOtherAddressItem) => {
<View style={styles.container} ref={addressItemRef}> <View style={styles.container} ref={addressItemRef}>
<AddressItemHeader <AddressItemHeader
locationDetails={locationDetails} locationDetails={locationDetails}
caseId={caseId}
isOtherAddressView={true} isOtherAddressView={true}
containerStyle={[GenericStyles.pv16]} containerStyle={[GenericStyles.pv16]}
addressItemRef={addressItemRef} addressItemRef={addressItemRef}

View File

@@ -63,6 +63,7 @@ const TopAddressSimilarAddresses = (props: ITopAddressSimilarAddresses) => {
<AddressItemHeader <AddressItemHeader
containerStyle={styles.bottomSheetHeader} containerStyle={styles.bottomSheetHeader}
locationDetails={locationDetails} locationDetails={locationDetails}
caseId={caseId}
isOtherAddressView isOtherAddressView
isSimilarAddressPage isSimilarAddressPage
/> />

View File

@@ -14,6 +14,8 @@ import { addClickstreamEvent } from '@services/clickstreamEventService';
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Linking, StyleSheet, View } from 'react-native'; import { Linking, StyleSheet, View } from 'react-native';
import OpenMapButtonForAddresses from './OpenMapButtonForAddresses'; import OpenMapButtonForAddresses from './OpenMapButtonForAddresses';
import { RootState } from '@store';
import { useAppSelector } from '@hooks';
interface IAllocatedAddressDetails { interface IAllocatedAddressDetails {
isCasePaused: boolean; isCasePaused: boolean;
@@ -36,6 +38,7 @@ const AllocatedAddressDetails = (props: IAllocatedAddressDetails) => {
roadDistance, roadDistance,
} = props; } = props;
const [isModalVisible, setIsModalVisible] = useState(false); const [isModalVisible, setIsModalVisible] = useState(false);
const caseDetails = useAppSelector((state: RootState) => state?.allCases?.caseDetails[caseId]) || {};
const isGeolocation = addressStringType === AddressTabType.GEO_LOCATION; const isGeolocation = addressStringType === AddressTabType.GEO_LOCATION;
@@ -57,7 +60,11 @@ const AllocatedAddressDetails = (props: IAllocatedAddressDetails) => {
const handleOpenMapForAddresses = () => { const handleOpenMapForAddresses = () => {
setIsModalVisible(!isModalVisible); setIsModalVisible(!isModalVisible);
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {}); addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {
attempted_at_address: caseDetails?.addressReferenceId,
address_rank: caseDetails?.pinRank,
caseId,
});
}; };
return ( return (