@procivis/one-react-native-components 0.3.71 → 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,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Platform, SectionList, SectionListProps, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
@@ -13,13 +13,15 @@ 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
@@ -41,10 +43,22 @@ const SectionListScreen = <ItemT, SectionT>({
     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}

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

@@ -70,10 +70,7 @@ export const useRollbackImport = () => {
  * @param {IdentifiersInitializationConfig} config Select desired keys/dids to be restored/created
  * @returns [hwIdentifierId, swIdentifierId]
  */
-export const useBackupFinalizeImportProcedure = ({
-  generateHwKey,
-  generateSwKey,
-}: IdentifiersInitializationConfig) => {
+export const useBackupFinalizeImportProcedure = ({ generateHwKey, generateSwKey }: IdentifiersInitializationConfig) => {
   const { mutateAsync: finalizeImport } = useFinalizeImport();
   const { core, organisationId } = useONECore();
 
@@ -84,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,

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);
       },
@@ -136,19 +165,15 @@ export enum VerificationEngagement {
   NFC = 'NFC',
 }
 
-export interface ProposeProofRequest {
-  exchange: VerificationProtocol;
-  engagement: VerificationEngagement[];
-}
-
 export const useProposeProof = () => {
   const queryClient = useQueryClient();
   const { core, organisationId } = useONECore();
 
   return useMutation(
-    async ({ exchange, engagement }: ProposeProofRequest) => core.proposeProof(exchange, organisationId, engagement),
+    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);
       },
     },
@@ -207,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);
     },
   });
 };
@@ -280,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);
@@ -352,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,3 +1,4 @@
+export * from './app-state';
 export * from './connectivity/connectivity';
 export * from './core';
 export * from './credential-card/credential-card-expanding';

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,6 +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 './url';
+export * from './wallet-unit';