feat(ITWallet): [SIW-1455] Reissuing expired or expiring eID

locales/en/index.yml

@@ -3496,6 +3496,7 @@ features:
             valid: L'ultima verifica è del {{date}}.
             expiring: Verifica la tua identità entro il {{date}}.
             expired: È necessario un rapido passaggio di verifica per continuare a usare Documenti su IO.
+            action: Inizia
         MDL:
           expiring:
             title: "Patente su IO: documento in scadenza"
@@ -3551,6 +3552,13 @@ features:
         openPdf: Show document
         shareButton: Save or share
         fiscalCode: Your Fiscal Code
+      eid: 
+        verificationExpired:
+          title: Verifica la tua identità
+          contentStart: "È un passaggio di sicurezza necessario per continuare ad usare "
+          contentBold: Documenti su IO
+          contentEnd: "."
+          primaryAction: Inizia
       statusAttestationUnknown:
         title: Non siamo riusciti a caricare {{credentialName}}
         content: Chiudi e riapri l'app per riprovare.

locales/it/index.yml

@@ -3496,6 +3496,7 @@ features:
             valid: L'ultima verifica è del {{date}}.
             expiring: Verifica la tua identità entro il {{date}}.
             expired: È necessario un rapido passaggio di verifica per continuare a usare Documenti su IO.
+            action: Inizia
         MDL:
           expiring:
             title: "Patente su IO: documento in scadenza"
@@ -3551,6 +3552,13 @@ features:
         openPdf: "Mostra documento"
         shareButton: Salva o condividi
         fiscalCode: Il tuo Codice Fiscale
+      eid: 
+        verificationExpired:
+          title: Verifica la tua identità
+          contentStart: "È un passaggio di sicurezza necessario per continuare ad usare "
+          contentBold: Documenti su IO
+          contentEnd: "."
+          primaryAction: Inizia
       statusAttestationUnknown:
         title: Non siamo riusciti a caricare {{credentialName}}
         content: Chiudi e riapri l'app per riprovare.

ts/features/itwallet/common/components/ItwEidInfoBottomSheetContent.tsx

@@ -96,7 +96,7 @@ const ItwEidInfoBottomSheetContent = ({
             </Fragment>
           ))}
         </View>
-        <ItwEidLifecycleAlert />
+        <ItwEidLifecycleAlert navigation={navigation} />
         <IOMarkdown
           content={I18n.t(
             "features.itWallet.presentation.bottomSheets.eidInfo.contentBottom"

ts/features/itwallet/common/components/ItwEidLifecycleAlert.tsx

@@ -15,6 +15,8 @@ import {
   ItwJwtCredentialStatus,
   StoredCredential
 } from "../utils/itwTypesUtils";
+import { useIONavigation } from "../../../../navigation/params/AppParamsList";
+import { ITW_ROUTES } from "../../navigation/routes";
 
 const defaultLifecycleStatus: Array<ItwJwtCredentialStatus> = [
   "valid",
@@ -27,17 +29,28 @@ type Props = {
    * The eID statuses that will render the alert.
    */
   lifecycleStatus?: Array<ItwJwtCredentialStatus>;
+  navigation: ReturnType<typeof useIONavigation>;
 };
 
 /**
  * This component renders an alert that displays information on the eID status.
  */
 export const ItwEidLifecycleAlert = ({
-  lifecycleStatus = defaultLifecycleStatus
+  lifecycleStatus = defaultLifecycleStatus,
+  navigation
 }: Props) => {
   const eidOption = useIOSelector(itwCredentialsEidSelector);
   const maybeEidStatus = useIOSelector(itwCredentialsEidStatusSelector);
 
+  const startEidReissuing = () => {
+    navigation.navigate(ITW_ROUTES.MAIN, {
+      screen: ITW_ROUTES.IDENTIFICATION.MODE_SELECTION,
+      params: {
+        eidReissuing: true
+      }
+    });
+  };
+
   const Content = ({
     eid,
     eidStatus
@@ -73,14 +86,22 @@ export const ItwEidLifecycleAlert = ({
           {
             date: format(eid.jwt.expiration, "DD-MM-YYYY")
           }
-        )
+        ),
+        action: I18n.t(
+          "features.itWallet.presentation.bottomSheets.eidInfo.alert.action"
+        ),
+        onPress: startEidReissuing
       },
       jwtExpired: {
         testID: "itwEidLifecycleAlertTestID_jwtExpired",
         variant: "error",
         content: I18n.t(
           "features.itWallet.presentation.bottomSheets.eidInfo.alert.expired"
-        )
+        ),
+        action: I18n.t(
+          "features.itWallet.presentation.bottomSheets.eidInfo.alert.action"
+        ),
+        onPress: startEidReissuing
       }
     };
 

ts/features/itwallet/identification/screens/ItwIdentificationModeSelectionScreen.tsx

@@ -16,9 +16,20 @@ import {
 } from "../../analytics";
 import { IOScrollViewWithLargeHeader } from "../../../../components/ui/IOScrollViewWithLargeHeader";
 import { isCIEAuthenticationSupportedSelector } from "../../machine/eid/selectors";
+import { IOStackNavigationRouteProps } from "../../../../navigation/params/AppParamsList";
+import { ItwParamsList } from "../../navigation/ItwParamsList";
 import { itwDisabledIdentificationMethodsSelector } from "../../common/store/selectors/remoteConfig";
 
-export const ItwIdentificationModeSelectionScreen = () => {
+export type ItwIdentificationModeSelectionScreenNavigationParams = {
+  eidReissuing?: boolean;
+};
+
+type ScreenProps = IOStackNavigationRouteProps<
+  ItwParamsList,
+  "ITW_IDENTIFICATION_MODE_SELECTION"
+>;
+
+export const ItwIdentificationModeSelectionScreen = (params: ScreenProps) => {
   const machineRef = ItwEidIssuanceMachineContext.useActorRef();
   const isCieAuthenticationSupported = ItwEidIssuanceMachineContext.useSelector(
     isCIEAuthenticationSupportedSelector
@@ -45,6 +56,16 @@ export const ItwIdentificationModeSelectionScreen = () => {
     [isCieAuthenticationSupported]
   );
 
+  const { eidReissuing } = params.route.params;
+
+  useFocusEffect(
+    useCallback(() => {
+      if (eidReissuing) {
+        machineRef.send({ type: "start-reissuing" });
+      }
+    }, [eidReissuing, machineRef])
+  );
+
   useFocusEffect(trackItWalletIDMethod);
 
   const handleSpidPress = useCallback(() => {

ts/features/itwallet/identification/screens/__tests__/ItwIdentificationModeSelectionScreen.test.tsx

@@ -14,6 +14,8 @@ import { ItwEidIssuanceMachineContext } from "../../../machine/provider";
 import { itwEidIssuanceMachine } from "../../../machine/eid/machine";
 import { ItwLifecycleState } from "../../../lifecycle/store/reducers";
 import { ToolEnum } from "../../../../../../definitions/content/AssistanceToolConfig";
+import { IOStackNavigationProp } from "../../../../../navigation/params/AppParamsList";
+import { ItwParamsList } from "../../../navigation/ItwParamsList";
 
 jest.mock("../../../../../config", () => ({
   itwEnabled: true
@@ -127,10 +129,29 @@ describe("ItwIdentificationModeSelectionScreen", () => {
       }
     });
 
+    const mockNavigation = new Proxy(
+      {},
+      {
+        get: _ => jest.fn()
+      }
+    ) as unknown as IOStackNavigationProp<
+      ItwParamsList,
+      "ITW_IDENTIFICATION_MODE_SELECTION"
+    >;
+
+    const route = {
+      key: "ITW_IDENTIFICATION_MODE_SELECTION",
+      name: ITW_ROUTES.IDENTIFICATION.MODE_SELECTION,
+      params: {}
+    };
+
     return renderScreenWithNavigationStoreContext<GlobalState>(
       () => (
         <ItwEidIssuanceMachineContext.Provider logic={logic}>
-          <ItwIdentificationModeSelectionScreen />
+          <ItwIdentificationModeSelectionScreen
+            navigation={mockNavigation}
+            route={route}
+          />
         </ItwEidIssuanceMachineContext.Provider>
       ),
       ITW_ROUTES.IDENTIFICATION.MODE_SELECTION,

ts/features/itwallet/machine/credential/__tests__/machine.test.ts

@@ -126,6 +126,8 @@ describe("itwCredentialIssuanceMachine", () => {
   const isDeferredIssuance = jest.fn();
   const hasValidWalletInstanceAttestation = jest.fn();
   const isStatusError = jest.fn();
+  const isSkipNavigation = jest.fn();
+  const isEidExpired = jest.fn();
 
   const mockedMachine = itwCredentialIssuanceMachine.provide({
     actions: {
@@ -163,13 +165,17 @@ describe("itwCredentialIssuanceMachine", () => {
       isSessionExpired,
       isDeferredIssuance,
       hasValidWalletInstanceAttestation,
-      isStatusError
+      isStatusError,
+      isSkipNavigation,
+      isEidExpired
     }
   });
 
   beforeEach(() => {
     onInit.mockImplementation(() => ({ walletInstanceAttestation: undefined }));
     hasValidWalletInstanceAttestation.mockImplementation(() => false);
+    isEidExpired.mockImplementation(() => false);
+    isSkipNavigation.mockImplementation(() => true);
   });
 
   afterEach(() => {
@@ -595,6 +601,7 @@ describe("itwCredentialIssuanceMachine", () => {
     actor.start();
 
     await waitFor(() => expect(onInit).toHaveBeenCalledTimes(1));
+    isSkipNavigation.mockImplementation(() => false);
 
     requestCredential.mockImplementation(() =>
       Promise.resolve({

ts/features/itwallet/machine/credential/actions.ts

@@ -73,6 +73,12 @@ export default (
     });
   },
 
+  navigateToEidVerificationExpiredScreen: () => {
+    navigation.navigate(ITW_ROUTES.MAIN, {
+      screen: ITW_ROUTES.PRESENTATION.EID_VERIFICATION_EXPIRED
+    });
+  },
+
   closeIssuance: () => {
     navigation.popToTop();
   },

ts/features/itwallet/machine/credential/guards.ts

@@ -2,11 +2,15 @@ import { pipe } from "fp-ts/lib/function";
 import * as O from "fp-ts/lib/Option";
 import { ItwSessionExpiredError } from "../../api/client";
 import { isWalletInstanceAttestationValid } from "../../common/utils/itwAttestationUtils";
+import { useIOStore } from "../../../../store/hooks";
+import { itwCredentialsEidStatusSelector } from "../../credentials/store/selectors";
 import { Context } from "./context";
 import { CredentialIssuanceEvents } from "./events";
 import { CredentialIssuanceFailureType } from "./failure";
 
-export const createCredentialIssuanceGuardsImplementation = () => ({
+export const createCredentialIssuanceGuardsImplementation = (
+  store: ReturnType<typeof useIOStore>
+) => ({
   isSessionExpired: ({ event }: { event: CredentialIssuanceEvents }) =>
     "error" in event && event.error instanceof ItwSessionExpiredError,
 
@@ -21,5 +25,14 @@ export const createCredentialIssuanceGuardsImplementation = () => ({
     ),
 
   isStatusError: ({ context }: { context: Context }) =>
-    context.failure?.type === CredentialIssuanceFailureType.INVALID_STATUS
+    context.failure?.type === CredentialIssuanceFailureType.INVALID_STATUS,
+
+  isSkipNavigation: ({ event }: { event: CredentialIssuanceEvents }) =>
+    event.type === "select-credential" && event.skipNavigation === true,
+
+  isEidExpired: () => {
+    const eidStatus = itwCredentialsEidStatusSelector(store.getState());
+
+    return eidStatus === "jwtExpired";
+  }
 });

ts/features/itwallet/machine/credential/machine.ts

@@ -28,6 +28,7 @@ export const itwCredentialIssuanceMachine = setup({
     navigateToCredentialPreviewScreen: notImplemented,
     navigateToFailureScreen: notImplemented,
     navigateToWallet: notImplemented,
+    navigateToEidVerificationExpiredScreen: notImplemented,
     closeIssuance: notImplemented,
     storeWalletInstanceAttestation: notImplemented,
     storeCredential: notImplemented,
@@ -58,7 +59,9 @@ export const itwCredentialIssuanceMachine = setup({
     isSessionExpired: notImplemented,
     isDeferredIssuance: notImplemented,
     hasValidWalletInstanceAttestation: notImplemented,
-    isStatusError: notImplemented
+    isStatusError: notImplemented,
+    isEidExpired: notImplemented,
+    isSkipNavigation: notImplemented
   }
 }).createMachine({
   id: "itwCredentialIssuanceMachine",
@@ -72,7 +75,12 @@ export const itwCredentialIssuanceMachine = setup({
       on: {
         "select-credential": [
           {
-            guard: ({ event }) => event.skipNavigation === true,
+            guard: "isEidExpired",
+            actions: "navigateToEidVerificationExpiredScreen",
+            target: "Idle"
+          },
+          {
+            guard: "isSkipNavigation",
             target: "CheckingWalletInstanceAttestation",
             actions: [
               assign(({ event }) => ({