Merge branch 'master' into IOCOM-2939_sendLPPlayground

Vangaorth · web-flow · commit c2b3cf86e3c7 · 2026-02-12T16:07:36.000+01:00
diff --git a/locales/it/index.json b/locales/it/index.json
@@ -4902,7 +4902,7 @@
         },
         "modeSelection": {
           "section": {
-            "issuance": "Ottieni {{ feature }}",
+            "issuance": "Attiva {{ feature }}",
             "reissuance": "Conferma periodica dell'identità"
           },
           "title": {
@@ -5142,7 +5142,8 @@
           "title": "Identità verificata",
           "titleL3": "Ci siamo quasi!",
           "subtitle": "Stai attivando **Documenti su IO** come:",
-          "subtitleL3": "Hai verificato la tua identità. \nIl tuo portafoglio IT-Wallet sarà associato a questi dati:",
+          "subtitleL3": "Hai confermato la tua identità. \nIl tuo portafoglio IT-Wallet sarà associato a questi dati:",
+          "bottomTextL3": "Se hai già aggiunto documenti al Portafoglio, questi saranno aggiornati alle funzionalità IT-Wallet, senza modifiche ai tuoi dati.",
           "actions": {
             "primary": "Continua",
             "secondary": "Annulla"
diff --git a/ts/features/fci/components/DocumentWithSignature.tsx b/ts/features/fci/components/DocumentWithSignature.tsx
@@ -5,6 +5,9 @@ import {
   HSpacer,
   IconButton,
   IOColors,
+  IOSpacing,
+  IOSpacingScale,
+  useFooterActionsMeasurements,
   useIOTheme,
   VSpacer
 } from "@pagopa/io-app-design-system";
@@ -13,7 +16,7 @@ import { constNull, pipe } from "fp-ts/lib/function";
 import * as O from "fp-ts/lib/Option";
 import I18n from "i18next";
 import { useCallback, useRef, useState } from "react";
-import { StyleSheet } from "react-native";
+import { StyleSheet, View } from "react-native";
 import Pdf, { PdfRef } from "react-native-pdf";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { ExistingSignatureFieldAttrs } from "../../../../definitions/fci/ExistingSignatureFieldAttrs";
@@ -60,8 +63,13 @@ const DocumentWithSignature = (props: Props) => {
   const dispatch = useIODispatch();
   const onContinuePress = () => props.onClose();
 
+  const extraFooterActionsMargin: IOSpacingScale = 16;
+
   const theme = useIOTheme();
 
+  const { footerActionsMeasurements, handleFooterActionsMeasurements } =
+    useFooterActionsMeasurements();
+
   const continueButtonProps: ButtonBlockProps = {
     onPress: onContinuePress,
     label: I18n.t("features.fci.documents.footer.backToSignFieldsList")
@@ -225,8 +233,19 @@ const DocumentWithSignature = (props: Props) => {
         disabled={false}
         testID={"FciDocumentsNavBarTestID"}
       />
-      <RenderMask />
+      <View
+        style={{
+          flex: 1,
+          marginBottom:
+            footerActionsMeasurements.safeBottomAreaHeight -
+            IOSpacing.screenEndMargin +
+            extraFooterActionsMargin
+        }}
+      >
+        <RenderMask />
+      </View>
       <FooterActions
+        onMeasure={handleFooterActionsMeasurements}
         actions={{
           type: "SingleButton",
           primary: continueButtonProps
diff --git a/ts/features/fci/screens/valid/FciDocumentsScreen.tsx b/ts/features/fci/screens/valid/FciDocumentsScreen.tsx
@@ -1,4 +1,9 @@
-import { FooterActionsInline, IOColors } from "@pagopa/io-app-design-system";
+import {
+  FooterActionsInline,
+  IOColors,
+  IOSpacing,
+  useFooterActionsInlineMeasurements
+} from "@pagopa/io-app-design-system";
 import {
   RouteProp,
   StackActions,
@@ -69,6 +74,11 @@ const FciDocumentsScreen = () => {
   const isFocused = useIsFocused();
   const [focusEpoch, setFocusEpoch] = useState(0);
 
+  const {
+    footerActionsInlineMeasurements,
+    handleFooterActionsInlineMeasurements
+  } = useFooterActionsInlineMeasurements();
+
   useEffect(() => {
     if (documents.length !== 0 && isFocused) {
       dispatch(fciDownloadPreview.request({ url: documents[currentDoc].url }));
@@ -272,8 +282,18 @@ const FciDocumentsScreen = () => {
       <View style={{ flex: 1 }} testID={"FciDocumentsScreenTestID"}>
         {documents.length > 0 && (
           <>
-            {renderPager()}
+            <View
+              style={{
+                flex: 1,
+                marginBottom:
+                  footerActionsInlineMeasurements.safeBottomAreaHeight -
+                  IOSpacing.screenEndMargin
+              }}
+            >
+              {renderPager()}
+            </View>
             <FooterActionsInline
+              onMeasure={handleFooterActionsInlineMeasurements}
               startAction={cancelButtonProps}
               endAction={endActionButtonProps}
             />
diff --git a/ts/features/itwallet/common/store/selectors/remoteConfig.ts b/ts/features/itwallet/common/store/selectors/remoteConfig.ts
@@ -117,3 +117,16 @@ export const itwIPatenteCtaConfigSelector = createSelector(
       O.toUndefined
     )
 );
+
+/**
+ * Return the remote config about ipzs privacy url for the IPZS privacy screen.
+ */
+export const itwIpzsPrivacyUrlSelector = createSelector(
+  itwRemoteConfigSelector,
+  itwConfig =>
+    pipe(
+      itwConfig,
+      O.map(itw => itw.ipzs_privacy_url),
+      O.toUndefined
+    )
+);
diff --git a/ts/features/itwallet/discovery/screens/ItwIpzsPrivacyScreen.tsx b/ts/features/itwallet/discovery/screens/ItwIpzsPrivacyScreen.tsx
@@ -13,6 +13,8 @@ import {
 } from "../../machine/eid/selectors";
 import ItwPrivacyWebViewComponent from "../components/ItwPrivacyWebViewComponent";
 import LoadingScreenContent from "../../../../components/screens/LoadingScreenContent";
+import { useIOSelector } from "../../../../store/hooks";
+import { itwIpzsPrivacyUrlSelector } from "../../common/store/selectors/remoteConfig";
 
 const ItwIpzsPrivacyScreen = () => {
   const [isLoading, setIsLoading] = useState(true);
@@ -24,8 +26,7 @@ const ItwIpzsPrivacyScreen = () => {
     isL3FeaturesEnabledSelector
   );
 
-  // TODO [SIW-2992] add this url to remote config
-  const privacyUrl = "https://util.wallet.ipzs.it/privacy.html";
+  const privacyUrl = useIOSelector(itwIpzsPrivacyUrlSelector);
 
   const handleContinuePress = () => {
     trackOpenItwTosAccepted(isL3 ? "L3" : "L2");
@@ -89,7 +90,7 @@ const ItwIpzsPrivacyScreen = () => {
         </ContentWrapper>
         <ItwPrivacyWebViewComponent
           source={{
-            uri: privacyUrl
+            uri: privacyUrl ?? ""
           }}
           onLoadEnd={onLoadEnd}
           onError={onError}
diff --git a/ts/features/itwallet/discovery/screens/__tests__/__snapshots__/ItwIpzsPrivacyScreen.test.tsx.snap b/ts/features/itwallet/discovery/screens/__tests__/__snapshots__/ItwIpzsPrivacyScreen.test.tsx.snap
@@ -598,7 +598,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 disabled) 1`] = `
                                   messagingModuleName=""
                                   newSource={
                                     {
-                                      "uri": "https://util.wallet.ipzs.it/privacy.html",
+                                      "uri": "",
                                     }
                                   }
                                   onContentProcessDidTerminate={[Function]}
@@ -612,7 +612,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 disabled) 1`] = `
                                   scrollEnabled={false}
                                   source={
                                     {
-                                      "uri": "https://util.wallet.ipzs.it/privacy.html",
+                                      "uri": "",
                                     }
                                   }
                                   style={
@@ -1850,7 +1850,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 enabled) 1`] = `
                                   messagingModuleName=""
                                   newSource={
                                     {
-                                      "uri": "https://util.wallet.ipzs.it/privacy.html",
+                                      "uri": "",
                                     }
                                   }
                                   onContentProcessDidTerminate={[Function]}
@@ -1864,7 +1864,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 enabled) 1`] = `
                                   scrollEnabled={false}
                                   source={
                                     {
-                                      "uri": "https://util.wallet.ipzs.it/privacy.html",
+                                      "uri": "",
                                     }
                                   }
                                   style={
diff --git a/ts/features/itwallet/identification/analytics/enum.ts b/ts/features/itwallet/identification/analytics/enum.ts
@@ -17,7 +17,6 @@ export enum ITW_IDENTIFICATION_SCREENVIEW_EVENTS {
 
 export enum ITW_IDENTIFICATION_ACTIONS_EVENTS {
   ITW_SPID_IDP_SELECTED = "ITW_SPID_IDP_SELECTED",
-  ITW_CIE_PIN_INFO = "ITW_CIE_PIN_INFO",
   ITW_CIE_PIN_FORGOTTEN = "ITW_CIE_PIN_FORGOTTEN",
   ITW_CIE_PUK_FORGOTTEN = "ITW_CIE_PUK_FORGOTTEN",
   ITW_CIE_NFC_GO_TO_SETTINGS = "ITW_CIE_NFC_GO_TO_SETTINGS",
diff --git a/ts/features/itwallet/identification/analytics/index.ts b/ts/features/itwallet/identification/analytics/index.ts
@@ -144,13 +144,6 @@ export const trackItWalletSpidIDPSelected = (
   );
 };
 
-export const trackItWalletCiePinInfo = (itw_flow: ItwFlow) => {
-  void mixpanelTrack(
-    ITW_IDENTIFICATION_ACTIONS_EVENTS.ITW_CIE_PIN_INFO,
-    buildEventProperties("UX", "action", { itw_flow })
-  );
-};
-
 export const trackItWalletCiePinForgotten = (itw_flow: ItwFlow) => {
   void mixpanelTrack(
     ITW_IDENTIFICATION_ACTIONS_EVENTS.ITW_CIE_PIN_FORGOTTEN,
diff --git a/ts/features/itwallet/identification/cie/screens/ItwCiePinScreen.tsx b/ts/features/itwallet/identification/cie/screens/ItwCiePinScreen.tsx
@@ -25,10 +25,7 @@ import { ContextualHelpPropsMarkdown } from "../../../../../utils/contextualHelp
 import { usePreventScreenCapture } from "../../../../../utils/hooks/usePreventScreenCapture";
 import { withTrailingPoliceCarLightEmojii } from "../../../../../utils/strings";
 import { isCieLoginUatEnabledSelector } from "../../../../authentication/login/cie/store/selectors";
-import {
-  trackItWalletCiePinEnter,
-  trackItWalletCiePinInfo
-} from "../../analytics";
+import { trackItWalletCiePinEnter } from "../../analytics";
 import { ItwEidIssuanceMachineContext } from "../../../machine/eid/provider";
 import { isL3FeaturesEnabledSelector } from "../../../machine/eid/selectors";
 import { useCieInfoBottomSheet } from "../hooks/useCieInfoBottomSheet";
@@ -116,10 +113,7 @@ export const ItwCiePinScreen = () => {
                 "features.itWallet.identification.cie.inputPin.buttonLink"
               )}
               onPress={() => {
-                trackItWalletCiePinInfo(itw_flow);
-                pinInfoBottomSheet.present({
-                  skipTracking: true
-                });
+                pinInfoBottomSheet.present();
               }}
             />
             <VSpacer size={24} />
diff --git a/ts/features/itwallet/issuance/screens/ItwIssuanceEidPreviewScreen.tsx b/ts/features/itwallet/issuance/screens/ItwIssuanceEidPreviewScreen.tsx
@@ -1,4 +1,5 @@
 import {
+  BodySmall,
   ContentWrapper,
   ForceScrollDownView,
   H2,
@@ -193,6 +194,11 @@ const ContentView = ({ eid }: ContentViewProps) => {
             )}
           />
           <ItwCredentialPreviewClaimsList data={eid} releaserVisible={false} />
+          {isL3 && (
+            <BodySmall>
+              {I18n.t("features.itWallet.issuance.eidPreview.bottomTextL3")}
+            </BodySmall>
+          )}
         </VStack>
       </ContentWrapper>
     </ForceScrollDownView>
diff --git a/ts/features/messages/screens/MessagesSearchScreen.tsx b/ts/features/messages/screens/MessagesSearchScreen.tsx
@@ -128,6 +128,10 @@ export const MessagesSearchScreen = () => {
       <FlatList
         ItemSeparatorComponent={() => <Divider />}
         data={filteredMessages}
+        contentContainerStyle={{
+          flexGrow: 1,
+          paddingBottom: insets.bottom
+        }}
         renderItem={renderItemCallback}
         ListEmptyComponent={renderListEmptyComponent}
         keyboardDismissMode={Platform.select({
diff --git a/ts/features/services/institution/screens/InstitutionServicesScreen.tsx b/ts/features/services/institution/screens/InstitutionServicesScreen.tsx
@@ -10,6 +10,7 @@ import {
 import { useFocusEffect } from "@react-navigation/native";
 import { useCallback, useEffect, useMemo } from "react";
 import { ListRenderItemInfo, RefreshControl } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import Animated, { useAnimatedRef } from "react-native-reanimated";
 import I18n from "i18next";
 import { ServiceId } from "../../../../../definitions/services/ServiceId";
@@ -48,6 +49,7 @@ export const InstitutionServicesScreen = ({
 }: InstitutionServicesScreen) => {
   const { institutionId, institutionName } = route.params;
 
+  const insets = useSafeAreaInsets();
   const theme = useIOTheme();
   const dispatch = useIODispatch();
   const animatedFlatListRef =
@@ -199,11 +201,9 @@ export const InstitutionServicesScreen = ({
         marginHorizontal: -IOVisualCostants.appMarginDefault
       }}
       ListFooterComponent={ListFooterComponent}
-      ListFooterComponentStyle={{
-        marginBottom: 16
-      }}
       contentContainerStyle={{
         flexGrow: 1,
+        paddingBottom: insets.bottom,
         paddingHorizontal: IOVisualCostants.appMarginDefault
       }}
       data={data?.services}
diff --git a/ts/features/services/search/screens/SearchScreen.tsx b/ts/features/services/search/screens/SearchScreen.tsx
@@ -16,8 +16,7 @@ import {
   IOVisualCostants,
   ListItemHeader,
   SearchInput,
-  SearchInputRef,
-  VSpacer
+  SearchInputRef
 } from "@pagopa/io-app-design-system";
 import I18n from "i18next";
 import { useInstitutionsFetcher } from "../hooks/useInstitutionsFetcher";
@@ -168,7 +167,7 @@ export const SearchScreen = () => {
       return <ServiceListSkeleton />;
     }
 
-    return <VSpacer size={16} />;
+    return <></>;
   }, [isUpdating]);
 
   const ListEmptyComponent = useMemo(() => {
@@ -239,6 +238,8 @@ export const SearchScreen = () => {
         ListFooterComponent={ListFooterComponent}
         ListHeaderComponent={ListHeaderComponent}
         contentContainerStyle={{
+          flexGrow: 1,
+          paddingBottom: insets.bottom,
           paddingHorizontal: IOVisualCostants.appMarginDefault
         }}
         data={data?.institutions}

Original file line number	Diff line number	Diff line change
@@ -598,7 +598,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 disabled) 1`] = `
`598`	`598`	`messagingModuleName=""`
`599`	`599`	`newSource={`
`600`	`600`	`{`
`601`		`- "uri": "https://util.wallet.ipzs.it/privacy.html",`
	`601`	`+ "uri": "",`
`602`	`602`	`}`
`603`	`603`	`}`
`604`	`604`	`onContentProcessDidTerminate={[Function]}`
@@ -612,7 +612,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 disabled) 1`] = `
`612`	`612`	`scrollEnabled={false}`
`613`	`613`	`source={`
`614`	`614`	`{`
`615`		`- "uri": "https://util.wallet.ipzs.it/privacy.html",`
	`615`	`+ "uri": "",`
`616`	`616`	`}`
`617`	`617`	`}`
`618`	`618`	`style={`
@@ -1850,7 +1850,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 enabled) 1`] = `
`1850`	`1850`	`messagingModuleName=""`
`1851`	`1851`	`newSource={`
`1852`	`1852`	`{`
`1853`		`- "uri": "https://util.wallet.ipzs.it/privacy.html",`
	`1853`	`+ "uri": "",`
`1854`	`1854`	`}`
`1855`	`1855`	`}`
`1856`	`1856`	`onContentProcessDidTerminate={[Function]}`
@@ -1864,7 +1864,7 @@ exports[`ItwIpzsPrivacyScreen should match the snapshot (L3 enabled) 1`] = `
`1864`	`1864`	`scrollEnabled={false}`
`1865`	`1865`	`source={`
`1866`	`1866`	`{`
`1867`		`- "uri": "https://util.wallet.ipzs.it/privacy.html",`
	`1867`	`+ "uri": "",`
`1868`	`1868`	`}`
`1869`	`1869`	`}`
`1870`	`1870`	`style={`