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

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

@@ -1,43 +0,0 @@
-import { useSnapshot } from 'valtio';
-import {
-  ApiController,
-  AssetUtil,
-  type WcWallet,
-  ConnectionController
-} from '@reown/appkit-core-react-native';
-import { ListWallet } from '@reown/appkit-ui-react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-interface Props {
-  itemStyle: StyleProp<ViewStyle>;
-  onWalletPress: (wallet: WcWallet, installed: boolean) => void;
-}
-
-export function RecentWalletList({ itemStyle, onWalletPress }: Props) {
-  const installed = ApiController.state.installed;
-  const { recentWallets } = useSnapshot(ConnectionController.state);
-  const imageHeaders = 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 (
-      <ListWallet
-        key={wallet?.id}
-        imageSrc={AssetUtil.getWalletImage(wallet)}
-        imageHeaders={imageHeaders}
-        name={wallet?.name ?? 'Unknown'}
-        onPress={() => onWalletPress(wallet, isInstalled)}
-        tagLabel="Recent"
-        tagVariant="shade"
-        style={itemStyle}
-        installed={isInstalled}
-      />
-    );
-  });
-}

package/src/views/w3m-connect-view/utils.ts

@@ -1,14 +0,0 @@
-import type { WcWallet } from '@reown/appkit-core-react-native';
-
-export const filterOutRecentWallets = (
-  recentWallets?: WcWallet[],
-  wallets?: WcWallet[],
-  resentCount?: number
-) => {
-  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;
-};

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

@@ -1,175 +0,0 @@
-import { useState } from 'react';
-import { useSnapshot } from 'valtio';
-import {
-  ScrollView,
-  SectionList,
-  View,
-  type SectionListData,
-  type StyleProp,
-  type ViewStyle
-} from 'react-native';
-import {
-  FlexView,
-  IconLink,
-  InputText,
-  ListToken,
-  ListTokenTotalHeight,
-  Separator,
-  Text,
-  TokenButton,
-  useTheme
-} from '@reown/appkit-ui-react-native';
-
-import {
-  AssetController,
-  ConnectionsController,
-  SwapController,
-  type SwapControllerState,
-  type SwapInputTarget,
-  type SwapTokenWithBalance
-} from '@reown/appkit-core-react-native';
-
-import { useCustomDimensions } from '../../../../hooks/useCustomDimensions';
-import { Placeholder } from '../../../../partials/w3m-placeholder';
-import styles from './styles';
-import { createSections } from './utils';
-
-interface Props {
-  onClose: () => void;
-  type?: SwapInputTarget;
-  style?: StyleProp<ViewStyle>;
-}
-
-export function SwapSelectTokenView({ onClose, type, style }: Props) {
-  const { padding } = useCustomDimensions();
-  const Theme = useTheme();
-  const { activeNetwork } = useSnapshot(ConnectionsController.state);
-  const { networkImages } = useSnapshot(AssetController.state);
-  const { sourceToken, suggestedTokens, myTokensWithBalance } = useSnapshot(
-    SwapController.state
-  ) as SwapControllerState;
-
-  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
-  const [tokenSearch, setTokenSearch] = useState<string>('');
-  const isSourceToken = type === 'sourceToken';
-
-  const [filteredTokens, setFilteredTokens] = useState(
-    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) => {
-    if (isSourceToken) {
-      SwapController.setSourceToken(token);
-    } else {
-      SwapController.setToToken(token);
-      if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
-        SwapController.swapTokens();
-      }
-    }
-    onClose();
-  };
-
-  return (
-    <FlexView
-      padding={['xl', '0', '0', '0']}
-      style={[
-        styles.container,
-        {
-          paddingHorizontal: padding,
-          backgroundColor: Theme['bg-100']
-        },
-        style
-      ]}
-    >
-      <FlexView
-        flexDirection="row"
-        justifyContent="space-between"
-        alignItems="center"
-        padding={['0', 'm', 'm', 'm']}
-      >
-        <IconLink icon="chevronLeft" size="md" onPress={onClose} />
-        <Text variant="paragraph-600">Select token</Text>
-        <View style={styles.iconPlaceholder} />
-      </FlexView>
-      <FlexView>
-        <InputText
-          value={tokenSearch}
-          icon="search"
-          placeholder="Search token"
-          onChangeText={onSearchChange}
-          clearButtonMode="while-editing"
-          style={styles.input}
-        />
-        {!isSourceToken && (
-          <ScrollView
-            horizontal
-            showsHorizontalScrollIndicator={false}
-            bounces={false}
-            fadingEdgeLength={20}
-            style={styles.suggestedList}
-            contentContainerStyle={styles.suggestedListContent}
-          >
-            {suggestedList?.map((token, index) => (
-              <TokenButton
-                key={token.name}
-                text={token.symbol}
-                imageUrl={token.logoUri}
-                onPress={() => onTokenPress(token)}
-                style={index !== suggestedList.length - 1 ? styles.suggestedToken : undefined}
-              />
-            ))}
-          </ScrollView>
-        )}
-      </FlexView>
-      <Separator style={styles.suggestedSeparator} color="gray-glass-020" />
-      <SectionList
-        sections={filteredTokens as SectionListData<SwapTokenWithBalance>[]}
-        bounces={false}
-        fadingEdgeLength={20}
-        contentContainerStyle={styles.tokenList}
-        renderSectionHeader={({ section: { title } }) => (
-          <Text
-            variant="paragraph-500"
-            color="fg-200"
-            style={[{ backgroundColor: Theme['bg-100'] }, styles.title]}
-          >
-            {title}
-          </Text>
-        )}
-        ListEmptyComponent={
-          <Placeholder
-            icon="coinPlaceholder"
-            title="No tokens found"
-            description="Your tokens will appear here"
-          />
-        }
-        getItemLayout={(_, index) => ({
-          length: ListTokenTotalHeight,
-          offset: ListTokenTotalHeight * index,
-          index
-        })}
-        renderItem={({ item }) => (
-          <ListToken
-            key={item.name}
-            name={item.name}
-            imageSrc={item.logoUri}
-            networkSrc={networkImage}
-            value={item.value}
-            amount={item.quantity.numeric}
-            currency={item.symbol}
-            onPress={() => onTokenPress(item)}
-            disabled={item.address === sourceToken?.address}
-          />
-        )}
-      />
-    </FlexView>
-  );
-}