@procivis/one-react-native-components 0.3.102 → 0.3.112

package/src/components/proof-request/v1/share-credential.tsx

@@ -1,9 +1,9 @@
 import {
-  CredentialDetailBindingDto,
-  CredentialListItemBindingDto,
-  CredentialStateBindingEnum,
-  PresentationDefinitionFieldBindingDto,
-  PresentationDefinitionRequestedCredentialBindingDto,
+  CredentialDetail,
+  CredentialListItem,
+  CredentialState,
+  PresentationDefinitionField,
+  PresentationDefinitionRequestedCredential,
 } from '@procivis/react-native-one-core';
 import React, { FunctionComponent, useMemo } from 'react';
 import { Dimensions, ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';
@@ -28,17 +28,17 @@ export type ShareCredentialLabels = ShareCredentialCardLabels & {
 };
 
 export const ShareCredential: FunctionComponent<{
-  allCredentials: CredentialDetailBindingDto[];
+  allCredentials: CredentialDetail[];
   expanded?: boolean;
   labels: ShareCredentialLabels;
   lastItem?: boolean;
   onHeaderPress?: (_credentialId?: string) => void;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
   onSelectCredential?: () => void;
-  onSelectField: (_id: PresentationDefinitionFieldBindingDto['id'], _selected: boolean) => void;
-  request: PresentationDefinitionRequestedCredentialBindingDto;
-  selectedCredentialId?: CredentialListItemBindingDto['id'];
-  selectedFields?: Array<PresentationDefinitionFieldBindingDto['id']>;
+  onSelectField: (_id: PresentationDefinitionField['id'], _selected: boolean) => void;
+  request: PresentationDefinitionRequestedCredential;
+  selectedCredentialId?: CredentialListItem['id'];
+  selectedFields?: Array<PresentationDefinitionField['id']>;
   style?: StyleProp<ViewStyle>;
   testID: string;
 }> = ({
@@ -64,9 +64,7 @@ export const ShareCredential: FunctionComponent<{
   const selectionOptions = useMemo(
     () =>
       request.applicableCredentials.filter((applicableCredentialId) =>
-        allCredentials.some(
-          ({ id, state }) => id === applicableCredentialId && state === CredentialStateBindingEnum.ACCEPTED,
-        ),
+        allCredentials.some(({ id, state }) => id === applicableCredentialId && state === CredentialState.ACCEPTED),
       ),
     [allCredentials, request],
   );
@@ -81,13 +79,6 @@ export const ShareCredential: FunctionComponent<{
       : undefined,
   );
 
-  const invalid = useMemo(() => {
-    if (!credential?.lvvcIssuanceDate || !request.validityCredentialNbf) {
-      return false;
-    }
-    return new Date(credential.lvvcIssuanceDate) < new Date(request.validityCredentialNbf);
-  }, [credential, request]);
-
   const footer = useMemo(() => {
     if (!expanded) {
       return;
@@ -109,15 +100,6 @@ export const ShareCredential: FunctionComponent<{
       );
     }
 
-    if (invalid) {
-      return (
-        <ShareCredentialCardNotice
-          testID={concatTestID(testID, 'notice.invalid')}
-          text={labels.invalidCredentialNotice}
-        />
-      );
-    }
-
     if (multipleCredentialsAvailable) {
       return (
         <SelectShareCredentialCardNotice
@@ -128,7 +110,7 @@ export const ShareCredential: FunctionComponent<{
         />
       );
     }
-  }, [expanded, invalid, labels, multipleCredentialsAvailable, onSelectCredential, testID, validityState]);
+  }, [expanded, labels, multipleCredentialsAvailable, onSelectCredential, testID, validityState]);
 
   if (!config) {
     return null;
@@ -136,7 +118,6 @@ export const ShareCredential: FunctionComponent<{
 
   const { card, attributes } = shareCredentialCardFromCredential(
     credential,
-    invalid,
     Boolean(expanded),
     multipleCredentialsAvailable,
     request,

package/src/components/proof-request/v2/select-credential-v2.tsx

@@ -1,7 +1,4 @@
-import {
-  CredentialListItemBindingDto,
-  PresentationDefinitionV2CredentialDetailBindingDto,
-} from '@procivis/react-native-one-core';
+import { CredentialListItem, PresentationDefinitionV2Credential } from '@procivis/react-native-one-core';
 import React, { FC, useCallback, useMemo } from 'react';
 import { Dimensions, ImageSourcePropType } from 'react-native';
 
@@ -10,12 +7,12 @@ import { ShareCredentialCardLabels, useCoreConfig } from '../../../utils';
 import { selectCredentialCardFromV2Credential } from '../../../utils/parsers/credential-sharing-v2';
 
 export const SelectCredentialV2: FC<{
-  credential: PresentationDefinitionV2CredentialDetailBindingDto;
+  credential: PresentationDefinitionV2Credential;
   labels: ShareCredentialCardLabels;
   lastItem: boolean;
   multiple: boolean;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
-  onSelected?: (credentialId: CredentialListItemBindingDto['id'], selected: boolean) => void;
+  onSelected?: (credentialId: CredentialListItem['id'], selected: boolean) => void;
   selected: boolean;
   testID: string;
 }> = ({ credential, labels, lastItem, multiple, onImagePreview, onSelected, selected, testID }) => {

package/src/components/proof-request/v2/share-credential-v2-group.tsx

@@ -1,8 +1,8 @@
 import {
-  CredentialListItemBindingDto,
-  PresentationDefinitionV2ClaimBindingDto,
-  PresentationDefinitionV2ResponseBindingDto,
-  PresentationSubmitV2CredentialRequestBindingDto,
+  CredentialListItem,
+  PresentationDefinitionV2,
+  PresentationDefinitionV2Claim,
+  PresentationSubmitV2CredentialRequest,
 } from '@procivis/react-native-one-core';
 import React, { FC, useCallback, useMemo } from 'react';
 import { ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';
@@ -24,7 +24,7 @@ import { GroupedShareCredentialV2Padding, ShareCredentialV2 } from './share-cred
 
 export type CredentialQuerySelection = Record<
   string,
-  PresentationSubmitV2CredentialRequestBindingDto | PresentationSubmitV2CredentialRequestBindingDto[]
+  PresentationSubmitV2CredentialRequest | PresentationSubmitV2CredentialRequest[]
 >;
 
 export type ShareCredentialGroupLabels = ShareCredentialLabels & {
@@ -40,11 +40,11 @@ export type ShareCredentialV2GroupProps = {
   onSelectField: (
     requestCredentialId: string,
   ) => (
-    credentialId: CredentialListItemBindingDto['id'],
-    fieldPath: PresentationDefinitionV2ClaimBindingDto['path'],
+    credentialId: CredentialListItem['id'],
+    fieldPath: PresentationDefinitionV2Claim['path'],
     selected: boolean,
   ) => void;
-  presentationDefinition: PresentationDefinitionV2ResponseBindingDto;
+  presentationDefinition: PresentationDefinitionV2;
   requestGroup: string[];
   selected?: boolean;
   selectedCredentials?: CredentialQuerySelection;
@@ -61,7 +61,7 @@ const multipleCredentialsSelected = (
     selectedCredentials &&
     selectedCredentials[credentialRequestId] &&
     Array.isArray(selectedCredentials[credentialRequestId]) &&
-    (selectedCredentials[credentialRequestId] as PresentationSubmitV2CredentialRequestBindingDto[]).length > 1
+    (selectedCredentials[credentialRequestId] as PresentationSubmitV2CredentialRequest[]).length > 1
   );
 };
 
@@ -123,7 +123,7 @@ export const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({
       const lastQuery = credentialRequestIndex === credentialRequestsLength - 1;
 
       const credentialQuery = presentationDefinition.credentialQueries[credentialRequestId].credentialOrFailureHint;
-      let defaultSelection: PresentationSubmitV2CredentialRequestBindingDto;
+      let defaultSelection: PresentationSubmitV2CredentialRequest;
       if (credentialQuery.type_ === 'APPLICABLE_CREDENTIALS') {
         defaultSelection = credentialQuery.applicableCredentials?.[0]
           ? {

package/src/components/proof-request/v2/share-credential-v2.tsx

@@ -1,7 +1,7 @@
 import {
-  ApplicableCredentialOrFailureHintBindingEnum,
-  CredentialListItemBindingDto,
-  PresentationDefinitionV2ClaimBindingDto,
+  ApplicableCredentialOrFailureHint,
+  CredentialListItem,
+  PresentationDefinitionV2Claim,
 } from '@procivis/react-native-one-core';
 import React, { FunctionComponent, useCallback, useMemo } from 'react';
 import { Dimensions, ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';
@@ -14,7 +14,7 @@ import { ShareCredentialCardNotice } from '../share-credential-card-notice';
 import { ShareCredentialLabels } from '../v1';
 
 export type ShareCredentialV2Props = {
-  credentialQuery: ApplicableCredentialOrFailureHintBindingEnum;
+  credentialQuery: ApplicableCredentialOrFailureHint;
   credentialRequestId: string;
   expanded?: boolean;
   grouped?: boolean;
@@ -25,12 +25,12 @@ export type ShareCredentialV2Props = {
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
   onSelectCredential?: () => void;
   onSelectField: (
-    credentialId: CredentialListItemBindingDto['id'],
-    fieldPath: PresentationDefinitionV2ClaimBindingDto['path'],
+    credentialId: CredentialListItem['id'],
+    fieldPath: PresentationDefinitionV2Claim['path'],
     selected: boolean,
   ) => void;
-  selectedCredentialId?: CredentialListItemBindingDto['id'];
-  selectedFields?: Array<PresentationDefinitionV2ClaimBindingDto['path']>;
+  selectedCredentialId?: CredentialListItem['id'];
+  selectedFields?: Array<PresentationDefinitionV2Claim['path']>;
   style?: StyleProp<ViewStyle>;
   testID: string;
 };
@@ -131,7 +131,7 @@ export const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({
   ]);
 
   const onAttributeSelected = useCallback(
-    (fieldPath: PresentationDefinitionV2ClaimBindingDto['path'], selected: boolean) => {
+    (fieldPath: PresentationDefinitionV2Claim['path'], selected: boolean) => {
       if (!selectedCredentialId) {
         return;
       }

package/src/ui-components/control/checkbox.tsx

@@ -9,7 +9,7 @@ import { useAppColorScheme } from '../theme';
 
 export interface CheckboxProps extends TouchableOpacityProps {
   value: boolean;
-  text: ReactNode;
+  text?: ReactNode;
   onValueChanged: (value: boolean) => void;
   disabled?: boolean;
 }
@@ -45,15 +45,17 @@ export const Checkbox: FC<CheckboxProps> = ({ style, text, value, disabled, onVa
           ]}
         />
       )}
-      <View style={[styles.text, disabled && styles.disabled]}>
-        {typeof text === 'string' ? (
-          <Typography preset="xs/line-height-small" color={colorScheme.text}>
-            {text}
-          </Typography>
-        ) : (
-          text
-        )}
-      </View>
+      {text && (
+        <View style={[styles.text, disabled && styles.disabled]}>
+          {typeof text === 'string' ? (
+            <Typography preset="xs/line-height-small" color={colorScheme.text}>
+              {text}
+            </Typography>
+          ) : (
+            text
+          )}
+        </View>
+      )}
     </TouchableOpacity>
   );
 };

package/src/ui-components/control/switch.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { Insets, Platform, StyleSheet, Switch as RNSwitch, SwitchProps as RNSwitchProps } from 'react-native';
+import { Insets, Platform, StyleSheet, Switch as RNSwitch, SwitchProps as RNSwitchProps, View } from 'react-native';
 
 import { useAppColorScheme } from '../theme';
 
@@ -15,26 +15,28 @@ const hitSlop: Insets = { top: 10, bottom: 10, left: 10, right: 10 };
 export const Switch = forwardRef<RNSwitch, SwitchProps>(({ value, disabled, style, onChange, ...props }, ref) => {
   const colorScheme = useAppColorScheme();
   return (
-    <RNSwitch
-      ref={ref}
-      value={value}
-      disabled={disabled}
-      hitSlop={hitSlop}
-      style={[disabled && styles.disabled, style]}
-      onValueChange={onChange}
-      trackColor={Platform.select({
-        default: { true: colorScheme.grayDark, false: colorScheme.grayDark },
-        ios: { true: colorScheme.accent, false: colorScheme.grayDark },
-      })}
-      thumbColor={Platform.select({
-        default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,
-        ios: colorScheme.white,
-      })}
-      ios_backgroundColor={colorScheme.grayDark}
-      // @ts-ignore: web only prop
-      activeThumbColor={colorScheme.accent}
-      {...props}
-    />
+    <View>
+      <RNSwitch
+        ref={ref}
+        value={value}
+        disabled={disabled}
+        hitSlop={hitSlop}
+        style={[disabled && styles.disabled, style]}
+        onValueChange={onChange}
+        trackColor={Platform.select({
+          default: { true: colorScheme.grayDark, false: colorScheme.grayDark },
+          ios: { true: colorScheme.accent, false: colorScheme.grayDark },
+        })}
+        thumbColor={Platform.select({
+          default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,
+          ios: colorScheme.white,
+        })}
+        ios_backgroundColor={colorScheme.grayDark}
+        // @ts-ignore: web only prop
+        activeThumbColor={colorScheme.accent}
+        {...props}
+      />
+    </View>
   );
 });
 

package/src/ui-components/detail/detail.stories.tsx

@@ -19,7 +19,7 @@ const Render = ({ onRightAction, contentHeight, headerProps }: Args) => {
       headerProps={{
         ...headerProps,
         rightButtons: [
-          <TouchableOpacity onPress={onRightAction} hitSlop={hitSlop}>
+          <TouchableOpacity key="R" onPress={onRightAction} hitSlop={hitSlop}>
             <Placeholder id="R" style={styles.rightButton} />
           </TouchableOpacity>,
         ],

package/src/ui-components/header/foldable-header.tsx

@@ -27,8 +27,9 @@ const FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({
   const [collapsed, setCollapsed] = useState(header ? false : true);
   const [headerHeight, setHeaderHeight] = useState<number>();
 
+  const containerPaddingTop = withNotice ? 15 : safeAreaInsets.top;
   const containerPaddingStyle = {
-    paddingTop: withNotice ? 15 : safeAreaInsets.top,
+    paddingTop: containerPaddingTop,
   };
 
   useEffect(() => {
@@ -52,11 +53,13 @@ const FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({
 
   const scrollHeaderAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation
     ? {
-        paddingTop: scrollOffset.interpolate({
-          extrapolate: 'clamp',
-          inputRange: [0, headerHeight],
-          outputRange: [headerHeight, 0],
-        }),
+        transform: [{
+          translateY: scrollOffset.interpolate({
+            extrapolate: 'clamp',
+            inputRange: [0, headerHeight],
+            outputRange: [0, -headerHeight],
+          }),
+        }],
       }
     : undefined;
 
@@ -80,32 +83,36 @@ const FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({
   return (
     <Animated.View
       style={[styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]}>
-      <View style={[styles.blurWrapper, StyleSheet.absoluteFill]}>
-        <BlurView
-          blurStyle={'header'}
-          color={colorScheme.background}
-          style={[StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]}
-        />
-      </View>
-      <View>
-        <Animated.View style={scrollHeaderAnimatedStyle}>
-          {searchBar && <AnimatedSearchBar {...searchBar} collapsed={collapsed} />}
-        </Animated.View>
+      <Animated.View style={scrollHeaderAnimatedStyle}>
+        <View
+          style={[styles.blurFill, { top: -containerPaddingTop }]}>
+          <BlurView
+            blurStyle={'header'}
+            color={colorScheme.background}
+            style={[StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]}
+          />
+        </View>
         {header && (
-          <Animated.View onLayout={onHeaderLayout} style={[styles.headerContainer, fadeHeaderOutAnimatedStyle]}>
+          <Animated.View onLayout={onHeaderLayout} style={fadeHeaderOutAnimatedStyle}>
             {header}
           </Animated.View>
         )}
-      </View>
+        {searchBar && <AnimatedSearchBar {...searchBar} collapsed={collapsed} />}
+      </Animated.View>
     </Animated.View>
   );
 };
 
 const styles = StyleSheet.create({
-  blurWrapper: {
+  blurFill: {
+    bottom: 0,
+    left: 0,
     overflow: 'hidden',
+    position: 'absolute',
+    right: 0,
   },
   headerContainer: {
+    overflow: 'hidden',
     position: 'absolute',
     width: '100%',
   },

package/src/ui-components/history/history-section-header.tsx

@@ -5,7 +5,7 @@ import { concatTestID } from '../../utils/testID';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 
-// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)
+// component used on the history section lists (Settings->History, CredentialDetail->History)
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
 
 const HistorySectionHeaderView: FC<{

package/src/ui-components/history/history-section-list-item.tsx

@@ -4,7 +4,7 @@ import { StyleSheet, View } from 'react-native';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import HistoryItemView, { HistoryItemViewProps } from './history-item';
 
-// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)
+// component used on the history section lists (Settings->History, CredentialDetail->History)
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
 
 export interface HistorySectionListItemProps extends HistoryItemViewProps {

package/src/ui-components/index.ts

@@ -17,6 +17,7 @@ export * from './list';
 export * from './loader';
 export * from './nerd-view';
 export * from './nfc';
+export * from './notice';
 export * from './pin';
 export * from './proof-request';
 export * from './screens';

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

@@ -0,0 +1,3 @@
+import WalletNotice from './wallet-notice';
+
+export { WalletNotice };

package/src/ui-components/notice/wallet-notice.tsx

@@ -0,0 +1,82 @@
+import React, { ComponentType, FunctionComponent, JSXElementConstructor, ReactElement, useMemo } from 'react';
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+
+import { concatTestID } from '../../utils';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import { CloseIcon } from '../icons';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+
+export type WalletNoticeProps = {
+  accessory?: ComponentType<any> | ReactElement;
+  icon?: ComponentType<any> | ReactElement;
+  onClose?: () => void;
+  style?: StyleProp<ViewStyle>;
+  text: string;
+};
+
+const testID = 'WalletNotice';
+
+const WalletNotice: FunctionComponent<WalletNoticeProps> = ({ accessory, icon, style, text, onClose }) => {
+  const colorScheme = useAppColorScheme();
+
+  const iconView: React.ReactElement | undefined = useMemo(() => {
+    if (!icon) {
+      return undefined;
+    }
+    if (React.isValidElement(icon)) {
+      return icon;
+    } else {
+      const IconComponent = icon as JSXElementConstructor<any>;
+      return <IconComponent />;
+    }
+  }, [icon]);
+
+  const accessoryView: React.ReactElement | undefined = useMemo(() => {
+    if (!accessory) {
+      return undefined;
+    }
+    if (React.isValidElement(accessory)) {
+      return accessory;
+    } else {
+      const AccessoryComponent = accessory as JSXElementConstructor<any>;
+      return <AccessoryComponent />;
+    }
+  }, [accessory]);
+
+  return (
+    <View style={[styles.noticeContainer, style]}>
+      <View style={styles.title}>
+        {iconView}
+        <Typography color={colorScheme.white}>{text}</Typography>
+        {accessoryView}
+      </View>
+      {onClose && (
+        <TouchableOpacity onPress={onClose} style={styles.closeIcon} testID={concatTestID(testID, 'close')}>
+          <CloseIcon color="white" />
+        </TouchableOpacity>
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  closeIcon: {
+    position: 'absolute',
+    right: 20,
+    top: 5,
+  },
+  noticeContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    position: 'relative',
+  },
+  title: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    gap: 5,
+    justifyContent: 'center',
+  },
+});
+
+export default WalletNotice;

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

@@ -1,4 +1,4 @@
-import { GetIdentifierListItemBindingDto } 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';
@@ -34,7 +34,7 @@ export interface AttributesLabels {
 }
 
 interface SectionEntityCluster {
-  identifier?: GetIdentifierListItemBindingDto;
+  identifier?: IdentifierListItem;
   subline?: string;
   entityLabels: EntityLabels;
   role: ContextRole;

package/src/utils/history.ts

@@ -1,14 +1,14 @@
-import { HistoryListItemBindingDto } from '@procivis/react-native-one-core';
+import { HistoryListItem } from '@procivis/react-native-one-core';
 import moment, { Moment } from 'moment';
 
 export interface HistoryGroupByDaySection {
-  data: HistoryListItemBindingDto[];
+  data: HistoryListItem[];
   date: Moment;
   firstYearEntry: boolean;
 }
 
-export const groupEntriesByDay = (entries: HistoryListItemBindingDto[]) => {
-  const groupedEntries = entries.reduce((result: HistoryGroupByDaySection[], entry: HistoryListItemBindingDto) => {
+export const groupEntriesByDay = (entries: HistoryListItem[]) => {
+  const groupedEntries = entries.reduce((result: HistoryGroupByDaySection[], entry: HistoryListItem) => {
     const entryDate = moment(entry.createdDate);
 
     const matchingEntry = result.find(({ date }) => date.isSame(entryDate, 'day'));

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

@@ -1,4 +1,4 @@
-import { IdentifierStateBindingEnum, IdentifierTypeBindingEnum } from '@procivis/react-native-one-core';
+import { IdentifierState, IdentifierType } from '@procivis/react-native-one-core';
 import { useCallback } from 'react';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
 
@@ -81,11 +81,11 @@ export const useBackupFinalizeImportProcedure = ({ generateHwKey, generateSwKey
     let swIdentifierId: string | undefined;
     if (generateSwKey) {
       const identifiers = await core.listIdentifiers({
-        states: [IdentifierStateBindingEnum.ACTIVE],
+        states: [IdentifierState.ACTIVE],
         organisationId,
         page: 0,
         pageSize: 1,
-        types: [IdentifierTypeBindingEnum.DID],
+        types: [IdentifierType.DID],
         isRemote: false,
       });
       swIdentifierId = identifiers.values.find((identifier) => identifier.name.startsWith(SW_DID_NAME_PREFIX))?.id;

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

@@ -1,4 +1,4 @@
-import { CacheTypeBindingDto } from '@procivis/react-native-one-core';
+import { CacheType } from '@procivis/react-native-one-core';
 import { useMutation, useQueryClient } from 'react-query';
 
 import { useONECore } from './core-context';
@@ -8,17 +8,17 @@ import { REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY, TRUST_ENTITY_DETAIL_QUERY_KEY } f
 const CREDENTIAL_QUERY_KEYS = [CREDENTIAL_LIST_QUERY_KEY, CREDENTIAL_LIST_PAGED_QUERY_KEY, CREDENTIAL_DETAIL_QUERY_KEY];
 const TRUST_ENTITY_QUERY_KEYS = [TRUST_ENTITY_DETAIL_QUERY_KEY, REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY];
 
-// Map each CacheTypeBindingDto to the query keys that should be invalidated when that cache is cleared.
-const cacheTypeToQueryKeys: Record<CacheTypeBindingDto, string[]> = {
-  [CacheTypeBindingDto.DID_DOCUMENT]: CREDENTIAL_QUERY_KEYS,
-  [CacheTypeBindingDto.JSON_LD_CONTEXT]: CREDENTIAL_QUERY_KEYS,
-  [CacheTypeBindingDto.STATUS_LIST_CREDENTIAL]: CREDENTIAL_QUERY_KEYS,
-  [CacheTypeBindingDto.VCT_METADATA]: CREDENTIAL_QUERY_KEYS,
-  [CacheTypeBindingDto.JSON_SCHEMA]: CREDENTIAL_QUERY_KEYS,
-  [CacheTypeBindingDto.TRUST_LIST]: [...TRUST_ENTITY_QUERY_KEYS, ...CREDENTIAL_QUERY_KEYS],
-  [CacheTypeBindingDto.X509_CRL]: CREDENTIAL_QUERY_KEYS,
-  [CacheTypeBindingDto.ANDROID_ATTESTATION_CRL]: CREDENTIAL_QUERY_KEYS,
-  [CacheTypeBindingDto.OPEN_ID_METADATA]: CREDENTIAL_QUERY_KEYS,
+// Map each CacheType to the query keys that should be invalidated when that cache is cleared.
+const cacheTypeToQueryKeys: Record<CacheType, string[]> = {
+  [CacheType.DID_DOCUMENT]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.JSON_LD_CONTEXT]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.STATUS_LIST_CREDENTIAL]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.VCT_METADATA]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.JSON_SCHEMA]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.TRUST_LIST]: [...TRUST_ENTITY_QUERY_KEYS, ...CREDENTIAL_QUERY_KEYS],
+  [CacheType.X509_CRL]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.ANDROID_ATTESTATION_CRL]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.OPEN_ID_METADATA]: CREDENTIAL_QUERY_KEYS,
 };
 
 export const useCacheClear = () => {
@@ -26,7 +26,7 @@ export const useCacheClear = () => {
   const { core } = useONECore();
 
   return useMutation(
-    async (cacheTypes: CacheTypeBindingDto[]) => {
+    async (cacheTypes: CacheType[]) => {
       await core.deleteCache(cacheTypes);
       return cacheTypes;
     },

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

@@ -1,4 +1,4 @@
-import { Config, ConfigEntities } from '@procivis/react-native-one-core';
+import { ConfigEntities,CoreConfig } from '@procivis/react-native-one-core';
 import { useQuery } from 'react-query';
 
 import { useONECore } from './core-context';
@@ -13,7 +13,7 @@ export const useCoreConfig = () => {
   });
 };
 
-export const getEnabledTransports = (config: Config): string[] => {
+export const getEnabledTransports = (config: CoreConfig): string[] => {
   return Object.values(config?.transport ?? {})
     .filter((t) => t.enabled !== false)
     .map((transport) => transport.type);
@@ -25,7 +25,7 @@ export const getEnabledExchangeProtocols = (exchangeProtocol: ConfigEntities<any
     .map((exchange) => exchange.type);
 };
 
-export const getEnabledTrustManagement = (config: Config): string[] => {
+export const getEnabledTrustManagement = (config: CoreConfig): string[] => {
   return Object.values(config?.trustManagement ?? {})
     .filter((t) => t.enabled !== false)
     .map((trustManagement) => trustManagement.type);