@bifold/core 2.4.5 → 2.5.0

package/src/components/views/HomeHeaderView.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import { View } from 'react-native'
-
-interface HomeHeaderViewProps {
-  children?: any
-}
-
-const HomeHeaderView: React.FC<HomeHeaderViewProps> = ({ children }) => {
-  return <View>{children}</View>
-}
-
-export default HomeHeaderView

package/src/components/views/KeyboardView.tsx

@@ -1,41 +0,0 @@
-import React from 'react'
-import { KeyboardAvoidingView, ScrollView } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
-import { useTheme } from '../../contexts/theme'
-import { useHeaderHeight } from '@react-navigation/elements'
-
-const useSafeHeaderHeight = (): number => {
-  try {
-    return useHeaderHeight()
-  } catch {
-    return 100
-  }
-}
-
-const KeyboardView: React.FC<{ children: React.ReactNode; keyboardAvoiding?: boolean }> = ({
-  children,
-  keyboardAvoiding = true,
-}) => {
-  const { ColorPalette } = useTheme()
-  const headerHeight = useSafeHeaderHeight()
-  return (
-    <SafeAreaView
-      style={{ flex: 1, backgroundColor: ColorPalette.brand.primaryBackground }}
-      edges={['bottom', 'left', 'right']}
-    >
-      {keyboardAvoiding ? (
-        <KeyboardAvoidingView style={{ flex: 1 }} keyboardVerticalOffset={headerHeight} behavior="padding">
-          <ScrollView contentContainerStyle={{ flexGrow: 1 }} keyboardShouldPersistTaps={'handled'}>
-            {children}
-          </ScrollView>
-        </KeyboardAvoidingView>
-      ) : (
-        <ScrollView contentContainerStyle={{ flexGrow: 1 }} keyboardShouldPersistTaps={'handled'}>
-          {children}
-        </ScrollView>
-      )}
-    </SafeAreaView>
-  )
-}
-
-export default KeyboardView

package/src/components/views/LoadingPlaceholder.tsx

@@ -1,168 +0,0 @@
-import React, { useCallback, useEffect, useState, useRef } from 'react'
-import { View, StyleSheet, ScrollView } from 'react-native'
-
-import Button, { ButtonType } from '../buttons/Button'
-import { testIdWithKey } from '../../utils/testable'
-import { useTheme } from '../../contexts/theme'
-import { useTranslation } from 'react-i18next'
-import InfoTextBox from '../texts/InfoTextBox'
-import { InfoBoxType } from '../misc/InfoBox'
-import ProgressBar from './ProgressBar'
-import RecordLoading from '../animated/RecordLoading'
-import { SafeAreaView } from 'react-native-safe-area-context'
-import { ThemedText } from '../texts/ThemedText'
-
-export const LoadingPlaceholderWorkflowType = {
-  Connection: 'Connection',
-  ReceiveOffer: 'ReceiveOffer',
-  ProofRequested: 'ProofRequested',
-} as const
-
-type LoadingPlaceholderProps = {
-  workflowType: (typeof LoadingPlaceholderWorkflowType)[keyof typeof LoadingPlaceholderWorkflowType]
-  timeoutDurationInMs?: number
-  loadingProgressPercent?: number
-  onCancelTouched?: () => void
-  onTimeoutTriggered?: () => void
-  testID?: string
-}
-
-// TODO:(jl) Add `AccessibilityInfo.announceForAccessibility(t('Connection.TakingTooLong'))
-// when the timeout is triggered.
-
-const LoadingPlaceholder: React.FC<LoadingPlaceholderProps> = ({
-  workflowType,
-  timeoutDurationInMs = 10000,
-  loadingProgressPercent = 0,
-  onCancelTouched,
-  onTimeoutTriggered,
-  testID,
-}) => {
-  const { ListItems } = useTheme()
-  const { t } = useTranslation()
-  const timerRef = useRef<NodeJS.Timeout | null>(null)
-  const [overtime, setOvertime] = useState(false)
-  const styles = StyleSheet.create({
-    safeAreaView: {
-      flex: 1,
-    },
-    container: {
-      flex: 1,
-      marginTop: 8,
-      marginHorizontal: 20,
-    },
-    buttonContainer: {
-      marginVertical: 25,
-    },
-    link: {
-      ...ListItems.recordAttributeText,
-      ...ListItems.recordLink,
-    },
-    loadingAnimationContainer: {
-      flex: 1,
-      flexGrow: 1,
-      borderRadius: 15,
-    },
-    infoTextBoxContainer: {
-      flexShrink: 1,
-    },
-  })
-
-  useEffect(() => {
-    if (timeoutDurationInMs === 0) {
-      return
-    }
-
-    if (timerRef.current) {
-      clearTimeout(timerRef.current)
-    }
-
-    timerRef.current = setTimeout(() => {
-      setOvertime(true)
-      if (onTimeoutTriggered) {
-        onTimeoutTriggered()
-      }
-    }, timeoutDurationInMs)
-
-    return () => {
-      if (timerRef.current) {
-        clearTimeout(timerRef.current)
-      }
-    }
-  }, [timeoutDurationInMs, onTimeoutTriggered])
-
-  const textForProgressIndication = useCallback(() => {
-    switch (workflowType) {
-      case LoadingPlaceholderWorkflowType.Connection:
-        return t('LoadingPlaceholder.Connecting')
-      case LoadingPlaceholderWorkflowType.ProofRequested:
-        return t('LoadingPlaceholder.ProofRequest')
-      case LoadingPlaceholderWorkflowType.ReceiveOffer:
-        return t('LoadingPlaceholder.CredentialOffer')
-    }
-  }, [workflowType, t])
-
-  const textForWorkflowType = useCallback(() => {
-    switch (workflowType) {
-      case LoadingPlaceholderWorkflowType.ProofRequested:
-        return t('LoadingPlaceholder.YourRequest')
-      case LoadingPlaceholderWorkflowType.ReceiveOffer:
-        return t('LoadingPlaceholder.YourOffer')
-      default:
-        return t('LoadingPlaceholder.Connecting')
-    }
-  }, [workflowType, t])
-
-  return (
-    <SafeAreaView
-      style={styles.safeAreaView}
-      testID={testID ?? testIdWithKey('LoadingPlaceholder')}
-      edges={['bottom', 'left', 'right']}
-    >
-      <ScrollView>
-        {loadingProgressPercent > 0 && <ProgressBar progressPercent={loadingProgressPercent} />}
-        <View style={styles.container}>
-          <ThemedText variant="label" style={{ textAlign: 'center', fontWeight: 'normal' }}>
-            {textForProgressIndication()}
-          </ThemedText>
-          {overtime && (
-            <InfoTextBox type={InfoBoxType.Info} style={{ marginTop: 20 }}>
-              <View style={styles.infoTextBoxContainer}>
-                <ThemedText
-                  variant="title"
-                  style={{ fontWeight: 'bold', marginBottom: 10 }}
-                  testID={testIdWithKey('SlowLoadTitle')}
-                >
-                  {t('LoadingPlaceholder.SlowLoadingTitle')}
-                </ThemedText>
-                <ThemedText testID={testIdWithKey('SlowLoadBody')}>
-                  {t('LoadingPlaceholder.SlowLoadingBody')}
-                </ThemedText>
-              </View>
-            </InfoTextBox>
-          )}
-
-          <ThemedText style={{ marginTop: 25, marginBottom: 10 }}>{textForWorkflowType()}</ThemedText>
-
-          <View style={styles.loadingAnimationContainer}>
-            <RecordLoading />
-            <RecordLoading style={{ marginTop: 10 }} />
-          </View>
-          {onCancelTouched && (
-            <View style={styles.buttonContainer}>
-              <Button
-                title={t('Global.Cancel')}
-                accessibilityLabel={t('Global.Cancel')}
-                testID={testIdWithKey('Cancel')}
-                buttonType={ButtonType.Primary}
-                onPress={onCancelTouched}
-              />
-            </View>
-          )}
-        </View>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}
-
-export default LoadingPlaceholder

package/src/components/views/LoadingView.tsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { StyleSheet, useWindowDimensions } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
-
-import { useAnimatedComponents } from '../../contexts/animated-components'
-import { useTheme } from '../../contexts/theme'
-
-const LoadingView: React.FC = () => {
-  const { height } = useWindowDimensions()
-  const { LoadingTheme } = useTheme()
-  const { LoadingIndicator } = useAnimatedComponents()
-  const styles = StyleSheet.create({
-    container: {
-      minHeight: height,
-      flexDirection: 'column',
-      justifyContent: 'center',
-      alignItems: 'center',
-      backgroundColor: LoadingTheme.backgroundColor,
-    },
-  })
-
-  return (
-    <SafeAreaView style={styles.container}>
-      <LoadingIndicator />
-    </SafeAreaView>
-  )
-}
-
-export default LoadingView

package/src/components/views/ProgressBar.tsx

@@ -1,53 +0,0 @@
-import { useTheme } from '../../contexts/theme'
-import React, { useEffect, useState } from 'react'
-import { StyleSheet, View, Animated, useWindowDimensions } from 'react-native'
-
-export type ProgressBarProps = {
-  progressPercent: number
-  backgroundColor?: string
-  progressColor?: string
-}
-
-const ProgressBar: React.FC<ProgressBarProps> = ({ progressPercent }) => {
-  const { ColorPalette } = useTheme()
-  const { width: windowWidth } = useWindowDimensions()
-  const [progressBarScale] = useState(new Animated.Value(0))
-
-  useEffect(() => {
-    Animated.timing(progressBarScale, {
-      toValue: progressPercent,
-      duration: 300,
-      useNativeDriver: true, // allows for much smoother animation
-    }).start()
-  }, [progressBarScale, progressPercent])
-
-  const styles = StyleSheet.create({
-    progressBarContainer: {
-      width: '100%',
-      height: 8,
-      backgroundColor: ColorPalette.brand.primaryBackground,
-    },
-    progressBar: {
-      height: '100%',
-      width: '100%',
-      backgroundColor: ColorPalette.brand.highlight,
-    },
-  })
-  // scaleX rather than width is used for the progress bar as this allows useNativeDriver to be true
-  const scaleX = progressBarScale.interpolate({
-    inputRange: [0, 100],
-    outputRange: [0, 1],
-  })
-  const animatedBarStyle = {
-    // without these two translates, the progress would start from the center and expand outward, rather than start from the left
-    transform: [{ translateX: -(windowWidth / 2) }, { scaleX }, { translateX: windowWidth / 2 }],
-  }
-
-  return (
-    <View style={styles.progressBarContainer}>
-      <Animated.View style={[StyleSheet.absoluteFill, styles.progressBar, animatedBarStyle]} />
-    </View>
-  )
-}
-
-export default ProgressBar

package/src/components/views/PushNotificationsContent.tsx

@@ -1,51 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { StyleSheet, View } from 'react-native'
-import { useTheme } from '../../contexts/theme'
-import { ThemedText } from '../texts/ThemedText'
-
-const PushNotificationsContent: React.FC = () => {
-  const { t } = useTranslation()
-  const { TextTheme, Assets } = useTheme()
-  const list = [
-    t('PushNotifications.BulletOne'),
-    t('PushNotifications.BulletTwo'),
-    t('PushNotifications.BulletThree'),
-    t('PushNotifications.BulletFour'),
-  ]
-
-  const style = StyleSheet.create({
-    image: {
-      height: 200,
-      marginBottom: 20,
-    },
-    heading: {
-      marginBottom: 20,
-    },
-    listItem: {
-      ...TextTheme.normal,
-      flex: 1,
-      paddingLeft: 5,
-    },
-  })
-
-  return (
-    <>
-      <View style={style.image}>
-        <Assets.svg.pushNotificationImg />
-      </View>
-      <ThemedText variant="headingThree" style={style.heading}>
-        {t('PushNotifications.EnableNotifications')}
-      </ThemedText>
-      <ThemedText>{t('PushNotifications.BeNotified')}</ThemedText>
-      {list.map((item, index) => (
-        <View style={{ flexDirection: 'row', marginTop: 20 }} key={index}>
-          <ThemedText>{'\u2022'}</ThemedText>
-          <ThemedText style={style.listItem}>{item}</ThemedText>
-        </View>
-      ))}
-    </>
-  )
-}
-
-export default PushNotificationsContent

package/src/components/views/PushNotificationsDisabledContent.tsx

@@ -1,47 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { StyleSheet, View } from 'react-native'
-import { useTheme } from '../../contexts/theme'
-import { ThemedText } from '../texts/ThemedText'
-
-const PushNotificationsDisabledContent: React.FC = () => {
-  const { t } = useTranslation()
-  const { TextTheme } = useTheme()
-  const settingsInstructions = [
-    t('PushNotifications.InstructionsOne'),
-    t('PushNotifications.InstructionsTwo'),
-    t('PushNotifications.InstructionsThree'),
-  ]
-
-  const style = StyleSheet.create({
-    heading: {
-      marginBottom: 20,
-    },
-    listItem: {
-      ...TextTheme.normal,
-      flex: 1,
-      paddingLeft: 5,
-    },
-  })
-
-  return (
-    <>
-      <ThemedText variant="headingThree" style={style.heading}>
-        {t('PushNotifications.EnableNotifications')}
-      </ThemedText>
-      <ThemedText>{t('PushNotifications.NotificationsOffMessage')}</ThemedText>
-      <View>
-        <ThemedText variant="bold">{t('PushNotifications.NotificationsOffTitle')}</ThemedText>
-        <ThemedText>{t('PushNotifications.NotificationsInstructionTitle')}</ThemedText>
-        {settingsInstructions.map((item, index) => (
-          <View style={{ flexDirection: 'row', marginTop: 20 }} key={index}>
-            <ThemedText>{`${index + 1}. `}</ThemedText>
-            <ThemedText style={style.listItem}>{item}</ThemedText>
-          </View>
-        ))}
-      </View>
-    </>
-  )
-}
-
-export default PushNotificationsDisabledContent

package/src/configs/ledgers/indy/index.ts

@@ -1,8 +0,0 @@
-import { IndyVdrPoolConfig } from '@credo-ts/indy-vdr'
-
-import _ledgers from './ledgers.json'
-
-// type-check the json
-const ledgers: IndyVdrPoolConfig[] = _ledgers
-
-export default ledgers