Three/country picker (#1448)

* use 3.0 country picker

* get blurview working in app
add navigation adapter to sdk
render

* fix fonts and double view registration issues

* dont need this script as we use peer deps now

* fix our package installs





* prayed to the false idol of claude to resolve installing anon-aadhar from a specific commit from a monorepo

* fix route types


* add peer deps to demo

---------

Co-authored-by: Leszek Stachowski <leszek.stachowski@self.xyz>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

app/src/providers/selfClientProvider.tsx

@@ -89,6 +89,23 @@ export const SelfClientProvider = ({ children }: PropsWithChildren) => {
         },
       },
       documents: selfClientDocumentsAdapter,
+      navigation: {
+        goBack: () => {
+          if (navigationRef.isReady()) {
+            navigationRef.goBack();
+          }
+        },
+        goTo: (routeName, params) => {
+          if (navigationRef.isReady()) {
+            if (params !== undefined) {
+              // @ts-expect-error
+              navigationRef.navigate(routeName, params);
+            } else {
+              navigationRef.navigate(routeName as never);
+            }
+          }
+        },
+      },
       crypto: {
         async hash(
           data: Uint8Array,

app/src/screens/app/LoadingScreen.tsx

@@ -9,6 +9,7 @@ import type { StaticScreenProps } from '@react-navigation/native';
 import { useFocusEffect, useIsFocused } from '@react-navigation/native';
 
 import type { DocumentCategory } from '@selfxyz/common/utils/types';
+import type { ProvingStateType } from '@selfxyz/mobile-sdk-alpha';
 import {
   advercase,
   dinot,
@@ -17,7 +18,6 @@ import {
 } from '@selfxyz/mobile-sdk-alpha';
 import failAnimation from '@selfxyz/mobile-sdk-alpha/animations/loading/fail.json';
 import proveLoadingAnimation from '@selfxyz/mobile-sdk-alpha/animations/loading/prove.json';
-import type { ProvingStateType } from '@selfxyz/mobile-sdk-alpha/browser';
 import {
   black,
   slate400,

app/src/screens/documents/selection/CountryPickerScreen.tsx

@@ -2,17 +2,8 @@
 // SPDX-License-Identifier: BUSL-1.1
 // NOTE: Converts to Apache-2.0 on 2029-06-11 per LICENSE.
 
-import { YStack } from '@selfxyz/mobile-sdk-alpha/components';
-import { slate100 } from '@selfxyz/mobile-sdk-alpha/constants/colors';
 import SDKCountryPickerScreen from '@selfxyz/mobile-sdk-alpha/onboarding/country-picker-screen';
 
-import { DocumentFlowNavBar } from '@/components/navbar/DocumentFlowNavBar';
-
 export default function CountryPickerScreen() {
-  return (
-    <YStack flex={1} backgroundColor={slate100}>
-      <DocumentFlowNavBar title="GETTING STARTED" />
-      <SDKCountryPickerScreen />
-    </YStack>
-  );
+  return <SDKCountryPickerScreen />;
 }