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

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

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwapPreviewView = SwapPreviewView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _w3mSwapDetails = require("../../partials/w3m-swap-details");
+var _useCustomDimensions = require("../../hooks/useCustomDimensions");
+var _useKeyboard = require("../../hooks/useKeyboard");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SwapPreviewView() {
+  const {
+    padding
+  } = (0, _useCustomDimensions.useCustomDimensions)();
+  const {
+    keyboardShown,
+    keyboardHeight
+  } = (0, _useKeyboard.useKeyboard)();
+  const {
+    sourceToken,
+    sourceTokenAmount,
+    sourceTokenPriceInUSD,
+    toToken,
+    toTokenAmount,
+    toTokenPriceInUSD,
+    loadingQuote,
+    loadingBuildTransaction,
+    loadingTransaction,
+    loadingApprovalTransaction
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.SwapController.state);
+  const sourceTokenMarketValue = _appkitCommonReactNative.NumberUtil.parseLocalStringToNumber(sourceTokenAmount) * sourceTokenPriceInUSD;
+  const toTokenMarketValue = _appkitCommonReactNative.NumberUtil.parseLocalStringToNumber(toTokenAmount) * toTokenPriceInUSD;
+  const paddingBottom = _reactNative.Platform.select({
+    android: keyboardShown ? keyboardHeight + _appkitUiReactNative.Spacing['2xl'] : _appkitUiReactNative.Spacing['2xl'],
+    default: _appkitUiReactNative.Spacing['2xl']
+  });
+  const loading = loadingQuote || loadingBuildTransaction || loadingTransaction || loadingApprovalTransaction;
+  const onCancel = () => {
+    _appkitCoreReactNative.RouterController.goBack();
+  };
+  const onSwap = () => {
+    if (_appkitCoreReactNative.SwapController.state.approvalTransaction) {
+      _appkitCoreReactNative.SwapController.sendTransactionForApproval(_appkitCoreReactNative.SwapController.state.approvalTransaction);
+    } else {
+      _appkitCoreReactNative.SwapController.sendTransactionForSwap(_appkitCoreReactNative.SwapController.state.swapTransaction);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    function refreshTransaction() {
+      if (!_appkitCoreReactNative.SwapController.state.loadingApprovalTransaction) {
+        _appkitCoreReactNative.SwapController.getTransaction();
+      }
+    }
+    _appkitCoreReactNative.SwapController.getTransaction();
+    const interval = setInterval(refreshTransaction, 10000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    keyboardShouldPersistTaps: "always"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    padding: "l",
+    justifyContent: "center",
+    style: {
+      paddingBottom
+    }
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "Send"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-100"
+  }, "$", _appkitUiReactNative.UiUtil.formatNumberToLocalString(sourceTokenMarketValue, 2))), /*#__PURE__*/React.createElement(_appkitUiReactNative.TokenButton, {
+    text: ` ${sourceTokenAmount} ${sourceToken?.symbol}`,
+    imageUrl: sourceToken?.logoUri,
+    inverse: true,
+    disabled: true
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
+    name: "recycleHorizontal",
+    size: "md",
+    color: "fg-200",
+    style: _styles.default.swapIcon
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    margin: ['0', '0', 'xl', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "Receive"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-100"
+  }, "$", _appkitUiReactNative.UiUtil.formatNumberToLocalString(toTokenMarketValue, 2))), /*#__PURE__*/React.createElement(_appkitUiReactNative.TokenButton, {
+    text: ` ${toTokenAmount} ${toToken?.symbol}`,
+    imageUrl: toToken?.logoUri,
+    inverse: true,
+    disabled: true
+  })), /*#__PURE__*/React.createElement(_w3mSwapDetails.SwapDetails, {
+    initialOpen: true,
+    canClose: false
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: ['m', '0', 'm', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
+    name: "warningCircle",
+    size: "sm",
+    color: "fg-200",
+    style: _styles.default.reviewIcon
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-200"
+  }, "Review transaction carefully")), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
+    variant: "shade",
+    style: _styles.default.cancelButton,
+    onPress: onCancel
+  }, "Cancel"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
+    variant: "fill",
+    style: _styles.default.sendButton,
+    loading: loading,
+    disabled: loading,
+    onPress: onSwap
+  }, "Swap"))));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  swapIcon: {
+    marginVertical: _appkitUiReactNative.Spacing.xs
+  },
+  reviewIcon: {
+    marginRight: _appkitUiReactNative.Spacing['3xs']
+  },
+  cancelButton: {
+    flex: 1
+  },
+  sendButton: {
+    marginLeft: _appkitUiReactNative.Spacing.s,
+    flex: 3
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","swapIcon","marginVertical","Spacing","xs","reviewIcon","marginRight","cancelButton","flex","sendButton","marginLeft","s"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-preview-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,cAAc,EAAEC,4BAAO,CAACC;EAC1B,CAAC;EACDC,UAAU,EAAE;IACVC,WAAW,EAAEH,4BAAO,CAAC,KAAK;EAC5B,CAAC;EACDI,YAAY,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAEP,4BAAO,CAACQ,CAAC;IACrBH,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwapSelectTokenView = SwapSelectTokenView;
+var _react = require("react");
+var _valtio = require("valtio");
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _useCustomDimensions = require("../../hooks/useCustomDimensions");
+var _w3mPlaceholder = require("../../partials/w3m-placeholder");
+var _styles = _interopRequireDefault(require("./styles"));
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SwapSelectTokenView() {
+  const {
+    padding
+  } = (0, _useCustomDimensions.useCustomDimensions)();
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    activeNetwork
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const {
+    sourceToken,
+    suggestedTokens
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.SwapController.state);
+  const networkImage = _appkitCoreReactNative.AssetUtil.getNetworkImage(activeNetwork?.id);
+  const [tokenSearch, setTokenSearch] = (0, _react.useState)('');
+  const isSourceToken = _appkitCoreReactNative.RouterController.state.data?.swapTarget === 'sourceToken';
+  const [filteredTokens, setFilteredTokens] = (0, _react.useState)((0, _utils.createSections)(isSourceToken, tokenSearch));
+  const suggestedList = suggestedTokens?.filter(token => token.address !== _appkitCoreReactNative.SwapController.state.sourceToken?.address).slice(0, 8);
+  const onSearchChange = value => {
+    setTokenSearch(value);
+    setFilteredTokens((0, _utils.createSections)(isSourceToken, value));
+  };
+  const onTokenPress = token => {
+    if (isSourceToken) {
+      _appkitCoreReactNative.SwapController.setSourceToken(token);
+    } else {
+      _appkitCoreReactNative.SwapController.setToToken(token);
+      if (_appkitCoreReactNative.SwapController.state.sourceToken && _appkitCoreReactNative.SwapController.state.sourceTokenAmount) {
+        _appkitCoreReactNative.SwapController.swapTokens();
+      }
+    }
+    _appkitCoreReactNative.RouterController.goBack();
+  };
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    margin: ['l', '0', '2xl', '0'],
+    style: [_styles.default.container, {
+      paddingHorizontal: padding
+    }]
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.InputText, {
+    value: tokenSearch,
+    icon: "search",
+    placeholder: "Search token",
+    onChangeText: onSearchChange,
+    clearButtonMode: "while-editing",
+    style: _styles.default.input
+  }), !isSourceToken && /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    bounces: false,
+    fadingEdgeLength: 20,
+    style: _styles.default.suggestedList,
+    contentContainerStyle: _styles.default.suggestedListContent
+  }, suggestedList?.map((token, index) => /*#__PURE__*/React.createElement(_appkitUiReactNative.TokenButton, {
+    key: token.name,
+    text: token.symbol,
+    imageUrl: token.logoUri,
+    onPress: () => onTokenPress(token),
+    style: index !== suggestedList.length - 1 ? _styles.default.suggestedToken : undefined
+  })))), /*#__PURE__*/React.createElement(_appkitUiReactNative.Separator, {
+    style: _styles.default.suggestedSeparator,
+    color: "gray-glass-020"
+  }), /*#__PURE__*/React.createElement(_reactNative.SectionList, {
+    sections: filteredTokens,
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: _styles.default.tokenList,
+    renderSectionHeader: ({
+      section: {
+        title
+      }
+    }) => /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+      variant: "paragraph-500",
+      color: "fg-200",
+      style: [{
+        backgroundColor: Theme['bg-100']
+      }, _styles.default.title]
+    }, title),
+    ListEmptyComponent: /*#__PURE__*/React.createElement(_w3mPlaceholder.Placeholder, {
+      icon: "coinPlaceholder",
+      title: "No tokens found",
+      description: "Your tokens will appear here"
+    }),
+    getItemLayout: (_, index) => ({
+      length: _appkitUiReactNative.ListTokenTotalHeight,
+      offset: _appkitUiReactNative.ListTokenTotalHeight * index,
+      index
+    }),
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/React.createElement(_appkitUiReactNative.ListToken, {
+      key: item.name,
+      name: item.name,
+      imageSrc: item.logoUri,
+      networkSrc: networkImage,
+      value: item.value,
+      amount: item.quantity.numeric,
+      currency: item.symbol,
+      onPress: () => onTokenPress(item),
+      disabled: item.address === sourceToken?.address
+    })
+  }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_valtio","_reactNative","_appkitUiReactNative","_appkitCoreReactNative","_useCustomDimensions","_w3mPlaceholder","_styles","_interopRequireDefault","_utils","e","__esModule","default","SwapSelectTokenView","padding","useCustomDimensions","Theme","useTheme","activeNetwork","useSnapshot","ConnectionsController","state","sourceToken","suggestedTokens","SwapController","networkImage","AssetUtil","getNetworkImage","id","tokenSearch","setTokenSearch","useState","isSourceToken","RouterController","data","swapTarget","filteredTokens","setFilteredTokens","createSections","suggestedList","filter","token","address","slice","onSearchChange","value","onTokenPress","setSourceToken","setToToken","sourceTokenAmount","swapTokens","goBack","React","createElement","FlexView","margin","style","styles","container","paddingHorizontal","InputText","icon","placeholder","onChangeText","clearButtonMode","input","ScrollView","horizontal","showsHorizontalScrollIndicator","bounces","fadingEdgeLength","contentContainerStyle","suggestedListContent","map","index","TokenButton","key","name","text","symbol","imageUrl","logoUri","onPress","length","suggestedToken","undefined","Separator","suggestedSeparator","color","SectionList","sections","tokenList","renderSectionHeader","section","title","Text","variant","backgroundColor","ListEmptyComponent","Placeholder","description","getItemLayout","_","ListTokenTotalHeight","offset","renderItem","item","ListToken","imageSrc","networkSrc","amount","quantity","numeric","currency","disabled"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-select-token-view/index.tsx"],"mappings":"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"}

package/lib/commonjs/views/w3m-swap-select-token-view/styles.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    minHeight: 250,
+    maxHeight: 600
+  },
+  title: {
+    paddingTop: _appkitUiReactNative.Spacing['2xs']
+  },
+  tokenList: {
+    paddingHorizontal: _appkitUiReactNative.Spacing.m
+  },
+  input: {
+    marginHorizontal: _appkitUiReactNative.Spacing.xs
+  },
+  suggestedList: {
+    marginTop: _appkitUiReactNative.Spacing.xs
+  },
+  suggestedListContent: {
+    paddingHorizontal: _appkitUiReactNative.Spacing.s
+  },
+  suggestedToken: {
+    marginRight: _appkitUiReactNative.Spacing.s
+  },
+  suggestedSeparator: {
+    marginVertical: _appkitUiReactNative.Spacing.s
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","container","minHeight","maxHeight","title","paddingTop","Spacing","tokenList","paddingHorizontal","m","input","marginHorizontal","xs","suggestedList","marginTop","suggestedListContent","s","suggestedToken","marginRight","suggestedSeparator","marginVertical"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-select-token-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEC,4BAAO,CAAC,KAAK;EAC3B,CAAC;EACDC,SAAS,EAAE;IACTC,iBAAiB,EAAEF,4BAAO,CAACG;EAC7B,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAEL,4BAAO,CAACM;EAC5B,CAAC;EACDC,aAAa,EAAE;IACbC,SAAS,EAAER,4BAAO,CAACM;EACrB,CAAC;EACDG,oBAAoB,EAAE;IACpBP,iBAAiB,EAAEF,4BAAO,CAACU;EAC7B,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAEZ,4BAAO,CAACU;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBC,cAAc,EAAEd,4BAAO,CAACU;EAC1B;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSections = createSections;
+exports.filterTokens = filterTokens;
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+function filterTokens(tokens, searchValue) {
+  if (!searchValue) {
+    return tokens;
+  }
+  return tokens.filter(token => token.name.toLowerCase().includes(searchValue.toLowerCase()) || token.symbol.toLowerCase().includes(searchValue.toLowerCase()));
+}
+function createSections(isSourceToken, searchValue) {
+  const myTokensFiltered = filterTokens(_appkitCoreReactNative.SwapController.state.myTokensWithBalance ?? [], searchValue);
+  const popularFiltered = isSourceToken ? [] : filterTokens(_appkitCoreReactNative.SwapController.getFilteredPopularTokens() ?? [], 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/commonjs/views/w3m-swap-select-token-view/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitCoreReactNative","require","filterTokens","tokens","searchValue","filter","token","name","toLowerCase","includes","symbol","createSections","isSourceToken","myTokensFiltered","SwapController","state","myTokensWithBalance","popularFiltered","getFilteredPopularTokens","sections","length","push","title","data"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-select-token-view/utils.ts"],"mappings":";;;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEO,SAASC,YAAYA,CAACC,MAA8B,EAAEC,WAAoB,EAAE;EACjF,IAAI,CAACA,WAAW,EAAE;IAChB,OAAOD,MAAM;EACf;EAEA,OAAOA,MAAM,CAACE,MAAM,CAClBC,KAAK,IACHA,KAAK,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CAAC,IAC5DF,KAAK,CAACI,MAAM,CAACF,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CACjE,CAAC;AACH;AAEO,SAASG,cAAcA,CAACC,aAAsB,EAAER,WAAmB,EAAE;EAC1E,MAAMS,gBAAgB,GAAGX,YAAY,CACnCY,qCAAc,CAACC,KAAK,CAACC,mBAAmB,IAAI,EAAE,EAC9CZ,WACF,CAAC;EACD,MAAMa,eAAe,GAAGL,aAAa,GACjC,EAAE,GACFV,YAAY,CAACY,qCAAc,CAACI,wBAAwB,CAAC,CAAC,IAAI,EAAE,EAAEd,WAAW,CAAC;EAE9E,MAAMe,QAAQ,GAAG,EAAE;EACnB,IAAIN,gBAAgB,CAACO,MAAM,GAAG,CAAC,EAAE;IAC/BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,aAAa;MAAEC,IAAI,EAAEV;IAAiB,CAAC,CAAC;EACjE;EACA,IAAII,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"}

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

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwapView = SwapView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _useKeyboard = require("../../hooks/useKeyboard");
+var _useCustomDimensions = require("../../hooks/useCustomDimensions");
+var _w3mSwapInput = require("../../partials/w3m-swap-input");
+var _useDebounceCallback = require("../../hooks/useDebounceCallback");
+var _w3mSwapDetails = require("../../partials/w3m-swap-details");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SwapView() {
+  const {
+    initializing,
+    sourceToken,
+    toToken,
+    sourceTokenAmount,
+    toTokenAmount,
+    loadingPrices,
+    loadingQuote,
+    sourceTokenPriceInUSD,
+    toTokenPriceInUSD,
+    myTokensWithBalance,
+    inputError
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.SwapController.state);
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    padding
+  } = (0, _useCustomDimensions.useCustomDimensions)();
+  const {
+    keyboardShown,
+    keyboardHeight
+  } = (0, _useKeyboard.useKeyboard)();
+  const showDetails = !!sourceToken && !!toToken && !inputError;
+  const showSwitch = myTokensWithBalance && myTokensWithBalance.findIndex(token => token.address === _appkitCoreReactNative.SwapController.state.toToken?.address) >= 0;
+  const paddingBottom = _reactNative.Platform.select({
+    android: keyboardShown ? keyboardHeight + _appkitUiReactNative.Spacing['2xl'] : _appkitUiReactNative.Spacing['2xl'],
+    default: _appkitUiReactNative.Spacing['2xl']
+  });
+  const getActionButtonState = () => {
+    if (!_appkitCoreReactNative.SwapController.state.sourceToken || !_appkitCoreReactNative.SwapController.state.toToken) {
+      return {
+        text: 'Select token',
+        disabled: true
+      };
+    }
+    if (!_appkitCoreReactNative.SwapController.state.sourceTokenAmount || !_appkitCoreReactNative.SwapController.state.toTokenAmount) {
+      return {
+        text: 'Enter amount',
+        disabled: true
+      };
+    }
+    if (_appkitCoreReactNative.SwapController.state.inputError) {
+      return {
+        text: _appkitCoreReactNative.SwapController.state.inputError,
+        disabled: true
+      };
+    }
+    return {
+      text: 'Review swap',
+      disabled: false
+    };
+  };
+  const actionState = getActionButtonState();
+  const actionLoading = initializing || loadingPrices || loadingQuote;
+  const {
+    debouncedCallback: onDebouncedSwap
+  } = (0, _useDebounceCallback.useDebounceCallback)({
+    callback: _appkitCoreReactNative.SwapController.swapTokens.bind(_appkitCoreReactNative.SwapController),
+    delay: 400
+  });
+  const onSourceTokenChange = value => {
+    _appkitCoreReactNative.SwapController.setSourceTokenAmount(value);
+    onDebouncedSwap();
+  };
+  const onToTokenChange = value => {
+    _appkitCoreReactNative.SwapController.setToTokenAmount(value);
+    onDebouncedSwap();
+  };
+  const onSourceTokenPress = () => {
+    _appkitCoreReactNative.RouterController.push('SwapSelectToken', {
+      swapTarget: 'sourceToken'
+    });
+  };
+  const onReviewPress = () => {
+    _appkitCoreReactNative.EventsController.sendEvent({
+      type: 'track',
+      event: 'INITIATE_SWAP',
+      properties: {
+        network: _appkitCoreReactNative.NetworkController.state.caipNetwork?.id || '',
+        swapFromToken: _appkitCoreReactNative.SwapController.state.sourceToken?.symbol || '',
+        swapToToken: _appkitCoreReactNative.SwapController.state.toToken?.symbol || '',
+        swapFromAmount: _appkitCoreReactNative.SwapController.state.sourceTokenAmount || '',
+        swapToAmount: _appkitCoreReactNative.SwapController.state.toTokenAmount || '',
+        isSmartAccount: _appkitCoreReactNative.AccountController.state.preferredAccountType === 'smartAccount'
+      }
+    });
+    _appkitCoreReactNative.RouterController.push('SwapPreview');
+  };
+  const onSourceMaxPress = () => {
+    const isNetworkToken = _appkitCoreReactNative.SwapController.state.sourceToken?.address === _appkitCoreReactNative.NetworkController.getActiveNetworkTokenAddress();
+    const _gasPriceInUSD = _appkitCoreReactNative.SwapController.state.gasPriceInUSD;
+    const _sourceTokenPriceInUSD = _appkitCoreReactNative.SwapController.state.sourceTokenPriceInUSD;
+    const _balance = _appkitCoreReactNative.SwapController.state.sourceToken?.quantity.numeric;
+    if (_balance) {
+      if (!_gasPriceInUSD) {
+        return _appkitCoreReactNative.SwapController.setSourceTokenAmount(_balance);
+      }
+      const amountOfTokenGasRequires = _appkitCommonReactNative.NumberUtil.bigNumber(_gasPriceInUSD.toFixed(5)).dividedBy(_sourceTokenPriceInUSD);
+      const maxValue = isNetworkToken ? _appkitCommonReactNative.NumberUtil.bigNumber(_balance).minus(amountOfTokenGasRequires) : _appkitCommonReactNative.NumberUtil.bigNumber(_balance);
+      _appkitCoreReactNative.SwapController.setSourceTokenAmount(maxValue.isGreaterThan(0) ? maxValue.toFixed(20) : '0');
+      _appkitCoreReactNative.SwapController.swapTokens();
+    }
+  };
+  const onToTokenPress = () => {
+    _appkitCoreReactNative.RouterController.push('SwapSelectToken', {
+      swapTarget: 'toToken'
+    });
+  };
+  const onSwitchPress = () => {
+    _appkitCoreReactNative.SwapController.switchTokens();
+  };
+  const watchTokens = (0, _react.useCallback)(() => {
+    _appkitCoreReactNative.SwapController.getNetworkTokenPrice();
+    _appkitCoreReactNative.SwapController.getMyTokensWithBalance();
+    _appkitCoreReactNative.SwapController.swapTokens();
+  }, []);
+  (0, _react.useEffect)(() => {
+    _appkitCoreReactNative.SwapController.initializeState();
+    const interval = setInterval(watchTokens, 10000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [watchTokens]);
+  return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    keyboardShouldPersistTaps: "always"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    padding: "l",
+    alignItems: "center",
+    justifyContent: "center",
+    style: {
+      paddingBottom
+    }
+  }, /*#__PURE__*/React.createElement(_w3mSwapInput.SwapInput, {
+    token: sourceToken,
+    value: sourceTokenAmount,
+    marketValue: parseFloat(sourceTokenAmount) * sourceTokenPriceInUSD,
+    style: _styles.default.tokenInput,
+    loading: initializing,
+    onChange: onSourceTokenChange,
+    onTokenPress: onSourceTokenPress,
+    onMaxPress: onSourceMaxPress
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: _styles.default.bottomInputContainer
+  }, /*#__PURE__*/React.createElement(_w3mSwapInput.SwapInput, {
+    token: toToken,
+    value: toTokenAmount,
+    marketValue: _appkitCommonReactNative.NumberUtil.parseLocalStringToNumber(toTokenAmount) * toTokenPriceInUSD,
+    style: _styles.default.tokenInput,
+    loading: initializing,
+    onChange: onToTokenChange,
+    onTokenPress: onToTokenPress,
+    editable: false
+  }), showSwitch && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
+    icon: "recycleHorizontal",
+    size: "lg",
+    iconColor: "fg-275",
+    background: true,
+    backgroundColor: "bg-175",
+    pressedColor: "bg-250",
+    style: [_styles.default.arrowIcon, {
+      borderColor: Theme['bg-100']
+    }],
+    onPress: onSwitchPress
+  })), showDetails && /*#__PURE__*/React.createElement(_w3mSwapDetails.SwapDetails, null), /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
+    style: _styles.default.actionButton,
+    loading: actionLoading,
+    disabled: actionState.disabled || actionLoading,
+    onPress: onReviewPress
+  }, actionState.text)));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_valtio","require","_react","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_appkitCommonReactNative","_useKeyboard","_useCustomDimensions","_w3mSwapInput","_useDebounceCallback","_w3mSwapDetails","_styles","_interopRequireDefault","e","__esModule","default","SwapView","initializing","sourceToken","toToken","sourceTokenAmount","toTokenAmount","loadingPrices","loadingQuote","sourceTokenPriceInUSD","toTokenPriceInUSD","myTokensWithBalance","inputError","useSnapshot","SwapController","state","Theme","useTheme","padding","useCustomDimensions","keyboardShown","keyboardHeight","useKeyboard","showDetails","showSwitch","findIndex","token","address","paddingBottom","Platform","select","android","Spacing","getActionButtonState","text","disabled","actionState","actionLoading","debouncedCallback","onDebouncedSwap","useDebounceCallback","callback","swapTokens","bind","delay","onSourceTokenChange","value","setSourceTokenAmount","onToTokenChange","setToTokenAmount","onSourceTokenPress","RouterController","push","swapTarget","onReviewPress","EventsController","sendEvent","type","event","properties","network","NetworkController","caipNetwork","id","swapFromToken","symbol","swapToToken","swapFromAmount","swapToAmount","isSmartAccount","AccountController","preferredAccountType","onSourceMaxPress","isNetworkToken","getActiveNetworkTokenAddress","_gasPriceInUSD","gasPriceInUSD","_sourceTokenPriceInUSD","_balance","quantity","numeric","amountOfTokenGasRequires","NumberUtil","bigNumber","toFixed","dividedBy","maxValue","minus","isGreaterThan","onToTokenPress","onSwitchPress","switchTokens","watchTokens","useCallback","getNetworkTokenPrice","getMyTokensWithBalance","useEffect","initializeState","interval","setInterval","clearInterval","React","createElement","ScrollView","style","paddingHorizontal","bounces","keyboardShouldPersistTaps","FlexView","alignItems","justifyContent","SwapInput","marketValue","parseFloat","styles","tokenInput","loading","onChange","onTokenPress","onMaxPress","bottomInputContainer","parseLocalStringToNumber","editable","IconLink","icon","size","iconColor","background","backgroundColor","pressedColor","arrowIcon","borderColor","onPress","SwapDetails","Button","actionButton"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-view/index.tsx"],"mappings":"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"}

package/lib/commonjs/views/w3m-swap-view/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  bottomInputContainer: {
+    width: '100%'
+  },
+  arrowIcon: {
+    position: 'absolute',
+    top: -30,
+    borderRadius: _appkitUiReactNative.BorderRadius.xs,
+    borderWidth: 4,
+    height: 50,
+    width: 50
+  },
+  tokenInput: {
+    marginBottom: _appkitUiReactNative.Spacing.xs
+  },
+  actionButton: {
+    marginTop: _appkitUiReactNative.Spacing.xs,
+    width: '100%'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","bottomInputContainer","width","arrowIcon","position","top","borderRadius","BorderRadius","xs","borderWidth","height","tokenInput","marginBottom","Spacing","actionButton","marginTop"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,oBAAoB,EAAE;IACpBC,KAAK,EAAE;EACT,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC,EAAE;IACRC,YAAY,EAAEC,iCAAY,CAACC,EAAE;IAC7BC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACVR,KAAK,EAAE;EACT,CAAC;EACDS,UAAU,EAAE;IACVC,YAAY,EAAEC,4BAAO,CAACL;EACxB,CAAC;EACDM,YAAY,EAAE;IACZC,SAAS,EAAEF,4BAAO,CAACL,EAAE;IACrBN,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}