fix(IT Wallet): [SIW-2921,SIW-2922,SIW-2923] Fix IT Wallet Mixpanel Events (#7327)

## Short description
This PR fixes and adjusts several Mixpanel tracking events related to IT
Wallet flows.

## List of changes proposed in this pull request
- Updated `ITW_PROXIMITY_SUCCESS` to  `ITW_PROXIMITY_UX_SUCCESS`
- Changed the property name for the event `ITW_REMOTE_UX_SUCCESS` in
`redirect_url`
- Added tracking for `ITW_START_DEACTIVATION` also when the PID
deactivation flow starts
- Updated `ITW_DEACTIVATED` to include the PID when the deactivation is
related to IT Wallet
- On the PIN input screen, clicking “Dove trovo …” now only fires
`ITW_CIE_PIN_INFO`
- `ITW_CONTINUE_WITH_CIEID_CLOSE` is no longer fired when continuing to
the CieID app

## How to test
Verify that the updated events are correctly triggered and sent to
Mixpanel with the expected properties

Author: RiccardoMolinari95

ts/features/itwallet/identification/cie/hooks/useCieInfoBottomSheet.tsx

@@ -133,8 +133,12 @@ export const useCieInfoBottomSheet = ({
 
   return {
     ...bottomSheet,
-    present: () => {
-      trackBottomSheetView(type, routeName, itw_flow);
+    // When opening the bottom sheet, track the view event by default.
+    // Pass { skipTracking: true } to skip sending the analytics event.
+    present: (options?: { skipTracking: boolean }) => {
+      if (!options?.skipTracking) {
+        trackBottomSheetView(type, routeName, itw_flow);
+      }
       bottomSheet.present();
     }
   };

ts/features/itwallet/identification/cie/screens/ItwCiePinScreen.tsx

@@ -117,7 +117,9 @@ export const ItwCiePinScreen = () => {
               )}
               onPress={() => {
                 trackItWalletCiePinInfo(itw_flow);
-                pinInfoBottomSheet.present();
+                pinInfoBottomSheet.present({
+                  skipTracking: true
+                });
               }}
             />
             <VSpacer size={24} />

ts/features/itwallet/identification/common/screens/ItwL3IdentificationModeSelectionScreen.tsx

@@ -10,7 +10,7 @@ import {
   VStack
 } from "@pagopa/io-app-design-system";
 import { useFocusEffect, useRoute } from "@react-navigation/native";
-import { useCallback } from "react";
+import { useCallback, useRef } from "react";
 import { View } from "react-native";
 import I18n from "i18next";
 import IOMarkdown from "../../../../../components/IOMarkdown";
@@ -189,14 +189,20 @@ export const ItwL3IdentificationModeSelectionScreen = () => {
  */
 const useCieIdBottomSheet = () => {
   const machineRef = ItwEidIssuanceMachineContext.useActorRef();
+  // Ref used to temporarily skip tracking when the bottom sheet is dismissed
+  const skipDismissTracking = useRef(false);
 
   const bottomSheet = useIOBottomSheetModal({
     title: I18n.t(
       "features.itWallet.identification.mode.l3.bottomSheet.cieId.title"
     ),
     onDismiss: () => {
-      // Track the dismissal of the bottom sheet also when the user closes it with the X button
-      trackItwContinueWithCieIDClose();
+      // Track the dismissal of the bottom sheet also when the user closes it with the X button unless tracking was suppressed
+      if (!skipDismissTracking.current) {
+        trackItwContinueWithCieIDClose();
+      }
+      // eslint-disable-next-line functional/immutable-data
+      skipDismissTracking.current = false;
     },
     component: (
       <VStack space={24}>
@@ -220,6 +226,8 @@ const useCieIdBottomSheet = () => {
                     type: "select-identification-mode",
                     mode: "cieId"
                   });
+                  // eslint-disable-next-line functional/immutable-data
+                  skipDismissTracking.current = true;
                   bottomSheet.dismiss();
                 }
               },

ts/features/itwallet/machine/eid/actions.ts

@@ -28,6 +28,7 @@ import { itwLifecycleWalletReset } from "../../lifecycle/store/actions";
 import { ITW_ROUTES } from "../../navigation/routes";
 import { itwWalletInstanceAttestationStore } from "../../walletInstance/store/actions";
 import { itwWalletInstanceAttestationSelector } from "../../walletInstance/store/selectors";
+import { itwLifecycleIsITWalletValidSelector } from "../../lifecycle/store/selectors";
 import { Context } from "./context";
 import { EidIssuanceEvents } from "./events";
 
@@ -263,11 +264,9 @@ export const createEidIssuanceActionsImplementation = (
     trackSaveCredentialSuccess(isL3 ? "ITW_PID" : "ITW_ID_V2");
     updateITWStatusAndPIDProperties(store.getState());
   },
-  trackWalletInstanceRevocation: ({
-    context
-  }: ActionArgs<Context, EidIssuanceEvents, EidIssuanceEvents>) => {
-    const isL3 = context.identification?.level === "L3";
-    trackItwDeactivated(store.getState(), isL3 ? "ITW_PID" : "ITW_ID_V2");
+  trackWalletInstanceRevocation: () => {
+    const isItwL3 = itwLifecycleIsITWalletValidSelector(store.getState());
+    trackItwDeactivated(store.getState(), isItwL3 ? "ITW_PID" : "ITW_ID_V2");
   },
 
   storeAuthLevel: ({

ts/features/itwallet/machine/eid/machine.ts

@@ -272,9 +272,9 @@ export const itwEidIssuanceMachine = setup({
         src: "revokeWalletInstance",
         onDone: {
           actions: [
+            "trackWalletInstanceRevocation",
             "resetWalletInstance",
-            "closeIssuance",
-            "trackWalletInstanceRevocation"
+            "closeIssuance"
           ]
         },
         onError: [

ts/features/itwallet/presentation/details/components/ItwPresentationPidDetailFooter.tsx

@@ -6,6 +6,7 @@ import I18n from "i18next";
 import { useItwStartCredentialSupportRequest } from "../hooks/useItwStartCredentialSupportRequest";
 import { StoredCredential } from "../../../common/utils/itwTypesUtils";
 import { ItwEidIssuanceMachineContext } from "../../../machine/eid/provider";
+import { trackWalletStartDeactivation } from "../../../analytics";
 
 const POWERED_BY_IT_WALLET = "Powered by IT-Wallet";
 
@@ -23,6 +24,7 @@ const ItwPresentationPidDetailFooter = ({ credential }: Props) => {
   );
 
   const handleRevokePress = () => {
+    trackWalletStartDeactivation("ITW_PID");
     Alert.alert(
       I18n.t("features.itWallet.presentation.itWalletId.dialog.revoke.title"),
       I18n.t("features.itWallet.presentation.itWalletId.dialog.revoke.message"),

ts/features/itwallet/presentation/proximity/analytics/enum.ts

@@ -6,7 +6,7 @@ export enum ITW_PROXIMITY_SCREENVIEW_EVENTS {
   ITW_BLUETOOTH_NOT_ACTIVATED = "ITW_BLUETOOTH_NOT_ACTIVATED",
   ITW_PROXIMITY_QR_CODE = "ITW_PROXIMITY_QR_CODE",
   ITW_PROXIMITY_DATA_SHARE = "ITW_PROXIMITY_DATA_SHARE",
-  ITW_PROXIMITY_SUCCESS = "ITW_PROXIMITY_SUCCESS"
+  ITW_PROXIMITY_UX_SUCCESS = "ITW_PROXIMITY_UX_SUCCESS"
 }
 
 export enum ITW_PROXIMITY_ACTIONS_EVENTS {

ts/features/itwallet/presentation/proximity/analytics/index.ts

@@ -68,7 +68,7 @@ export const trackItwProximityDataShare = () => {
 
 export const trackItwProximityPresentationCompleted = () => {
   void mixpanelTrack(
-    ITW_PROXIMITY_SCREENVIEW_EVENTS.ITW_PROXIMITY_SUCCESS,
+    ITW_PROXIMITY_SCREENVIEW_EVENTS.ITW_PROXIMITY_UX_SUCCESS,
     buildEventProperties("UX", "screen_view")
   );
 };

ts/features/itwallet/presentation/remote/analytics/index.ts

@@ -55,10 +55,10 @@ export function trackItwRemoteInvalidAuthResponseBottomSheet() {
   );
 }
 
-export function trackItwRemotePresentationCompleted(redirect_uri: boolean) {
+export function trackItwRemotePresentationCompleted(redirect_url: boolean) {
   void mixpanelTrack(
     ITW_REMOTE_SCREENVIEW_EVENTS.ITW_REMOTE_UX_SUCCESS,
-    buildEventProperties("UX", "screen_view", { redirect_uri })
+    buildEventProperties("UX", "screen_view", { redirect_url })
   );
 }