@procivis/one-react-native-components 0.2.54 → 0.3.22

package/lib/typescript/components/history/history-list-screen.d.ts

@@ -0,0 +1,22 @@
+import { HistoryListItem, HistoryListQuery } from '@procivis/react-native-one-core';
+import { FC, PropsWithChildren } from 'react';
+import { HistoryGroupByDaySection } from '../../utils';
+import { HistoryListLabels } from './history-list';
+export type HistoryListScreenLabels = {
+    emptyTitle: string;
+    emptySubtitle: string;
+    list: HistoryListLabels;
+    title: string;
+    search: string;
+};
+export type HistoryListScreenProps = {
+    groupItems?: (entries: HistoryListItem[]) => HistoryGroupByDaySection[];
+    labels: HistoryListScreenLabels;
+    onBackPressed: () => void;
+    onHistoryItemPressed: (historyItem: HistoryListItem) => void;
+    onOpenFilter?: () => void;
+    onSearchPhraseChange: (searchPhrase: string | undefined) => void;
+    queryParams: Partial<HistoryListQuery>;
+    testID?: string;
+};
+export declare const HistoryListScreen: FC<PropsWithChildren<HistoryListScreenProps>>;

package/lib/typescript/components/history/history-list-section-header.d.ts

@@ -0,0 +1,13 @@
+import { Moment } from 'moment';
+import { FC } from 'react';
+export type HistoryListSectionHeaderLabels = {
+    today: string;
+    yesterday: string;
+};
+export type HistoryListSectionHeaderViewProps = {
+    date: Moment;
+    firstYearEntry: boolean;
+    labels: HistoryListSectionHeaderLabels;
+    testID?: string;
+};
+export declare const HistoryListSectionHeaderView: FC<HistoryListSectionHeaderViewProps>;

package/lib/typescript/components/history/history-list.d.ts

@@ -0,0 +1,19 @@
+import { HistoryListItem, HistoryListQuery } from '@procivis/react-native-one-core';
+import { FC } from 'react';
+import { SectionListProps } from 'react-native';
+import { HistoryGroupByDaySection } from '../../utils/history';
+import { HistoryListItemLabels, HistoryListItemViewProps } from './history-list-item';
+import { HistoryListSectionHeaderLabels } from './history-list-section-header';
+export type HistoryListLabels = {
+    sectionHeader: HistoryListSectionHeaderLabels;
+    item: HistoryListItemLabels;
+};
+export interface HistoryListViewProps extends Omit<SectionListProps<HistoryListItem, HistoryGroupByDaySection>, 'sections'> {
+    getItemProps?: (item: HistoryListItem) => Partial<HistoryListItemViewProps> | undefined;
+    groupItems?: (entries: HistoryListItem[]) => HistoryGroupByDaySection[];
+    itemProps?: Partial<HistoryListItemViewProps>;
+    labels: HistoryListLabels;
+    onEmpty?: (empty: boolean) => void;
+    query: Partial<HistoryListQuery>;
+}
+export declare const HistoryListView: FC<HistoryListViewProps>;

package/lib/typescript/components/history/index.d.ts

@@ -0,0 +1,6 @@
+export * from './history-details-screen';
+export * from './history-list';
+export * from './history-list-item';
+export * from './history-list-item-icon';
+export * from './history-list-screen';
+export * from './history-list-section-header';

package/lib/typescript/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './backup';
 export * from './credential';
 export * from './entity';
+export * from './history';
 export * from './navigation';
 export * from './proof-request';

package/lib/typescript/ui-components/accessibility/accessibility.d.ts

@@ -28,13 +28,13 @@ export declare function useIsOutsideTransition<TNavigationProp extends Navigatio
  * @param component component ref
  * @note Disabled on android as it is not reliable
  */
-export declare const focusAccessibility: (component?: React.Component | React.ComponentClass | null) => void;
+export declare const focusAccessibility: (component?: React.ElementType<any, any> | null) => void;
 /**
  * Focuses an element for accessibility
  * @param {boolean} focused Focusing happens when this changes to `true`
  * @returns reference to be used with the target element
  */
-export declare const useAccessibilityFocus: <T extends import("react").Component<{}, {}, any> | import("react").ComponentClass<{}, any>>(focused?: boolean) => import("react").RefObject<T>;
+export declare const useAccessibilityFocus: <T extends unknown>(focused?: boolean) => import("react").RefObject<T>;
 /**
  * Posts a screen-reader/voice-over announcement
  * @param {string} message Announcement message

package/lib/typescript/ui-components/accessibility/accessibilityHistory.d.ts

@@ -7,7 +7,7 @@ export declare const AccessibilityFocusHistoryProvider: FC<PropsWithChildren<{}>
  * Wraps `onPress` handler and `ref` to support automatic accessibility focus on back navigation
  * @note This needs to be used inside {@link AccessibilityFocusHistoryProvider} and navigation context
  */
-export declare const useAccessibilityFocusHistory: <Component extends React.Component<any, {}, any> | React.ComponentClass<any, any>, OnPress extends (...args: never[]) => void = () => void>(pressHandler: OnPress | undefined, passedRef?: React.Ref<Component> | undefined) => {
+export declare const useAccessibilityFocusHistory: <Component extends unknown, OnPress extends (...args: never[]) => void = () => void>(pressHandler: OnPress | undefined, passedRef?: React.Ref<Component> | undefined) => {
     onPress: OnPress;
     ref: React.Ref<Component>;
 };

package/lib/typescript/ui-components/accessibility/accessibilityHistoryWrappers.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { PressableProps, TouchableHighlight as RNTouchableHighlight, TouchableHighlightProps, TouchableOpacity as RNTouchableOpacity, TouchableOpacityProps, TouchableWithoutFeedback as RNTouchableWithoutFeedback, TouchableWithoutFeedbackProps, View } from 'react-native';
+import { PressableProps, TouchableHighlightProps, TouchableOpacityProps, TouchableWithoutFeedback as RNTouchableWithoutFeedback, TouchableWithoutFeedbackProps, View } from 'react-native';
 /**
  * Wrappers of RN touchable components with accessibilty focus history support
  */
-export declare const TouchableOpacity: React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<RNTouchableOpacity>>;
+export declare const TouchableOpacity: React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<View>>>>;
 export declare const TouchableWithoutFeedback: React.ForwardRefExoticComponent<TouchableWithoutFeedbackProps & React.RefAttributes<RNTouchableWithoutFeedback>>;
-export declare const TouchableHighlight: React.ForwardRefExoticComponent<TouchableHighlightProps & React.RefAttributes<RNTouchableHighlight>>;
+export declare const TouchableHighlight: React.ForwardRefExoticComponent<TouchableHighlightProps & React.RefAttributes<React.ForwardRefExoticComponent<TouchableHighlightProps & React.RefAttributes<View>>>>;
 export declare const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<View>>;
 type WrapperRefType<C extends React.ForwardRefExoticComponent<React.RefAttributes<any>>> = C extends React.ForwardRefExoticComponent<React.RefAttributes<infer Ref>> ? Ref : never;
 /**

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

@@ -1,6 +1,8 @@
-import { AccessibilityTextTransformer, focusAccessibility, setAccessibilityTextTransformer, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibleAfterTransition, useIsOutsideTransition } from './accessibility';
+import type { AccessibilityTextTransformer } from './accessibility';
+import { focusAccessibility, setAccessibilityTextTransformer, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibleAfterTransition, useIsOutsideTransition } from './accessibility';
 import { AccessibilityFocusHistoryProvider, useAccessibilityFocusHistory } from './accessibilityHistory';
-import { AccessibilityLanguageProvider, AccessibilityLanguageProviderProps } from './accessibilityLanguage';
-import { AccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';
+import type { AccessibilityLanguageProviderProps } from './accessibilityLanguage';
+import { AccessibilityLanguageProvider } from './accessibilityLanguage';
+import type { AccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';
 export * from './accessibilityHistoryWrappers';
 export { AccessibilityFocusHistoryProvider, AccessibilityLanguageFile, AccessibilityLanguageProvider, AccessibilityLanguageProviderProps, AccessibilityTextTransformer, focusAccessibility, setAccessibilityTextTransformer, SupportedAccessibilityLanguage, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibilityFocusHistory, useAccessibleAfterTransition, useIsOutsideTransition, };

package/lib/typescript/ui-components/buttons/button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TouchableOpacityProps } from 'react-native';
+import { TouchableOpacityProps, View } from 'react-native';
 export declare enum ButtonType {
     Border = "border",
     Primary = "primary",
@@ -19,4 +19,4 @@ export interface ButtonProps extends TouchableOpacityProps {
  *
  * for bordered style just override `borderColor` in style
  */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<import("react-native").TouchableOpacity>>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<View>>>>;

package/lib/typescript/ui-components/buttons/hold-button.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TouchableWithoutFeedbackProps } from 'react-native';
+export interface HoldButtonProps extends Omit<TouchableWithoutFeedbackProps, 'children' | 'onLayout' | 'onPress' | 'onLongPress' | 'onPressIn' | 'onPressOut'> {
+    title: string;
+    subtitlePrefix: string;
+    subtitleSuffix: string;
+    holdTimeoutSecs?: number;
+    onFinished: () => void;
+}
+/**
+ * Press and hold button component
+ *
+ * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871
+ */
+declare const HoldButton: React.ForwardRefExoticComponent<HoldButtonProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback>>;
+export default HoldButton;

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

@@ -1,7 +1,15 @@
-import BackButton, { BackButtonIcon, BackButtonProps } from './back-button';
-import { Button, ButtonProps, ButtonType } from './button';
-import ConnectivityButton, { ConnectivityButtonProps, ConnectivityTransport } from './connectivity-button';
-import FilterButton, { FilterButtonProps } from './filter-button';
-import GhostButton, { GhostButtonProps } from './ghost-button';
-import ScanButton, { ScanButtonProps } from './scan-button';
-export { BackButton, BackButtonIcon, BackButtonProps, Button, ButtonProps, ButtonType, ConnectivityButton, ConnectivityButtonProps, ConnectivityTransport, FilterButton, FilterButtonProps, GhostButton, GhostButtonProps, ScanButton, ScanButtonProps, };
+import type { BackButtonProps } from './back-button';
+import BackButton, { BackButtonIcon } from './back-button';
+import type { ButtonProps } from './button';
+import { Button, ButtonType } from './button';
+import type { ConnectivityButtonProps } from './connectivity-button';
+import ConnectivityButton, { ConnectivityTransport } from './connectivity-button';
+import type { FilterButtonProps } from './filter-button';
+import FilterButton from './filter-button';
+import type { GhostButtonProps } from './ghost-button';
+import GhostButton from './ghost-button';
+import type { HoldButtonProps } from './hold-button';
+import HoldButton from './hold-button';
+import type { ScanButtonProps } from './scan-button';
+import ScanButton from './scan-button';
+export { BackButton, BackButtonIcon, BackButtonProps, Button, ButtonProps, ButtonType, ConnectivityButton, ConnectivityButtonProps, ConnectivityTransport, FilterButton, FilterButtonProps, GhostButton, GhostButtonProps, HoldButton, HoldButtonProps, ScanButton, ScanButtonProps, };

package/lib/typescript/ui-components/buttons/scan-button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TouchableOpacityProps } from 'react-native';
+import { TouchableOpacityProps, View } from 'react-native';
 export type ScanButtonProps = TouchableOpacityProps;
-declare const ScanButton: React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<import("react-native").TouchableOpacity>>;
+declare const ScanButton: React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<View>>>>;
 export default ScanButton;

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

@@ -5,7 +5,7 @@ export interface CredentialHeaderProps extends AccessibilityProps {
     accessory?: React.ComponentType<any> | React.ReactElement;
     blur?: boolean;
     color?: ColorValue;
-    credentialDetailPrimary: string;
+    credentialDetailPrimary?: string;
     credentialDetailSecondary?: string;
     credentialDetailTestID?: string;
     credentialDetailErrorColor?: boolean;

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

@@ -1,8 +1,13 @@
-import CredentialCard, { CredentialCardNotice, CredentialCardProps, CredentialCardRatio, CredentialCardShadow } from './credential-card';
-import CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';
-import CredentialDetailsCardListItem, { CredentialDetailsCardListItemProps } from './credential-details-list-item';
-import CredentialHeader, { CredentialHeaderProps } from './credential-header';
-import { CarouselImage, CarouselImageType } from './credential-image-carousel';
+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';
+import CredentialDetailsCardListItem from './credential-details-list-item';
+import type { CredentialHeaderProps } from './credential-header';
+import CredentialHeader from './credential-header';
+import type { CarouselImage } from './credential-image-carousel';
+import { CarouselImageType } from './credential-image-carousel';
 export { CarouselImage, CarouselImageType };
 export { CredentialCard, CredentialCardNotice, CredentialCardProps, CredentialCardRatio, CredentialCardShadow };
 export { CredentialDetailsCard, CredentialDetailsCardProps };

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

@@ -1,4 +1,5 @@
-import CredentialAttributeItem, { CredentialAttribute, CredentialAttributeItemProps, CredentialAttributeValue } from './credential-attribute-item';
+import type { CredentialAttribute, CredentialAttributeItemProps, CredentialAttributeValue } from './credential-attribute-item';
+import CredentialAttributeItem from './credential-attribute-item';
 import { Barcode, Mrz, QrCode } from './credential-carousel-images';
 import Selector from './selector';
 import { SelectorStatus } from './selector-status';

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

@@ -1,7 +1,10 @@
 import FocusAwareStatusBar from './focus-aware-status-bar';
-import FoldableHeader, { FoldableHeaderProps } from './foldable-header';
-import Header, { HeaderProps } from './header';
-import NavigationHeader, { NavigationHeaderProps } from './navigation-header';
+import type { FoldableHeaderProps } from './foldable-header';
+import FoldableHeader from './foldable-header';
+import type { HeaderProps } from './header';
+import Header from './header';
+import type { NavigationHeaderProps } from './navigation-header';
+import NavigationHeader from './navigation-header';
 export { FocusAwareStatusBar };
 export { FoldableHeader, FoldableHeaderProps };
 export { Header, HeaderProps };

package/lib/typescript/ui-components/history/data-item.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { ComponentType, FC, ReactElement } from 'react';
 import { ColorValue, ViewProps } from 'react-native';
 export type DataItemProps = ViewProps & {
     attribute: string;
@@ -6,7 +6,7 @@ export type DataItemProps = ViewProps & {
     multiline?: boolean;
     value: string;
     valueColor?: ColorValue;
-    valueIcon?: ReactNode;
+    valueIcon?: ComponentType<any> | ReactElement;
 };
 declare const DataItem: FC<DataItemProps>;
 export default DataItem;

package/lib/typescript/ui-components/history/history-details.d.ts

@@ -0,0 +1,51 @@
+import { ComponentType, FC, ReactElement } from 'react';
+import { ColorValue, ImageSourcePropType } from 'react-native';
+import { CredentialDetails, CredentialDetailsProps, EntityDetailsProps } from '../../components';
+import { CardLabels } from '../../utils';
+import { CredentialDetailsCardListItemProps, CredentialHeaderProps } from '../credential';
+export type HistoryDetailsLabels = {
+    credentialCard: CardLabels;
+    data: {
+        date: string;
+        action: string;
+    };
+    infoButtonAccessibility?: string;
+    relatedAssets: string;
+    title: string;
+};
+type CredentialDetails = Omit<CredentialDetailsProps, 'expanded' | 'labels' | 'lastItem' | 'onHeaderPress' | 'onImagePreview'>;
+type CredentialCard = Omit<CredentialDetailsCardListItemProps, 'expanded' | 'labels' | 'lastItem' | 'onHeaderPress' | 'onImagePreview'>;
+export type HistoryDetailsViewProps = {
+    assets?: {
+        header?: CredentialHeaderProps & {
+            onPressed?: () => void;
+        };
+        cards?: ({
+            credentialDetails: CredentialDetails;
+        } | {
+            credentialCard: CredentialCard;
+        })[];
+    };
+    data: {
+        header?: {
+            entity: EntityDetailsProps;
+        } | {
+            credentialHeader: CredentialHeaderProps;
+        };
+        date: string;
+        action: {
+            icon: ComponentType<any> | ReactElement;
+            label: string;
+            color: ColorValue;
+            testID?: string;
+        };
+    };
+    headerButton?: ReactElement;
+    labels: HistoryDetailsLabels;
+    onBackPressed: () => void;
+    onInfoPressed?: () => void;
+    onImagePreview: (title: string, image: ImageSourcePropType) => void;
+    testID: string;
+};
+export declare const HistoryDetailsView: FC<HistoryDetailsViewProps>;
+export {};

package/lib/typescript/ui-components/history/{history-list-item.d.ts → history-item.d.ts}

@@ -1,6 +1,7 @@
 import { ComponentType, FC, ReactElement } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-export type HistoryListItemProps = {
+export type HistoryItemViewProps = {
+    first?: boolean;
     icon: ComponentType<any> | ReactElement;
     info?: string;
     label: string;
@@ -10,5 +11,5 @@ export type HistoryListItemProps = {
     testID?: string;
     time: string;
 };
-declare const HistoryListItem: FC<HistoryListItemProps>;
-export default HistoryListItem;
+declare const HistoryItemView: FC<HistoryItemViewProps>;
+export default HistoryItemView;

package/lib/typescript/ui-components/history/history-section-header.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-declare const HistorySectionHeader: FC<{
+declare const HistorySectionHeaderView: FC<{
     day: string;
     testID?: string;
     year?: string;
 }>;
-export default HistorySectionHeader;
+export default HistorySectionHeaderView;

package/lib/typescript/ui-components/history/history-section-list-item.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { HistoryListItemProps } from './history-list-item';
-export interface HistorySectionListItemProps extends HistoryListItemProps {
+import { HistoryItemViewProps } from './history-item';
+export interface HistorySectionListItemProps extends HistoryItemViewProps {
     first?: boolean;
 }
 declare const HistorySectionListItem: FC<HistorySectionListItemProps>;

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

@@ -1,8 +1,9 @@
 import DataItem, { DataItemProps } from './data-item';
-import HistoryListItem, { HistoryListItemProps } from './history-list-item';
-import HistorySectionHeader from './history-section-header';
+import HistoryItemView, { HistoryItemViewProps } from './history-item';
+import HistorySectionHeaderView from './history-section-header';
 import HistorySectionListItem, { HistorySectionListItemProps } from './history-section-list-item';
+export * from './history-details';
 export { DataItem, DataItemProps };
-export { HistoryListItem, HistoryListItemProps };
-export { HistorySectionHeader };
+export { HistoryItemView, HistoryItemViewProps };
+export { HistorySectionHeaderView };
 export { HistorySectionListItem, HistorySectionListItemProps };

package/lib/typescript/ui-components/icons/history.d.ts

@@ -1,42 +1,27 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { ViewProps } from 'react-native';
 import { SvgProps } from 'react-native-svg';
-export declare const HistoryShareIcon: FC<SvgProps>;
+export declare const HistoryCredentialIcon: FC<SvgProps>;
+export declare const HistorySchemaIcon: FC<SvgProps>;
+export declare const HistoryBackupCreatedIcon: FC<SvgProps>;
+export declare const HistoryBackupRestoredIcon: FC<SvgProps>;
+export declare const HistoryProofRequestIcon: FC<SvgProps>;
 export declare const HistoryIssueIcon: FC<SvgProps>;
 export declare const HistoryRevokeIcon: FC<SvgProps>;
 export declare const HistorySuspendIcon: FC<SvgProps>;
+export declare const HistoryDidIcon: React.FC<SvgProps>;
+export declare const HistoryKeyIcon: React.FC<SvgProps>;
+export declare const HistoryOrganisationIcon: React.FC<SvgProps>;
+export declare const HistoryTrustAnchorIcon: React.FC<SvgProps>;
+export declare const HistoryTrustedEntityIcon: React.FC<SvgProps>;
 export declare const HistoryStatusAcceptedIcon: FC<SvgProps>;
-export declare enum HistoryStatusIconType {
-    Success = 0,
-    Warning = 1,
-    Error = 2,
-    Delete = 3,
-    Suspend = 4,
-    SuspendTemporary = 5,
-    Indicator = 6
-}
-export interface HistoryStatusIconProps extends SvgProps {
-    type: HistoryStatusIconType;
-}
-export declare const HistoryStatusIcon: FC<HistoryStatusIconProps>;
-export declare enum HistoryActionIconType {
-    Issue = 0,
-    IssueReject = 1,
-    Request = 2,
-    RequestDeleted = 3,
-    RequestReject = 4,
-    Revalidate = 5,
-    Revoke = 6,
-    Share = 7,
-    ShareReject = 8,
-    Suspend = 9,
-    SuspendTemporary = 10,
-    Error = 11
-}
-export type HistoryActionIconProps = ViewProps & ({
-    type: HistoryActionIconType;
-} | {
-    statusIcon: HistoryStatusIconType;
+export declare const HistoryStatusDeleteIcon: FC<SvgProps>;
+export declare const HistoryStatusErrorIcon: FC<SvgProps>;
+export declare const HistoryStatusSuspendIcon: FC<SvgProps>;
+export declare const HistoryStatusSuspendTemporaryIcon: FC<SvgProps>;
+export declare const HistoryStatusIndicatorIcon: FC<SvgProps>;
+export type HistoryItemIconProps = ViewProps & {
+    StatusIcon: FC<SvgProps>;
     TypeIcon: FC<SvgProps>;
-});
-export declare const HistoryActionIcon: FC<HistoryActionIconProps>;
+};
+export declare const HistoryItemIcon: FC<HistoryItemIconProps>;

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

@@ -1,2 +1,3 @@
-import ImageOrComponent, { ImageOrComponentSource } from './image-or-component';
+import type { ImageOrComponentSource } from './image-or-component';
+import ImageOrComponent from './image-or-component';
 export { ImageOrComponent, ImageOrComponentSource };

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

@@ -28,5 +28,5 @@ 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
  */
-declare const SelectionInput: React.ForwardRefExoticComponent<SelectionInputProps & React.RefAttributes<import("react-native").TouchableOpacity>>;
+declare const SelectionInput: React.ForwardRefExoticComponent<SelectionInputProps & React.RefAttributes<React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<import("react-native").View>>>>;
 export default SelectionInput;

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

@@ -2,3 +2,4 @@ import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header
 import ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';
 export { ListSectionHeader, ListSectionHeaderProps };
 export { ListTitleHeader, ListTitleHeaderProps };
+export * from './wallet';

package/lib/typescript/ui-components/list/list-page-loading-indicator.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ActivityIndicatorProps } from 'react-native';
+declare const ListPageLoadingIndicator: FC<ActivityIndicatorProps>;
+export default ListPageLoadingIndicator;

package/lib/typescript/ui-components/list/wallet/empty-list.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type WalletEmptyListProps = {
+    onScanPress: () => void;
+    scanButtonTitle: string;
+    subtitle: string;
+    testID: string;
+    title: string;
+};
+declare const WalletEmptyList: FC<WalletEmptyListProps>;
+export default WalletEmptyList;

package/lib/typescript/ui-components/list/wallet/empty-search-result.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type WalletEmptySearchResultProps = {
+    subtitle: string;
+    title: string;
+};
+declare const WalletEmptySearchResult: FC<WalletEmptySearchResultProps>;
+export default WalletEmptySearchResult;

package/lib/typescript/ui-components/list/wallet/index.d.ts

@@ -0,0 +1,3 @@
+import WalletEmptyList from './empty-list';
+import WalletEmptySearchResult from './empty-search-result';
+export { WalletEmptyList, WalletEmptySearchResult };

package/lib/typescript/ui-components/nerd-view/index.d.ts

@@ -1,2 +1,3 @@
-import NerdModeItem, { ActionIcon, NerdModeItemProps } from './nerd-mode-item';
+import type { NerdModeItemProps } from './nerd-mode-item';
+import NerdModeItem, { ActionIcon } from './nerd-mode-item';
 export { ActionIcon, NerdModeItem, NerdModeItemProps };

package/lib/typescript/ui-components/pin/keypad.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import { StyleProp, View, ViewStyle } from 'react-native';
 export declare enum Biometry {
     FaceID = "faceID",
     Other = "other"
@@ -13,4 +13,4 @@ export interface KeypadProps {
     style?: StyleProp<ViewStyle>;
     onDeleteAll?: () => void;
 }
-export declare const Keypad: React.ForwardRefExoticComponent<KeypadProps & React.RefAttributes<import("react-native").TouchableOpacity>>;
+export declare const Keypad: React.ForwardRefExoticComponent<KeypadProps & React.RefAttributes<React.ForwardRefExoticComponent<import("react-native").TouchableOpacityProps & React.RefAttributes<View>>>>;

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

@@ -1,9 +1,15 @@
-import BackupScreen, { BackupScreenMode, BackupScreenProps } from './backup-screen';
-import ImagePreviewScreen, { ImagePreviewScreenProps } from './image-preview-screen';
-import NerdModeScreen, { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';
-import QRCodeScannerScreen, { QRCodeScannerScreenProps } from './qr-code-scanner-screen';
-import ScrollViewScreen, { ScrollViewScreenProps } from './scroll-view-screen';
-import SectionListScreen, { SectionListScreenProps } from './section-list-screen';
+import type { BackupScreenProps } from './backup-screen';
+import BackupScreen, { BackupScreenMode } from './backup-screen';
+import type { ImagePreviewScreenProps } from './image-preview-screen';
+import ImagePreviewScreen from './image-preview-screen';
+import type { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';
+import NerdModeScreen from './nerd-mode-screen';
+import type { QRCodeScannerScreenProps } from './qr-code-scanner-screen';
+import QRCodeScannerScreen from './qr-code-scanner-screen';
+import type { ScrollViewScreenProps } from './scroll-view-screen';
+import ScrollViewScreen from './scroll-view-screen';
+import type { SectionListScreenProps } from './section-list-screen';
+import SectionListScreen from './section-list-screen';
 export { BackupScreen, BackupScreenMode, BackupScreenProps };
 export { ImagePreviewScreen, ImagePreviewScreenProps };
 export { NerdModeScreen, NerdModeScreenProps, NerdModeSection };

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

@@ -1,2 +1,3 @@
-import Typography, { TypographyProps } from './typography';
+import type { TypographyProps } from './typography';
+import Typography from './typography';
 export { Typography, TypographyProps };