@bifold/core 2.4.6 → 2.6.0

package/src/screens/AutoLock.tsx

@@ -1,140 +0,0 @@
-import { Pressable, StyleSheet, View, FlatList } 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 { AutoLockTime } from '../contexts/activity'
-import { testIdWithKey } from '../utils/testable'
-import { useStore } from '../contexts/store'
-import { DispatchAction } from '../contexts/reducers/store'
-import React from 'react'
-
-import { useTranslation } from 'react-i18next'
-import { useTheme } from '../contexts/theme'
-import { ThemedText } from '../components/texts/ThemedText'
-
-type AutoLockListItem = {
-  title: string
-  value: (typeof AutoLockTime)[keyof typeof AutoLockTime]
-  testID: string
-  onPress: (val: (typeof AutoLockTime)[keyof typeof AutoLockTime]) => void
-}
-
-type LockoutRowProps = AutoLockListItem & {
-  selected: boolean
-}
-
-const AutoLock: React.FC = () => {
-  const { t } = useTranslation()
-  const [store, dispatch] = useStore()
-  const { ColorPalette, SettingsTheme } = useTheme()
-  const currentLockoutTime = store.preferences.autoLockTime ?? AutoLockTime.FiveMinutes
-  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,
-    },
-    checkboxContainer: {
-      justifyContent: 'center',
-    },
-  })
-
-  const handleTimeoutChange = (time: (typeof AutoLockTime)[keyof typeof AutoLockTime]) => {
-    dispatch({
-      type: DispatchAction.AUTO_LOCK_TIME,
-      payload: [time],
-    })
-  }
-
-  const LockoutRow: React.FC<LockoutRowProps> = ({ title, value, selected, testID, onPress }) => (
-    <View style={[styles.section, styles.sectionRow]}>
-      <ThemedText variant="title">{title}</ThemedText>
-      <Pressable
-        style={styles.checkboxContainer}
-        accessibilityLabel={title}
-        accessibilityRole={'checkbox'}
-        testID={testIdWithKey('ToggleConnectionInviterCapabilitySwitch')}
-      >
-        <BouncyCheckbox
-          accessibilityLabel={String(AutoLockTime.FiveMinutes)}
-          disableText
-          fillColor={ColorPalette.brand.secondaryBackground}
-          unfillColor={ColorPalette.brand.secondaryBackground}
-          size={36}
-          innerIconStyle={{ borderColor: ColorPalette.brand.primary, borderWidth: 2 }}
-          ImageComponent={() => <Icon name="circle" size={18} color={ColorPalette.brand.primary} />}
-          onPress={() => onPress(value)}
-          isChecked={selected}
-          disableBuiltInState
-          testID={testIdWithKey(testID)}
-        />
-      </Pressable>
-    </View>
-  )
-
-  return (
-    <SafeAreaView style={styles.container}>
-      <FlatList
-        data={[
-          {
-            title: t('AutoLockTimes.FiveMinutes'),
-            value: AutoLockTime.FiveMinutes,
-            testID: `auto-lock-time-${AutoLockTime.FiveMinutes}`,
-            onPress: handleTimeoutChange,
-          },
-          {
-            title: t('AutoLockTimes.ThreeMinutes'),
-            value: AutoLockTime.ThreeMinutes,
-            testID: `auto-lock-time-${AutoLockTime.ThreeMinutes}`,
-            onPress: handleTimeoutChange,
-          },
-          {
-            title: t('AutoLockTimes.OneMinute'),
-            value: AutoLockTime.OneMinute,
-            testID: `auto-lock-time-${AutoLockTime.OneMinute}`,
-            onPress: handleTimeoutChange,
-          },
-          {
-            title: t('AutoLockTimes.Never'),
-            value: AutoLockTime.Never,
-            testID: `auto-lock-time-${AutoLockTime.Never}`,
-            onPress: handleTimeoutChange,
-          },
-        ]}
-        renderItem={({ item }) => {
-          const data: AutoLockListItem = item
-          return (
-            <LockoutRow
-              title={data.title}
-              selected={currentLockoutTime === data.value}
-              value={data.value}
-              testID={data.testID}
-              onPress={data.onPress}
-            />
-          )
-        }}
-        ItemSeparatorComponent={() => (
-          <View style={{ backgroundColor: SettingsTheme.groupBackground }}>
-            <View style={styles.itemSeparator} />
-          </View>
-        )}
-      />
-    </SafeAreaView>
-  )
-}
-
-export default AutoLock

package/src/screens/Biometry.tsx

@@ -1,54 +0,0 @@
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { View } from 'react-native'
-
-import Button, { ButtonType } from '../components/buttons/Button'
-import BiometryControl from '../components/inputs/BiometryControl'
-import { useAnimatedComponents } from '../contexts/animated-components'
-import { useAuth } from '../contexts/auth'
-import { DispatchAction } from '../contexts/reducers/store'
-import { useStore } from '../contexts/store'
-import { testIdWithKey } from '../utils/testable'
-
-const Biometry: React.FC = () => {
-  const [store, dispatch] = useStore()
-  const { t } = useTranslation()
-  const { commitWalletToKeychain } = useAuth()
-  const [biometryEnabled, setBiometryEnabled] = useState(store.preferences.useBiometry)
-  const [continueEnabled, setContinueEnabled] = useState(true)
-  const { ButtonLoading } = useAnimatedComponents()
-
-  const continueTouched = useCallback(async () => {
-    setContinueEnabled(false)
-
-    await commitWalletToKeychain(biometryEnabled)
-
-    dispatch({
-      type: DispatchAction.USE_BIOMETRY,
-      payload: [biometryEnabled],
-    })
-  }, [biometryEnabled, commitWalletToKeychain, dispatch])
-
-  const handleBiometryToggle = useCallback((newValue: boolean) => {
-    setBiometryEnabled(newValue)
-  }, [])
-
-  return (
-    <BiometryControl biometryEnabled={biometryEnabled} onBiometryToggle={handleBiometryToggle}>
-      <View style={{ marginTop: 'auto', margin: 20 }}>
-        <Button
-          title={t('Global.Continue')}
-          accessibilityLabel={'Continue'}
-          testID={testIdWithKey('Continue')}
-          onPress={continueTouched}
-          buttonType={ButtonType.Primary}
-          disabled={!continueEnabled}
-        >
-          {!continueEnabled && <ButtonLoading />}
-        </Button>
-      </View>
-    </BiometryControl>
-  )
-}
-
-export default Biometry

package/src/screens/Chat.tsx

@@ -1,141 +0,0 @@
-import { BasicMessageRepository, ConnectionRecord } from '@credo-ts/core'
-import { useAgent, useBasicMessagesByConnectionId, useConnectionById } from '@credo-ts/react-hooks'
-import { useIsFocused, useNavigation } from '@react-navigation/native'
-import { useHeaderHeight } from '@react-navigation/elements'
-import { StackNavigationProp, StackScreenProps } from '@react-navigation/stack'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { GiftedChat, IMessage } from 'react-native-gifted-chat'
-import { SafeAreaView } from 'react-native-safe-area-context'
-
-import InfoIcon from '../components/buttons/InfoIcon'
-import { renderComposer, renderInputToolbar, renderSend } from '../components/chat'
-import ActionSlider from '../components/chat/ActionSlider'
-import { renderActions } from '../components/chat/ChatActions'
-import { ChatMessage } from '../components/chat/ChatMessage'
-import { useNetwork } from '../contexts/network'
-import { useStore } from '../contexts/store'
-import { useTheme } from '../contexts/theme'
-import { useChatMessagesByConnection } from '../hooks/chat-messages'
-import { Role } from '../types/chat'
-import { BasicMessageMetadata, basicMessageCustomMetadata } from '../types/metadata'
-import { RootStackParams, ContactStackParams, Screens, Stacks } from '../types/navigators'
-import { getConnectionName } from '../utils/helpers'
-import { KeyboardAvoidingView, Platform } from 'react-native'
-
-type ChatProps = StackScreenProps<ContactStackParams, Screens.Chat> | StackScreenProps<RootStackParams, Screens.Chat>
-
-const Chat: React.FC<ChatProps> = ({ route }) => {
-  if (!route?.params) {
-    throw new Error('Chat route params were not set properly')
-  }
-
-  const { connectionId } = route.params
-  const [store] = useStore()
-  const { t } = useTranslation()
-  const { agent } = useAgent()
-  const navigation = useNavigation<StackNavigationProp<RootStackParams | ContactStackParams>>()
-  const connection = useConnectionById(connectionId) as ConnectionRecord
-  const basicMessages = useBasicMessagesByConnectionId(connectionId)
-  const chatMessages = useChatMessagesByConnection(connection)
-  const isFocused = useIsFocused()
-  const { assertNetworkConnected, silentAssertConnectedNetwork } = useNetwork()
-  const [showActionSlider, setShowActionSlider] = useState(false)
-  const { ChatTheme: theme, Assets } = useTheme()
-  const [theirLabel, setTheirLabel] = useState(getConnectionName(connection, store.preferences.alternateContactNames))
-  const headerHeight = useHeaderHeight()
-
-  // This useEffect is for properly rendering changes to the alt contact name, useMemo did not pick them up
-  useEffect(() => {
-    setTheirLabel(getConnectionName(connection, store.preferences.alternateContactNames))
-  }, [isFocused, connection, store.preferences.alternateContactNames])
-
-  useEffect(() => {
-    assertNetworkConnected()
-  }, [assertNetworkConnected])
-
-  useEffect(() => {
-    navigation.setOptions({
-      title: theirLabel,
-      headerRight: () => <InfoIcon connectionId={connection?.id as string} />,
-    })
-  }, [navigation, theirLabel, connection])
-
-  // when chat is open, mark messages as seen
-  useEffect(() => {
-    basicMessages.forEach((msg) => {
-      const meta = msg.metadata.get(BasicMessageMetadata.customMetadata) as basicMessageCustomMetadata
-      if (agent && !meta?.seen) {
-        msg.metadata.set(BasicMessageMetadata.customMetadata, { ...meta, seen: true })
-        const basicMessageRepository = agent.context.dependencyManager.resolve(BasicMessageRepository)
-        basicMessageRepository.update(agent.context, msg)
-      }
-    })
-  }, [basicMessages, agent])
-
-  const onSend = useCallback(
-    async (messages: IMessage[]) => {
-      await agent?.basicMessages.sendMessage(connectionId, messages[0].text)
-    },
-    [agent, connectionId]
-  )
-
-  const onSendRequest = useCallback(async () => {
-    navigation.navigate(Stacks.ProofRequestsStack as any, {
-      screen: Screens.ProofRequests,
-      params: { connectionId },
-    })
-  }, [navigation, connectionId])
-
-  const actions = useMemo(() => {
-    return store.preferences.useVerifierCapability
-      ? [
-          {
-            text: t('Verifier.SendProofRequest'),
-            onPress: () => {
-              setShowActionSlider(false)
-              onSendRequest()
-            },
-            icon: () => <Assets.svg.iconInfoSentDark height={30} width={30} />,
-          },
-        ]
-      : undefined
-  }, [store.preferences.useVerifierCapability, t, onSendRequest, Assets])
-
-  const onDismiss = useCallback(() => {
-    setShowActionSlider(false)
-  }, [])
-
-  return (
-    <SafeAreaView edges={['bottom', 'left', 'right']} style={{ flex: 1, paddingTop: 20 }}>
-      <KeyboardAvoidingView
-        style={{ flex: 1 }}
-        behavior={Platform.OS === 'ios' ? undefined : 'padding'}
-        keyboardVerticalOffset={headerHeight}
-      >
-        <GiftedChat
-          keyboardShouldPersistTaps={'handled'}
-          messages={chatMessages}
-          showAvatarForEveryMessage={true}
-          alignTop
-          renderAvatar={() => null}
-          messageIdGenerator={(msg) => msg?._id.toString() || '0'}
-          renderMessage={(props) => <ChatMessage messageProps={props} />}
-          renderInputToolbar={(props) => renderInputToolbar(props, theme)}
-          renderSend={(props) => renderSend(props, theme)}
-          renderComposer={(props) => renderComposer(props, theme, t('Contacts.TypeHere'))}
-          disableComposer={!silentAssertConnectedNetwork()}
-          onSend={onSend}
-          user={{
-            _id: Role.me,
-          }}
-          renderActions={(props) => renderActions(props, theme, actions)}
-          onPressActionButton={actions ? () => setShowActionSlider(true) : undefined}
-        />
-        {showActionSlider && <ActionSlider onDismiss={onDismiss} actions={actions} />}
-      </KeyboardAvoidingView>
-    </SafeAreaView>
-  )
-}
-
-export default Chat

package/src/screens/ConfigureMediator.tsx

@@ -1,160 +0,0 @@
-import { FlatList, StyleSheet, View, Pressable } 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/MaterialCommunityIcons'
-import { useStore } from '../contexts/store'
-import { DispatchAction } from '../contexts/reducers/store'
-import { useTheme } from '../contexts/theme'
-import { ThemedText } from '../components/texts/ThemedText'
-import { testIdWithKey } from '../utils/testable'
-import { useEffect, useState } from 'react'
-import { LockoutReason, useAuth } from '../contexts/auth'
-import { useAgent } from '@credo-ts/react-hooks'
-import { MediationRecipientService } from '@credo-ts/core'
-import DismissiblePopupModal from '../components/modals/DismissiblePopupModal'
-import { useTranslation } from 'react-i18next'
-import { StackScreenProps } from '@react-navigation/stack'
-import { Screens, SettingStackParams } from '../types/navigators'
-import { setMediationToDefault } from '../utils/mediatorhelpers'
-
-type MediatorItem = {
-  id: string
-  label: string
-  testID: string
-}
-type ConfigureMediatorProps = StackScreenProps<SettingStackParams, Screens.ConfigureMediator>
-
-const ConfigureMediator = ({ route }: ConfigureMediatorProps) => {
-  const [store, dispatch] = useStore()
-  const { agent } = useAgent()
-  const { ColorPalette, SettingsTheme } = useTheme()
-  const { t } = useTranslation()
-  const { lockOutUser } = useAuth()
-  const supportedMediators = store.preferences.availableMediators
-  const scannedMediatorUri = route.params?.scannedMediatorUri
-  const [isModalVisible, setIsModalVisible] = useState(false)
-  const [pendingMediatorId, setPendingMediatorId] = useState<string | null>(null)
-
-  useEffect(() => {
-    if (scannedMediatorUri && !store.preferences.availableMediators.includes(scannedMediatorUri)) {
-      dispatch({
-        type: DispatchAction.ADD_AVAILABLE_MEDIATOR,
-        payload: [scannedMediatorUri],
-      })
-    }
-  }, [scannedMediatorUri, dispatch, store.preferences.availableMediators])
-  const mediators: MediatorItem[] = supportedMediators.map((mediator) => ({
-    id: mediator,
-    label: String(mediator),
-    testID: testIdWithKey(mediator),
-  }))
-  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,
-    },
-    checkboxContainer: {
-      justifyContent: 'center',
-    },
-  })
-
-  const confirmMediatorChange = async () => {
-    if (!pendingMediatorId || !agent) return
-
-    await agent.dependencyManager.resolve(MediationRecipientService).clearDefaultMediator(agent.context)
-    agent.config.logger.info(`successfully cleared default mediator`)
-    await setMediationToDefault(agent, pendingMediatorId)
-    dispatch({
-      type: DispatchAction.SET_SELECTED_MEDIATOR,
-      payload: [pendingMediatorId],
-    })
-    lockOutUser(LockoutReason.Logout)
-    setIsModalVisible(false)
-  }
-
-  const handleMediatorChange = async (mediatorId: string) => {
-    if (mediatorId === store.preferences.selectedMediator) return
-    setPendingMediatorId(mediatorId)
-    setIsModalVisible(true)
-  }
-
-  const MediatorRow = ({
-    label,
-    id,
-    testID,
-    selected,
-    onPress,
-  }: {
-    label: string
-    id: string
-    testID: string
-    selected: boolean
-    onPress: (id: string) => void
-  }) => (
-    <View style={[styles.section, styles.sectionRow]}>
-      <ThemedText variant="title">{label}</ThemedText>
-      <Pressable
-        style={styles.checkboxContainer}
-        accessibilityLabel={label}
-        accessibilityRole="radio"
-        testID={testIdWithKey(testID)}
-      >
-        <BouncyCheckbox
-          disableText
-          fillColor={ColorPalette.brand.secondaryBackground}
-          unfillColor={ColorPalette.brand.secondaryBackground}
-          size={36}
-          innerIconStyle={{ borderColor: ColorPalette.brand.primary, borderWidth: 2 }}
-          ImageComponent={() => <Icon name="circle" size={18} color={ColorPalette.brand.primary} />}
-          onPress={() => onPress(id)}
-          isChecked={selected}
-          disableBuiltInState
-        />
-      </Pressable>
-    </View>
-  )
-
-  return (
-    <SafeAreaView style={styles.container}>
-      <FlatList
-        data={mediators}
-        keyExtractor={(item) => item.id}
-        renderItem={({ item }) => (
-          <MediatorRow
-            label={item.label.split('?')[0]}
-            id={item.id}
-            testID={item.testID}
-            selected={store.preferences.selectedMediator === item.id}
-            onPress={handleMediatorChange}
-          />
-        )}
-      />
-      {isModalVisible && (
-        <DismissiblePopupModal
-          title={t('Settings.ChangeMediator')}
-          description={t('Settings.ChangeMediatorDescription')}
-          onCallToActionLabel={t('Global.Confirm')}
-          onCallToActionPressed={() => confirmMediatorChange()}
-          onDismissPressed={() => setIsModalVisible(false)}
-        />
-      )}
-    </SafeAreaView>
-  )
-}
-
-export default ConfigureMediator