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

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 { 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';
@@ -14,19 +14,33 @@ export type SectionListScreenProps<ItemT, SectionT> = ViewProps & {
     title: string;
   };
   list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;
+  modalPresentation?: boolean;
 };
 
 const SectionListScreen = <ItemT, SectionT>({
   header,
   list: { contentContainerStyle, 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;
+  }
+
   return (
     <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>
       <SectionList<ItemT, SectionT>
@@ -40,7 +54,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 +70,9 @@ const styles = StyleSheet.create({
     position: 'absolute',
     width: '100%',
   },
+  modalHeaderWithoutHandle: {
+    paddingTop: 15,
+  },
 });
 
 export default SectionListScreen;

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,
@@ -74,7 +73,6 @@ export const useRollbackImport = () => {
 export const useBackupFinalizeImportProcedure = ({
   generateHwKey,
   generateSwKey,
-  generateAttestationKey: shouldGenerateAttestationKey,
 }: IdentifiersInitializationConfig) => {
   const { mutateAsync: finalizeImport } = useFinalizeImport();
   const { core, organisationId } = useONECore();
@@ -99,10 +97,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/proofs.ts

@@ -131,15 +131,28 @@ export enum VerificationProtocol {
   SCAN_TO_VERIFY = 'SCAN_TO_VERIFY',
 }
 
+export enum VerificationEngagement {
+  QR_CODE = 'QR_CODE',
+  NFC = 'NFC',
+}
+
+export interface ProposeProofRequest {
+  exchange: VerificationProtocol;
+  engagement: VerificationEngagement[];
+}
+
 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 ({ exchange, engagement }: ProposeProofRequest) => core.proposeProof(exchange, organisationId, engagement),
+    {
+      onSuccess: async () => {
+        await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
+      },
     },
-  });
+  );
 };
 
 export const useProofDelete = () => {

package/src/utils/hooks/index.ts

@@ -4,5 +4,6 @@ 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/index.ts

@@ -17,3 +17,4 @@ export * from './reporting';
 export * from './string';
 export * from './useMemoAsync';
 export * from './uuid';
+export * from './url';

package/src/utils/parsers/query.ts

@@ -38,6 +38,7 @@ export const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<Cr
     'status',
     'include',
     'profile',
+    'credentialSchemaIds',
     'createdDateAfter',
     'createdDateBefore',
     'lastModifiedAfter',

package/src/utils/url.ts

@@ -0,0 +1,61 @@
+import { Platform } from 'react-native';
+import Share from 'react-native-share';
+
+/**
+ * Check URL validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export const isUrlValid = (urlString: string): boolean => {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const url = new URL(urlString);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Check URL http(s) validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export const isValidHttpUrl = (urlString: string): boolean => {
+  try {
+    const url = new URL(urlString);
+    return url?.protocol === 'http:' || url?.protocol === 'https:';
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Share URL via share sheet
+ * @param {string} url URL to share.
+ * @param {string} title _(optional)_ title for iOS share sheet.
+ * @returns {boolean}
+ */
+export const shareUrl = async (url: string, title?: string) => {
+  if (Platform.OS === 'ios') {
+    await Share.open({
+      activityItemSources: [
+        {
+          placeholderItem: { type: 'url', content: url },
+          item: {
+            default: { type: 'url', content: url },
+          },
+          subject: title
+            ? {
+                default: title,
+              }
+            : undefined,
+          linkMetadata: { originalUrl: url, url, title },
+        },
+      ],
+      failOnCancel: false,
+    });
+  } else {
+    await Share.open({ url, failOnCancel: false });
+  }
+};