@bifold/core 2.4.5 → 2.5.0

package/src/assets/oca-bundles.json

@@ -1,174 +0,0 @@
-{
-  "XUxBrVSALWHLeycAUhrNr9:3:CL:26293:Student Card": {
-    "capture_base": {
-      "attributes": {
-        "student_first_name": "Text",
-        "student_last_name": "Text"
-      },
-      "classification": "",
-      "digest": "xuDvIavV99IjR4ZghUZb8ohgKUVvlBzw424Fv8na7MEF",
-      "flagged_attributes": [],
-      "type": "spec/capture_base/1.0"
-    },
-    "overlays": [
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/meta/1.0",
-        "language": "en",
-        "name": "Student",
-        "credential_help_text": "http://example.com/help",
-        "credential_support_url": "http://example.com/help",
-        "description": "",
-        "issuer": "",
-        "issuer_description": "",
-        "issuer_url": "http://example.com/issue"
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/meta/1.0",
-        "language": "fr",
-        "name": "Étudiant",
-        "credential_help_text": "http://example.com/help",
-        "credential_support_url": "http://example.com/help",
-        "description": "",
-        "issuer": "",
-        "issuer_description": "",
-        "issuer_url": "http://example.com/issue"
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/label/1.0",
-        "language": "en",
-        "attribute_labels": {
-          "student_first_name": "First Name",
-          "student_last_name": "Last Name"
-        }
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/label/1.0",
-        "language": "fr",
-        "attribute_labels": {
-          "student_last_name": "nom de famille"
-        }
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "aries/overlays/branding/0.1",
-        "language": "en",
-        "background_color": "#FFFFFF",
-        "header": {
-          "color": "#FFFFFF"
-        },
-        "footer": {
-          "color": "#FFFFFF"
-        }
-      }
-    ]
-  },
-  "XUxBrVSALWHLeycAUhrNr9:2:student_card:1.0": {
-    "capture_base": {
-      "attributes": {
-        "student_first_name": "Text",
-        "student_last_name": "Text"
-      },
-      "classification": "",
-      "digest": "xuDvIavV99IjR4ZghUZb8ohgKUVvlBzw424Fv8na7MEF",
-      "flagged_attributes": [],
-      "type": "spec/capture_base/1.0"
-    },
-    "overlays": [
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/meta/1.0",
-        "language": "en",
-        "name": "Student",
-        "credential_help_text": "http://example.com/help",
-        "credential_support_url": "http://example.com/help",
-        "description": "",
-        "issuer": "",
-        "issuer_description": "",
-        "issuer_url": "http://example.com/issue"
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/meta/1.0",
-        "language": "fr",
-        "name": "Étudiant",
-        "credential_help_text": "http://example.com/help",
-        "credential_support_url": "http://example.com/help",
-        "description": "",
-        "issuer": "",
-        "issuer_description": "",
-        "issuer_url": "http://example.com/issue"
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/label/1.0",
-        "language": "en",
-        "attribute_labels": {
-          "student_first_name": "First Name",
-          "student_last_name": "Last Name"
-        }
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/label/1.0",
-        "language": "fr",
-        "attribute_labels": {
-          "student_last_name": "nom de famille"
-        }
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "aries/overlays/branding/0.1",
-        "language": "en",
-        "background_color": "#FFFFFF",
-        "header": {
-          "color": "#FFFFFF"
-        },
-        "footer": {
-          "color": "#FFFFFF"
-        }
-      }
-    ]
-  },
-  "Aries:5:StudentFullName:0.0.1:indy": {
-    "capture_base": {
-      "attributes": {
-        "student_first_name": "Text",
-        "student_last_name": "Text"
-      },
-      "classification": "",
-      "digest": "xuDvIavV99IjR4ZghUZb8ohgKUVvlBzw424Fv8na7MEF",
-      "flagged_attributes": [],
-      "type": "spec/capture_base/1.0"
-    },
-    "overlays": [
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/meta/1.0",
-        "language": "en",
-        "name": "Student full name",
-        "description": "Verify the full name of a student",
-        "credential_help_text": "",
-        "credential_support_url": "",
-        "issuer": "",
-        "issuer_description": "",
-        "issuer_url": ""
-      },
-      {
-        "capture_base": "EfeQBz5tyC0gett-ETgkg4pkxBwwuQoeYsT-9Nt0cNsc",
-        "type": "spec/overlays/meta/1.0",
-        "language": "fr",
-        "name": "Nom complet de l'étudiant",
-        "description": "Vérifier le nom complet d'un étudiant",
-        "credential_help_text": "",
-        "credential_support_url": "",
-        "issuer": "",
-        "issuer_description": "",
-        "issuer_url": ""
-      }
-    ]
-  }
-}

package/src/components/animated/ButtonLoading.tsx

@@ -1,32 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { Animated } from 'react-native'
-import Icon from 'react-native-vector-icons/MaterialIcons'
-
-import { useTheme } from '../../contexts/theme'
-
-const timing: Animated.TimingAnimationConfig = {
-  toValue: 1,
-  duration: 2000,
-  useNativeDriver: true,
-}
-
-const ButtonLoading: React.FC = () => {
-  const { ColorPalette } = useTheme()
-  const rotationAnim = useRef(new Animated.Value(0))
-  const rotation = rotationAnim.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  })
-
-  useEffect(() => {
-    Animated.loop(Animated.timing(rotationAnim.current, timing)).start()
-  }, [])
-
-  return (
-    <Animated.View style={{ transform: [{ rotate: rotation }] }}>
-      <Icon style={{ color: ColorPalette.brand.icon }} size={25} name="refresh" />
-    </Animated.View>
-  )
-}
-
-export default ButtonLoading

package/src/components/animated/ConnectionLoading.tsx

@@ -1,53 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { View, StyleSheet, Animated } from 'react-native'
-
-import { useTheme } from '../../contexts/theme'
-
-const timing: Animated.TimingAnimationConfig = {
-  toValue: 1,
-  duration: 2000,
-  useNativeDriver: true,
-}
-
-const ConnectionLoading: React.FC = () => {
-  const { ColorPalette, Assets } = useTheme()
-  const rotationAnim = useRef(new Animated.Value(0))
-  const rotation = rotationAnim.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  })
-  const style = StyleSheet.create({
-    container: {
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
-    animation: {
-      position: 'absolute',
-    },
-  })
-  const credentialInHandDisplayOptions = {
-    fill: ColorPalette.notification.infoText,
-    height: 130,
-    width: 130,
-  }
-  const animatedCircleDisplayOptions = {
-    fill: ColorPalette.notification.infoText,
-    height: 250,
-    width: 250,
-  }
-
-  useEffect(() => {
-    Animated.loop(Animated.timing(rotationAnim.current, timing)).start()
-  }, [])
-
-  return (
-    <View style={style.container}>
-      <Assets.svg.wallet style={style.animation} {...credentialInHandDisplayOptions} />
-      <Animated.View style={{ transform: [{ rotate: rotation }] }}>
-        <Assets.svg.activityIndicator {...animatedCircleDisplayOptions} />
-      </Animated.View>
-    </View>
-  )
-}
-
-export default ConnectionLoading

package/src/components/animated/CredentialAdded.tsx

@@ -1,72 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { View, StyleSheet, Animated } from 'react-native'
-
-import { useTheme } from '../../contexts/theme'
-
-const slideTiming: Animated.TimingAnimationConfig = {
-  toValue: -15,
-  duration: 1200,
-  useNativeDriver: true,
-}
-const fadeTiming: Animated.TimingAnimationConfig = {
-  toValue: 1,
-  duration: 600,
-  useNativeDriver: true,
-}
-const animationDelay = 300
-
-const CredentialAdded: React.FC = () => {
-  const { Assets } = useTheme()
-  const cardFadeAnim = useRef(new Animated.Value(0))
-  const checkFadeAnim = useRef(new Animated.Value(0))
-  const tranAnim = useRef(new Animated.Value(-90))
-  const style = StyleSheet.create({
-    container: {
-      flexDirection: 'column',
-    },
-    back: {
-      backgroundColor: 'transparent',
-      position: 'absolute',
-      marginTop: -30,
-    },
-    front: {
-      backgroundColor: 'transparent',
-    },
-    card: {
-      backgroundColor: 'transparent',
-      position: 'absolute',
-      marginLeft: 10,
-    },
-    check: {
-      alignItems: 'center',
-      marginBottom: 10,
-    },
-  })
-
-  useEffect(() => {
-    setTimeout(() => {
-      Animated.sequence([
-        Animated.timing(cardFadeAnim.current, fadeTiming),
-        Animated.timing(tranAnim.current, slideTiming),
-        Animated.timing(checkFadeAnim.current, fadeTiming),
-      ]).start()
-    }, animationDelay)
-  }, [])
-
-  return (
-    <View style={style.container}>
-      <Animated.View style={[{ opacity: checkFadeAnim.current }, style.check]}>
-        <Assets.svg.checkInCircle {...{ height: 45, width: 45 }} />
-      </Animated.View>
-      <View>
-        <Assets.svg.walletBack style={style.back} {...{ height: 110, width: 110 }} />
-        <Animated.View style={{ opacity: cardFadeAnim.current, transform: [{ translateY: tranAnim.current }] }}>
-          <Assets.svg.credentialCard style={style.card} {...{ height: 110, width: 110 }} />
-        </Animated.View>
-        <Assets.svg.walletFront style={style.front} {...{ height: 140, width: 140 }} />
-      </View>
-    </View>
-  )
-}
-
-export default CredentialAdded

package/src/components/animated/CredentialPending.tsx

@@ -1,63 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { View, StyleSheet, Animated } from 'react-native'
-
-import { useTheme } from '../../contexts/theme'
-
-const slideTiming: Animated.TimingAnimationConfig = {
-  toValue: -15,
-  duration: 1400,
-  useNativeDriver: true,
-}
-const fadeTiming: Animated.TimingAnimationConfig = {
-  toValue: 1,
-  duration: 400,
-  useNativeDriver: true,
-}
-const animationDelay = 300
-
-const CredentialPending: React.FC = () => {
-  const { Assets } = useTheme()
-  const fadeAnim = useRef(new Animated.Value(0))
-  const tranAnim = useRef(new Animated.Value(-90))
-  const style = StyleSheet.create({
-    container: {
-      flexDirection: 'column',
-    },
-    back: {
-      backgroundColor: 'transparent',
-      position: 'absolute',
-      marginTop: -30,
-    },
-    front: {
-      backgroundColor: 'transparent',
-    },
-    card: {
-      backgroundColor: 'transparent',
-      position: 'absolute',
-      marginLeft: 10,
-    },
-  })
-
-  useEffect(() => {
-    setTimeout(() => {
-      Animated.loop(
-        Animated.sequence([
-          Animated.timing(fadeAnim.current, fadeTiming),
-          Animated.timing(tranAnim.current, slideTiming),
-        ])
-      ).start()
-    }, animationDelay)
-  }, [])
-
-  return (
-    <View style={style.container}>
-      <Assets.svg.walletBack style={style.back} {...{ height: 110, width: 110 }} />
-      <Animated.View style={{ opacity: fadeAnim.current, transform: [{ translateY: tranAnim.current }] }}>
-        <Assets.svg.credentialCard style={style.card} {...{ height: 110, width: 110 }} />
-      </Animated.View>
-      <Assets.svg.walletFront style={style.front} {...{ height: 140, width: 140 }} />
-    </View>
-  )
-}
-
-export default CredentialPending

package/src/components/animated/LoadingIndicator.tsx

@@ -1,49 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { View, StyleSheet, Animated, Image } from 'react-native'
-
-import { useTheme } from '../../contexts/theme'
-import { testIdWithKey } from '../../utils/testable'
-
-const timing: Animated.TimingAnimationConfig = {
-  toValue: 1,
-  duration: 2000,
-  useNativeDriver: true,
-}
-
-const LoadingIndicator: React.FC = () => {
-  const { ColorPalette, Assets } = useTheme()
-  const rotationAnim = useRef(new Animated.Value(0))
-  const rotation = rotationAnim.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  })
-  const style = StyleSheet.create({
-    animation: {
-      position: 'absolute',
-    },
-  })
-  const imageDisplayOptions = {
-    fill: ColorPalette.notification.infoText,
-    height: 200,
-    width: 200,
-  }
-
-  useEffect(() => {
-    Animated.loop(Animated.timing(rotationAnim.current, timing)).start()
-  }, [])
-
-  return (
-    <View style={{ alignItems: 'center', justifyContent: 'center' }} testID={testIdWithKey('LoadingActivityIndicator')}>
-      <Image
-        source={Assets.img.logoSecondary.src}
-        style={{ width: Assets.img.logoSecondary.width, height: Assets.img.logoSecondary.height, objectFit: 'contain' }}
-        testID={testIdWithKey('LoadingActivityIndicatorImage')}
-      />
-      <Animated.View style={[style.animation, { transform: [{ rotate: rotation }] }]}>
-        <Assets.svg.activityIndicator {...imageDisplayOptions} />
-      </Animated.View>
-    </View>
-  )
-}
-
-export default LoadingIndicator

package/src/components/animated/PresentationLoading.tsx

@@ -1,52 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { View, StyleSheet, Animated } from 'react-native'
-
-import { useTheme } from '../../contexts/theme'
-
-const timing: Animated.TimingAnimationConfig = {
-  toValue: 1,
-  duration: 2000,
-  useNativeDriver: true,
-}
-
-const PresentationLoading: React.FC = () => {
-  const { ColorPalette, Assets } = useTheme()
-  const rotationAnim = useRef(new Animated.Value(0))
-  const rotation = rotationAnim.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  })
-  const style = StyleSheet.create({
-    container: {
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
-    animation: {
-      position: 'absolute',
-      zIndex: 1,
-    },
-  })
-  const displayOptions = {
-    fill: ColorPalette.notification.infoText,
-  }
-  const animatedCircleDisplayOptions = {
-    fill: ColorPalette.notification.infoText,
-    height: 250,
-    width: 250,
-  }
-
-  useEffect(() => {
-    Animated.loop(Animated.timing(rotationAnim.current, timing)).start()
-  }, [])
-
-  return (
-    <View style={style.container}>
-      <Assets.svg.chatLoading style={style.animation} {...displayOptions} />
-      <Animated.View style={{ transform: [{ rotate: rotation }] }}>
-        <Assets.svg.activityIndicator {...animatedCircleDisplayOptions} />
-      </Animated.View>
-    </View>
-  )
-}
-
-export default PresentationLoading

package/src/components/animated/RecordLoading.tsx

@@ -1,75 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { StyleProp, ViewStyle, View, StyleSheet, Animated, useWindowDimensions } from 'react-native'
-
-import { useTheme } from '../../contexts/theme'
-import { testIdWithKey } from '../../utils/testable'
-
-type RecordLoadingProps = {
-  style?: StyleProp<ViewStyle>
-}
-
-const fadeTiming: Animated.TimingAnimationConfig = {
-  toValue: 0.4,
-  duration: 1100,
-  useNativeDriver: true,
-}
-
-const borderRadius = 10
-
-const RecordLoading: React.FC<RecordLoadingProps> = ({ style }) => {
-  const { width } = useWindowDimensions()
-  const padding = width * 0.05
-  const logoHeight = width * 0.12
-  const { ColorPalette } = useTheme()
-  const rowFadeAnim = useRef(new Animated.Value(1))
-  const myStyle = StyleSheet.create({
-    container: {
-      flexDirection: 'column',
-    },
-    rectangle: {
-      backgroundColor: ColorPalette.grayscale.lightGrey,
-      height: 30,
-      marginVertical: 5,
-      borderRadius,
-    },
-    margin: {
-      backgroundColor: ColorPalette.grayscale.lightGrey,
-      width: 40,
-      borderTopLeftRadius: borderRadius,
-      borderBottomLeftRadius: borderRadius,
-    },
-    logo: {
-      marginLeft: -1 * logoHeight + padding,
-      marginTop: padding,
-      backgroundColor: ColorPalette.grayscale.lightGrey,
-      height: logoHeight,
-      width: logoHeight,
-      borderRadius,
-    },
-  })
-
-  useEffect(() => {
-    Animated.loop(Animated.timing(rowFadeAnim.current, fadeTiming)).start()
-  }, [])
-
-  return (
-    <Animated.View
-      style={[{ opacity: rowFadeAnim.current, backgroundColor: ColorPalette.grayscale.white, borderRadius: 15 }, style]}
-    >
-      <View style={myStyle.container} testID={testIdWithKey('RecordLoading')}>
-        <View style={{ flexDirection: 'row' }}>
-          <View style={myStyle.margin} />
-          <View style={myStyle.logo} />
-          <View style={{ flexGrow: 1, marginLeft: 15, marginTop: 15, marginBottom: 15 }}>
-            <View style={[myStyle.rectangle, { width: '100%', height: 20 }]} />
-            <View style={[myStyle.rectangle, { width: '75%', height: 25 }]} />
-            <View style={[myStyle.rectangle, { width: '35%', height: 20, marginTop: 20 }]} />
-            <View style={[myStyle.rectangle, { width: '90%', height: 25 }]} />
-          </View>
-        </View>
-      </View>
-    </Animated.View>
-  )
-}
-
-export default RecordLoading

package/src/components/animated/SendingProof.tsx

@@ -1,53 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { View, StyleSheet, Animated } from 'react-native'
-
-import { useTheme } from '../../contexts/theme'
-
-const timing: Animated.TimingAnimationConfig = {
-  toValue: 1,
-  duration: 2000,
-  useNativeDriver: true,
-}
-
-const SendingProof: React.FC = () => {
-  const { ColorPalette, Assets } = useTheme()
-  const rotationAnim = useRef(new Animated.Value(0))
-  const rotation = rotationAnim.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  })
-  const style = StyleSheet.create({
-    container: {
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
-    animation: {
-      position: 'absolute',
-    },
-  })
-  const credentialInHandDisplayOptions = {
-    fill: ColorPalette.notification.infoText,
-    height: 130,
-    width: 130,
-  }
-  const animatedCircleDisplayOptions = {
-    fill: ColorPalette.notification.infoText,
-    height: 250,
-    width: 250,
-  }
-
-  useEffect(() => {
-    Animated.loop(Animated.timing(rotationAnim.current, timing)).start()
-  }, [])
-
-  return (
-    <View style={style.container}>
-      <Assets.svg.credentialInHand style={style.animation} {...credentialInHandDisplayOptions} />
-      <Animated.View style={{ transform: [{ rotate: rotation }] }}>
-        <Assets.svg.activityIndicator {...animatedCircleDisplayOptions} />
-      </Animated.View>
-    </View>
-  )
-}
-
-export default SendingProof