@reown/appkit-react-native 0.0.0-fix-height-calc-20250815195135 → 0.0.0-fix-ui-changes-20250828183750
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/AppKit.js +7 -5
- package/lib/commonjs/AppKit.js.map +1 -1
- package/lib/commonjs/connectors/WalletConnectConnector.js +1 -2
- package/lib/commonjs/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/commonjs/modal/w3m-modal/index.js +1 -6
- package/lib/commonjs/modal/w3m-modal/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-router/index.js +7 -1
- package/lib/commonjs/modal/w3m-router/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js +7 -97
- package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js +5 -4
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js +85 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js +7 -41
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js +8 -4
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js +7 -38
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js +2 -2
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/styles.js +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-all-wallets-view/index.js +2 -19
- package/lib/commonjs/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/index.js +1 -1
- package/lib/commonjs/views/w3m-connect-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js +160 -152
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js +155 -0
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +4 -2
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/index.js +4 -10
- package/lib/commonjs/views/w3m-swap-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/styles.js +0 -5
- package/lib/commonjs/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js +1 -2
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-view/styles.js +1 -1
- package/lib/module/AppKit.js +7 -5
- package/lib/module/AppKit.js.map +1 -1
- package/lib/module/connectors/WalletConnectConnector.js +1 -2
- package/lib/module/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/module/modal/w3m-modal/index.js +2 -7
- package/lib/module/modal/w3m-modal/index.js.map +1 -1
- package/lib/module/modal/w3m-router/index.js +7 -1
- package/lib/module/modal/w3m-router/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/components/Loading.js +8 -98
- package/lib/module/partials/w3m-all-wallets-list/components/Loading.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js +5 -4
- package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js +81 -0
- package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
- package/lib/module/partials/w3m-all-wallets-list/index.js +7 -41
- package/lib/module/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/styles.js +8 -4
- package/lib/module/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/index.js +8 -39
- package/lib/module/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/styles.js +2 -2
- package/lib/module/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/module/partials/w3m-selector-modal/styles.js +1 -1
- package/lib/module/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/module/views/w3m-all-wallets-view/index.js +3 -20
- package/lib/module/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/module/views/w3m-connect-view/index.js +1 -1
- package/lib/module/views/w3m-connect-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-checkout-view/index.js +162 -154
- package/lib/module/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js +1 -1
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js +150 -0
- package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
- package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +4 -2
- package/lib/module/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
- package/lib/module/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
- package/lib/module/views/w3m-swap-view/index.js +5 -11
- package/lib/module/views/w3m-swap-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-view/styles.js +0 -5
- package/lib/module/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js +1 -2
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-view/styles.js +1 -1
- package/lib/typescript/AppKit.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-modal/index.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-router/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts +2 -4
- package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletItem.d.ts +2 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletItem.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts +12 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts.map +1 -0
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts +1 -3
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts +7 -3
- package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts +1 -4
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/styles.d.ts +1 -1
- package/lib/typescript/partials/w3m-selector-modal/styles.d.ts +1 -1
- package/lib/typescript/views/w3m-all-wallets-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-checkout-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/index.d.ts +2 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-modal/index.d.ts.map +1 -0
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts +4 -2
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-modal/utils.d.ts.map +1 -0
- package/lib/typescript/views/w3m-swap-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/styles.d.ts +0 -5
- package/lib/typescript/views/w3m-swap-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts +1 -1
- package/package.json +5 -5
- package/src/AppKit.ts +13 -5
- package/src/connectors/WalletConnectConnector.ts +2 -2
- package/src/modal/w3m-modal/index.tsx +2 -3
- package/src/modal/w3m-router/index.tsx +3 -1
- package/src/partials/w3m-all-wallets-list/components/Loading.tsx +4 -35
- package/src/partials/w3m-all-wallets-list/components/WalletItem.tsx +5 -3
- package/src/partials/w3m-all-wallets-list/components/WalletList.tsx +92 -0
- package/src/partials/w3m-all-wallets-list/index.tsx +7 -38
- package/src/partials/w3m-all-wallets-list/styles.ts +8 -4
- package/src/partials/w3m-all-wallets-search/index.tsx +6 -43
- package/src/partials/w3m-all-wallets-search/styles.ts +2 -2
- package/src/partials/w3m-selector-modal/styles.ts +1 -1
- package/src/views/w3m-all-wallets-view/index.tsx +2 -29
- package/src/views/w3m-connect-view/index.tsx +1 -1
- package/src/views/w3m-onramp-checkout-view/index.tsx +147 -143
- package/src/views/w3m-onramp-view/components/SelectPaymentModal.tsx +1 -1
- package/src/views/w3m-swap-view/components/select-token-modal/index.tsx +182 -0
- package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.ts +4 -2
- package/src/views/w3m-swap-view/index.tsx +3 -5
- package/src/views/w3m-swap-view/styles.ts +1 -5
- package/src/views/w3m-wallet-compatible-networks-view/index.tsx +1 -1
- package/src/views/w3m-wallet-send-view/styles.ts +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js +0 -145
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js +0 -140
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts.map +0 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/utils.d.ts.map +0 -1
- package/src/views/w3m-swap-view/components/select-token-view/index.tsx +0 -176
- /package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
- /package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
- /package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.d.ts +0 -0
- /package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.ts +0 -0
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SwapSelectTokenView = SwapSelectTokenView;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _valtio = require("valtio");
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
11
|
-
var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
|
|
12
|
-
var _w3mPlaceholder = require("../../../../partials/w3m-placeholder");
|
|
13
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
14
|
-
var _utils = require("./utils");
|
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
function SwapSelectTokenView({
|
|
18
|
-
onClose,
|
|
19
|
-
type,
|
|
20
|
-
style
|
|
21
|
-
}) {
|
|
22
|
-
const {
|
|
23
|
-
padding
|
|
24
|
-
} = (0, _appkitUiReactNative.useCustomDimensions)();
|
|
25
|
-
const Theme = (0, _appkitUiReactNative.useTheme)();
|
|
26
|
-
const {
|
|
27
|
-
activeNetwork
|
|
28
|
-
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
|
|
29
|
-
const {
|
|
30
|
-
networkImages
|
|
31
|
-
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
|
|
32
|
-
const {
|
|
33
|
-
sourceToken,
|
|
34
|
-
suggestedTokens,
|
|
35
|
-
myTokensWithBalance
|
|
36
|
-
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.SwapController.state);
|
|
37
|
-
const networkImage = _appkitCoreReactNative.AssetUtil.getNetworkImage(activeNetwork, networkImages);
|
|
38
|
-
const [tokenSearch, setTokenSearch] = (0, _react.useState)('');
|
|
39
|
-
const isSourceToken = type === 'sourceToken';
|
|
40
|
-
const [filteredTokens, setFilteredTokens] = (0, _react.useState)((0, _utils.createSections)(isSourceToken, tokenSearch, myTokensWithBalance));
|
|
41
|
-
const suggestedList = suggestedTokens?.filter(token => token.address !== _appkitCoreReactNative.SwapController.state.sourceToken?.address).slice(0, 8);
|
|
42
|
-
const onSearchChange = value => {
|
|
43
|
-
setTokenSearch(value);
|
|
44
|
-
setFilteredTokens((0, _utils.createSections)(isSourceToken, value, myTokensWithBalance));
|
|
45
|
-
};
|
|
46
|
-
const onTokenPress = token => {
|
|
47
|
-
if (isSourceToken) {
|
|
48
|
-
_appkitCoreReactNative.SwapController.setSourceToken(token);
|
|
49
|
-
} else {
|
|
50
|
-
_appkitCoreReactNative.SwapController.setToToken(token);
|
|
51
|
-
if (_appkitCoreReactNative.SwapController.state.sourceToken && _appkitCoreReactNative.SwapController.state.sourceTokenAmount) {
|
|
52
|
-
_appkitCoreReactNative.SwapController.swapTokens();
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
onClose();
|
|
56
|
-
};
|
|
57
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
|
|
58
|
-
padding: ['xl', '0', '0', '0'],
|
|
59
|
-
style: [_styles.default.container, {
|
|
60
|
-
paddingHorizontal: padding,
|
|
61
|
-
backgroundColor: Theme['bg-100']
|
|
62
|
-
}, style],
|
|
63
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
|
|
64
|
-
flexDirection: "row",
|
|
65
|
-
justifyContent: "space-between",
|
|
66
|
-
alignItems: "center",
|
|
67
|
-
padding: ['0', 'm', 'm', 'm'],
|
|
68
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
|
|
69
|
-
icon: "chevronLeft",
|
|
70
|
-
size: "md",
|
|
71
|
-
onPress: onClose
|
|
72
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
|
|
73
|
-
variant: "paragraph-600",
|
|
74
|
-
children: "Select token"
|
|
75
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
76
|
-
style: _styles.default.iconPlaceholder
|
|
77
|
-
})]
|
|
78
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
|
|
79
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.InputText, {
|
|
80
|
-
value: tokenSearch,
|
|
81
|
-
icon: "search",
|
|
82
|
-
placeholder: "Search token",
|
|
83
|
-
onChangeText: onSearchChange,
|
|
84
|
-
clearButtonMode: "while-editing",
|
|
85
|
-
style: _styles.default.input
|
|
86
|
-
}), !isSourceToken && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
|
87
|
-
horizontal: true,
|
|
88
|
-
showsHorizontalScrollIndicator: false,
|
|
89
|
-
bounces: false,
|
|
90
|
-
fadingEdgeLength: 20,
|
|
91
|
-
style: _styles.default.suggestedList,
|
|
92
|
-
contentContainerStyle: _styles.default.suggestedListContent,
|
|
93
|
-
children: suggestedList?.map((token, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.TokenButton, {
|
|
94
|
-
text: token.symbol,
|
|
95
|
-
imageUrl: token.logoUri,
|
|
96
|
-
onPress: () => onTokenPress(token),
|
|
97
|
-
style: index !== suggestedList.length - 1 ? _styles.default.suggestedToken : undefined
|
|
98
|
-
}, token.name))
|
|
99
|
-
})]
|
|
100
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
|
|
101
|
-
style: _styles.default.suggestedSeparator,
|
|
102
|
-
color: "gray-glass-020"
|
|
103
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SectionList, {
|
|
104
|
-
sections: filteredTokens,
|
|
105
|
-
bounces: false,
|
|
106
|
-
fadingEdgeLength: 20,
|
|
107
|
-
contentContainerStyle: _styles.default.tokenList,
|
|
108
|
-
renderSectionHeader: ({
|
|
109
|
-
section: {
|
|
110
|
-
title
|
|
111
|
-
}
|
|
112
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
|
|
113
|
-
variant: "paragraph-500",
|
|
114
|
-
color: "fg-200",
|
|
115
|
-
style: [{
|
|
116
|
-
backgroundColor: Theme['bg-100']
|
|
117
|
-
}, _styles.default.title],
|
|
118
|
-
children: title
|
|
119
|
-
}),
|
|
120
|
-
ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
|
|
121
|
-
icon: "coinPlaceholder",
|
|
122
|
-
title: "No tokens found",
|
|
123
|
-
description: "Your tokens will appear here"
|
|
124
|
-
}),
|
|
125
|
-
getItemLayout: (_, index) => ({
|
|
126
|
-
length: _appkitUiReactNative.ListTokenTotalHeight,
|
|
127
|
-
offset: _appkitUiReactNative.ListTokenTotalHeight * index,
|
|
128
|
-
index
|
|
129
|
-
}),
|
|
130
|
-
renderItem: ({
|
|
131
|
-
item
|
|
132
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListToken, {
|
|
133
|
-
name: item.name,
|
|
134
|
-
imageSrc: item.logoUri,
|
|
135
|
-
networkSrc: networkImage,
|
|
136
|
-
value: item.value,
|
|
137
|
-
amount: item.quantity.numeric,
|
|
138
|
-
currency: item.symbol,
|
|
139
|
-
onPress: () => onTokenPress(item),
|
|
140
|
-
disabled: item.address === sourceToken?.address
|
|
141
|
-
}, item.name)
|
|
142
|
-
})]
|
|
143
|
-
});
|
|
144
|
-
}
|
|
145
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_valtio","_reactNative","_appkitUiReactNative","_appkitCoreReactNative","_w3mPlaceholder","_styles","_interopRequireDefault","_utils","_jsxRuntime","e","__esModule","default","SwapSelectTokenView","onClose","type","style","padding","useCustomDimensions","Theme","useTheme","activeNetwork","useSnapshot","ConnectionsController","state","networkImages","AssetController","sourceToken","suggestedTokens","myTokensWithBalance","SwapController","networkImage","AssetUtil","getNetworkImage","tokenSearch","setTokenSearch","useState","isSourceToken","filteredTokens","setFilteredTokens","createSections","suggestedList","filter","token","address","slice","onSearchChange","value","onTokenPress","setSourceToken","setToToken","sourceTokenAmount","swapTokens","jsxs","FlexView","styles","container","paddingHorizontal","backgroundColor","children","flexDirection","justifyContent","alignItems","jsx","IconLink","icon","size","onPress","Text","variant","View","iconPlaceholder","InputText","placeholder","onChangeText","clearButtonMode","input","ScrollView","horizontal","showsHorizontalScrollIndicator","bounces","fadingEdgeLength","contentContainerStyle","suggestedListContent","map","index","TokenButton","text","symbol","imageUrl","logoUri","length","suggestedToken","undefined","name","Separator","suggestedSeparator","color","SectionList","sections","tokenList","renderSectionHeader","section","title","ListEmptyComponent","Placeholder","description","getItemLayout","_","ListTokenTotalHeight","offset","renderItem","item","ListToken","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":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","container","borderRadius","BorderRadius","l","borderWidth","hairlineWidth","borderBottomLeftRadius","borderBottomRightRadius","overflow","marginTop","title","paddingTop","Spacing","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,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAsE,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvDC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BC,WAAW,EAAEN,uBAAU,CAACO,aAAa;IACrCC,sBAAsB,EAAE,CAAC;IACzBC,uBAAuB,EAAE,CAAC;IAC1BC,QAAQ,EAAE,QAAQ;IAClBC,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;IACbV,SAAS,EAAEG,4BAAO,CAACM;EACrB,CAAC;EACDE,oBAAoB,EAAE;IACpBN,iBAAiB,EAAEF,4BAAO,CAACS;EAC7B,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAEX,4BAAO,CAACS;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBC,cAAc,EAAEb,4BAAO,CAACS;EAC1B,CAAC;EACDK,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_appkitCoreReactNative","require","filterTokens","tokens","searchValue","filter","token","name","toLowerCase","includes","symbol","createSections","isSourceToken","balances","myTokensFiltered","popularFiltered","SwapController","getFilteredPopularTokens","sections","length","push","title","data"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/utils.ts"],"mappings":";;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAEO,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;AAEO,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,CAACc,qCAAc,CAACC,wBAAwB,CAACJ,QAAQ,CAAC,EAAET,WAAW,CAAC;EAEhF,MAAMc,QAAQ,GAAG,EAAE;EACnB,IAAIJ,gBAAgB,CAACK,MAAM,GAAG,CAAC,EAAE;IAC/BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,aAAa;MAAEC,IAAI,EAAER;IAAiB,CAAC,CAAC;EACjE;EACA,IAAIC,eAAe,CAACI,MAAM,GAAG,CAAC,EAAE;IAC9BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,gBAAgB;MAAEC,IAAI,EAAEP;IAAgB,CAAC,CAAC;EACnE;EAEA,OAAOG,QAAQ;AACjB","ignoreList":[]}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import { useSnapshot } from 'valtio';
|
|
5
|
-
import { ScrollView, SectionList, View } from 'react-native';
|
|
6
|
-
import { FlexView, IconLink, InputText, ListToken, ListTokenTotalHeight, Separator, Text, TokenButton, useTheme, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
7
|
-
import { AssetController, AssetUtil, ConnectionsController, SwapController } from '@reown/appkit-core-react-native';
|
|
8
|
-
import { Placeholder } from '../../../../partials/w3m-placeholder';
|
|
9
|
-
import styles from './styles';
|
|
10
|
-
import { createSections } from './utils';
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
export function SwapSelectTokenView({
|
|
13
|
-
onClose,
|
|
14
|
-
type,
|
|
15
|
-
style
|
|
16
|
-
}) {
|
|
17
|
-
const {
|
|
18
|
-
padding
|
|
19
|
-
} = useCustomDimensions();
|
|
20
|
-
const Theme = useTheme();
|
|
21
|
-
const {
|
|
22
|
-
activeNetwork
|
|
23
|
-
} = useSnapshot(ConnectionsController.state);
|
|
24
|
-
const {
|
|
25
|
-
networkImages
|
|
26
|
-
} = useSnapshot(AssetController.state);
|
|
27
|
-
const {
|
|
28
|
-
sourceToken,
|
|
29
|
-
suggestedTokens,
|
|
30
|
-
myTokensWithBalance
|
|
31
|
-
} = useSnapshot(SwapController.state);
|
|
32
|
-
const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
|
|
33
|
-
const [tokenSearch, setTokenSearch] = useState('');
|
|
34
|
-
const isSourceToken = type === 'sourceToken';
|
|
35
|
-
const [filteredTokens, setFilteredTokens] = useState(createSections(isSourceToken, tokenSearch, myTokensWithBalance));
|
|
36
|
-
const suggestedList = suggestedTokens?.filter(token => token.address !== SwapController.state.sourceToken?.address).slice(0, 8);
|
|
37
|
-
const onSearchChange = value => {
|
|
38
|
-
setTokenSearch(value);
|
|
39
|
-
setFilteredTokens(createSections(isSourceToken, value, myTokensWithBalance));
|
|
40
|
-
};
|
|
41
|
-
const onTokenPress = token => {
|
|
42
|
-
if (isSourceToken) {
|
|
43
|
-
SwapController.setSourceToken(token);
|
|
44
|
-
} else {
|
|
45
|
-
SwapController.setToToken(token);
|
|
46
|
-
if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
|
|
47
|
-
SwapController.swapTokens();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
onClose();
|
|
51
|
-
};
|
|
52
|
-
return /*#__PURE__*/_jsxs(FlexView, {
|
|
53
|
-
padding: ['xl', '0', '0', '0'],
|
|
54
|
-
style: [styles.container, {
|
|
55
|
-
paddingHorizontal: padding,
|
|
56
|
-
backgroundColor: Theme['bg-100']
|
|
57
|
-
}, style],
|
|
58
|
-
children: [/*#__PURE__*/_jsxs(FlexView, {
|
|
59
|
-
flexDirection: "row",
|
|
60
|
-
justifyContent: "space-between",
|
|
61
|
-
alignItems: "center",
|
|
62
|
-
padding: ['0', 'm', 'm', 'm'],
|
|
63
|
-
children: [/*#__PURE__*/_jsx(IconLink, {
|
|
64
|
-
icon: "chevronLeft",
|
|
65
|
-
size: "md",
|
|
66
|
-
onPress: onClose
|
|
67
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
68
|
-
variant: "paragraph-600",
|
|
69
|
-
children: "Select token"
|
|
70
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
71
|
-
style: styles.iconPlaceholder
|
|
72
|
-
})]
|
|
73
|
-
}), /*#__PURE__*/_jsxs(FlexView, {
|
|
74
|
-
children: [/*#__PURE__*/_jsx(InputText, {
|
|
75
|
-
value: tokenSearch,
|
|
76
|
-
icon: "search",
|
|
77
|
-
placeholder: "Search token",
|
|
78
|
-
onChangeText: onSearchChange,
|
|
79
|
-
clearButtonMode: "while-editing",
|
|
80
|
-
style: styles.input
|
|
81
|
-
}), !isSourceToken && /*#__PURE__*/_jsx(ScrollView, {
|
|
82
|
-
horizontal: true,
|
|
83
|
-
showsHorizontalScrollIndicator: false,
|
|
84
|
-
bounces: false,
|
|
85
|
-
fadingEdgeLength: 20,
|
|
86
|
-
style: styles.suggestedList,
|
|
87
|
-
contentContainerStyle: styles.suggestedListContent,
|
|
88
|
-
children: suggestedList?.map((token, index) => /*#__PURE__*/_jsx(TokenButton, {
|
|
89
|
-
text: token.symbol,
|
|
90
|
-
imageUrl: token.logoUri,
|
|
91
|
-
onPress: () => onTokenPress(token),
|
|
92
|
-
style: index !== suggestedList.length - 1 ? styles.suggestedToken : undefined
|
|
93
|
-
}, token.name))
|
|
94
|
-
})]
|
|
95
|
-
}), /*#__PURE__*/_jsx(Separator, {
|
|
96
|
-
style: styles.suggestedSeparator,
|
|
97
|
-
color: "gray-glass-020"
|
|
98
|
-
}), /*#__PURE__*/_jsx(SectionList, {
|
|
99
|
-
sections: filteredTokens,
|
|
100
|
-
bounces: false,
|
|
101
|
-
fadingEdgeLength: 20,
|
|
102
|
-
contentContainerStyle: styles.tokenList,
|
|
103
|
-
renderSectionHeader: ({
|
|
104
|
-
section: {
|
|
105
|
-
title
|
|
106
|
-
}
|
|
107
|
-
}) => /*#__PURE__*/_jsx(Text, {
|
|
108
|
-
variant: "paragraph-500",
|
|
109
|
-
color: "fg-200",
|
|
110
|
-
style: [{
|
|
111
|
-
backgroundColor: Theme['bg-100']
|
|
112
|
-
}, styles.title],
|
|
113
|
-
children: title
|
|
114
|
-
}),
|
|
115
|
-
ListEmptyComponent: /*#__PURE__*/_jsx(Placeholder, {
|
|
116
|
-
icon: "coinPlaceholder",
|
|
117
|
-
title: "No tokens found",
|
|
118
|
-
description: "Your tokens will appear here"
|
|
119
|
-
}),
|
|
120
|
-
getItemLayout: (_, index) => ({
|
|
121
|
-
length: ListTokenTotalHeight,
|
|
122
|
-
offset: ListTokenTotalHeight * index,
|
|
123
|
-
index
|
|
124
|
-
}),
|
|
125
|
-
renderItem: ({
|
|
126
|
-
item
|
|
127
|
-
}) => /*#__PURE__*/_jsx(ListToken, {
|
|
128
|
-
name: item.name,
|
|
129
|
-
imageSrc: item.logoUri,
|
|
130
|
-
networkSrc: networkImage,
|
|
131
|
-
value: item.value,
|
|
132
|
-
amount: item.quantity.numeric,
|
|
133
|
-
currency: item.symbol,
|
|
134
|
-
onPress: () => onTokenPress(item),
|
|
135
|
-
disabled: item.address === sourceToken?.address
|
|
136
|
-
}, item.name)
|
|
137
|
-
})]
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useSnapshot","ScrollView","SectionList","View","FlexView","IconLink","InputText","ListToken","ListTokenTotalHeight","Separator","Text","TokenButton","useTheme","useCustomDimensions","AssetController","AssetUtil","ConnectionsController","SwapController","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":[]}
|
|
@@ -1 +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":[]}
|
|
@@ -1 +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":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/w3m-swap-view/components/select-token-view/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAsBtB,OAAO,EAAE,KAAK,eAAe,EAA6B,MAAM,mCAAmC,CAAC;AAMpG,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,2CAoIlE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/views/w3m-swap-view/components/select-token-view/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG9E,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,0BAcjF;AAED,wBAAgB,cAAc,CAC5B,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,oBAAoB,EAAE;;;IAgBlC"}
|
|
@@ -1,176 +0,0 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
2
|
-
import { useSnapshot } from 'valtio';
|
|
3
|
-
import {
|
|
4
|
-
ScrollView,
|
|
5
|
-
SectionList,
|
|
6
|
-
View,
|
|
7
|
-
type SectionListData,
|
|
8
|
-
type StyleProp,
|
|
9
|
-
type ViewStyle
|
|
10
|
-
} from 'react-native';
|
|
11
|
-
import {
|
|
12
|
-
FlexView,
|
|
13
|
-
IconLink,
|
|
14
|
-
InputText,
|
|
15
|
-
ListToken,
|
|
16
|
-
ListTokenTotalHeight,
|
|
17
|
-
Separator,
|
|
18
|
-
Text,
|
|
19
|
-
TokenButton,
|
|
20
|
-
useTheme,
|
|
21
|
-
useCustomDimensions
|
|
22
|
-
} from '@reown/appkit-ui-react-native';
|
|
23
|
-
|
|
24
|
-
import {
|
|
25
|
-
AssetController,
|
|
26
|
-
AssetUtil,
|
|
27
|
-
ConnectionsController,
|
|
28
|
-
SwapController,
|
|
29
|
-
type SwapControllerState
|
|
30
|
-
} from '@reown/appkit-core-react-native';
|
|
31
|
-
|
|
32
|
-
import { type SwapInputTarget, type SwapTokenWithBalance } from '@reown/appkit-common-react-native';
|
|
33
|
-
|
|
34
|
-
import { Placeholder } from '../../../../partials/w3m-placeholder';
|
|
35
|
-
import styles from './styles';
|
|
36
|
-
import { createSections } from './utils';
|
|
37
|
-
|
|
38
|
-
interface Props {
|
|
39
|
-
onClose: () => void;
|
|
40
|
-
type?: SwapInputTarget;
|
|
41
|
-
style?: StyleProp<ViewStyle>;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export function SwapSelectTokenView({ onClose, type, style }: Props) {
|
|
45
|
-
const { padding } = useCustomDimensions();
|
|
46
|
-
const Theme = useTheme();
|
|
47
|
-
const { activeNetwork } = useSnapshot(ConnectionsController.state);
|
|
48
|
-
const { networkImages } = useSnapshot(AssetController.state);
|
|
49
|
-
const { sourceToken, suggestedTokens, myTokensWithBalance } = useSnapshot(
|
|
50
|
-
SwapController.state
|
|
51
|
-
) as SwapControllerState;
|
|
52
|
-
|
|
53
|
-
const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
|
|
54
|
-
const [tokenSearch, setTokenSearch] = useState<string>('');
|
|
55
|
-
const isSourceToken = type === 'sourceToken';
|
|
56
|
-
|
|
57
|
-
const [filteredTokens, setFilteredTokens] = useState(
|
|
58
|
-
createSections(isSourceToken, tokenSearch, myTokensWithBalance)
|
|
59
|
-
);
|
|
60
|
-
const suggestedList = suggestedTokens
|
|
61
|
-
?.filter(token => token.address !== SwapController.state.sourceToken?.address)
|
|
62
|
-
.slice(0, 8);
|
|
63
|
-
|
|
64
|
-
const onSearchChange = (value: string) => {
|
|
65
|
-
setTokenSearch(value);
|
|
66
|
-
setFilteredTokens(createSections(isSourceToken, value, myTokensWithBalance));
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
const onTokenPress = (token: SwapTokenWithBalance) => {
|
|
70
|
-
if (isSourceToken) {
|
|
71
|
-
SwapController.setSourceToken(token);
|
|
72
|
-
} else {
|
|
73
|
-
SwapController.setToToken(token);
|
|
74
|
-
if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
|
|
75
|
-
SwapController.swapTokens();
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
onClose();
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
return (
|
|
82
|
-
<FlexView
|
|
83
|
-
padding={['xl', '0', '0', '0']}
|
|
84
|
-
style={[
|
|
85
|
-
styles.container,
|
|
86
|
-
{
|
|
87
|
-
paddingHorizontal: padding,
|
|
88
|
-
backgroundColor: Theme['bg-100']
|
|
89
|
-
},
|
|
90
|
-
style
|
|
91
|
-
]}
|
|
92
|
-
>
|
|
93
|
-
<FlexView
|
|
94
|
-
flexDirection="row"
|
|
95
|
-
justifyContent="space-between"
|
|
96
|
-
alignItems="center"
|
|
97
|
-
padding={['0', 'm', 'm', 'm']}
|
|
98
|
-
>
|
|
99
|
-
<IconLink icon="chevronLeft" size="md" onPress={onClose} />
|
|
100
|
-
<Text variant="paragraph-600">Select token</Text>
|
|
101
|
-
<View style={styles.iconPlaceholder} />
|
|
102
|
-
</FlexView>
|
|
103
|
-
<FlexView>
|
|
104
|
-
<InputText
|
|
105
|
-
value={tokenSearch}
|
|
106
|
-
icon="search"
|
|
107
|
-
placeholder="Search token"
|
|
108
|
-
onChangeText={onSearchChange}
|
|
109
|
-
clearButtonMode="while-editing"
|
|
110
|
-
style={styles.input}
|
|
111
|
-
/>
|
|
112
|
-
{!isSourceToken && (
|
|
113
|
-
<ScrollView
|
|
114
|
-
horizontal
|
|
115
|
-
showsHorizontalScrollIndicator={false}
|
|
116
|
-
bounces={false}
|
|
117
|
-
fadingEdgeLength={20}
|
|
118
|
-
style={styles.suggestedList}
|
|
119
|
-
contentContainerStyle={styles.suggestedListContent}
|
|
120
|
-
>
|
|
121
|
-
{suggestedList?.map((token, index) => (
|
|
122
|
-
<TokenButton
|
|
123
|
-
key={token.name}
|
|
124
|
-
text={token.symbol}
|
|
125
|
-
imageUrl={token.logoUri}
|
|
126
|
-
onPress={() => onTokenPress(token)}
|
|
127
|
-
style={index !== suggestedList.length - 1 ? styles.suggestedToken : undefined}
|
|
128
|
-
/>
|
|
129
|
-
))}
|
|
130
|
-
</ScrollView>
|
|
131
|
-
)}
|
|
132
|
-
</FlexView>
|
|
133
|
-
<Separator style={styles.suggestedSeparator} color="gray-glass-020" />
|
|
134
|
-
<SectionList
|
|
135
|
-
sections={filteredTokens as SectionListData<SwapTokenWithBalance>[]}
|
|
136
|
-
bounces={false}
|
|
137
|
-
fadingEdgeLength={20}
|
|
138
|
-
contentContainerStyle={styles.tokenList}
|
|
139
|
-
renderSectionHeader={({ section: { title } }) => (
|
|
140
|
-
<Text
|
|
141
|
-
variant="paragraph-500"
|
|
142
|
-
color="fg-200"
|
|
143
|
-
style={[{ backgroundColor: Theme['bg-100'] }, styles.title]}
|
|
144
|
-
>
|
|
145
|
-
{title}
|
|
146
|
-
</Text>
|
|
147
|
-
)}
|
|
148
|
-
ListEmptyComponent={
|
|
149
|
-
<Placeholder
|
|
150
|
-
icon="coinPlaceholder"
|
|
151
|
-
title="No tokens found"
|
|
152
|
-
description="Your tokens will appear here"
|
|
153
|
-
/>
|
|
154
|
-
}
|
|
155
|
-
getItemLayout={(_, index) => ({
|
|
156
|
-
length: ListTokenTotalHeight,
|
|
157
|
-
offset: ListTokenTotalHeight * index,
|
|
158
|
-
index
|
|
159
|
-
})}
|
|
160
|
-
renderItem={({ item }) => (
|
|
161
|
-
<ListToken
|
|
162
|
-
key={item.name}
|
|
163
|
-
name={item.name}
|
|
164
|
-
imageSrc={item.logoUri}
|
|
165
|
-
networkSrc={networkImage}
|
|
166
|
-
value={item.value}
|
|
167
|
-
amount={item.quantity.numeric}
|
|
168
|
-
currency={item.symbol}
|
|
169
|
-
onPress={() => onTokenPress(item)}
|
|
170
|
-
disabled={item.address === sourceToken?.address}
|
|
171
|
-
/>
|
|
172
|
-
)}
|
|
173
|
-
/>
|
|
174
|
-
</FlexView>
|
|
175
|
-
);
|
|
176
|
-
}
|
|
File without changes
|
/package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js
RENAMED
|
File without changes
|
|
File without changes
|
/package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.ts
RENAMED
|
File without changes
|