@procivis/one-react-native-components 0.3.62 → 0.3.86

package/src/ui-components/proof-request/index.ts

@@ -0,0 +1,4 @@
+import type { ProofRequestSetProps } from './proof-request-set';
+import { ProofRequestSet } from './proof-request-set';
+
+export { ProofRequestSet, ProofRequestSetProps };

package/src/ui-components/proof-request/proof-request-set.tsx

@@ -0,0 +1,46 @@
+import React, { FunctionComponent, PropsWithChildren } from 'react';
+import { StyleSheet, View } from 'react-native';
+
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+
+export type ProofRequestSetProps = {
+  headerLabel?: string;
+  showHeader?: boolean;
+  showSeparator?: boolean;
+};
+
+export const ProofRequestSet: FunctionComponent<PropsWithChildren<ProofRequestSetProps>> = ({
+  children,
+  headerLabel,
+  showHeader = false,
+  showSeparator = true,
+}) => {
+  const colorScheme = useAppColorScheme();
+  return (
+    <View style={styles.set}>
+      {showSeparator && <View style={[styles.separator, { backgroundColor: colorScheme.grayDark }]} />}
+      {showHeader && headerLabel && (
+        <Typography align="left" color={colorScheme.text} preset="m" style={styles.header}>
+          {headerLabel}
+        </Typography>
+      )}
+      {children}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  header: {
+    marginBottom: 16,
+  },
+  separator: {
+    height: 1,
+    marginBottom: 16,
+    marginHorizontal: 4,
+    opacity: 0.5,
+  },
+  set: {
+    marginTop: 16,
+  },
+});

package/src/ui-components/screens/section-list-screen.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SectionList, SectionListProps, StyleSheet, View, ViewProps } from 'react-native';
+import React, { useMemo } from 'react';
+import { Platform, SectionList, SectionListProps, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { useOnScrollHeaderState } from '../../utils/hooks/header/on-scroll-header-state';
@@ -13,24 +13,52 @@ export type SectionListScreenProps<ItemT, SectionT> = ViewProps & {
     static?: boolean;
     title: string;
   };
-  list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;
+  list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'> & {
+    header?: React.ComponentType<any> | React.ReactElement;
+  };
+  modalPresentation?: boolean;
 };
 
 const SectionListScreen = <ItemT, SectionT>({
   header,
-  list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps },
+  list: { contentContainerStyle, header: listHeader, stickySectionHeadersEnabled, ...listProps },
+  modalPresentation,
   style,
   ...viewProps
 }: SectionListScreenProps<ItemT, SectionT>) => {
   const colorScheme = useAppColorScheme();
-  const safeAreaInsets = useSafeAreaInsets();
-  const contentInsetsStyle = useListContentInset();
+  const { top } = useSafeAreaInsets();
+  const contentInsetsStyle = useListContentInset({
+    headerHeight: modalPresentation && Platform.OS === 'ios' ? 63 : 48,
+    modalPresentation,
+  });
   const { titleVisible, onScroll } = useOnScrollHeaderState();
 
+  let headerPaddingStyle: ViewStyle | undefined;
+  if (!modalPresentation || Platform.OS === 'android') {
+    headerPaddingStyle = {
+      paddingTop: top,
+    };
+  } else if (modalPresentation && !header.modalHandleVisible && Platform.OS === 'ios') {
+    headerPaddingStyle = styles.modalHeaderWithoutHandle;
+  }
+
+  const headerView: React.ReactElement | undefined = useMemo(() => {
+    if (!listHeader) {
+      return undefined;
+    }
+    if (React.isValidElement(listHeader)) {
+      return listHeader;
+    } else {
+      const HeaderComponent = listHeader as React.ComponentType<any>;
+      return <HeaderComponent />;
+    }
+  }, [listHeader]);
+
   return (
     <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>
       <SectionList<ItemT, SectionT>
-        ListHeaderComponent={!header.static ? <ListTitleHeader title={header.title} /> : undefined}
+        ListHeaderComponent={!header.static ? <View><ListTitleHeader title={header.title} />{headerView}</View> : headerView}
         contentContainerStyle={[contentInsetsStyle, contentContainerStyle]}
         onScroll={onScroll}
         scrollEventThrottle={100}
@@ -40,7 +68,7 @@ const SectionListScreen = <ItemT, SectionT>({
       <NavigationHeader
         animate
         blurred
-        style={[styles.header, { paddingTop: safeAreaInsets.top }]}
+        style={[styles.header, headerPaddingStyle]}
         titleVisible={header.static || titleVisible}
         {...header}
       />
@@ -56,6 +84,9 @@ const styles = StyleSheet.create({
     position: 'absolute',
     width: '100%',
   },
+  modalHeaderWithoutHandle: {
+    paddingTop: 15,
+  },
 });
 
 export default SectionListScreen;

package/src/utils/array.ts

@@ -1,3 +1,7 @@
 export function addElementIf<T>(condition: boolean, obj: T) {
   return condition ? Array(obj) : [];
 }
+
+export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[]
+  ? ElementType
+  : never;

package/src/utils/hooks/app-state.ts

@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react';
+import { AppState } from 'react-native';
+
+/**
+ * Returns current app state
+ */
+export function useAppState() {
+  const [appState, setAppState] = useState(AppState.currentState);
+
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', setAppState);
+    return () => subscription.remove();
+  }, []);
+
+  return appState;
+}
+
+export function useIsAppActive(): boolean | undefined {
+  switch (useAppState()) {
+    case 'active':
+    case 'extension':
+      return true;
+    case 'inactive':
+    case 'background':
+      return false;
+    default:
+      return undefined;
+  }
+}

package/src/utils/hooks/core/backup.ts

@@ -5,7 +5,6 @@ import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { reportException } from '../../reporting';
 import { useONECore } from './core-context';
 import {
-  generateAttestationKey,
   generateHwIdentifier,
   generateSwIdentifier,
   IdentifiersInitializationConfig,
@@ -71,11 +70,7 @@ export const useRollbackImport = () => {
  * @param {IdentifiersInitializationConfig} config Select desired keys/dids to be restored/created
  * @returns [hwIdentifierId, swIdentifierId]
  */
-export const useBackupFinalizeImportProcedure = ({
-  generateHwKey,
-  generateSwKey,
-  generateAttestationKey: shouldGenerateAttestationKey,
-}: IdentifiersInitializationConfig) => {
+export const useBackupFinalizeImportProcedure = ({ generateHwKey, generateSwKey }: IdentifiersInitializationConfig) => {
   const { mutateAsync: finalizeImport } = useFinalizeImport();
   const { core, organisationId } = useONECore();
 
@@ -86,7 +81,7 @@ export const useBackupFinalizeImportProcedure = ({
     let swIdentifierId: string | undefined;
     if (generateSwKey) {
       const identifiers = await core.getIdentifiers({
-        state: IdentifierStateEnum.ACTIVE,
+        states: [IdentifierStateEnum.ACTIVE],
         organisationId,
         page: 0,
         pageSize: 1,
@@ -99,10 +94,9 @@ export const useBackupFinalizeImportProcedure = ({
     return Promise.all([
       generateHwKey ? generateHwIdentifier(core, organisationId) : null,
       !swIdentifierId && generateSwKey ? generateSwIdentifier(core, organisationId) : swIdentifierId,
-      shouldGenerateAttestationKey ? generateAttestationKey(core, organisationId) : null,
     ]).catch((err) => {
       reportException(err, 'Failed to create base identifiers');
       throw err;
     });
-  }, [finalizeImport, generateSwKey, generateHwKey, core, organisationId, shouldGenerateAttestationKey]);
+  }, [finalizeImport, generateSwKey, generateHwKey, core, organisationId]);
 };

package/src/utils/hooks/core/core-init.ts

@@ -77,29 +77,9 @@ export const generateSwIdentifier = async (core: ONECore, organisationId: string
   });
 };
 
-export const generateAttestationKey = async (core: ONECore, organisationId: string) => {
-  return await core
-    .generateKey({
-      keyParams: {},
-      keyType: 'ECDSA',
-      name: 'holder-key-attestation',
-      organisationId,
-      storageParams: {},
-      storageType: 'SECURE_ELEMENT',
-    })
-    .catch((e) => {
-      // ignore if Attestation keys not supported by device
-      if (e instanceof OneError && e.code === OneErrorCode.KeyStorageNotSupported) {
-        return null;
-      }
-      throw e;
-    });
-};
-
 export interface IdentifiersInitializationConfig {
   generateHwKey: boolean;
   generateSwKey: boolean;
-  generateAttestationKey: boolean;
 }
 
 /**
@@ -110,7 +90,6 @@ export interface IdentifiersInitializationConfig {
 export const useInitializeONECoreIdentifiers = ({
   generateHwKey,
   generateSwKey,
-  generateAttestationKey: shouldGenerateAttestationKey,
 }: IdentifiersInitializationConfig) => {
   const { core, organisationId } = useONECore();
 
@@ -127,12 +106,11 @@ export const useInitializeONECoreIdentifiers = ({
         Promise.all([
           generateHwKey ? generateHwIdentifier(core, organisationId) : null,
           generateSwKey ? generateSwIdentifier(core, organisationId) : null,
-          shouldGenerateAttestationKey ? generateAttestationKey(core, organisationId) : null,
         ]),
       )
       .catch((err) => {
         reportException(err, 'Failed to create base identifiers');
         throw err;
       });
-  }, [core, organisationId, generateHwKey, generateSwKey, shouldGenerateAttestationKey]);
+  }, [core, organisationId, generateHwKey, generateSwKey]);
 };

package/src/utils/hooks/core/credentials.ts

@@ -10,9 +10,10 @@ import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from 'react-q
 
 import { getQueryKeyFromCredentialListQueryParams } from '../../parsers/query';
 import { useONECore } from './core-context';
-import { CREDENTIAL_SCHEMA_LIST_QUERY_KEY } from './credential-schemas';
+import { CREDENTIAL_SCHEMA_DETAIL_QUERY_KEY, CREDENTIAL_SCHEMA_LIST_QUERY_KEY } from './credential-schemas';
 import { OneErrorCode } from './error-code';
 import { HISTORY_LIST_QUERY_KEY } from './history';
+import { PROOF_LIST_QUERY_KEY } from './proofs';
 
 const PAGE_SIZE = 20;
 export const CREDENTIAL_LIST_QUERY_KEY = 'credential-list';
@@ -30,7 +31,7 @@ export const useCredentials = (queryParams?: Partial<CredentialListQuery>) => {
         page: 0,
         // TODO: workaround pagination for now, until it's supported by UI
         pageSize: 10000,
-        status: [CredentialStateEnum.ACCEPTED, CredentialStateEnum.SUSPENDED, CredentialStateEnum.REVOKED],
+        states: [CredentialStateEnum.ACCEPTED, CredentialStateEnum.SUSPENDED, CredentialStateEnum.REVOKED],
         ...queryParams,
       });
       return values;
@@ -55,7 +56,7 @@ export const usePagedCredentials = (queryParams?: Partial<CredentialListQuery>)
         organisationId,
         page: pageParam,
         pageSize: PAGE_SIZE,
-        status: [CredentialStateEnum.ACCEPTED, CredentialStateEnum.SUSPENDED, CredentialStateEnum.REVOKED],
+        states: [CredentialStateEnum.ACCEPTED, CredentialStateEnum.SUSPENDED, CredentialStateEnum.REVOKED],
         ...queryParams,
       }),
     {
@@ -87,9 +88,12 @@ export const useInvitationHandler = () => {
       core.handleInvitation({ organisationId, ...request }),
     {
       onSuccess: async (result: InvitationResult) => {
-        if ('credentialIds' in result) {
+        if ('proofId' in result) {
+          await queryClient.invalidateQueries(PROOF_LIST_QUERY_KEY);
+        } else {
           await queryClient.invalidateQueries(CREDENTIAL_LIST_QUERY_KEY);
           await queryClient.invalidateQueries(CREDENTIAL_SCHEMA_LIST_QUERY_KEY);
+          await queryClient.invalidateQueries(CREDENTIAL_SCHEMA_DETAIL_QUERY_KEY);
         }
         await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
       },
@@ -115,6 +119,8 @@ export const useCredentialAccept = () => {
     {
       onSuccess: async () => {
         await queryClient.invalidateQueries(CREDENTIAL_LIST_QUERY_KEY);
+        await queryClient.invalidateQueries(CREDENTIAL_SCHEMA_LIST_QUERY_KEY);
+        await queryClient.invalidateQueries(CREDENTIAL_SCHEMA_DETAIL_QUERY_KEY);
         await queryClient.invalidateQueries(CREDENTIAL_DETAIL_QUERY_KEY);
         await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
       },
@@ -200,6 +206,7 @@ export const useContinueIssuance = () => {
     onSuccess: async () => {
       await queryClient.invalidateQueries(CREDENTIAL_LIST_QUERY_KEY);
       await queryClient.invalidateQueries(CREDENTIAL_SCHEMA_LIST_QUERY_KEY);
+      await queryClient.invalidateQueries(CREDENTIAL_SCHEMA_DETAIL_QUERY_KEY);
       await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
     },
   });

package/src/utils/hooks/core/identifiers.ts

@@ -1,8 +1,8 @@
-import { IdentifierListQuery, IdentifierStateEnum, IdentifierTypeEnum } from "@procivis/react-native-one-core";
-import { useQuery } from "react-query";
+import { IdentifierListQuery, IdentifierStateEnum, IdentifierTypeEnum } from '@procivis/react-native-one-core';
+import { useQuery } from 'react-query';
 
-import { getQueryKeyFromIdentifierListQueryParams } from "../../parsers";
-import { useONECore } from "./core-context";
+import { getQueryKeyFromIdentifierListQueryParams } from '../../parsers';
+import { useONECore } from './core-context';
 
 export const IDENTIFIER_DETAIL_QUERY_KEY = 'identifier-detail';
 export const IDENTIFIER_LIST_QUERY_KEY = 'identifier-list';
@@ -19,21 +19,22 @@ export const useIdentifierDetails = (identifierId: string | undefined) => {
       keepPreviousData: true,
     },
   );
-}
+};
 
 export const useIdentifiers = (identifierFilter?: Partial<IdentifierListQuery>) => {
   const { core, organisationId } = useONECore();
 
   return useQuery(
     [IDENTIFIER_LIST_QUERY_KEY, ...getQueryKeyFromIdentifierListQueryParams(identifierFilter)],
-    ({ pageParam = 0 }) => (core.getIdentifiers({
-      types: [IdentifierTypeEnum.DID],
-      isRemote: false,
-      page: pageParam,
-      state: IdentifierStateEnum.ACTIVE,
-      organisationId: organisationId,
-      pageSize: PAGE_SIZE,
-      ...identifierFilter,
-    })),
+    ({ pageParam = 0 }) =>
+      core.getIdentifiers({
+        types: [IdentifierTypeEnum.DID],
+        isRemote: false,
+        page: pageParam,
+        states: [IdentifierStateEnum.ACTIVE],
+        organisationId: organisationId,
+        pageSize: PAGE_SIZE,
+        ...identifierFilter,
+      }),
   );
 };

package/src/utils/hooks/core/index.ts

@@ -11,4 +11,5 @@ export * from './identifiers';
 export * from './proof-schemas';
 export * from './proofs';
 export * from './query';
-export * from './trust-entity';
+export * from './trust-entity';
+export * from './wallet-unit';

package/src/utils/hooks/core/proofs.ts

@@ -1,12 +1,16 @@
 import {
   Config,
   CreateProofRequest,
+  HistoryActionEnum,
+  HistoryEntityTypeEnum,
+  HistoryErrorMetadata,
   IdentifierListQuery,
   OneError,
   PresentationSubmitCredentialRequest,
   ProofListQuery,
   ProofSchema,
   ProofStateEnum,
+  ProposeProofRequest,
   ShareProofRequest,
 } from '@procivis/react-native-one-core';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -37,11 +41,31 @@ export const useProofDetail = (proofId: string | undefined) => {
 };
 
 export const useProofState = (proofId: string | undefined, isPolling: boolean) => {
-  const { core } = useONECore();
+  const { core, organisationId } = useONECore();
 
   return useQuery(
     [PROOF_STATE_QUERY_KEY, proofId],
-    () => (proofId ? core.getProof(proofId).then((proof) => proof.state) : undefined),
+    async () => {
+      if (!proofId) {
+        return undefined;
+      }
+
+      const state = await core.getProof(proofId).then((proof) => proof.state);
+      let metadata: HistoryErrorMetadata | undefined;
+      if (state === ProofStateEnum.ERROR) {
+        metadata = await core
+          .getHistory({
+            organisationId,
+            page: 0,
+            pageSize: 1,
+            entityId: proofId,
+            entityTypes: [HistoryEntityTypeEnum.PROOF],
+            actions: [HistoryActionEnum.ERRORED],
+          })
+          .then((result) => result.values[0]?.metadata as HistoryErrorMetadata);
+      }
+      return { state, metadata };
+    },
     {
       enabled: Boolean(proofId),
       refetchInterval: isPolling ? 1000 : false,
@@ -60,6 +84,7 @@ export const useProofUrl = () => {
       core.shareProof(proofId, request ?? {}).then((proof) => proof.url),
     {
       onSuccess: async () => {
+        await queryClient.invalidateQueries(PROOF_LIST_QUERY_KEY);
         await queryClient.invalidateQueries(PROOF_DETAIL_QUERY_KEY);
         await queryClient.invalidateQueries(PROOF_STATE_QUERY_KEY);
       },
@@ -88,9 +113,12 @@ export const useProofAccept = () => {
     {
       onError: async (err) => {
         reportException(err, 'Proof submission failure');
+        await queryClient.invalidateQueries(PROOF_LIST_QUERY_KEY);
         await queryClient.invalidateQueries(PROOF_DETAIL_QUERY_KEY);
+        await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
       },
       onSuccess: async () => {
+        await queryClient.invalidateQueries(PROOF_LIST_QUERY_KEY);
         await queryClient.invalidateQueries(PROOF_DETAIL_QUERY_KEY);
         await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
       },
@@ -112,6 +140,7 @@ export const useProofReject = () => {
       }),
     {
       onSuccess: async () => {
+        await queryClient.invalidateQueries(PROOF_LIST_QUERY_KEY);
         await queryClient.invalidateQueries(PROOF_DETAIL_QUERY_KEY);
         await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
       },
@@ -131,15 +160,24 @@ export enum VerificationProtocol {
   SCAN_TO_VERIFY = 'SCAN_TO_VERIFY',
 }
 
+export enum VerificationEngagement {
+  QR_CODE = 'QR_CODE',
+  NFC = 'NFC',
+}
+
 export const useProposeProof = () => {
   const queryClient = useQueryClient();
   const { core, organisationId } = useONECore();
 
-  return useMutation(async (exchange: VerificationProtocol) => core.proposeProof(exchange, organisationId), {
-    onSuccess: async () => {
-      await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
+  return useMutation(
+    async (request: Omit<ProposeProofRequest, 'organisationId'>) => core.proposeProof({ organisationId, ...request }),
+    {
+      onSuccess: async () => {
+        await queryClient.invalidateQueries(PROOF_LIST_QUERY_KEY);
+        await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
+      },
     },
-  });
+  );
 };
 
 export const useProofDelete = () => {
@@ -194,8 +232,7 @@ export const useProofCreate = () => {
   return useMutation(async (data: CreateProofRequest) => core.createProof(data), {
     onSuccess: async () => {
       await queryClient.invalidateQueries(PROOF_LIST_QUERY_KEY);
-      await queryClient.invalidateQueries(PROOF_STATE_QUERY_KEY);
-      await queryClient.invalidateQueries(PROOF_DETAIL_QUERY_KEY);
+      await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
     },
   });
 };
@@ -267,7 +304,7 @@ export const useProofForSchemaIdWithTransport = (
       return;
     }
 
-    if (proofState !== ProofStateEnum.CREATED && proofState !== ProofStateEnum.PENDING) {
+    if (proofState?.state !== ProofStateEnum.CREATED && proofState?.state !== ProofStateEnum.PENDING) {
       setProofId(undefined);
     } else {
       setDeleting(true);
@@ -339,7 +376,7 @@ export const useShareProof = (proofUrlProps: ProofUrlHookParams | undefined, ena
 
   // reset when proofId changes or the proof was retracted
   useEffect(() => {
-    if (!proofUrlProps?.proofId || proofState === ProofStateEnum.CREATED) {
+    if (!proofUrlProps?.proofId || proofState?.state === ProofStateEnum.CREATED) {
       setSharedProof(undefined);
     }
   }, [proofUrlProps?.proofId, proofState]);

package/src/utils/hooks/core/wallet-unit.ts

@@ -0,0 +1,77 @@
+import { WalletProvider, WalletUnitStatusEnum } from '@procivis/react-native-one-core';
+import { useEffect } from 'react';
+import { useMutation, useQuery, useQueryClient } from 'react-query';
+
+import { reportException } from '../../reporting';
+import { useONECore } from './core-context';
+
+export const ATTESTATION_QUERY_KEY = 'wallet-unit-attestation';
+
+export const useWalletUnitAttestation = (active = true) => {
+  const { core, organisationId } = useONECore();
+
+  return useQuery([ATTESTATION_QUERY_KEY, organisationId], () => core.holderGetWalletUnitAttestation(organisationId), {
+    enabled: active,
+    keepPreviousData: true,
+    retry: false,
+  });
+};
+
+export const useRegisterWalletUnit = () => {
+  const queryClient = useQueryClient();
+  const { core, organisationId } = useONECore();
+
+  return useMutation(
+    async (walletProvider: WalletProvider) => {
+      const result = await core.holderRegisterWalletUnit({
+        keyType: 'ECDSA',
+        organisationId,
+        walletProvider,
+      });
+
+      return result;
+    },
+    {
+      onSuccess: () => queryClient.invalidateQueries([ATTESTATION_QUERY_KEY, organisationId]),
+    },
+  );
+};
+
+export const useRefreshWalletUnit = () => {
+  const queryClient = useQueryClient();
+  const { core, organisationId } = useONECore();
+
+  return useMutation(
+    async (appIntegrityCheckRequired: boolean) =>
+      core.holderRefreshWalletUnit({
+        appIntegrityCheckRequired,
+        organisationId,
+      }),
+    {
+      onError: async (err) => {
+        reportException(err, 'Refresh wallet unit failure');
+        await queryClient.invalidateQueries([ATTESTATION_QUERY_KEY, organisationId]);
+      },
+      onSuccess: () => queryClient.invalidateQueries([ATTESTATION_QUERY_KEY, organisationId]),
+    },
+  );
+};
+
+export const useWalletUnitCheck = (appIntegrityCheckRequired: boolean) => {
+  const { data: walletUnitAttestation, isLoading } = useWalletUnitAttestation();
+  const { mutateAsync: refreshWalletUnit, isLoading: isRefreshing, status: refreshStatus } = useRefreshWalletUnit();
+
+  useEffect(() => {
+    if (isLoading || refreshStatus !== 'idle') {
+      return;
+    }
+    if (walletUnitAttestation?.status === WalletUnitStatusEnum.ACTIVE) {
+      void refreshWalletUnit(appIntegrityCheckRequired);
+    }
+  }, [isLoading, refreshStatus, walletUnitAttestation, refreshWalletUnit, appIntegrityCheckRequired]);
+
+  return {
+    isLoading: isLoading || isRefreshing,
+    walletUnitAttestation: isLoading || isRefreshing ? undefined : walletUnitAttestation,
+  };
+};

package/src/utils/hooks/index.ts

@@ -1,8 +1,10 @@
+export * from './app-state';
 export * from './connectivity/connectivity';
 export * from './core';
 export * from './credential-card/credential-card-expanding';
 export * from './header/on-scroll-header-state';
 export * from './list/list-content-inset';
 export * from './navigation';
+export * from './nfc/nfc-status';
 export * from './pin-security/pin-security';
 export * from './revocation/credential-status';

package/src/utils/hooks/nfc/nfc-status.ts

@@ -0,0 +1,31 @@
+import { useCallback, useEffect, useState } from 'react';
+import NfcManager from 'react-native-nfc-manager';
+
+export const useNFCStatus = () => {
+  const [isNFCEnabled, setIsNFCEnabled] = useState<boolean>();
+  const [isLoading, setIsLoading] = useState<boolean>();
+  const [error, setError] = useState<unknown>();
+
+  const checkNFCStatus = useCallback(async () => {
+    try {
+      setIsLoading(true);
+      const isEnabled = await NfcManager.isEnabled();
+      setIsNFCEnabled(isEnabled);
+      setIsLoading(false);
+    } catch (e) {
+      setError(e);
+    }
+  }, []);
+
+  useEffect(() => {
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+    checkNFCStatus();
+  }, [checkNFCStatus]);
+
+  const recheck = useCallback(() => {
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+    checkNFCStatus();
+  }, [checkNFCStatus]);
+
+  return { error, isLoading, isNFCEnabled, recheck };
+};

package/src/utils/hooks/revocation/credential-status.ts

@@ -18,7 +18,7 @@ export const useCredentialStatusCheck = (credentialIds?: string[], forceRefresh
   const { mutateAsync: check } = useCredentialRevocationCheck(forceRefresh);
   const { data: credentials } = useCredentials({
     ids: credentialIds,
-    status: [CredentialStateEnum.ACCEPTED, CredentialStateEnum.SUSPENDED],
+    states: [CredentialStateEnum.ACCEPTED, CredentialStateEnum.SUSPENDED],
   });
 
   const checkCredentialsStatus = useCallback(async () => {

package/src/utils/index.ts

@@ -15,5 +15,7 @@ export * from './parsers';
 export * from './ref';
 export * from './reporting';
 export * from './string';
+export * from './url';
 export * from './useMemoAsync';
 export * from './uuid';
+export * from './wallet-unit';