@reown/appkit-react-native 0.0.0-chore-bump-builder-20250728194329

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

@@ -0,0 +1,157 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { useEffect } from 'react';
+import { Platform, 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 { 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,
+    sourceTokenPriceInUSD,
+    toToken,
+    toTokenAmount,
+    toTokenPriceInUSD,
+    loadingQuote,
+    loadingBuildTransaction,
+    loadingTransaction,
+    loadingApprovalTransaction
+  } = 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 = () => {
+    if (SwapController.state.approvalTransaction) {
+      SwapController.sendTransactionForApproval(SwapController.state.approvalTransaction);
+    } else {
+      SwapController.sendTransactionForSwap(SwapController.state.swapTransaction);
+    }
+  };
+  useEffect(() => {
+    function refreshTransaction() {
+      if (!SwapController.state.loadingApprovalTransaction) {
+        SwapController.getTransaction();
+      }
+    }
+    SwapController.getTransaction();
+    const interval = setInterval(refreshTransaction, 10000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    keyboardShouldPersistTaps: "always",
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      padding: "l",
+      justifyContent: "center",
+      style: {
+        paddingBottom
+      },
+      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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useEffect","Platform","ScrollView","NumberUtil","RouterController","SwapController","Button","FlexView","Icon","Spacing","Text","TokenButton","UiUtil","SwapDetails","useCustomDimensions","useKeyboard","styles","jsx","_jsx","jsxs","_jsxs","SwapPreviewView","padding","keyboardShown","keyboardHeight","sourceToken","sourceTokenAmount","sourceTokenPriceInUSD","toToken","toTokenAmount","toTokenPriceInUSD","loadingQuote","loadingBuildTransaction","loadingTransaction","loadingApprovalTransaction","state","sourceTokenMarketValue","parseLocalStringToNumber","toTokenMarketValue","paddingBottom","select","android","default","loading","onCancel","clearTransactionLoaders","goBack","onSwap","approvalTransaction","sendTransactionForApproval","sendTransactionForSwap","swapTransaction","refreshTransaction","getTransaction","interval","setInterval","clearInterval","style","paddingHorizontal","bounces","keyboardShouldPersistTaps","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

@@ -0,0 +1,20 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  swapIcon: {
+    marginVertical: Spacing.xs
+  },
+  reviewIcon: {
+    marginRight: Spacing['3xs']
+  },
+  cancelButton: {
+    flex: 1
+  },
+  sendButton: {
+    marginLeft: Spacing.s,
+    flex: 3
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+"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, 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
+}) {
+  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 = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  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']
+    }],
+    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","ConnectionsController","SwapController","useCustomDimensions","Placeholder","styles","createSections","jsx","_jsx","jsxs","_jsxs","SwapSelectTokenView","onClose","type","padding","Theme","activeNetwork","state","networkImages","sourceToken","suggestedTokens","myTokensWithBalance","networkImage","id","undefined","tokenSearch","setTokenSearch","isSourceToken","filteredTokens","setFilteredTokens","suggestedList","filter","token","address","slice","onSearchChange","value","onTokenPress","setSourceToken","setToToken","sourceTokenAmount","swapTokens","style","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","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-view/components/select-token-view/styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  container: {
+    borderRadius: BorderRadius.l,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    overflow: 'hidden',
+    marginTop: 80,
+    flex: 1
+  },
+  title: {
+    paddingTop: Spacing['2xs']
+  },
+  tokenList: {
+    paddingHorizontal: Spacing.m
+  },
+  input: {
+    marginHorizontal: Spacing.xs
+  },
+  suggestedList: {
+    marginTop: Spacing.xs
+  },
+  suggestedListContent: {
+    paddingHorizontal: Spacing.s
+  },
+  suggestedToken: {
+    marginRight: Spacing.s
+  },
+  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","flex","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,EAAE;IACbC,IAAI,EAAE;EACR,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEb,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDc,SAAS,EAAE;IACTC,iBAAiB,EAAEf,OAAO,CAACgB;EAC7B,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAElB,OAAO,CAACmB;EAC5B,CAAC;EACDC,aAAa,EAAE;IACbV,SAAS,EAAEV,OAAO,CAACmB;EACrB,CAAC;EACDE,oBAAoB,EAAE;IACpBN,iBAAiB,EAAEf,OAAO,CAACsB;EAC7B,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAExB,OAAO,CAACsB;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBC,cAAc,EAAE1B,OAAO,CAACsB;EAC1B,CAAC;EACDK,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"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()));
+}
+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({
+      title: 'Your tokens',
+      data: myTokensFiltered
+    });
+  }
+  if (popularFiltered.length > 0) {
+    sections.push({
+      title: 'Popular tokens',
+      data: popularFiltered
+    });
+  }
+  return sections;
+}
+//# sourceMappingURL=utils.js.map

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":";;AAAA,SAASA,cAAc,QAAmC,iCAAiC;AAE3F,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":[]}

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

@@ -0,0 +1,211 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { useEffect, useState } from 'react';
+import { Platform, ScrollView } from 'react-native';
+import Modal from 'react-native-modal';
+import { ConnectionsController, ConstantsUtil, EventsController, RouterController, SwapController } from '@reown/appkit-core-react-native';
+import { Button, FlexView, IconLink, Spacing, useTheme } from '@reown/appkit-ui-react-native';
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { useKeyboard } from '../../hooks/useKeyboard';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function SwapView() {
+  const {
+    loadingTokens,
+    sourceToken,
+    toToken,
+    sourceTokenAmount,
+    toTokenAmount,
+    loadingPrices,
+    loadingQuote,
+    sourceTokenPriceInUSD,
+    toTokenPriceInUSD,
+    myTokensWithBalance,
+    inputError
+  } = useSnapshot(SwapController.state);
+  const Theme = useTheme();
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    keyboardShown,
+    keyboardHeight
+  } = useKeyboard();
+  const [showModal, setShowModal] = useState();
+  const showDetails = !!sourceToken && !!toToken && !inputError;
+  const onModalClose = () => {
+    setShowModal(undefined);
+  };
+  const showSwitch = myTokensWithBalance && myTokensWithBalance.findIndex(token => token.address === SwapController.state.toToken?.address) >= 0;
+  const paddingBottom = Platform.select({
+    android: keyboardShown ? keyboardHeight + Spacing['2xl'] : Spacing['2xl'],
+    default: Spacing['2xl']
+  });
+  const getActionButtonState = () => {
+    if (!SwapController.state.sourceToken || !SwapController.state.toToken) {
+      return {
+        text: 'Select token',
+        disabled: true
+      };
+    }
+    if (!SwapController.state.sourceTokenAmount || !SwapController.state.toTokenAmount) {
+      return {
+        text: 'Enter amount',
+        disabled: true
+      };
+    }
+    if (SwapController.state.inputError) {
+      return {
+        text: SwapController.state.inputError,
+        disabled: true
+      };
+    }
+    return {
+      text: 'Review swap',
+      disabled: false
+    };
+  };
+  const actionState = getActionButtonState();
+  const actionLoading = loadingTokens || loadingPrices || loadingQuote;
+  const {
+    debouncedCallback: onDebouncedSwap
+  } = useDebounceCallback({
+    callback: SwapController.swapTokens.bind(SwapController),
+    delay: 400
+  });
+  const onSourceTokenChange = value => {
+    SwapController.setSourceTokenAmount(value);
+    onDebouncedSwap();
+  };
+  const onToTokenChange = value => {
+    SwapController.setToTokenAmount(value);
+    onDebouncedSwap();
+  };
+  const onReviewPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'INITIATE_SWAP',
+      properties: {
+        network: ConnectionsController.state.activeNetwork?.caipNetworkId || '',
+        swapFromToken: SwapController.state.sourceToken?.symbol || '',
+        swapToToken: SwapController.state.toToken?.symbol || '',
+        swapFromAmount: SwapController.state.sourceTokenAmount || '',
+        swapToAmount: SwapController.state.toTokenAmount || '',
+        isSmartAccount: ConnectionsController.state.accountType === 'smartAccount'
+      }
+    });
+    RouterController.push('SwapPreview');
+  };
+  const onSourceMaxPress = () => {
+    const {
+      activeNamespace,
+      activeCaipNetworkId
+    } = ConnectionsController.state;
+    const networkTokenAddress = activeNamespace ? `${activeCaipNetworkId}:${ConstantsUtil.NATIVE_TOKEN_ADDRESS[activeNamespace]}` : undefined;
+    const isNetworkToken = SwapController.state.sourceToken?.address === networkTokenAddress;
+    const _gasPriceInUSD = SwapController.state.gasPriceInUSD;
+    const _sourceTokenPriceInUSD = SwapController.state.sourceTokenPriceInUSD;
+    const _balance = SwapController.state.sourceToken?.quantity.numeric;
+    if (_balance) {
+      if (!_gasPriceInUSD) {
+        return SwapController.setSourceTokenAmount(_balance);
+      }
+      const amountOfTokenGasRequires = NumberUtil.bigNumber(_gasPriceInUSD.toFixed(5)).dividedBy(_sourceTokenPriceInUSD);
+      const maxValue = isNetworkToken ? NumberUtil.bigNumber(_balance).minus(amountOfTokenGasRequires) : NumberUtil.bigNumber(_balance);
+      SwapController.setSourceTokenAmount(maxValue.isGreaterThan(0) ? maxValue.toFixed(20) : '0');
+      SwapController.swapTokens();
+    }
+  };
+  const onSwitchPress = () => {
+    SwapController.switchTokens();
+  };
+  useEffect(() => {
+    SwapController.fetchTokens();
+    function watchTokens() {
+      SwapController.getNetworkTokenPrice();
+      SwapController.getMyTokensWithBalance();
+      SwapController.swapTokens();
+    }
+    const interval = setInterval(watchTokens, 10000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ScrollView, {
+      style: {
+        paddingHorizontal: padding
+      },
+      bounces: false,
+      keyboardShouldPersistTaps: "always",
+      children: /*#__PURE__*/_jsxs(FlexView, {
+        padding: "l",
+        alignItems: "center",
+        justifyContent: "center",
+        style: {
+          paddingBottom
+        },
+        children: [/*#__PURE__*/_jsx(SwapInput, {
+          token: sourceToken,
+          value: sourceTokenAmount,
+          marketValue: parseFloat(sourceTokenAmount) * sourceTokenPriceInUSD,
+          style: styles.tokenInput,
+          loading: loadingTokens,
+          onChange: onSourceTokenChange,
+          onTokenPress: () => setShowModal('sourceToken'),
+          onMaxPress: onSourceMaxPress
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          style: styles.bottomInputContainer,
+          children: [/*#__PURE__*/_jsx(SwapInput, {
+            token: toToken,
+            value: toTokenAmount,
+            marketValue: NumberUtil.parseLocalStringToNumber(toTokenAmount) * toTokenPriceInUSD,
+            style: styles.tokenInput,
+            loading: loadingTokens,
+            loadingValues: actionLoading,
+            onChange: onToTokenChange,
+            onTokenPress: () => setShowModal('toToken'),
+            editable: false
+          }), showSwitch && /*#__PURE__*/_jsx(IconLink, {
+            icon: "recycleHorizontal",
+            size: "lg",
+            iconColor: "fg-275",
+            background: true,
+            backgroundColor: "bg-175",
+            pressedColor: "bg-250",
+            style: [styles.arrowIcon, {
+              borderColor: Theme['bg-100']
+            }],
+            onPress: onSwitchPress
+          })]
+        }), showDetails && /*#__PURE__*/_jsx(SwapDetails, {}), /*#__PURE__*/_jsx(Button, {
+          style: styles.actionButton,
+          loading: actionLoading,
+          disabled: actionState.disabled || actionLoading,
+          onPress: onReviewPress,
+          children: actionState.text
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: !!showModal,
+      useNativeDriver: true,
+      useNativeDriverForBackdrop: true,
+      onBackdropPress: onModalClose,
+      onDismiss: onModalClose,
+      style: styles.modal,
+      children: /*#__PURE__*/_jsx(SwapSelectTokenView, {
+        onClose: onModalClose,
+        type: showModal
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map