[SIW-1455] Reissuing expired or expiring eID

locales/en/index.yml

@@ -3482,6 +3482,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"
@@ -3535,6 +3536,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
     trustmark:
       cta: Mostra certificato di autenticità
       description: Mostra il QR Code per attestare l’autenticità del documento quando ti viene richiesto.

locales/it/index.yml

@@ -3482,6 +3482,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"
@@ -3535,6 +3536,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
     trustmark:
       cta: Mostra certificato di autenticità
       description: Mostra il QR Code per attestare l’autenticità del documento quando ti viene richiesto.

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

@@ -96,7 +96,7 @@ const ItwEidInfoBottomSheetContent = ({
             </React.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

@@ -17,8 +17,19 @@ import {
 import { itwDisabledIdentificationMethodsSelector } from "../../../../store/reducers/backendStatus/remoteConfig";
 import { IOScrollViewWithLargeHeader } from "../../../../components/ui/IOScrollViewWithLargeHeader";
 import { isCIEAuthenticationSupportedSelector } from "../../machine/eid/selectors";
+import { IOStackNavigationRouteProps } from "../../../../navigation/params/AppParamsList";
+import { ItwParamsList } from "../../navigation/ItwParamsList";
 
-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

@@ -15,6 +15,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
@@ -128,10 +130,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,