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

package/src/utils/hooks/core/trust-list.ts

@@ -1,29 +1,40 @@
-import { HolderWalletUnit } from '@procivis/react-native-one-core';
-import { useMutation } from 'react-query';
+import { useMutation, useQueryClient } from 'react-query';
 
 import { reportException } from '../../reporting';
 import { useONECore } from './core-context';
+import { VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY } from './verifier-instance';
+import { WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY } from './wallet-unit';
 
 export const useTrustCollectionSync = () => {
+  const queryClient = useQueryClient();
   const { core } = useONECore();
 
-  return useMutation(
-    async (params: { holderWalletUnitId?: HolderWalletUnit['id']; verifierInstanceId?: string }) =>
-      core.runTask('TRUST_COLLECTION_SYNC', JSON.stringify(params)),
-    {
-      onError: (err) => {
-        reportException(err, 'TRUST_COLLECTION_SYNC error');
-      },
+  return useMutation(async () => core.runTask('TRUST_COLLECTION_SYNC', undefined), {
+    onError: async (err) => {
+      reportException(err, 'TRUST_COLLECTION_SYNC error');
+      await queryClient.invalidateQueries(WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY);
+      await queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY);
     },
-  );
+    onSuccess: async () => {
+      await queryClient.invalidateQueries(WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY);
+      await queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY);
+    },
+  });
 };
 
 export const useTrustListSubscriptionUpdate = () => {
+  const queryClient = useQueryClient();
   const { core } = useONECore();
 
   return useMutation(async () => core.runTask('TRUST_LIST_SUBSCRIPTION_UPDATE', undefined), {
-    onError: (err) => {
+    onError: async (err) => {
       reportException(err, 'TRUST_LIST_SUBSCRIPTION_UPDATE error');
+      await queryClient.invalidateQueries(WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY);
+      await queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY);
+    },
+    onSuccess: async () => {
+      await queryClient.invalidateQueries(WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY);
+      await queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY);
     },
   });
 };

package/src/utils/hooks/core/verifier-instance.ts

@@ -4,8 +4,22 @@ import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { reportException } from '../../reporting';
 import { useONECore } from './core-context';
 
+export const VERIFIER_INSTANCE_QUERY_KEY = 'verifier-instance';
 export const VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY = 'verifier-instance-trust-collections';
 
+export const useVerifierInstance = (active = true) => {
+  const { core, organisationId } = useONECore();
+
+  return useQuery(
+    [VERIFIER_INSTANCE_QUERY_KEY],
+    () => core.getOrganisation(organisationId).then((org) => org.verifierInstance),
+    {
+      enabled: active,
+      keepPreviousData: true,
+    },
+  );
+};
+
 export const useVerifierInstanceTrustCollections = (verifierInstanceId: string | undefined, active = true) => {
   const { core } = useONECore();
 
@@ -31,7 +45,10 @@ export const useRegisterVerifierInstance = () => {
       }),
 
     {
-      onSuccess: () => queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY),
+      onSuccess: async () => {
+        await queryClient.invalidateQueries(VERIFIER_INSTANCE_QUERY_KEY);
+        await queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY);
+      },
     },
   );
 };
@@ -46,9 +63,13 @@ export const useVerifierInstanceUpdate = () => {
     {
       onError: async (err) => {
         reportException(err, 'Update verifier instance failure');
+        await queryClient.invalidateQueries(VERIFIER_INSTANCE_QUERY_KEY);
+        await queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY);
+      },
+      onSuccess: async () => {
+        await queryClient.invalidateQueries(VERIFIER_INSTANCE_QUERY_KEY);
         await queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY);
       },
-      onSuccess: () => queryClient.invalidateQueries(VERIFIER_INSTANCE_TRUST_COLLECTIONS_QUERY_KEY),
     },
   );
 };

package/src/utils/hooks/core/wallet-unit.ts

@@ -1,7 +1,7 @@
 import {
+  HolderRegisterWalletUnitRequest,
   HolderWalletUnit,
   HolderWalletUnitUpdateRequest,
-  WalletProvider,
   WalletUnitStatus,
 } from '@procivis/react-native-one-core';
 import { useEffect } from 'react';
@@ -44,11 +44,11 @@ export const useRegisterWalletUnit = () => {
   const { core, organisationId } = useONECore();
 
   return useMutation(
-    async (walletProvider: WalletProvider) =>
+    async (request: Omit<HolderRegisterWalletUnitRequest, 'organisationId' | 'keyType'>) =>
       core.holderRegisterWalletUnit({
         keyType: 'ECDSA',
         organisationId,
-        walletProvider,
+        ...request,
       }),
 
     {

package/src/utils/parsers/credential-sharing-v2.tsx

@@ -15,6 +15,7 @@ import {
   CredentialCardProps,
   CredentialNoticeWarningIcon,
   CredentialWarningIcon,
+  PurposeInfoIcon,
   Selector,
   SelectorStatus,
 } from '../../ui-components';
@@ -72,6 +73,7 @@ export const shareCredentialCardAttributeFromV2Claim = (
   parentUserSelected: boolean,
   config: CoreConfig,
   testID: string,
+  language: string | undefined,
   nested?: boolean,
   listValue?: boolean,
 ): CredentialAttribute => {
@@ -82,7 +84,7 @@ export const shareCredentialCardAttributeFromV2Claim = (
   const status = selection
     ? getAttributeSelectorStatus(claim, attributeShared, parentUserSelected || (attributeShared && !userSelected))
     : undefined;
-  const attribute = detailsCardAttributeFromClaim(v2PresentationClaimToClaim(claim), config, testID);
+  const attribute = detailsCardAttributeFromClaim(v2PresentationClaimToClaim(claim), config, testID, language);
   const disabledStatus = [SelectorStatus.Disabled, SelectorStatus.Rejected, SelectorStatus.Required];
   const disabled = attribute.disabled || !status || disabledStatus.includes(status);
   const credentialAttribute: CredentialAttribute = {
@@ -111,6 +113,7 @@ export const shareCredentialCardAttributeFromV2Claim = (
             userSelected,
             config,
             testID,
+            language,
             true,
             false,
           ),
@@ -120,7 +123,16 @@ export const shareCredentialCardAttributeFromV2Claim = (
       return {
         ...credentialAttribute,
         attributes: claim.value.value.map((v) =>
-          shareCredentialCardAttributeFromV2Claim(v, selection, attributeShared, userSelected, config, testID, true),
+          shareCredentialCardAttributeFromV2Claim(
+            v,
+            selection,
+            attributeShared,
+            userSelected,
+            config,
+            testID,
+            language,
+            true,
+          ),
         ),
         image: undefined,
         value: undefined,
@@ -158,22 +170,23 @@ export const shareCredentialCardFromV2PresentationCredential = (
   failureHint: CredentialQueryFailureHint | undefined,
   expanded: boolean,
   multipleCredentialsAvailable: boolean,
+  purpose: string | undefined,
   selectedFields: string[] | undefined,
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
     config,
   );
-  const notice: CredentialCardNotice | undefined =
-    selectiveDisclosureSupported === false
-      ? {
-          noticeIcon: CredentialNoticeWarningIcon,
-          text: labels.selectiveDisclosureNotice,
-        }
-      : undefined;
+  const notice: CredentialCardNotice | undefined = purpose
+    ? {
+        noticeIcon: PurposeInfoIcon,
+        text: purpose,
+      }
+    : undefined;
   const cardTestId = concatTestID(testID, 'card');
   const card = credential
     ? validityCheckedCardFromCredential(
@@ -182,18 +195,20 @@ export const shareCredentialCardFromV2PresentationCredential = (
           claims: [],
         },
         expanded,
+        selectiveDisclosureSupported,
         multipleCredentialsAvailable,
         config,
         notice,
         cardTestId,
         labels,
+        language,
       )
     : missingCredentialCardFromFailureHint(failureHint, notice, cardTestId, labels);
 
   return {
     attributes:
       credential?.claims.map((v) =>
-        shareCredentialCardAttributeFromV2Claim(v, selectedFields ?? [], true, false, config, testID),
+        shareCredentialCardAttributeFromV2Claim(v, selectedFields ?? [], true, false, config, testID, language),
       ) ?? [],
     card,
   };
@@ -206,6 +221,7 @@ export const selectCredentialCardFromV2Credential = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
@@ -217,7 +233,7 @@ export const selectCredentialCardFromV2Credential = (
     selectiveDisclosureSupported === false
       ? {
           noticeIcon: CredentialNoticeWarningIcon,
-          text: labels.selectiveDisclosureNotice,
+          text: labels.selectiveDisclosure,
         }
       : undefined;
   const { header, ...cardProps } = getCredentialCardPropsFromCredential(
@@ -230,6 +246,7 @@ export const selectCredentialCardFromV2Credential = (
     notice,
     testID,
     labels,
+    language,
   );
   const card = {
     header: {
@@ -241,7 +258,7 @@ export const selectCredentialCardFromV2Credential = (
   return {
     attributes:
       credential?.claims.map((v) =>
-        shareCredentialCardAttributeFromV2Claim(v, undefined, false, false, config, testID),
+        shareCredentialCardAttributeFromV2Claim(v, undefined, false, false, config, testID, language),
       ) ?? [],
     card,
   };

package/src/utils/parsers/credential-sharing.tsx

@@ -31,11 +31,13 @@ import {
 export 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'> => {
   let credentialHeaderDetail:
     | Pick<
@@ -47,7 +49,13 @@ export const validityCheckedCardFromCredential = (
         | 'statusIcon'
       >
     | undefined;
-  if (!expanded && multipleCredentialsAvailable) {
+  if (selectiveDisclosureSupported === false) {
+    credentialHeaderDetail = {
+      credentialDetailPrimary: labels.selectiveDisclosure,
+      credentialDetailTestID: concatTestID(testID, 'header.nonSelectiveDisclosure'),
+      statusIcon: CredentialWarningIcon,
+    };
+  } else if (!expanded && multipleCredentialsAvailable) {
     credentialHeaderDetail = {
       credentialDetailPrimary: labels.multipleCredentials,
       credentialDetailTestID: concatTestID(testID, 'header.multiple'),
@@ -55,7 +63,15 @@ export const validityCheckedCardFromCredential = (
     };
   }
 
-  const card = getCredentialCardPropsFromCredential(credential, credential.claims, config, notice, testID, labels);
+  const card = getCredentialCardPropsFromCredential(
+    credential,
+    credential.claims,
+    config,
+    notice,
+    testID,
+    labels,
+    language,
+  );
   return {
     ...card,
     header: {
@@ -188,12 +204,13 @@ export const shareCredentialCardAttributeFromClaim = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
   claim?: FlatClaim,
   field?: PresentationDefinitionField,
 ): CredentialAttribute => {
   if (claim) {
     return {
-      ...detailsCardAttributeFromClaim(claim, config, testID),
+      ...detailsCardAttributeFromClaim(claim, config, testID, language),
       id,
       path: claim.path,
       listValue: claim.isArrayElement,
@@ -243,7 +260,7 @@ const setStatusForNestedObjectOrArrayFields = (
 };
 
 export type ShareCredentialCardLabels = CardLabels & {
-  selectiveDisclosureNotice: string;
+  selectiveDisclosure: string;
   missingAttribute: string;
   missingCredential: string;
   multipleCredentials: string;
@@ -258,30 +275,26 @@ export const shareCredentialCardFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
     config,
   );
-  const notice: CredentialCardNotice | undefined =
-    selectiveDisclosureSupported === false
-      ? {
-          text: labels.selectiveDisclosureNotice,
-          noticeIcon: CredentialNoticeWarningIcon,
-        }
-      : undefined;
   const cardTestId = concatTestID(testID, 'card');
   const card = credential
     ? validityCheckedCardFromCredential(
         credential,
         expanded,
+        selectiveDisclosureSupported,
         multipleCredentialsAvailable,
         config,
-        notice,
+        undefined,
         cardTestId,
         labels,
+        language,
       )
-    : missingCredentialCardFromRequest(request, notice, cardTestId, labels);
+    : missingCredentialCardFromRequest(request, undefined, cardTestId, labels);
   const validityState = getValidityState(credential ? { ...credential, issuer: credential.issuer?.id } : undefined);
   const displayedAttributes = getDisplayedAttributes(
     request,
@@ -299,6 +312,7 @@ export const shareCredentialCardFromCredential = (
         config,
         concatTestID(testID, 'attribute', `${index}`),
         labels,
+        language,
         claim,
         field,
       ),
@@ -319,10 +333,11 @@ export const selectCredentialCardAttributeFromClaim = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
   claim?: FlatClaim,
   field?: PresentationDefinitionField,
 ): CredentialAttribute => {
-  const attribute = shareCredentialCardAttributeFromClaim(id, config, testID, labels, claim, field);
+  const attribute = shareCredentialCardAttributeFromClaim(id, config, testID, labels, language, claim, field);
   if (!claim) {
     return attribute;
   }
@@ -339,6 +354,7 @@ export const selectCredentialCardFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
@@ -348,7 +364,7 @@ export const selectCredentialCardFromCredential = (
   const notice: CredentialCardNotice | undefined =
     selectiveDisclosureSupported === false
       ? {
-          text: labels.selectiveDisclosureNotice,
+          text: labels.selectiveDisclosure,
           noticeIcon: CredentialNoticeWarningIcon,
         }
       : undefined;
@@ -359,6 +375,7 @@ export const selectCredentialCardFromCredential = (
     notice,
     testID,
     labels,
+    language,
   );
   const card = {
     header: {
@@ -372,7 +389,7 @@ export const selectCredentialCardFromCredential = (
       return path === field.keyMap[credential.id];
     });
 
-    const attribute = selectCredentialCardAttributeFromClaim(field.id, config, testID, labels, claim, field);
+    const attribute = selectCredentialCardAttributeFromClaim(field.id, config, testID, labels, language, claim, field);
     return {
       ...attribute,
       rightAccessory: (

package/src/utils/parsers/credential.ts

@@ -19,9 +19,15 @@ import {
   CredentialHeaderProps,
 } from '../../ui-components/credential';
 import { CredentialCardNotice } from '../../ui-components/credential/card/credential-card';
-import { CredentialErrorIcon, CredentialNoticeWarningIcon, CredentialWarningIcon } from '../../ui-components/icons';
+import {
+  CredentialErrorIcon,
+  CredentialNoticeInfoIcon,
+  CredentialNoticeWarningIcon,
+  CredentialWarningIcon,
+} from '../../ui-components/icons';
 import { formatDateLocalized, formatDateTimeLocalized } from '../date';
 import { concatTestID } from '../testID';
+import { getTranslatedLabel } from '../translations';
 import { getCarouselImagesFromClaims } from './credential-images';
 
 export enum ValidityState {
@@ -68,8 +74,13 @@ export const findClaimByPath = (path: string | undefined, claims: Claim[]): Clai
   return undefined;
 };
 
-const formatCredentialDetail = (claim: Claim, config: CoreConfig, testID: string): string => {
-  const attributeValue = detailsCardAttributeValueFromClaim(claim, config, testID);
+const formatCredentialDetail = (
+  claim: Claim,
+  config: CoreConfig,
+  testID: string,
+  language: string | undefined,
+): string => {
+  const attributeValue = detailsCardAttributeValueFromClaim(claim, config, testID, language);
   return attributeValue.value ?? '';
 };
 
@@ -94,6 +105,7 @@ const credentialDetailFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: CardHeaderLabels,
+  language: string | undefined,
 ): {
   credentialDetailPrimary?: string;
   credentialDetailSecondary?: string;
@@ -136,13 +148,13 @@ const credentialDetailFromCredential = (
   const primary = findClaimByPath(layoutProperties?.primaryAttribute, claims);
 
   if (primary) {
-    credentialDetailPrimary = formatCredentialDetail(primary, config, concatTestID(testID, 'primary'));
+    credentialDetailPrimary = formatCredentialDetail(primary, config, concatTestID(testID, 'primary'), language);
   }
 
   const secondary = findClaimByPath(layoutProperties?.secondaryAttribute, claims);
 
   if (secondary) {
-    credentialDetailSecondary = formatCredentialDetail(secondary, config, concatTestID(testID, 'secondary'));
+    credentialDetailSecondary = formatCredentialDetail(secondary, config, concatTestID(testID, 'secondary'), language);
   }
 
   return {
@@ -158,6 +170,7 @@ export const cardHeaderFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: CardHeaderLabels,
+  language: string | undefined,
 ): Omit<CredentialHeaderProps, 'style'> => {
   const {
     credentialDetailPrimary,
@@ -165,8 +178,9 @@ export const cardHeaderFromCredential = (
     credentialDetailErrorColor,
     credentialDetailTestID,
     statusIcon,
-  } = credentialDetailFromCredential(credential, claims, config, testID, labels);
+  } = credentialDetailFromCredential(credential, claims, config, testID, labels, language);
   const { layoutProperties } = credential.schema;
+  const defaultLanguage = config.defaultLanguage;
 
   return {
     color: layoutProperties?.logo?.backgroundColor,
@@ -174,7 +188,8 @@ export const cardHeaderFromCredential = (
     credentialDetailPrimary,
     credentialDetailSecondary,
     credentialDetailTestID,
-    credentialName: credential.schema.name,
+    credentialName:
+      getTranslatedLabel(credential.schema.translations?.name, language, defaultLanguage) ?? credential.schema.name,
     icon: layoutProperties?.logo?.image
       ? {
           imageSource: {
@@ -199,14 +214,24 @@ export const getCredentialCardPropsFromCredential = (
   notice: CredentialCardNotice | undefined,
   testID: string,
   labels: CardLabels,
+  language: string | undefined,
 ): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> => {
   const { layoutProperties } = credential.schema;
+  const defaultLanguage = config.defaultLanguage;
 
   if (hasMsoValidityIssues(credential)) {
     notice = {
       text: labels.validityIssuesNotice,
       noticeIcon: CredentialNoticeWarningIcon,
     };
+  } else if (!notice) {
+    let description = getTranslatedLabel(credential.schema.translations?.description, language, defaultLanguage);
+    if (description) {
+      notice = {
+        text: description,
+        noticeIcon: CredentialNoticeInfoIcon,
+      };
+    }
   }
 
   const result: Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> = {
@@ -215,7 +240,7 @@ export const getCredentialCardPropsFromCredential = (
       ? { imageSource: { uri: layoutProperties.background.image } }
       : undefined,
     color: layoutProperties?.background?.color,
-    header: cardHeaderFromCredential(credential, claims, config, concatTestID(testID, 'header'), labels),
+    header: cardHeaderFromCredential(credential, claims, config, concatTestID(testID, 'header'), labels, language),
     testID,
     notice,
   };
@@ -227,11 +252,13 @@ export const detailsCardAttributeFromClaim = (
   claim: Claim,
   config: CoreConfig,
   testID: string,
+  language: string | undefined,
 ): CredentialAttribute => {
-  const value = detailsCardAttributeValueFromClaim(claim, config, testID);
+  const value = detailsCardAttributeValueFromClaim(claim, config, testID, language);
+  const defaultLanguage = config.defaultLanguage;
   return {
     id: claim.path,
-    name: claim.path.split('/').pop(),
+    name: getTranslatedLabel(claim.schema.translations.name, language, defaultLanguage) ?? claim.path.split('/').pop(),
     path: claim.path,
     ...value,
   };
@@ -241,13 +268,14 @@ const detailsCardAttributeValueFromClaim = (
   claim: Claim,
   config: CoreConfig,
   testID: string,
+  language: string | undefined,
 ): CredentialAttributeValue => {
   const typeConfig = config?.datatype[claim.schema.datatype];
 
   if (claim.schema.array) {
     return {
       values: ((claim.value.value as Claim[]) || []).map((arrayValue, index) => {
-        return detailsCardAttributeFromClaim(arrayValue, config, concatTestID(testID, index.toString()));
+        return detailsCardAttributeFromClaim(arrayValue, config, concatTestID(testID, index.toString()), language);
       }),
     };
   } else {
@@ -258,7 +286,7 @@ const detailsCardAttributeValueFromClaim = (
         }
         return {
           attributes: claim.value.value.map((nestedClaim, index) =>
-            detailsCardAttributeFromClaim(nestedClaim, config, concatTestID(testID, index.toString())),
+            detailsCardAttributeFromClaim(nestedClaim, config, concatTestID(testID, index.toString()), language),
           ),
         };
       }
@@ -296,8 +324,9 @@ export const detailsCardFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: CardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
-  return detailsCardFromCredentialWithClaims(credential, credential.claims, config, testID, labels);
+  return detailsCardFromCredentialWithClaims(credential, credential.claims, config, testID, labels, language);
 };
 
 export const detailsCardFromCredentialWithClaims = (
@@ -306,9 +335,10 @@ export const detailsCardFromCredentialWithClaims = (
   config: CoreConfig,
   testID: string,
   labels: CardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const attributes: CredentialAttribute[] = claims.map((claim, index) =>
-    detailsCardAttributeFromClaim(claim, config, concatTestID(testID, 'attribute', index.toString())),
+    detailsCardAttributeFromClaim(claim, config, concatTestID(testID, 'attribute', index.toString()), language),
   );
 
   const card = getCredentialCardPropsFromCredential(
@@ -318,6 +348,7 @@ export const detailsCardFromCredentialWithClaims = (
     undefined,
     concatTestID(testID, 'card'),
     labels,
+    language,
   );
 
   return {

package/src/utils/parsers/query.ts

@@ -86,7 +86,10 @@ export const getQueryKeyFromCredentialSchemaListQueryParams = (
     'ids',
     'include',
     'schemaId',
+    'schemaIds',
     'formats',
+    'usesBatchIssuance',
+    'isMultiformatSchema',
     'createdDateAfter',
     'createdDateBefore',
     'lastModifiedAfter',

package/src/utils/translations.ts

@@ -0,0 +1,10 @@
+export const getTranslatedLabel = (
+  translations: Record<string, string> | undefined,
+  language: string | undefined,
+  defaultLanguage: string,
+) => {
+  if (!language) {
+    return undefined;
+  }
+  return translations?.[language] ?? translations?.[defaultLanguage];
+};