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

package/lib/typescript/utils/hooks/core/index.d.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';

package/lib/typescript/utils/hooks/core/trust-list.d.ts

@@ -1,5 +1,2 @@
-export declare const useTrustCollectionSync: () => import("react-query").UseMutationResult<string, unknown, {
-    holderWalletUnitId?: string | undefined;
-    verifierInstanceId?: string | undefined;
-}, unknown>;
+export declare const useTrustCollectionSync: () => import("react-query").UseMutationResult<string, unknown, void, unknown>;
 export declare const useTrustListSubscriptionUpdate: () => import("react-query").UseMutationResult<string, unknown, void, unknown>;

package/lib/typescript/utils/hooks/core/verifier-instance.d.ts

@@ -1,5 +1,7 @@
 import { RegisterVerifierInstanceRequest, UpdateVerifierInstanceRequest } from '@procivis/react-native-one-core';
+export declare const VERIFIER_INSTANCE_QUERY_KEY = "verifier-instance";
 export declare const VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY = "verifier-instance-trust-collections";
+export declare const useVerifierInstance: (active?: boolean) => import("react-query").UseQueryResult<import("@procivis/react-native-one-core").VerifierInstanceDetail | undefined, unknown>;
 export declare const useVerifierInstanceTrustCollections: (verifierInstanceId: string | undefined, active?: boolean) => import("react-query").UseQueryResult<import("@procivis/react-native-one-core").TrustCollections | undefined, unknown>;
 export declare const useRegisterVerifierInstance: () => import("react-query").UseMutationResult<import("@procivis/react-native-one-core").RegisterVerifierInstanceResponse, unknown, Omit<RegisterVerifierInstanceRequest, "organisationId">, unknown>;
 export declare const useVerifierInstanceUpdate: () => import("react-query").UseMutationResult<void, unknown, {

package/lib/typescript/utils/hooks/core/wallet-unit.d.ts

@@ -1,9 +1,9 @@
-import { HolderWalletUnit, HolderWalletUnitUpdateRequest, WalletProvider } from '@procivis/react-native-one-core';
+import { HolderRegisterWalletUnitRequest, HolderWalletUnit, HolderWalletUnitUpdateRequest } from '@procivis/react-native-one-core';
 export declare const WALLET_UNIT_QUERY_KEY = "wallet-unit";
 export declare const WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY = "wallet-unit-trust-collections";
 export declare const useWalletUnitDetail: (walletUnitId: HolderWalletUnit['id'] | undefined, active?: boolean) => import("react-query").UseQueryResult<HolderWalletUnit | undefined, unknown>;
 export declare const useWalletUnitTrustCollections: (walletUnitId: HolderWalletUnit['id'] | undefined, active?: boolean) => import("react-query").UseQueryResult<import("@procivis/react-native-one-core").TrustCollections | undefined, unknown>;
-export declare const useRegisterWalletUnit: () => import("react-query").UseMutationResult<import("@procivis/react-native-one-core").HolderRegisterWalletUnitResponse, unknown, WalletProvider, unknown>;
+export declare const useRegisterWalletUnit: () => import("react-query").UseMutationResult<import("@procivis/react-native-one-core").HolderRegisterWalletUnitResponse, unknown, Omit<HolderRegisterWalletUnitRequest, "organisationId" | "keyType">, unknown>;
 export declare const useWalletUnitStatus: () => import("react-query").UseMutationResult<void, unknown, string, unknown>;
 export declare const useWalletUnitUpdate: () => import("react-query").UseMutationResult<void, unknown, {
     walletUnitId: HolderWalletUnit['id'];

package/lib/typescript/utils/parsers/credential-sharing-v2.d.ts

@@ -2,9 +2,9 @@ import { CoreConfig, CredentialQueryFailureHint, PresentationDefinitionV2Claim,
 import { CredentialAttribute, CredentialCardNotice, CredentialCardProps } from '../../ui-components';
 import { CredentialDetailsCardPropsWithoutWidth } from '.';
 import { ShareCredentialCardLabels } from './credential-sharing';
-export declare const shareCredentialCardAttributeFromV2Claim: (claim: PresentationDefinitionV2Claim, selection: string[] | undefined, parentShared: boolean, parentUserSelected: boolean, config: CoreConfig, testID: string, nested?: boolean, listValue?: boolean) => CredentialAttribute;
+export declare const shareCredentialCardAttributeFromV2Claim: (claim: PresentationDefinitionV2Claim, selection: string[] | undefined, parentShared: boolean, parentUserSelected: boolean, config: CoreConfig, testID: string, language: string | undefined, nested?: boolean, listValue?: boolean) => CredentialAttribute;
 export declare const missingCredentialCardFromFailureHint: (failureHint: CredentialQueryFailureHint | undefined, notice: CredentialCardNotice | undefined, testID: string, labels: ShareCredentialCardLabels) => Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'>;
-export declare const shareCredentialCardFromV2PresentationCredential: (credential: PresentationDefinitionV2Credential | undefined, failureHint: CredentialQueryFailureHint | undefined, expanded: boolean, multipleCredentialsAvailable: boolean, selectedFields: string[] | undefined, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels) => CredentialDetailsCardPropsWithoutWidth;
-export declare const selectCredentialCardFromV2Credential: (credential: PresentationDefinitionV2Credential, selected: boolean, multiple: boolean, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels) => CredentialDetailsCardPropsWithoutWidth;
+export declare const shareCredentialCardFromV2PresentationCredential: (credential: PresentationDefinitionV2Credential | undefined, failureHint: CredentialQueryFailureHint | undefined, expanded: boolean, multipleCredentialsAvailable: boolean, purpose: string | undefined, selectedFields: string[] | undefined, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, language: string | undefined) => CredentialDetailsCardPropsWithoutWidth;
+export declare const selectCredentialCardFromV2Credential: (credential: PresentationDefinitionV2Credential, selected: boolean, multiple: boolean, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, language: string | undefined) => CredentialDetailsCardPropsWithoutWidth;
 export declare const getV2CredentialClaimAllSubpaths: (claim: PresentationDefinitionV2Claim) => string[];
 export declare const getV2CredentialAvailablePaths: (credential: PresentationDefinitionV2Credential) => string[];

package/lib/typescript/utils/parsers/credential-sharing.d.ts

@@ -2,19 +2,19 @@ import { Claim, CoreConfig, CredentialDetail, PresentationDefinitionField, Prese
 import { CredentialAttribute, CredentialCardProps } from '../../ui-components/credential';
 import { CredentialCardNotice } from '../../ui-components/credential/card/credential-card';
 import { CardLabels, CredentialDetailsCardPropsWithoutWidth } from './credential';
-export declare const validityCheckedCardFromCredential: (credential: CredentialDetail, expanded: boolean, multipleCredentialsAvailable: boolean, config: CoreConfig, notice: CredentialCardNotice | undefined, testID: string, labels: ShareCredentialCardLabels) => Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'testID' | 'width'>;
+export declare const validityCheckedCardFromCredential: (credential: CredentialDetail, expanded: boolean, selectiveDisclosureSupported: boolean | undefined, multipleCredentialsAvailable: boolean, config: CoreConfig, notice: CredentialCardNotice | undefined, testID: string, labels: ShareCredentialCardLabels, language: string | undefined) => Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'testID' | 'width'>;
 export declare const missingCredentialCardFromRequest: (request: PresentationDefinitionRequestedCredential, notice: CredentialCardNotice | undefined, testID: string, labels: ShareCredentialCardLabels) => Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'>;
 type FlatClaim = Claim & {
     isArrayElement?: boolean;
 };
-export declare const shareCredentialCardAttributeFromClaim: (id: string, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, claim?: FlatClaim, field?: PresentationDefinitionField) => CredentialAttribute;
+export declare const shareCredentialCardAttributeFromClaim: (id: string, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, language: string | undefined, claim?: FlatClaim, field?: PresentationDefinitionField) => CredentialAttribute;
 export type ShareCredentialCardLabels = CardLabels & {
-    selectiveDisclosureNotice: string;
+    selectiveDisclosure: string;
     missingAttribute: string;
     missingCredential: string;
     multipleCredentials: string;
 };
-export declare const shareCredentialCardFromCredential: (credential: CredentialDetail | undefined, expanded: boolean, multipleCredentialsAvailable: boolean, request: PresentationDefinitionRequestedCredential, selectedFields: string[] | undefined, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels) => CredentialDetailsCardPropsWithoutWidth;
-export declare const selectCredentialCardAttributeFromClaim: (id: string, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, claim?: FlatClaim, field?: PresentationDefinitionField) => CredentialAttribute;
-export declare const selectCredentialCardFromCredential: (credential: CredentialDetail, selected: boolean, request: PresentationDefinitionRequestedCredential, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels) => CredentialDetailsCardPropsWithoutWidth;
+export declare const shareCredentialCardFromCredential: (credential: CredentialDetail | undefined, expanded: boolean, multipleCredentialsAvailable: boolean, request: PresentationDefinitionRequestedCredential, selectedFields: string[] | undefined, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, language: string | undefined) => CredentialDetailsCardPropsWithoutWidth;
+export declare const selectCredentialCardAttributeFromClaim: (id: string, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, language: string | undefined, claim?: FlatClaim, field?: PresentationDefinitionField) => CredentialAttribute;
+export declare const selectCredentialCardFromCredential: (credential: CredentialDetail, selected: boolean, request: PresentationDefinitionRequestedCredential, config: CoreConfig, testID: string, labels: ShareCredentialCardLabels, language: string | undefined) => CredentialDetailsCardPropsWithoutWidth;
 export {};

package/lib/typescript/utils/parsers/credential.d.ts

@@ -16,16 +16,16 @@ export type CardHeaderLabels = {
     suspended: string;
     suspendedUntil: (date: string) => string;
 };
-export declare const cardHeaderFromCredential: (credential: CredentialDetail, claims: Claim[] | undefined, config: CoreConfig, testID: string, labels: CardHeaderLabels) => Omit<CredentialHeaderProps, 'style'>;
+export declare const cardHeaderFromCredential: (credential: CredentialDetail, claims: Claim[] | undefined, config: CoreConfig, testID: string, labels: CardHeaderLabels, language: string | undefined) => Omit<CredentialHeaderProps, 'style'>;
 export type CardLabels = CardHeaderLabels & {
     validityIssuesNotice: string;
 };
-export declare const getCredentialCardPropsFromCredential: (credential: CredentialDetail, claims: Claim[] | undefined, config: CoreConfig, notice: CredentialCardNotice | undefined, testID: string, labels: CardLabels) => Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'>;
-export declare const detailsCardAttributeFromClaim: (claim: Claim, config: CoreConfig, testID: string) => CredentialAttribute;
+export declare const getCredentialCardPropsFromCredential: (credential: CredentialDetail, claims: Claim[] | undefined, config: CoreConfig, notice: CredentialCardNotice | undefined, testID: string, labels: CardLabels, language: string | undefined) => Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'>;
+export declare const detailsCardAttributeFromClaim: (claim: Claim, config: CoreConfig, testID: string, language: string | undefined) => CredentialAttribute;
 export type CredentialDetailsCardPropsWithoutWidth = Omit<CredentialDetailsCardProps, 'expanded' | 'card'> & {
     card: Omit<CredentialCardProps, 'width'>;
 };
-export declare const detailsCardFromCredential: (credential: CredentialDetail, config: CoreConfig, testID: string, labels: CardLabels) => CredentialDetailsCardPropsWithoutWidth;
-export declare const detailsCardFromCredentialWithClaims: (credential: CredentialDetail, claims: Claim[], config: CoreConfig, testID: string, labels: CardLabels) => CredentialDetailsCardPropsWithoutWidth;
+export declare const detailsCardFromCredential: (credential: CredentialDetail, config: CoreConfig, testID: string, labels: CardLabels, language: string | undefined) => CredentialDetailsCardPropsWithoutWidth;
+export declare const detailsCardFromCredentialWithClaims: (credential: CredentialDetail, claims: Claim[], config: CoreConfig, testID: string, labels: CardLabels, language: string | undefined) => CredentialDetailsCardPropsWithoutWidth;
 export declare const nestAttributes: (attributes: CredentialAttribute[]) => CredentialAttribute[];
 export declare function getCredentialSchemaWithoutImages<T extends CredentialSchemaListItem>(credentialSchema: T): T;

package/lib/typescript/utils/parsers/query.d.ts

@@ -1,7 +1,7 @@
 import { CredentialListQuery, CredentialSchemaListQuery, DidListQuery, HistoryListQuery, IdentifierListQuery, ProofListQuery, ProofSchemaListQuery } from '@procivis/react-native-one-core';
-export declare const getQueryKeyFromCredentialListQueryParams: (queryParams?: Partial<CredentialListQuery>) => (string | number | string[] | import("@procivis/react-native-one-core").CredentialListQuerySearchType[] | import("@procivis/react-native-one-core").CredentialListQueryExactColumn[] | import("@procivis/react-native-one-core").CredentialRole[] | import("@procivis/react-native-one-core").CredentialState[] | import("@procivis/react-native-one-core").CredentialListIncludeEntityType[] | undefined)[];
+export declare const getQueryKeyFromCredentialListQueryParams: (queryParams?: Partial<CredentialListQuery>) => (string | number | string[] | import("@procivis/react-native-one-core").CredentialListQuerySearchType[] | import("@procivis/react-native-one-core").CredentialListQueryExactColumn[] | import("@procivis/react-native-one-core").CredentialRole[] | import("@procivis/react-native-one-core").CredentialState[] | import("@procivis/react-native-one-core").CredentialType[] | import("@procivis/react-native-one-core").CredentialListIncludeEntityType[] | undefined)[];
 export declare const getQueryKeyFromHistoryListQueryParams: (queryParams?: Partial<HistoryListQuery>) => (string | number | string[] | import("@procivis/react-native-one-core").HistorySearch | import("@procivis/react-native-one-core").HistoryEntityType[] | import("@procivis/react-native-one-core").HistoryAction[] | undefined)[];
-export declare const getQueryKeyFromCredentialSchemaListQueryParams: (queryParams?: Partial<CredentialSchemaListQuery>) => (string | number | string[] | import("@procivis/react-native-one-core").CredentialSchemaListQueryExactColumn[] | import("@procivis/react-native-one-core").CredentialSchemaListIncludeEntityType[] | undefined)[];
+export declare const getQueryKeyFromCredentialSchemaListQueryParams: (queryParams?: Partial<CredentialSchemaListQuery>) => (string | number | boolean | string[] | import("@procivis/react-native-one-core").CredentialSchemaListQueryExactColumn[] | import("@procivis/react-native-one-core").CredentialSchemaListIncludeEntityType[] | undefined)[];
 export declare const getQueryKeyFromProofSchemaListQueryParams: (queryParams?: Partial<ProofSchemaListQuery>) => (string | number | string[] | import("@procivis/react-native-one-core").ProofSchemaListQueryExactColumn[] | undefined)[];
 export declare const getQueryKeyFromProofListQueryParams: (queryParams?: Partial<ProofListQuery>) => (string | number | string[] | import("@procivis/react-native-one-core").ProofListQueryExactColumn[] | import("@procivis/react-native-one-core").ProofState[] | import("@procivis/react-native-one-core").ProofRole[] | undefined)[];
 export declare const getQueryKeyFromDidListQueryParams: (queryParams?: Partial<DidListQuery>) => (string | number | boolean | string[] | import("@procivis/react-native-one-core").DidListQueryExactColumn[] | import("@procivis/react-native-one-core").KeyRole[] | undefined)[];

package/lib/typescript/utils/translations.d.ts

@@ -0,0 +1 @@
+export declare const getTranslatedLabel: (translations: Record<string, string> | undefined, language: string | undefined, defaultLanguage: string) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procivis/one-react-native-components",
-  "version": "0.3.121",
+  "version": "0.3.132",
   "author": "Procivis AG (https://procivis.ch)",
   "license": "Apache-2.0",
   "description": "Common Procivis ONE UI components for react-native",
@@ -53,7 +53,7 @@
     "@babel/runtime": "^7.25.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@gorhom/bottom-sheet": "^5.1.2",
-    "@procivis/react-native-one-core": "1.100642.0",
+    "@procivis/react-native-one-core": "1.108225.0",
     "@procivis/react-native-picker": "5.0.3",
     "@react-native-async-storage/async-storage": "^1.17.3",
     "@react-native-community/blur": "^4.4.0",
@@ -142,7 +142,7 @@
     "vite": "^6.4.2"
   },
   "peerDependencies": {
-    "@procivis/react-native-one-core": "^1.100642.0",
+    "@procivis/react-native-one-core": "^1.108225.0",
     "@procivis/react-native-picker": "*",
     "@react-native-community/blur": "*",
     "@react-native-community/netinfo": "^11.4.1",

package/src/components/credential/credential.tsx

@@ -14,6 +14,7 @@ export interface CredentialDetailsProps {
   expanded?: boolean;
   headerAccessory?: CredentialHeaderProps['accessory'];
   labels: CardLabels;
+  language?: string;
   lastItem?: boolean;
   onHeaderPress?: (credentialId?: string) => void;
   onImagePreview: (title: string, image: ImageSourcePropType) => void;
@@ -24,6 +25,7 @@ export const CredentialDetails: FC<CredentialDetailsProps> = ({
   credentialId,
   expanded = false,
   labels,
+  language,
   lastItem,
   onHeaderPress,
   onImagePreview,
@@ -44,6 +46,7 @@ export const CredentialDetails: FC<CredentialDetailsProps> = ({
     config,
     testID,
     labels,
+    language,
   );
   if (headerAccessory) {
     card.header.accessory = headerAccessory;

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

@@ -42,6 +42,7 @@ const defaultIcons: {
     OFFERED: HistoryStatusAcceptedIcon,
     PENDING: HistoryStatusAcceptedIcon,
     REJECTED: HistoryStatusErrorIcon,
+    REFRESHED: HistoryStatusAcceptedIcon,
     REMOVED: HistoryStatusDeleteIcon,
     REQUESTED: HistoryStatusAcceptedIcon,
     RESTORED: HistoryStatusAcceptedIcon,
@@ -61,6 +62,7 @@ const defaultIcons: {
     WRP_AC_RECEIVED: HistoryStatusAcceptedIcon,
     WRP_RC_RECEIVED: HistoryStatusAcceptedIcon,
     WRP_NR_RECEIVED: HistoryStatusAcceptedIcon,
+    TRUST_RESOLVED: HistoryStatusAcceptedIcon,
   },
   entityTypes: {
     BACKUP: HistoryRevokeIcon,
@@ -73,8 +75,6 @@ const defaultIcons: {
     ORGANISATION: HistoryOrganisationIcon,
     PROOF: HistoryProofRequestIcon,
     PROOF_SCHEMA: HistorySchemaIcon,
-    TRUST_ANCHOR: HistoryTrustAnchorIcon,
-    TRUST_ENTITY: HistoryTrustedEntityIcon,
     WALLET_UNIT: HistoryTrustedEntityIcon,
     WALLET_RELYING_PARTY: HistoryTrustedEntityIcon,
     USER: HistoryIdentifierIcon,

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

@@ -1,8 +1,8 @@
 import { HistoryAction, HistoryEntityType, HistoryListItem } from '@procivis/react-native-one-core';
 import React, { FC, useCallback, useMemo } from 'react';
 
-import { HistoryItemView } from '../../ui-components';
-import { formatTime, useTrustEntity } from '../../utils';
+import { ListItemView } from '../../ui-components';
+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} />;
 
@@ -54,7 +49,8 @@ export const HistoryListItemView: FC<HistoryListItemViewProps> = ({
   }, [onPress, item]);
 
   return (
-    <HistoryItemView
+    <ListItemView
+      accessory={dateFormatter(new Date(item.createdDate))}
       first={first}
       icon={icon}
       info={info}
@@ -62,7 +58,6 @@ export const HistoryListItemView: FC<HistoryListItemViewProps> = ({
       last={last}
       onPress={pressHandler}
       testID={testID}
-      time={dateFormatter(new Date(item.createdDate)) ?? ''}
     />
   );
 };

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

@@ -1,6 +1,7 @@
 import {
   ApplicableCredentialOrFailureHint,
   CredentialListItem,
+  CredentialType,
   PresentationDefinitionV2Claim,
 } from '@procivis/react-native-one-core';
 import React, { FunctionComponent, useCallback, useMemo } from 'react';
@@ -20,6 +21,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 +46,7 @@ export const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({
   grouped,
   headerAccessory,
   labels,
+  language,
   lastItem,
   onHeaderPress,
   onImagePreview,
@@ -64,6 +67,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);
 
@@ -72,6 +76,7 @@ export const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({
       ? {
           ...credential,
           issuer: credential?.issuer?.id,
+          type: CredentialType.SINGLE,
         }
       : undefined,
   );
@@ -152,10 +157,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/history/history-section-list-item.tsx

@@ -1,13 +1,13 @@
 import React, { FC } from 'react';
 import { StyleSheet, View } from 'react-native';
 
+import ListItemView, { ListItemViewProps } from '../list/list-item';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-import HistoryItemView, { HistoryItemViewProps } from './history-item';
 
 // 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 {
+export interface HistorySectionListItemProps extends ListItemViewProps {
   first?: boolean;
 }
 
@@ -15,7 +15,7 @@ const HistorySectionListItem: FC<HistorySectionListItemProps> = ({ first, last,
   const colorScheme = useAppColorScheme();
   return (
     <View style={[styles.item, first && styles.first, last && styles.last, { backgroundColor: colorScheme.white }]}>
-      <HistoryItemView last={last} {...props} />
+      <ListItemView last={last} {...props} />
     </View>
   );
 };

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

@@ -1,13 +1,10 @@
 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 type { HistorySectionListItemProps } from './history-section-list-item';
 import HistorySectionListItem from './history-section-list-item';
 
 export * from './history-details';
 export { DataItem, DataItemProps };
-export { HistoryItemView, HistoryItemViewProps };
 export { HistorySectionHeaderView };
 export { HistorySectionListItem, HistorySectionListItemProps };

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}>