@procivis/one-react-native-components 0.3.121 → 0.3.130

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

@@ -2,7 +2,7 @@ import { HistoryAction, HistoryEntityType, HistoryListItem } from '@procivis/rea
 import React, { FC, useCallback, useMemo } from 'react';
 
 import { HistoryItemView } from '../../ui-components';
-import { formatTime, useTrustEntity } from '../../utils';
+import { formatTime } from '../../utils';
 import { HistoryListItemIcon } from './history-list-item-icon';
 
 export type HistoryListItemLabels = {
@@ -13,7 +13,7 @@ export type HistoryListItemLabels = {
 export interface HistoryListItemViewProps {
   dateFormatter?: (date: Date) => string;
   first?: boolean;
-  infoLabelMode?: 'entity' | 'associatedLabel' | 'none';
+  infoLabelMode?: 'associatedLabel' | 'none';
   item: HistoryListItem;
   labels: HistoryListItemLabels;
   last?: boolean;
@@ -24,28 +24,23 @@ export interface HistoryListItemViewProps {
 export const HistoryListItemView: FC<HistoryListItemViewProps> = ({
   dateFormatter = formatTime,
   first,
-  infoLabelMode = 'entity',
+  infoLabelMode = 'associatedLabel',
   item,
   labels,
   last,
   onPress,
   testID,
 }) => {
-  const identifierId = infoLabelMode === 'entity' ? item.target : undefined;
-  const { data: trustEntity } = useTrustEntity(identifierId);
-
   const label = `${labels.entityTypes[item.entityType]} ${labels.actions[item.action]}`;
 
   const info = useMemo(() => {
     switch (infoLabelMode) {
-      case 'entity':
-        return trustEntity?.name;
       case 'associatedLabel':
         return item.name;
       case 'none':
         return undefined;
     }
-  }, [infoLabelMode, item, trustEntity]);
+  }, [infoLabelMode, item]);
 
   const icon = <HistoryListItemIcon item={item} />;
 

package/src/components/history/history-list-screen.tsx

@@ -38,7 +38,7 @@ export type HistoryListScreenProps = {
 export const HistoryListScreen: FC<PropsWithChildren<HistoryListScreenProps>> = ({
   children,
   groupItems = groupEntriesByDay,
-  itemInfoLabelMode = 'entity',
+  itemInfoLabelMode = 'associatedLabel',
   labels,
   onBackPressed,
   onHistoryItemPressed,

package/src/components/index.ts

@@ -1,6 +1,5 @@
 export * from './backup';
 export * from './credential';
-export * from './entity';
 export * from './history';
 export * from './navigation';
 export * from './proof-request';

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

@@ -13,13 +13,14 @@ import {
 export const SelectCredential: FC<{
   credentialId: string;
   labels: ShareCredentialCardLabels;
+  language?: string;
   lastItem: boolean;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
   onPress?: () => void;
   request: PresentationDefinitionRequestedCredential;
   selected: boolean;
   testID: string;
-}> = ({ credentialId, labels, lastItem, onImagePreview, onPress, request, selected, testID }) => {
+}> = ({ credentialId, labels, language, lastItem, onImagePreview, onPress, request, selected, testID }) => {
   const { data: credential } = useCredentialDetail(credentialId);
   const { data: config } = useCoreConfig();
   const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);
@@ -35,6 +36,7 @@ export const SelectCredential: FC<{
     config,
     testID,
     labels,
+    language,
   );
 
   return (

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

@@ -31,6 +31,7 @@ export const ShareCredential: FunctionComponent<{
   allCredentials: CredentialDetail[];
   expanded?: boolean;
   labels: ShareCredentialLabels;
+  language?: string;
   lastItem?: boolean;
   onHeaderPress?: (_credentialId?: string) => void;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
@@ -45,6 +46,7 @@ export const ShareCredential: FunctionComponent<{
   allCredentials,
   expanded,
   labels,
+  language,
   lastItem,
   onHeaderPress,
   onImagePreview,
@@ -125,6 +127,7 @@ export const ShareCredential: FunctionComponent<{
     config,
     testID,
     labels,
+    language,
   );
 
   return (

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

@@ -9,13 +9,14 @@ import { selectCredentialCardFromV2Credential } from '../../../utils/parsers/cre
 export const SelectCredentialV2: FC<{
   credential: PresentationDefinitionV2Credential;
   labels: ShareCredentialCardLabels;
+  language?: string;
   lastItem: boolean;
   multiple: boolean;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
   onSelected?: (credentialId: CredentialListItem['id'], selected: boolean) => void;
   selected: boolean;
   testID: string;
-}> = ({ credential, labels, lastItem, multiple, onImagePreview, onSelected, selected, testID }) => {
+}> = ({ credential, labels, language, lastItem, multiple, onImagePreview, onSelected, selected, testID }) => {
   const { data: config } = useCoreConfig();
   const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);
 
@@ -34,6 +35,7 @@ export const SelectCredentialV2: FC<{
     config,
     testID,
     labels,
+    language,
   );
 
   return (

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

@@ -33,6 +33,7 @@ export type ShareCredentialGroupLabels = ShareCredentialLabels & {
 
 export type ShareCredentialV2GroupProps = {
   labels: ShareCredentialGroupLabels;
+  language: string;
   lastGroup: boolean;
   onGroupSelect?: (selected: boolean) => void;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
@@ -83,6 +84,7 @@ const heightForNumberOfCards = (numberOfCards: number) => 60 * (numberOfCards +
 
 export const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({
   labels,
+  language,
   lastGroup,
   onGroupSelect,
   onImagePreview,
@@ -165,6 +167,7 @@ export const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({
             headerAccessory={headerAccessory}
             key={credentialRequestId}
             labels={labels}
+            language={language}
             lastItem={lastItem}
             onHeaderPress={singleCredentialGroup ? headerPressHandler : onNestedCardHeaderPress(cardId)}
             onImagePreview={onImagePreview}
@@ -181,6 +184,7 @@ export const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({
   }, [
     expandedCredential,
     labels,
+    language,
     lastGroup,
     headerPressHandler,
     onImagePreview,

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

@@ -20,6 +20,7 @@ export type ShareCredentialV2Props = {
   grouped?: boolean;
   headerAccessory?: React.ComponentType<any> | React.ReactElement;
   labels: ShareCredentialLabels;
+  language: string;
   lastItem?: boolean;
   onHeaderPress?: (_credentialId?: string) => void;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
@@ -44,6 +45,7 @@ export const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({
   grouped,
   headerAccessory,
   labels,
+  language,
   lastItem,
   onHeaderPress,
   onImagePreview,
@@ -64,6 +66,7 @@ export const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({
     () => Dimensions.get('window').width - 32 - (grouped ? GroupedShareCredentialV2Padding * 2 : 0),
     [grouped],
   );
+  const purpose = credentialQuery.type_ === 'APPLICABLE_CREDENTIALS' ? credentialQuery.purpose?.[language] : undefined;
 
   const multipleCredentialsAvailable = Boolean(applicableCredentials?.length && applicableCredentials.length > 1);
 
@@ -152,10 +155,12 @@ export const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({
     failureHint,
     Boolean(expanded),
     multipleCredentialsAvailable,
+    purpose,
     selectedFields,
     config,
     testID,
     labels,
+    language,
   );
 
   if (headerAccessory) {

package/src/ui-components/credential/card/credential-details-card.tsx

@@ -48,6 +48,7 @@ const CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({
 
   const cardHeight = Math.ceil(card.width / CredentialCardRatio);
   const currentHeight = useSharedValue<number | undefined>(undefined);
+  const [animatedHeightSet, setAnimatedHeightSet] = useState(false);
 
   const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];
   const extraAttributes = useMemo(() => (attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : []), [attributes]);
@@ -76,6 +77,7 @@ const CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({
     const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;
     const fullHeight = previewAttributesHeight + additionalHeight;
 
+    setAnimatedHeightSet(true);
     if (!animate) {
       currentHeight.value = fullHeight;
       return;
@@ -139,8 +141,7 @@ const CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({
 
   const { header, ...cardProps } = card;
 
-  const renderExtraAttributes =
-    allAttributesRendered || (previewAttributesHeight !== undefined && currentHeight.value !== undefined);
+  const renderExtraAttributes = allAttributesRendered || (previewAttributesHeight !== undefined && animatedHeightSet);
 
   const ContainerComponent = animate ? Animated.View : View;
   return (

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

@@ -53,13 +53,15 @@ const FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({
 
   const scrollHeaderAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation
     ? {
-        transform: [{
-          translateY: scrollOffset.interpolate({
-            extrapolate: 'clamp',
-            inputRange: [0, headerHeight],
-            outputRange: [0, -headerHeight],
-          }),
-        }],
+        transform: [
+          {
+            translateY: scrollOffset.interpolate({
+              extrapolate: 'clamp',
+              inputRange: [0, headerHeight],
+              outputRange: [0, -headerHeight],
+            }),
+          },
+        ],
       }
     : undefined;
 
@@ -84,8 +86,7 @@ const FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({
     <Animated.View
       style={[styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]}>
       <Animated.View style={scrollHeaderAnimatedStyle}>
-        <View
-          style={[styles.blurFill, { top: -containerPaddingTop }]}>
+        <View style={[styles.blurFill, { top: -containerPaddingTop }]}>
           <BlurView
             blurStyle={'header'}
             color={colorScheme.background}

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

@@ -23,7 +23,16 @@ const backButtonHitSlop: Insets = { top: 12, bottom: 12, left: 20, right: 20 };
  * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624
  * states (Default + Dashboard)
  */
-const Header: FC<HeaderProps> = ({ backIcon, onBack, rightButtons, style, titleRowStyle, testID, title, ...viewProps }) => {
+const Header: FC<HeaderProps> = ({
+  backIcon,
+  onBack,
+  rightButtons,
+  style,
+  titleRowStyle,
+  testID,
+  title,
+  ...viewProps
+}) => {
   const colorScheme = useAppColorScheme();
 
   return (

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

@@ -1,7 +1,7 @@
 import React, { ComponentType, FC, ReactElement, useEffect, useMemo } from 'react';
 import { ColorValue, Dimensions, ImageSourcePropType, StyleSheet, View } from 'react-native';
 
-import { CredentialDetails, CredentialDetailsProps, EntityDetails, EntityDetailsProps } from '../../components';
+import { CredentialDetails, CredentialDetailsProps, TrustInfo, TrustInfoProps } from '../../components';
 import { HeaderInfoButton } from '../../components/navigation/header-buttons';
 import { CardLabels, concatTestID, useCredentialListExpandedCard } from '../../utils';
 import { TouchableOpacity } from '../accessibility';
@@ -59,7 +59,7 @@ export type HistoryDetailsViewProps = {
   data: {
     header?:
       | {
-          entity: EntityDetailsProps;
+          entity: TrustInfoProps;
         }
       | {
           credentialHeader: CredentialHeaderProps;
@@ -141,9 +141,9 @@ export const HistoryDetailsView: FC<HistoryDetailsViewProps> = ({
       testID={testID}>
       <View style={[styles.section, { backgroundColor: colorScheme.white }]}>
         {data.header && 'entity' in data.header && (
-          <EntityDetails
+          <TrustInfo
             {...data.header.entity}
-            style={[styles.entity, { borderColor: colorScheme.background }, data.header.entity.style]}
+            style={[styles.entity, { borderBottomColor: colorScheme.background }, data.header.entity.style]}
           />
         )}
         {data.header && 'credentialHeader' in data.header && (

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

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import Svg, { Path,SvgProps } from 'react-native-svg';
+import Svg, { Path, SvgProps } from 'react-native-svg';
 
 export const MailIcon: FC<SvgProps> = ({ color, ...props }) => {
   return (

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

@@ -44,7 +44,7 @@ export const CredentialWarningIcon: FC<SvgProps> = ({ ...props }) => (
 );
 
 // https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=542-90920&m=dev
-export const CredentialNoticInfoIcon: FC<SvgProps> = ({ ...props }) => {
+export const CredentialNoticeInfoIcon: FC<SvgProps> = ({ ...props }) => {
   const colorScheme = useAppColorScheme();
   return (
     <Svg width={24} height={24} viewBox="0 0 24 24" fill="none" {...props}>

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

@@ -252,3 +252,21 @@ export const NFCIcon: FC<SvgProps> = ({ color, ...props }) => {
     </Svg>
   );
 };
+
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=542-90920
+export const PurposeInfoIcon: FC<SvgProps> = () => {
+  const colorScheme = useAppColorScheme();
+  return (
+    <Svg fill="none" height={24} viewBox="0 0 24 24" width={24}>
+      <Path
+        d="M12.3609 10.7319C12.4714 10.7319 12.5609 10.8215 12.5609 10.9319V15.8C12.5609 15.9105 12.4714 16 12.3609 16H11.7C11.5895 16 11.5 15.9105 11.5 15.8V10.9319C11.5 10.8215 11.5895 10.7319 11.7 10.7319H12.3609ZM11.5 8.2C11.5 8.08954 11.5895 8 11.7 8L12.3609 8C12.4714 8 12.5609 8.08954 12.5609 8.2L12.5609 8.89863C12.5609 9.00909 12.4714 9.09863 12.3609 9.09863H11.7C11.5895 9.09863 11.5 9.00909 11.5 8.89863L11.5 8.2Z"
+        fill={colorScheme.text}
+      />
+      <Path
+        d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z"
+        fill={colorScheme.text}
+        fillRule="evenodd"
+      />
+    </Svg>
+  );
+};

package/src/ui-components/loader/loading-result.tsx

@@ -2,6 +2,7 @@ import React, { FC } from 'react';
 import { Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
+import { concatTestID } from '../../utils';
 import { Button, ButtonProps } from '../buttons/button';
 import ShareButton, { ShareButtonProps } from '../buttons/share-button';
 import NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';
@@ -53,7 +54,12 @@ const LoadingResultScreen: FC<LoadingResultScreenProps> = ({
       </View>
       <View style={styles.loaderWrapper}>
         <LoaderView {...loaderProps} />
-        <Typography align="center" color={colorScheme.text} preset="regular" style={styles.label}>
+        <Typography
+          testID={concatTestID(viewProps.testID, 'label')}
+          align="center"
+          color={colorScheme.text}
+          preset="regular"
+          style={styles.label}>
           {label}
         </Typography>
       </View>

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

@@ -5,7 +5,6 @@ import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { TrustInfo, TrustInfoLabels } from '../../components';
-import EntityDetailsWithButtons, { ContextRole } from '../../components/entity/entity-details-with-buttons';
 import ContrastingStatusBar from '../../utils/contrasting-status-bar';
 import { concatTestID } from '../../utils/testID';
 import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
@@ -16,15 +15,6 @@ import NerdModeItem, { NerdModeItemProps } from '../nerd-view/nerd-mode-item';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 
-export interface EntityLabels {
-  trusted: string;
-  unknownIssuer: string;
-  unknownVerifier: string;
-  visitWebsite: string;
-  termsAndServices: string;
-  privacyPolicy: string;
-}
-
 export interface AttributesLabels {
   trustRegistry: string;
   issuerIdentifier: string;
@@ -37,9 +27,6 @@ export interface AttributesLabels {
 interface SectionEntityCluster {
   identifier?: IdentifierListItem;
   subline?: string;
-  entityLabels: EntityLabels;
-  legacyTrustManagementEnabled: boolean;
-  role: ContextRole;
   testID?: string;
   trustInfoLabels: TrustInfoLabels;
   trustInformation?: TrustInformationDetail;
@@ -115,25 +102,6 @@ const NerdModeScreen: FunctionComponent<NerdModeScreenProps> = ({
     if (!entityCluster) {
       return null;
     }
-    if (entityCluster.legacyTrustManagementEnabled) {
-      return (
-        <EntityDetailsWithButtons
-          {...entityCluster}
-          entityType={EntityType.ProofEntity}
-          entityLabels={entityCluster.entityLabels}
-          attributesLabels={labels}
-          style={[
-            styles.entityCluster,
-            {
-              backgroundColor: colorScheme.nerdView.background,
-            },
-          ]}
-          onCopyToClipboard={onCopyToClipboard}
-          testID={entityCluster.testID ?? concatTestID(testID, 'entityCluster')}
-          textColor={colorScheme.white}
-        />
-      );
-    }
     return (
       <TrustInfo
         labels={entityCluster.trustInfoLabels}
@@ -157,8 +125,6 @@ const NerdModeScreen: FunctionComponent<NerdModeScreenProps> = ({
     entityCluster,
     colorScheme.nerdView.background,
     colorScheme.white,
-    labels,
-    onCopyToClipboard,
     onOpenTrustInfoDetails,
     testID,
   ]);
@@ -182,25 +148,9 @@ const NerdModeScreen: FunctionComponent<NerdModeScreenProps> = ({
       <AnimatedSectionList
         ListHeaderComponent={listHeader}
         onScroll={onScroll}
-        renderItem={({ item, section, index }) => {
+        renderItem={({ item, section }) => {
           if (isSectionEntityCluster(item)) {
-            return item.legacyTrustManagementEnabled ? (
-              <EntityDetailsWithButtons
-                {...item}
-                entityType={EntityType.CredentialEntity}
-                entityLabels={item!.entityLabels}
-                attributesLabels={labels}
-                style={[
-                  styles.entityCluster,
-                  {
-                    backgroundColor: colorScheme.nerdView.background,
-                  },
-                ]}
-                onCopyToClipboard={onCopyToClipboard}
-                testID={item.testID ?? concatTestID(testID, 'sectionEntityCluster', index.toString())}
-                textColor={colorScheme.white}
-              />
-            ) : (
+            return (
               <TrustInfo
                 labels={item.trustInfoLabels}
                 onPress={

package/src/utils/date.ts

@@ -7,10 +7,11 @@ const MINUTE = 60 * 1000;
 const DAY = 24 * 60 * MINUTE;
 
 // OS locale
-const systemLocale: string | undefined = I18nManager.getConstants()
-  .localeIdentifier?.replace(/_/g, '-')
-  .split(/[#@]/)[0]
-  .replace(/-$/, '');
+const systemLocale: string | undefined = (
+  Platform.OS === 'ios' ? Settings.get('AppleLocale') : I18nManager.getConstants().localeIdentifier
+)
+  ?.match(/[a-zA-Z]+_[a-zA-Z]+/)[0]
+  ?.replaceAll('_', '-');
 
 /**
  * Date only format
@@ -136,18 +137,10 @@ export const formatDateOnlyFromUTCTimestamp = (utcTimestamp: number): string =>
   );
 };
 
-const locale = (
-  Platform.OS === 'ios'
-    ? Settings.get('AppleLocale')
-    : I18nManager.getConstants().localeIdentifier
-)
-  ?.split('@')[0]
-  .replace('_', '-');
-
 export const formatDateTimeLocalized = (date: Date) => {
-  return formatDateTime(date, locale);
+  return formatDateTime(date, systemLocale);
 };
 
 export const formatDateLocalized = (date: Date) => {
-  return formatDate(date, locale);
+  return formatDate(date, systemLocale);
 };

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

@@ -3,10 +3,15 @@ import { useMutation, useQueryClient } from 'react-query';
 
 import { useONECore } from './core-context';
 import { CREDENTIAL_DETAIL_QUERY_KEY, CREDENTIAL_LIST_PAGED_QUERY_KEY, CREDENTIAL_LIST_QUERY_KEY } from './credentials';
-import { REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY, TRUST_ENTITY_DETAIL_QUERY_KEY } from './trust-entity';
+import { VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY } from './verifier-instance';
+import { WALLET_UNIT_QUERY_KEY, WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY } from './wallet-unit';
 
 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];
+const WALLET_VERIFIER_INSTANCE_QUERY_KEYS = [
+  WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY,
+  WALLET_UNIT_QUERY_KEY,
+  VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY,
+];
 
 // Map each CacheType to the query keys that should be invalidated when that cache is cleared.
 const cacheTypeToQueryKeys: Record<CacheType, string[]> = {
@@ -15,11 +20,13 @@ const cacheTypeToQueryKeys: Record<CacheType, string[]> = {
   [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.TRUST_LIST]: CREDENTIAL_QUERY_KEYS,
   [CacheType.X509_CRL]: CREDENTIAL_QUERY_KEYS,
   [CacheType.ANDROID_ATTESTATION_CRL]: CREDENTIAL_QUERY_KEYS,
   [CacheType.OPEN_ID_METADATA_HOLDER]: CREDENTIAL_QUERY_KEYS,
   [CacheType.OPEN_ID_METADATA_ISSUER]: CREDENTIAL_QUERY_KEYS,
+  [CacheType.WALLET_PROVIDER_METADATA]: WALLET_VERIFIER_INSTANCE_QUERY_KEYS,
+  [CacheType.REMOTE_TRUST_COLLECTION]: WALLET_VERIFIER_INSTANCE_QUERY_KEYS,
 };
 
 export const useCacheClear = () => {

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

@@ -1,4 +1,4 @@
-import { ConfigEntities,CoreConfig } 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';
@@ -25,8 +25,3 @@ export const getEnabledExchangeProtocols = (exchangeProtocol: ConfigEntities<any
     .map((exchange) => exchange.type);
 };
 
-export const getEnabledTrustManagement = (config: CoreConfig): string[] => {
-  return Object.values(config?.trustManagement ?? {})
-    .filter((t) => t.enabled !== false)
-    .map((trustManagement) => trustManagement.type);
-};

package/src/utils/hooks/core/core-context.tsx

@@ -11,8 +11,6 @@ import React, {
 } from 'react';
 
 import { reportException } from '../../reporting';
-import { getEnabledTrustManagement } from './core-config';
-import { TrustManagementEnum, useCreateTrustAnchor } from './trust-entity';
 
 interface ContextValue {
   core: ONECore;
@@ -29,7 +27,6 @@ const defaultContextValue: ContextValue = {
 export type ONECoreContextProviderProps = {
   config?: Record<string, unknown>;
   organisationId?: string;
-  publisherReference?: string;
 };
 
 const ONECoreContext = createContext<ContextValue>(defaultContextValue);
@@ -37,11 +34,9 @@ const ONECoreContext = createContext<ContextValue>(defaultContextValue);
 export const ONECoreContextProvider: FC<PropsWithChildren<ONECoreContextProviderProps>> = ({
   children,
   organisationId = defaultContextValue.organisationId,
-  publisherReference,
   config,
 }) => {
   const [core, setCore] = useState<ONECore>();
-  const createTrustAnchor = useCreateTrustAnchor();
 
   const initialize = useCallback(
     async (force?: boolean) => {
@@ -76,25 +71,6 @@ export const ONECoreContextProvider: FC<PropsWithChildren<ONECoreContextProvider
     [],
   );
 
-  useEffect(() => {
-    if (!core || !publisherReference) {
-      return;
-    }
-
-    core
-      .getConfig()
-      .then((coreConfig) => {
-        const trustManagementEnabled = getEnabledTrustManagement(coreConfig).includes(
-          TrustManagementEnum.SimpleTrustList,
-        );
-
-        if (trustManagementEnabled) {
-          createTrustAnchor(core, publisherReference).catch(() => {});
-        }
-      })
-      .catch(() => {});
-  }, [core, createTrustAnchor, publisherReference]);
-
   const contextValue = useMemo(
     () => ({
       core: core ?? defaultContextValue.core,

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

@@ -170,6 +170,19 @@ export const useCredentialDelete = () => {
   });
 };
 
+export const useCredentialRefresh = () => {
+  const queryClient = useQueryClient();
+  const { core } = useONECore();
+
+  return useMutation(async (interactionId: string) => core.holderRefreshCredential(interactionId), {
+    onSuccess: async () => {
+      await queryClient.invalidateQueries(CREDENTIAL_LIST_QUERY_KEY);
+      await queryClient.invalidateQueries(CREDENTIAL_DETAIL_QUERY_KEY);
+      await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
+    },
+  });
+};
+
 export const useInvalidateCredentialDetails = () => {
   const queryClient = useQueryClient();
 

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

@@ -11,7 +11,6 @@ export * from './identifiers';
 export * from './proof-schemas';
 export * from './proofs';
 export * from './query';
-export * from './trust-entity';
 export * from './trust-list';
 export * from './verifier-instance';
 export * from './wallet-unit';