@reown/appkit-react-native 0.0.0-fix-ui-changes-20250829182619 → 0.0.0-fix-singleton-appkit-20251001153745

package/src/views/w3m-onramp-view/components/Header.tsx

@@ -23,7 +23,7 @@ export function Header({ onSettingsPress }: HeaderProps) {
         style={styles.icon}
       />
       <Text variant="paragraph-600" numberOfLines={1} testID="header-text">
-        Buy crypto
+        Buy Crypto
       </Text>
       <IconLink
         icon="settings"

package/src/views/w3m-onramp-view/components/LoadingView.tsx

@@ -10,7 +10,7 @@ export function LoadingView() {
     <>
       <Header onSettingsPress={() => {}} />
       <ScrollView bounces={false} testID="onramp-loading-view">
-        <FlexView padding={['s', 'l', '4xl', 'l']}>
+        <FlexView padding={['s', 'l', 's', 'l']}>
           <FlexView flexDirection="row" alignItems="center" justifyContent="space-between">
             <Text variant="small-400" color="fg-150">
               You Buy

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

@@ -178,13 +178,13 @@ export function OnRampView() {
     <>
       <Header onSettingsPress={() => RouterController.push('OnRampSettings')} />
       <ScrollView bounces={false}>
-        <FlexView padding={['s', 'l', '4xl', 'l']}>
+        <FlexView padding={['s', 'l', 's', 'l']}>
           <FlexView flexDirection="row" alignItems="center" justifyContent="space-between">
             <Text variant="small-400" color="fg-150">
               You Buy
             </Text>
             <TokenButton
-              placeholder={'Select currency'}
+              placeholder={'Select Token'}
               imageUrl={purchaseCurrency?.symbolImageUrl}
               text={purchaseCurrencyCode}
               onPress={() => setIsCurrencyModalVisible(true)}
@@ -259,7 +259,7 @@ export function OnRampView() {
             onSearch={handleSearch}
             renderItem={renderCurrencyItem}
             keyExtractor={item => item.currencyCode}
-            title="Select token"
+            title="Select Token"
             itemHeight={CURRENCY_ITEM_HEIGHT}
             showNetwork
           />

package/src/views/w3m-siwx-sign-view/index.tsx

@@ -0,0 +1,98 @@
+import { useState } from 'react';
+import { ScrollView } from 'react-native';
+import { useSnapshot } from 'valtio';
+import {
+  Avatar,
+  Button,
+  DoubleImageLoader,
+  FlexView,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
+import {
+  ConnectionsController,
+  LogController,
+  OptionsController,
+  RouterController,
+  SnackController
+} from '@reown/appkit-core-react-native';
+
+import { useInternalAppKit } from '../../AppKitContext';
+import { SIWXUtil } from '../../utils/SIWXUtil';
+import styles from './styles';
+
+export function SIWXSignMessageView() {
+  const { disconnect } = useInternalAppKit();
+  const { padding } = useCustomDimensions();
+  const { metadata } = useSnapshot(OptionsController.state);
+  const { activeAddress, identity, walletInfo } = useSnapshot(ConnectionsController.state);
+  const [isSigning, setIsSigning] = useState(false);
+  const [isDisconnecting, setIsDisconnecting] = useState(false);
+
+  const dappName = metadata?.name || 'Dapp';
+  const dappIcon = metadata?.icons[0] || '';
+  const walletIcon = walletInfo?.icon;
+
+  const onSign = async () => {
+    setIsSigning(true);
+    try {
+      await SIWXUtil.requestSignMessage();
+    } catch (error) {
+      LogController.sendError(error, 'SIWXSignMessageView.tsx', 'onSign');
+      SnackController.showError('Signature declined');
+    } finally {
+      setIsSigning(false);
+    }
+  };
+
+  const onCancel = async () => {
+    if (ConnectionsController.state.activeAddress) {
+      setIsDisconnecting(true);
+      await SIWXUtil.cancelSignMessage(disconnect);
+      setIsDisconnecting(false);
+    } else {
+      RouterController.push('Connect');
+    }
+  };
+
+  return (
+    <ScrollView bounces={false} fadingEdgeLength={20} style={{ paddingHorizontal: padding }}>
+      <FlexView padding={['0', 's', 's', 's']}>
+        <DoubleImageLoader
+          style={styles.logoContainer}
+          leftImage={dappIcon}
+          rightImage={walletIcon}
+          renderRightPlaceholder={() => (
+            <Avatar imageSrc={identity?.avatar} address={activeAddress} size={60} borderWidth={0} />
+          )}
+          rightItemStyle={!walletIcon && styles.walletAvatar}
+        />
+        <Text center variant="medium-600" color="fg-100" style={styles.title}>
+          {dappName} needs to connect to your wallet
+        </Text>
+        <Text center variant="small-400" color="fg-200" style={styles.subtitle}>
+          Sign this message to prove you own this wallet and proceed. Cancelling will disconnect you
+        </Text>
+        <FlexView flexDirection="row" justifyContent="space-between" margin={['s', '0', '0', '0']}>
+          <Button
+            variant="shade"
+            onPress={onCancel}
+            style={styles.button}
+            loading={isDisconnecting}
+          >
+            Cancel
+          </Button>
+          <Button
+            variant="fill"
+            loading={isSigning}
+            disabled={isDisconnecting}
+            onPress={onSign}
+            style={styles.button}
+          >
+            Sign
+          </Button>
+        </FlexView>
+      </FlexView>
+    </ScrollView>
+  );
+}

package/src/views/{w3m-connecting-siwe-view → w3m-siwx-sign-view}/styles.ts

@@ -16,13 +16,6 @@ export default StyleSheet.create({
     marginHorizontal: '10%',
     marginVertical: Spacing.l
   },
-  closeButton: {
-    alignSelf: 'flex-end',
-    right: Spacing.xl,
-    top: Spacing.l,
-    position: 'absolute',
-    zIndex: 2
-  },
   walletAvatar: {
     borderRadius: BorderRadius.full
   }

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

@@ -68,7 +68,7 @@ export function SwapPreviewView() {
 
   return (
     <ScrollView style={{ paddingHorizontal: padding }} bounces={false}>
-      <FlexView padding={['l', 'l', '2xl', 'l']} justifyContent="center">
+      <FlexView padding="l" justifyContent="center">
         <FlexView flexDirection="row" justifyContent="space-between">
           <FlexView>
             <Text variant="small-400" color="fg-150">

package/src/views/w3m-swap-view/components/select-token-modal/index.tsx

@@ -56,16 +56,14 @@ export function SwapSelectTokenModal({ onClose, type, style, visible }: Props) {
   const [tokenSearch, setTokenSearch] = useState<string>('');
   const isSourceToken = type === 'sourceToken';
 
-  const [filteredTokens, setFilteredTokens] = useState(
-    createSections(isSourceToken, tokenSearch, myTokensWithBalance)
-  );
+  const filteredTokens = createSections(isSourceToken, tokenSearch, myTokensWithBalance);
+
   const suggestedList = suggestedTokens
     ?.filter(token => token.address !== SwapController.state.sourceToken?.address)
     .slice(0, 8);
 
   const onSearchChange = (value: string) => {
     setTokenSearch(value);
-    setFilteredTokens(createSections(isSourceToken, value, myTokensWithBalance));
   };
 
   const onTokenPress = (token: SwapTokenWithBalance) => {

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

@@ -40,7 +40,7 @@ export function SwapView() {
   } = useSnapshot(SwapController.state);
   const Theme = useTheme();
   const { padding, maxHeight } = useCustomDimensions();
-  const { keyboardShown } = useKeyboard();
+  const { keyboardShown, keyboardHeight } = useKeyboard();
   const [showModal, setShowModal] = useState<SwapInputTarget | undefined>();
   const showDetails = !!sourceToken && !!toToken && !inputError;
 
@@ -93,7 +93,7 @@ export function SwapView() {
       type: 'track',
       event: 'INITIATE_SWAP',
       properties: {
-        network: ConnectionsController.state.activeNetwork?.caipNetworkId || '',
+        network: ConnectionsController.state.activeNetwork?.caipNetworkId,
         swapFromToken: SwapController.state.sourceToken?.symbol || '',
         swapToToken: SwapController.state.toToken?.symbol || '',
         swapFromAmount: SwapController.state.sourceTokenAmount || '',
@@ -157,14 +157,14 @@ export function SwapView() {
   return (
     <>
       <ScrollView
-        style={[
-          { paddingHorizontal: padding },
-          keyboardShown && !showModal && { height: maxHeight }
-        ]}
+        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}

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

@@ -1,7 +1,7 @@
 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,
@@ -13,15 +13,14 @@ 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);
-  const networks = ConnectionsController.getConnectedNetworks();
+  const networks = ConnectionsController.getAvailableNetworks();
   const imageHeaders = ApiController._getApiHeaders();
   const { disconnect, switchNetwork } = useInternalAppKit();
 
   const onNetworkPress = async (network: AppKitNetwork) => {
-    switchNetwork(network);
+    await switchNetwork(network);
   };
 
   const onDisconnect = async () => {
@@ -37,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}
@@ -57,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-receive-view/index.tsx

@@ -69,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/index.tsx

@@ -70,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

@@ -44,7 +44,7 @@ export function WalletSendSelectTokenView() {
 
   return (
     <FlexView
-      margin={['l', '0', '2xl', '0']}
+      margin={['l', '0', 'l', '0']}
       style={[styles.container, { paddingHorizontal: padding, height: maxHeight }]}
     >
       <FlexView margin={['0', 'm', 'm', 'm']}>

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

@@ -15,7 +15,7 @@ import styles from './styles';
 
 export function WalletSendView() {
   const { padding, maxHeight } = useCustomDimensions();
-  const { keyboardShown } = useKeyboard();
+  const { keyboardShown, keyboardHeight } = useKeyboard();
   const [isBalanceLoading, setBalanceLoading] = useState(false);
   const { token, sendTokenAmount, receiverAddress, receiverProfileName, loading } = useSnapshot(
     SendController.state
@@ -80,11 +80,12 @@ export function WalletSendView() {
 
   return (
     <ScrollView
-      style={[{ paddingHorizontal: padding }, keyboardShown && { height: maxHeight }]}
+      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-what-is-a-network-view/index.tsx

@@ -10,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

@@ -8,7 +8,7 @@ export function WhatIsAWalletView() {
 
   const onGetWalletPress = () => {
     RouterController.push('GetWallet');
-    EventsController.sendEvent({ type: 'track', event: 'CLICK_GET_WALLET' });
+    EventsController.sendEvent({ type: 'track', event: 'CLICK_GET_WALLET_HELP' });
   };
 
   return (
@@ -18,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/views/w3m-connect-view/components/custom-wallet-list.js

@@ -1,45 +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 {
-    walletImages
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
-  const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
-  const {
-    recentWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.WcController.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;
-  }
-  let list = (0, _utils.filterOutRecentWallets)(recentWallets, customWallets, RECENT_COUNT);
-
-  // Filter out custom wallets that are already installed
-  list = list.filter(wallet => !_appkitCoreReactNative.ApiController.state.installed.find(installedWallet => installedWallet.id === wallet.id));
-  return list.map(wallet => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListWallet, {
-    imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(wallet, walletImages),
-    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","walletImages","AssetController","imageHeaders","_getApiHeaders","recentWallets","WcController","customWallets","OptionsController","RECENT_COUNT","length","list","filterOutRecentWallets","filter","wallet","find","installedWallet","id","map","jsx","ListWallet","imageSrc","AssetUtil","getWalletImage","name","onPress","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/custom-wallet-list.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAUA,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,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAH,mBAAW,EAACI,sCAAe,CAACF,KAAK,CAAC;EAC3D,MAAMG,YAAY,GAAGJ,oCAAa,CAACK,cAAc,CAAC,CAAC;EACnD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAP,mBAAW,EAACQ,mCAAY,CAACN,KAAK,CAAsB;EAC9E,MAAM;IAAEO;EAAc,CAAC,GAAG,IAAAT,mBAAW,EAACU,wCAAiB,CAACR,KAAK,CAA2B;EACxF,MAAMS,YAAY,GAAGJ,aAAa,EAAEK,MAAM,IAAIb,SAAS,CAACa,MAAM,GAAG,CAAC,GAAGL,aAAa,EAAEK,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACH,aAAa,EAAEG,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,IAAIC,IAAI,GAAG,IAAAC,6BAAsB,EAACP,aAAa,EAAEE,aAAa,EAAEE,YAAY,CAAC;;EAE7E;EACAE,IAAI,GAAGA,IAAI,CAACE,MAAM,CAChBC,MAAM,IACJ,CAACf,oCAAa,CAACC,KAAK,CAACH,SAAS,CAACkB,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKH,MAAM,CAACG,EAAE,CAC3F,CAAC;EAED,OAAON,IAAI,CAACO,GAAG,CAACJ,MAAM,iBACpB,IAAArB,WAAA,CAAA0B,GAAA,EAAC5B,oBAAA,CAAA6B,UAAU;IAETC,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACT,MAAM,EAAEb,YAAY,CAAE;IACzDE,YAAY,EAAEA,YAAa;IAC3BqB,IAAI,EAAEV,MAAM,CAACU,IAAK;IAClBC,OAAO,EAAEA,CAAA,KAAM7B,aAAa,CAACkB,MAAM,CAAE;IACrCY,KAAK,EAAE/B;EAAU,GALZmB,MAAM,CAACG,EAMb,CACF,CAAC;AACJ","ignoreList":[]}

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

@@ -1,41 +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.WcController.state);
-  const {
-    walletImages
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.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, walletImages),
-      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","WcController","walletImages","AssetController","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;AAOA,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,mCAAY,CAACH,KAAK,CAAC;EACzD,MAAM;IAAEI;EAAa,CAAC,GAAG,IAAAF,mBAAW,EAACG,sCAAe,CAACL,KAAK,CAAC;EAC3D,MAAMM,YAAY,GAAGP,oCAAa,CAACQ,cAAc,CAAC,CAAC;EACnD,MAAMC,YAAY,GAAGP,aAAa,EAAEQ,MAAM,IAAIX,SAAS,CAACW,MAAM,GAAG,CAAC,GAAGR,aAAa,EAAEQ,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACR,aAAa,EAAEQ,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,OAAOR,aAAa,CAACS,KAAK,CAAC,CAAC,EAAEF,YAAY,CAAC,CAACG,GAAG,CAACC,MAAM,IAAI;IACxD,MAAMC,WAAW,GAAG,CAAC,CAACf,SAAS,CAACgB,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKJ,MAAM,CAACI,EAAE,CAAC;IAEzF,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,oBAAA,CAAAyB,UAAU;MAETC,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACT,MAAM,EAAER,YAAY,CAAE;MACzDE,YAAY,EAAEA,YAAa;MAC3BgB,IAAI,EAAEV,MAAM,EAAEU,IAAI,IAAI,SAAU;MAChCC,OAAO,EAAEA,CAAA,KAAM1B,aAAa,CAACe,MAAM,EAAEC,WAAW,CAAE;MAClDW,QAAQ,EAAC,QAAQ;MACjBC,UAAU,EAAC,OAAO;MAClBC,KAAK,EAAE9B,SAAU;MACjBE,SAAS,EAAEe;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":[]}