@reown/appkit-ui-react-native 0.0.0-feat-multi-siwe-20250623183423 → 0.0.0-feat-onramp-20250626173252

package/src/composites/wui-list-item/index.tsx

@@ -5,7 +5,8 @@ import {
   Animated,
   type StyleProp,
   type ViewStyle,
-  type ImageStyle
+  type ImageStyle,
+  type ImageProps
 } from 'react-native';
 import { Icon } from '../../components/wui-icon';
 import { Image } from '../../components/wui-image';
@@ -27,6 +28,7 @@ export interface ListItemProps {
   imageSrc?: string;
   imageHeaders?: Record<string, string>;
   imageStyle?: StyleProp<ImageStyle>;
+  imageProps?: ImageProps;
   imageContainerStyle?: StyleProp<ViewStyle>;
   chevron?: boolean;
   disabled?: boolean;
@@ -42,6 +44,7 @@ export function ListItem({
   children,
   icon,
   imageSrc,
+  imageProps,
   imageHeaders,
   imageStyle,
   imageContainerStyle,
@@ -74,8 +77,9 @@ export function ListItem({
           ]}
         >
           <Image
-            source={imageSrc}
+            {...imageProps}
             headers={imageHeaders}
+            source={imageSrc}
             style={[styles.image, (disabled || loading) && styles.disabledImage, imageStyle]}
           />
         </View>

package/src/composites/wui-token-button/index.tsx

@@ -1,12 +1,12 @@
-import type { StyleProp, ViewStyle } from 'react-native';
+import React from 'react';
+import { View, type StyleProp, type ViewStyle } from 'react-native';
+
 import { Image } from '../../components/wui-image';
 import { Text } from '../../components/wui-text';
 import { Button } from '../wui-button';
 import { Icon } from '../../components/wui-icon';
 import styles from './styles';
 import { useTheme } from '../../context/ThemeContext';
-import { View } from 'react-native';
-import React from 'react';
 
 export interface TokenButtonProps {
   onPress?: () => void;

package/src/index.ts

@@ -80,8 +80,7 @@ export type {
   SizeType,
   TagType,
   TextType,
-  VisualType,
-  TransactionType
+  VisualType
 } from './utils/TypesUtil';
 export { UiUtil } from './utils/UiUtil';
 export { TransactionUtil } from './utils/TransactionUtil';

package/src/utils/TransactionUtil.ts

@@ -1,9 +1,9 @@
-import { DateUtil } from '@reown/appkit-common-react-native';
-import type {
-  TransactionTransfer,
-  Transaction,
-  TransactionImage,
-  TransactionMetadata
+import {
+  type TransactionTransfer,
+  type Transaction,
+  type TransactionImage,
+  type TransactionMetadata,
+  DateUtil
 } from '@reown/appkit-common-react-native';
 import type { TransactionType } from './TypesUtil';
 import { UiUtil } from './UiUtil';

package/src/utils/UiUtil.ts

@@ -71,18 +71,20 @@ export const UiUtil = {
   },
 
   formatNumberToLocalString(value: string | number | undefined, decimals = 2) {
-    let numericValue: number;
-
     if (value === undefined) {
-      numericValue = 0;
-    } else if (typeof value === 'string') {
-      numericValue = parseFloat(value);
-    } else {
-      numericValue = value;
+      return '0.00';
+    }
+
+    if (typeof value === 'number') {
+      return value.toLocaleString('en-US', {
+        maximumFractionDigits: decimals,
+        minimumFractionDigits: decimals
+      });
     }
 
-    return numericValue.toLocaleString('en-US', {
-      maximumFractionDigits: decimals
+    return parseFloat(value).toLocaleString('en-US', {
+      maximumFractionDigits: decimals,
+      minimumFractionDigits: decimals
     });
   }
 };