@bifold/core 2.4.5 → 2.5.0

package/src/screens/ToggleBiometry.tsx

@@ -1,153 +0,0 @@
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-
-import BiometryControl from '../components/inputs/BiometryControl'
-import FauxHeader from '../components/misc/FauxHeader'
-import SafeAreaModal from '../components/modals/SafeAreaModal'
-import { TOKENS, useServices } from '../container-api'
-import { useAuth } from '../contexts/auth'
-import { DispatchAction } from '../contexts/reducers/store'
-import { useStore } from '../contexts/store'
-import { useTheme } from '../contexts/theme'
-import { HistoryCardType, HistoryRecord } from '../modules/history/types'
-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()
-  const { t } = useTranslation()
-  const [logger, historyManagerCurried, historyEnabled, historyEventsLogger] = useServices([
-    TOKENS.UTIL_LOGGER,
-    TOKENS.FN_LOAD_HISTORY,
-    TOKENS.HISTORY_ENABLED,
-    TOKENS.HISTORY_EVENTS_LOGGER,
-  ])
-  const { commitWalletToKeychain, disableBiometrics } = useAuth()
-  const [biometryEnabled, setBiometryEnabled] = useState(store.preferences.useBiometry)
-  const [canSeeCheckPIN, setCanSeeCheckPIN] = useState<boolean>(false)
-  const { ColorPalette, NavigationTheme } = useTheme()
-
-  const logHistoryRecord = useCallback(
-    (type: HistoryCardType) => {
-      try {
-        if (!(agent && historyEnabled)) {
-          logger.trace(
-            `[${ToggleBiometry.name}]:[logHistoryRecord] Skipping history log, either history function disabled or agent undefined!`
-          )
-          return
-        }
-        const historyManager = historyManagerCurried(agent)
-
-        /** Save history record for card accepted */
-        const recordData: HistoryRecord = {
-          type: type,
-          message: type,
-          createdAt: new Date(),
-        }
-        historyManager.saveHistory(recordData)
-      } catch (err: unknown) {
-        logger.error(`[${ToggleBiometry.name}]:[logHistoryRecord] Error saving history: ${err}`)
-      }
-    },
-    [agent, historyEnabled, logger, historyManagerCurried]
-  )
-
-  const onSwitchToggleAllowed = useCallback(() => {
-    setCanSeeCheckPIN(true)
-    if (
-      historyEventsLogger.logToggleBiometry &&
-      store.onboarding.didAgreeToTerms &&
-      store.onboarding.didConsiderBiometry
-    ) {
-      const type = HistoryCardType.ActivateBiometry
-      logHistoryRecord(type)
-    }
-  }, [
-    historyEventsLogger.logToggleBiometry,
-    logHistoryRecord,
-    store.onboarding.didAgreeToTerms,
-    store.onboarding.didConsiderBiometry,
-  ])
-
-  const handleBiometryToggle = useCallback(
-    (newValue: boolean) => {
-      if (newValue === biometryEnabled) return
-
-      onSwitchToggleAllowed()
-    },
-    [biometryEnabled, onSwitchToggleAllowed]
-  )
-
-  const onAuthenticationComplete = useCallback(
-    (status: boolean) => {
-      // If successfully authenticated the toggle may proceed.
-      if (status) {
-        const newValue = !biometryEnabled
-        setBiometryEnabled(newValue)
-
-        if (newValue) {
-          commitWalletToKeychain(newValue).then(() => {
-            dispatch({
-              type: DispatchAction.USE_BIOMETRY,
-              payload: [newValue],
-            })
-          })
-        } else {
-          disableBiometrics().then(() => {
-            dispatch({
-              type: DispatchAction.USE_BIOMETRY,
-              payload: [newValue],
-            })
-          })
-        }
-
-        if (
-          historyEventsLogger.logToggleBiometry &&
-          store.onboarding.didAgreeToTerms &&
-          store.onboarding.didConsiderBiometry
-        ) {
-          const type = HistoryCardType.DeactivateBiometry
-          logHistoryRecord(type)
-        }
-      }
-      setCanSeeCheckPIN(false)
-    },
-    [
-      biometryEnabled,
-      commitWalletToKeychain,
-      disableBiometrics,
-      dispatch,
-      historyEventsLogger.logToggleBiometry,
-      logHistoryRecord,
-      store.onboarding.didAgreeToTerms,
-      store.onboarding.didConsiderBiometry,
-    ]
-  )
-
-  const onBackPressed = () => setCanSeeCheckPIN(false)
-
-  return (
-    <BiometryControl biometryEnabled={biometryEnabled} onBiometryToggle={handleBiometryToggle}>
-      <SafeAreaModal
-        style={{ backgroundColor: ColorPalette.brand.primaryBackground }}
-        visible={canSeeCheckPIN}
-        transparent={false}
-        animationType={'slide'}
-        presentationStyle={'fullScreen'}
-        statusBarTranslucent={true}
-      >
-        <SafeAreaView edges={['top']} style={{ backgroundColor: NavigationTheme.colors.primary }} />
-        <FauxHeader title={t('Screens.EnterPIN')} onBackPressed={onBackPressed} />
-        <PINVerify
-          usage={PINEntryUsage.ChangeBiometrics}
-          setAuthenticated={onAuthenticationComplete}
-          onCancelAuth={setCanSeeCheckPIN}
-        />
-      </SafeAreaModal>
-    </BiometryControl>
-  )
-}
-
-export default ToggleBiometry

package/src/screens/TogglePushNotifications.tsx

@@ -1,118 +0,0 @@
-import { useAgent } from '@credo-ts/react-hooks'
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { AppState, Linking, ScrollView, StyleSheet, Switch, View } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
-
-import Button, { ButtonType } from '../components/buttons/Button'
-import { ThemedText } from '../components/texts/ThemedText'
-import PushNotificationsContent from '../components/views/PushNotificationsContent'
-import PushNotificationsDisabledContent from '../components/views/PushNotificationsDisabledContent'
-import { TOKENS, useServices } from '../container-api'
-import { DispatchAction } from '../contexts/reducers/store'
-import { useStore } from '../contexts/store'
-import { useTheme } from '../contexts/theme'
-import { testIdWithKey } from '../utils/testable'
-
-// Screen accesible through settings that allows the user to
-// enable or disable push notifications
-const TogglePushNotifications: React.FC = () => {
-  const { t } = useTranslation()
-  const [store, dispatch] = useStore()
-  const { agent } = useAgent()
-  const { ColorPalette } = useTheme()
-  const [{ enablePushNotifications }] = useServices([TOKENS.CONFIG])
-  const [notificationState, setNotificationState] = useState<boolean>(store.preferences.usePushNotifications)
-  const [notificationStatus, setNotificationStatus] = useState<'denied' | 'granted' | 'unknown'>('unknown')
-
-  if (!enablePushNotifications) {
-    throw new Error('Push notification configuration not found')
-  }
-
-  const styles = StyleSheet.create({
-    screenContainer: {
-      flex: 1,
-      padding: 30,
-    },
-    toggleContainer: {
-      marginTop: 25,
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-    },
-    controlsContainer: {
-      marginTop: 'auto',
-    },
-  })
-
-  useEffect(() => {
-    const updateNotificationState = async () => {
-      const status = await enablePushNotifications.status()
-      setNotificationStatus(status)
-    }
-
-    updateNotificationState()
-    const subscription = AppState.addEventListener('change', updateNotificationState)
-
-    return () => subscription.remove()
-  }, [enablePushNotifications])
-
-  const hasNotificationsDisabled = notificationStatus === 'denied' && store.onboarding.didConsiderPushNotifications
-
-  const toggleSwitch = async () => {
-    if (!notificationState) {
-      const res = await enablePushNotifications.setup()
-      if (res === 'denied') {
-        return
-      }
-    }
-
-    dispatch({ type: DispatchAction.USE_PUSH_NOTIFICATIONS, payload: [!notificationState] })
-
-    enablePushNotifications.toggle(!notificationState, agent)
-
-    setNotificationState(!notificationState)
-  }
-
-  return (
-    <SafeAreaView style={{ flex: 1 }} edges={['left', 'right', 'bottom']}>
-      <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-        <View style={styles.screenContainer}>
-          {hasNotificationsDisabled ? (
-            <>
-              <PushNotificationsDisabledContent />
-              <View style={styles.controlsContainer}>
-                <Button
-                  buttonType={ButtonType.Primary}
-                  title={t('PushNotifications.OpenSettings')}
-                  accessibilityLabel={t('PushNotifications.OpenSettings')}
-                  testID={testIdWithKey('PushNotificationSettings')}
-                  onPress={() => Linking.openSettings()}
-                />
-              </View>
-            </>
-          ) : (
-            <>
-              <PushNotificationsContent />
-              <View style={styles.toggleContainer}>
-                <ThemedText>{t('PushNotifications.ReceiveNotifications')}</ThemedText>
-                <Switch
-                  trackColor={{ false: ColorPalette.grayscale.lightGrey, true: ColorPalette.brand.primaryDisabled }}
-                  thumbColor={notificationState ? ColorPalette.brand.primary : ColorPalette.grayscale.mediumGrey}
-                  ios_backgroundColor={ColorPalette.grayscale.lightGrey}
-                  onValueChange={toggleSwitch}
-                  accessibilityLabel={t('PushNotifications.ReceiveNotifications')}
-                  accessibilityRole="switch"
-                  testID={testIdWithKey('PushNotificationSwitch')}
-                  value={notificationState}
-                />
-              </View>
-            </>
-          )}
-        </View>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}
-
-export default TogglePushNotifications

package/src/screens/Tours.tsx

@@ -1,93 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { FlatList, StyleSheet, View } from 'react-native'
-import BouncyCheckbox from 'react-native-bouncy-checkbox'
-import { SafeAreaView } from 'react-native-safe-area-context'
-import Icon from 'react-native-vector-icons/MaterialIcons'
-
-import { DispatchAction } from '../contexts/reducers/store'
-import { useStore } from '../contexts/store'
-import { useTheme } from '../contexts/theme'
-import { ThemedText } from '../components/texts/ThemedText'
-
-interface Option {
-  value: string
-  bool: boolean
-}
-
-const Tours: React.FC = () => {
-  const [store, dispatch] = useStore()
-  const { t } = useTranslation()
-  const { ColorPalette, SettingsTheme } = useTheme()
-
-  const styles = StyleSheet.create({
-    container: {
-      backgroundColor: ColorPalette.brand.primaryBackground,
-      width: '100%',
-    },
-    section: {
-      backgroundColor: SettingsTheme.groupBackground,
-      paddingHorizontal: 25,
-      paddingVertical: 16,
-    },
-    sectionRow: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-    },
-    itemSeparator: {
-      borderBottomWidth: 1,
-      borderBottomColor: ColorPalette.brand.primaryBackground,
-      marginHorizontal: 25,
-    },
-  })
-
-  const options = [
-    { value: t('Global.On'), bool: true },
-    { value: t('Global.Off'), bool: false },
-  ]
-
-  const handleSettingChange = async (enableTours: boolean) => {
-    dispatch({
-      type: DispatchAction.ENABLE_TOURS,
-      payload: [enableTours],
-    })
-  }
-
-  return (
-    <SafeAreaView style={styles.container}>
-      <FlatList
-        data={options}
-        renderItem={({ item: option }) => {
-          const { value, bool }: Option = option
-          return (
-            <View style={[styles.section, styles.sectionRow]}>
-              <ThemedText variant="title" accessibilityRole="header">
-                {value}
-              </ThemedText>
-              <BouncyCheckbox
-                accessibilityLabel={value}
-                disableText
-                fillColor="#FFFFFFFF"
-                unfillColor="#FFFFFFFF"
-                size={36}
-                innerIconStyle={{ borderColor: ColorPalette.brand.primary, borderWidth: 2 }}
-                ImageComponent={() => <Icon name="circle" size={18} color={ColorPalette.brand.primary}></Icon>}
-                onPress={async () => await handleSettingChange(bool)}
-                isChecked={store.tours.enableTours === bool}
-                disableBuiltInState
-              />
-            </View>
-          )
-        }}
-        ItemSeparatorComponent={() => (
-          <View style={{ backgroundColor: SettingsTheme.groupBackground }}>
-            <View style={styles.itemSeparator}></View>
-          </View>
-        )}
-      />
-    </SafeAreaView>
-  )
-}
-
-export default Tours

package/src/screens/UpdateAvailable.tsx

@@ -1,119 +0,0 @@
-import React, { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import { ScrollView, StyleSheet, View, Platform, Linking } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
-
-import Button, { ButtonType } from '../components/buttons/Button'
-import Link from '../components/texts/Link'
-import { ThemedText } from '../components/texts/ThemedText'
-import { useTheme } from '../contexts/theme'
-import { useStore } from '../contexts/store'
-import { DispatchAction } from '../contexts/reducers/store'
-import { testIdWithKey } from '../utils/testable'
-import { TOKENS, useServices } from '../container-api'
-
-type UpdateAvailableProps = {
-  appleAppStoreUrl?: string
-  googlePlayStoreUrl?: string
-}
-
-const UpdateAvailable: React.FC<UpdateAvailableProps> = ({ appleAppStoreUrl, googlePlayStoreUrl }) => {
-  const { t } = useTranslation()
-  const [, dispatch] = useStore()
-  const { ColorPalette, Assets, Spacing } = useTheme()
-  const [logger] = useServices([TOKENS.UTIL_LOGGER])
-
-  // Check if both store links are available
-  const hasStoreLinks = Boolean(appleAppStoreUrl && googlePlayStoreUrl)
-
-  const onPressWhatIsNew = useCallback(() => {
-    const url = Platform.OS === 'ios' ? appleAppStoreUrl : googlePlayStoreUrl
-    if (url) {
-      Linking.openURL(url).catch((err) => logger.error('Failed to open app store link', err))
-    }
-  }, [appleAppStoreUrl, googlePlayStoreUrl, logger])
-
-  const onPressLater = useCallback(() => {
-    dispatch({
-      type: DispatchAction.SET_VERSION_INFO,
-      payload: [{ dismissed: true }],
-    })
-  }, [dispatch])
-
-  const iconOptions = {
-    fill: ColorPalette.notification.infoText,
-    height: 130,
-    width: 130,
-  }
-
-  const styles = StyleSheet.create({
-    container: {
-      flexGrow: 1,
-      padding: 20,
-    },
-    image: {
-      marginTop: 20,
-    },
-    imageContainer: {
-      alignItems: 'center',
-      marginBottom: 24,
-    },
-    messageText: {
-      textAlign: 'center',
-      marginTop: 30,
-    },
-    controlsContainer: {
-      marginTop: 'auto',
-      margin: 20,
-    },
-    delayMessageText: {
-      textAlign: 'center',
-      marginTop: 20,
-    },
-    buttonContainer: {
-      justifyContent: 'flex-end',
-      flex: 1,
-    },
-  })
-
-  return (
-    <SafeAreaView style={{ flex: 1 }} edges={['bottom', 'left', 'right']}>
-      <ScrollView contentContainerStyle={styles.container}>
-        <View style={styles.imageContainer}>
-          <Assets.svg.updateAvailable {...iconOptions} />
-        </View>
-        <ThemedText variant="headingTwo" style={{ marginBottom: Spacing.lg }}>
-          {t('AppUpdate.Heading')}
-        </ThemedText>
-        <ThemedText>{t('AppUpdate.Body')}</ThemedText>
-
-        {hasStoreLinks && (
-          <Link style={{ marginVertical: 24 }} onPress={onPressWhatIsNew} linkText={t('AppUpdate.LearnMore')} />
-        )}
-
-        <View style={styles.buttonContainer}>
-          {hasStoreLinks && (
-            <View style={{ marginBottom: 15 }}>
-              <Button
-                title={t('AppUpdate.UpdateNow')}
-                accessibilityLabel={t('AppUpdate.UpdateNow')}
-                testID={testIdWithKey('UpdateNow')}
-                buttonType={ButtonType.Primary}
-                onPress={onPressWhatIsNew}
-              />
-            </View>
-          )}
-          <Button
-            title={t('AppUpdate.UpdateLater')}
-            accessibilityLabel={t('AppUpdate.UpdateLater')}
-            testID={testIdWithKey('UpdateLater')}
-            buttonType={ButtonType.Secondary}
-            onPress={onPressLater}
-          />
-        </View>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}
-
-export default UpdateAvailable

package/src/screens/WhatAreContacts.tsx

@@ -1,71 +0,0 @@
-import { NavigationProp, ParamListBase } from '@react-navigation/native'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { SafeAreaView, ScrollView, StyleSheet, View } from 'react-native'
-
-import Link from '../components/texts/Link'
-import { useTheme } from '../contexts/theme'
-import { Screens, Stacks } from '../types/navigators'
-import { ThemedText } from '../components/texts/ThemedText'
-
-interface WhatAreContactsProps {
-  navigation: NavigationProp<ParamListBase>
-}
-
-const WhatAreContacts: React.FC<WhatAreContactsProps> = ({ navigation }) => {
-  const { ColorPalette } = useTheme()
-  const { t } = useTranslation()
-  const styles = StyleSheet.create({
-    container: {
-      flex: 1,
-      alignItems: 'center',
-      backgroundColor: ColorPalette.brand.primaryBackground,
-    },
-    pageContent: {
-      marginTop: 30,
-      paddingLeft: 25,
-      paddingRight: 25,
-    },
-  })
-
-  const goToContactList = () => {
-    navigation.getParent()?.navigate(Stacks.ContactStack, { screen: Screens.Contacts })
-  }
-
-  const bulletPoints = [
-    t('WhatAreContacts.ListItemDirectMessage'),
-    t('WhatAreContacts.ListItemNewCredentials'),
-    t('WhatAreContacts.ListItemNotifiedOfUpdates'),
-    t('WhatAreContacts.ListItemRequest'),
-  ].map((text, index) => {
-    return (
-      <View key={index} style={{ marginBottom: 10, flexDirection: 'row' }}>
-        <ThemedText style={{ paddingRight: 5 }}>{'\u2022'}</ThemedText>
-        <ThemedText style={{ flexShrink: 1 }}>{text}</ThemedText>
-      </View>
-    )
-  })
-
-  return (
-    <SafeAreaView style={styles.container}>
-      <ScrollView
-        contentContainerStyle={styles.pageContent}
-        directionalLockEnabled
-        automaticallyAdjustContentInsets={false}
-        showsHorizontalScrollIndicator={false}
-      >
-        <ThemedText variant="headingTwo" style={{ marginBottom: 15 }} accessibilityRole="header">
-          {t('WhatAreContacts.Title')}
-        </ThemedText>
-        <ThemedText>{t('WhatAreContacts.Preamble')}</ThemedText>
-        {bulletPoints}
-        <ThemedText>
-          {`${t('WhatAreContacts.RemoveContacts')} `}
-          <Link linkText={t('WhatAreContacts.ContactsLink')} onPress={goToContactList} />
-        </ThemedText>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}
-
-export default WhatAreContacts

package/src/services/bifoldLogger.ts

@@ -1,3 +0,0 @@
-import { BifoldLogger } from './logger'
-
-export const bifoldLoggerInstance = new BifoldLogger()