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

package/lib/module/views/w3m-swap-preview-view/index.js

@@ -1,21 +1,19 @@
+"use strict";
+
 import { useSnapshot } from 'valtio';
 import { useEffect } from 'react';
-import { Platform, ScrollView } from 'react-native';
+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, Spacing, Text, TokenButton, UiUtil } from '@reown/appkit-ui-react-native';
+import { Button, FlexView, Icon, Text, TokenButton, UiUtil } from '@reown/appkit-ui-react-native';
 import { SwapDetails } from '../../partials/w3m-swap-details';
 import { useCustomDimensions } from '../../hooks/useCustomDimensions';
-import { useKeyboard } from '../../hooks/useKeyboard';
 import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SwapPreviewView() {
   const {
     padding
   } = useCustomDimensions();
-  const {
-    keyboardShown,
-    keyboardHeight
-  } = useKeyboard();
   const {
     sourceToken,
     sourceTokenAmount,
@@ -30,12 +28,9 @@ export function SwapPreviewView() {
   } = useSnapshot(SwapController.state);
   const sourceTokenMarketValue = NumberUtil.parseLocalStringToNumber(sourceTokenAmount) * sourceTokenPriceInUSD;
   const toTokenMarketValue = NumberUtil.parseLocalStringToNumber(toTokenAmount) * toTokenPriceInUSD;
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing['2xl'] : Spacing['2xl'],
-    default: Spacing['2xl']
-  });
   const loading = loadingQuote || loadingBuildTransaction || loadingTransaction || loadingApprovalTransaction;
   const onCancel = () => {
+    SwapController.clearTransactionLoaders();
     RouterController.goBack();
   };
   const onSwap = () => {
@@ -57,80 +52,93 @@ export function SwapPreviewView() {
       clearInterval(interval);
     };
   }, []);
-  return /*#__PURE__*/React.createElement(ScrollView, {
+  return /*#__PURE__*/_jsx(ScrollView, {
     style: {
       paddingHorizontal: padding
     },
     bounces: false,
-    keyboardShouldPersistTaps: "always"
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    padding: "l",
-    justifyContent: "center",
-    style: {
-      paddingBottom
-    }
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    justifyContent: "space-between"
-  }, /*#__PURE__*/React.createElement(FlexView, null, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, "Send"), /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-400",
-    color: "fg-100"
-  }, "$", UiUtil.formatNumberToLocalString(sourceTokenMarketValue, 6))), /*#__PURE__*/React.createElement(TokenButton, {
-    text: ` ${UiUtil.formatNumberToLocalString(sourceTokenAmount, 8)} ${sourceToken?.symbol}`,
-    imageUrl: sourceToken?.logoUri,
-    inverse: true,
-    disabled: true
-  })), /*#__PURE__*/React.createElement(Icon, {
-    name: "recycleHorizontal",
-    size: "md",
-    color: "fg-200",
-    style: styles.swapIcon
-  }), /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    margin: ['0', '0', 'xl', '0']
-  }, /*#__PURE__*/React.createElement(FlexView, null, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, "Receive"), /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-400",
-    color: "fg-100"
-  }, "$", UiUtil.formatNumberToLocalString(toTokenMarketValue, 6))), /*#__PURE__*/React.createElement(TokenButton, {
-    text: ` ${toTokenAmount} ${toToken?.symbol}`,
-    imageUrl: toToken?.logoUri,
-    inverse: true,
-    disabled: true
-  })), /*#__PURE__*/React.createElement(SwapDetails, {
-    initialOpen: true,
-    canClose: false
-  }), /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    margin: ['m', '0', 'm', '0']
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "warningCircle",
-    size: "sm",
-    color: "fg-200",
-    style: styles.reviewIcon
-  }), /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-200"
-  }, "Review transaction carefully")), /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row"
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "shade",
-    style: styles.cancelButton,
-    onPress: onCancel
-  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
-    variant: "fill",
-    style: styles.sendButton,
-    loading: loading,
-    disabled: loading,
-    onPress: onSwap
-  }, "Swap"))));
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      padding: ['l', 'l', '2xl', 'l'],
+      justifyContent: "center",
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "Send"
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "paragraph-400",
+            color: "fg-100",
+            children: ["$", UiUtil.formatNumberToLocalString(sourceTokenMarketValue, 6)]
+          })]
+        }), /*#__PURE__*/_jsx(TokenButton, {
+          text: ` ${UiUtil.formatNumberToLocalString(sourceTokenAmount, 8)} ${sourceToken?.symbol}`,
+          imageUrl: sourceToken?.logoUri,
+          inverse: true,
+          disabled: true
+        })]
+      }), /*#__PURE__*/_jsx(Icon, {
+        name: "recycleHorizontal",
+        size: "md",
+        color: "fg-200",
+        style: styles.swapIcon
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        margin: ['0', '0', 'xl', '0'],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "Receive"
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "paragraph-400",
+            color: "fg-100",
+            children: ["$", UiUtil.formatNumberToLocalString(toTokenMarketValue, 6)]
+          })]
+        }), /*#__PURE__*/_jsx(TokenButton, {
+          text: ` ${toTokenAmount} ${toToken?.symbol}`,
+          imageUrl: toToken?.logoUri,
+          inverse: true,
+          disabled: true
+        })]
+      }), /*#__PURE__*/_jsx(SwapDetails, {
+        initialOpen: true,
+        canClose: false
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        margin: ['m', '0', 'm', '0'],
+        children: [/*#__PURE__*/_jsx(Icon, {
+          name: "warningCircle",
+          size: "sm",
+          color: "fg-200",
+          style: styles.reviewIcon
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "small-400",
+          color: "fg-200",
+          children: "Review transaction carefully"
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "shade",
+          style: styles.cancelButton,
+          onPress: onCancel,
+          children: "Cancel"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "fill",
+          style: styles.sendButton,
+          loading: loading,
+          disabled: loading,
+          onPress: onSwap,
+          children: "Swap"
+        })]
+      })]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/lib/module/views/w3m-swap-preview-view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","useEffect","Platform","ScrollView","NumberUtil","RouterController","SwapController","Button","FlexView","Icon","Spacing","Text","TokenButton","UiUtil","SwapDetails","useCustomDimensions","useKeyboard","styles","SwapPreviewView","padding","keyboardShown","keyboardHeight","sourceToken","sourceTokenAmount","sourceTokenPriceInUSD","toToken","toTokenAmount","toTokenPriceInUSD","loadingQuote","loadingBuildTransaction","loadingTransaction","loadingApprovalTransaction","state","sourceTokenMarketValue","parseLocalStringToNumber","toTokenMarketValue","paddingBottom","select","android","default","loading","onCancel","goBack","onSwap","approvalTransaction","sendTransactionForApproval","sendTransactionForSwap","swapTransaction","refreshTransaction","getTransaction","interval","setInterval","clearInterval","React","createElement","style","paddingHorizontal","bounces","keyboardShouldPersistTaps","justifyContent","flexDirection","variant","color","formatNumberToLocalString","text","symbol","imageUrl","logoUri","inverse","disabled","name","size","swapIcon","margin","initialOpen","canClose","alignItems","reviewIcon","cancelButton","onPress","sendButton"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-preview-view/index.tsx"],"mappings":"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"}
+{"version":3,"names":["useSnapshot","useEffect","ScrollView","NumberUtil","RouterController","SwapController","Button","FlexView","Icon","Text","TokenButton","UiUtil","SwapDetails","useCustomDimensions","styles","jsx","_jsx","jsxs","_jsxs","SwapPreviewView","padding","sourceToken","sourceTokenAmount","sourceTokenPriceInUSD","toToken","toTokenAmount","toTokenPriceInUSD","loadingQuote","loadingBuildTransaction","loadingTransaction","loadingApprovalTransaction","state","sourceTokenMarketValue","parseLocalStringToNumber","toTokenMarketValue","loading","onCancel","clearTransactionLoaders","goBack","onSwap","approvalTransaction","sendTransactionForApproval","sendTransactionForSwap","swapTransaction","refreshTransaction","getTransaction","interval","setInterval","clearInterval","style","paddingHorizontal","bounces","children","justifyContent","flexDirection","variant","color","formatNumberToLocalString","text","symbol","imageUrl","logoUri","inverse","disabled","name","size","swapIcon","margin","initialOpen","canClose","alignItems","reviewIcon","cancelButton","onPress","sendButton"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-preview-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-swap-preview-view/styles.js

@@ -1,3 +1,5 @@
+"use strict";
+
 import { StyleSheet } from 'react-native';
 import { Spacing } from '@reown/appkit-ui-react-native';
 export default StyleSheet.create({
@@ -13,6 +15,9 @@ export default StyleSheet.create({
   sendButton: {
     marginLeft: Spacing.s,
     flex: 3
+  },
+  withKeyboard: {
+    height: '100%'
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-swap-preview-view/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Spacing","create","swapIcon","marginVertical","xs","reviewIcon","marginRight","cancelButton","flex","sendButton","marginLeft","s"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-preview-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,cAAc,EAAEH,OAAO,CAACI;EAC1B,CAAC;EACDC,UAAU,EAAE;IACVC,WAAW,EAAEN,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDO,YAAY,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAEV,OAAO,CAACW,CAAC;IACrBH,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["StyleSheet","Spacing","create","swapIcon","marginVertical","xs","reviewIcon","marginRight","cancelButton","flex","sendButton","marginLeft","s","withKeyboard","height"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-preview-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,cAAc,EAAEH,OAAO,CAACI;EAC1B,CAAC;EACDC,UAAU,EAAE;IACVC,WAAW,EAAEN,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDO,YAAY,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAEV,OAAO,CAACW,CAAC;IACrBH,IAAI,EAAE;EACR,CAAC;EACDI,YAAY,EAAE;IACZC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-swap-view/components/select-token-view/index.js

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

package/lib/module/views/w3m-swap-view/components/select-token-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useSnapshot","ScrollView","SectionList","View","FlexView","IconLink","InputText","ListToken","ListTokenTotalHeight","Separator","Text","TokenButton","useTheme","AssetController","AssetUtil","ConnectionsController","SwapController","useCustomDimensions","Placeholder","styles","createSections","jsx","_jsx","jsxs","_jsxs","SwapSelectTokenView","onClose","type","style","padding","Theme","activeNetwork","state","networkImages","sourceToken","suggestedTokens","myTokensWithBalance","networkImage","getNetworkImage","tokenSearch","setTokenSearch","isSourceToken","filteredTokens","setFilteredTokens","suggestedList","filter","token","address","slice","onSearchChange","value","onTokenPress","setSourceToken","setToToken","sourceTokenAmount","swapTokens","container","paddingHorizontal","backgroundColor","children","flexDirection","justifyContent","alignItems","icon","size","onPress","variant","iconPlaceholder","placeholder","onChangeText","clearButtonMode","input","horizontal","showsHorizontalScrollIndicator","bounces","fadingEdgeLength","contentContainerStyle","suggestedListContent","map","index","text","symbol","imageUrl","logoUri","length","suggestedToken","undefined","name","suggestedSeparator","color","sections","tokenList","renderSectionHeader","section","title","ListEmptyComponent","description","getItemLayout","_","offset","renderItem","item","imageSrc","networkSrc","amount","quantity","numeric","currency","disabled"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/{w3m-swap-select-token-view → w3m-swap-view/components/select-token-view}/styles.js

@@ -1,9 +1,15 @@
+"use strict";
+
 import { StyleSheet } from 'react-native';
-import { Spacing } from '@reown/appkit-ui-react-native';
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
 export default StyleSheet.create({
   container: {
-    minHeight: 250,
-    maxHeight: 600
+    borderRadius: BorderRadius.l,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    overflow: 'hidden',
+    marginTop: 80
   },
   title: {
     paddingTop: Spacing['2xs']
@@ -25,6 +31,10 @@ export default StyleSheet.create({
   },
   suggestedSeparator: {
     marginVertical: Spacing.s
+  },
+  iconPlaceholder: {
+    height: 32,
+    width: 32
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-swap-view/components/select-token-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","borderRadius","l","borderWidth","hairlineWidth","borderBottomLeftRadius","borderBottomRightRadius","overflow","marginTop","title","paddingTop","tokenList","paddingHorizontal","m","input","marginHorizontal","xs","suggestedList","suggestedListContent","s","suggestedToken","marginRight","suggestedSeparator","marginVertical","iconPlaceholder","height","width"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,YAAY,EAAEJ,YAAY,CAACK,CAAC;IAC5BC,WAAW,EAAEP,UAAU,CAACQ,aAAa;IACrCC,sBAAsB,EAAE,CAAC;IACzBC,uBAAuB,EAAE,CAAC;IAC1BC,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEZ,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDa,SAAS,EAAE;IACTC,iBAAiB,EAAEd,OAAO,CAACe;EAC7B,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAEjB,OAAO,CAACkB;EAC5B,CAAC;EACDC,aAAa,EAAE;IACbT,SAAS,EAAEV,OAAO,CAACkB;EACrB,CAAC;EACDE,oBAAoB,EAAE;IACpBN,iBAAiB,EAAEd,OAAO,CAACqB;EAC7B,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAEvB,OAAO,CAACqB;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBC,cAAc,EAAEzB,OAAO,CAACqB;EAC1B,CAAC;EACDK,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/{w3m-swap-select-token-view → w3m-swap-view/components/select-token-view}/utils.js

@@ -1,13 +1,18 @@
+"use strict";
+
 import { SwapController } from '@reown/appkit-core-react-native';
 export function filterTokens(tokens, searchValue) {
+  if (!tokens) {
+    return [];
+  }
   if (!searchValue) {
     return tokens;
   }
-  return tokens.filter(token => token.name.toLowerCase().includes(searchValue.toLowerCase()) || token.symbol.toLowerCase().includes(searchValue.toLowerCase()));
+  return tokens.filter(token => token.name?.toLowerCase().includes(searchValue.toLowerCase()) || token.symbol.toLowerCase().includes(searchValue.toLowerCase()));
 }
-export function createSections(isSourceToken, searchValue) {
-  const myTokensFiltered = filterTokens(SwapController.state.myTokensWithBalance ?? [], searchValue);
-  const popularFiltered = isSourceToken ? [] : filterTokens(SwapController.getFilteredPopularTokens() ?? [], searchValue);
+export function createSections(isSourceToken, searchValue, balances) {
+  const myTokensFiltered = filterTokens(balances ?? [], searchValue);
+  const popularFiltered = isSourceToken ? [] : filterTokens(SwapController.getFilteredPopularTokens(balances), searchValue);
   const sections = [];
   if (myTokensFiltered.length > 0) {
     sections.push({

package/lib/module/views/w3m-swap-view/components/select-token-view/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SwapController","filterTokens","tokens","searchValue","filter","token","name","toLowerCase","includes","symbol","createSections","isSourceToken","balances","myTokensFiltered","popularFiltered","getFilteredPopularTokens","sections","length","push","title","data"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/utils.ts"],"mappings":";;AACA,SAASA,cAAc,QAAQ,iCAAiC;AAEhE,OAAO,SAASC,YAAYA,CAACC,MAA+B,EAAEC,WAAoB,EAAE;EAClF,IAAI,CAACD,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EAEA,IAAI,CAACC,WAAW,EAAE;IAChB,OAAOD,MAAM;EACf;EAEA,OAAOA,MAAM,CAACE,MAAM,CAClBC,KAAK,IACHA,KAAK,CAACC,IAAI,EAAEC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CAAC,IAC7DF,KAAK,CAACI,MAAM,CAACF,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CACjE,CAAC;AACH;AAEA,OAAO,SAASG,cAAcA,CAC5BC,aAAsB,EACtBR,WAAmB,EACnBS,QAAiC,EACjC;EACA,MAAMC,gBAAgB,GAAGZ,YAAY,CAACW,QAAQ,IAAI,EAAE,EAAET,WAAW,CAAC;EAClE,MAAMW,eAAe,GAAGH,aAAa,GACjC,EAAE,GACFV,YAAY,CAACD,cAAc,CAACe,wBAAwB,CAACH,QAAQ,CAAC,EAAET,WAAW,CAAC;EAEhF,MAAMa,QAAQ,GAAG,EAAE;EACnB,IAAIH,gBAAgB,CAACI,MAAM,GAAG,CAAC,EAAE;IAC/BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,aAAa;MAAEC,IAAI,EAAEP;IAAiB,CAAC,CAAC;EACjE;EACA,IAAIC,eAAe,CAACG,MAAM,GAAG,CAAC,EAAE;IAC9BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,gBAAgB;MAAEC,IAAI,EAAEN;IAAgB,CAAC,CAAC;EACnE;EAEA,OAAOE,QAAQ;AACjB","ignoreList":[]}