@procivis/one-react-native-components 0.3.95 → 0.3.102

package/src/ui-components/buttons/scan-button.tsx

@@ -40,12 +40,14 @@ export default ScanButton;
 const styles = StyleSheet.create({
   blurWrapper: {
     borderRadius: 28,
+    borderWidth: 0,
     height: 80,
     padding: 8,
     width: 104,
   },
   button: {
     borderRadius: 28,
+    borderWidth: 0,
     height: 80,
     left: '50%',
     marginLeft: -52,
@@ -59,6 +61,7 @@ const styles = StyleSheet.create({
   iconWrapper: {
     alignItems: 'center',
     borderRadius: 20,
+    borderWidth: 0,
     height: '100%',
     justifyContent: 'center',
     width: '100%',

package/src/ui-components/buttons/share-button.tsx

@@ -39,6 +39,7 @@ const ShareButton: FC<ShareButtonProps> = ({
 const styles = StyleSheet.create({
   button: {
     borderRadius: 5,
+    borderWidth: 0,
     overflow: 'hidden',
   },
   container: {

package/src/ui-components/control/checkbox.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta,StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { Checkbox } from './checkbox';
 

package/src/ui-components/control/checkbox.tsx

@@ -62,6 +62,7 @@ const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
     borderRadius: 12,
+    borderWidth: 0,
     flexDirection: 'row',
     padding: 12,
   },

package/src/ui-components/control/switch.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta,StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React, { useEffect, useState } from 'react';
 
 import { Switch, SwitchProps } from './switch';

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

@@ -138,6 +138,7 @@ const CredentialCard: FC<CredentialCardProps> = ({
 const styles = StyleSheet.create({
   card: {
     borderRadius: 10,
+    borderWidth: 0,
     overflow: 'hidden',
   },
   cardButton: {

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

@@ -223,9 +223,11 @@ const styles = StyleSheet.create({
   },
   card: {
     borderRadius: 0,
+    borderWidth: 0,
   },
   detailsCard: {
     borderRadius: 10,
+    borderWidth: 0,
     overflow: 'hidden',
   },
   footer: {

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

@@ -72,6 +72,7 @@ const styles = StyleSheet.create({
   },
   cardWrapper: {
     borderRadius: 10,
+    borderWidth: 0,
     overflow: 'hidden',
   },
 });

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

@@ -19,7 +19,6 @@ const Basic: StoryObj<typeof CredentialHeader> = {
   },
 };
 
-
 export { Basic as CredentialHeader };
 
 export default {

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

@@ -167,6 +167,7 @@ const styles = StyleSheet.create({
   imageContainer: {
     alignItems: 'center',
     borderRadius: 5,
+    borderWidth: 0,
     height: 44,
     justifyContent: 'center',
     marginRight: 8,

package/src/ui-components/credential/card/credential-image-carousel.tsx

@@ -78,7 +78,7 @@ const CarouselComponent: FC<CarouselProps> = ({ carouselSize, imagesToRender, st
 
 const styles = StyleSheet.create({
   // eslint-disable-next-line react-native/no-unused-styles
-  Barcode: { borderRadius: 4, height: '50%', width: '80%' },
+  Barcode: { borderRadius: 4, borderWidth: 0, height: '50%', width: '80%' },
   // eslint-disable-next-line react-native/no-unused-styles
   MRZ: {
     height: '50%',
@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
     overflow: 'hidden',
   },
   // eslint-disable-next-line react-native/no-unused-styles
-  QrCode: { aspectRatio: 1, borderRadius: 4, height: '70%' },
+  QrCode: { aspectRatio: 1, borderRadius: 4, borderWidth: 0, height: '70%' },
   carouselItem: {
     alignItems: 'center',
     height: '100%',

package/src/ui-components/credential/credential-attribute-item.tsx

@@ -367,6 +367,7 @@ const styles = StyleSheet.create({
   },
   touchableAttribute: {
     borderRadius: 8,
+    borderWidth: 0,
     flex: 1,
     paddingVertical: 11,
   },

package/src/ui-components/credential/credential-carousel-images.tsx

@@ -12,6 +12,7 @@ const styles = StyleSheet.create({
     alignSelf: 'center',
     backgroundColor: 'white',
     borderRadius: 5,
+    borderWidth: 0,
   },
   barcodeContent: {
     margin: 12,

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

@@ -55,6 +55,7 @@ const styles = StyleSheet.create({
   wrapper: {
     alignItems: 'center',
     borderRadius: 12,
+    borderWidth: 0,
     height: 24,
     justifyContent: 'center',
     width: 24,

package/src/ui-components/entity/avatar.tsx

@@ -86,6 +86,7 @@ const styles = StyleSheet.create({
   },
   imageWrapper: {
     borderRadius: 36,
+    borderWidth: 0,
     height: '100%',
     overflow: 'hidden',
     width: '100%',

package/src/ui-components/entity/entity-cluster.tsx

@@ -36,7 +36,7 @@ const EntityCluster: FunctionComponent<EntityClusterProps> = ({
   ...viewProps
 }) => {
   const colorScheme = useAppColorScheme();
-  
+
   const opacity = useSharedValue<number>(1);
 
   const animatedStyle = useAnimatedStyle(() => ({
@@ -58,14 +58,15 @@ const EntityCluster: FunctionComponent<EntityClusterProps> = ({
     if (isLoading) {
       return {
         avatar: {
-          component: 
+          component: (
             <View style={[styles.loaderWrapper, { backgroundColor: colorScheme.grayDark }]}>
               <View style={styles.loader}>
                 <LoaderView animate={true} state={LoaderViewState.InProgress} />
               </View>
             </View>
-        }
-      }
+          ),
+        },
+      };
     }
     const initials = entityName.split(' ', 3).map((word: string) => word[0]);
     const placeholderText = initials.length > 0 ? initials.join('') : '';
@@ -122,14 +123,14 @@ const styles = StyleSheet.create({
     marginLeft: 12,
   },
   loader: {
-    transform: [{scale: 0.5}],
+    transform: [{ scale: 0.5 }],
   },
   loaderWrapper: {
     height: 72,
     paddingLeft: 3,
     paddingTop: 4,
     width: 72,
-  }
+  },
 });
 
 export default EntityCluster;

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

@@ -55,8 +55,8 @@ const FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({
         paddingTop: scrollOffset.interpolate({
           extrapolate: 'clamp',
           inputRange: [0, headerHeight],
-          outputRange: [headerHeight, 0]
-        })
+          outputRange: [headerHeight, 0],
+        }),
       }
     : undefined;
 
@@ -79,16 +79,13 @@ const FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({
 
   return (
     <Animated.View
-      style={[
-        styles.headerContainer,
-        containerPaddingStyle,
-        withNotice ? styles.noticeBorderRadius : undefined,
-      ]}>
+      style={[styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]}>
       <View style={[styles.blurWrapper, StyleSheet.absoluteFill]}>
-        <BlurView blurStyle={'header'} color={colorScheme.background} style={[
-          StyleSheet.absoluteFill,
-          withNotice ? styles.noticeBorderRadius : undefined,
-        ]} />
+        <BlurView
+          blurStyle={'header'}
+          color={colorScheme.background}
+          style={[StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]}
+        />
       </View>
       <View>
         <Animated.View style={scrollHeaderAnimatedStyle}>

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

@@ -129,6 +129,7 @@ const styles = StyleSheet.create({
   },
   modalHandle: {
     borderRadius: 2.5,
+    borderWidth: 0,
     height: 5,
     marginVertical: 5,
     width: 36,

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

@@ -222,6 +222,7 @@ export const HistoryDetailsView: FC<HistoryDetailsViewProps> = ({
 const styles = StyleSheet.create({
   assetsHeader: {
     borderRadius: 8,
+    borderWidth: 0,
   },
   content: {
     paddingHorizontal: 16,
@@ -242,6 +243,7 @@ const styles = StyleSheet.create({
   },
   section: {
     borderRadius: 8,
+    borderWidth: 0,
     marginBottom: 12,
     padding: 12,
   },

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

@@ -5,7 +5,7 @@ import { concatTestID } from '../../utils/testID';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 
-// component used on the history section lists (Settings->History, CredentialDetail->History)
+// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
 
 const HistorySectionHeaderView: FC<{

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

@@ -4,7 +4,7 @@ import { StyleSheet, View } from 'react-native';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import HistoryItemView, { HistoryItemViewProps } from './history-item';
 
-// component used on the history section lists (Settings->History, CredentialDetail->History)
+// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
 
 export interface HistorySectionListItemProps extends HistoryItemViewProps {

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

@@ -50,5 +50,5 @@ export const EntityNotTrustedIcon: FC<SvgProps> = ({ ...props }) => {
         fill={colorScheme.white}
       />
     </Svg>
-  )
-}
+  );
+};

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

@@ -317,6 +317,7 @@ export const HistoryItemIcon: FC<HistoryItemIconProps> = (props) => {
 const styles = StyleSheet.create({
   round: {
     borderRadius: 24,
+    borderWidth: 0,
     overflow: 'hidden',
   },
   status: {

package/src/ui-components/pin/keypad.tsx

@@ -155,6 +155,7 @@ const styles = StyleSheet.create({
   key: {
     alignItems: 'center',
     borderRadius: KEY_SIZE / 2,
+    borderWidth: 0,
     height: KEY_SIZE,
     justifyContent: 'center',
     width: KEY_SIZE,

package/src/ui-components/pin/pin-code-screen.stories.tsx

@@ -71,7 +71,7 @@ export default {
     },
   },
   args: {
-   onAccessibilityAnnounced: fn()
+    onAccessibilityAnnounced: fn(),
   },
   argTypes: {
     onBack: { action: 'onBack' },

package/src/ui-components/pin/pins.tsx

@@ -37,6 +37,7 @@ export const Pins: FC<PinsProps> = ({ enteredLength, maxLength, style, ...props
 const styles = StyleSheet.create({
   pin: {
     borderRadius: 3,
+    borderWidth: 0,
     height: 10,
     width: 10,
   },

package/src/ui-components/screens/image-preview-screen.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta,StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 
 import ImagePreviewScreen, { ImagePreviewScreenProps } from './image-preview-screen';

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

@@ -1,4 +1,4 @@
-import { IdentifierListItem } from '@procivis/react-native-one-core';
+import { GetIdentifierListItemBindingDto } from '@procivis/react-native-one-core';
 import React, { FunctionComponent, useState } from 'react';
 import { SectionList, StyleSheet, View } from 'react-native';
 import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
@@ -34,7 +34,7 @@ export interface AttributesLabels {
 }
 
 interface SectionEntityCluster {
-  identifier?: IdentifierListItem;
+  identifier?: GetIdentifierListItemBindingDto;
   subline?: string;
   entityLabels: EntityLabels;
   role: ContextRole;

package/src/ui-components/screens/qr-code-scanner-screen.stories.tsx

@@ -20,7 +20,7 @@ const Basic: StoryObj<typeof QRCodeScannerScreen> = {
     title: 'Scan QR Code to connect.',
   },
   render: Render,
-}
+};
 
 export { Basic as QRCodeScannerScreen };
 

package/src/ui-components/screens/section-list-screen.tsx

@@ -58,7 +58,16 @@ const SectionListScreen = <ItemT, SectionT>({
   return (
     <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>
       <SectionList<ItemT, SectionT>
-        ListHeaderComponent={!header.static ? <View><ListTitleHeader title={header.title} />{headerView}</View> : headerView}
+        ListHeaderComponent={
+          !header.static ? (
+            <View>
+              <ListTitleHeader title={header.title} />
+              {headerView}
+            </View>
+          ) : (
+            headerView
+          )
+        }
         contentContainerStyle={[contentInsetsStyle, contentContainerStyle]}
         onScroll={onScroll}
         scrollEventThrottle={100}

package/src/ui-components/searchbar/search-bar.stories.tsx

@@ -16,7 +16,6 @@ const Basic: StoryObj<Omit<SearchBarProps, 'searchPhrase' | 'onSearchPhraseChang
   render: Render,
 };
 
-
 export { Basic as SearchBar };
 
 export default {

package/src/ui-components/settings/button-setting.tsx

@@ -1,6 +1,7 @@
 import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
+import { concatTestID } from '../../utils';
 import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import { NextIcon } from '../icons/wallet';
 import { useAppColorScheme } from '../theme/color-scheme-context';
@@ -50,7 +51,7 @@ const ButtonSetting: FunctionComponent<ButtonSettingProps> = ({
       onPress={onPress}
       style={styles.container}
       testID={testID}>
-      <SettingItem icon={icon} style={style} title={title}>
+      <SettingItem icon={icon} style={style} title={title} testID={concatTestID(testID, 'text')}>
         {accessoryView}
       </SettingItem>
     </TouchableOpacity>

package/src/ui-components/settings/setting-item.tsx

@@ -15,6 +15,7 @@ const styles = StyleSheet.create({
   icon: {
     alignItems: 'center',
     borderRadius: 18,
+    borderWidth: 0,
     height: 36,
     justifyContent: 'center',
     marginRight: 12,
@@ -36,9 +37,16 @@ export type SettingItemProps = {
   icon?: ComponentType<any> | ReactElement;
   style?: StyleProp<ViewStyle>;
   title: string;
+  testID?: string;
 };
 
-const SettingItem: FunctionComponent<PropsWithChildren<SettingItemProps>> = ({ title, icon, style, children }) => {
+const SettingItem: FunctionComponent<PropsWithChildren<SettingItemProps>> = ({
+  title,
+  icon,
+  style,
+  children,
+  testID,
+}) => {
   const colorScheme = useAppColorScheme();
   const iconView: React.ReactElement | undefined = useMemo(() => {
     if (!icon) {
@@ -56,7 +64,7 @@ const SettingItem: FunctionComponent<PropsWithChildren<SettingItemProps>> = ({ t
     <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>
       <View style={styles.container}>
         {iconView && <View style={[styles.icon, { backgroundColor: colorScheme.background }]}>{iconView}</View>}
-        <Typography accessible={false} color={colorScheme.text} preset="s" style={styles.label}>
+        <Typography accessible={false} color={colorScheme.text} preset="s" style={styles.label} testID={testID}>
           {title}
         </Typography>
         {children}

package/src/ui-components/settings/settings-button.tsx

@@ -14,6 +14,7 @@ const SettingsButton: FC<SettingsButtonProps> = ({ style, ...props }) => {
 const styles = StyleSheet.create({
   button: {
     borderRadius: 12,
+    borderWidth: 0,
     height: 68,
     marginHorizontal: 0,
     paddingHorizontal: 12,

package/src/ui-components/settings/switch-setting.tsx

@@ -1,6 +1,7 @@
 import React, { ComponentType, FunctionComponent, ReactElement } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
+import { concatTestID } from '../../utils';
 import { Switch } from '../control/switch';
 import SettingItem from './setting-item';
 
@@ -24,8 +25,14 @@ const SwitchSetting: FunctionComponent<SwitchSettingProps> = ({
   testID,
 }) => {
   return (
-    <SettingItem icon={icon} style={style} title={title}>
-      <Switch accessibilityLabel={title} disabled={disabled} onChange={onChange} testID={testID} value={value} />
+    <SettingItem icon={icon} style={style} title={title} testID={concatTestID(testID, 'text')}>
+      <Switch
+        accessibilityLabel={title}
+        disabled={disabled}
+        onChange={onChange}
+        testID={concatTestID(testID, 'switch')}
+        value={value}
+      />
     </SettingItem>
   );
 };

package/src/ui-components/text/typography.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta,StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
 import React from 'react';
 import type { ColorValue } from 'react-native';
@@ -33,7 +33,7 @@ export default {
   title: 'base/Typography',
   component: Typography,
   args: {
-   onAnnouncementFinished: fn()
+    onAnnouncementFinished: fn(),
   },
   argTypes: {
     preset: {

package/src/utils/date.ts

@@ -7,8 +7,8 @@ const MINUTE = 60 * 1000;
 const DAY = 24 * 60 * MINUTE;
 
 // OS locale
-const systemLocale: string | undefined = I18nManager.getConstants().localeIdentifier
-  ?.replace(/_/g, '-')
+const systemLocale: string | undefined = I18nManager.getConstants()
+  .localeIdentifier?.replace(/_/g, '-')
   .split(/[#@]/)[0]
   .replace(/-$/, '');
 

package/src/utils/history.ts

@@ -1,14 +1,14 @@
-import { HistoryListItem } from '@procivis/react-native-one-core';
+import { HistoryListItemBindingDto } from '@procivis/react-native-one-core';
 import moment, { Moment } from 'moment';
 
 export interface HistoryGroupByDaySection {
-  data: HistoryListItem[];
+  data: HistoryListItemBindingDto[];
   date: Moment;
   firstYearEntry: boolean;
 }
 
-export const groupEntriesByDay = (entries: HistoryListItem[]) => {
-  const groupedEntries = entries.reduce((result: HistoryGroupByDaySection[], entry: HistoryListItem) => {
+export const groupEntriesByDay = (entries: HistoryListItemBindingDto[]) => {
+  const groupedEntries = entries.reduce((result: HistoryGroupByDaySection[], entry: HistoryListItemBindingDto) => {
     const entryDate = moment(entry.createdDate);
 
     const matchingEntry = result.find(({ date }) => date.isSame(entryDate, 'day'));

package/src/utils/hooks/connectivity/connectivity.test.ts

@@ -14,11 +14,11 @@ jest.mock('../core/core-config', () => ({
 }));
 
 jest.mock('@react-native-community/netinfo', () => ({
-  addEventListener: () => { },
+  addEventListener: () => {},
 }));
 
 jest.mock('react-native-bluetooth-state-manager', () => ({
-  onStateChange: () => { },
+  onStateChange: () => {},
 }));
 
 describe('getInvitationUrlTransports', () => {

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

@@ -1,4 +1,4 @@
-import { IdentifierStateEnum, IdentifierTypeEnum } from '@procivis/react-native-one-core';
+import { IdentifierStateBindingEnum, IdentifierTypeBindingEnum } from '@procivis/react-native-one-core';
 import { useCallback } from 'react';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
 
@@ -80,12 +80,12 @@ export const useBackupFinalizeImportProcedure = ({ generateHwKey, generateSwKey
     // update wallet identifier references
     let swIdentifierId: string | undefined;
     if (generateSwKey) {
-      const identifiers = await core.getIdentifiers({
-        states: [IdentifierStateEnum.ACTIVE],
+      const identifiers = await core.listIdentifiers({
+        states: [IdentifierStateBindingEnum.ACTIVE],
         organisationId,
         page: 0,
         pageSize: 1,
-        types: [IdentifierTypeEnum.DID],
+        types: [IdentifierTypeBindingEnum.DID],
         isRemote: false,
       });
       swIdentifierId = identifiers.values.find((identifier) => identifier.name.startsWith(SW_DID_NAME_PREFIX))?.id;

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

@@ -1,4 +1,4 @@
-import { CacheType } from '@procivis/react-native-one-core';
+import { CacheTypeBindingDto } from '@procivis/react-native-one-core';
 import { useMutation, useQueryClient } from 'react-query';
 
 import { useONECore } from './core-context';
@@ -8,17 +8,17 @@ import { REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY, TRUST_ENTITY_DETAIL_QUERY_KEY } f
 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];
 
-// Map each CacheType to the query keys that should be invalidated when that cache is cleared.
-const cacheTypeToQueryKeys: Record<CacheType, string[]> = {
-  [CacheType.DID_DOCUMENT]: CREDENTIAL_QUERY_KEYS,
-  [CacheType.JSON_LD_CONTEXT]: CREDENTIAL_QUERY_KEYS,
-  [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.X509_CRL]: CREDENTIAL_QUERY_KEYS,
-  [CacheType.ANDROID_ATTESTATION_CRL]: CREDENTIAL_QUERY_KEYS,
-  [CacheType.OPEN_ID_METADATA]: CREDENTIAL_QUERY_KEYS,
+// Map each CacheTypeBindingDto to the query keys that should be invalidated when that cache is cleared.
+const cacheTypeToQueryKeys: Record<CacheTypeBindingDto, string[]> = {
+  [CacheTypeBindingDto.DID_DOCUMENT]: CREDENTIAL_QUERY_KEYS,
+  [CacheTypeBindingDto.JSON_LD_CONTEXT]: CREDENTIAL_QUERY_KEYS,
+  [CacheTypeBindingDto.STATUS_LIST_CREDENTIAL]: CREDENTIAL_QUERY_KEYS,
+  [CacheTypeBindingDto.VCT_METADATA]: CREDENTIAL_QUERY_KEYS,
+  [CacheTypeBindingDto.JSON_SCHEMA]: CREDENTIAL_QUERY_KEYS,
+  [CacheTypeBindingDto.TRUST_LIST]: [...TRUST_ENTITY_QUERY_KEYS, ...CREDENTIAL_QUERY_KEYS],
+  [CacheTypeBindingDto.X509_CRL]: CREDENTIAL_QUERY_KEYS,
+  [CacheTypeBindingDto.ANDROID_ATTESTATION_CRL]: CREDENTIAL_QUERY_KEYS,
+  [CacheTypeBindingDto.OPEN_ID_METADATA]: CREDENTIAL_QUERY_KEYS,
 };
 
 export const useCacheClear = () => {
@@ -26,7 +26,7 @@ export const useCacheClear = () => {
   const { core } = useONECore();
 
   return useMutation(
-    async (cacheTypes: CacheType[]) => {
+    async (cacheTypes: CacheTypeBindingDto[]) => {
       await core.deleteCache(cacheTypes);
       return cacheTypes;
     },