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

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

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

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

@@ -1,8 +1,11 @@
+import type { ListItemViewProps } from './list-item';
+import ListItemView from './list-item';
 import type { ListSectionHeaderProps } from './list-section-header';
 import ListSectionHeader from './list-section-header';
 import type { ListTitleHeaderProps } from './list-title-header';
 import ListTitleHeader from './list-title-header';
 
+export { ListItemView, ListItemViewProps };
 export { ListSectionHeader, ListSectionHeaderProps };
 export { ListTitleHeader, ListTitleHeaderProps };
 export * from './wallet';

package/src/ui-components/{history/history-item.tsx → list/list-item.tsx}

@@ -6,7 +6,8 @@ import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers'
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 
-export type HistoryItemViewProps = {
+export type ListItemViewProps = {
+  accessory?: string | ComponentType<any> | ReactElement;
   first?: boolean;
   icon: ComponentType<any> | ReactElement;
   info?: string;
@@ -15,22 +16,31 @@ export type HistoryItemViewProps = {
   onPress?: () => void;
   style?: StyleProp<ViewStyle>;
   testID?: string;
-  time: string;
 };
 
-const HistoryItemView: FC<HistoryItemViewProps> = ({
-  first,
-  icon,
-  label,
-  info,
-  last,
-  style,
-  time,
-  onPress,
-  testID,
-}) => {
+const ListItemView: FC<ListItemViewProps> = ({ accessory, first, icon, label, info, last, style, onPress, testID }) => {
   const colorScheme = useAppColorScheme();
 
+  const accessoryView: ReactElement | undefined = useMemo(() => {
+    if (typeof accessory === 'string') {
+      return (
+        <Typography
+          color={colorScheme.text}
+          numberOfLines={1}
+          preset="xs/line-height-small"
+          style={styles.time}
+          testID={concatTestID(testID, 'timeLabel')}>
+          {accessory}
+        </Typography>
+      );
+    } else if (React.isValidElement(accessory)) {
+      return accessory;
+    } else if (accessory) {
+      const AccessoryComponent = accessory as ComponentType<any>;
+      return <AccessoryComponent />;
+    }
+  }, [accessory, colorScheme.text, testID]);
+
   const iconView: ReactElement | undefined = useMemo(() => {
     if (React.isValidElement(icon)) {
       return icon;
@@ -45,7 +55,7 @@ const HistoryItemView: FC<HistoryItemViewProps> = ({
       disabled={!onPress}
       onPress={() => onPress?.()}
       style={[
-        styles.historyItemContainer,
+        styles.listItemContainer,
         {
           backgroundColor: colorScheme.white,
         },
@@ -56,7 +66,7 @@ const HistoryItemView: FC<HistoryItemViewProps> = ({
       testID={testID}>
       <View
         style={[
-          styles.historyItemWrapper,
+          styles.listItemWrapper,
           {
             backgroundColor: colorScheme.white,
             borderColor: colorScheme.background,
@@ -84,14 +94,7 @@ const HistoryItemView: FC<HistoryItemViewProps> = ({
             </Typography>
           )}
         </View>
-        <Typography
-          color={colorScheme.text}
-          numberOfLines={1}
-          preset="xs/line-height-small"
-          style={styles.time}
-          testID={concatTestID(testID, 'timeLabel')}>
-          {time}
-        </Typography>
+        {accessoryView}
       </View>
     </TouchableOpacity>
   );
@@ -110,15 +113,6 @@ const styles = StyleSheet.create({
     marginBottom: 12,
     paddingBottom: 12,
   },
-  historyItemContainer: {
-    paddingHorizontal: 12,
-  },
-  historyItemWrapper: {
-    alignItems: 'center',
-    borderBottomWidth: 1,
-    flexDirection: 'row',
-    paddingVertical: 12,
-  },
   label: {
     marginBottom: 2,
   },
@@ -126,6 +120,15 @@ const styles = StyleSheet.create({
     flex: 1,
     marginHorizontal: 12,
   },
+  listItemContainer: {
+    paddingHorizontal: 12,
+  },
+  listItemWrapper: {
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    flexDirection: 'row',
+    paddingVertical: 12,
+  },
   shaded: {
     opacity: 0.7,
   },
@@ -138,4 +141,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default HistoryItemView;
+export default ListItemView;

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

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

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

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

package/src/utils/date.ts

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

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

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

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

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

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

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

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

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

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

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

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,
       }),
 
     {