@reown/appkit-react-native 0.0.0-feat-multichain-20250513175016

package/lib/module/partials/w3m-account-activity/styles.js

@@ -0,0 +1,29 @@
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    paddingHorizontal: Spacing.xs
+  },
+  contentContainer: {
+    paddingBottom: Spacing.m
+  },
+  separatorText: {
+    marginVertical: Spacing.xs
+  },
+  transactionItem: {
+    marginVertical: Spacing.xs
+  },
+  footer: {
+    height: 40
+  },
+  placeholder: {
+    minHeight: 200,
+    flex: 0
+  },
+  loadMoreButton: {
+    alignSelf: 'center',
+    width: 100,
+    marginVertical: Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-account-activity/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spacing","StyleSheet","create","container","paddingHorizontal","xs","contentContainer","paddingBottom","m","separatorText","marginVertical","transactionItem","footer","height","placeholder","minHeight","flex","loadMoreButton","alignSelf","width"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-activity/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,iBAAiB,EAAEJ,OAAO,CAACK;EAC7B,CAAC;EACDC,gBAAgB,EAAE;IAChBC,aAAa,EAAEP,OAAO,CAACQ;EACzB,CAAC;EACDC,aAAa,EAAE;IACbC,cAAc,EAAEV,OAAO,CAACK;EAC1B,CAAC;EACDM,eAAe,EAAE;IACfD,cAAc,EAAEV,OAAO,CAACK;EAC1B,CAAC;EACDO,MAAM,EAAE;IACNC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAE,GAAG;IACdC,IAAI,EAAE;EACR,CAAC;EACDC,cAAc,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,GAAG;IACVT,cAAc,EAAEV,OAAO,CAACK;EAC1B;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-account-activity/utils.js

@@ -0,0 +1,21 @@
+import { DateUtil } from '@reown/appkit-common-react-native';
+import { TransactionUtil } from '@reown/appkit-ui-react-native';
+export function getTransactionListItemProps(transaction) {
+  const date = DateUtil.formatDate(transaction?.metadata?.minedAt);
+  const descriptions = TransactionUtil.getTransactionDescriptions(transaction);
+  const transfers = transaction?.transfers;
+  const transfer = transaction?.transfers?.[0];
+  const isAllNFT = Boolean(transfer) && transaction?.transfers?.every(item => Boolean(item.nft_info));
+  const images = TransactionUtil.getTransactionImages(transfers);
+  return {
+    date,
+    direction: transfer?.direction,
+    descriptions,
+    isAllNFT,
+    images,
+    status: transaction.metadata?.status,
+    transfers,
+    type: transaction.metadata?.operationType
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/partials/w3m-account-activity/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DateUtil","TransactionUtil","getTransactionListItemProps","transaction","date","formatDate","metadata","minedAt","descriptions","getTransactionDescriptions","transfers","transfer","isAllNFT","Boolean","every","item","nft_info","images","getTransactionImages","direction","status","type","operationType"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-activity/utils.ts"],"mappings":"AAAA,SAASA,QAAQ,QAA0B,mCAAmC;AAC9E,SAASC,eAAe,QAA8B,+BAA+B;AAErF,OAAO,SAASC,2BAA2BA,CAACC,WAAwB,EAAE;EACpE,MAAMC,IAAI,GAAGJ,QAAQ,CAACK,UAAU,CAACF,WAAW,EAAEG,QAAQ,EAAEC,OAAO,CAAC;EAChE,MAAMC,YAAY,GAAGP,eAAe,CAACQ,0BAA0B,CAACN,WAAW,CAAC;EAE5E,MAAMO,SAAS,GAAGP,WAAW,EAAEO,SAAS;EACxC,MAAMC,QAAQ,GAAGR,WAAW,EAAEO,SAAS,GAAG,CAAC,CAAC;EAC5C,MAAME,QAAQ,GACZC,OAAO,CAACF,QAAQ,CAAC,IAAIR,WAAW,EAAEO,SAAS,EAAEI,KAAK,CAACC,IAAI,IAAIF,OAAO,CAACE,IAAI,CAACC,QAAQ,CAAC,CAAC;EACpF,MAAMC,MAAM,GAAGhB,eAAe,CAACiB,oBAAoB,CAACR,SAAS,CAAC;EAE9D,OAAO;IACLN,IAAI;IACJe,SAAS,EAAER,QAAQ,EAAEQ,SAAS;IAC9BX,YAAY;IACZI,QAAQ;IACRK,MAAM;IACNG,MAAM,EAAEjB,WAAW,CAACG,QAAQ,EAAEc,MAAM;IACpCV,SAAS;IACTW,IAAI,EAAElB,WAAW,CAACG,QAAQ,EAAEgB;EAC9B,CAAC;AACH"}

package/lib/module/partials/w3m-account-tokens/index.js

@@ -0,0 +1,69 @@
+import { useCallback, useState } from 'react';
+import { RefreshControl, ScrollView, StyleSheet } from 'react-native';
+import { useSnapshot } from 'valtio';
+import { AccountController, AssetUtil, ConnectionsController, RouterController } from '@reown/appkit-core-react-native';
+import { FlexView, ListItem, Text, ListToken, useTheme, Spacing } from '@reown/appkit-ui-react-native';
+export function AccountTokens({
+  style
+}) {
+  const Theme = useTheme();
+  const [refreshing, setRefreshing] = useState(false);
+  const {
+    tokenBalance
+  } = useSnapshot(AccountController.state);
+  const {
+    activeNetwork
+  } = useSnapshot(ConnectionsController.state);
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork?.id);
+  const onRefresh = useCallback(async () => {
+    setRefreshing(true);
+    AccountController.fetchTokenBalance();
+    setRefreshing(false);
+  }, []);
+  const onReceivePress = () => {
+    RouterController.push('WalletReceive');
+  };
+  if (!tokenBalance?.length) {
+    return /*#__PURE__*/React.createElement(ListItem, {
+      icon: "arrowBottomCircle",
+      iconColor: "magenta-100",
+      onPress: onReceivePress,
+      style: styles.receiveButton
+    }, /*#__PURE__*/React.createElement(FlexView, {
+      flexDirection: "column",
+      alignItems: "flex-start"
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "paragraph-500",
+      color: "fg-100"
+    }, "Receive funds"), /*#__PURE__*/React.createElement(Text, {
+      variant: "small-400",
+      color: "fg-200"
+    }, "Transfer tokens on your wallet")));
+  }
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    fadingEdgeLength: 20,
+    style: style,
+    refreshControl: /*#__PURE__*/React.createElement(RefreshControl, {
+      refreshing: refreshing,
+      onRefresh: onRefresh,
+      tintColor: Theme['accent-100'],
+      colors: [Theme['accent-100']]
+    })
+  }, tokenBalance.map(token => /*#__PURE__*/React.createElement(ListToken, {
+    key: token.name,
+    name: token.name,
+    imageSrc: token.iconUrl,
+    networkSrc: networkImage,
+    value: token.value,
+    amount: token.quantity.numeric,
+    currency: token.symbol,
+    pressable: false
+  })));
+}
+const styles = StyleSheet.create({
+  receiveButton: {
+    width: 'auto',
+    marginHorizontal: Spacing.s
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-account-tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","RefreshControl","ScrollView","StyleSheet","useSnapshot","AccountController","AssetUtil","ConnectionsController","RouterController","FlexView","ListItem","Text","ListToken","useTheme","Spacing","AccountTokens","style","Theme","refreshing","setRefreshing","tokenBalance","state","activeNetwork","networkImage","getNetworkImage","id","onRefresh","fetchTokenBalance","onReceivePress","push","length","React","createElement","icon","iconColor","onPress","styles","receiveButton","flexDirection","alignItems","variant","color","fadingEdgeLength","refreshControl","tintColor","colors","map","token","key","name","imageSrc","iconUrl","networkSrc","value","amount","quantity","numeric","currency","symbol","pressable","create","width","marginHorizontal","s"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-tokens/index.tsx"],"mappings":"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"}

package/lib/module/partials/w3m-account-wallet-features/index.js

@@ -0,0 +1,133 @@
+import { useState } from 'react';
+import { useSnapshot } from 'valtio';
+import { Balance, FlexView, IconLink, Tabs } from '@reown/appkit-ui-react-native';
+import { AccountController, ConstantsUtil, CoreHelperUtil, EventsController, NetworkController, OnRampController, OptionsController, RouterController, SwapController } from '@reown/appkit-core-react-native';
+import { AccountActivity } from '../w3m-account-activity';
+import { AccountTokens } from '../w3m-account-tokens';
+import styles from './styles';
+export function AccountWalletFeatures() {
+  const [activeTab, setActiveTab] = useState(0);
+  const {
+    tokenBalance
+  } = useSnapshot(AccountController.state);
+  const {
+    features,
+    isOnRampEnabled
+  } = useSnapshot(OptionsController.state);
+  const balance = CoreHelperUtil.calculateAndFormatBalance(tokenBalance);
+  const isSwapsEnabled = features?.swaps;
+  const onTabChange = index => {
+    setActiveTab(index);
+    if (index === 2) {
+      onTransactionsPress();
+    }
+  };
+  const onTransactionsPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_TRANSACTIONS',
+      properties: {
+        isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+      }
+    });
+  };
+  const onSwapPress = () => {
+    if (NetworkController.state.caipNetwork?.id && !ConstantsUtil.SWAP_SUPPORTED_NETWORKS.includes(`${NetworkController.state.caipNetwork.id}`)) {
+      RouterController.push('UnsupportedChain');
+    } else {
+      SwapController.resetState();
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'OPEN_SWAP',
+        properties: {
+          network: NetworkController.state.caipNetwork?.id || '',
+          isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+        }
+      });
+      RouterController.push('Swap');
+    }
+  };
+  const onSendPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'OPEN_SEND',
+      properties: {
+        network: NetworkController.state.caipNetwork?.id || '',
+        isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+      }
+    });
+    RouterController.push('WalletSend');
+  };
+  const onReceivePress = () => {
+    RouterController.push('WalletReceive');
+  };
+  const onBuyPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SELECT_BUY_CRYPTO'
+    });
+    OnRampController.resetState();
+    RouterController.push('OnRamp');
+  };
+  return /*#__PURE__*/React.createElement(FlexView, {
+    style: styles.container,
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Balance, {
+    integer: balance.dollars,
+    decimal: balance.pennies
+  }), /*#__PURE__*/React.createElement(FlexView, {
+    style: styles.actionsContainer,
+    flexDirection: "row",
+    justifyContent: "space-around",
+    padding: ['0', 's', '0', 's']
+  }, isOnRampEnabled && /*#__PURE__*/React.createElement(IconLink, {
+    icon: "card",
+    size: "lg",
+    iconColor: "accent-100",
+    background: true,
+    backgroundColor: "accent-glass-010",
+    pressedColor: "accent-glass-020",
+    style: [styles.action, isSwapsEnabled ? styles.actionCenter : styles.actionLeft],
+    onPress: onBuyPress
+  }), isSwapsEnabled && /*#__PURE__*/React.createElement(IconLink, {
+    icon: "recycleHorizontal",
+    size: "lg",
+    iconColor: "accent-100",
+    background: true,
+    backgroundColor: "accent-glass-010",
+    pressedColor: "accent-glass-020",
+    style: [styles.action, styles.actionLeft],
+    onPress: onSwapPress
+  }), /*#__PURE__*/React.createElement(IconLink, {
+    icon: "arrowBottomCircle",
+    size: "lg",
+    iconColor: "accent-100",
+    background: true,
+    backgroundColor: "accent-glass-010",
+    pressedColor: "accent-glass-020",
+    style: [styles.action, isSwapsEnabled ? styles.actionCenter : styles.actionLeft],
+    onPress: onReceivePress
+  }), /*#__PURE__*/React.createElement(IconLink, {
+    icon: "paperplane",
+    size: "lg",
+    iconColor: "accent-100",
+    background: true,
+    backgroundColor: "accent-glass-010",
+    pressedColor: "accent-glass-020",
+    style: [styles.action, styles.actionRight],
+    onPress: onSendPress
+  })), /*#__PURE__*/React.createElement(FlexView, {
+    style: styles.tab
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    tabs: ['Tokens', 'Activity'],
+    onTabChange: onTabChange
+  })), /*#__PURE__*/React.createElement(FlexView, {
+    padding: ['m', '0', '0', '0'],
+    style: styles.tabContainer
+  }, activeTab === 0 && /*#__PURE__*/React.createElement(AccountTokens, {
+    style: styles.tabContent
+  }), activeTab === 1 && /*#__PURE__*/React.createElement(AccountActivity, {
+    style: styles.tabContent
+  })));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-account-wallet-features/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useSnapshot","Balance","FlexView","IconLink","Tabs","AccountController","ConstantsUtil","CoreHelperUtil","EventsController","NetworkController","OnRampController","OptionsController","RouterController","SwapController","AccountActivity","AccountTokens","styles","AccountWalletFeatures","activeTab","setActiveTab","tokenBalance","state","features","isOnRampEnabled","balance","calculateAndFormatBalance","isSwapsEnabled","swaps","onTabChange","index","onTransactionsPress","sendEvent","type","event","properties","isSmartAccount","preferredAccountType","onSwapPress","caipNetwork","id","SWAP_SUPPORTED_NETWORKS","includes","push","resetState","network","onSendPress","onReceivePress","onBuyPress","React","createElement","style","container","alignItems","integer","dollars","decimal","pennies","actionsContainer","flexDirection","justifyContent","padding","icon","size","iconColor","background","backgroundColor","pressedColor","action","actionCenter","actionLeft","onPress","actionRight","tab","tabs","tabContainer","tabContent"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/index.tsx"],"mappings":"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"}

package/lib/module/partials/w3m-account-wallet-features/styles.js

@@ -0,0 +1,41 @@
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    height: 400
+  },
+  balanceText: {
+    fontSize: 40,
+    fontWeight: '500'
+  },
+  actionsContainer: {
+    width: '100%',
+    marginTop: Spacing.s,
+    marginBottom: Spacing.l
+  },
+  action: {
+    flex: 1,
+    height: 52
+  },
+  actionLeft: {
+    marginRight: 8
+  },
+  actionRight: {
+    marginLeft: 8
+  },
+  actionCenter: {
+    marginHorizontal: 8
+  },
+  tab: {
+    width: '100%',
+    paddingHorizontal: Spacing.s
+  },
+  tabContainer: {
+    flex: 1,
+    width: '100%'
+  },
+  tabContent: {
+    paddingHorizontal: Spacing.m
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-account-wallet-features/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spacing","StyleSheet","create","container","height","balanceText","fontSize","fontWeight","actionsContainer","width","marginTop","s","marginBottom","l","action","flex","actionLeft","marginRight","actionRight","marginLeft","actionCenter","marginHorizontal","tab","paddingHorizontal","tabContainer","tabContent","m"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,gBAAgB,EAAE;IAChBC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAEV,OAAO,CAACW,CAAC;IACpBC,YAAY,EAAEZ,OAAO,CAACa;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPX,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDC,WAAW,EAAE;IACXC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,gBAAgB,EAAE;EACpB,CAAC;EACDC,GAAG,EAAE;IACHb,KAAK,EAAE,MAAM;IACbc,iBAAiB,EAAEvB,OAAO,CAACW;EAC7B,CAAC;EACDa,YAAY,EAAE;IACZT,IAAI,EAAE,CAAC;IACPN,KAAK,EAAE;EACT,CAAC;EACDgB,UAAU,EAAE;IACVF,iBAAiB,EAAEvB,OAAO,CAAC0B;EAC7B;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-all-wallets-list/index.js

@@ -0,0 +1,154 @@
+import { useEffect, useState } from 'react';
+import { useSnapshot } from 'valtio';
+import { FlatList, View } from 'react-native';
+import { ApiController, AssetUtil, OptionsController, SnackController } from '@reown/appkit-core-react-native';
+import { CardSelect, CardSelectLoader, CardSelectHeight, FlexView, Spacing } from '@reown/appkit-ui-react-native';
+import styles from './styles';
+import { UiUtil } from '../../utils/UiUtil';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { Placeholder } from '../w3m-placeholder';
+export function AllWalletsList({
+  columns,
+  itemWidth,
+  onItemPress
+}) {
+  const [loading, setLoading] = useState(ApiController.state.wallets.length === 0);
+  const [loadingError, setLoadingError] = useState(false);
+  const [pageLoading, setPageLoading] = useState(false);
+  const {
+    maxWidth,
+    padding
+  } = useCustomDimensions();
+  const {
+    installed,
+    featured,
+    recommended,
+    wallets
+  } = useSnapshot(ApiController.state);
+  const {
+    customWallets
+  } = useSnapshot(OptionsController.state);
+  const imageHeaders = ApiController._getApiHeaders();
+  const preloadedWallets = installed.length + featured.length + recommended.length;
+  const loadingItems = columns - (100 + preloadedWallets) % columns;
+  const combinedWallets = [...(customWallets ?? []), ...installed, ...featured, ...recommended, ...wallets];
+
+  // Deduplicate by wallet ID
+  const uniqueWallets = Array.from(new Map(combinedWallets.map(wallet => [wallet?.id, wallet])).values()).filter(wallet => wallet?.id); // Filter out any undefined wallets
+
+  const walletList = [...uniqueWallets, ...(pageLoading ? Array.from({
+    length: loadingItems
+  }) : [])];
+  const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
+  const loadingTemplate = items => {
+    return /*#__PURE__*/React.createElement(FlexView, {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignSelf: "center",
+      padding: ['0', '0', 's', 'xs'],
+      style: [styles.container, {
+        maxWidth
+      }]
+    }, Array.from({
+      length: items
+    }).map((_, index) => /*#__PURE__*/React.createElement(View, {
+      key: index,
+      style: [styles.itemContainer, {
+        width: itemWidth
+      }]
+    }, /*#__PURE__*/React.createElement(CardSelectLoader, null))));
+  };
+  const walletTemplate = ({
+    item
+  }) => {
+    const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
+    if (!item?.id) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.itemContainer, {
+          width: itemWidth
+        }]
+      }, /*#__PURE__*/React.createElement(CardSelectLoader, null));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.itemContainer, {
+        width: itemWidth
+      }]
+    }, /*#__PURE__*/React.createElement(CardSelect, {
+      imageSrc: AssetUtil.getWalletImage(item),
+      imageHeaders: imageHeaders,
+      name: item?.name ?? 'Unknown',
+      onPress: () => onItemPress(item),
+      installed: !!isInstalled
+    }));
+  };
+  const initialFetch = async () => {
+    try {
+      setLoading(true);
+      setLoadingError(false);
+      await ApiController.fetchWallets({
+        page: 1
+      });
+      UiUtil.createViewTransition();
+      setLoading(false);
+    } catch (error) {
+      SnackController.showError('Failed to load wallets');
+      setLoading(false);
+      setLoadingError(true);
+    }
+  };
+  const fetchNextPage = async () => {
+    try {
+      if (walletList.length < ApiController.state.count && !pageLoading && !loading && ApiController.state.page > 0) {
+        setPageLoading(true);
+        await ApiController.fetchWallets({
+          page: ApiController.state.page + 1
+        });
+        setPageLoading(false);
+      }
+    } catch (error) {
+      SnackController.showError('Failed to load more wallets');
+      setPageLoading(false);
+    }
+  };
+  useEffect(() => {
+    if (!ApiController.state.wallets.length) {
+      initialFetch();
+    }
+  }, []);
+  if (loading) {
+    return loadingTemplate(20);
+  }
+  if (loadingError) {
+    return /*#__PURE__*/React.createElement(Placeholder, {
+      icon: "warningCircle",
+      iconColor: "error-100",
+      title: "Oops, we couldn't load the wallets at the moment",
+      description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
+      actionIcon: "refresh",
+      actionPress: initialFetch,
+      actionTitle: "Retry",
+      style: styles.placeholderContainer
+    });
+  }
+  return /*#__PURE__*/React.createElement(FlatList, {
+    key: columns,
+    fadingEdgeLength: 20,
+    bounces: false,
+    numColumns: columns,
+    data: walletList,
+    renderItem: walletTemplate,
+    style: styles.container,
+    contentContainerStyle: [styles.contentContainer, {
+      paddingHorizontal: padding + Spacing.xs
+    }],
+    onEndReached: fetchNextPage,
+    onEndReachedThreshold: 2,
+    keyExtractor: (item, index) => item?.id ?? index,
+    getItemLayout: (_, index) => ({
+      length: ITEM_HEIGHT,
+      offset: ITEM_HEIGHT * index,
+      index
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-all-wallets-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useSnapshot","FlatList","View","ApiController","AssetUtil","OptionsController","SnackController","CardSelect","CardSelectLoader","CardSelectHeight","FlexView","Spacing","styles","UiUtil","useCustomDimensions","Placeholder","AllWalletsList","columns","itemWidth","onItemPress","loading","setLoading","state","wallets","length","loadingError","setLoadingError","pageLoading","setPageLoading","maxWidth","padding","installed","featured","recommended","customWallets","imageHeaders","_getApiHeaders","preloadedWallets","loadingItems","combinedWallets","uniqueWallets","Array","from","Map","map","wallet","id","values","filter","walletList","ITEM_HEIGHT","xs","loadingTemplate","items","React","createElement","flexDirection","flexWrap","alignSelf","style","container","_","index","key","itemContainer","width","walletTemplate","item","isInstalled","find","imageSrc","getWalletImage","name","onPress","initialFetch","fetchWallets","page","createViewTransition","error","showError","fetchNextPage","count","icon","iconColor","title","description","actionIcon","actionPress","actionTitle","placeholderContainer","fadingEdgeLength","bounces","numColumns","data","renderItem","contentContainerStyle","contentContainer","paddingHorizontal","onEndReached","onEndReachedThreshold","keyExtractor","getItemLayout","offset"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/index.tsx"],"mappings":"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"}

package/lib/module/partials/w3m-all-wallets-list/styles.js

@@ -0,0 +1,26 @@
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    height: '100%'
+  },
+  contentContainer: {
+    paddingBottom: Spacing['2xl']
+  },
+  itemContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: Spacing.xs
+  },
+  pageLoader: {
+    marginTop: Spacing.xl
+  },
+  errorContainer: {
+    height: '90%'
+  },
+  placeholderContainer: {
+    flex: 0,
+    height: '90%'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-all-wallets-list/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spacing","StyleSheet","create","container","height","contentContainer","paddingBottom","itemContainer","alignItems","justifyContent","marginVertical","xs","pageLoader","marginTop","xl","errorContainer","placeholderContainer","flex"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBC,aAAa,EAAEN,OAAO,CAAC,KAAK;EAC9B,CAAC;EACDO,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAEV,OAAO,CAACW;EAC1B,CAAC;EACDC,UAAU,EAAE;IACVC,SAAS,EAAEb,OAAO,CAACc;EACrB,CAAC;EACDC,cAAc,EAAE;IACdX,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPb,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-all-wallets-search/index.js

@@ -0,0 +1,124 @@
+import { useCallback, useEffect, useState } from 'react';
+import { FlatList, View } from 'react-native';
+import { ApiController, AssetUtil, SnackController } from '@reown/appkit-core-react-native';
+import { CardSelect, CardSelectHeight, CardSelectLoader, FlexView, Spacing } from '@reown/appkit-ui-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { Placeholder } from '../w3m-placeholder';
+import styles from './styles';
+export function AllWalletsSearch({
+  searchQuery,
+  columns,
+  itemWidth,
+  onItemPress
+}) {
+  const [loading, setLoading] = useState(false);
+  const [loadingError, setLoadingError] = useState(false);
+  const [prevSearchQuery, setPrevSearchQuery] = useState('');
+  const imageHeaders = ApiController._getApiHeaders();
+  const {
+    maxWidth,
+    padding,
+    isLandscape
+  } = useCustomDimensions();
+  const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
+  const walletTemplate = ({
+    item
+  }) => {
+    const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
+    return /*#__PURE__*/React.createElement(View, {
+      key: item?.id,
+      style: [styles.itemContainer, {
+        width: itemWidth
+      }]
+    }, /*#__PURE__*/React.createElement(CardSelect, {
+      imageSrc: AssetUtil.getWalletImage(item),
+      imageHeaders: imageHeaders,
+      name: item?.name ?? 'Unknown',
+      onPress: () => onItemPress(item),
+      installed: !!isInstalled,
+      testID: `wallet-search-item-${item?.id}`
+    }));
+  };
+  const loadingTemplate = items => {
+    return /*#__PURE__*/React.createElement(FlexView, {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignSelf: "center",
+      padding: ['0', '0', 's', 'xs'],
+      style: [styles.container, {
+        maxWidth
+      }]
+    }, Array.from({
+      length: items
+    }).map((_, index) => /*#__PURE__*/React.createElement(View, {
+      key: index,
+      style: [styles.itemContainer, {
+        width: itemWidth
+      }]
+    }, /*#__PURE__*/React.createElement(CardSelectLoader, null))));
+  };
+  const emptyTemplate = () => {
+    return /*#__PURE__*/React.createElement(Placeholder, {
+      icon: "walletPlaceholder",
+      description: "No results found",
+      style: [styles.emptyContainer, isLandscape && styles.emptyLandscape]
+    });
+  };
+  const searchFetch = useCallback(async () => {
+    try {
+      setLoading(true);
+      setLoadingError(false);
+      await ApiController.searchWallet({
+        search: searchQuery
+      });
+      setLoading(false);
+    } catch (error) {
+      SnackController.showError('Failed to load wallets');
+      setLoading(false);
+      setLoadingError(true);
+    }
+  }, [searchQuery]);
+  useEffect(() => {
+    if (prevSearchQuery !== searchQuery) {
+      setPrevSearchQuery(searchQuery || '');
+      searchFetch();
+    }
+  }, [searchQuery, prevSearchQuery, searchFetch]);
+  if (loading) {
+    return loadingTemplate(20);
+  }
+  if (loadingError) {
+    return /*#__PURE__*/React.createElement(Placeholder, {
+      icon: "warningCircle",
+      iconColor: "error-100",
+      title: "Oops, we couldn\u2019t load the wallets at the moment",
+      description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
+      actionIcon: "refresh",
+      actionPress: searchFetch,
+      style: styles.placeholderContainer,
+      actionTitle: "Retry"
+    });
+  }
+  if (ApiController.state.search.length === 0) {
+    return emptyTemplate();
+  }
+  return /*#__PURE__*/React.createElement(FlatList, {
+    key: columns,
+    fadingEdgeLength: 20,
+    bounces: false,
+    numColumns: columns,
+    data: ApiController.state.search,
+    renderItem: walletTemplate,
+    style: styles.container,
+    contentContainerStyle: [styles.contentContainer, {
+      paddingHorizontal: padding + Spacing.xs
+    }],
+    keyExtractor: item => item.id,
+    getItemLayout: (_, index) => ({
+      length: ITEM_HEIGHT,
+      offset: ITEM_HEIGHT * index,
+      index
+    })
+  });
+}
+//# sourceMappingURL=index.js.map