@reown/appkit-react-native 0.0.0-feat-deeplink-provider-20250812191340 → 0.0.0-fix-height-calc-20250814203104

package/src/partials/w3m-connecting-qrcode/styles.ts

@@ -4,5 +4,8 @@ import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
   copyButton: {
     marginTop: Spacing.m
+  },
+  reownButton: {
+    marginTop: Spacing['2xl']
   }
 });

package/src/utils/HelpersUtil.ts

@@ -204,6 +204,18 @@ 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';

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-all-wallets-view/index.tsx

@@ -1,6 +1,6 @@
 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 { type WcWallet } from '@reown/appkit-common-react-native';
 import { FlexView, IconLink, SearchBar, Spacing, useTheme } from '@reown/appkit-ui-react-native';
 
 import styles from './styles';
@@ -8,6 +8,7 @@ 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';
 
 export function AllWalletsView() {
   const Theme = useTheme();
@@ -20,9 +21,7 @@ export function AllWalletsView() {
   const { debouncedCallback: onInputChange } = useDebounceCallback({ callback: setSearchQuery });
 
   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 {

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

@@ -30,7 +30,13 @@ 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

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

@@ -7,7 +7,7 @@ import {
   OptionsController,
   RouterController
 } from '@reown/appkit-core-react-native';
-import { type WcWallet, ConstantsUtil } from '@reown/appkit-common-react-native';
+import { type WcWallet } from '@reown/appkit-common-react-native';
 import { FlexView, Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
 import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { Placeholder } from '../../partials/w3m-placeholder';
@@ -17,6 +17,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 +30,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,13 +1,14 @@
 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,
-  AssetController
+  AssetController,
+  CoreHelperUtil
 } from '@reown/appkit-core-react-native';
 import {
   Button,
@@ -21,7 +22,8 @@ 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);
@@ -31,6 +33,17 @@ export function ConnectingExternalView() {
   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();
@@ -40,11 +53,7 @@ export function ConnectingExternalView() {
     try {
       const wallet = RouterController.state.data?.wallet;
       if (wallet) {
-        if (
-          wallet.id === ConstantsUtil.PHANTOM_CUSTOM_WALLET.id ||
-          wallet.id === ConstantsUtil.SOLFLARE_CUSTOM_WALLET.id ||
-          wallet.id === ConstantsUtil.COINBASE_CUSTOM_WALLET.id
-        ) {
+        if (WcHelpersUtil.isExternalWallet(wallet)) {
           await connect({ wallet });
         } else {
           // All other wallets are handled by WalletConnect connector
@@ -122,6 +131,7 @@ export function ConnectingExternalView() {
           </Button>
         )}
       </FlexView>
+      <StoreLink visible={!!storeUrl} walletName={data?.wallet?.name} onPress={onStorePress} />
     </ScrollView>
   );
 }