feat: Added secure store for the wallet key

apps/expo/app/_layout.tsx

@@ -1,13 +1,16 @@
 import type { AppAgent } from '@internal/agent'
 
 import { AgentProvider, initializeAgent } from '@internal/agent'
+import { useToastController } from '@internal/ui'
 import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
 import { Provider } from 'app/provider'
 import { useFonts } from 'expo-font'
 import { Stack } from 'expo-router'
 import * as SplashScreen from 'expo-splash-screen'
 import { useEffect, useState } from 'react'
 
+import { getSecureWalletKey } from '../utils/walletKeyStore'
+
 void SplashScreen.preventAutoHideAsync()
 
 export default function HomeLayout() {
@@ -22,12 +25,27 @@ export default function HomeLayout() {
     InterBold: require('@tamagui/font-inter/otf/Inter-Bold.otf'),
   })
   const [agent, setAgent] = useState<AppAgent>()
+  const toast = useToastController()
 
   // Initialize agent
   useEffect(() => {
     if (agent) return
 
-    void initializeAgent().then((agent) => setAgent(agent))
+    const startAgent = async () => {
+      const walletKey = await getSecureWalletKey().catch(() => {
+        toast.show('Could not load wallet key from secure storage.')
+      })
+      if (!walletKey) return
+
+      const agent = await initializeAgent(walletKey).catch(() => {
+        toast.show('Could not initialize agent.')
+      })
+      if (!agent) return
+
+      setAgent(agent)
+    }
+
+    void startAgent()
   }, [])
 
   // Hide splash screen when agent and fonts are loaded

apps/expo/package.json

@@ -31,6 +31,7 @@
     "expo-linear-gradient": "^12.1.2",
     "expo-linking": "^4.0.1",
     "expo-router": "^1.4.3",
+    "expo-secure-store": "^12.1.1",
     "expo-splash-screen": "~0.18.2",
     "expo-status-bar": "^1.4.4",
     "expo-system-ui": "~2.2.1",

apps/expo/utils/walletKeyStore.ts

@@ -0,0 +1,21 @@
+import { uuid } from '@aries-framework/core/build/utils/uuid'
+import * as SecureStore from 'expo-secure-store'
+
+const STORE_KEY = 'wallet-key' as const
+
+const generateNewWalletKey = (): string => {
+  return uuid()
+}
+
+export const getSecureWalletKey = async (): Promise<string> => {
+  const secureStoreAvailable = await SecureStore.isAvailableAsync()
+  if (!secureStoreAvailable) throw new Error('SecureStore is not available on this device.')
+
+  const walletKey = await SecureStore.getItemAsync(STORE_KEY)
+  if (walletKey) return walletKey
+
+  const newWalletKey = generateNewWalletKey()
+  await SecureStore.setItemAsync(STORE_KEY, newWalletKey)
+
+  return newWalletKey
+}

packages/agent/src/agent.ts

@@ -19,15 +19,14 @@ import { useAgent as useAgentLib } from '@aries-framework/react-hooks'
 import { agentDependencies } from '@aries-framework/react-native'
 import { ariesAskar } from '@hyperledger/aries-askar-react-native'
 
-export const initializeAgent = async () => {
+export const initializeAgent = async (walletKey: string) => {
   const agent = new Agent({
     dependencies: agentDependencies,
     config: {
       label: 'Paradym Wallet',
-      // FIXME: AW-58: Store wallet key in secure enclave
       walletConfig: {
-        id: 'paradym-wallet',
-        key: 'a5fc4d22-5e0c-434b-abb5-c091815cf279',
+        id: 'paradym-wallet-secure',
+        key: walletKey,
       },
       autoUpdateStorageOnStartup: true,
       logger: new ConsoleLogger(LogLevel.debug),

yarn.lock

@@ -8044,6 +8044,7 @@ __metadata:
     expo-linear-gradient: ^12.1.2
     expo-linking: ^4.0.1
     expo-router: ^1.4.3
+    expo-secure-store: ^12.1.1
     expo-splash-screen: ~0.18.2
     expo-status-bar: ^1.4.4
     expo-system-ui: ~2.2.1
@@ -8349,6 +8350,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expo-secure-store@npm:^12.1.1":
+  version: 12.3.0
+  resolution: "expo-secure-store@npm:12.3.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 37b0b95c80731bbd17ea62e9b3c15e7ad059f23238d69cac145d2094c054efc8ae08f5d8cc48ca4107ca9e23d7c61231eb43493dff984b1a447acd34cb3ea090
+  languageName: node
+  linkType: hard
+
 "expo-splash-screen@npm:*, expo-splash-screen@npm:~0.18.2":
   version: 0.18.2
   resolution: "expo-splash-screen@npm:0.18.2"