feat: new branding elements (#151)

Signed-off-by: Timo Glastra <[email protected]>
Co-authored-by: Timo Glastra <[email protected]>

README.md

@@ -33,7 +33,7 @@ The folder structure is as follows
 
 - `apps` top level applications
   - `paradym` Paradym Wallet - react native app for iOS & Android
-  - `ausweis` Ausweis Wallet - react native app for iOS & Android
+  - `easypid` EasyPID Wallet - react native app for iOS & Android
 - `packages` shared packages
   - `ui` includes our custom UI kit that will be optimized by Tamagui
   - `agent` includes the Aries Framework JavaScript (AFJ) agent and SSI capabilities
@@ -52,7 +52,7 @@ Once all dependencies are installed, you need to make sure you have a developmen
 You can install this using the following commands:
 
 ```sh
-cd apps/paradym # or apps/funke
+cd apps/paradym # or apps/easypid
 pnpm prebuild
 pnpm ios # or android
 ```

apps/ausweis/app.config.js → apps/easypid/app.config.js

@@ -30,24 +30,25 @@ const invitationSchemes = ['openid', 'openid-initiate-issuance', 'openid-credent
  * @type {import('@expo/config-types').ExpoConfig}
  */
 const config = {
-  name: `Ausweis Wallet ${variant.name}`,
-  scheme: 'ausweis-wallet',
-  slug: 'ausweis-wallet',
+  name: `EasyPID ${variant.name}`,
+  scheme: 'animo-easypid',
+  slug: 'animo-easypid',
   owner: 'animo-id',
   version,
   orientation: 'portrait',
   icon: './assets/icon.png',
   userInterfaceStyle: 'light',
   androidStatusBar: {
-    backgroundColor: '#FFFFFF',
+    backgroundColor: '#00000000',
+    barStyle: 'light-content',
   },
   androidNavigationBar: {
-    backgroundColor: '#FFFFFF',
+    backgroundColor: '#2445CD',
   },
   splash: {
     image: './assets/splash.png',
-    resizeMode: 'contain',
-    backgroundColor: '#FFFFFF',
+    resizeMode: 'cover',
+    backgroundColor: '#2445CD',
   },
   updates: {
     fallbackToCacheTimeout: 0,
@@ -85,10 +86,9 @@ const config = {
     supportsTablet: false,
     bundleIdentifier: `id.animo.ausweis${variant.bundle}`,
     infoPlist: {
-      NSPhotoLibraryUsageDescription:
-        'Ausweis Wallet uses the camera to initiate receiving and sharing of credentials.',
-      NSCameraUsageDescription: 'Ausweis Wallet uses the camera to initiate receiving and sharing of credentials.',
-      NSFaceIDUsageDescription: 'Ausweis Wallet uses FaceID to securely unlock the wallet and share credentials.',
+      NSPhotoLibraryUsageDescription: 'EasyPID uses the camera to initiate receiving and sharing of credentials.',
+      NSCameraUsageDescription: 'EasyPID uses the camera to initiate receiving and sharing of credentials.',
+      NSFaceIDUsageDescription: 'EasyPID uses FaceID to securely unlock the wallet and share credentials.',
       ITSAppUsesNonExemptEncryption: false,
       // Add schemes for deep linking
       CFBundleURLTypes: [

apps/ausweis/package.json → apps/easypid/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "ausweis-wallet",
+	"name": "animo-easypid",
 	"version": "1.5.1",
 	"main": "index.ts",
 	"private": true,

apps/ausweis/src/agent/index.ts → apps/easypid/src/agent/index.ts

@@ -1,10 +1,10 @@
-import { type AusweisAppAgent, useAgent } from '@package/agent'
+import { type EasyPIDAppAgent, useAgent } from '@package/agent'
 import { useSecureUnlock as _useSecureUnlock } from '@package/secure-store/secureUnlock'
 
 export { initializeAppAgent } from './initialize'
 
-export const useAppAgent = useAgent<AusweisAppAgent>
-export type AppAgent = AusweisAppAgent
+export const useAppAgent = useAgent<EasyPIDAppAgent>
+export type AppAgent = EasyPIDAppAgent
 export type SecureUnlockContext = { agent: AppAgent }
 
 export const useSecureUnlock = () => _useSecureUnlock<SecureUnlockContext>()

apps/easypid/src/agent/initialize.ts

@@ -0,0 +1,12 @@
+import { trustedX509Certificates } from '@easypid/constants'
+import { initializeEasyPIDAgent } from '@package/agent'
+
+export function initializeAppAgent({ walletKey }: { walletKey: string }) {
+  return initializeEasyPIDAgent({
+    keyDerivation: 'raw',
+    walletId: 'ausweis-wallet',
+    walletKey,
+    walletLabel: 'EasyPID Wallet',
+    trustedX509Certificates,
+  })
+}

apps/ausweis/src/app/(app)/_layout.tsx → apps/easypid/src/app/(app)/_layout.tsx

@@ -1,8 +1,8 @@
 import { Redirect, Stack, useRouter } from 'expo-router'
 
-import { useSecureUnlock } from '@ausweis/agent'
-import { useHasFinishedOnboarding } from '@ausweis/features/onboarding'
-import { resetWallet, useResetWalletDevMenu } from '@ausweis/utils/resetWallet'
+import { useSecureUnlock } from '@easypid/agent'
+import { useHasFinishedOnboarding } from '@easypid/features/onboarding'
+import { resetWallet, useResetWalletDevMenu } from '@easypid/utils/resetWallet'
 import { AgentProvider } from '@package/agent'
 import { DeeplinkHandler, isAndroid } from '@package/app'
 import { HeroIcons, XStack } from '@package/ui'

apps/ausweis/src/app/(app)/credentials/pid.tsx → apps/easypid/src/app/(app)/credentials/pid.tsx

@@ -1,4 +1,4 @@
-import { FunkePidCredentialDetailScreen } from '@ausweis/features/wallet/FunkePidCredentialDetailScreen'
+import { FunkePidCredentialDetailScreen } from '@easypid/features/wallet/FunkePidCredentialDetailScreen'
 import { Stack } from 'expo-router'
 
 export default function Screen() {

apps/ausweis/src/app/(app)/index.tsx → apps/easypid/src/app/(app)/index.tsx

@@ -1,4 +1,4 @@
-import { FunkeWalletScreen } from '@ausweis/features/wallet/FunkeWalletScreen'
+import { FunkeWalletScreen } from '@easypid/features/wallet/FunkeWalletScreen'
 import { XStack } from '@package/ui'
 import { Stack } from 'expo-router'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'

apps/easypid/src/app/(app)/notifications/openIdPresentation.tsx

@@ -0,0 +1,5 @@
+import { OpenIdPresentationNotificationScreen } from '@package/app'
+
+export default function Screen() {
+  return <OpenIdPresentationNotificationScreen />
+}

apps/ausweis/src/app/authenticate.tsx → apps/easypid/src/app/authenticate.tsx

@@ -1,7 +1,7 @@
 import { Redirect } from 'expo-router'
 
-import { initializeAppAgent, useSecureUnlock } from '@ausweis/agent'
 import { WalletInvalidKeyError } from '@credo-ts/core'
+import { initializeAppAgent, useSecureUnlock } from '@easypid/agent'
 import { FlexPage, HeroIcons, Paragraph, PinDotsInput, type PinDotsInputRef, Stack, YStack } from '@package/ui'
 import * as SplashScreen from 'expo-splash-screen'
 import { useEffect, useRef } from 'react'

apps/ausweis/src/app/onboarding/_layout.tsx → apps/easypid/src/app/onboarding/_layout.tsx

@@ -1,4 +1,4 @@
-import { OnboardingContextProvider } from '@ausweis/features/onboarding'
+import { OnboardingContextProvider } from '@easypid/features/onboarding'
 import { Slot } from 'expo-router'
 import * as SplashScreen from 'expo-splash-screen'
 import { useResetWalletDevMenu } from '../../utils/resetWallet'

apps/ausweis/src/app/onboarding/index.tsx → apps/easypid/src/app/onboarding/index.tsx

@@ -1,4 +1,4 @@
-import { useOnboardingContext } from '@ausweis/features/onboarding'
+import { useOnboardingContext } from '@easypid/features/onboarding'
 import { FlexPage, Heading, OnboardingScreensHeader, Paragraph, YStack } from '@package/ui'
 import type React from 'react'
 import { Alert } from 'react-native'

apps/ausweis/src/crypto/aes.ts → apps/easypid/src/crypto/aes.ts

@@ -1,4 +1,4 @@
-import { AUSWEIS_WALLET_INSTANCE_LONG_TERM_AES_KEY_ID } from '@ausweis/constants'
+import { AUSWEIS_WALLET_INSTANCE_LONG_TERM_AES_KEY_ID } from '@easypid/constants'
 import { aes256Gcm } from '@package/agent'
 
 export const ausweisAes256Gcm = aes256Gcm(AUSWEIS_WALLET_INSTANCE_LONG_TERM_AES_KEY_ID)