fix(IT Wallet): [SIW-2685] parse nationalities claim (#7182)

## Short description
This PR adds a decoder for a simple list of strings, so the country
codes of the nationality claim can be displayed correctly.

## List of changes proposed in this pull request
- Added `SimpleListClaim` decoder
- Removed redundant `else if`

## How to test
Activate the Wallet using the new API v1.0 and ensure the eID preview
and detail correctly display the nationalities.

<img width="320" alt="eid_preview"
src="https://github.com/user-attachments/assets/6fd1d782-4783-465a-bfd8-131ef69e7274"
/>
<img width="320" alt="eid_detail"
src="https://github.com/user-attachments/assets/0a713ab2-99dc-47f3-8a8f-aa53411fa00e"
/>

Author: gispada

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

@@ -23,6 +23,7 @@ import {
   PlaceOfBirthClaimType,
   SimpleDate,
   SimpleDateClaim,
+  SimpleListClaim,
   StringClaim
 } from "../utils/itwClaimsUtils";
 import { ItwCredentialStatus } from "../utils/itwTypesUtils";
@@ -338,7 +339,8 @@ export const ItwCredentialClaim = ({
         const decoded = hidden ? HIDDEN_CLAIM_TEXT : _decoded;
         if (PlaceOfBirthClaim.is(decoded)) {
           return <PlaceOfBirthClaimItem label={claim.label} claim={decoded} />;
-        } else if (SimpleDateClaim.is(decoded)) {
+        }
+        if (SimpleDateClaim.is(decoded)) {
           return (
             <DateClaimItem
               label={claim.label}
@@ -350,11 +352,14 @@ export const ItwCredentialClaim = ({
               }
             />
           );
-        } else if (ImageClaim.is(decoded)) {
+        }
+        if (ImageClaim.is(decoded)) {
           return <ImageClaimItem label={claim.label} claim={decoded} />;
-        } else if (PdfClaim.is(decoded)) {
+        }
+        if (PdfClaim.is(decoded)) {
           return <AttachmentsClaimItem name={claim.label} />;
-        } else if (DrivingPrivilegesClaim.is(decoded)) {
+        }
+        if (DrivingPrivilegesClaim.is(decoded)) {
           return decoded.map((elem, index) => (
             <Fragment key={`${index}_${claim.label}_${elem.driving_privilege}`}>
               {index !== 0 && <Divider />}
@@ -365,16 +370,27 @@ export const ItwCredentialClaim = ({
               />
             </Fragment>
           ));
-        } else if (FiscalCodeClaim.is(decoded)) {
+        }
+        if (FiscalCodeClaim.is(decoded)) {
           const fiscalCode = pipe(
             decoded,
             extractFiscalCode,
             O.getOrElseW(() => decoded)
           );
           return <PlainTextClaimItem label={claim.label} claim={fiscalCode} />;
-        } else if (BoolClaim.is(decoded)) {
-          return <BoolClaimItem label={claim.label} claim={decoded} />; // m
-        } else if (EmptyStringClaim.is(decoded)) {
+        }
+        if (BoolClaim.is(decoded)) {
+          return <BoolClaimItem label={claim.label} claim={decoded} />;
+        }
+        if (SimpleListClaim.is(decoded)) {
+          return (
+            <PlainTextClaimItem
+              label={claim.label}
+              claim={decoded.join(", ")}
+            />
+          );
+        }
+        if (EmptyStringClaim.is(decoded)) {
           return null; // We want to hide the claim if it's empty
         }
         if (StringClaim.is(decoded)) {
@@ -390,9 +406,9 @@ export const ItwCredentialClaim = ({
               credentialType={credentialType}
             />
           ); // must be the last one to be checked due to overlap with IPatternStringTag
-        } else {
-          return <UnknownClaimItem label={claim.label} _claim={decoded} />;
         }
+
+        return <UnknownClaimItem label={claim.label} _claim={decoded} />;
       }
     )
   );

ts/features/itwallet/common/utils/__tests__/itwClaimsUtils.test.ts

@@ -7,7 +7,8 @@ import {
   getCredentialExpireDays,
   getFiscalCodeFromCredential,
   ImageClaim,
-  SimpleDateClaim
+  SimpleDateClaim,
+  SimpleListClaim
 } from "../itwClaimsUtils";
 import { StoredCredential } from "../itwTypesUtils";
 import { ItwStoredCredentialsMocks } from "../itwMocksUtils";
@@ -237,3 +238,15 @@ describe("SimpleDateClaim", () => {
     }
   });
 });
+
+describe("SimpleListClaim", () => {
+  it.each([
+    [["IT"], true],
+    [["IT", "EN"], true],
+    [[{ item: 1 }, { item: 2 }], false],
+    ["not_a_list", false],
+    [123, false]
+  ])("should evaluate a claim of %p as %p", (data, expected) => {
+    expect(SimpleListClaim.is(data)).toBe(expected);
+  });
+});

ts/features/itwallet/common/utils/itwClaimsUtils.ts

@@ -358,6 +358,11 @@ export const ImageClaim = PatternString(PICTURE_URL_REGEX);
 
 export const PdfClaim = PatternString(PDF_DATA_REGEX);
 
+/**
+ * Decoder for a simple list of string claims (for instance, nationality codes)
+ */
+export const SimpleListClaim = t.array(t.string);
+
 /**
  * Decoder type for the claim field of the credential.
  * It includes all the possible types of claims and fallbacks to string.
@@ -381,6 +386,8 @@ export const ClaimValue = t.union([
   BoolClaim,
   // Otherwise parse an url value
   UrlClaim,
+  // Otherwise parse a list of strings
+  SimpleListClaim,
   // Otherwise fallback to string
   StringClaim,
   // Otherwise fallback to empty string
@@ -539,23 +546,33 @@ export const getClaimDisplayValue = (
       decoded => {
         if (PlaceOfBirthClaim.is(decoded)) {
           return `${decoded.locality} (${decoded.country})`;
-        } else if (SimpleDateClaim.is(decoded)) {
+        }
+        if (SimpleDateClaim.is(decoded)) {
           return decoded.toString();
-        } else if (ImageClaim.is(decoded)) {
+        }
+        if (ImageClaim.is(decoded)) {
           return decoded;
-        } else if (DrivingPrivilegesClaim.is(decoded)) {
+        }
+        if (DrivingPrivilegesClaim.is(decoded)) {
           return decoded.map(e => e.driving_privilege);
-        } else if (FiscalCodeClaim.is(decoded)) {
+        }
+        if (FiscalCodeClaim.is(decoded)) {
           return pipe(
             decoded,
             extractFiscalCode,
             O.getOrElseW(() => decoded)
           );
-        } else if (BoolClaim.is(decoded)) {
+        }
+        if (BoolClaim.is(decoded)) {
           return I18n.t(
             `features.itWallet.presentation.credentialDetails.boolClaim.${decoded}`
           );
-        } else if (StringClaim.is(decoded) || EmptyStringClaim.is(decoded)) {
+        }
+        if (
+          SimpleListClaim.is(decoded) ||
+          StringClaim.is(decoded) ||
+          EmptyStringClaim.is(decoded)
+        ) {
           return decoded; // must be the last one to be checked due to overlap with IPatternStringTag
         }