@bifold/core 2.4.5 → 2.5.0

package/src/navigators/ConnectStack.tsx

@@ -1,68 +0,0 @@
-import { createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import { useTheme } from '../contexts/theme'
-import RenameWallet from '../screens/RenameWallet'
-import PasteUrl from '../screens/PasteUrl'
-import ScanHelp from '../screens/ScanHelp'
-import { ConnectStackParams, Screens } from '../types/navigators'
-import { testIdWithKey } from '../utils/testable'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import { TOKENS, useServices } from '../container-api'
-
-const ConnectStack: React.FC = () => {
-  const Stack = createStackNavigator<ConnectStackParams>()
-  const theme = useTheme()
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const [scan, ScreenOptionsDictionary] = useServices([TOKENS.SCREEN_SCAN, TOKENS.OBJECT_SCREEN_CONFIG])
-  const { t } = useTranslation()
-
-  return (
-    <Stack.Navigator
-      screenOptions={{
-        ...defaultStackOptions,
-      }}
-    >
-      <Stack.Screen
-        name={Screens.Scan}
-        component={scan}
-        options={{
-          title: t('Screens.Scan'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.Scan],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.PasteUrl}
-        component={PasteUrl}
-        options={() => ({
-          title: t('PasteUrl.PasteUrl'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.PasteUrl],
-        })}
-      />
-      <Stack.Screen
-        name={Screens.ScanHelp}
-        component={ScanHelp}
-        options={{
-          title: t('Screens.ScanHelp'),
-          ...ScreenOptionsDictionary[Screens.ScanHelp],
-        }}
-      />
-
-      <Stack.Screen
-        name={Screens.RenameWallet}
-        component={RenameWallet}
-        options={{
-          title: t('Screens.NameWallet'),
-          headerBackTestID: testIdWithKey('Back'),
-          ...ScreenOptionsDictionary[Screens.RenameWallet],
-        }}
-      />
-    </Stack.Navigator>
-  )
-}
-
-export default ConnectStack

package/src/navigators/ContactStack.tsx

@@ -1,91 +0,0 @@
-import { createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import HeaderRightHome from '../components/buttons/HeaderHome'
-import { useTheme } from '../contexts/theme'
-import Chat from '../screens/Chat'
-import ContactDetails from '../screens/ContactDetails'
-import CredentialDetails from '../screens/CredentialDetails'
-import ListContacts from '../screens/ListContacts'
-import ProofDetails from '../screens/ProofDetails'
-import RenameContact from '../screens/RenameContact'
-import JSONDetails from '../screens/JSONDetails'
-import WhatAreContacts from '../screens/WhatAreContacts'
-import { ContactStackParams, Screens } from '../types/navigators'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import { TOKENS, useServices } from '../container-api'
-
-const ContactStack: React.FC = () => {
-  const Stack = createStackNavigator<ContactStackParams>()
-  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.Contacts}
-        component={ListContacts}
-        options={{ title: t('Screens.Contacts'), ...ScreenOptionsDictionary[Screens.Contacts] }}
-      />
-      <Stack.Screen
-        name={Screens.ContactDetails}
-        component={ContactDetails}
-        options={{
-          title: t('Screens.ContactDetails'),
-          ...ScreenOptionsDictionary[Screens.ContactDetails],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.RenameContact}
-        component={RenameContact}
-        options={{
-          title: t('Screens.RenameContact'),
-          ...ScreenOptionsDictionary[Screens.RenameContact],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.JSONDetails}
-        component={JSONDetails}
-        options={{
-          title: t('Screens.JSONDetails'),
-          ...ScreenOptionsDictionary[Screens.JSONDetails],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.Chat}
-        component={Chat}
-        options={{
-          ...ScreenOptionsDictionary[Screens.Chat],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.WhatAreContacts}
-        component={WhatAreContacts}
-        options={{
-          title: '',
-          ...ScreenOptionsDictionary[Screens.WhatAreContacts],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.CredentialDetails}
-        component={CredentialDetails}
-        options={{ title: t('Screens.CredentialDetails'), ...ScreenOptionsDictionary[Screens.CredentialDetails] }}
-      />
-      <Stack.Screen
-        name={Screens.ProofDetails}
-        component={ProofDetails}
-        options={() => ({
-          title: '',
-          headerRight: () => <HeaderRightHome />,
-          ...ScreenOptionsDictionary[Screens.ProofDetails],
-        })}
-      />
-    </Stack.Navigator>
-  )
-}
-
-export default ContactStack

package/src/navigators/CredentialStack.tsx

@@ -1,48 +0,0 @@
-import { createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import SettingsMenu from '../components/buttons/SettingsMenu'
-import { useTheme } from '../contexts/theme'
-import ListCredentials from '../screens/ListCredentials'
-import { CredentialStackParams, Screens } from '../types/navigators'
-import JSONDetails from '../screens/JSONDetails'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import { TOKENS, useServices } from '../container-api'
-
-const CredentialStack: React.FC = () => {
-  const Stack = createStackNavigator<CredentialStackParams>()
-  const theme = useTheme()
-  const { t } = useTranslation()
-  const [CredentialListHeaderRight, ScreenOptionsDictionary] = useServices([
-    TOKENS.COMPONENT_CRED_LIST_HEADER_RIGHT,
-    TOKENS.OBJECT_SCREEN_CONFIG,
-  ])
-  const defaultStackOptions = useDefaultStackOptions(theme)
-
-  return (
-    <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>
-      <Stack.Screen
-        name={Screens.Credentials}
-        component={ListCredentials}
-        options={() => ({
-          title: t('Screens.Credentials'),
-          headerRight: () => <CredentialListHeaderRight />,
-          headerLeft: () => <SettingsMenu />,
-          ...ScreenOptionsDictionary[Screens.Credentials],
-        })}
-      />
-      <Stack.Screen
-        name={Screens.JSONDetails}
-        component={JSONDetails}
-        options={() => ({
-          title: t('Screens.JSONDetails'),
-          ...ScreenOptionsDictionary[Screens.JSONDetails],
-        })}
-      />
-    </Stack.Navigator>
-  )
-}
-
-export default CredentialStack

package/src/navigators/DeliveryStack.tsx

@@ -1,76 +0,0 @@
-import { CardStyleInterpolators, createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import HeaderRightHome from '../components/buttons/HeaderHome'
-import IconButton, { ButtonLocation } from '../components/buttons/IconButton'
-import { useTheme } from '../contexts/theme'
-import Connection from '../screens/Connection'
-import { DeliveryStackParams, Screens } from '../types/navigators'
-import { testIdWithKey } from '../utils/testable'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import OpenIDProofPresentation from '../modules/openid/screens/OpenIDProofPresentation'
-import { TOKENS, useServices } from '../container-api'
-import OpenIDCredentialOffer from '../modules/openid/screens/OpenIDCredentialOffer'
-import OpenIDProofCredentialSelect from '../modules/openid/screens/OpenIDProofChangeCredential'
-
-const DeliveryStack: React.FC = () => {
-  const Stack = createStackNavigator<DeliveryStackParams>()
-  const { t } = useTranslation()
-  const theme = useTheme()
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const [ScreenOptionsDictionary] = useServices([TOKENS.OBJECT_SCREEN_CONFIG])
-
-  return (
-    <Stack.Navigator
-      initialRouteName={Screens.Connection}
-      screenOptions={{
-        ...defaultStackOptions,
-        cardStyleInterpolator: CardStyleInterpolators.forVerticalIOS,
-        headerShown: true,
-        presentation: 'modal',
-        headerLeft: () => null,
-        headerRight: () => <HeaderRightHome />,
-        ...ScreenOptionsDictionary[Screens.Connection],
-      }}
-    >
-      <Stack.Screen name={Screens.Connection} component={Connection} options={{ ...defaultStackOptions }} />
-      <Stack.Screen
-        name={Screens.OpenIDCredentialOffer}
-        component={OpenIDCredentialOffer}
-        options={{
-          title: t('Screens.CredentialOffer'),
-          ...ScreenOptionsDictionary[Screens.OpenIDCredentialOffer],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.OpenIDProofPresentation}
-        component={OpenIDProofPresentation}
-        options={{
-          title: t('Screens.ProofRequest'),
-          ...ScreenOptionsDictionary[Screens.OpenIDProofPresentation],
-        }}
-      />
-      <Stack.Screen
-        name={Screens.OpenIDProofCredentialSelect}
-        component={OpenIDProofCredentialSelect}
-        options={({ navigation }) => ({
-          title: t('Screens.ChangeCard'),
-          headerLeft: () => (
-            <IconButton
-              buttonLocation={ButtonLocation.Left}
-              accessibilityLabel={t('Global.Back')}
-              testID={testIdWithKey('BackButton')}
-              onPress={() => navigation.goBack()}
-              icon="arrow-left"
-            />
-          ),
-          ...ScreenOptionsDictionary[Screens.OpenIDProofCredentialSelect],
-        })}
-      />
-    </Stack.Navigator>
-  )
-}
-
-export default DeliveryStack

package/src/navigators/HomeStack.tsx

@@ -1,37 +0,0 @@
-import { createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import SettingsMenu from '../components/buttons/SettingsMenu'
-import { useTheme } from '../contexts/theme'
-import HistoryMenu from '../modules/history/ui/components/HistoryMenu'
-import Home from '../screens/Home'
-import { HomeStackParams, Screens } from '../types/navigators'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-import { TOKENS, useServices } from '../container-api'
-
-const HomeStack: React.FC = () => {
-  const Stack = createStackNavigator<HomeStackParams>()
-  const theme = useTheme()
-  const { t } = useTranslation()
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const [ScreenOptionsDictionary, historyEnabled] = useServices([TOKENS.OBJECT_SCREEN_CONFIG, TOKENS.HISTORY_ENABLED])
-
-  return (
-    <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>
-      <Stack.Screen
-        name={Screens.Home}
-        component={Home}
-        options={() => ({
-          title: t('Screens.Home'),
-          headerRight: () => (historyEnabled ? <HistoryMenu /> : null),
-          headerLeft: () => <SettingsMenu />,
-          ...ScreenOptionsDictionary[Screens.Home],
-        })}
-      />
-    </Stack.Navigator>
-  )
-}
-
-export default HomeStack

package/src/navigators/MainStack.tsx

@@ -1,146 +0,0 @@
-import { ProofCustomMetadata, ProofMetadata } from '@bifold/verifier'
-import { useAgent, useProofByState } from '@credo-ts/react-hooks'
-import { ProofState } from '@credo-ts/core'
-import { CardStyleInterpolators, StackCardStyleInterpolator, createStackNavigator } from '@react-navigation/stack'
-import React, { useEffect, useMemo } from 'react'
-import { View } from 'react-native'
-import { useTranslation } from 'react-i18next'
-
-import IconButton, { ButtonLocation } from '../components/buttons/IconButton'
-import { TOKENS, useServices } from '../container-api'
-import { useTheme } from '../contexts/theme'
-import HistoryStack from '../modules/history/navigation/HistoryStack'
-import Chat from '../screens/Chat'
-import { RootStackParams, Screens, Stacks, TabStacks } from '../types/navigators'
-import { testIdWithKey } from '../utils/testable'
-import { useStore } from '../contexts/store'
-import { useTour } from '../contexts/tour/tour-context'
-import { useDeepLinks } from '../hooks/deep-links'
-import CredentialDetails from '../screens/CredentialDetails'
-import OpenIDCredentialDetails from '../modules/openid/screens/OpenIDCredentialDetails'
-
-import ConnectStack from './ConnectStack'
-import ContactStack from './ContactStack'
-import DeliveryStack from './DeliveryStack'
-import NotificationStack from './NotificationStack'
-import ProofRequestStack from './ProofRequestStack'
-import SettingStack from './SettingStack'
-import TabStack from './TabStack'
-import { useDefaultStackOptions } from './defaultStackOptions'
-
-const MainStack: React.FC = () => {
-  const { t } = useTranslation()
-  const theme = useTheme()
-  const { currentStep } = useTour()
-  const [store] = useStore()
-  const { agent } = useAgent()
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const [CustomNavStack1, ScreenOptionsDictionary] = useServices([
-    TOKENS.CUSTOM_NAV_STACK_1,
-    TOKENS.OBJECT_SCREEN_CONFIG,
-  ])
-  const declinedProofs = useProofByState([ProofState.Declined, ProofState.Abandoned])
-  useDeepLinks()
-
-  // remove connection on mobile verifier proofs if proof is rejected
-  useEffect(() => {
-    declinedProofs.forEach((proof) => {
-      const meta = proof?.metadata?.get(ProofMetadata.customMetadata) as ProofCustomMetadata
-      if (meta?.delete_conn_after_seen) {
-        agent?.connections.deleteById(proof?.connectionId ?? '').catch(() => null)
-        proof?.metadata.set(ProofMetadata.customMetadata, { ...meta, delete_conn_after_seen: false })
-      }
-    })
-  }, [declinedProofs, agent, store.preferences.useDataRetention])
-
-  const Stack = createStackNavigator<RootStackParams>()
-
-  // This function is to make the fade in behavior of both iOS and
-  // Android consistent for the settings menu
-  const forFade: StackCardStyleInterpolator = ({ current }) => ({
-    cardStyle: {
-      opacity: current.progress,
-    },
-  })
-  const hideElements = useMemo(() => (currentStep === undefined ? 'auto' : 'no-hide-descendants'), [currentStep])
-
-  return (
-    <View style={{ flex: 1 }} importantForAccessibility={hideElements}>
-      <Stack.Navigator
-        initialRouteName={Stacks.TabStack}
-        screenOptions={{
-          ...defaultStackOptions,
-          headerShown: false,
-        }}
-      >
-        <Stack.Screen name={Stacks.TabStack} component={TabStack} />
-        <Stack.Screen
-          name={Screens.CredentialDetails}
-          component={CredentialDetails}
-          options={{
-            title: t('Screens.CredentialDetails'),
-            headerShown: true,
-            ...ScreenOptionsDictionary[Screens.CredentialDetails],
-          }}
-        />
-        <Stack.Screen
-          name={Screens.OpenIDCredentialDetails}
-          component={OpenIDCredentialDetails}
-          options={{
-            title: t('Screens.CredentialDetails'),
-            ...ScreenOptionsDictionary[Screens.OpenIDCredentialDetails],
-          }}
-        />
-        <Stack.Screen
-          name={Screens.Chat}
-          component={Chat}
-          options={({ navigation }) => ({
-            headerShown: true,
-            title: t('Screens.CredentialOffer'),
-            headerLeft: () => (
-              <IconButton
-                buttonLocation={ButtonLocation.Left}
-                accessibilityLabel={t('Global.Back')}
-                testID={testIdWithKey('BackButton')}
-                onPress={() => {
-                  navigation.navigate(TabStacks.HomeStack, { screen: Screens.Home })
-                }}
-                icon="arrow-left"
-              />
-            ),
-          })}
-        />
-        <Stack.Screen name={Stacks.ConnectStack} component={ConnectStack} />
-        <Stack.Screen
-          name={Stacks.SettingStack}
-          component={SettingStack}
-          options={{
-            cardStyleInterpolator: forFade,
-          }}
-        />
-        <Stack.Screen name={Stacks.ContactStack} component={ContactStack} />
-        <Stack.Screen name={Stacks.NotificationStack} component={NotificationStack} />
-        <Stack.Screen
-          name={Stacks.ConnectionStack}
-          component={DeliveryStack}
-          options={{
-            gestureEnabled: false,
-            cardStyleInterpolator: CardStyleInterpolators.forVerticalIOS,
-            presentation: 'modal',
-          }}
-        />
-        <Stack.Screen name={Stacks.ProofRequestsStack} component={ProofRequestStack} />
-        <Stack.Screen
-          name={Stacks.HistoryStack}
-          component={HistoryStack}
-          options={{
-            cardStyleInterpolator: forFade,
-          }}
-        />
-        {CustomNavStack1 ? <Stack.Screen name={Stacks.CustomNavStack1} component={CustomNavStack1} /> : null}
-      </Stack.Navigator>
-    </View>
-  )
-}
-
-export default MainStack

package/src/navigators/NotificationStack.tsx

@@ -1,56 +0,0 @@
-import { createStackNavigator } from '@react-navigation/stack'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-
-import { TOKENS, useServices } from '../container-api'
-import { useTheme } from '../contexts/theme'
-import CredentialDetails from '../screens/CredentialDetails'
-import { NotificationStackParams, Screens } from '../types/navigators'
-
-import { useDefaultStackOptions } from './defaultStackOptions'
-
-const NotificationStack: React.FC = () => {
-  const Stack = createStackNavigator<NotificationStackParams>()
-  const theme = useTheme()
-  const { t } = useTranslation()
-  const defaultStackOptions = useDefaultStackOptions(theme)
-  const [{ customNotificationConfig: customNotification }, ScreenOptionsDictionary] = useServices([
-    TOKENS.NOTIFICATIONS,
-    TOKENS.OBJECT_SCREEN_CONFIG,
-  ])
-
-  return (
-    <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>
-      <Stack.Screen
-        name={Screens.CredentialDetails}
-        component={CredentialDetails}
-        options={{
-          title: t('Screens.CredentialDetails'),
-          ...ScreenOptionsDictionary[Screens.CredentialDetails],
-        }}
-      />
-      {customNotification && (
-        <Stack.Screen
-          name={Screens.CustomNotification}
-          component={customNotification.component}
-          options={{
-            title: t(customNotification.pageTitle as any),
-            ...ScreenOptionsDictionary[Screens.CustomNotification],
-          }}
-        />
-      )}
-      {customNotification &&
-        customNotification.additionalStackItems?.length &&
-        customNotification.additionalStackItems.map((item, i) => (
-          <Stack.Screen
-            key={i + 1}
-            name={item.name as any}
-            component={item.component}
-            options={item.stackOptions}
-          ></Stack.Screen>
-        ))}
-    </Stack.Navigator>
-  )
-}
-
-export default NotificationStack

package/src/navigators/OnboardingScreens.ts

@@ -1,142 +0,0 @@
-import { ParamListBase, RouteConfig, StackNavigationState } from '@react-navigation/native'
-import { StackNavigationOptions, TransitionPresets } from '@react-navigation/stack'
-import type { StackNavigationEventMap } from '@react-navigation/stack/lib/typescript/src/types'
-import { TFunction } from 'i18next'
-import { ScreenOptionsType, Screens } from '../types/navigators'
-
-type ScreenOptions = RouteConfig<
-  ParamListBase,
-  Screens,
-  StackNavigationState<ParamListBase>,
-  StackNavigationOptions,
-  StackNavigationEventMap
->
-
-interface ScreenComponents {
-  SplashScreen: React.FC
-  Preface: React.FC
-  UpdateAvailableScreen: React.FC
-  Terms: React.FC
-  NameWallet: React.FC
-  Biometry: React.FC
-  PushNotifications: React.FC
-  AttemptLockout: React.FC
-  OnboardingScreen: React.FC
-  CreatePINScreen: React.FC
-  EnterPINScreen: React.FC
-}
-
-export const getOnboardingScreens = (
-  t: TFunction,
-  ScreenOptionsDictionary: ScreenOptionsType,
-  components: ScreenComponents
-): ScreenOptions[] => [
-  {
-    name: Screens.Splash,
-    component: components.SplashScreen,
-    options: {
-      ...TransitionPresets.ModalFadeTransition,
-      title: t('Screens.Splash'),
-      ...ScreenOptionsDictionary[Screens.Splash],
-    },
-  },
-  {
-    name: Screens.Preface,
-    component: components.Preface,
-    options: {
-      ...TransitionPresets.SlideFromRightIOS,
-      title: t('Screens.Preface'),
-      ...ScreenOptionsDictionary[Screens.Preface],
-    },
-  },
-  {
-    name: Screens.UpdateAvailable,
-    component: components.UpdateAvailableScreen,
-    options: {
-      ...ScreenOptionsDictionary[Screens.UpdateAvailable],
-      ...TransitionPresets.SlideFromRightIOS,
-      title: t('Screens.UpdateAvailable'),
-    },
-  },
-  {
-    name: Screens.Onboarding,
-    children: components.OnboardingScreen,
-    options: () => ({
-      ...TransitionPresets.SlideFromRightIOS,
-      title: t('Screens.Onboarding'),
-      headerLeft: () => false,
-      ...ScreenOptionsDictionary[Screens.Onboarding],
-    }),
-  },
-  {
-    name: Screens.Terms,
-    options: () => ({
-      ...TransitionPresets.SlideFromRightIOS,
-      title: t('Screens.Terms'),
-      headerLeft: () => false,
-      ...ScreenOptionsDictionary[Screens.Terms],
-    }),
-    component: components.Terms,
-  },
-  {
-    name: Screens.CreatePIN,
-    children: components.CreatePINScreen,
-    initialParams: {},
-    options: () => ({
-      ...TransitionPresets.SlideFromRightIOS,
-      title: t('Screens.CreatePIN'),
-      headerLeft: () => false,
-      ...ScreenOptionsDictionary[Screens.CreatePIN],
-    }),
-  },
-  {
-    name: Screens.NameWallet,
-    options: () => ({
-      title: t('Screens.NameWallet'),
-      headerLeft: () => false,
-      ...ScreenOptionsDictionary[Screens.NameWallet],
-    }),
-    component: components.NameWallet,
-  },
-  {
-    name: Screens.Biometry,
-    options: () => ({
-      ...TransitionPresets.SlideFromRightIOS,
-      title: t('Screens.Biometry'),
-      headerLeft: () => false,
-      ...ScreenOptionsDictionary[Screens.Biometry],
-    }),
-    component: components.Biometry,
-  },
-  {
-    name: Screens.PushNotifications,
-    component: components.PushNotifications,
-    options: () => ({
-      ...TransitionPresets.SlideFromRightIOS,
-      title: t('Screens.PushNotifications'),
-      headerLeft: () => false,
-      ...ScreenOptionsDictionary[Screens.PushNotifications],
-    }),
-  },
-  {
-    name: Screens.EnterPIN,
-    children: components.EnterPINScreen,
-    options: () => ({
-      title: t('Screens.EnterPIN'),
-      headerShown: true,
-      headerLeft: () => false,
-      rightLeft: () => false,
-      ...ScreenOptionsDictionary[Screens.EnterPIN],
-    }),
-  },
-  {
-    name: Screens.AttemptLockout,
-    component: components.AttemptLockout,
-    options: () => ({
-      headerShown: true,
-      headerLeft: () => null,
-      title: t('Screens.AttemptLockout'),
-      ...ScreenOptionsDictionary[Screens.AttemptLockout],
-    }),
-  },
-]