@procivis/one-react-native-components 0.3.22 → 0.3.47

package/src/ui-components/entity/entity-cluster.tsx

@@ -1,6 +1,13 @@
-import React, { FunctionComponent, useMemo } from 'react';
+import React, { FunctionComponent, useEffect, useMemo } from 'react';
 import { Platform, StyleSheet, View, ViewProps } from 'react-native';
+import Animated, {
+  useAnimatedStyle,
+  useSharedValue,
+  withRepeat,
+  withTiming,
+} from 'react-native-reanimated';
 
+import { LoaderView, LoaderViewState } from '../../ui-components/loader';
 import { concatTestID } from '../../utils';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
@@ -13,6 +20,7 @@ export type EntityClusterProps = ViewProps & {
   textColor?: string;
   sublineColor?: string;
   testID?: string;
+  isLoading?: boolean;
 };
 
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0
@@ -24,31 +32,67 @@ const EntityCluster: FunctionComponent<EntityClusterProps> = ({
   style,
   sublineColor,
   testID,
+  isLoading,
   ...viewProps
 }) => {
   const colorScheme = useAppColorScheme();
+  
+  const opacity = useSharedValue<number>(1);
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+  }));
+
+  useEffect(() => {
+    if (!isLoading) {
+      return;
+    }
+    opacity.value = withRepeat(
+      withTiming(0.3, { duration: 1000 }),
+      0,
+      true
+    );
+  }, [opacity, isLoading]);
 
   const avatarProps = useMemo<AvatarProps>(() => {
+    if (isLoading) {
+      return {
+        avatar: {
+          component: 
+            <View style={[styles.loaderWrapper, { backgroundColor: colorScheme.grayDark }]}>
+              <View style={styles.loader}>
+                <LoaderView animate={true} state={LoaderViewState.InProgress} />
+              </View>
+            </View>
+        }
+      }
+    }
     const initials = entityName.split(' ', 3).map((word: string) => word[0]);
     const placeholderText = initials.length > 0 ? initials.join('') : '';
     return {
       ...avatar,
       placeholderText: avatar?.placeholderText ?? placeholderText,
     };
-  }, [avatar, entityName]);
+  }, [avatar, entityName, colorScheme.grayDark, isLoading]);
 
   return (
     <View style={[styles.entity, style]} testID={testID} {...viewProps}>
       <Avatar testID={concatTestID(testID, 'avatar')} {...avatarProps} />
       <View style={styles.labels}>
-        <Typography
-          testID={concatTestID(testID, 'entityName')}
-          color={textColor ?? colorScheme.text}
-          numberOfLines={2}
-          preset="m"
-          style={styles.entityName}>
-          {entityName}
-        </Typography>
+        {isLoading ? (
+          <Animated.View style={[{ backgroundColor: colorScheme.grayDark }, animatedStyle]}>
+            <Typography color={colorScheme.grayDark} />
+          </Animated.View>
+        ) : (
+          <Typography
+            testID={concatTestID(testID, 'entityName')}
+            color={textColor ?? colorScheme.text}
+            numberOfLines={1}
+            preset="m"
+            style={styles.entityName}>
+            {!isLoading ? entityName : undefined}
+          </Typography>
+        )}
         {subline && (
           <View>
             <Typography
@@ -77,6 +121,15 @@ const styles = StyleSheet.create({
     flex: 1,
     marginLeft: 12,
   },
+  loader: {
+    transform: [{scale: 0.5}],
+  },
+  loaderWrapper: {
+    height: 72,
+    paddingLeft: 3,
+    paddingTop: 4,
+    width: 72,
+  }
 });
 
 export default EntityCluster;

package/src/ui-components/entity/index.ts

@@ -1,5 +1,7 @@
-import Avatar, { AvatarProps } from './avatar';
-import EntityCluster, { EntityClusterProps } from './entity-cluster';
+import type { AvatarProps } from './avatar';
+import Avatar from './avatar';
+import type { EntityClusterProps } from './entity-cluster';
+import EntityCluster from './entity-cluster';
 
 export { Avatar, AvatarProps };
 export { EntityCluster, EntityClusterProps };

package/src/ui-components/history/history-details.tsx

@@ -37,7 +37,10 @@ type CredentialDetails = Omit<
 type CredentialCard = Omit<
   CredentialDetailsCardListItemProps,
   'expanded' | 'labels' | 'lastItem' | 'onHeaderPress' | 'onImagePreview'
->;
+> & {
+  /** default: true */
+  headerPressable?: boolean;
+};
 
 export type HistoryDetailsViewProps = {
   assets?: {
@@ -195,7 +198,7 @@ export const HistoryDetailsView: FC<HistoryDetailsViewProps> = ({
             ...props.credentialCard,
             card: {
               ...props.credentialCard.card,
-              onHeaderPress,
+              onHeaderPress: props.credentialCard.headerPressable === false ? undefined : onHeaderPress,
             },
           };
           return (

package/src/ui-components/history/index.ts

@@ -1,7 +1,10 @@
-import DataItem, { DataItemProps } from './data-item';
-import HistoryItemView, { HistoryItemViewProps } from './history-item';
+import type { DataItemProps } from './data-item';
+import DataItem from './data-item';
+import type { HistoryItemViewProps } from './history-item';
+import HistoryItemView from './history-item';
 import HistorySectionHeaderView from './history-section-header';
-import HistorySectionListItem, { HistorySectionListItemProps } from './history-section-list-item';
+import type { HistorySectionListItemProps } from './history-section-list-item';
+import HistorySectionListItem from './history-section-list-item';
 
 export * from './history-details';
 export { DataItem, DataItemProps };

package/src/ui-components/icons/entity.tsx

@@ -29,3 +29,26 @@ export const EntityTrustedIcon: FC<SvgProps> = ({ ...props }) => {
     </Svg>
   );
 };
+
+// https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=415-5402&t=8jP7yF4eYj70Gm9A-0
+export const EntityNotTrustedIcon: FC<SvgProps> = ({ ...props }) => {
+  const colorScheme = useAppColorScheme();
+  return (
+    <Svg width={22} height={22} viewBox="0 0 22 22" fill="none" {...props}>
+      <Path
+        d="M10.575 20a8.241 8.241 0 01-3.312-.672 8.649 8.649 0 01-2.74-1.851 8.837 8.837 0 01-1.85-2.74A8.242 8.242 0 012 11.425c0-1.173.224-2.277.672-3.312a8.793 8.793 0 014.582-4.59 8.243 8.243 0 013.312-.672c1.18 0 2.286.224 3.32.672a8.766 8.766 0 012.74 1.86 8.667 8.667 0 011.86 2.73 8.243 8.243 0 01.672 3.312 8.243 8.243 0 01-.673 3.312 8.768 8.768 0 01-4.598 4.59 8.241 8.241 0 01-3.312.673z"
+        fill={colorScheme.error}
+      />
+      <Path
+        d="M10.566 1.85c1.31 0 2.552.25 3.718.755a9.765 9.765 0 013.047 2.068l.321.335a9.671 9.671 0 011.751 2.708 9.244 9.244 0 01.755 3.71c0 1.304-.25 2.544-.755 3.709a9.766 9.766 0 01-5.123 5.112h0a9.242 9.242 0 01-3.705.753 9.244 9.244 0 01-3.706-.754 9.648 9.648 0 01-3.053-2.062l-.003-.002a9.836 9.836 0 01-2.058-3.047A9.242 9.242 0 011 11.425c0-1.304.25-2.544.755-3.71a9.793 9.793 0 015.1-5.11h.001a9.244 9.244 0 013.71-.754z"
+        stroke={colorScheme.white}
+        strokeOpacity={0.2}
+        strokeWidth={2}
+      />
+      <Path
+        d="M8.433 14.712a.822.822 0 01-.58.225.773.773 0 01-.557-.225.773.773 0 01-.224-.556c0-.216.077-.398.232-.548l2.167-2.174-2.167-2.159a.768.768 0 01-.232-.547c0-.227.074-.413.224-.557a.773.773 0 01.556-.224c.216 0 .401.072.556.216l2.175 2.167 2.183-2.167a.759.759 0 01.556-.232c.216 0 .399.077.548.232.155.15.232.332.232.548 0 .21-.077.396-.232.556l-2.175 2.167 2.167 2.166c.155.144.232.33.232.556a.759.759 0 01-.232.556.755.755 0 01-.556.225.765.765 0 01-.565-.225l-2.158-2.166-2.15 2.166z"
+        fill={colorScheme.white}
+      />
+    </Svg>
+  )
+}

package/src/ui-components/icons/history.tsx

@@ -114,6 +114,8 @@ export const HistorySuspendIcon: FC<SvgProps> = (props) => {
 
 // TODO: replace HistoryDidIcon with icon of schema
 export const HistoryDidIcon = HistoryIssueIcon;
+export const HistoryIdentifierIcon = HistoryIssueIcon;
+export const HistoryCertificateIcon = HistoryIssueIcon;
 
 // TODO: replace HistoryKeyIcon with icon of schema
 export const HistoryKeyIcon = HistoryIssueIcon;

package/src/ui-components/input/index.ts

@@ -1,6 +1,9 @@
-import RadioGroup, { RadioGroupItem, RadioGroupProps } from './radio-group';
-import SelectionInput, { SelectionInputChoice, SelectionInputProps } from './selection-input';
-import TextInput, { TextInputAccessory, TextInputProps } from './text-input';
+import type { RadioGroupItem, RadioGroupProps } from './radio-group';
+import RadioGroup from './radio-group';
+import type { SelectionInputChoice, SelectionInputProps } from './selection-input';
+import SelectionInput from './selection-input';
+import type { TextInputProps } from './text-input';
+import TextInput, { TextInputAccessory } from './text-input';
 
 export { RadioGroup, RadioGroupItem, RadioGroupProps };
 export { SelectionInput, SelectionInputChoice, SelectionInputProps };

package/src/ui-components/list/index.ts

@@ -1,5 +1,7 @@
-import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header';
-import ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';
+import type { ListSectionHeaderProps } from './list-section-header';
+import ListSectionHeader from './list-section-header';
+import type { ListTitleHeaderProps } from './list-title-header';
+import ListTitleHeader from './list-title-header';
 
 export { ListSectionHeader, ListSectionHeaderProps };
 export { ListTitleHeader, ListTitleHeaderProps };

package/src/ui-components/loader/index.ts

@@ -1,5 +1,7 @@
-import LoaderView, { LoaderViewProps, LoaderViewState } from './loader';
-import LoadingResultScreen, { LoadingResultScreenProps } from './loading-result';
+import type { LoaderViewProps } from './loader';
+import LoaderView, { LoaderViewState } from './loader';
+import type { LoadingResultScreenProps } from './loading-result';
+import LoadingResultScreen from './loading-result';
 
 export { LoaderView, LoaderViewProps, LoaderViewState };
 export { LoadingResultScreen, LoadingResultScreenProps };

package/src/ui-components/pin/index.ts

@@ -1,5 +1,7 @@
 import { Biometry } from './keypad';
-import { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';
-import PinLockModal, { PinLockModalLabels } from './pin-lock';
+import type { PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';
+import { PinCodeScreen } from './pin-code-screen';
+import type { PinLockModalLabels } from './pin-lock';
+import PinLockModal from './pin-lock';
 
 export { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps, PinLockModal, PinLockModalLabels };

package/src/ui-components/screens/nerd-mode-screen.tsx

@@ -1,4 +1,4 @@
-import { DidListItem } from '@procivis/react-native-one-core';
+import { IdentifierListItem } from '@procivis/react-native-one-core';
 import React, { FunctionComponent, useState } from 'react';
 import { SectionList, StyleSheet, View } from 'react-native';
 import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
@@ -26,15 +26,15 @@ export interface EntityLabels {
 
 export interface AttributesLabels {
   trustRegistry: string;
-  issuerDid: string;
-  entityDid: string;
+  issuerIdentifier: string;
+  entityIdentifier: string;
   role: string;
   expand: string;
   collapse: string;
 }
 
 interface SectionEntityCluster {
-  did?: DidListItem;
+  identifier?: IdentifierListItem;
   subline?: string;
   entityLabels: EntityLabels;
   role: ContextRole;
@@ -66,7 +66,7 @@ export enum EntityType {
 }
 
 function isSectionEntityCluster(item: NerdModeSectionItem): item is SectionEntityCluster {
-  return (item as SectionEntityCluster).did !== undefined;
+  return (item as SectionEntityCluster).identifier !== undefined;
 }
 
 const AnimatedSectionList = Animated.createAnimatedComponent(SectionList<NerdModeSectionItem>);

package/src/ui-components/searchbar/index.ts

@@ -1,5 +1,7 @@
-import AnimatedSearchBar, { AnimatedSearchBarProps } from './animated-search-bar';
-import SearchBar, { SearchBarProps } from './search-bar';
+import type { AnimatedSearchBarProps } from './animated-search-bar';
+import AnimatedSearchBar from './animated-search-bar';
+import type { SearchBarProps } from './search-bar';
+import SearchBar from './search-bar';
 
 export { AnimatedSearchBar, AnimatedSearchBarProps };
 export { SearchBar, SearchBarProps };

package/src/ui-components/settings/index.ts

@@ -1,8 +1,13 @@
-import ButtonSetting, { ButtonSettingProps } from './button-setting';
-import SettingItem, { SettingItemProps } from './setting-item';
-import SettingItemSeparator, { SettingItemSeparatorProps } from './setting-item-separator';
-import SettingsButton, { SettingsButtonProps } from './settings-button';
-import SwitchSetting, { SwitchSettingProps } from './switch-setting';
+import type { ButtonSettingProps } from './button-setting';
+import ButtonSetting from './button-setting';
+import type { SettingItemProps } from './setting-item';
+import SettingItem from './setting-item';
+import type { SettingItemSeparatorProps } from './setting-item-separator';
+import SettingItemSeparator from './setting-item-separator';
+import type { SettingsButtonProps } from './settings-button';
+import SettingsButton from './settings-button';
+import type { SwitchSettingProps } from './switch-setting';
+import SwitchSetting from './switch-setting';
 
 export { ButtonSetting, ButtonSettingProps };
 export { SettingItem, SettingItemProps };

package/src/ui-components/state/index.ts

@@ -1,3 +1,4 @@
-import ErrorScreen, { ErrorScreenButton, ErrorScreenProps } from './error-screen';
+import type { ErrorScreenButton, ErrorScreenProps } from './error-screen';
+import ErrorScreen from './error-screen';
 
 export { ErrorScreen, ErrorScreenButton, ErrorScreenProps };

package/src/utils/date.ts

@@ -9,7 +9,7 @@ const DAY = 24 * 60 * MINUTE;
 // OS locale
 const systemLocale: string | undefined = I18nManager.getConstants().localeIdentifier
   ?.replace(/_/g, '-')
-  .split('#')[0]
+  .split(/[#@]/)[0]
   .replace(/-$/, '');
 
 /**

package/src/utils/hooks/connectivity/connectivity.test.ts

@@ -8,12 +8,17 @@ jest.mock('@sentry/react-native', () => ({
   captureException: () => {},
 }));
 
+jest.mock('../core/core-config', () => ({
+  getEnabledTransports: () => [],
+  useCoreConfig: () => ({}),
+}));
+
 jest.mock('@react-native-community/netinfo', () => ({
-  addEventListener: () => {},
+  addEventListener: () => { },
 }));
 
 jest.mock('react-native-bluetooth-state-manager', () => ({
-  onStateChange: () => {},
+  onStateChange: () => { },
 }));
 
 describe('getInvitationUrlTransports', () => {

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

@@ -1,11 +1,15 @@
-import { DidTypeEnum, OneError } from '@procivis/react-native-one-core';
+import { IdentifierStateEnum, IdentifierTypeEnum } from '@procivis/react-native-one-core';
 import { useCallback } from 'react';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
 
-import { generateUUID } from '../../uuid';
+import { reportException } from '../../reporting';
 import { useONECore } from './core-context';
-import { HW_DID_NAME_PREFIX, IdentifiersInitializationConfig, SW_DID_NAME_PREFIX } from './core-init';
-import { OneErrorCode } from './error-code';
+import {
+  generateHwIdentifier,
+  generateSwIdentifier,
+  IdentifiersInitializationConfig,
+  SW_DID_NAME_PREFIX,
+} from './core-init';
 import { HISTORY_LIST_QUERY_KEY } from './history';
 
 const BACKUP_INFO_QUERY_KEY = 'backup-info';
@@ -61,6 +65,11 @@ export const useRollbackImport = () => {
   });
 };
 
+/**
+ * Finalize backup import and extract/prepare identifiers
+ * @param {IdentifiersInitializationConfig} config Select desired keys/dids to be restored/created
+ * @returns [hwIdentifierId, swIdentifierId]
+ */
 export const useBackupFinalizeImportProcedure = ({ generateHwKey, generateSwKey }: IdentifiersInitializationConfig) => {
   const { mutateAsync: finalizeImport } = useFinalizeImport();
   const { core, organisationId } = useONECore();
@@ -68,77 +77,26 @@ export const useBackupFinalizeImportProcedure = ({ generateHwKey, generateSwKey
   return useCallback(async () => {
     await finalizeImport();
 
-    // update wallet did references
-    const dids = await core.getDids({
-      deactivated: false,
-      organisationId,
-      page: 0,
-      pageSize: 1,
-      type: DidTypeEnum.LOCAL,
-    });
-    let swDidId = dids.values.find((did) => did.name.startsWith(SW_DID_NAME_PREFIX))?.id;
-
-    if (!swDidId && generateSwKey) {
-      const swKeyId = await core.generateKey({
-        keyParams: {},
-        keyType: 'EDDSA',
-        name: `holder-key-sw-${generateUUID()}`,
-        organisationId,
-        storageParams: {},
-        storageType: 'INTERNAL',
-      });
-      swDidId = await core.createDid({
-        didMethod: 'KEY',
-        keys: {
-          assertionMethod: [swKeyId],
-          authentication: [swKeyId],
-          capabilityDelegation: [swKeyId],
-          capabilityInvocation: [swKeyId],
-          keyAgreement: [swKeyId],
-        },
-        name: `${SW_DID_NAME_PREFIX}-${generateUUID()}`,
+    // update wallet identifier references
+    let swIdentifierId: string | undefined;
+    if (generateSwKey) {
+      const identifiers = await core.getIdentifiers({
+        state: IdentifierStateEnum.ACTIVE,
         organisationId,
-        params: {},
+        page: 0,
+        pageSize: 1,
+        types: [IdentifierTypeEnum.DID],
+        isRemote: false,
       });
+      swIdentifierId = identifiers.values.find((identifier) => identifier.name.startsWith(SW_DID_NAME_PREFIX))?.id;
     }
 
-    let hwKeyId: string | null = null;
-    if (generateHwKey) {
-      hwKeyId = await core
-        .generateKey({
-          keyParams: {},
-          keyType: 'ECDSA',
-          name: `holder-key-hw-${generateUUID()}`,
-          organisationId,
-          storageParams: {},
-          storageType: 'SECURE_ELEMENT',
-        })
-        .catch((e) => {
-          // ignore if HW keys not supported by device
-          if (e instanceof OneError && e.code === OneErrorCode.KeyStorageNotSupported) {
-            return null;
-          }
-          throw e;
-        });
-    }
-
-    let hwDidId: string | null = null;
-    if (hwKeyId) {
-      hwDidId = await core.createDid({
-        didMethod: 'KEY',
-        keys: {
-          assertionMethod: [hwKeyId],
-          authentication: [hwKeyId],
-          capabilityDelegation: [hwKeyId],
-          capabilityInvocation: [hwKeyId],
-          keyAgreement: [hwKeyId],
-        },
-        name: `${HW_DID_NAME_PREFIX}-${generateUUID()}`,
-        organisationId,
-        params: {},
-      });
-    }
-
-    return [hwDidId, swDidId] as [string | null, string | undefined];
+    return Promise.all([
+      generateHwKey ? generateHwIdentifier(core, organisationId) : null,
+      !swIdentifierId && generateSwKey ? generateSwIdentifier(core, organisationId) : swIdentifierId,
+    ]).catch((err) => {
+      reportException(err, 'Failed to create base identifiers');
+      throw err;
+    });
   }, [core, organisationId, finalizeImport, generateHwKey, generateSwKey]);
 };

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

@@ -8,7 +8,7 @@ import { OneErrorCode } from './error-code';
 export const SW_DID_NAME_PREFIX = 'holder-did-sw-key';
 export const HW_DID_NAME_PREFIX = 'holder-did-hw-key';
 
-const generateHwDid = async (core: ONECore, organisationId: string) => {
+export const generateHwIdentifier = async (core: ONECore, organisationId: string) => {
   const hwKeyId = await core
     .generateKey({
       keyParams: {},
@@ -27,25 +27,28 @@ const generateHwDid = async (core: ONECore, organisationId: string) => {
     });
 
   if (hwKeyId) {
-    return core.createDid({
-      didMethod: 'KEY',
-      keys: {
-        assertionMethod: [hwKeyId],
-        authentication: [hwKeyId],
-        capabilityDelegation: [hwKeyId],
-        capabilityInvocation: [hwKeyId],
-        keyAgreement: [hwKeyId],
+    return core.createIdentifier({
+      did: {
+        method: 'KEY',
+        name: HW_DID_NAME_PREFIX,
+        keys: {
+          assertionMethod: [hwKeyId],
+          authentication: [hwKeyId],
+          capabilityDelegation: [hwKeyId],
+          capabilityInvocation: [hwKeyId],
+          keyAgreement: [hwKeyId],
+        },
+        params: {},
       },
       name: HW_DID_NAME_PREFIX,
       organisationId,
-      params: {},
     });
   }
 
   return null;
 };
 
-const generateSwDid = async (core: ONECore, organisationId: string) => {
+export const generateSwIdentifier = async (core: ONECore, organisationId: string) => {
   const swKeyId = await core.generateKey({
     keyParams: {},
     keyType: 'ECDSA',
@@ -55,18 +58,21 @@ const generateSwDid = async (core: ONECore, organisationId: string) => {
     storageType: 'INTERNAL',
   });
 
-  return core.createDid({
-    didMethod: 'KEY',
-    keys: {
-      assertionMethod: [swKeyId],
-      authentication: [swKeyId],
-      capabilityDelegation: [swKeyId],
-      capabilityInvocation: [swKeyId],
-      keyAgreement: [swKeyId],
+  return core.createIdentifier({
+    did: {
+      method: 'KEY',
+      name: SW_DID_NAME_PREFIX,
+      keys: {
+        assertionMethod: [swKeyId],
+        authentication: [swKeyId],
+        capabilityDelegation: [swKeyId],
+        capabilityInvocation: [swKeyId],
+        keyAgreement: [swKeyId],
+      },
+      params: {},
     },
     name: SW_DID_NAME_PREFIX,
     organisationId,
-    params: {},
   });
 };
 
@@ -78,7 +84,7 @@ export interface IdentifiersInitializationConfig {
 /**
  * Create base local identifiers
  * @param {IdentifiersInitializationConfig} config Select desired keys/dids to be created
- * @returns [hwDidId, swDidId]
+ * @returns [hwIdentifierId, swIdentifierId]
  */
 export const useInitializeONECoreIdentifiers = ({ generateHwKey, generateSwKey }: IdentifiersInitializationConfig) => {
   const { core, organisationId } = useONECore();
@@ -94,8 +100,8 @@ export const useInitializeONECoreIdentifiers = ({ generateHwKey, generateSwKey }
       })
       .then(() =>
         Promise.all([
-          generateHwKey ? generateHwDid(core, organisationId) : null,
-          generateSwKey ? generateSwDid(core, organisationId) : null,
+          generateHwKey ? generateHwIdentifier(core, organisationId) : null,
+          generateSwKey ? generateSwIdentifier(core, organisationId) : null,
         ]),
       )
       .catch((err) => {

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

@@ -95,11 +95,17 @@ export const useCredentialAccept = () => {
   const queryClient = useQueryClient();
   const { core } = useONECore();
 
-  type CredentialAcceptHookParams = { didId: string; interactionId: string; keyId?: string; txCode?: string };
+  type CredentialAcceptHookParams = {
+    didId?: string;
+    identifierId?: string;
+    interactionId: string;
+    keyId?: string;
+    txCode?: string;
+  };
 
   return useMutation(
-    async ({ interactionId, didId, keyId, txCode }: CredentialAcceptHookParams) =>
-      core.holderAcceptCredential(interactionId, didId, keyId, txCode),
+    async ({ interactionId, didId, identifierId, keyId, txCode }: CredentialAcceptHookParams) =>
+      core.holderAcceptCredential(interactionId, didId, identifierId, keyId, txCode),
     {
       onSuccess: async () => {
         await queryClient.invalidateQueries(CREDENTIAL_LIST_QUERY_KEY);

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

@@ -0,0 +1,39 @@
+import { IdentifierListQuery, IdentifierStateEnum, IdentifierTypeEnum } from "@procivis/react-native-one-core";
+import { useQuery } from "react-query";
+
+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';
+const PAGE_SIZE = 20;
+
+export const useIdentifierDetails = (identifierId: string | undefined) => {
+  const { core } = useONECore();
+
+  return useQuery(
+    [IDENTIFIER_DETAIL_QUERY_KEY, identifierId],
+    () => (identifierId ? core.getIdentifier(identifierId) : undefined),
+    {
+      enabled: Boolean(identifierId),
+      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,
+    })),
+  );
+};

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

@@ -7,7 +7,8 @@ export * from './credential-schemas';
 export * from './credentials';
 export * from './dids';
 export * from './history';
+export * from './identifiers';
 export * from './proof-schemas';
 export * from './proofs';
 export * from './query';
-export * from './trust-entity';
+export * from './trust-entity';