feat: [IOCOM-548] Tracking properties on PN_UX_SUCCESS event to track…

… cancelled PN notification (#5016)

## Short description
This PR adds properties to PN_UX_SUCCESS event to better track cancelled
PN notifications.

## List of changes proposed in this pull request
- notification_status: active/cancelled
- contains_multipayment: no
- count_payment: 0/1
- contains_f24: no

## How to test
Run the application with an io-dev-api-server configuration that
generates PN messages that are-cancelled/are-not-cancelled and that
have/do-not-have a payment. Select such messages and check that the
PN_UX_SUCCESS event is triggered with proper values.

Co-authored-by: Alessandro Dell'Oste <[email protected]>

ts/features/pn/analytics/index.ts

@@ -208,13 +208,18 @@ export function trackPNShowTimeline() {
 
 export function trackPNUxSuccess(
   containsPayment: boolean,
-  firstTimeOpening: boolean
+  firstTimeOpening: boolean,
+  isCancelled: boolean
 ) {
   void mixpanelTrack(
     "PN_UX_SUCCESS",
     buildEventProperties("UX", "screen_view", {
       contains_payment: booleanToYesNo(containsPayment),
-      first_time_opening: booleanToYesNo(firstTimeOpening)
+      first_time_opening: booleanToYesNo(firstTimeOpening),
+      notification_status: isCancelled ? "cancelled" : "active",
+      contains_multipayment: "no",
+      count_payment: containsPayment ? 1 : 0,
+      contains_f24: "no"
     })
   );
 }

ts/features/pn/screens/LegacyPnMessageDetailsScreen.tsx

@@ -25,7 +25,7 @@ import { pnMessageFromIdSelector } from "../store/reducers";
 import { NotificationPaymentInfo, PNMessage } from "../store/types/types";
 import { cancelPreviousAttachmentDownload } from "../../../store/actions/messages";
 import { profileFiscalCodeSelector } from "../../../store/reducers/profile";
-import { paymentFromPNMessagePot } from "../utils";
+import { isCancelledFromPNMessagePot, paymentFromPNMessagePot } from "../utils";
 import { trackPNUxSuccess } from "../analytics";
 import { getRptIdFromPayment } from "../utils/rptId";
 import { isStrictSome } from "../../../utils/pot";
@@ -104,7 +104,8 @@ export const LegacyPnMessageDetailsScreen = (
   if (!uxEventTracked.current && isStrictSome(message)) {
     // eslint-disable-next-line functional/immutable-data
     uxEventTracked.current = true;
-    trackPNUxSuccess(!!rptId, firstTimeOpening);
+    const isCancelled = isCancelledFromPNMessagePot(message);
+    trackPNUxSuccess(!!rptId, firstTimeOpening, isCancelled);
   }
 
   return (

ts/features/pn/screens/PnMessageDetailsScreen.tsx

@@ -25,7 +25,7 @@ import { pnMessageFromIdSelector } from "../store/reducers";
 import { NotificationPaymentInfo, PNMessage } from "../store/types/types";
 import { cancelPreviousAttachmentDownload } from "../../../store/actions/messages";
 import { profileFiscalCodeSelector } from "../../../store/reducers/profile";
-import { paymentFromPNMessagePot } from "../utils";
+import { isCancelledFromPNMessagePot, paymentFromPNMessagePot } from "../utils";
 import { getRptIdFromPayment } from "../utils/rptId";
 import { trackPNUxSuccess } from "../analytics";
 import { isStrictSome } from "../../../utils/pot";
@@ -104,7 +104,8 @@ export const PnMessageDetailsScreen = (
   if (!uxEventTracked.current && isStrictSome(message)) {
     // eslint-disable-next-line functional/immutable-data
     uxEventTracked.current = true;
-    trackPNUxSuccess(!!rptId, firstTimeOpening);
+    const isCancelled = isCancelledFromPNMessagePot(message);
+    trackPNUxSuccess(!!rptId, firstTimeOpening, isCancelled);
   }
 
   return (

ts/features/pn/utils/index.ts

@@ -86,3 +86,12 @@ export const paymentFromPNMessagePot = (
     O.chainNullableK(recipient => recipient.payment),
     O.toUndefined
   );
+
+export const isCancelledFromPNMessagePot = (
+  potMessage: pot.Pot<O.Option<PNMessage>, Error>
+) =>
+  pipe(
+    pot.getOrElse(potMessage, O.none),
+    O.chainNullableK(message => message.isCancelled),
+    O.getOrElse(() => false)
+  );