Formatting changes, keeping the old event type for reporter

Author: Fondryext

docs/search-ui-react.cardctaeventtype.md

@@ -9,9 +9,3 @@ Analytics event types for cta click, title click, and citation click.
 **Signature:**
 
 ```typescript
-<<<<<<< HEAD
-type CardCtaEventType = 'CTA_CLICK' | 'TITLE' | 'CITATION_CLICK';
-=======
-type CardCtaEventType = 'CTA_CLICK' | 'TITLE_CLICK' | 'CITATION_CLICK' | 'DRIVING_DIRECTIONS' | 'VIEW_WEBSITE' | 'TAP_TO_CALL';
->>>>>>> main
-```

src/hooks/useCardAnalytics.ts

@@ -4,13 +4,14 @@ import {FeedbackType} from '../components/ThumbsFeedback';
 import {DefaultRawDataType} from '../models/index';
 import {useAnalytics} from './useAnalytics';
 import {GdaClickEventData} from '../components/GenerativeDirectAnswer'
+import {SearchAction} from "../models/SearchEventPayload";
 
 /**
  * Analytics event types for cta click, title click, and citation click.
  *
  * @public
  */
-export type CardCtaEventType = 'CTA_CLICK' | 'TITLE' | 'CITATION_CLICK' | 'DRIVING_DIRECTIONS' | 'WEBSITE' | 'TAP_TO_CALL';
+export type CardCtaEventType = 'CTA_CLICK' | 'TITLE_CLICK' | 'CITATION_CLICK' | 'DRIVING_DIRECTIONS' | 'VIEW_WEBSITE' | 'TAP_TO_CALL';
 
 /**
  * The data types use to construct the payload in the analytics event.
@@ -78,17 +79,19 @@ export function useCardAnalytics<T>(): (
       console.error('Unable to report a CTA event. Missing field: experienceKey.');
       return;
     }
+    // convert the legacy card event type to the format the current reporter expects.
+    let action:SearchAction = eventType === 'TITLE_CLICK' ? 'TITLE' : eventType === 'VIEW_WEBSITE' ? 'WEBSITE': eventType;
     analytics?.report({
-      action: eventType,
+      action: action,
       destinationUrl: url,
       entity: entityId,
       locale,
-        searchId,
-        queryId,
-        verticalKey: verticalKey || '',
-        isDirectAnswer,
-        isGenerativeDirectAnswer,
-        experienceKey,
+      searchId,
+      queryId,
+      verticalKey: verticalKey || '',
+      isDirectAnswer,
+      isGenerativeDirectAnswer,
+      experienceKey,
     });
   }, [analytics, queryId, verticalKey]);
 
@@ -141,7 +144,7 @@ export function useCardAnalytics<T>(): (
     if (!analytics) {
       return;
     }
-    if (analyticsEventType === 'TITLE' || analyticsEventType === 'CTA_CLICK' || analyticsEventType === 'CITATION_CLICK' || analyticsEventType === 'DRIVING_DIRECTIONS' || analyticsEventType === 'WEBSITE' || analyticsEventType === 'TAP_TO_CALL') {
+    if (analyticsEventType === 'TITLE_CLICK' || analyticsEventType === 'CTA_CLICK' || analyticsEventType === 'CITATION_CLICK' || analyticsEventType === 'DRIVING_DIRECTIONS' || analyticsEventType === 'VIEW_WEBSITE' || analyticsEventType === 'TAP_TO_CALL') {
       reportCtaEvent(cardResult, analyticsEventType);
     }
     if (analyticsEventType === 'THUMBS_DOWN' || analyticsEventType === 'THUMBS_UP') {

src/models/index.ts

@@ -3,4 +3,5 @@ export { StandardCardData, CtaData, isCtaData } from './StandardCardData';
 export { SectionProps, SectionComponent } from './sectionComponent';
 export { VerticalLink } from './verticalLink';
 export { VerticalConfig, VerticalConfigMap } from './verticalConfig';
-export { DefaultRawDataType } from './DefaultRawDataType';
+export { DefaultRawDataType } from './DefaultRawDataType';
+export {SearchAnalyticsEventService} from './SearchAnalyticsEventService'