@reown/appkit-react-native 2.0.0-alpha.3 → 2.0.0-alpha.4

package/src/utils/HelpersUtil.ts

@@ -3,7 +3,9 @@ import {
   type AppKitNetwork,
   type CaipNetworkId,
   type ChainNamespace,
+  ConstantsUtil,
   type UniversalProviderConfigOverride,
+  type WcWallet,
   solana,
   solanaDevnet
 } from '@reown/appkit-common-react-native';
@@ -200,6 +202,34 @@ export const WcHelpersUtil = {
     }, {});
 
     return this.applyNamespaceOverrides(defaultNamespaces, configOverride);
+  },
+
+  isExternalWallet(wallet?: WcWallet) {
+    if (!wallet) {
+      return false;
+    }
+
+    return (
+      wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id ||
+      wallet.id === ConstantsUtil.SOLFLARE_CUSTOM_WALLET.id ||
+      wallet.id === ConstantsUtil.COINBASE_CUSTOM_WALLET.id
+    );
+  },
+
+  getConnectorTypeByWallet(wallet?: WcWallet) {
+    if (!wallet) {
+      return 'walletconnect';
+    }
+
+    if (wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id) {
+      return 'phantom';
+    } else if (wallet.id === ConstantsUtil.COINBASE_CUSTOM_WALLET.id) {
+      return 'coinbase';
+    } else if (wallet.id === ConstantsUtil.SOLFLARE_CUSTOM_WALLET.id) {
+      return 'solflare';
+    } else {
+      return 'walletconnect';
+    }
   }
 };
 

package/src/utils/NetworkUtil.ts

@@ -42,17 +42,17 @@ export const NetworkUtil = {
     return url.toString();
   },
 
-  getDefaultChainId(
+  getDefaultNetwork(
     namespaces: CaipNamespaces,
     defaultNetwork?: AppKitNetwork
-  ): CaipNetworkId | undefined {
+  ): AppKitNetwork | undefined {
     if (!defaultNetwork) return undefined;
 
     const isValidDefaultNetwork = Object.values(namespaces).some(
       namespace => namespace?.chains?.some(chain => chain === defaultNetwork.caipNetworkId)
     );
     if (isValidDefaultNetwork) {
-      return defaultNetwork.caipNetworkId;
+      return defaultNetwork;
     }
 
     return undefined;

package/src/utils/UiUtil.ts

@@ -17,6 +17,10 @@ export const UiUtil = {
     if (currentRouteTransition) {
       const { navigationDirection } = RouterController.state;
       await currentRouteTransition(navigationDirection);
+      // After the transition completes, ensure direction is reset to 'none'
+      if (RouterController.state.navigationDirection !== 'none') {
+        RouterController.state.navigationDirection = 'none';
+      }
     }
   }
 };

package/src/views/w3m-account-default-view/index.tsx

@@ -25,12 +25,12 @@ import {
   Text,
   UiUtil,
   Spacing,
-  ListItem
+  ListItem,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 
 import { useInternalAppKit } from '../../AppKitContext';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { AuthButtons } from './components/auth-buttons';
 import styles from './styles';
 

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

@@ -1,5 +1,5 @@
 import { useSnapshot } from 'valtio';
-import { useEffect, useState } from 'react';
+import { useEffect } from 'react';
 import { ScrollView } from 'react-native';
 import {
   AccountPill,
@@ -7,7 +7,8 @@ import {
   Icon,
   IconLink,
   NetworkButton,
-  useTheme
+  useTheme,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
@@ -21,13 +22,11 @@ import {
   SendController
 } from '@reown/appkit-core-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { AccountWalletFeatures } from '../../partials/w3m-account-wallet-features';
 import styles from './styles';
 
 export function AccountView() {
   const Theme = useTheme();
-  const [isLoading, setIsLoading] = useState(false);
   const { padding } = useCustomDimensions();
   const { activeNetwork, activeAddress, identity } = useSnapshot(ConnectionsController.state);
   const { networkImages } = useSnapshot(AssetController.state);
@@ -47,22 +46,7 @@ export function AccountView() {
   };
 
   useEffect(() => {
-    async function fetchBalance() {
-      setIsLoading(true);
-      await ConnectionsController.fetchBalance();
-      setIsLoading(false);
-    }
-
-    fetchBalance();
     SendController.resetState();
-
-    const balanceInterval = setInterval(() => {
-      fetchBalance();
-    }, 10000);
-
-    return () => {
-      clearInterval(balanceInterval);
-    };
   }, []);
 
   return (
@@ -93,7 +77,7 @@ export function AccountView() {
           onPress={onProfilePress}
           style={styles.accountPill}
         />
-        <AccountWalletFeatures isBalanceLoading={isLoading} />
+        <AccountWalletFeatures />
       </FlexView>
     </ScrollView>
   );

package/src/views/w3m-all-wallets-view/index.tsx

@@ -1,28 +1,40 @@
 import { useState } from 'react';
 import { WcController, EventsController, RouterController } from '@reown/appkit-core-react-native';
-import { type WcWallet, ConstantsUtil } from '@reown/appkit-common-react-native';
-import { FlexView, IconLink, SearchBar, Spacing, useTheme } from '@reown/appkit-ui-react-native';
+import { type WcWallet } from '@reown/appkit-common-react-native';
+import {
+  FlexView,
+  IconLink,
+  SearchBar,
+  Spacing,
+  useTheme,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 
 import styles from './styles';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { AllWalletsList } from '../../partials/w3m-all-wallets-list';
 import { AllWalletsSearch } from '../../partials/w3m-all-wallets-search';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { WcHelpersUtil } from '../../utils/HelpersUtil';
+import type { LayoutChangeEvent } from 'react-native';
 
 export function AllWalletsView() {
   const Theme = useTheme();
   const [searchQuery, setSearchQuery] = useState<string>('');
   const { maxWidth } = useCustomDimensions();
+  const [headerHeight, setHeaderHeight] = useState<number>(0);
   const numColumns = 4;
-  const usableWidth = maxWidth - Spacing.xs * 2;
+  const usableWidth = maxWidth - Spacing['s'] * 2;
   const itemWidth = Math.abs(Math.trunc(usableWidth / numColumns));
 
   const { debouncedCallback: onInputChange } = useDebounceCallback({ callback: setSearchQuery });
 
+  const onHeaderLayout = (event: LayoutChangeEvent) => {
+    const { height } = event.nativeEvent.layout;
+    setHeaderHeight(height);
+  };
+
   const onWalletPress = (wallet: WcWallet) => {
-    const isExternal =
-      wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id ||
-      wallet.id === ConstantsUtil.COINBASE_CUSTOM_WALLET.id;
+    const isExternal = WcHelpersUtil.isExternalWallet(wallet);
     if (isExternal) {
       RouterController.push('ConnectingExternal', { wallet });
     } else {
@@ -53,6 +65,7 @@ export function AllWalletsView() {
       <FlexView
         padding={['s', 'l', 'xs', 'l']}
         flexDirection="row"
+        onLayout={onHeaderLayout}
         alignItems="center"
         style={[
           styles.header,
@@ -86,12 +99,18 @@ export function AllWalletsView() {
           itemWidth={itemWidth}
           searchQuery={searchQuery}
           onItemPress={onWalletPress}
+          headerHeight={headerHeight}
         />
       );
     }
 
     return (
-      <AllWalletsList columns={numColumns} itemWidth={itemWidth} onItemPress={onWalletPress} />
+      <AllWalletsList
+        columns={numColumns}
+        itemWidth={itemWidth}
+        onItemPress={onWalletPress}
+        headerHeight={headerHeight}
+      />
     );
   };
 

package/src/views/w3m-connect-socials-view/index.tsx

@@ -6,9 +6,8 @@ import {
   OptionsController,
   RouterController
 } from '@reown/appkit-core-react-native';
-import { FlexView, ListSocial, Text } from '@reown/appkit-ui-react-native';
+import { FlexView, ListSocial, Text, useCustomDimensions } from '@reown/appkit-ui-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 
 export function ConnectSocialsView() {

package/src/views/w3m-connect-view/components/all-wallet-list.tsx

@@ -2,6 +2,7 @@ import { type StyleProp, type ViewStyle } from 'react-native';
 import { useSnapshot } from 'valtio';
 import {
   ApiController,
+  AssetController,
   AssetUtil,
   WcController,
   type WcControllerState
@@ -19,6 +20,7 @@ interface Props {
 export function AllWalletList({ itemStyle, onWalletPress }: Props) {
   const { installed, featured, recommended, prefetchLoading } = useSnapshot(ApiController.state);
   const { recentWallets } = useSnapshot(WcController.state) as WcControllerState;
+  const { walletImages } = useSnapshot(AssetController.state);
   const imageHeaders = ApiController._getApiHeaders();
   const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
 
@@ -47,7 +49,7 @@ export function AllWalletList({ itemStyle, onWalletPress }: Props) {
     list.map(wallet => (
       <ListWallet
         key={wallet?.id}
-        imageSrc={AssetUtil.getWalletImage(wallet)}
+        imageSrc={AssetUtil.getWalletImage(wallet, walletImages)}
         imageHeaders={imageHeaders}
         name={wallet?.name ?? 'Unknown'}
         onPress={() => onWalletPress(wallet)}

package/src/views/w3m-connect-view/components/custom-wallet-list.tsx

@@ -6,7 +6,8 @@ import {
   ApiController,
   WcController,
   type WcControllerState,
-  AssetUtil
+  AssetUtil,
+  AssetController
 } from '@reown/appkit-core-react-native';
 import { type CustomWallet } from '@reown/appkit-common-react-native';
 import { ListWallet } from '@reown/appkit-ui-react-native';
@@ -19,6 +20,7 @@ interface Props {
 
 export function CustomWalletList({ itemStyle, onWalletPress }: Props) {
   const { installed } = useSnapshot(ApiController.state);
+  const { walletImages } = useSnapshot(AssetController.state);
   const imageHeaders = ApiController._getApiHeaders();
   const { recentWallets } = useSnapshot(WcController.state) as WcControllerState;
   const { customWallets } = useSnapshot(OptionsController.state) as OptionsControllerState;
@@ -28,12 +30,18 @@ export function CustomWalletList({ itemStyle, onWalletPress }: Props) {
     return null;
   }
 
-  const list = filterOutRecentWallets(recentWallets, customWallets, RECENT_COUNT);
+  let list = filterOutRecentWallets(recentWallets, customWallets, RECENT_COUNT);
+
+  // Filter out custom wallets that are already installed
+  list = list.filter(
+    wallet =>
+      !ApiController.state.installed.find(installedWallet => installedWallet.id === wallet.id)
+  );
 
   return list.map(wallet => (
     <ListWallet
       key={wallet.id}
-      imageSrc={AssetUtil.getWalletImage(wallet)}
+      imageSrc={AssetUtil.getWalletImage(wallet, walletImages)}
       imageHeaders={imageHeaders}
       name={wallet.name}
       onPress={() => onWalletPress(wallet)}

package/src/views/w3m-connect-view/components/recent-wallet-list.tsx

@@ -1,5 +1,10 @@
 import { useSnapshot } from 'valtio';
-import { ApiController, AssetUtil, WcController } from '@reown/appkit-core-react-native';
+import {
+  ApiController,
+  AssetController,
+  AssetUtil,
+  WcController
+} from '@reown/appkit-core-react-native';
 import { type WcWallet } from '@reown/appkit-common-react-native';
 import { ListWallet } from '@reown/appkit-ui-react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
@@ -12,6 +17,7 @@ interface Props {
 export function RecentWalletList({ itemStyle, onWalletPress }: Props) {
   const installed = ApiController.state.installed;
   const { recentWallets } = useSnapshot(WcController.state);
+  const { walletImages } = useSnapshot(AssetController.state);
   const imageHeaders = ApiController._getApiHeaders();
   const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
 
@@ -25,7 +31,7 @@ export function RecentWalletList({ itemStyle, onWalletPress }: Props) {
     return (
       <ListWallet
         key={wallet?.id}
-        imageSrc={AssetUtil.getWalletImage(wallet)}
+        imageSrc={AssetUtil.getWalletImage(wallet, walletImages)}
         imageHeaders={imageHeaders}
         name={wallet?.name ?? 'Unknown'}
         onPress={() => onWalletPress(wallet, isInstalled)}

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

@@ -7,9 +7,15 @@ import {
   OptionsController,
   RouterController
 } from '@reown/appkit-core-react-native';
-import { type WcWallet, ConstantsUtil } from '@reown/appkit-common-react-native';
-import { FlexView, Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { type WcWallet } from '@reown/appkit-common-react-native';
+import {
+  FlexView,
+  Icon,
+  ListItem,
+  Separator,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { Placeholder } from '../../partials/w3m-placeholder';
 import { CustomWalletList } from './components/custom-wallet-list';
 import { AllWalletsButton } from './components/all-wallets-button';
@@ -17,6 +23,7 @@ import { AllWalletList } from './components/all-wallet-list';
 import { RecentWalletList } from './components/recent-wallet-list';
 import { SocialLoginList } from './components/social-login-list';
 import styles from './styles';
+import { WcHelpersUtil } from '../../utils/HelpersUtil';
 
 export function ConnectView() {
   const { prefetchError } = useSnapshot(ApiController.state);
@@ -29,9 +36,7 @@ export function ConnectView() {
   const showList = !showConnectWalletsButton && !showLoadingError;
 
   const onWalletPress = (wallet: WcWallet, isInstalled?: boolean) => {
-    const isExternal =
-      wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id ||
-      wallet.id === ConstantsUtil.COINBASE_CUSTOM_WALLET.id;
+    const isExternal = WcHelpersUtil.isExternalWallet(wallet);
     if (isExternal) {
       RouterController.push('ConnectingExternal', { wallet });
     } else {

package/src/views/w3m-connecting-external-view/index.tsx

@@ -1,34 +1,49 @@
 import { useSnapshot } from 'valtio';
 import { useCallback, useEffect, useState } from 'react';
-import { ScrollView } from 'react-native';
+import { Platform, ScrollView } from 'react-native';
 import {
   RouterController,
   ApiController,
   EventsController,
   WcController,
-  AssetUtil
+  AssetUtil,
+  AssetController,
+  CoreHelperUtil
 } from '@reown/appkit-core-react-native';
 import {
   Button,
   FlexView,
   IconBox,
   LoadingThumbnail,
-  WalletImage
+  WalletImage,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { ConnectingBody, getMessage, type BodyErrorType } from '../../partials/w3m-connecting-body';
 import styles from './styles';
 import { useInternalAppKit } from '../../AppKitContext';
-import { ConstantsUtil } from '@reown/appkit-common-react-native';
+import { StoreLink } from '../../partials/w3m-connecting-mobile/components/StoreLink';
+import { WcHelpersUtil } from '../../utils/HelpersUtil';
 
 export function ConnectingExternalView() {
   const { data } = useSnapshot(RouterController.state);
+  const { walletImages } = useSnapshot(AssetController.state);
   const { connect } = useInternalAppKit();
   const { maxWidth: width } = useCustomDimensions();
   const [errorType, setErrorType] = useState<BodyErrorType>();
   const bodyMessage = getMessage({ walletName: data?.wallet?.name, errorType });
 
+  const storeUrl = Platform.select({
+    ios: data?.wallet?.app_store,
+    android: data?.wallet?.play_store
+  });
+
+  const onStorePress = () => {
+    if (storeUrl) {
+      CoreHelperUtil.openLink(storeUrl);
+    }
+  };
+
   const onRetryPress = () => {
     setErrorType(undefined);
     onConnect();
@@ -38,10 +53,8 @@ export function ConnectingExternalView() {
     try {
       const wallet = RouterController.state.data?.wallet;
       if (wallet) {
-        if (wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id) {
-          await connect('phantom');
-        } else if (wallet.id === ConstantsUtil.COINBASE_CUSTOM_WALLET.id) {
-          await connect('coinbase');
+        if (WcHelpersUtil.isExternalWallet(wallet)) {
+          await connect({ wallet });
         } else {
           // All other wallets are handled by WalletConnect connector
           return;
@@ -89,7 +102,7 @@ export function ConnectingExternalView() {
         <LoadingThumbnail paused={!!errorType}>
           <WalletImage
             size="xl"
-            imageSrc={AssetUtil.getWalletImage(data?.wallet)}
+            imageSrc={AssetUtil.getWalletImage(data?.wallet, walletImages)}
             imageHeaders={ApiController._getApiHeaders()}
           />
           {errorType ? (
@@ -118,6 +131,7 @@ export function ConnectingExternalView() {
           </Button>
         )}
       </FlexView>
+      <StoreLink visible={!!storeUrl} walletName={data?.wallet?.name} onPress={onStorePress} />
     </ScrollView>
   );
 }

package/src/views/w3m-connecting-social-view/index.tsx

@@ -7,10 +7,16 @@ import {
   RouterController,
   SnackController
 } from '@reown/appkit-core-react-native';
-import { FlexView, LoadingThumbnail, IconBox, Logo, Text } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  LoadingThumbnail,
+  IconBox,
+  Logo,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { ConstantsUtil, StringUtil } from '@reown/appkit-common-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { useInternalAppKit } from '../../AppKitContext';
 import styles from './styles';
 
@@ -52,7 +58,7 @@ export function ConnectingSocialView() {
   }, [wcUri]);
 
   const initializeConnection = useCallback(async () => {
-    const connectPromise = connect('walletconnect');
+    const connectPromise = connect();
     WcController.setWcPromise(connectPromise);
   }, [connect]);
 

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

@@ -15,7 +15,6 @@ import { ConnectingQrCode } from '../../partials/w3m-connecting-qrcode';
 import { ConnectingMobile } from '../../partials/w3m-connecting-mobile';
 import { ConnectingWeb } from '../../partials/w3m-connecting-web';
 import { ConnectingHeader } from '../../partials/w3m-connecting-header';
-import { UiUtil } from '../../utils/UiUtil';
 import { type Platform } from '@reown/appkit-common-react-native';
 
 export function ConnectingView() {
@@ -46,8 +45,8 @@ export function ConnectingView() {
       if (retry || CoreHelperUtil.isPairingExpired(wcPairingExpiry)) {
         WcController.setWcError(false);
 
-        const connectPromise = connect('walletconnect', {
-          universalLink: routeData?.wallet?.link_mode ?? undefined
+        const connectPromise = connect({
+          wallet: routeData?.wallet
         });
         WcController.setWcPromise(connectPromise);
       }
@@ -77,7 +76,6 @@ export function ConnectingView() {
   };
 
   const onSelectPlatform = (tab: Platform) => {
-    UiUtil.createViewTransition();
     setPlatform(tab);
   };
 

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

@@ -1,11 +1,12 @@
 import { Linking, Platform, ScrollView } from 'react-native';
-import { FlexView, ListWallet } from '@reown/appkit-ui-react-native';
-import { ApiController, AssetUtil } from '@reown/appkit-core-react-native';
+import { FlexView, ListWallet, useCustomDimensions } from '@reown/appkit-ui-react-native';
+import { ApiController, AssetController, AssetUtil } from '@reown/appkit-core-react-native';
 import { type WcWallet } from '@reown/appkit-common-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
+import { useSnapshot } from 'valtio';
 
 export function GetWalletView() {
+  const { walletImages } = useSnapshot(AssetController.state);
   const { padding } = useCustomDimensions();
   const imageHeaders = ApiController._getApiHeaders();
 
@@ -22,7 +23,7 @@ export function GetWalletView() {
       <ListWallet
         key={wallet.id}
         name={wallet.name}
-        imageSrc={AssetUtil.getWalletImage(wallet)}
+        imageSrc={AssetUtil.getWalletImage(wallet, walletImages)}
         imageHeaders={imageHeaders}
         onPress={() => onWalletPress(wallet)}
         style={styles.item}

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

@@ -6,7 +6,8 @@ import {
   Link,
   Separator,
   Spacing,
-  Text
+  Text,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
@@ -18,7 +19,6 @@ import {
   AssetUtil
 } from '@reown/appkit-core-react-native';
 import type { AppKitNetwork } from '@reown/appkit-common-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 import { useInternalAppKit } from '../../AppKitContext';
 import { useSnapshot } from 'valtio';
@@ -83,8 +83,12 @@ export function NetworksView() {
 
   return (
     <>
-      <ScrollView bounces={false} fadingEdgeLength={20} style={{ paddingHorizontal: padding }}>
-        <FlexView flexDirection="row" flexWrap="wrap" padding={['xs', 'xs', 's', 'xs']}>
+      <ScrollView
+        bounces={false}
+        fadingEdgeLength={20}
+        style={{ paddingHorizontal: padding, marginBottom: Spacing.xl }}
+      >
+        <FlexView flexDirection="row" flexWrap="wrap" padding={['xs', 'xs', '4xl', 'xs']}>
           {networksTemplate()}
         </FlexView>
       </ScrollView>

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

@@ -7,9 +7,15 @@ import {
   OptionsController,
   EventsController
 } from '@reown/appkit-core-react-native';
-import { FlexView, DoubleImageLoader, IconLink, Button, Text } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  DoubleImageLoader,
+  IconLink,
+  Button,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { ConnectingBody } from '../../partials/w3m-connecting-body';
 import styles from './styles';
 import { StringUtil } from '@reown/appkit-common-react-native';

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

@@ -3,9 +3,16 @@ import { useEffect } from 'react';
 import { ScrollView } from 'react-native';
 import { NumberUtil } from '@reown/appkit-common-react-native';
 import { RouterController, SwapController } from '@reown/appkit-core-react-native';
-import { Button, FlexView, Icon, Text, TokenButton, UiUtil } from '@reown/appkit-ui-react-native';
+import {
+  Button,
+  FlexView,
+  Icon,
+  Text,
+  TokenButton,
+  UiUtil,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { SwapDetails } from '../../partials/w3m-swap-details';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 
 export function SwapPreviewView() {

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

@@ -17,7 +17,8 @@ import {
   Separator,
   Text,
   TokenButton,
-  useTheme
+  useTheme,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 
 import {
@@ -30,7 +31,6 @@ import {
 
 import { type SwapInputTarget, type SwapTokenWithBalance } from '@reown/appkit-common-react-native';
 
-import { useCustomDimensions } from '../../../../hooks/useCustomDimensions';
 import { Placeholder } from '../../../../partials/w3m-placeholder';
 import styles from './styles';
 import { createSections } from './utils';

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

@@ -8,11 +8,16 @@ import {
   RouterController,
   SwapController
 } from '@reown/appkit-core-react-native';
-import { Button, FlexView, IconLink, useTheme } from '@reown/appkit-ui-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';