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

package/lib/module/views/w3m-wallet-receive-view/index.js

@@ -0,0 +1,81 @@
+import { useSnapshot } from 'valtio';
+import { ScrollView, StyleSheet } from 'react-native';
+import { Chip, CompatibleNetwork, FlexView, QrCode, Spacing, Text, UiUtil } from '@reown/appkit-ui-react-native';
+import { AccountController, ApiController, AssetUtil, ConnectionsController, OptionsController, RouterController, SnackController } from '@reown/appkit-core-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+export function WalletReceiveView() {
+  const {
+    address,
+    profileName /*preferredAccountType*/
+  } = useSnapshot(AccountController.state);
+  const {
+    activeNetwork,
+    networks
+  } = useSnapshot(ConnectionsController.state);
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork?.id);
+  const {
+    padding
+  } = useCustomDimensions();
+  const canCopy = OptionsController.isClipboardAvailable();
+  // const isSmartAccount =
+  //   preferredAccountType === 'smartAccount' && NetworkController.checkIfSmartAccountEnabled();
+  // const networks = isSmartAccount
+  //   ? NetworkController.getSmartAccountEnabledNetworks()
+  //   : NetworkController.getApprovedCaipNetworks();
+
+  const imagesArray = networks.filter(network => network?.id).slice(0, 5).map(network => AssetUtil.getNetworkImage(network?.id)).filter(Boolean);
+  const label = UiUtil.getTruncateString({
+    string: profileName ?? address ?? '',
+    charsStart: profileName ? 30 : 4,
+    charsEnd: profileName ? 0 : 4,
+    truncate: profileName ? 'end' : 'middle'
+  });
+  const onNetworkPress = () => {
+    RouterController.push('WalletCompatibleNetworks');
+  };
+  const onCopyAddress = () => {
+    if (canCopy && AccountController.state.address) {
+      OptionsController.copyToClipboard(AccountController.state.address);
+      SnackController.showSuccess('Address copied');
+    }
+  };
+  if (!address) return;
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    bounces: false,
+    style: {
+      paddingHorizontal: padding
+    }
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    padding: ['xl', 'xl', '2xl', 'xl'],
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Chip, {
+    label: label,
+    rightIcon: canCopy ? 'copy' : undefined,
+    imageSrc: networkImage,
+    variant: "transparent",
+    onPress: onCopyAddress
+  }), /*#__PURE__*/React.createElement(QrCode, {
+    uri: address,
+    size: 232,
+    arenaClear: true,
+    style: styles.qrContainer
+  }), /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-500",
+    color: "fg-100"
+  }, canCopy ? 'Copy your address or scan this QR code' : 'Scan this QR code'), /*#__PURE__*/React.createElement(CompatibleNetwork, {
+    text: "Only receive from networks",
+    onPress: onNetworkPress,
+    networkImages: imagesArray,
+    imageHeaders: ApiController._getApiHeaders(),
+    style: styles.networksButton
+  })));
+}
+const styles = StyleSheet.create({
+  qrContainer: {
+    marginVertical: Spacing.xl
+  },
+  networksButton: {
+    marginTop: Spacing.l
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-wallet-receive-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ScrollView","StyleSheet","Chip","CompatibleNetwork","FlexView","QrCode","Spacing","Text","UiUtil","AccountController","ApiController","AssetUtil","ConnectionsController","OptionsController","RouterController","SnackController","useCustomDimensions","WalletReceiveView","address","profileName","state","activeNetwork","networks","networkImage","getNetworkImage","id","padding","canCopy","isClipboardAvailable","imagesArray","filter","network","slice","map","Boolean","label","getTruncateString","string","charsStart","charsEnd","truncate","onNetworkPress","push","onCopyAddress","copyToClipboard","showSuccess","React","createElement","bounces","style","paddingHorizontal","alignItems","rightIcon","undefined","imageSrc","variant","onPress","uri","size","arenaClear","styles","qrContainer","color","text","networkImages","imageHeaders","_getApiHeaders","networksButton","create","marginVertical","xl","marginTop","l"],"sourceRoot":"../../../../src","sources":["views/w3m-wallet-receive-view/index.tsx"],"mappings":"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"}

package/lib/module/views/w3m-wallet-receive-view/styles.js

@@ -0,0 +1,8 @@
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-wallet-receive-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","container","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["views/w3m-wallet-receive-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-wallet-send-preview-view/components/preview-send-details.js

@@ -0,0 +1,88 @@
+import { AssetUtil } from '@reown/appkit-core-react-native';
+import { BorderRadius, FlexView, NetworkImage, Spacing, Text, UiUtil, useTheme } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export function PreviewSendDetails({
+  address,
+  name,
+  caipNetwork,
+  networkFee,
+  style
+}) {
+  const Theme = useTheme();
+  const formattedName = UiUtil.getTruncateString({
+    string: name ?? '',
+    charsStart: 20,
+    charsEnd: 0,
+    truncate: 'end'
+  });
+  const formattedAddress = UiUtil.getTruncateString({
+    string: address || '',
+    charsStart: 6,
+    charsEnd: 8,
+    truncate: 'middle'
+  });
+  const networkImage = AssetUtil.getNetworkImage(caipNetwork?.id);
+  return /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-002']
+    }, style],
+    padding: "s"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200",
+    style: styles.title
+  }, "Details"), /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.item, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "Network cost"), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-100"
+  }, "$", UiUtil.formatNumberToLocalString(networkFee, 2))), /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.item, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, formattedName || 'Address'), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-100"
+  }, formattedAddress)), /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.item, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "Network"), /*#__PURE__*/React.createElement(NetworkImage, {
+    imageSrc: networkImage,
+    size: "xs"
+  })));
+}
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    borderRadius: BorderRadius.xxs
+  },
+  title: {
+    marginBottom: Spacing.xs
+  },
+  item: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: Spacing.s,
+    borderRadius: BorderRadius.xxs,
+    marginTop: Spacing['2xs']
+  },
+  networkImage: {
+    height: 24,
+    width: 24,
+    borderRadius: BorderRadius.full
+  }
+});
+//# sourceMappingURL=preview-send-details.js.map

package/lib/module/views/w3m-wallet-send-preview-view/components/preview-send-details.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AssetUtil","BorderRadius","FlexView","NetworkImage","Spacing","Text","UiUtil","useTheme","StyleSheet","PreviewSendDetails","address","name","caipNetwork","networkFee","style","Theme","formattedName","getTruncateString","string","charsStart","charsEnd","truncate","formattedAddress","networkImage","getNetworkImage","id","React","createElement","styles","container","backgroundColor","padding","variant","color","title","item","formatNumberToLocalString","imageSrc","size","create","justifyContent","borderRadius","xxs","marginBottom","xs","flexDirection","alignItems","s","marginTop","height","width","full"],"sourceRoot":"../../../../../src","sources":["views/w3m-wallet-send-preview-view/components/preview-send-details.tsx"],"mappings":"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"}

package/lib/module/views/w3m-wallet-send-preview-view/components/preview-send-pill.js

@@ -0,0 +1,28 @@
+import { BorderRadius, FlexView, Text, useTheme } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export function PreviewSendPill({
+  text,
+  children
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: ['xs', 's', 'xs', 's'],
+    style: [styles.pill, {
+      backgroundColor: Theme['gray-glass-002'],
+      borderColor: Theme['gray-glass-010']
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "large-500",
+    color: "fg-100"
+  }, text), children);
+}
+const styles = StyleSheet.create({
+  pill: {
+    borderRadius: BorderRadius.full,
+    borderWidth: StyleSheet.hairlineWidth
+  }
+});
+//# sourceMappingURL=preview-send-pill.js.map

package/lib/module/views/w3m-wallet-send-preview-view/components/preview-send-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","FlexView","Text","useTheme","StyleSheet","PreviewSendPill","text","children","Theme","React","createElement","flexDirection","alignItems","justifyContent","padding","style","styles","pill","backgroundColor","borderColor","variant","color","create","borderRadius","full","borderWidth","hairlineWidth"],"sourceRoot":"../../../../../src","sources":["views/w3m-wallet-send-preview-view/components/preview-send-pill.tsx"],"mappings":"AAAA,SAASA,YAAY,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,+BAA+B;AACtF,SAASC,UAAU,QAAQ,cAAc;AAOzC,OAAO,SAASC,eAAeA,CAAC;EAAEC,IAAI;EAAEC;AAA+B,CAAC,EAAE;EACxE,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,oBACEM,KAAA,CAAAC,aAAA,CAACT,QAAQ;IACPU,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE;IAChCC,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;MAAEC,eAAe,EAAEV,KAAK,CAAC,gBAAgB,CAAC;MAAEW,WAAW,EAAEX,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAClF,gBAEFC,KAAA,CAAAC,aAAA,CAACR,IAAI;IAACkB,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrCf,IACG,CAAC,EACNC,QACO,CAAC;AAEf;AAEA,MAAMS,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,YAAY,EAAEvB,YAAY,CAACwB,IAAI;IAC/BC,WAAW,EAAErB,UAAU,CAACsB;EAC1B;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,135 @@
+import { useSnapshot } from 'valtio';
+import { ScrollView } from 'react-native';
+import { Avatar, Button, FlexView, Icon, Image, Text, UiUtil } from '@reown/appkit-ui-react-native';
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { NetworkController, RouterController, SendController } from '@reown/appkit-core-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { PreviewSendPill } from './components/preview-send-pill';
+import styles from './styles';
+import { PreviewSendDetails } from './components/preview-send-details';
+export function WalletSendPreviewView() {
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    caipNetwork
+  } = useSnapshot(NetworkController.state);
+  const {
+    token,
+    receiverAddress,
+    receiverProfileName,
+    receiverProfileImageUrl,
+    gasPriceInUSD,
+    loading
+  } = useSnapshot(SendController.state);
+  const getSendValue = () => {
+    if (SendController.state.token && SendController.state.sendTokenAmount) {
+      const price = SendController.state.token.price;
+      const totalValue = price * SendController.state.sendTokenAmount;
+      return totalValue.toFixed(2);
+    }
+    return null;
+  };
+  const getTokenAmount = () => {
+    const value = SendController.state.sendTokenAmount ? NumberUtil.roundNumber(SendController.state.sendTokenAmount, 6, 5) : 'unknown';
+    return `${value} ${SendController.state.token?.symbol}`;
+  };
+  const formattedAddress = receiverProfileName ? UiUtil.getTruncateString({
+    string: receiverProfileName,
+    charsStart: 20,
+    charsEnd: 0,
+    truncate: 'end'
+  }) : UiUtil.getTruncateString({
+    string: receiverAddress || '',
+    charsStart: 4,
+    charsEnd: 4,
+    truncate: 'middle'
+  });
+  const onSend = () => {
+    SendController.sendToken();
+  };
+  const onCancel = () => {
+    RouterController.goBack();
+    SendController.setLoading(false);
+  };
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    }
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    padding: ['l', 'xl', '3xl', 'xl']
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    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"
+  }, "$", getSendValue())), /*#__PURE__*/React.createElement(PreviewSendPill, {
+    text: getTokenAmount()
+  }, token?.iconUrl ? /*#__PURE__*/React.createElement(Image, {
+    source: token?.iconUrl,
+    style: styles.tokenLogo
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    name: "coinPlaceholder",
+    height: 32,
+    width: 32,
+    style: styles.tokenLogo,
+    color: "fg-200"
+  }))), /*#__PURE__*/React.createElement(Icon, {
+    name: "arrowBottom",
+    height: 14,
+    width: 14,
+    color: "fg-200",
+    style: styles.arrow
+  }), /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "To"), /*#__PURE__*/React.createElement(PreviewSendPill, {
+    text: formattedAddress
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    address: receiverAddress,
+    imageSrc: receiverProfileImageUrl,
+    size: 32,
+    borderWidth: 0,
+    style: styles.avatar
+  }))), /*#__PURE__*/React.createElement(PreviewSendDetails, {
+    style: styles.details,
+    networkFee: gasPriceInUSD,
+    address: receiverAddress,
+    name: receiverProfileName,
+    caipNetwork: caipNetwork
+  }), /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__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",
+    margin: ['l', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "shade",
+    style: styles.cancelButton,
+    onPress: onCancel
+  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+    variant: "fill",
+    style: styles.sendButton,
+    onPress: onSend,
+    loading: loading
+  }, "Send"))));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ScrollView","Avatar","Button","FlexView","Icon","Image","Text","UiUtil","NumberUtil","NetworkController","RouterController","SendController","useCustomDimensions","PreviewSendPill","styles","PreviewSendDetails","WalletSendPreviewView","padding","caipNetwork","state","token","receiverAddress","receiverProfileName","receiverProfileImageUrl","gasPriceInUSD","loading","getSendValue","sendTokenAmount","price","totalValue","toFixed","getTokenAmount","value","roundNumber","symbol","formattedAddress","getTruncateString","string","charsStart","charsEnd","truncate","onSend","sendToken","onCancel","goBack","setLoading","React","createElement","style","paddingHorizontal","flexDirection","alignItems","justifyContent","variant","color","text","iconUrl","source","tokenLogo","name","height","width","arrow","address","imageSrc","size","borderWidth","avatar","details","networkFee","reviewIcon","margin","cancelButton","onPress","sendButton"],"sourceRoot":"../../../../src","sources":["views/w3m-wallet-send-preview-view/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  tokenLogo: {
+    height: 32,
+    width: 32,
+    borderRadius: BorderRadius.full,
+    marginLeft: Spacing.xs
+  },
+  arrow: {
+    marginVertical: Spacing.xs
+  },
+  avatar: {
+    marginLeft: Spacing.xs
+  },
+  details: {
+    marginTop: Spacing['2xl'],
+    marginBottom: Spacing.s
+  },
+  reviewIcon: {
+    marginRight: Spacing['3xs']
+  },
+  cancelButton: {
+    flex: 1
+  },
+  sendButton: {
+    marginLeft: Spacing.s,
+    flex: 3
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","container","justifyContent","alignItems","tokenLogo","height","width","borderRadius","full","marginLeft","xs","arrow","marginVertical","avatar","details","marginTop","marginBottom","s","reviewIcon","marginRight","cancelButton","flex","sendButton"],"sourceRoot":"../../../../src","sources":["views/w3m-wallet-send-preview-view/styles.ts"],"mappings":"AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEV,YAAY,CAACW,IAAI;IAC/BC,UAAU,EAAEX,OAAO,CAACY;EACtB,CAAC;EACDC,KAAK,EAAE;IACLC,cAAc,EAAEd,OAAO,CAACY;EAC1B,CAAC;EACDG,MAAM,EAAE;IACNJ,UAAU,EAAEX,OAAO,CAACY;EACtB,CAAC;EACDI,OAAO,EAAE;IACPC,SAAS,EAAEjB,OAAO,CAAC,KAAK,CAAC;IACzBkB,YAAY,EAAElB,OAAO,CAACmB;EACxB,CAAC;EACDC,UAAU,EAAE;IACVC,WAAW,EAAErB,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDsB,YAAY,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVb,UAAU,EAAEX,OAAO,CAACmB,CAAC;IACrBI,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-wallet-send-select-token-view/index.js

@@ -0,0 +1,72 @@
+import { useState } from 'react';
+import { useSnapshot } from 'valtio';
+import { ScrollView } from 'react-native';
+import { FlexView, InputText, ListToken, Text } from '@reown/appkit-ui-react-native';
+import { AccountController, AssetUtil, ConnectionsController, RouterController, SendController } from '@reown/appkit-core-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { Placeholder } from '../../partials/w3m-placeholder';
+import styles from './styles';
+export function WalletSendSelectTokenView() {
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    tokenBalance
+  } = useSnapshot(AccountController.state);
+  const {
+    activeNetwork
+  } = useSnapshot(ConnectionsController.state);
+  const {
+    token
+  } = useSnapshot(SendController.state);
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork?.id);
+  const [tokenSearch, setTokenSearch] = useState('');
+  const [filteredTokens, setFilteredTokens] = useState(tokenBalance ?? []);
+  const onSearchChange = value => {
+    setTokenSearch(value);
+    const filtered = AccountController.state.tokenBalance?.filter(_token => _token.name.toLowerCase().includes(value.toLowerCase()));
+    setFilteredTokens(filtered ?? []);
+  };
+  const onTokenPress = _token => {
+    SendController.setToken(_token);
+    SendController.setTokenAmount(undefined);
+    RouterController.goBack();
+  };
+  return /*#__PURE__*/React.createElement(FlexView, {
+    margin: ['l', '0', '2xl', '0'],
+    style: [styles.container, {
+      paddingHorizontal: padding
+    }]
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    margin: ['0', 'm', 'm', 'm']
+  }, /*#__PURE__*/React.createElement(InputText, {
+    value: tokenSearch,
+    icon: "search",
+    placeholder: "Search token",
+    onChangeText: onSearchChange,
+    clearButtonMode: "while-editing"
+  })), /*#__PURE__*/React.createElement(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: styles.tokenList
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-500",
+    color: "fg-200",
+    style: styles.title
+  }, "Your tokens"), filteredTokens.length ? filteredTokens.map((_token, index) => /*#__PURE__*/React.createElement(ListToken, {
+    key: `${_token.name}${index}`,
+    name: _token.name,
+    imageSrc: _token.iconUrl,
+    networkSrc: networkImage,
+    value: _token.value,
+    amount: _token.quantity.numeric,
+    currency: _token.symbol,
+    onPress: () => onTokenPress(_token),
+    disabled: _token.address === token?.address
+  })) : /*#__PURE__*/React.createElement(Placeholder, {
+    icon: "coinPlaceholder",
+    title: "No tokens found",
+    description: "Your tokens will appear here"
+  })));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-wallet-send-select-token-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useSnapshot","ScrollView","FlexView","InputText","ListToken","Text","AccountController","AssetUtil","ConnectionsController","RouterController","SendController","useCustomDimensions","Placeholder","styles","WalletSendSelectTokenView","padding","tokenBalance","state","activeNetwork","token","networkImage","getNetworkImage","id","tokenSearch","setTokenSearch","filteredTokens","setFilteredTokens","onSearchChange","value","filtered","filter","_token","name","toLowerCase","includes","onTokenPress","setToken","setTokenAmount","undefined","goBack","React","createElement","margin","style","container","paddingHorizontal","icon","placeholder","onChangeText","clearButtonMode","bounces","fadingEdgeLength","contentContainerStyle","tokenList","variant","color","title","length","map","index","key","imageSrc","iconUrl","networkSrc","amount","quantity","numeric","currency","symbol","onPress","disabled","address","description"],"sourceRoot":"../../../../src","sources":["views/w3m-wallet-send-select-token-view/index.tsx"],"mappings":"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"}

package/lib/module/views/w3m-wallet-send-select-token-view/styles.js

@@ -0,0 +1,15 @@
+import { StyleSheet } from 'react-native';
+import { Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  container: {
+    minHeight: 250,
+    maxHeight: 600
+  },
+  title: {
+    marginBottom: Spacing.xs
+  },
+  tokenList: {
+    paddingHorizontal: Spacing.m
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-wallet-send-select-token-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","container","minHeight","maxHeight","title","marginBottom","xs","tokenList","paddingHorizontal","m"],"sourceRoot":"../../../../src","sources":["views/w3m-wallet-send-select-token-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAEN,OAAO,CAACO;EACxB,CAAC;EACDC,SAAS,EAAE;IACTC,iBAAiB,EAAET,OAAO,CAACU;EAC7B;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-wallet-send-view/index.js

@@ -0,0 +1,118 @@
+import { useCallback, useEffect } from 'react';
+import { Platform, ScrollView } from 'react-native';
+import { useSnapshot } from 'valtio';
+import { AccountController, CoreHelperUtil, RouterController, SendController, SwapController } from '@reown/appkit-core-react-native';
+import { Button, FlexView, IconBox, Spacing } from '@reown/appkit-ui-react-native';
+import { SendInputToken } from '../../partials/w3m-send-input-token';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { useKeyboard } from '../../hooks/useKeyboard';
+import { SendInputAddress } from '../../partials/w3m-send-input-address';
+import styles from './styles';
+export function WalletSendView() {
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    keyboardShown,
+    keyboardHeight
+  } = useKeyboard();
+  const {
+    token,
+    sendTokenAmount,
+    receiverAddress,
+    receiverProfileName,
+    loading,
+    gasPrice
+  } = useSnapshot(SendController.state);
+  const {
+    tokenBalance
+  } = useSnapshot(AccountController.state);
+  const paddingBottom = Platform.select({
+    android: keyboardShown ? keyboardHeight + Spacing['2xl'] : Spacing['2xl'],
+    default: Spacing['2xl']
+  });
+  const fetchNetworkPrice = useCallback(async () => {
+    await SwapController.getNetworkTokenPrice();
+    const gas = await SwapController.getInitialGasPrice();
+    if (gas?.gasPrice && gas?.gasPriceInUSD) {
+      SendController.setGasPrice(gas.gasPrice);
+      SendController.setGasPriceInUsd(gas.gasPriceInUSD);
+    }
+  }, []);
+  const onSendPress = () => {
+    RouterController.push('WalletSendPreview');
+  };
+  const getActionText = () => {
+    if (!SendController.state.token) {
+      return 'Select token';
+    }
+    if (SendController.state.sendTokenAmount && SendController.state.token && SendController.state.sendTokenAmount > Number(SendController.state.token.quantity.numeric)) {
+      return 'Insufficient funds';
+    }
+    if (!SendController.state.sendTokenAmount) {
+      return 'Add amount';
+    }
+    if (SendController.state.sendTokenAmount && SendController.state.token?.price) {
+      const value = SendController.state.sendTokenAmount * SendController.state.token.price;
+      if (!value) {
+        return 'Incorrect value';
+      }
+    }
+    if (SendController.state.receiverAddress && !CoreHelperUtil.isAddress(SendController.state.receiverAddress)) {
+      return 'Invalid address';
+    }
+    if (!SendController.state.receiverAddress) {
+      return 'Add address';
+    }
+    return 'Preview send';
+  };
+  useEffect(() => {
+    if (!token) {
+      SendController.setToken(tokenBalance?.[0]);
+    }
+    fetchNetworkPrice();
+  }, [token, tokenBalance, fetchNetworkPrice]);
+  const actionText = getActionText();
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    keyboardShouldPersistTaps: "always"
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    padding: "l",
+    alignItems: "center",
+    justifyContent: "center",
+    style: {
+      paddingBottom
+    }
+  }, /*#__PURE__*/React.createElement(SendInputToken, {
+    token: token,
+    sendTokenAmount: sendTokenAmount,
+    gasPrice: Number(gasPrice),
+    style: styles.tokenInput,
+    onTokenPress: () => RouterController.push('WalletSendSelectToken')
+  }), /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: styles.addressContainer
+  }, /*#__PURE__*/React.createElement(SendInputAddress, {
+    value: receiverProfileName || receiverAddress
+  }), /*#__PURE__*/React.createElement(IconBox, {
+    icon: "arrowBottom",
+    size: "lg",
+    iconColor: "fg-275",
+    background: true,
+    backgroundColor: "bg-175",
+    border: true,
+    borderColor: "bg-100",
+    borderSize: 10,
+    style: styles.arrowIcon
+  })), /*#__PURE__*/React.createElement(Button, {
+    style: styles.sendButton,
+    onPress: onSendPress,
+    disabled: !actionText.includes('Preview send'),
+    loading: loading
+  }, actionText)));
+}
+//# sourceMappingURL=index.js.map