@bifold/core 2.4.5 → 2.5.0

package/src/navigators/OnboardingStack.tsx

@@ -1,205 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { Agent } from '@credo-ts/core'
-import { StackActions, useNavigation, useNavigationState } from '@react-navigation/native'
-import { StackNavigationProp, createStackNavigator } from '@react-navigation/stack'
-import React, { useCallback, useEffect, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { DeviceEventEmitter } from 'react-native'
-
-import { EventTypes } from '../constants'
-import { TOKENS, useServices } from '../container-api'
-import { DispatchAction } from '../contexts/reducers/store'
-import { useStore } from '../contexts/store'
-import { useTheme } from '../contexts/theme'
-import { useOnboardingState } from '../hooks/useOnboardingState'
-import AttemptLockout from '../screens/AttemptLockout'
-import NameWallet from '../screens/NameWallet'
-import { createCarouselStyle } from '../screens/OnboardingPages'
-import PINCreate from '../screens/PINCreate'
-import PINEnter from '../screens/PINEnter'
-import PushNotifications from '../screens/PushNotifications'
-import { Config } from '../types/config'
-import { OnboardingStackParams } from '../types/navigators'
-import { WalletSecret } from '../types/security'
-import { State } from '../types/state'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import { getOnboardingScreens } from './OnboardingScreens'
-
-export type OnboardingStackProps = {
-  initializeAgent: (walletSecret: WalletSecret) => Promise<void>
-  agent: Agent | null
-}
-
-const OnboardingStack: React.FC<OnboardingStackProps> = ({ initializeAgent, agent }) => {
-  const [store, dispatch] = useStore<State>()
-  const { t } = useTranslation()
-  const Stack = createStackNavigator()
-  const theme = useTheme()
-  const OnboardingTheme = theme.OnboardingTheme
-  const carousel = createCarouselStyle(OnboardingTheme)
-  const [
-    config,
-    Splash,
-    pages,
-    Biometry,
-    Onboarding,
-    { screen: Terms, version: termsVersion },
-    onTutorialCompletedCurried,
-    ScreenOptionsDictionary,
-    Preface,
-    UpdateAvailable,
-    versionMonitor,
-    generateOnboardingWorkflowSteps,
-  ] = useServices([
-    TOKENS.CONFIG,
-    TOKENS.SCREEN_SPLASH,
-    TOKENS.SCREEN_ONBOARDING_PAGES,
-    TOKENS.SCREEN_BIOMETRY,
-    TOKENS.SCREEN_ONBOARDING,
-    TOKENS.SCREEN_TERMS,
-    TOKENS.FN_ONBOARDING_DONE,
-    TOKENS.OBJECT_SCREEN_CONFIG,
-    TOKENS.SCREEN_PREFACE,
-    TOKENS.SCREEN_UPDATE_AVAILABLE,
-    TOKENS.UTIL_APP_VERSION_MONITOR,
-    TOKENS.ONBOARDING,
-  ])
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const navigation = useNavigation<StackNavigationProp<OnboardingStackParams>>()
-  const onTutorialCompleted = onTutorialCompletedCurried(dispatch, navigation)
-  const currentRoute = useNavigationState((state) => state?.routes[state?.index])
-  const { disableOnboardingSkip } = config as Config
-  const { onboardingState, activeScreen } = useOnboardingState(
-    store,
-    config,
-    Number(termsVersion),
-    agent,
-    generateOnboardingWorkflowSteps
-  )
-
-  useEffect(() => {
-    versionMonitor?.checkForUpdate?.().then((versionInfo) => {
-      dispatch({
-        type: DispatchAction.SET_VERSION_INFO,
-        payload: [versionInfo],
-      })
-    })
-  }, [versionMonitor, dispatch])
-
-  const onAuthenticated = useCallback(
-    (status: boolean): void => {
-      if (!status) {
-        return
-      }
-
-      dispatch({
-        type: DispatchAction.DID_AUTHENTICATE,
-      })
-    },
-    [dispatch]
-  )
-
-  const SplashScreen = useCallback(() => {
-    return <Splash initializeAgent={initializeAgent} />
-  }, [Splash, initializeAgent])
-
-  const UpdateAvailableScreen = useCallback(() => {
-    return (
-      <UpdateAvailable
-        appleAppStoreUrl={config.appUpdateConfig?.appleAppStoreUrl}
-        googlePlayStoreUrl={config.appUpdateConfig?.googlePlayStoreUrl}
-      />
-    )
-  }, [UpdateAvailable, config.appUpdateConfig])
-
-  const OnboardingScreen = useCallback(() => {
-    return (
-      <Onboarding
-        nextButtonText={t('Global.Next')}
-        previousButtonText={t('Global.Back')}
-        disableSkip={disableOnboardingSkip}
-        pages={pages(onTutorialCompleted, OnboardingTheme)}
-        style={carousel}
-      />
-    )
-  }, [Onboarding, OnboardingTheme, carousel, disableOnboardingSkip, onTutorialCompleted, pages, t])
-
-  // These need to be in the children of the stack screen otherwise they
-  // will unmount/remount which resets the component state in memory and causes
-  // issues
-  const CreatePINScreen = useCallback(
-    (props: any) => {
-      return <PINCreate setAuthenticated={onAuthenticated} {...props} />
-    },
-    [onAuthenticated]
-  )
-
-  const EnterPINScreen = useCallback(
-    (props: any) => {
-      return <PINEnter setAuthenticated={onAuthenticated} {...props} />
-    },
-    [onAuthenticated]
-  )
-
-  useEffect(() => {
-    // If the active screen is the same as the current route, then we don't
-    // need to do anything.
-    if (activeScreen && activeScreen === currentRoute?.name) {
-      return
-    }
-
-    // If the active screen is different from the current route, then we need
-    // to navigate to the active screen.
-    if (activeScreen) {
-      navigation.dispatch(StackActions.replace(activeScreen))
-      return
-    }
-
-    // Nothing to do here, we are done with onboarding.
-    DeviceEventEmitter.emit(EventTypes.DID_COMPLETE_ONBOARDING)
-  }, [activeScreen, currentRoute, onboardingState, navigation])
-
-  const screens = useMemo(
-    () =>
-      getOnboardingScreens(t, ScreenOptionsDictionary, {
-        SplashScreen,
-        Preface,
-        UpdateAvailableScreen,
-        Terms,
-        NameWallet,
-        Biometry,
-        PushNotifications,
-        AttemptLockout,
-        OnboardingScreen,
-        CreatePINScreen,
-        EnterPINScreen,
-      }),
-    [
-      SplashScreen,
-      CreatePINScreen,
-      EnterPINScreen,
-      OnboardingScreen,
-      Preface,
-      Terms,
-      Biometry,
-      t,
-      ScreenOptionsDictionary,
-      UpdateAvailableScreen,
-    ]
-  )
-  return (
-    <Stack.Navigator
-      initialRouteName={activeScreen}
-      screenOptions={{
-        ...defaultStackOptions,
-      }}
-    >
-      {screens.map((item) => {
-        return <Stack.Screen key={item.name} {...item} />
-      })}
-    </Stack.Navigator>
-  )
-}
-
-export default OnboardingStack

package/src/navigators/ProofRequestStack.tsx

@@ -1,113 +0,0 @@
-import { createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import IconButton, { ButtonLocation } from '../components/buttons/IconButton'
-import HeaderRightHome from '../components/buttons/HeaderHome'
-import { useTheme } from '../contexts/theme'
-import ListProofRequests from '../screens/ListProofRequests'
-import MobileVerifierLoading from '../screens/MobileVerifierLoading'
-import ProofChangeCredential from '../screens/ProofChangeCredential'
-import ProofDetails from '../screens/ProofDetails'
-import ProofRequestDetails from '../screens/ProofRequestDetails'
-import ProofRequestUsageHistory from '../screens/ProofRequestUsageHistory'
-import ProofRequesting from '../screens/ProofRequesting'
-import { ProofRequestsStackParams, Screens } from '../types/navigators'
-import { testIdWithKey } from '../utils/testable'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import { TOKENS, useServices } from '../container-api'
-
-const ProofRequestStack: React.FC = () => {
-  const Stack = createStackNavigator<ProofRequestsStackParams>()
-  const theme = useTheme()
-  const { t } = useTranslation()
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const [ScreenOptionsDictionary] = useServices([TOKENS.OBJECT_SCREEN_CONFIG])
-
-  return (
-    <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>
-      <Stack.Screen
-        name={Screens.ProofRequests}
-        component={ListProofRequests}
-        options={{
-          title: t('Screens.ChooseProofRequest'),
-          ...ScreenOptionsDictionary[Screens.ProofRequest],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.ProofRequestDetails}
-        component={ProofRequestDetails}
-        options={() => ({
-          title: '',
-          ...ScreenOptionsDictionary[Screens.ProofRequestDetails],
-        })}
-      />
-      <Stack.Screen
-        name={Screens.MobileVerifierLoading}
-        component={MobileVerifierLoading}
-        options={{ ...defaultStackOptions }}
-      />
-      <Stack.Screen
-        name={Screens.ProofChangeCredential}
-        component={ProofChangeCredential}
-        options={{
-          title: t('Screens.ProofChangeCredential'),
-          ...ScreenOptionsDictionary[Screens.ProofChangeCredential],
-        }}
-      ></Stack.Screen>
-      <Stack.Screen
-        name={Screens.ProofRequesting}
-        component={ProofRequesting}
-        options={({ navigation }) => ({
-          title: t('ProofRequest.RequestForProof'),
-          headerLeft: () => (
-            <IconButton
-              buttonLocation={ButtonLocation.Left}
-              accessibilityLabel={t('Global.Back')}
-              testID={testIdWithKey('BackButton')}
-              onPress={() => navigation.navigate(Screens.ProofRequests, {})}
-              icon="arrow-left"
-            />
-          ),
-          ...ScreenOptionsDictionary[Screens.ProofRequesting],
-        })}
-      />
-      <Stack.Screen
-        name={Screens.ProofDetails}
-        component={ProofDetails}
-        options={({ navigation, route }) => ({
-          title: '',
-          headerLeft: () => (
-            <IconButton
-              buttonLocation={ButtonLocation.Left}
-              accessibilityLabel={t('Global.Back')}
-              testID={testIdWithKey('BackButton')}
-              onPress={() => {
-                if (route.params.isHistory) {
-                  navigation.goBack()
-                } else {
-                  navigation.navigate(Screens.ProofRequests, {})
-                }
-              }}
-              icon="arrow-left"
-            />
-          ),
-          headerRight: () => <HeaderRightHome />,
-          ...ScreenOptionsDictionary[Screens.ProofDetails],
-        })}
-      />
-      <Stack.Screen
-        name={Screens.ProofRequestUsageHistory}
-        component={ProofRequestUsageHistory}
-        options={() => ({
-          title: t('Screens.ProofRequestUsageHistory'),
-          headerRight: () => <HeaderRightHome />,
-          ...ScreenOptionsDictionary[Screens.ProofRequestUsageHistory],
-        })}
-      />
-    </Stack.Navigator>
-  )
-}
-
-export default ProofRequestStack

package/src/navigators/RootStack.tsx

@@ -1,71 +0,0 @@
-import AgentProvider from '@credo-ts/react-hooks'
-import React, { useState, useEffect, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { DeviceEventEmitter } from 'react-native'
-
-import { OpenIDCredentialRecordProvider } from '../modules/openid/context/OpenIDCredentialRecordProvider'
-import { EventTypes } from '../constants'
-import { TOKENS, useServices } from '../container-api'
-import { ActivityProvider } from '../contexts/activity'
-import { useStore } from '../contexts/store'
-import { BifoldError } from '../types/error'
-import MainStack from './MainStack'
-
-const RootStack: React.FC = () => {
-  const [store, dispatch] = useStore()
-  const { t } = useTranslation()
-  const [useAgentSetup, OnboardingStack, loadState] = useServices([
-    TOKENS.HOOK_USE_AGENT_SETUP,
-    TOKENS.STACK_ONBOARDING,
-    TOKENS.LOAD_STATE,
-  ])
-  const { agent, initializeAgent, shutdownAndClearAgentIfExists } = useAgentSetup()
-  const [onboardingComplete, setOnboardingComplete] = useState(false)
-
-  const shouldRenderMainStack = useMemo(
-    () => onboardingComplete && store.authentication.didAuthenticate,
-    [onboardingComplete, store.authentication.didAuthenticate]
-  )
-
-  useEffect(() => {
-    // if user gets locked out, erase agent
-    if (!store.authentication.didAuthenticate) {
-      shutdownAndClearAgentIfExists()
-    }
-  }, [store.authentication.didAuthenticate, shutdownAndClearAgentIfExists])
-
-  useEffect(() => {
-    const sub = DeviceEventEmitter.addListener(EventTypes.DID_COMPLETE_ONBOARDING, () => {
-      setOnboardingComplete(true)
-    })
-
-    return sub.remove
-  }, [])
-
-  useEffect(() => {
-    // Load state only if it hasn't been loaded yet
-    if (store.stateLoaded) return
-
-    loadState(dispatch).catch((err: unknown) => {
-      const error = new BifoldError(t('Error.Title1044'), t('Error.Message1044'), (err as Error).message, 1001)
-
-      DeviceEventEmitter.emit(EventTypes.ERROR_ADDED, error)
-    })
-  }, [dispatch, loadState, t, store.stateLoaded])
-
-  if (shouldRenderMainStack && agent) {
-    return (
-      <AgentProvider agent={agent}>
-        <OpenIDCredentialRecordProvider>
-          <ActivityProvider>
-            <MainStack />
-          </ActivityProvider>
-        </OpenIDCredentialRecordProvider>
-      </AgentProvider>
-    )
-  }
-
-  return <OnboardingStack agent={agent} initializeAgent={initializeAgent} />
-}
-
-export default RootStack

package/src/navigators/SettingStack.tsx

@@ -1,174 +0,0 @@
-import { createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import { useTheme } from '../contexts/theme'
-import HistorySettings from '../modules/history/ui/HistorySettings'
-import DataRetention from '../screens/DataRetention'
-import Language from '../screens/Language'
-import RenameWallet from '../screens/RenameWallet'
-import Onboarding from '../screens/Onboarding'
-import { createCarouselStyle } from '../screens/OnboardingPages'
-import PINChange from '../screens/PINChange'
-import TogglePushNotifications from '../screens/TogglePushNotifications'
-import Settings from '../screens/Settings'
-import Tours from '../screens/Tours'
-import { Screens, SettingStackParams } from '../types/navigators'
-import { testIdWithKey } from '../utils/testable'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import { TOKENS, useServices } from '../container-api'
-import AutoLock from '../screens/AutoLock'
-import ConfigureMediator from '../screens/ConfigureMediator'
-
-const SettingStack: React.FC = () => {
-  const Stack = createStackNavigator<SettingStackParams>()
-  const theme = useTheme()
-  const { t } = useTranslation()
-  const [pages, { screen: terms }, ToggleBiometry, developer, ScreenOptionsDictionary] = useServices([
-    TOKENS.SCREEN_ONBOARDING_PAGES,
-    TOKENS.SCREEN_TERMS,
-    TOKENS.SCREEN_TOGGLE_BIOMETRY,
-    TOKENS.SCREEN_DEVELOPER,
-    TOKENS.OBJECT_SCREEN_CONFIG,
-  ])
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const OnboardingTheme = theme.OnboardingTheme
-  const carousel = createCarouselStyle(OnboardingTheme)
-
-  return (
-    <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>
-      <Stack.Screen
-        name={Screens.Settings}
-        component={Settings}
-        options={{
-          title: t('Screens.Settings'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.Settings],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.RenameWallet}
-        component={RenameWallet}
-        options={{
-          title: t('Screens.NameWallet'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.RenameWallet],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.Language}
-        component={Language}
-        options={{
-          title: t('Screens.Language'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.Language],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.ConfigureMediator}
-        component={ConfigureMediator}
-        options={{
-          title: 'Configure Mediator',
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.ConfigureMediator],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.AutoLock}
-        component={AutoLock}
-        options={{
-          title: 'Auto lock Options',
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.AutoLock],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.DataRetention}
-        component={DataRetention}
-        options={{
-          title: t('Screens.DataRetention'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.DataRetention],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.Tours}
-        component={Tours}
-        options={{
-          title: t('Screens.Tours'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.Tours],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.ToggleBiometry}
-        component={ToggleBiometry}
-        options={{
-          title: t('Screens.Biometry'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.ToggleBiometry],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.ChangePIN}
-        component={PINChange}
-        options={{
-          title: t('Screens.ChangePIN'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.ChangePIN],
-        }}
-      ></Stack.Screen>
-      <Stack.Screen
-        name={Screens.TogglePushNotifications}
-        component={TogglePushNotifications}
-        options={{
-          title: t('Screens.PushNotifications'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.TogglePushNotifications],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.Terms}
-        component={terms}
-        options={{
-          title: t('Screens.Terms'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.Terms],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.Developer}
-        component={developer}
-        options={{
-          title: t('Screens.Developer'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.Developer],
-        }}
-      />
-      <Stack.Screen name={Screens.Onboarding} options={{ title: t('Screens.Onboarding') }}>
-        {(props) => (
-          <Onboarding
-            {...props}
-            nextButtonText={t('Global.Next')}
-            previousButtonText={t('Global.Back')}
-            pages={pages(() => null, OnboardingTheme)}
-            style={carousel}
-            disableSkip={true}
-          />
-        )}
-      </Stack.Screen>
-      <Stack.Screen
-        name={Screens.HistorySettings}
-        component={HistorySettings}
-        options={{
-          title: t('Screens.HistorySettings'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.HistorySettings],
-        }}
-      />
-    </Stack.Navigator>
-  )
-}
-
-export default SettingStack