@reown/appkit-react-native 0.0.0-chore-solflare-20250730210452 → 0.0.0-chore-spring-effect-20250909214820

package/src/views/w3m-swap-view/index.tsx

@@ -1,24 +1,28 @@
 import { useSnapshot } from 'valtio';
 import { useEffect, useState } from 'react';
-import { ScrollView, Modal } from 'react-native';
+import { ScrollView } from 'react-native';
 import {
   ConnectionsController,
   ConstantsUtil,
   EventsController,
   RouterController,
-  SwapController,
-  type SwapInputTarget
+  SwapController
 } from '@reown/appkit-core-react-native';
-import { Button, FlexView, IconLink, useTheme } from '@reown/appkit-ui-react-native';
-import { NumberUtil } from '@reown/appkit-common-react-native';
+import {
+  Button,
+  FlexView,
+  IconLink,
+  useTheme,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
+import { NumberUtil, type SwapInputTarget } from '@reown/appkit-common-react-native';
 
 import { useKeyboard } from '../../hooks/useKeyboard';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { SwapInput } from '../../partials/w3m-swap-input';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { SwapDetails } from '../../partials/w3m-swap-details';
 import styles from './styles';
-import { SwapSelectTokenView } from './components/select-token-view';
+import { SwapSelectTokenModal } from './components/select-token-modal';
 
 export function SwapView() {
   const {
@@ -35,8 +39,8 @@ export function SwapView() {
     inputError
   } = useSnapshot(SwapController.state);
   const Theme = useTheme();
-  const { padding } = useCustomDimensions();
-  const { keyboardShown } = useKeyboard();
+  const { padding, maxHeight } = useCustomDimensions();
+  const { keyboardShown, keyboardHeight } = useKeyboard();
   const [showModal, setShowModal] = useState<SwapInputTarget | undefined>();
   const showDetails = !!sourceToken && !!toToken && !inputError;
 
@@ -153,11 +157,14 @@ export function SwapView() {
   return (
     <>
       <ScrollView
-        style={[{ paddingHorizontal: padding }, keyboardShown && styles.withKeyboard]}
+        style={[{ paddingHorizontal: padding, maxHeight }]}
+        contentContainerStyle={
+          keyboardShown && !showModal ? { paddingBottom: keyboardHeight } : undefined
+        }
         bounces={false}
         keyboardShouldPersistTaps="always"
       >
-        <FlexView padding={['l', 'l', '2xl', 'l']} alignItems="center" justifyContent="center">
+        <FlexView padding="l" alignItems="center" justifyContent="center">
           <SwapInput
             token={sourceToken}
             value={sourceTokenAmount}
@@ -180,7 +187,7 @@ export function SwapView() {
               onTokenPress={() => setShowModal('toToken')}
               editable={false}
             />
-            {showSwitch && (
+            {showSwitch ? (
               <IconLink
                 icon="recycleHorizontal"
                 size="lg"
@@ -191,9 +198,9 @@ export function SwapView() {
                 style={[styles.arrowIcon, { borderColor: Theme['bg-100'] }]}
                 onPress={onSwitchPress}
               />
-            )}
+            ) : null}
           </FlexView>
-          {showDetails && <SwapDetails />}
+          {showDetails ? <SwapDetails /> : null}
           <Button
             style={styles.actionButton}
             loading={actionLoading}
@@ -204,9 +211,7 @@ export function SwapView() {
           </Button>
         </FlexView>
       </ScrollView>
-      <Modal visible={!!showModal} transparent animationType="slide" onRequestClose={onModalClose}>
-        <SwapSelectTokenView style={styles.modalContent} onClose={onModalClose} type={showModal} />
-      </Modal>
+      <SwapSelectTokenModal visible={!!showModal} onClose={onModalClose} type={showModal} />
     </>
   );
 }

package/src/views/w3m-swap-view/styles.ts

@@ -19,13 +19,5 @@ export default StyleSheet.create({
   actionButton: {
     marginTop: Spacing.xs,
     width: '100%'
-  },
-  modalContent: {
-    margin: 0,
-    flex: 1,
-    justifyContent: 'flex-end'
-  },
-  withKeyboard: {
-    height: '100%'
   }
 });

package/src/views/w3m-unsupported-chain-view/index.tsx

@@ -1,28 +1,26 @@
 import { useSnapshot } from 'valtio';
 import { useState } from 'react';
 import { FlatList } from 'react-native';
-import { Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
+import { ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
   AssetController,
+  AssetUtil,
   ConnectionsController
 } from '@reown/appkit-core-react-native';
 import type { AppKitNetwork } from '@reown/appkit-common-react-native';
-import { useAppKit } from '../../AppKitContext';
+import { useInternalAppKit } from '../../AppKitContext';
 import styles from './styles';
 
 export function UnsupportedChainView() {
-  const { activeNetwork } = useSnapshot(ConnectionsController.state);
   const { networkImages } = useSnapshot(AssetController.state);
   const [disconnecting, setDisconnecting] = useState(false);
-  //TODO: should show requested networks disabled
-  // const networks = CoreHelperUtil.sortNetworks(approvedCaipNetworkIds, requestedCaipNetworks);
-  const networks = ConnectionsController.getConnectedNetworks();
+  const networks = ConnectionsController.getAvailableNetworks();
   const imageHeaders = ApiController._getApiHeaders();
-  const { disconnect, switchNetwork } = useAppKit();
+  const { disconnect, switchNetwork } = useInternalAppKit();
 
   const onNetworkPress = async (network: AppKitNetwork) => {
-    switchNetwork(network);
+    await switchNetwork(network);
   };
 
   const onDisconnect = async () => {
@@ -38,8 +36,8 @@ export function UnsupportedChainView() {
       ListHeaderComponentStyle={styles.header}
       ListHeaderComponent={
         <Text variant="small-400" color="fg-200" center>
-          The swap feature doesn't support your current network. Switch to an available option to
-          continue.
+          The current network is not supported by this application. Please switch to an available
+          option to continue.
         </Text>
       }
       contentContainerStyle={styles.contentContainer}
@@ -48,7 +46,7 @@ export function UnsupportedChainView() {
           key={item.id}
           icon="networkPlaceholder"
           iconBackgroundColor="gray-glass-010"
-          imageSrc={networkImages[item.id]}
+          imageSrc={AssetUtil.getNetworkImage(item, networkImages)}
           imageHeaders={imageHeaders}
           onPress={() => onNetworkPress(item)}
           testID="button-network"
@@ -58,7 +56,6 @@ export function UnsupportedChainView() {
           <Text numberOfLines={1} color="fg-100">
             {item.name ?? 'Unknown'}
           </Text>
-          {item.id === activeNetwork?.id && <Icon name="checkmark" color="accent-100" />}
         </ListItem>
       )}
       ListFooterComponent={

package/src/views/w3m-unsupported-chain-view/styles.ts

@@ -4,7 +4,7 @@ import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
   contentContainer: {
     padding: Spacing.s,
-    paddingBottom: Spacing.xl
+    paddingBottom: Spacing['s']
   },
   header: {
     marginBottom: Spacing.s

package/src/views/w3m-upgrade-email-wallet-view/index.tsx

@@ -1,17 +1,15 @@
-import { Linking, StyleSheet } from 'react-native';
+import { StyleSheet } from 'react-native';
 import { Chip, FlexView, Spacing, Text } from '@reown/appkit-ui-react-native';
 import { ConstantsUtil } from '@reown/appkit-common-react-native';
+import { CoreHelperUtil } from '@reown/appkit-core-react-native';
 
 export function UpgradeEmailWalletView() {
   const onLinkPress = () => {
-    const link = ConstantsUtil.SECURE_SITE_DASHBOARD;
-    Linking.canOpenURL(link).then(supported => {
-      if (supported) Linking.openURL(link);
-    });
+    CoreHelperUtil.openLink(ConstantsUtil.SECURE_SITE_DASHBOARD);
   };
 
   return (
-    <FlexView padding={['l', 'l', '3xl', 'l']} alignItems="center">
+    <FlexView padding={['l', 'l', 's', 'l']} alignItems="center">
       <Text variant="paragraph-400">Follow the instructions on</Text>
       <Chip
         label="secure.reown.com"

package/src/views/w3m-wallet-compatible-networks-view/index.tsx

@@ -1,12 +1,18 @@
 import { ScrollView } from 'react-native';
 import { useSnapshot } from 'valtio';
-import { FlexView, Text, Banner, NetworkImage } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  Text,
+  Banner,
+  NetworkImage,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import {
   ApiController,
   AssetController,
+  AssetUtil,
   ConnectionsController
 } from '@reown/appkit-core-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 
 export function WalletCompatibleNetworks() {
@@ -25,7 +31,7 @@ export function WalletCompatibleNetworks() {
 
   return (
     <ScrollView bounces={false} style={{ paddingHorizontal: padding }} fadingEdgeLength={20}>
-      <FlexView padding={['xl', 's', '2xl', 's']}>
+      <FlexView padding={['xl', 's', 's', 's']}>
         <Banner icon="warningCircle" text="You can only receive assets on these networks." />
         {approvedNetworks.map((network, index) => (
           <FlexView
@@ -35,7 +41,7 @@ export function WalletCompatibleNetworks() {
             padding={['s', 's', 's', 's']}
           >
             <NetworkImage
-              imageSrc={networkImages[network.id]}
+              imageSrc={AssetUtil.getNetworkImage(network, networkImages)}
               imageHeaders={imageHeaders}
               size="sm"
               style={styles.image}

package/src/views/w3m-wallet-receive-view/index.tsx

@@ -7,18 +7,19 @@ import {
   QrCode,
   Spacing,
   Text,
-  UiUtil
+  UiUtil,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
   AssetController,
+  AssetUtil,
   ConnectionsController,
   CoreHelperUtil,
   OptionsController,
   RouterController,
   SnackController
 } from '@reown/appkit-core-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 
 export function WalletReceiveView() {
   const { networkImages } = useSnapshot(AssetController.state);
@@ -26,7 +27,7 @@ export function WalletReceiveView() {
     ConnectionsController.state
   );
   const address = CoreHelperUtil.getPlainAddress(activeAddress);
-  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
   const { padding } = useCustomDimensions();
   const canCopy = OptionsController.isClipboardAvailable();
   const isSmartAccount = accountType === 'smartAccount';
@@ -40,7 +41,10 @@ export function WalletReceiveView() {
   const imagesArray = approvedNetworks
     .filter(network => network?.id)
     .slice(0, 5)
-    .map(network => AssetController.state.networkImages[network.id])
+    .map(
+      network =>
+        network.imageUrl ?? AssetUtil.getNetworkImage(network, AssetController.state.networkImages)
+    )
     .filter(Boolean) as string[];
 
   const label = UiUtil.getTruncateString({
@@ -65,7 +69,7 @@ export function WalletReceiveView() {
 
   return (
     <ScrollView bounces={false} style={{ paddingHorizontal: padding }}>
-      <FlexView padding={['xl', 'xl', '2xl', 'xl']} alignItems="center">
+      <FlexView padding="xl" alignItems="center">
         <Chip
           label={label}
           rightIcon={canCopy ? 'copy' : undefined}

package/src/views/w3m-wallet-send-preview-view/components/preview-send-details.tsx

@@ -1,4 +1,4 @@
-import { AssetController } from '@reown/appkit-core-react-native';
+import { AssetController, AssetUtil } from '@reown/appkit-core-react-native';
 import type { AppKitNetwork } from '@reown/appkit-common-react-native';
 import {
   BorderRadius,
@@ -43,7 +43,7 @@ export function PreviewSendDetails({
     truncate: 'middle'
   });
 
-  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
 
   return (
     <FlexView

package/src/views/w3m-wallet-send-preview-view/index.tsx

@@ -1,13 +1,21 @@
 import { useSnapshot } from 'valtio';
 import { ScrollView } from 'react-native';
-import { Avatar, Button, FlexView, Icon, Image, Text, UiUtil } from '@reown/appkit-ui-react-native';
+import {
+  Avatar,
+  Button,
+  FlexView,
+  Icon,
+  Image,
+  Text,
+  UiUtil,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { NumberUtil } from '@reown/appkit-common-react-native';
 import {
   ConnectionsController,
   RouterController,
   SendController
 } from '@reown/appkit-core-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { PreviewSendPill } from './components/preview-send-pill';
 import styles from './styles';
 import { PreviewSendDetails } from './components/preview-send-details';
@@ -62,7 +70,7 @@ export function WalletSendPreviewView() {
 
   return (
     <ScrollView style={{ paddingHorizontal: padding }}>
-      <FlexView padding={['l', 'xl', '3xl', 'xl']}>
+      <FlexView padding={['l', 'xl', 'l', 'xl']}>
         <FlexView flexDirection="row" alignItems="center" justifyContent="space-between">
           <FlexView>
             <Text variant="small-400" color="fg-150">

package/src/views/w3m-wallet-send-select-token-view/index.tsx

@@ -1,24 +1,30 @@
 import { useState } from 'react';
 import { useSnapshot } from 'valtio';
 import { ScrollView } from 'react-native';
-import { FlexView, InputText, ListToken, Text } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  InputText,
+  ListToken,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import {
   AssetController,
+  AssetUtil,
   ConnectionsController,
   RouterController,
   SendController
 } from '@reown/appkit-core-react-native';
 import type { Balance } from '@reown/appkit-common-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { Placeholder } from '../../partials/w3m-placeholder';
 import styles from './styles';
 
 export function WalletSendSelectTokenView() {
-  const { padding } = useCustomDimensions();
+  const { padding, maxHeight } = useCustomDimensions();
   const { activeNetwork, balances } = useSnapshot(ConnectionsController.state);
   const { networkImages } = useSnapshot(AssetController.state);
-  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
   const [tokenSearch, setTokenSearch] = useState<string>('');
   const [filteredTokens, setFilteredTokens] = useState(balances ?? []);
 
@@ -38,8 +44,8 @@ export function WalletSendSelectTokenView() {
 
   return (
     <FlexView
-      margin={['l', '0', '2xl', '0']}
-      style={[styles.container, { paddingHorizontal: padding }]}
+      margin={['l', '0', 'l', '0']}
+      style={[styles.container, { paddingHorizontal: padding, height: maxHeight }]}
     >
       <FlexView margin={['0', 'm', 'm', 'm']}>
         <InputText

package/src/views/w3m-wallet-send-view/index.tsx

@@ -7,16 +7,15 @@ import {
   RouterController,
   SendController
 } from '@reown/appkit-core-react-native';
-import { Button, FlexView, IconBox } from '@reown/appkit-ui-react-native';
+import { Button, FlexView, IconBox, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { SendInputToken } from '../../partials/w3m-send-input-token';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { useKeyboard } from '../../hooks/useKeyboard';
 import { SendInputAddress } from '../../partials/w3m-send-input-address';
 import styles from './styles';
 
 export function WalletSendView() {
-  const { padding } = useCustomDimensions();
-  const { keyboardShown } = useKeyboard();
+  const { padding, maxHeight } = useCustomDimensions();
+  const { keyboardShown, keyboardHeight } = useKeyboard();
   const [isBalanceLoading, setBalanceLoading] = useState(false);
   const { token, sendTokenAmount, receiverAddress, receiverProfileName, loading } = useSnapshot(
     SendController.state
@@ -81,11 +80,12 @@ export function WalletSendView() {
 
   return (
     <ScrollView
-      style={[{ paddingHorizontal: padding }, keyboardShown && styles.withKeyboard]}
+      style={[{ paddingHorizontal: padding, maxHeight }]}
+      contentContainerStyle={keyboardShown ? { paddingBottom: keyboardHeight } : undefined}
       bounces={false}
       keyboardShouldPersistTaps="always"
     >
-      <FlexView padding={['l', 'l', '2xl', 'l']} alignItems="center" justifyContent="center">
+      <FlexView padding="l" alignItems="center" justifyContent="center">
         <SendInputToken
           token={token}
           sendTokenAmount={sendTokenAmount}

package/src/views/w3m-wallet-send-view/styles.ts

@@ -17,8 +17,5 @@ export default StyleSheet.create({
   },
   addressContainer: {
     width: '100%'
-  },
-  withKeyboard: {
-    height: '100%'
   }
 });

package/src/views/w3m-what-is-a-network-view/index.tsx

@@ -1,6 +1,5 @@
 import { Linking, ScrollView } from 'react-native';
-import { Button, FlexView, Text, Visual } from '@reown/appkit-ui-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { Button, FlexView, Text, Visual, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import styles from './styles';
 
 export function WhatIsANetworkView() {
@@ -11,7 +10,7 @@ export function WhatIsANetworkView() {
 
   return (
     <ScrollView bounces={false} fadingEdgeLength={20} style={{ paddingHorizontal: padding }}>
-      <FlexView alignItems="center" padding={['l', '4xl', '3xl', '4xl']}>
+      <FlexView alignItems="center" padding={['l', '4xl', 'm', '4xl']}>
         <FlexView flexDirection="row" padding={['0', '0', 'xs', '0']}>
           <Visual name="network" />
           <Visual name="layers" style={styles.visual} />

package/src/views/w3m-what-is-a-wallet-view/index.tsx

@@ -1,7 +1,6 @@
 import { ScrollView } from 'react-native';
-import { Button, FlexView, Text, Visual } from '@reown/appkit-ui-react-native';
+import { Button, FlexView, Text, Visual, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { EventsController, RouterController } from '@reown/appkit-core-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 
 export function WhatIsAWalletView() {
@@ -19,7 +18,7 @@ export function WhatIsAWalletView() {
       style={{ paddingHorizontal: padding }}
       testID="what-is-a-wallet-view"
     >
-      <FlexView alignItems="center" padding={['xs', '4xl', 'xl', '4xl']}>
+      <FlexView alignItems="center" padding={['xs', '4xl', 's', '4xl']}>
         <FlexView flexDirection="row" padding={['0', '0', 's', '0']}>
           <Visual name="login" />
           <Visual name="profile" style={styles.visual} />

package/lib/commonjs/hooks/useCustomDimensions.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCustomDimensions = useCustomDimensions;
-var _react = require("react");
-var _reactNative = require("react-native");
-/**
- * Hook used to get the width of the screen and the padding needed to accomplish portrait and landscape modes.
- * @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
- */
-function useCustomDimensions() {
-  const {
-    width,
-    height
-  } = (0, _reactNative.useWindowDimensions)();
-  const [maxWidth, setMaxWidth] = (0, _react.useState)(Math.min(width, height));
-  const [isPortrait, setIsPortrait] = (0, _react.useState)(height > width);
-  const [padding, setPadding] = (0, _react.useState)(0);
-  (0, _react.useEffect)(() => {
-    setMaxWidth(Math.min(width, height));
-    setIsPortrait(height > width);
-    setPadding(width < height ? 0 : (width - height) / 2);
-  }, [width, height]);
-  return {
-    maxWidth,
-    isPortrait,
-    isLandscape: !isPortrait,
-    padding
-  };
-}
-//# sourceMappingURL=useCustomDimensions.js.map

package/lib/commonjs/hooks/useCustomDimensions.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","useCustomDimensions","width","height","useWindowDimensions","maxWidth","setMaxWidth","useState","Math","min","isPortrait","setIsPortrait","padding","setPadding","useEffect","isLandscape"],"sourceRoot":"../../../src","sources":["hooks/useCustomDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAAA,EAAG;EACpC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC/C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAASC,IAAI,CAACC,GAAG,CAACP,KAAK,EAAEC,MAAM,CAAC,CAAC;EACzE,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAUJ,MAAM,GAAGD,KAAK,CAAC;EACrE,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAN,eAAQ,EAAS,CAAC,CAAC;EAEjD,IAAAO,gBAAS,EAAC,MAAM;IACdR,WAAW,CAACE,IAAI,CAACC,GAAG,CAACP,KAAK,EAAEC,MAAM,CAAC,CAAC;IACpCQ,aAAa,CAACR,MAAM,GAAGD,KAAK,CAAC;IAC7BW,UAAU,CAACX,KAAK,GAAGC,MAAM,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGC,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEE,QAAQ;IAAEK,UAAU;IAAEK,WAAW,EAAE,CAACL,UAAU;IAAEE;EAAQ,CAAC;AACpE","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomWalletList = CustomWalletList;
-var _valtio = require("valtio");
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function CustomWalletList({
-  itemStyle,
-  onWalletPress
-}) {
-  const {
-    installed
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ApiController.state);
-  const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
-  const {
-    recentWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionController.state);
-  const {
-    customWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
-  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
-  if (!customWallets?.length) {
-    return null;
-  }
-  const list = (0, _utils.filterOutRecentWallets)(recentWallets, customWallets, RECENT_COUNT);
-  return list.map(wallet => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListWallet, {
-    imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(wallet),
-    imageHeaders: imageHeaders,
-    name: wallet.name,
-    onPress: () => onWalletPress(wallet),
-    style: itemStyle
-  }, wallet.id));
-}
-//# sourceMappingURL=custom-wallet-list.js.map

package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_utils","_jsxRuntime","CustomWalletList","itemStyle","onWalletPress","installed","useSnapshot","ApiController","state","imageHeaders","_getApiHeaders","recentWallets","ConnectionController","customWallets","OptionsController","RECENT_COUNT","length","list","filterOutRecentWallets","map","wallet","jsx","ListWallet","imageSrc","AssetUtil","getWalletImage","name","onPress","style","id"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/custom-wallet-list.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AASA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAO3C,SAASK,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACpE,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,oCAAa,CAACC,KAAK,CAAC;EACtD,MAAMC,YAAY,GAAGF,oCAAa,CAACG,cAAc,CAAC,CAAC;EACnD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAL,mBAAW,EAACM,2CAAoB,CAACJ,KAAK,CAA8B;EAC9F,MAAM;IAAEK;EAAc,CAAC,GAAG,IAAAP,mBAAW,EAACQ,wCAAiB,CAACN,KAAK,CAA2B;EACxF,MAAMO,YAAY,GAAGJ,aAAa,EAAEK,MAAM,IAAIX,SAAS,CAACW,MAAM,GAAG,CAAC,GAAGL,aAAa,EAAEK,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACH,aAAa,EAAEG,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,MAAMC,IAAI,GAAG,IAAAC,6BAAsB,EAACP,aAAa,EAAEE,aAAa,EAAEE,YAAY,CAAC;EAE/E,OAAOE,IAAI,CAACE,GAAG,CAACC,MAAM,iBACpB,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,oBAAA,CAAAuB,UAAU;IAETC,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACL,MAAM,CAAE;IAC3CX,YAAY,EAAEA,YAAa;IAC3BiB,IAAI,EAAEN,MAAM,CAACM,IAAK;IAClBC,OAAO,EAAEA,CAAA,KAAMvB,aAAa,CAACgB,MAAM,CAAE;IACrCQ,KAAK,EAAEzB;EAAU,GALZiB,MAAM,CAACS,EAMb,CACF,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RecentWalletList = RecentWalletList;
-var _valtio = require("valtio");
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-function RecentWalletList({
-  itemStyle,
-  onWalletPress
-}) {
-  const installed = _appkitCoreReactNative.ApiController.state.installed;
-  const {
-    recentWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionController.state);
-  const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
-  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
-  if (!recentWallets?.length) {
-    return null;
-  }
-  return recentWallets.slice(0, RECENT_COUNT).map(wallet => {
-    const isInstalled = !!installed.find(installedWallet => installedWallet.id === wallet.id);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListWallet, {
-      imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(wallet),
-      imageHeaders: imageHeaders,
-      name: wallet?.name ?? 'Unknown',
-      onPress: () => onWalletPress(wallet, isInstalled),
-      tagLabel: "Recent",
-      tagVariant: "shade",
-      style: itemStyle,
-      installed: isInstalled
-    }, wallet?.id);
-  });
-}
-//# sourceMappingURL=recent-wallet-list.js.map

package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_jsxRuntime","RecentWalletList","itemStyle","onWalletPress","installed","ApiController","state","recentWallets","useSnapshot","ConnectionController","imageHeaders","_getApiHeaders","RECENT_COUNT","length","slice","map","wallet","isInstalled","find","installedWallet","id","jsx","ListWallet","imageSrc","AssetUtil","getWalletImage","name","onPress","tagLabel","tagVariant","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/recent-wallet-list.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,oBAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAQpD,SAASI,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACpE,MAAMC,SAAS,GAAGC,oCAAa,CAACC,KAAK,CAACF,SAAS;EAC/C,MAAM;IAAEG;EAAc,CAAC,GAAG,IAAAC,mBAAW,EAACC,2CAAoB,CAACH,KAAK,CAAC;EACjE,MAAMI,YAAY,GAAGL,oCAAa,CAACM,cAAc,CAAC,CAAC;EACnD,MAAMC,YAAY,GAAGL,aAAa,EAAEM,MAAM,IAAIT,SAAS,CAACS,MAAM,GAAG,CAAC,GAAGN,aAAa,EAAEM,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACN,aAAa,EAAEM,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,OAAON,aAAa,CAACO,KAAK,CAAC,CAAC,EAAEF,YAAY,CAAC,CAACG,GAAG,CAACC,MAAM,IAAI;IACxD,MAAMC,WAAW,GAAG,CAAC,CAACb,SAAS,CAACc,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKJ,MAAM,CAACI,EAAE,CAAC;IAEzF,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,oBAAA,CAAAuB,UAAU;MAETC,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACT,MAAM,CAAE;MAC3CN,YAAY,EAAEA,YAAa;MAC3BgB,IAAI,EAAEV,MAAM,EAAEU,IAAI,IAAI,SAAU;MAChCC,OAAO,EAAEA,CAAA,KAAMxB,aAAa,CAACa,MAAM,EAAEC,WAAW,CAAE;MAClDW,QAAQ,EAAC,QAAQ;MACjBC,UAAU,EAAC,OAAO;MAClBC,KAAK,EAAE5B,SAAU;MACjBE,SAAS,EAAEa;IAAY,GARlBD,MAAM,EAAEI,EASd,CAAC;EAEN,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/utils.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterOutRecentWallets = void 0;
-const filterOutRecentWallets = (recentWallets, wallets, resentCount) => {
-  const recentIds = recentWallets?.slice(0, resentCount ?? 1).map(wallet => wallet.id);
-  if (!recentIds?.length) return wallets ?? [];
-  const filtered = wallets?.filter(wallet => !recentIds.includes(wallet.id)) || [];
-  return filtered;
-};
-exports.filterOutRecentWallets = filterOutRecentWallets;
-//# sourceMappingURL=utils.js.map

package/lib/commonjs/views/w3m-connect-view/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["filterOutRecentWallets","recentWallets","wallets","resentCount","recentIds","slice","map","wallet","id","length","filtered","filter","includes","exports"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/utils.ts"],"mappings":";;;;;;AAEO,MAAMA,sBAAsB,GAAGA,CACpCC,aAA0B,EAC1BC,OAAoB,EACpBC,WAAoB,KACjB;EACH,MAAMC,SAAS,GAAGH,aAAa,EAAEI,KAAK,CAAC,CAAC,EAAEF,WAAW,IAAI,CAAC,CAAC,CAACG,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,CAAC;EACpF,IAAI,CAACJ,SAAS,EAAEK,MAAM,EAAE,OAAOP,OAAO,IAAI,EAAE;EAE5C,MAAMQ,QAAQ,GAAGR,OAAO,EAAES,MAAM,CAACJ,MAAM,IAAI,CAACH,SAAS,CAACQ,QAAQ,CAACL,MAAM,CAACC,EAAE,CAAC,CAAC,IAAI,EAAE;EAEhF,OAAOE,QAAQ;AACjB,CAAC;AAACG,OAAA,CAAAb,sBAAA,GAAAA,sBAAA","ignoreList":[]}