@bifold/core 2.1.2 → 2.1.4

package/src/modules/openid/screens/OpenIDCredentialOffer.tsx

@@ -183,6 +183,7 @@ const OpenIDCredentialOffer: React.FC<OpenIDCredentialDetailsProps> = ({ navigat
         visible={isRemoveModalDisplayed}
         onSubmit={handleDeclineTouched}
         onCancel={toggleDeclineModalVisible}
+        extraDetails={display.issuer.name}
       />
     </ScreenLayout>
   )

package/src/screens/NameWallet.tsx

@@ -3,9 +3,7 @@ import React from 'react'
 import WalletNameForm from '../components/forms/WalletNameForm'
 
 const NameWallet: React.FC = () => {
-  return (
-    <WalletNameForm />
-  )
+  return <WalletNameForm />
 }
 
 export default NameWallet

package/src/screens/RenameWallet.tsx

@@ -12,14 +12,15 @@ const RenameWallet: React.FC = () => {
     navigation.goBack()
   }, [navigation])
 
-  const onSubmitSuccess = useCallback((name: string) => {
-    agent.config.label = name
-    navigation.goBack()
-  }, [navigation, agent])
-
-  return (
-    <WalletNameForm isRenaming onCancel={onCancel} onSubmitSuccess={onSubmitSuccess} />
+  const onSubmitSuccess = useCallback(
+    (name: string) => {
+      agent.config.label = name
+      navigation.goBack()
+    },
+    [navigation, agent]
   )
+
+  return <WalletNameForm isRenaming onCancel={onCancel} onSubmitSuccess={onSubmitSuccess} />
 }
 
 export default RenameWallet

package/src/screens/Settings.tsx

@@ -1,6 +1,7 @@
 import { StackScreenProps } from '@react-navigation/stack'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { LockoutReason, useAuth } from '../contexts/auth'
 import {
   ScrollView,
   SectionList,
@@ -33,6 +34,7 @@ type SettingsProps = StackScreenProps<SettingStackParams>
 const Settings: React.FC<SettingsProps> = ({ navigation }) => {
   const { t, i18n } = useTranslation()
   const [store] = useStore()
+  const { lockOutUser } = useAuth()
   const onDevModeTriggered = () => {
     Vibration.vibrate()
     navigation.navigate(Screens.Developer)
@@ -216,6 +218,12 @@ const Settings: React.FC<SettingsProps> = ({ navigation }) => {
           testID: testIdWithKey('DeveloperOptions'),
           onPress: () => navigation.navigate(Screens.Developer),
         },
+        {
+          title: t('Settings.Logout'),
+          accessibilityLabel: t('Settings.Logout'),
+          testID: testIdWithKey('Logout'),
+          onPress: () => lockOutUser(LockoutReason.Logout),
+        },
       ]
     }
   }

package/src/screens/Splash.tsx

@@ -1,5 +1,5 @@
 import { RemoteOCABundleResolver } from '@bifold/oca/build/legacy'
-import React, { useEffect } from 'react'
+import React, { useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { DeviceEventEmitter, StyleSheet } from 'react-native'
 import { SafeAreaView } from 'react-native-safe-area-context'
@@ -27,6 +27,7 @@ const Splash: React.FC<SplashProps> = ({ initializeAgent }) => {
   const [store] = useStore()
   const { ColorPallet } = useTheme()
   const { LoadingIndicator } = useAnimatedComponents()
+  const initializing = useRef(false)
   const [logger, ocaBundleResolver] = useServices([TOKENS.UTIL_LOGGER, TOKENS.UTIL_OCA_RESOLVER])
 
   const styles = StyleSheet.create({
@@ -39,19 +40,19 @@ const Splash: React.FC<SplashProps> = ({ initializeAgent }) => {
   })
 
   useEffect(() => {
+    if (initializing.current || !store.authentication.didAuthenticate) {
+      return
+    }
+
+    if (!walletSecret) {
+      throw new Error('Wallet secret is missing')
+    }
+    initializing.current = true
+
     const initAgentAsyncEffect = async (): Promise<void> => {
       try {
         await (ocaBundleResolver as RemoteOCABundleResolver).checkForUpdates?.()
 
-        // User hasn't authenticated yet, no point in trying to initialize wallet agent
-        if (!store.authentication.didAuthenticate) {
-          return
-        }
-
-        if (!walletSecret) {
-          throw new Error('Wallet secret is missing')
-        }
-
         await initializeAgent(walletSecret)
       } catch (err: unknown) {
         const error = new BifoldError(

package/src/screens/ToggleBiometry.tsx

@@ -14,7 +14,6 @@ import { useAppAgent } from '../utils/agent'
 import PINVerify, { PINEntryUsage } from './PINVerify'
 import { SafeAreaView } from 'react-native-safe-area-context'
 
-
 const ToggleBiometry: React.FC = () => {
   const [store, dispatch] = useStore()
   const { agent } = useAppAgent()
@@ -138,8 +137,8 @@ const ToggleBiometry: React.FC = () => {
         animationType={'slide'}
         presentationStyle={'fullScreen'}
       >
-        <SafeAreaView edges={['top']} style={{ backgroundColor: NavigationTheme.colors.primary }}/>
-        <FauxHeader title={t('Screens.EnterPIN')} onBackPressed={onBackPressed}/>
+        <SafeAreaView edges={['top']} style={{ backgroundColor: NavigationTheme.colors.primary }} />
+        <FauxHeader title={t('Screens.EnterPIN')} onBackPressed={onBackPressed} />
         <PINVerify
           usage={PINEntryUsage.ChangeBiometrics}
           setAuthenticated={onAuthenticationComplete}

package/src/services/keychain.ts

@@ -175,6 +175,9 @@ export const loadWalletSecret = async (title?: string, description?: string): Pr
   return secret
 }
 
+// This function checks if the biometrics on a device have been configured
+// If fingerprints or a face scan is setup, this will return true
+// If the device supports biometrics but they have not been configured, it will return false
 export const isBiometricsActive = async (): Promise<boolean> => {
   const result = await getSupportedBiometryType()
   return Boolean(result)

package/src/theme.ts

@@ -730,21 +730,21 @@ export interface ITabTheme {
     shadowOpacity: number
     borderTopWidth: number
     paddingBottom: number
-  },
-  tabBarContainerStyle: ViewStyle,
-  tabBarActiveTintColor: string,
-  tabBarInactiveTintColor: string,
+  }
+  tabBarContainerStyle: ViewStyle
+  tabBarActiveTintColor: string
+  tabBarInactiveTintColor: string
   tabBarTextStyle: TextStyle & {
     fontSize: number
-  },
+  }
   tabBarButtonIconStyle: {
     color: string
-  },
-  focusTabIconStyle: ViewStyle,
+  }
+  focusTabIconStyle: ViewStyle
   focusTabActiveTintColor: {
     backgroundColor: string
-  },
-  tabBarSecondaryBackgroundColor: string,
+  }
+  tabBarSecondaryBackgroundColor: string
 }
 
 export const TabTheme: ITabTheme = {