SDK: minimize amount of data sent through PROVING_PASSPORT_NOT_SUPPORTED event (#1030)

app/src/navigation/document.ts

@@ -62,7 +62,8 @@ const documentScreens = {
       headerShown: false,
     } as NativeStackNavigationOptions,
     initialParams: {
-      passportData: null,
+      countryCode: null,
+      documentCategory: null,
     },
   },
   DocumentNFCMethodSelection: {

app/src/providers/selfClientProvider.tsx

@@ -132,10 +132,11 @@ export const SelfClientProvider = ({ children }: PropsWithChildren) => {
 
     addListener(
       SdkEvents.PROVING_PASSPORT_NOT_SUPPORTED,
-      ({ passportData }) => {
+      ({ countryCode, documentCategory }) => {
         if (navigationRef.isReady()) {
           navigationRef.navigate('UnsupportedDocument', {
-            passportData,
+            countryCode,
+            documentCategory,
           } as any);
         }
       },

app/src/screens/document/UnsupportedDocumentScreen.tsx

@@ -10,7 +10,7 @@ import { XStack, YStack } from 'tamagui';
 import type { RouteProp } from '@react-navigation/native';
 
 import { countryCodes } from '@selfxyz/common/constants';
-import type { PassportData } from '@selfxyz/common/types';
+import type { DocumentCategory } from '@selfxyz/common/types';
 import {
   hasAnyValidRegisteredDocument,
   useSelfClient,
@@ -39,7 +39,8 @@ type CountryFlagsRecord = Record<string, CountryFlagComponent>;
 type UnsupportedDocumentScreenRouteProp = RouteProp<
   {
     UnsupportedDocument: {
-      passportData: PassportData | null;
+      countryCode: string | null;
+      documentCategory: DocumentCategory | null;
     };
   },
   'UnsupportedDocument'
@@ -55,11 +56,10 @@ const UnsupportedDocumentScreen: React.FC<UnsupportedDocumentScreenProps> = ({
   const selfClient = useSelfClient();
   const navigateToLaunch = useHapticNavigation('Launch');
   const navigateToHome = useHapticNavigation('Home');
-  const passportData = route.params?.passportData;
 
   const { countryName, country2AlphaCode, documentTypeText } = useMemo(() => {
     try {
-      const countryCode = passportData?.passportMetadata?.countryCode;
+      const countryCode = route.params?.countryCode;
       if (countryCode) {
         // Handle Germany corner case where country code is "D<<" instead of "DEU"
         let normalizedCountryCode = countryCode;
@@ -74,7 +74,7 @@ const UnsupportedDocumentScreen: React.FC<UnsupportedDocumentScreenProps> = ({
         const name =
           countryCodes[normalizedCountryCode as keyof typeof countryCodes];
         const docType =
-          passportData?.documentCategory === 'id_card'
+          route.params?.documentCategory === 'id_card'
             ? 'ID Cards'
             : 'Passports';
         return {
@@ -87,13 +87,13 @@ const UnsupportedDocumentScreen: React.FC<UnsupportedDocumentScreenProps> = ({
       console.error('Error extracting country from passport data:', error);
     }
     const docType =
-      passportData?.documentCategory === 'id_card' ? 'ID Cards' : 'Passports';
+      route.params?.documentCategory === 'id_card' ? 'ID Cards' : 'Passports';
     return {
       countryName: 'Unknown',
       country2AlphaCode: 'Unknown',
       documentTypeText: docType,
     };
-  }, [passportData]);
+  }, [route.params?.documentCategory, route.params?.countryCode]);
 
   // Get country flag component dynamically
   const getCountryFlag = (code: string) => {
@@ -127,7 +127,7 @@ const UnsupportedDocumentScreen: React.FC<UnsupportedDocumentScreenProps> = ({
         countryName,
         countryCode:
           country2AlphaCode !== 'Unknown' ? country2AlphaCode : undefined,
-        documentCategory: passportData?.documentCategory,
+        documentCategory: route.params?.documentCategory ?? '',
       });
     } catch (error) {
       console.error('Failed to open email client:', error);

app/src/utils/proving/provingMachine.ts

@@ -1096,8 +1096,13 @@ export const useProvingStore = create<ProvingState>((set, get) => {
     },
 
     _handlePassportNotSupported: (selfClient: SelfClient) => {
+      const passportData = get().passportData;
+      const countryCode = passportData?.passportMetadata?.countryCode;
+      const documentCategory = passportData?.documentCategory;
+
       selfClient.emit(SdkEvents.PROVING_PASSPORT_NOT_SUPPORTED, {
-        passportData: get().passportData as PassportData,
+        countryCode: countryCode ?? null,
+        documentCategory: documentCategory ?? null,
       });
     },