add the gender to the deeplink optoin

app/src/screens/dev/MockDataScreenDeepLink.tsx

@@ -31,11 +31,13 @@ const MockDataScreenDeepLink: React.FC = () => {
     deepLinkSurname,
     deepLinkNationality,
     deepLinkBirthDate,
+    deepLinkGender,
   } = useUserStore(state => ({
     deepLinkName: state.deepLinkName,
     deepLinkSurname: state.deepLinkSurname,
     deepLinkNationality: state.deepLinkNationality,
     deepLinkBirthDate: state.deepLinkBirthDate,
+    deepLinkGender: state.deepLinkGender,
   }));
 
   useEffect(() => {
@@ -126,6 +128,22 @@ const MockDataScreenDeepLink: React.FC = () => {
             </XStack>
           </XStack>
 
+          <XStack ai="center" jc="space-between">
+            <BodyText>Gender</BodyText>
+            <XStack
+              ai="center"
+              gap="$2"
+              p="$2"
+              px="$3"
+              bg="$gray2"
+              borderColor={borderColor}
+              borderWidth={1}
+              borderRadius="$4"
+            >
+              <Text fontSize="$4">{deepLinkGender?.toUpperCase()}</Text>
+            </XStack>
+          </XStack>
+
           <XStack ai="center" jc="space-between">
             <BodyText>Nationality</BodyText>
             <XStack

app/src/stores/userStore.ts

@@ -13,6 +13,7 @@ interface UserState {
   deepLinkSurname?: string;
   deepLinkNationality?: string;
   deepLinkBirthDate?: string;
+  deepLinkGender?: string;
   update: (patch: Partial<UserState>) => void;
   deleteMrzFields: () => void;
   setDeepLinkUserDetails: (details: {
@@ -20,6 +21,7 @@ interface UserState {
     surname?: string;
     nationality?: string;
     birthDate?: string;
+    gender?: string;
   }) => void;
   clearDeepLinkUserDetails: () => void;
 }
@@ -34,6 +36,7 @@ const useUserStore = create<UserState>((set, _get) => ({
   deepLinkSurname: undefined,
   deepLinkNationality: undefined,
   deepLinkBirthDate: undefined,
+  deepLinkGender: undefined,
 
   update: patch => {
     set(state => ({ ...state, ...patch }));
@@ -54,6 +57,7 @@ const useUserStore = create<UserState>((set, _get) => ({
       deepLinkSurname: details.surname,
       deepLinkNationality: details.nationality,
       deepLinkBirthDate: details.birthDate,
+      deepLinkGender: details.gender,
     }),
 
   clearDeepLinkUserDetails: () =>
@@ -62,6 +66,7 @@ const useUserStore = create<UserState>((set, _get) => ({
       deepLinkSurname: undefined,
       deepLinkNationality: undefined,
       deepLinkBirthDate: undefined,
+      deepLinkGender: undefined,
     }),
 }));
 

app/src/utils/deeplinks.ts

@@ -52,6 +52,7 @@ const handleUrl = (uri: string) => {
         surname?: string;
         nationality?: string;
         birth_date?: string;
+        gender?: string;
       };
       const rawParams = data as MockDataDeepLinkRawParams;
 
@@ -60,6 +61,7 @@ const handleUrl = (uri: string) => {
         surname: rawParams.surname,
         nationality: rawParams.nationality,
         birthDate: rawParams.birth_date,
+        gender: rawParams.gender,
       });
 
       navigationRef.navigate('MockDataDeepLink');