@bifold/core 2.4.5 → 2.5.0

package/src/screens/ProofRequesting.tsx

@@ -1,245 +0,0 @@
-import type { StackScreenProps } from '@react-navigation/stack'
-
-import { DidExchangeState, ProofState } from '@credo-ts/core'
-import { useAgent, useProofById } from '@credo-ts/react-hooks'
-import { ProofCustomMetadata, ProofMetadata, linkProofWithTemplate, sendProofRequest } from '@bifold/verifier'
-import { TOKENS, useServices } from '../container-api'
-import { useIsFocused, useFocusEffect } from '@react-navigation/native'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  BackHandler,
-  DeviceEventEmitter,
-  ScrollView,
-  Share,
-  StyleSheet,
-  Vibration,
-  View,
-  useWindowDimensions,
-} from 'react-native'
-import { isTablet } from 'react-native-device-info'
-import { SafeAreaView } from 'react-native-safe-area-context'
-
-import LoadingIndicator from '../components/animated/LoadingIndicator'
-import Button, { ButtonType } from '../components/buttons/Button'
-import IconButton, { ButtonLocation } from '../components/buttons/IconButton'
-import QRRenderer from '../components/misc/QRRenderer'
-import { EventTypes } from '../constants'
-import { useStore } from '../contexts/store'
-import { useTheme } from '../contexts/theme'
-import { useConnectionByOutOfBandId } from '../hooks/connections'
-import { useTemplate } from '../hooks/proof-request-templates'
-import { BifoldError } from '../types/error'
-import { ProofRequestsStackParams, Screens } from '../types/navigators'
-import { createTempConnectionInvitation } from '../utils/helpers'
-import { testIdWithKey } from '../utils/testable'
-import { ThemedText } from '../components/texts/ThemedText'
-
-type ProofRequestingProps = StackScreenProps<ProofRequestsStackParams, Screens.ProofRequesting>
-
-const useQrSizeForDevice = () => {
-  const { width } = useWindowDimensions()
-  const qrContainerSize = isTablet() ? width - width * 0.3 : width - 20
-  const qrSize = qrContainerSize - 20
-
-  return { qrSize, qrContainerSize }
-}
-
-const ProofRequesting: React.FC<ProofRequestingProps> = ({ route, navigation }) => {
-  if (!route?.params) {
-    throw new Error('ProofRequesting route params were not set properly')
-  }
-
-  const { templateId, predicateValues } = route.params
-  const { agent } = useAgent()
-  if (!agent) {
-    throw new Error('Unable to fetch agent from Credo')
-  }
-
-  const { t } = useTranslation()
-  const { ColorPalette, TextTheme } = useTheme()
-  const isFocused = useIsFocused()
-  const [store] = useStore()
-  const [generating, setGenerating] = useState(true)
-  const [message, setMessage] = useState<string | undefined>(undefined)
-  const [connectionRecordId, setConnectionRecordId] = useState<string | undefined>(undefined)
-  const [proofRecordId, setProofRecordId] = useState<string | undefined>(undefined)
-  const record = useConnectionByOutOfBandId(connectionRecordId ?? '')
-  const proofRecord = useProofById(proofRecordId ?? '')
-  const template = useTemplate(templateId)
-  const { qrSize, qrContainerSize } = useQrSizeForDevice()
-  const [logger] = useServices([TOKENS.UTIL_LOGGER])
-
-  const styles = StyleSheet.create({
-    container: {
-      flexGrow: 1,
-      backgroundColor: ColorPalette.grayscale.white,
-    },
-    headerContainer: {
-      alignItems: 'center',
-      paddingVertical: 16,
-      marginHorizontal: 20,
-      textAlign: 'center',
-    },
-    primaryHeaderText: {
-      textAlign: 'center',
-      marginTop: 20,
-    },
-    secondaryHeaderText: {
-      textAlign: 'center',
-      marginTop: 8,
-      color: ColorPalette.grayscale.black,
-    },
-    interopText: {
-      alignSelf: 'center',
-      marginBottom: -20,
-      paddingHorizontal: 10,
-      backgroundColor: ColorPalette.grayscale.white,
-      zIndex: 100,
-      textAlign: 'center',
-      fontWeight: TextTheme.bold.fontWeight,
-      fontSize: 22,
-      color: ColorPalette.brand.primary,
-    },
-    qrContainer: {
-      height: qrContainerSize,
-      alignItems: 'center',
-      justifyContent: 'center',
-      marginHorizontal: 10,
-      marginTop: 15,
-    },
-    buttonContainer: {
-      marginTop: 'auto',
-      marginHorizontal: 20,
-      marginBottom: 10,
-    },
-  })
-
-  const createProofRequest = useCallback(async () => {
-    try {
-      setMessage(undefined)
-      setGenerating(true)
-
-      const result = await createTempConnectionInvitation(agent, 'verify')
-
-      if (result) {
-        setConnectionRecordId(result.record.id)
-        setMessage(result.invitationUrl)
-      }
-    } catch (e: unknown) {
-      const error = new BifoldError(t('Error.Title1038'), t('Error.Message1038'), (e as Error)?.message ?? e, 1038)
-
-      DeviceEventEmitter.emit(EventTypes.ERROR_ADDED, error)
-
-      navigation.goBack()
-    } finally {
-      setGenerating(false)
-    }
-  }, [agent, t, navigation])
-
-  useFocusEffect(
-    useCallback(() => {
-      const onBackPress = () => {
-        navigation.navigate(Screens.ProofRequests, {})
-
-        return true
-      }
-
-      BackHandler.addEventListener('hardwareBackPress', onBackPress)
-
-      return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress)
-    }, [navigation])
-  )
-
-  useEffect(() => {
-    if (message && store.preferences.enableShareableLink) {
-      const scanShareUrl = () => (
-        <IconButton
-          buttonLocation={ButtonLocation.Right}
-          accessibilityLabel={t('Global.Share')}
-          testID={testIdWithKey('ShareButton')}
-          onPress={() => {
-            Share.share({ message })
-          }}
-          icon="share-variant"
-        />
-      )
-
-      navigation.setOptions({ headerRight: scanShareUrl })
-    }
-  }, [message, store.preferences.enableShareableLink, t, navigation])
-
-  useEffect(() => {
-    if (isFocused) {
-      createProofRequest()
-    }
-  }, [isFocused, createProofRequest])
-
-  useEffect(() => {
-    if (!template) {
-      return
-    }
-
-    const sendAsyncProof = async () => {
-      if (record && record.state === DidExchangeState.Completed) {
-        //send haptic feedback to verifier that connection is completed
-        Vibration.vibrate()
-
-        // send proof logic
-        const result = await sendProofRequest(agent, template, record.id, predicateValues)
-        if (result?.proofRecord) {
-          // verifier side doesn't have access to the goal code so we need to add metadata here
-          const metadata = result.proofRecord.metadata.get(ProofMetadata.customMetadata) as ProofCustomMetadata
-          result.proofRecord.metadata.set(ProofMetadata.customMetadata, { ...metadata, delete_conn_after_seen: true })
-          linkProofWithTemplate(agent, result.proofRecord, templateId)
-        }
-
-        setProofRecordId(result?.proofRecord.id)
-      }
-    }
-
-    sendAsyncProof().catch((err) => {
-      logger.error(`Error sending proof request ${err}`)
-    })
-  }, [template, record, agent, predicateValues, templateId, logger])
-
-  useEffect(() => {
-    if (proofRecord && proofRecord.state === ProofState.RequestSent) {
-      navigation.navigate(Screens.MobileVerifierLoading, { proofId: proofRecord.id, connectionId: record?.id ?? '' })
-
-      setProofRecordId(undefined)
-      setConnectionRecordId(undefined)
-      setMessage(undefined)
-      setGenerating(true)
-    }
-  }, [proofRecord, navigation, record?.id])
-
-  return (
-    <SafeAreaView style={styles.container} edges={['left', 'right', 'bottom']}>
-      <ScrollView>
-        <View style={styles.qrContainer}>
-          {generating && <LoadingIndicator />}
-          {message && <QRRenderer value={message} size={qrSize} />}
-        </View>
-        <View style={styles.headerContainer}>
-          <ThemedText style={styles.secondaryHeaderText}>{t('Verifier.ScanQR')}</ThemedText>
-          <ThemedText variant="headingThree" style={styles.primaryHeaderText}>
-            {template?.name}
-          </ThemedText>
-        </View>
-      </ScrollView>
-      <View style={styles.buttonContainer}>
-        <Button
-          title={t('Verifier.RefreshQR')}
-          accessibilityLabel={t('Verifier.RefreshQR')}
-          testID={testIdWithKey('GenerateNewQR')}
-          buttonType={ButtonType.Primary}
-          onPress={() => createProofRequest()}
-          disabled={generating}
-        />
-      </View>
-    </SafeAreaView>
-  )
-}
-
-export default ProofRequesting

package/src/screens/PushNotifications.tsx

@@ -1,59 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { ScrollView, StyleSheet, View } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
-
-import Button, { ButtonType } from '../components/buttons/Button'
-import PushNotificationsContent from '../components/views/PushNotificationsContent'
-import { TOKENS, useServices } from '../container-api'
-import { DispatchAction } from '../contexts/reducers/store'
-import { useStore } from '../contexts/store'
-import { testIdWithKey } from '../utils/testable'
-
-// Screen to show during onboarding that prompts
-// for push notification permissions
-const PushNotifications: React.FC = () => {
-  const { t } = useTranslation()
-  const [, dispatch] = useStore()
-  const [{ enablePushNotifications }] = useServices([TOKENS.CONFIG])
-
-  if (!enablePushNotifications) {
-    throw new Error('Push notification configuration not found')
-  }
-
-  const styles = StyleSheet.create({
-    screenContainer: {
-      flex: 1,
-      padding: 30,
-    },
-    controlsContainer: {
-      marginTop: 'auto',
-    },
-  })
-
-  const activatePushNotifications = async () => {
-    const state = await enablePushNotifications.setup()
-    dispatch({ type: DispatchAction.USE_PUSH_NOTIFICATIONS, payload: [state === 'granted'] })
-  }
-
-  return (
-    <SafeAreaView style={{ flex: 1 }} edges={['left', 'right', 'bottom']}>
-      <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-        <View style={styles.screenContainer}>
-          <PushNotificationsContent />
-          <View style={styles.controlsContainer}>
-            <Button
-              buttonType={ButtonType.Primary}
-              title={t('Global.Continue')}
-              accessibilityLabel={t('Global.Continue')}
-              testID={testIdWithKey('PushNotificationContinue')}
-              onPress={activatePushNotifications}
-            ></Button>
-          </View>
-        </View>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}
-
-export default PushNotifications

package/src/screens/RenameContact.tsx

@@ -1,155 +0,0 @@
-import { useConnectionById } from '@credo-ts/react-hooks'
-import { useNavigation } from '@react-navigation/native'
-import { StackScreenProps } from '@react-navigation/stack'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { StyleSheet, View } from 'react-native'
-
-import ButtonLoading from '../components/animated/ButtonLoading'
-import Button, { ButtonType } from '../components/buttons/Button'
-import LimitedTextInput from '../components/inputs/LimitedTextInput'
-import { InfoBoxType } from '../components/misc/InfoBox'
-import PopupModal from '../components/modals/PopupModal'
-import KeyboardView from '../components/views/KeyboardView'
-import { DispatchAction } from '../contexts/reducers/store'
-import { useStore } from '../contexts/store'
-import { useTheme } from '../contexts/theme'
-import { ContactStackParams, Screens } from '../types/navigators'
-import { getConnectionName } from '../utils/helpers'
-import { testIdWithKey } from '../utils/testable'
-import { ThemedText } from '../components/texts/ThemedText'
-
-type ErrorState = {
-  visible: boolean
-  title: string
-  description: string
-}
-
-type RenameContactProps = StackScreenProps<ContactStackParams, Screens.RenameContact>
-
-const RenameContact: React.FC<RenameContactProps> = ({ route }) => {
-  const { connectionId } = route.params
-  const connection = useConnectionById(connectionId)
-  const { t } = useTranslation()
-  const { ColorPalette } = useTheme()
-  const navigation = useNavigation()
-  const [store, dispatch] = useStore()
-  const [contactName, setContactName] = useState(getConnectionName(connection, store.preferences.alternateContactNames))
-  const [loading, setLoading] = useState(false)
-  const [errorState, setErrorState] = useState<ErrorState>({
-    visible: false,
-    title: '',
-    description: '',
-  })
-
-  const styles = StyleSheet.create({
-    screenContainer: {
-      height: '100%',
-      backgroundColor: ColorPalette.brand.primaryBackground,
-      padding: 20,
-      justifyContent: 'space-between',
-    },
-
-    contentContainer: {
-      justifyContent: 'center',
-      alignItems: 'center',
-      width: '100%',
-    },
-    // below used as helpful label for view, no properties needed atp
-    controlsContainer: {},
-
-    buttonContainer: {
-      width: '100%',
-    },
-  })
-
-  const handleChangeText = (text: string) => {
-    setContactName(text)
-  }
-
-  const handleCancelPressed = () => {
-    navigation.goBack()
-  }
-
-  const handleContinuePressed = () => {
-    if (contactName.length < 1) {
-      setErrorState({
-        title: t('RenameContact.EmptyNameTitle'),
-        description: t('RenameContact.EmptyNameDescription'),
-        visible: true,
-      })
-    } else if (contactName.length > 50) {
-      setErrorState({
-        title: t('RenameContact.CharCountTitle'),
-        description: t('RenameContact.CharCountDescription'),
-        visible: true,
-      })
-    } else {
-      setLoading(true)
-      dispatch({
-        type: DispatchAction.UPDATE_ALTERNATE_CONTACT_NAMES,
-        payload: [{ [connectionId]: contactName }],
-      })
-      setLoading(false)
-      navigation.goBack()
-    }
-  }
-
-  const handleDismissError = () => {
-    setErrorState((prev) => ({ ...prev, visible: false }))
-  }
-
-  return (
-    <KeyboardView>
-      <View style={styles.screenContainer}>
-        <View style={styles.contentContainer}>
-          <ThemedText style={{ width: '100%', marginBottom: 16 }}>{t('RenameContact.ThisContactName')}</ThemedText>
-          <View style={{ width: '100%' }}>
-            <LimitedTextInput
-              defaultValue={contactName}
-              label={t('RenameContact.ContactName')}
-              limit={50}
-              handleChangeText={handleChangeText}
-              accessibilityLabel={t('RenameContact.ContactName')}
-              testID={testIdWithKey('NameInput')}
-            />
-          </View>
-        </View>
-        <View style={styles.controlsContainer}>
-          <View style={styles.buttonContainer}>
-            <Button
-              title={t('Global.Save')}
-              buttonType={ButtonType.Primary}
-              testID={testIdWithKey('Save')}
-              accessibilityLabel={t('Global.Save')}
-              onPress={handleContinuePressed}
-              disabled={loading}
-            >
-              {loading && <ButtonLoading />}
-            </Button>
-            <View style={{ marginTop: 15 }}>
-              <Button
-                title={t('Global.Cancel')}
-                buttonType={ButtonType.Secondary}
-                testID={testIdWithKey('Cancel')}
-                accessibilityLabel={t('Global.Cancel')}
-                onPress={handleCancelPressed}
-              />
-            </View>
-          </View>
-        </View>
-      </View>
-      {errorState.visible && (
-        <PopupModal
-          notificationType={InfoBoxType.Info}
-          onCallToActionLabel={t('Global.Okay')}
-          onCallToActionPressed={handleDismissError}
-          title={errorState.title}
-          description={errorState.description}
-        />
-      )}
-    </KeyboardView>
-  )
-}
-
-export default RenameContact

package/src/screens/RenameWallet.tsx

@@ -1,26 +0,0 @@
-import { useAgent } from '@credo-ts/react-hooks'
-import { useNavigation } from '@react-navigation/native'
-import React, { useCallback } from 'react'
-
-import WalletNameForm from '../components/forms/WalletNameForm'
-
-const RenameWallet: React.FC = () => {
-  const navigation = useNavigation()
-  const { agent } = useAgent()
-
-  const onCancel = useCallback(() => {
-    navigation.goBack()
-  }, [navigation])
-
-  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/Scan.tsx

@@ -1,145 +0,0 @@
-import { useAgent } from '@credo-ts/react-hooks'
-import { StackScreenProps } from '@react-navigation/stack'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { Platform } from 'react-native'
-import { PERMISSIONS, Permission, RESULTS, Rationale, check, request } from 'react-native-permissions'
-import Toast from 'react-native-toast-message'
-
-import QRScanner from '../components/misc/QRScanner'
-import CameraDisclosureModal from '../components/modals/CameraDisclosureModal'
-import { ToastType } from '../components/toast/BaseToast'
-import LoadingView from '../components/views/LoadingView'
-import { TOKENS, useServices } from '../container-api'
-import { useStore } from '../contexts/store'
-import { BifoldError, QrCodeScanError } from '../types/error'
-import { ConnectStackParams } from '../types/navigators'
-import { PermissionContract } from '../types/permissions'
-import { connectFromScanOrDeepLink } from '../utils/helpers'
-
-export type ScanProps = StackScreenProps<ConnectStackParams>
-
-const Scan: React.FC<ScanProps> = ({ navigation, route }) => {
-  const { agent } = useAgent()
-  const { t } = useTranslation()
-  const [store] = useStore()
-  const [loading, setLoading] = useState<boolean>(true)
-  const [showDisclosureModal, setShowDisclosureModal] = useState<boolean>(true)
-  const [qrCodeScanError, setQrCodeScanError] = useState<QrCodeScanError | null>(null)
-  const [{ enableImplicitInvitations, enableReuseConnections }, logger] = useServices([
-    TOKENS.CONFIG,
-    TOKENS.UTIL_LOGGER,
-  ])
-  let defaultToConnect = false
-  if (route?.params && route.params['defaultToConnect']) {
-    defaultToConnect = route.params['defaultToConnect']
-  }
-
-  const handleInvitation = useCallback(
-    async (value: string): Promise<void> => {
-      try {
-        await connectFromScanOrDeepLink(
-          value,
-          agent,
-          logger,
-          navigation?.getParent(),
-          false, // isDeepLink
-          enableImplicitInvitations,
-          enableReuseConnections
-        )
-      } catch (err: unknown) {
-        const error = new BifoldError(
-          t('Error.Title1031'),
-          t('Error.Message1031'),
-          (err as Error)?.message ?? err,
-          1031
-        )
-        // throwing for QrCodeScanError
-        throw error
-      }
-    },
-    [agent, logger, navigation, enableImplicitInvitations, enableReuseConnections, t]
-  )
-
-  const handleCodeScan = useCallback(
-    async (value: string) => {
-      setQrCodeScanError(null)
-      try {
-        const uri = value
-        await handleInvitation(uri)
-      } catch (e: unknown) {
-        const error = new QrCodeScanError(t('Scan.InvalidQrCode'), value, (e as Error)?.message)
-        setQrCodeScanError(error)
-      }
-    },
-    [handleInvitation, t]
-  )
-
-  const permissionFlow = useCallback(
-    async (method: PermissionContract, permission: Permission, rationale?: Rationale): Promise<boolean> => {
-      try {
-        const permissionResult = await method(permission, rationale)
-        if (permissionResult === RESULTS.GRANTED) {
-          setShowDisclosureModal(false)
-          return true
-        }
-      } catch (error: unknown) {
-        Toast.show({
-          type: ToastType.Error,
-          text1: t('Global.Failure'),
-          text2: (error as Error)?.message || t('Error.Unknown'),
-          visibilityTime: 2000,
-          position: 'bottom',
-        })
-      }
-
-      return false
-    },
-    [t]
-  )
-
-  const requestCameraUse = async (rationale?: Rationale): Promise<boolean> => {
-    if (Platform.OS === 'android') {
-      return await permissionFlow(request, PERMISSIONS.ANDROID.CAMERA, rationale)
-    } else if (Platform.OS === 'ios') {
-      return await permissionFlow(request, PERMISSIONS.IOS.CAMERA, rationale)
-    }
-
-    return false
-  }
-
-  useEffect(() => {
-    const asyncEffect = async () => {
-      if (Platform.OS === 'android') {
-        await permissionFlow(check, PERMISSIONS.ANDROID.CAMERA)
-      } else if (Platform.OS === 'ios') {
-        await permissionFlow(check, PERMISSIONS.IOS.CAMERA)
-      }
-      setLoading(false)
-    }
-
-    asyncEffect()
-  }, [permissionFlow])
-
-  if (loading) {
-    return <LoadingView />
-  }
-
-  if (showDisclosureModal) {
-    return <CameraDisclosureModal requestCameraUse={requestCameraUse} />
-  }
-
-  return (
-    <QRScanner
-      showTabs={store.preferences.useConnectionInviterCapability}
-      defaultToConnect={defaultToConnect}
-      handleCodeScan={handleCodeScan}
-      error={qrCodeScanError}
-      enableCameraOnError={true}
-      navigation={navigation}
-      route={route}
-    />
-  )
-}
-
-export default Scan

package/src/screens/ScanHelp.tsx

@@ -1,48 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { Linking, ScrollView, StyleSheet } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
-
-import Link from '../components/texts/Link'
-import { testIdWithKey } from '../utils/testable'
-import { TOKENS, useServices } from '../container-api'
-import { ThemedText } from '../components/texts/ThemedText'
-
-const ScanHelp: React.FC = () => {
-  const { t } = useTranslation()
-  const [{ whereToUseWalletUrl }] = useServices([TOKENS.CONFIG])
-
-  const style = StyleSheet.create({
-    safeArea: {
-      flex: 1,
-    },
-    scrollView: {
-      flexGrow: 1,
-      padding: 26,
-    },
-    text: {
-      marginTop: 15,
-    },
-  })
-
-  return (
-    <SafeAreaView style={style.safeArea} edges={['top', 'left', 'right', 'bottom']}>
-      <ScrollView contentContainerStyle={style.scrollView}>
-        <ThemedText variant="headingThree">{t('Scan.WhatToScan')}</ThemedText>
-        <ThemedText style={[style.text, { marginTop: 20 }]}>{t('Scan.ScanOnySpecial')}</ThemedText>
-        <ThemedText style={style.text}>{t('Scan.ScanOnlySpecial2')}</ThemedText>
-        {whereToUseWalletUrl && (
-          <Link
-            linkText={t('Scan.WhereToUseLink')}
-            style={style.text}
-            onPress={() => Linking.openURL(whereToUseWalletUrl)}
-            testID={testIdWithKey('WhereToUseLink')}
-          />
-        )}
-        <ThemedText style={style.text}>{t('Scan.ScanOnlySpecial3')}</ThemedText>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}
-
-export default ScanHelp