@bifold/core 2.4.6 → 2.6.0

package/src/components/misc/QRScanner.tsx

@@ -1,395 +0,0 @@
-import { DidExchangeState } from '@credo-ts/core'
-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 { View, Pressable, StyleSheet, useWindowDimensions, Share, ScrollView, ColorValue } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
-
-import { hitSlop } from '../../constants'
-import { useStore } from '../../contexts/store'
-import { useTheme } from '../../contexts/theme'
-import { useConnectionByOutOfBandId } from '../../hooks/connections'
-import { QrCodeScanError } from '../../types/error'
-import { ConnectStackParams, Screens, Stacks } from '../../types/navigators'
-import { createConnectionInvitation } from '../../utils/helpers'
-import { testIdWithKey } from '../../utils/testable'
-import LoadingIndicator from '../animated/LoadingIndicator'
-import IconButton, { ButtonLocation } from '../buttons/IconButton'
-import InfoBox, { InfoBoxType } from './InfoBox'
-import DismissiblePopupModal from '../modals/DismissiblePopupModal'
-import SafeAreaModal from '../modals/SafeAreaModal'
-
-import QRRenderer from './QRRenderer'
-import QRScannerTorch from './QRScannerTorch'
-import ScanCamera from './ScanCamera'
-import { TOKENS, useServices } from '../../container-api'
-import { ThemedText } from '../texts/ThemedText'
-import ScanTab from './ScanTab'
-
-type ConnectProps = StackScreenProps<ConnectStackParams>
-interface Props extends ConnectProps {
-  showTabs?: boolean
-  defaultToConnect: boolean
-  handleCodeScan: (value: string) => Promise<void>
-  error?: QrCodeScanError | null
-  enableCameraOnError?: boolean
-}
-
-const overlayTint: ColorValue = 'rgba(0, 0, 0, 0.4)'
-
-const QRScanner: React.FC<Props> = ({
-  showTabs = false,
-  defaultToConnect,
-  handleCodeScan,
-  error,
-  enableCameraOnError,
-  navigation,
-}) => {
-  const { agent } = useAgent()
-  const { width } = useWindowDimensions()
-  const { t } = useTranslation()
-  const { ColorPalette, TextTheme, TabTheme } = useTheme()
-  const [store] = useStore()
-  const [{ showScanHelp, showScanButton, showScanErrorButton = true }] = useServices([TOKENS.CONFIG])
-  const [firstTabActive, setFirstTabActive] = useState(!defaultToConnect)
-  const [invitation, setInvitation] = useState<string | undefined>(undefined)
-  const [recordId, setRecordId] = useState<string | undefined>(undefined)
-  const record = useConnectionByOutOfBandId(recordId || '')
-  const [torchActive, setTorchActive] = useState(false)
-  const [showInfoBox, setShowInfoBox] = useState(false)
-  const [showErrorDetailsModal, setShowErrorDetailsModal] = useState(false)
-
-  const qrSize = width - 40
-
-  const styles = StyleSheet.create({
-    container: {
-      flex: 1,
-    },
-    mainSafeArea: {
-      flex: 1,
-      backgroundColor: ColorPalette.brand.secondaryBackground,
-    },
-    bottomSafeArea: {
-      flex: 0,
-      backgroundColor: TabTheme.tabBarSecondaryBackgroundColor,
-    },
-    cameraViewContainer: {
-      flex: 1,
-      justifyContent: 'space-between',
-    },
-    overlayContainer: {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-    },
-    overlayTop: {
-      flex: 2,
-      backgroundColor: overlayTint,
-    },
-    overlayCenterRow: {
-      flexDirection: 'row',
-      height: qrSize,
-    },
-    overlayLeft: {
-      flex: 1,
-      backgroundColor: overlayTint,
-    },
-    overlayOpening: {
-      width: qrSize,
-      borderColor: 'rgba(255, 255, 255, 0.6)',
-      borderWidth: 1,
-    },
-    overlayRight: {
-      flex: 1,
-      backgroundColor: overlayTint,
-    },
-    overlayBottom: {
-      flex: 3,
-      backgroundColor: overlayTint,
-    },
-    messageContainer: {
-      marginHorizontal: 40,
-      flexDirection: 'row',
-      alignItems: 'center',
-      alignSelf: 'center',
-      paddingTop: 30,
-    },
-    // no properties needed, this is just a helpful label
-    bottomButtonsContainer: {},
-    icon: {
-      color: ColorPalette.grayscale.white,
-      padding: 4,
-    },
-    textStyle: {
-      color: 'white',
-      marginHorizontal: 10,
-      textAlign: 'center',
-    },
-    // all styles below are only used when tabs are enabled
-    tabContainer: {
-      flexDirection: 'row',
-      ...TabTheme.tabBarStyle,
-    },
-    qrContainer: {
-      marginTop: 10,
-      flex: 1,
-    },
-    walletName: {
-      textAlign: 'center',
-    },
-    secondaryText: {
-      marginTop: 20,
-      textAlign: 'center',
-    },
-  })
-
-  const createInvitation = useCallback(async () => {
-    setInvitation(undefined)
-    const result = await createConnectionInvitation(agent)
-    if (result) {
-      setRecordId(result.record.id)
-      setInvitation(result.invitationUrl)
-    }
-  }, [agent])
-
-  const handleEdit = useCallback(() => {
-    navigation.navigate(Screens.RenameWallet)
-  }, [navigation])
-
-  useEffect(() => {
-    // Effect not required if tabs are not enabled
-    if (!showTabs) return
-
-    let headerRight = invitation ? (
-      <IconButton
-        buttonLocation={ButtonLocation.Right}
-        accessibilityLabel={t('Global.Share')}
-        testID={testIdWithKey('ShareButton')}
-        onPress={() => {
-          Share.share({ message: invitation ?? '' })
-        }}
-        icon="share-variant"
-      />
-    ) : undefined
-    let title = t('Scan.MyQRCode')
-
-    if (firstTabActive) {
-      headerRight = (
-        <IconButton
-          buttonLocation={ButtonLocation.Right}
-          accessibilityLabel={t('Global.Share')}
-          testID={testIdWithKey('ShareButton')}
-          onPress={() => {
-            navigation.navigate(Screens.PasteUrl)
-          }}
-          icon="link"
-        />
-      )
-      title = t('Scan.ScanQRCode')
-    }
-
-    if (!store.preferences.enableShareableLink) {
-      headerRight = undefined
-    }
-
-    navigation.setOptions({ title, headerRight: () => headerRight })
-  }, [showTabs, invitation, t, firstTabActive, navigation, store.preferences.enableShareableLink])
-
-  useEffect(() => {
-    // Effect not required if tabs are not enabled
-    if (showTabs && !firstTabActive) {
-      createInvitation()
-    }
-  }, [showTabs, firstTabActive, createInvitation, store.preferences.walletName])
-
-  useEffect(() => {
-    // Effect not required if tabs are not enabled
-    if (showTabs && record?.state === DidExchangeState.Completed) {
-      navigation.getParent()?.navigate(Stacks.ConnectionStack, {
-        screen: Screens.Connection,
-        params: { oobRecordId: recordId },
-      })
-    }
-  }, [showTabs, record, navigation, recordId])
-
-  const styleForState = ({ pressed }: { pressed: boolean }) => [{ opacity: pressed ? 0.2 : 1 }]
-
-  const toggleShowInfoBox = () => setShowInfoBox(!showInfoBox)
-
-  return (
-    <View style={styles.container}>
-      <SafeAreaView edges={['left', 'right']} style={styles.mainSafeArea}>
-        {/* Decide to show camera content or connection invitation content */}
-        {!showTabs || firstTabActive ? (
-          <>
-            <ScanCamera
-              handleCodeScan={handleCodeScan}
-              error={error}
-              enableCameraOnError={enableCameraOnError}
-              torchActive={torchActive}
-            />
-            <View style={styles.cameraViewContainer}>
-              <View style={styles.overlayContainer}>
-                <View style={styles.overlayTop} />
-                <View style={styles.overlayCenterRow}>
-                  <View style={styles.overlayLeft} />
-                  <View style={styles.overlayOpening} />
-                  <View style={styles.overlayRight} />
-                </View>
-                <View style={styles.overlayBottom} />
-              </View>
-              <View style={styles.messageContainer}>
-                {error ? (
-                  <>
-                    <Icon style={styles.icon} name="cancel" size={40} />
-                    <ThemedText testID={testIdWithKey('ErrorMessage')} style={styles.textStyle}>
-                      {error.message}
-                    </ThemedText>
-                    {showScanErrorButton && (
-                      <Pressable
-                        onPress={() => setShowErrorDetailsModal(true)}
-                        accessibilityLabel={t('Scan.ShowDetails')}
-                        accessibilityRole={'button'}
-                        testID={testIdWithKey('ShowDetails')}
-                        hitSlop={hitSlop}
-                      >
-                        <Icon name="information-outline" size={40} style={styles.icon} />
-                      </Pressable>
-                    )}
-                  </>
-                ) : (
-                  <>
-                    <Icon name="qrcode-scan" size={40} style={styles.icon} />
-                    <ThemedText variant="title" style={styles.textStyle}>
-                      {t('Scan.WillScanAutomatically')}
-                    </ThemedText>
-                  </>
-                )}
-              </View>
-              <View style={styles.bottomButtonsContainer}>
-                {showScanButton && (
-                  <View style={{ justifyContent: 'center', alignItems: 'center' }}>
-                    <Pressable
-                      accessibilityLabel={t('Scan.ScanNow')}
-                      accessibilityRole={'button'}
-                      testID={testIdWithKey('ScanNow')}
-                      onPress={toggleShowInfoBox}
-                      style={styleForState}
-                      hitSlop={hitSlop}
-                    >
-                      <Icon name="circle-outline" size={60} style={{ color: 'white', marginBottom: -15 }} />
-                    </Pressable>
-                  </View>
-                )}
-
-                <View style={{ marginHorizontal: 24, height: 24, marginBottom: 60, flexDirection: 'row' }}>
-                  {showScanHelp && (
-                    <Pressable
-                      accessibilityLabel={t('Scan.ScanHelp')}
-                      accessibilityRole={'button'}
-                      testID={testIdWithKey('ScanHelp')}
-                      onPress={() => navigation.navigate(Screens.ScanHelp)}
-                      style={styleForState}
-                      hitSlop={hitSlop}
-                    >
-                      <Icon name="help-circle" size={24} style={{ color: 'white' }} />
-                    </Pressable>
-                  )}
-
-                  <View style={{ width: 10, marginLeft: 'auto' }} />
-                  <QRScannerTorch active={torchActive} onPress={() => setTorchActive(!torchActive)} />
-                </View>
-              </View>
-            </View>
-            <SafeAreaModal visible={showInfoBox} animationType="fade" transparent>
-              <View
-                style={{
-                  flex: 1,
-                  paddingHorizontal: 10,
-                  justifyContent: 'center',
-                  alignItems: 'center',
-                  backgroundColor: 'rgba(0,0,0,0.6)',
-                }}
-              >
-                <InfoBox
-                  notificationType={InfoBoxType.Info}
-                  title={t('Scan.BadQRCode')}
-                  description={t('Scan.BadQRCodeDescription')}
-                  onCallToActionPressed={toggleShowInfoBox}
-                />
-              </View>
-            </SafeAreaModal>
-            {showErrorDetailsModal && (
-              <DismissiblePopupModal
-                title={t('Scan.ErrorDetails')}
-                description={error?.details || t('Scan.NoDetails')}
-                onCallToActionLabel={t('Global.Dismiss')}
-                onCallToActionPressed={() => setShowErrorDetailsModal(false)}
-                onDismissPressed={() => setShowErrorDetailsModal(false)}
-              />
-            )}
-          </>
-        ) : (
-          <ScrollView>
-            <View style={{ alignItems: 'center' }}>
-              <View style={styles.qrContainer}>
-                {!invitation && <LoadingIndicator />}
-                {invitation && <QRRenderer value={invitation} size={qrSize} />}
-              </View>
-              <View style={{ paddingHorizontal: 20, flex: 1 }}>
-                <View
-                  style={{
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                  }}
-                >
-                  <ThemedText
-                    variant="headingTwo"
-                    testID={testIdWithKey('WalletName')}
-                    style={[styles.walletName, { paddingHorizontal: 20 }]}
-                  >
-                    {store.preferences.walletName}
-                  </ThemedText>
-                  <IconButton
-                    buttonLocation={ButtonLocation.Right}
-                    accessibilityLabel={t('NameWallet.EditWalletName')}
-                    testID={testIdWithKey('EditWalletName')}
-                    onPress={handleEdit}
-                    icon={'pencil'}
-                    iconTintColor={TextTheme.headingTwo.color}
-                  />
-                </View>
-                <ThemedText style={styles.secondaryText}>{t('Connection.ShareQR')}</ThemedText>
-              </View>
-            </View>
-          </ScrollView>
-        )}
-        {showTabs ? (
-          <View accessible={true} style={styles.tabContainer} accessibilityRole="tablist">
-            <ScanTab
-              title={t('Scan.ScanQRCode')}
-              iconName={'crop-free'}
-              onPress={() => setFirstTabActive(true)}
-              active={firstTabActive}
-            />
-            <ScanTab
-              title={t('Scan.MyQRCode')}
-              iconName={'qr-code'}
-              onPress={() => setFirstTabActive(false)}
-              active={!firstTabActive}
-            />
-          </View>
-        ) : null}
-      </SafeAreaView>
-      {showTabs ? <SafeAreaView edges={['bottom']} style={styles.bottomSafeArea} /> : null}
-    </View>
-  )
-}
-
-export default QRScanner

package/src/components/misc/QRScannerTorch.tsx

@@ -1,74 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { TouchableOpacity, StyleSheet } from 'react-native'
-import Icon from 'react-native-vector-icons/MaterialIcons'
-
-import { hitSlop } from '../../constants'
-import { useTheme } from '../../contexts/theme'
-import { ITheme } from '../../theme'
-import { testIdWithKey } from '../../utils/testable'
-
-interface Props extends React.PropsWithChildren {
-  active: boolean
-  onPress?: () => void
-}
-
-function createStyles({ ColorPalette }: ITheme) {
-  return StyleSheet.create({
-    container: {
-      width: 24,
-      height: 24,
-      justifyContent: 'center',
-      alignItems: 'center',
-      borderWidth: 1,
-      borderColor: ColorPalette.grayscale.white,
-      borderRadius: 24,
-      marginBottom: 50,
-    },
-    icon: {
-      alignItems: 'center',
-    },
-  })
-}
-const TorchButton: React.FC<Props> = ({ active, onPress, children }) => {
-  const { t } = useTranslation()
-  const theme = useTheme()
-  const styles = createStyles(theme)
-
-  return (
-    <TouchableOpacity
-      accessible={true}
-      accessibilityLabel={active ? t('Scan.TorchOn') : t('Scan.TorchOff')}
-      accessibilityRole={'button'}
-      testID={testIdWithKey('ScanTorch')}
-      style={[styles.container, { backgroundColor: active ? theme.ColorPalette.grayscale.white : undefined }]}
-      onPress={onPress}
-      hitSlop={hitSlop}
-    >
-      {children}
-    </TouchableOpacity>
-  )
-}
-
-const TorchIcon: React.FC<Props> = ({ active }) => {
-  const theme = useTheme()
-  const styles = createStyles(theme)
-  return (
-    <Icon
-      name={active ? 'flash-on' : 'flash-off'}
-      color={active ? theme.ColorPalette.grayscale.black : theme.ColorPalette.grayscale.white}
-      size={24}
-      style={styles.icon}
-    />
-  )
-}
-
-const QRScannerTorch: React.FC<Props> = ({ active, onPress }) => {
-  return (
-    <TorchButton active={active} onPress={onPress}>
-      <TorchIcon active={active} />
-    </TorchButton>
-  )
-}
-
-export default QRScannerTorch

package/src/components/misc/ScanCamera.tsx

@@ -1,86 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react'
-import { StyleSheet, Vibration, View, useWindowDimensions } from 'react-native'
-import { useOrientationChange, OrientationType } from 'react-native-orientation-locker'
-import { Camera, Code, useCameraDevice, useCameraFormat, useCodeScanner } from 'react-native-vision-camera'
-
-import { QrCodeScanError } from '../../types/error'
-
-interface Props {
-  handleCodeScan: (value: string) => Promise<void>
-  error?: QrCodeScanError | null
-  enableCameraOnError?: boolean
-  torchActive?: boolean
-}
-const ScanCamera: React.FC<Props> = ({ handleCodeScan, error, enableCameraOnError, torchActive }) => {
-  const [orientation, setOrientation] = useState(OrientationType.PORTRAIT)
-  const [cameraActive, setCameraActive] = useState(true)
-  const orientationDegrees: { [key: string]: string } = {
-    [OrientationType.PORTRAIT]: '0deg',
-    [OrientationType['LANDSCAPE-LEFT']]: '270deg',
-    [OrientationType['PORTRAIT-UPSIDEDOWN']]: '180deg',
-    [OrientationType['LANDSCAPE-RIGHT']]: '90deg',
-  }
-  const [invalidQrCodes, setInvalidQrCodes] = useState(new Set<string>())
-  const device = useCameraDevice('back')
-  const screenAspectRatio = useWindowDimensions().scale
-  const format = useCameraFormat(device, [
-    { fps: 20 },
-    { videoAspectRatio: screenAspectRatio },
-    { videoResolution: 'max' },
-    { photoAspectRatio: screenAspectRatio },
-    { photoResolution: 'max' },
-  ])
-  useOrientationChange((orientationType) => {
-    setOrientation(orientationType)
-  })
-
-  const onCodeScanned = useCallback(
-    (codes: Code[]) => {
-      const value = codes[0].value
-      if (!value || invalidQrCodes.has(value)) {
-        return
-      }
-
-      if (error?.data === value) {
-        setInvalidQrCodes((prev) => new Set([...prev, value]))
-        if (enableCameraOnError) {
-          return setCameraActive(true)
-        }
-      }
-
-      if (cameraActive) {
-        Vibration.vibrate()
-        handleCodeScan(value)
-        return setCameraActive(false)
-      }
-    },
-    [invalidQrCodes, error, enableCameraOnError, cameraActive, handleCodeScan]
-  )
-
-  useEffect(() => {
-    if (error?.data && enableCameraOnError) {
-      setCameraActive(true)
-    }
-  }, [error, enableCameraOnError])
-
-  const codeScanner = useCodeScanner({
-    codeTypes: ['qr'],
-    onCodeScanned: onCodeScanned,
-  })
-  return (
-    <View style={[StyleSheet.absoluteFill, { transform: [{ rotate: orientationDegrees[orientation] ?? '0deg' }] }]}>
-      {device && (
-        <Camera
-          style={StyleSheet.absoluteFill}
-          device={device}
-          torch={torchActive ? 'on' : 'off'}
-          isActive={cameraActive}
-          codeScanner={codeScanner}
-          format={format}
-        />
-      )}
-    </View>
-  )
-}
-
-export default ScanCamera

package/src/components/misc/ScanTab.tsx

@@ -1,45 +0,0 @@
-import React from 'react'
-import { StyleSheet, TouchableOpacity, useWindowDimensions } from 'react-native'
-import Icon from 'react-native-vector-icons/MaterialIcons'
-
-import { useTheme } from '../../contexts/theme'
-import { testIdWithKey } from '../../utils/testable'
-import { ThemedText } from '../texts/ThemedText'
-
-interface ScanTabProps {
-  onPress: () => void
-  active: boolean
-  iconName: string
-  title: string
-}
-
-const ScanTab: React.FC<ScanTabProps> = ({ onPress, active, iconName, title }) => {
-  const { TabTheme, TextTheme } = useTheme()
-  const { fontScale } = useWindowDimensions()
-  const showLabels = fontScale * TabTheme.tabBarTextStyle.fontSize < 18
-
-  const styles = StyleSheet.create({
-    container: {
-      ...TabTheme.tabBarContainerStyle,
-    },
-    text: {
-      ...TabTheme.tabBarTextStyle,
-      color: active ? TabTheme.tabBarActiveTintColor : TabTheme.tabBarInactiveTintColor,
-      fontWeight: active ? TextTheme.bold.fontWeight : TextTheme.normal.fontWeight,
-    },
-  })
-  return (
-    <TouchableOpacity
-      style={styles.container}
-      onPress={onPress}
-      accessibilityLabel={title}
-      accessibilityRole="tab"
-      testID={testIdWithKey(title)}
-    >
-      <Icon name={iconName} size={30} color={styles.text.color}></Icon>
-      {showLabels ? <ThemedText style={styles.text}>{title}</ThemedText> : null}
-    </TouchableOpacity>
-  )
-}
-
-export default ScanTab

package/src/components/misc/SharedProofData.tsx

@@ -1,98 +0,0 @@
-import { useAgent } from '@credo-ts/react-hooks'
-import { GroupedSharedProofDataItem, getProofData, groupSharedProofDataByCredential } from '@bifold/verifier'
-import { BrandingOverlayType, Field } from '@bifold/oca/build/legacy'
-import React, { useEffect, useState } from 'react'
-import { StyleSheet, View } from 'react-native'
-
-import VerifierCredentialCard from './VerifierCredentialCard'
-import { useAnimatedComponents } from '../../contexts/animated-components'
-import { useTheme } from '../../contexts/theme'
-import { buildFieldsFromSharedAnonCredsProof } from '../../utils/oca'
-import { TOKENS, useServices } from '../../container-api'
-
-interface SharedProofDataProps {
-  recordId: string
-  onSharedProofDataLoad?: (sharedProofData: GroupedSharedProofDataItem[]) => void
-}
-
-const SharedDataCard: React.FC<{ sharedData: GroupedSharedProofDataItem }> = ({ sharedData }) => {
-  const { ColorPalette } = useTheme()
-  const [attributes, setAttributes] = useState<Field[]>([])
-  useEffect(() => {
-    const attributes = buildFieldsFromSharedAnonCredsProof(sharedData.data)
-    setAttributes(attributes)
-  }, [sharedData])
-  const [bundleResolver] = useServices([TOKENS.UTIL_OCA_RESOLVER])
-
-  return (
-    <View style={{ marginBottom: 15 }}>
-      <VerifierCredentialCard
-        displayItems={attributes}
-        style={
-          bundleResolver.getBrandingOverlayType() === BrandingOverlayType.Branding10
-            ? { backgroundColor: ColorPalette.brand.secondaryBackground }
-            : undefined
-        }
-        credDefId={sharedData.identifiers.cred_def_id}
-        schemaId={sharedData.identifiers.schema_id}
-        elevated
-        brandingOverlayType={bundleResolver.getBrandingOverlayType()}
-      />
-    </View>
-  )
-}
-
-const SharedProofData: React.FC<SharedProofDataProps> = ({ recordId, onSharedProofDataLoad }: SharedProofDataProps) => {
-  const { agent } = useAgent()
-  const { LoadingIndicator } = useAnimatedComponents()
-  const styles = StyleSheet.create({
-    container: {
-      flexGrow: 1,
-    },
-    loaderContainer: {
-      height: 200,
-      marginTop: 80,
-    },
-  })
-
-  if (!agent) {
-    throw new Error('Unable to fetch agent from Credo')
-  }
-
-  const [loading, setLoading] = useState<boolean>(true)
-  const [sharedData, setSharedData] = useState<GroupedSharedProofDataItem[] | undefined>(undefined)
-
-  useEffect(() => {
-    getProofData(agent, recordId)
-      .then((data) => {
-        if (data) {
-          const groupedSharedProofData = groupSharedProofDataByCredential(data)
-          const sharedData = Array.from(groupedSharedProofData.values())
-          setSharedData(sharedData)
-          if (!onSharedProofDataLoad) return
-          onSharedProofDataLoad(sharedData)
-        }
-      })
-      .finally(() => {
-        setLoading(false)
-      })
-  }, [agent, recordId, onSharedProofDataLoad])
-
-  return (
-    <View style={styles.container}>
-      {loading || !sharedData ? (
-        <View style={styles.loaderContainer}>
-          <LoadingIndicator />
-        </View>
-      ) : (
-        <View>
-          {sharedData.map((item) => (
-            <SharedDataCard key={item.identifiers.cred_def_id} sharedData={item} />
-          ))}
-        </View>
-      )}
-    </View>
-  )
-}
-
-export default SharedProofData