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

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

@@ -24,6 +24,9 @@ export default StyleSheet.create({
     borderWidth: 0,
     borderRadius: BorderRadius['3xs']
   },
+  currencyItem: {
+    paddingHorizontal: Spacing.m
+  },
   currencyInput: {
     marginBottom: Spacing.m
   },

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-preview-view/styles.ts

@@ -14,8 +14,5 @@ export default StyleSheet.create({
   sendButton: {
     marginLeft: Spacing.s,
     flex: 3
-  },
-  withKeyboard: {
-    height: '100%'
   }
 });

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

@@ -0,0 +1,181 @@
+import { useState } from 'react';
+import { useSnapshot } from 'valtio';
+import {
+  Modal,
+  ScrollView,
+  SectionList,
+  View,
+  type SectionListData,
+  type StyleProp,
+  type ViewStyle
+} from 'react-native';
+import {
+  FlexView,
+  IconLink,
+  InputText,
+  ListToken,
+  ListTokenTotalHeight,
+  Separator,
+  Text,
+  TokenButton,
+  useTheme,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
+
+import {
+  AssetController,
+  AssetUtil,
+  ConnectionsController,
+  SwapController,
+  type SwapControllerState
+} from '@reown/appkit-core-react-native';
+
+import { type SwapInputTarget, type SwapTokenWithBalance } from '@reown/appkit-common-react-native';
+
+import { Placeholder } from '../../../../partials/w3m-placeholder';
+import styles from './styles';
+import { createSections } from './utils';
+
+interface Props {
+  onClose: () => void;
+  visible: boolean;
+  type?: SwapInputTarget;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SwapSelectTokenModal({ onClose, type, style, visible }: Props) {
+  const { padding, maxHeight } = 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 = AssetUtil.getNetworkImage(activeNetwork, networkImages);
+  const [tokenSearch, setTokenSearch] = useState<string>('');
+  const isSourceToken = type === 'sourceToken';
+
+  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);
+  };
+
+  const onTokenPress = (token: SwapTokenWithBalance) => {
+    if (isSourceToken) {
+      SwapController.setSourceToken(token);
+    } else {
+      SwapController.setToToken(token);
+      if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
+        SwapController.swapTokens();
+      }
+    }
+    onClose();
+  };
+
+  return (
+    <Modal visible={visible} transparent animationType="slide" onRequestClose={onClose}>
+      <FlexView
+        padding={['xl', '0', '0', '0']}
+        style={[
+          styles.container,
+          {
+            paddingHorizontal: padding,
+            backgroundColor: Theme['bg-100'],
+            height: maxHeight
+          },
+          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 margin={['0', '0', 'xs', '0']}>
+          <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>
+              <Separator style={styles.suggestedSeparator} color="gray-glass-005" />
+            </>
+          )}
+        </FlexView>
+        <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>
+    </Modal>
+  );
+}

package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.ts

@@ -8,7 +8,11 @@ export default StyleSheet.create({
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0,
     overflow: 'hidden',
-    marginTop: 80
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    margin: 0
   },
   title: {
     paddingTop: Spacing['2xs']
@@ -29,7 +33,7 @@ export default StyleSheet.create({
     marginRight: Spacing.s
   },
   suggestedSeparator: {
-    marginVertical: Spacing.s
+    marginTop: Spacing.s
   },
   iconPlaceholder: {
     height: 32,

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

@@ -1,6 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useEffect, useState } from 'react';
-import { ScrollView, Modal } from 'react-native';
+import { ScrollView } from 'react-native';
 import {
   ConnectionsController,
   ConstantsUtil,
@@ -22,7 +22,7 @@ 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 {
@@ -39,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;
 
@@ -157,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}
@@ -208,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,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-compatible-networks-view/index.tsx

@@ -31,7 +31,7 @@ export function WalletCompatibleNetworks() {
 
   return (
     <ScrollView bounces={false} style={{ paddingHorizontal: padding }} fadingEdgeLength={20}>
-      <FlexView padding={['xl', 's', '2xl', 's']} margin={['0', '0', '2xl', '0']}>
+      <FlexView padding={['xl', 's', 's', 's']}>
         <Banner icon="warningCircle" text="You can only receive assets on these networks." />
         {approvedNetworks.map((network, index) => (
           <FlexView

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

@@ -21,7 +21,7 @@ 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 = AssetUtil.getNetworkImage(activeNetwork, networkImages);
@@ -44,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

@@ -14,8 +14,8 @@ 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
@@ -80,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

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

@@ -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":[]}