@procivis/one-react-native-components 0.3.143 → 0.3.147

package/lib/module/utils/parsers/query.js.map

@@ -1 +1 @@
-{"version":3,"names":["getQueryKey","queryParams","params","map","param","getQueryKeyFromCredentialListQueryParams","getQueryKeyFromHistoryListQueryParams","getQueryKeyFromCredentialSchemaListQueryParams","getQueryKeyFromProofSchemaListQueryParams","getQueryKeyFromProofListQueryParams","getQueryKeyFromDidListQueryParams","getQueryKeyFromIdentifierListQueryParams"],"sources":["query.ts"],"sourcesContent":["import {\n  CredentialListQuery,\n  CredentialSchemaListQuery,\n  DidListQuery,\n  HistoryListQuery,\n  IdentifierListQuery,\n  ProofListQuery,\n  ProofSchemaListQuery,\n} from '@procivis/react-native-one-core';\n\ntype QueryKey<ListQuery, ParamList> = ParamList extends ReadonlyArray<keyof ListQuery> // all params are inside the ListQuery\n  ? keyof ListQuery extends ParamList[number] // all ListQuery fields are in the params\n    ? Array<ListQuery[keyof ListQuery]>\n    : void\n  : void; // otherwise produce a wrong return type which should trigger compilation error\n\n/** Typecheck that all query params are included in the query key */\nfunction getQueryKey<ListQuery extends {}, ParamList extends ReadonlyArray<keyof ListQuery>>(\n  queryParams: ListQuery,\n  params: ParamList,\n): QueryKey<ListQuery, ParamList> {\n  return params.map((param) => queryParams[param]) as QueryKey<ListQuery, ParamList>;\n}\n\nexport const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<CredentialListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'searchText',\n    'searchType',\n    'sort',\n    'sortDirection',\n    'exact',\n    'roles',\n    'ids',\n    'states',\n    'include',\n    'profiles',\n    'credentialSchemaIds',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'issuanceDateAfter',\n    'issuanceDateBefore',\n    'revocationDateAfter',\n    'revocationDateBefore',\n    'types',\n    'parentId',\n  ]);\n};\n\nexport const getQueryKeyFromHistoryListQueryParams = (queryParams: Partial<HistoryListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'sort',\n    'sortDirection',\n    'organisationId',\n    'entityIds',\n    'actions',\n    'entityTypes',\n    'createdDateAfter',\n    'createdDateBefore',\n    'identifierId',\n    'credentialId',\n    'credentialSchemaId',\n    'proofId',\n    'proofSchemaId',\n    'search',\n    'users',\n  ]);\n};\n\nexport const getQueryKeyFromCredentialSchemaListQueryParams = (\n  queryParams: Partial<CredentialSchemaListQuery> = {},\n) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'include',\n    'schemaIds',\n    'formats',\n    'usesBatchIssuance',\n    'isMultiformatSchema',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofSchemaListQueryParams = (queryParams: Partial<ProofSchemaListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'formats',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofListQueryParams = (queryParams: Partial<ProofListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'ids',\n    'proofStates',\n    'proofRoles',\n    'proofSchemaIds',\n    'exact',\n    'profiles',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'requestedDateAfter',\n    'requestedDateBefore',\n    'completedDateAfter',\n    'completedDateBefore',\n  ]);\n};\n\nexport const getQueryKeyFromDidListQueryParams = (queryParams: Partial<DidListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'did',\n    'type',\n    'deactivated',\n    'exact',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'keyIds',\n    'didMethods',\n  ]);\n};\n\nexport const getQueryKeyFromIdentifierListQueryParams = (queryParams: Partial<IdentifierListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'ids',\n    'sort',\n    'sortDirection',\n    'name',\n    'types',\n    'states',\n    'exact',\n    'didMethods',\n    'isRemote',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'certificateRoles',\n    'certificateRolesMatchMode',\n    'trustIssuanceSchemaId',\n    'trustVerificationSchemaId',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getQueryKey","queryParams","params","map","param","getQueryKeyFromCredentialListQueryParams","getQueryKeyFromHistoryListQueryParams","getQueryKeyFromCredentialSchemaListQueryParams","getQueryKeyFromProofSchemaListQueryParams","getQueryKeyFromProofListQueryParams","getQueryKeyFromDidListQueryParams","getQueryKeyFromIdentifierListQueryParams"],"sources":["query.ts"],"sourcesContent":["import {\n  CredentialListQuery,\n  CredentialSchemaListQuery,\n  DidListQuery,\n  HistoryListQuery,\n  IdentifierListQuery,\n  ProofListQuery,\n  ProofSchemaListQuery,\n} from '@procivis/react-native-one-core';\n\ntype QueryKey<ListQuery, ParamList> = ParamList extends ReadonlyArray<keyof ListQuery> // all params are inside the ListQuery\n  ? keyof ListQuery extends ParamList[number] // all ListQuery fields are in the params\n    ? Array<ListQuery[keyof ListQuery]>\n    : void\n  : void; // otherwise produce a wrong return type which should trigger compilation error\n\n/** Typecheck that all query params are included in the query key */\nfunction getQueryKey<ListQuery extends {}, ParamList extends ReadonlyArray<keyof ListQuery>>(\n  queryParams: ListQuery,\n  params: ParamList,\n): QueryKey<ListQuery, ParamList> {\n  return params.map((param) => queryParams[param]) as QueryKey<ListQuery, ParamList>;\n}\n\nexport const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<CredentialListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'searchText',\n    'searchType',\n    'sort',\n    'sortDirection',\n    'exact',\n    'roles',\n    'ids',\n    'states',\n    'include',\n    'profiles',\n    'credentialSchemaIds',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'issuanceDateAfter',\n    'issuanceDateBefore',\n    'revocationDateAfter',\n    'revocationDateBefore',\n    'types',\n    'parentId',\n  ]);\n};\n\nexport const getQueryKeyFromHistoryListQueryParams = (queryParams: Partial<HistoryListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'sort',\n    'sortDirection',\n    'organisationId',\n    'entityIds',\n    'actions',\n    'entityTypes',\n    'createdDateAfter',\n    'createdDateBefore',\n    'identifierId',\n    'credentialId',\n    'credentialSchemaId',\n    'proofId',\n    'proofSchemaId',\n    'search',\n    'users',\n    'trustCollectionId',\n  ]);\n};\n\nexport const getQueryKeyFromCredentialSchemaListQueryParams = (\n  queryParams: Partial<CredentialSchemaListQuery> = {},\n) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'include',\n    'schemaIds',\n    'formats',\n    'usesBatchIssuance',\n    'isMultiformatSchema',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofSchemaListQueryParams = (queryParams: Partial<ProofSchemaListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'formats',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofListQueryParams = (queryParams: Partial<ProofListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'ids',\n    'proofStates',\n    'proofRoles',\n    'proofSchemaIds',\n    'exact',\n    'profiles',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'requestedDateAfter',\n    'requestedDateBefore',\n    'completedDateAfter',\n    'completedDateBefore',\n  ]);\n};\n\nexport const getQueryKeyFromDidListQueryParams = (queryParams: Partial<DidListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'did',\n    'type',\n    'deactivated',\n    'exact',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'keyIds',\n    'didMethods',\n  ]);\n};\n\nexport const getQueryKeyFromIdentifierListQueryParams = (queryParams: Partial<IdentifierListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'ids',\n    'sort',\n    'sortDirection',\n    'name',\n    'types',\n    'states',\n    'exact',\n    'didMethods',\n    'isRemote',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'certificateRoles',\n    'certificateRolesMatchMode',\n    'trustIssuanceSchemaId',\n    'trustVerificationSchemaId',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/typescript/ui-components/credential/card/credential-logo.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ColorValue } from 'react-native';
+import { ImageOrComponentSource } from '../../image/image-or-component';
+export declare enum CredentialLogoSize {
+    Regular = 44,
+    Small = 20
+}
+export type CredentialLogoProps = {
+    color?: ColorValue;
+    credentialName: string;
+    icon?: ImageOrComponentSource;
+    iconLabelColor?: ColorValue;
+    size?: CredentialLogoSize;
+    testID?: string;
+};
+declare const CredentialLogo: FC<CredentialLogoProps>;
+export default CredentialLogo;

package/lib/typescript/ui-components/credential/card/index.d.ts

@@ -8,8 +8,11 @@ import type { CredentialHeaderProps } from './credential-header';
 import CredentialHeader from './credential-header';
 import type { CarouselImage } from './credential-image-carousel';
 import { CarouselImageType } from './credential-image-carousel';
+import type { CredentialLogoProps, CredentialLogoSize } from './credential-logo';
+import CredentialLogo from './credential-logo';
 export { CarouselImage, CarouselImageType };
 export { CredentialCard, CredentialCardNotice, CredentialCardProps, CredentialCardRatio, CredentialCardShadow };
 export { CredentialDetailsCard, CredentialDetailsCardProps };
 export { CredentialDetailsCardListItem, CredentialDetailsCardListItemProps };
 export { CredentialHeader, CredentialHeaderProps };
+export { CredentialLogo, CredentialLogoProps, CredentialLogoSize };

package/lib/typescript/ui-components/input/selection-input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TouchableOpacityProps } from 'react-native';
+import { TouchableOpacityProps } from 'react-native';
 export interface SelectionInputChoice {
     label: string;
     /**
@@ -24,9 +24,5 @@ export interface SelectionInputProps extends TouchableOpacityProps {
     selectedValue?: string | number;
     values: SelectionInputChoice[];
 }
-/**
- * Generic selection input component
- * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
- */
-declare const SelectionInput: React.ForwardRefExoticComponent<SelectionInputProps & React.RefAttributes<React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<import("react-native").View>>>>;
-export default SelectionInput;
+declare const _default: React.NamedExoticComponent<SelectionInputProps>;
+export default _default;

package/lib/typescript/ui-components/text/index.d.ts

@@ -1,4 +1,5 @@
-import ExpandableTypography, { ExpandableTypographyProps } from './expandableTypography';
+import type { ExpandableTypographyProps } from './expandableTypography';
+import ExpandableTypography from './expandableTypography';
 import type { TypographyProps } from './typography';
 import Typography from './typography';
 export { ExpandableTypography, ExpandableTypographyProps, Typography, TypographyProps };

package/lib/typescript/utils/hooks/core/transaction.d.ts

@@ -0,0 +1,2 @@
+export declare const TRANSACTION_DATA_QUERY_KEY = "proof-detail";
+export declare const useTransactionData: (proofId: string | undefined, transactionDataId: string | undefined) => import("react-query").UseQueryResult<import("@procivis/react-native-one-core").ProofTransactionData | undefined, unknown>;

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

@@ -1,5 +1,5 @@
 import { Claim, CoreConfig, CredentialDetail, CredentialListItem, CredentialSchemaListItem, PresentationDefinitionV2Credential } from '@procivis/react-native-one-core';
-import { CredentialAttribute, CredentialCardProps, CredentialDetailsCardProps, CredentialHeaderProps } from '../../ui-components/credential';
+import { CredentialAttribute, CredentialCardProps, CredentialDetailsCardProps, CredentialHeaderProps, CredentialLogoProps } from '../../ui-components/credential';
 import { CredentialCardNotice } from '../../ui-components/credential/card/credential-card';
 export declare enum ValidityState {
     Revoked = "revoked",
@@ -9,6 +9,7 @@ export declare enum ValidityState {
 export declare const getValidityState: (credential: CredentialListItem | undefined) => ValidityState;
 export declare const supportsSelectiveDisclosure: (credential: CredentialListItem | undefined, config: CoreConfig | undefined) => boolean | undefined;
 export declare const findClaimByPath: (path: string | undefined, claims: Claim[]) => Claim | undefined;
+export declare const credentialLogoFromCredential: (credential: CredentialDetail, config: CoreConfig, testID: string, language: string | undefined) => Omit<CredentialLogoProps, 'size'>;
 export declare const hasMsoValidityIssues: (credential: CredentialDetail) => boolean;
 export type CardHeaderLabels = {
     validityIssues: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procivis/one-react-native-components",
-  "version": "0.3.143",
+  "version": "0.3.147",
   "author": "Procivis AG (https://procivis.ch)",
   "license": "Apache-2.0",
   "description": "Common Procivis ONE UI components for react-native",
@@ -53,8 +53,9 @@
     "@babel/runtime": "^7.25.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@gorhom/bottom-sheet": "^5.1.2",
-    "@procivis/react-native-one-core": "1.114493.0",
+    "@procivis/react-native-one-core": "1.115564.0",
     "@procivis/react-native-picker": "5.0.3",
+    "@quidone/react-native-wheel-picker": "^1.7.0",
     "@react-native-async-storage/async-storage": "^1.17.3",
     "@react-native-community/blur": "^4.4.0",
     "@react-native-community/cli": "15.0.1",
@@ -142,8 +143,9 @@
     "vite": "^6.4.2"
   },
   "peerDependencies": {
-    "@procivis/react-native-one-core": "^1.114493.0",
+    "@procivis/react-native-one-core": "^1.115439.0",
     "@procivis/react-native-picker": "*",
+    "@quidone/react-native-wheel-picker": "^1.7.0",
     "@react-native-community/blur": "*",
     "@react-native-community/netinfo": "^11.4.1",
     "@react-native/normalize-color": "*",

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

@@ -138,15 +138,18 @@ export const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({
           ? {
               credentialId: credentialQuery.applicableCredentials[0].id,
               userSelections: [],
+              transactionDataIds: [],
             }
           : {
               credentialId: '',
               userSelections: [],
+              transactionDataIds: [],
             };
       } else {
         defaultSelection = {
           credentialId: '',
           userSelections: [],
+          transactionDataIds: [],
         };
       }
       const request = selectedCredentials[credentialRequestId];

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

@@ -3,9 +3,10 @@ import { AccessibilityProps, ColorValue, StyleProp, StyleSheet, View, ViewStyle
 
 import { concatTestID } from '../../../utils/testID';
 import BlurView from '../../blur/blur-view';
-import ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';
+import { ImageOrComponentSource } from '../../image/image-or-component';
 import Typography, { TypographyProps } from '../../text/typography';
 import { useAppColorScheme } from '../../theme/color-scheme-context';
+import CredentialLogo from './credential-logo';
 
 export interface CredentialHeaderProps extends AccessibilityProps {
   accessory?: React.ComponentType<any> | React.ReactElement;
@@ -104,23 +105,13 @@ const CredentialHeader: FC<CredentialHeaderProps> = ({
   return (
     <View style={[styles.container, { backgroundColor: blur ? undefined : colorScheme.white }, style]} testID={testID}>
       {blur && <BlurView blurStyle="strong" style={StyleSheet.absoluteFill} />}
-      <View style={[styles.imageContainer, { backgroundColor: color }]}>
-        {icon ? (
-          <ImageOrComponent testID={concatTestID(testID, 'logoIcon')} source={icon} style={styles.image} />
-        ) : (
-          <View testID={concatTestID(testID, 'logoBackgroundColor', String(color))}>
-            <View testID={concatTestID(testID, 'logoTextColor', String(iconLabelColor))}>
-              <Typography
-                testID={concatTestID(testID, 'logoName')}
-                color={iconLabelColor}
-                preset="m"
-                style={styles.imagePlaceholder}>
-                {credentialName.substring(0, 1)}
-              </Typography>
-            </View>
-          </View>
-        )}
-      </View>
+      <CredentialLogo
+        color={color}
+        icon={icon}
+        iconLabelColor={iconLabelColor}
+        credentialName={credentialName}
+        testID={concatTestID(testID, 'logo')}
+      />
       {statusIconView && <View style={styles.statusIconWrapper}>{statusIconView}</View>}
       <View style={styles.text}>
         <Typography
@@ -160,25 +151,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     marginTop: -1,
   },
-  image: {
-    height: 44,
-    width: 44,
-  },
-  imageContainer: {
-    alignItems: 'center',
-    borderRadius: 5,
-    borderWidth: 0,
-    height: 44,
-    justifyContent: 'center',
-    marginRight: 8,
-    overflow: 'hidden',
-    width: 44,
-  },
-  imagePlaceholder: {
-    paddingLeft: 1,
-    paddingTop: 3,
-    textTransform: 'uppercase',
-  },
   interpunct: {
     marginHorizontal: 12,
     opacity: 0.5,

package/src/ui-components/credential/card/credential-logo.stories.tsx

@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import ColorSchemes from '../../../../storybook/colorScheme';
+import CredentialLogo from './credential-logo';
+
+const Basic: StoryObj<typeof CredentialLogo> = {
+  args: {
+    color: undefined,
+    credentialName: 'Credential Name',
+    icon: undefined,
+    iconLabelColor: undefined,
+    size: undefined,
+  },
+};
+
+export { Basic as CredentialLogo };
+
+export default {
+  title: 'credential/card/CredentialLogo',
+  component: CredentialLogo,
+  argTypes: {
+    color: {
+      options: Object.entries(ColorSchemes.procivis)
+        .filter(([_, value]) => typeof value === 'string')
+        .map(([key]) => key),
+      control: { type: 'select' },
+    },
+    iconLabelColor: {
+      options: Object.entries(ColorSchemes.procivis)
+        .filter(([_, value]) => typeof value === 'string')
+        .map(([key]) => key),
+      control: { type: 'select' },
+    },
+    size: {
+      options: [44, 20],
+      control: { type: 'select' },
+    },
+  },
+  parameters: {
+    design: {
+      type: 'figma',
+      url: 'https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=401-1807&t=aYYyzt4OQQZxwjRu-0',
+    },
+  },
+} as Meta<typeof CredentialLogo>;

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

@@ -0,0 +1,79 @@
+import React, { FC } from 'react';
+import { ColorValue, StyleSheet, View } from 'react-native';
+
+import { concatTestID } from '../../../utils/testID';
+import ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';
+import Typography from '../../text/typography';
+
+export enum CredentialLogoSize {
+  Regular = 44,
+  Small = 20,
+}
+
+export type CredentialLogoProps = {
+  color?: ColorValue;
+  credentialName: string;
+  icon?: ImageOrComponentSource;
+  iconLabelColor?: ColorValue;
+  size?: CredentialLogoSize;
+  testID?: string;
+};
+
+const CredentialLogo: FC<CredentialLogoProps> = ({
+  color = '#5A69F3',
+  credentialName,
+  icon,
+  iconLabelColor = '#FFFFFF',
+  size = CredentialLogoSize.Regular,
+  testID,
+}) => {
+  const sizeStyle = {
+    height: size,
+    width: size,
+  };
+  return (
+    <View style={[styles.imageContainer, sizeStyle, { backgroundColor: color }]} testID={testID}>
+      {icon ? (
+        <ImageOrComponent testID={concatTestID(testID, 'icon')} source={icon} style={sizeStyle} />
+      ) : (
+        <View testID={concatTestID(testID, 'backgroundColor', String(color))}>
+          <View testID={concatTestID(testID, 'textColor', String(iconLabelColor))}>
+            <Typography
+              testID={concatTestID(testID, 'name')}
+              color={iconLabelColor}
+              preset={size === CredentialLogoSize.Regular ? 'm' : 'xs'}
+              style={[
+                styles.imagePlaceholder,
+                size === CredentialLogoSize.Regular ? styles.imagePlaceholderRegular : styles.imagePlaceholderSmall,
+              ]}>
+              {credentialName.substring(0, 1)}
+            </Typography>
+          </View>
+        </View>
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  imageContainer: {
+    alignItems: 'center',
+    borderRadius: 5,
+    borderWidth: 0,
+    justifyContent: 'center',
+    marginRight: 8,
+    overflow: 'hidden',
+  },
+  imagePlaceholder: {
+    textTransform: 'uppercase',
+  },
+  imagePlaceholderRegular: {
+    paddingLeft: 1,
+    paddingTop: 3,
+  },
+  imagePlaceholderSmall: {
+    paddingTop: 1,
+  },
+});
+
+export default CredentialLogo;

package/src/ui-components/credential/card/index.ts

@@ -1,11 +1,5 @@
-import type {
-  CredentialCardNotice,
-  CredentialCardProps,
-} from './credential-card';
-import CredentialCard, {
-  CredentialCardRatio,
-  CredentialCardShadow,
-} from './credential-card';
+import type { CredentialCardNotice, CredentialCardProps } from './credential-card';
+import CredentialCard, { CredentialCardRatio, CredentialCardShadow } from './credential-card';
 import type { CredentialDetailsCardProps } from './credential-details-card';
 import CredentialDetailsCard from './credential-details-card';
 import type { CredentialDetailsCardListItemProps } from './credential-details-list-item';
@@ -14,9 +8,12 @@ import type { CredentialHeaderProps } from './credential-header';
 import CredentialHeader from './credential-header';
 import type { CarouselImage } from './credential-image-carousel';
 import { CarouselImageType } from './credential-image-carousel';
+import type { CredentialLogoProps, CredentialLogoSize } from './credential-logo';
+import CredentialLogo from './credential-logo';
 
 export { CarouselImage, CarouselImageType };
 export { CredentialCard, CredentialCardNotice, CredentialCardProps, CredentialCardRatio, CredentialCardShadow };
 export { CredentialDetailsCard, CredentialDetailsCardProps };
 export { CredentialDetailsCardListItem, CredentialDetailsCardListItemProps };
 export { CredentialHeader, CredentialHeaderProps };
+export { CredentialLogo, CredentialLogoProps, CredentialLogoSize };

package/src/ui-components/input/selection-input.tsx

@@ -1,11 +1,9 @@
-import Picker from '@procivis/react-native-picker';
-import React, { forwardRef, useCallback, useMemo, useState } from 'react';
-import type { TouchableOpacityProps } from 'react-native';
+import WheelPicker from '@quidone/react-native-wheel-picker';
+import React, { FC, memo, useCallback, useMemo, useState } from 'react';
+import { Modal, StyleSheet, TouchableOpacityProps, View } from 'react-native';
 
-import { useForwardedRef } from '../../utils/ref';
-import { focusAccessibility } from '../accessibility/accessibility';
-import { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';
-import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
+import { Typography } from '..';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import { useAppColorScheme } from '../theme';
 import TextInput, { TextInputAccessory } from './text-input';
 
@@ -28,12 +26,10 @@ export interface SelectionInputProps extends TouchableOpacityProps {
    */
   onChange?: (value: SelectionInputChoice) => boolean;
   pickerCancelLabel: string;
-
   pickerConfirmLabel: string;
   pickerTitle?: string;
   /** {@link SelectionInputChoice.label} of the selected choice */
   selectedValue?: string | number;
-
   values: SelectionInputChoice[];
 }
 
@@ -41,72 +37,96 @@ export interface SelectionInputProps extends TouchableOpacityProps {
  * Generic selection input component
  * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
  */
-const SelectionInput = forwardRef<TouchableOpacityRef, SelectionInputProps>(
-  (
-    { selectedValue, values, label, pickerTitle, pickerConfirmLabel, pickerCancelLabel, onChange, error, ...props },
-    ref,
-  ) => {
-    const t = useAccessibilityTranslation();
-    const colorScheme = useAppColorScheme();
-    const selectedChoice = useMemo(
-      () => (selectedValue !== undefined ? values.find(({ value }) => value === selectedValue) : undefined),
-      [selectedValue, values],
-    );
 
-    const [forwardedRef, refObject] = useForwardedRef(ref);
-    const [pickerOpen, setPickerOpen] = useState(false);
+const SelectionInput: FC<SelectionInputProps> = ({
+  selectedValue,
+  label,
+  values,
+  pickerCancelLabel,
+  pickerConfirmLabel,
+  onChange,
+  ...props
+}) => {
+  const [modalVisible, setModalVisible] = useState(false);
+  const [wheelPickerValue, setWheelPickerValue] = useState(selectedValue);
+  const colorScheme = useAppColorScheme();
+
+  const selectedChoice = useMemo(
+    () => (selectedValue !== undefined ? values.find(({ value }) => value === selectedValue) : undefined),
+    [selectedValue, values],
+  );
+
+  const onCancel = useCallback(() => {
+    setModalVisible(false);
+  }, []);
+
+  const onConfirm = useCallback(() => {
+    const choice = values.find(({ value }) => value === wheelPickerValue);
+    if (choice && onChange) {
+      onChange(choice);
+    }
 
-    const onOpen = useCallback(() => setPickerOpen(true), []);
-    const onConfirm = useCallback(
-      (valueLabel: any) => {
-        setPickerOpen(false);
-        const choice = values.find(({ label: choiceLabel }) => choiceLabel === valueLabel);
-        if (!choice || !onChange?.(choice)) {
-          setTimeout(() => focusAccessibility(refObject.current), 200);
-        }
-      },
-      [onChange, refObject, values],
-    );
-    const onCancel = useCallback(() => {
-      setPickerOpen(false);
-      requestAnimationFrame(() => focusAccessibility(refObject.current));
-    }, [refObject]);
+    setModalVisible(false);
+  }, [onChange, values, wheelPickerValue]);
 
-    const accessibilityLabel = error ? `${label}, ${error}` : label;
-    return (
-      <TouchableOpacity
-        accessibilityHint={t('accessibility.control.combobox.tapToSelect')}
-        accessibilityLabel={accessibilityLabel}
-        accessibilityRole="combobox"
-        accessibilityValue={{ text: selectedChoice?.label }}
-        onPress={onOpen}
-        ref={forwardedRef}
-        {...props}>
+  return (
+    <>
+      <TouchableOpacity onPress={() => setModalVisible(true)} {...props}>
         <TextInput
           accessory={TextInputAccessory.Dropdown}
           disabled={true}
-          error={error}
           label={label}
           pointerEvents="none"
           value={selectedChoice?.shortLabel ?? selectedChoice?.label}
         />
-        <Picker
-          cancelText={pickerCancelLabel}
-          confirmText={pickerConfirmLabel}
-          items={values.map(({ label: itemLabel }) => itemLabel)}
-          modal
-          mode="list"
-          onCancel={onCancel}
-          onConfirm={onConfirm}
-          open={pickerOpen}
-          selectedValue={selectedChoice?.label}
-          textColor={colorScheme.text}
-          title={pickerTitle ?? label}
-        />
       </TouchableOpacity>
-    );
+      <Modal
+        animationType="fade"
+        backdropColor={'rgba(0,0,0,0.1)'}
+        onDismiss={() => setModalVisible(false)}
+        onRequestClose={onCancel}
+        style={styles.modal}
+        visible={modalVisible}>
+        <View style={styles.modalContent}>
+          <WheelPicker
+            data={values}
+            onValueChanged={({ item: { value } }: { item: { value?: string | number } }) => setWheelPickerValue(value)}
+            value={wheelPickerValue || ''}
+            visibleItemCount={5}
+          />
+          <View style={styles.buttons}>
+            <TouchableOpacity onPress={onCancel}>
+              <Typography color={colorScheme.black} preset="s">
+                {pickerCancelLabel}
+              </Typography>
+            </TouchableOpacity>
+            <TouchableOpacity onPress={onConfirm}>
+              <Typography color={colorScheme.black} preset="s">
+                {pickerConfirmLabel}
+              </Typography>
+            </TouchableOpacity>
+          </View>
+        </View>
+      </Modal>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  buttons: {
+    flexDirection: 'row',
+    gap: 20,
+    justifyContent: 'flex-end',
+  },
+
+  modal: {},
+  modalContent: {
+    backgroundColor: 'white',
+    borderRadius: 2,
+    margin: 'auto',
+    padding: 20,
+    width: '80%',
   },
-);
+});
 
-SelectionInput.displayName = 'SelectionInput';
-export default SelectionInput;
+export default memo(SelectionInput);

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

@@ -1,4 +1,5 @@
-import ExpandableTypography, { ExpandableTypographyProps } from './expandableTypography';
+import type { ExpandableTypographyProps } from './expandableTypography';
+import ExpandableTypography from './expandableTypography';
 import type { TypographyProps } from './typography';
 import Typography from './typography';
 

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

@@ -0,0 +1,18 @@
+import { useQuery } from 'react-query';
+
+import { useONECore } from './core-context';
+
+export const TRANSACTION_DATA_QUERY_KEY = 'proof-detail';
+
+export const useTransactionData = (proofId: string | undefined, transactionDataId: string | undefined) => {
+  const { core } = useONECore();
+
+  return useQuery(
+    [TRANSACTION_DATA_QUERY_KEY, proofId],
+    () => (proofId && transactionDataId ? core.holderGetTransactionData(proofId, transactionDataId) : undefined),
+    {
+      enabled: Boolean(proofId && transactionDataId),
+      keepPreviousData: true,
+    },
+  );
+};