@rango-dev/ui 0.1.14-next.12 → 0.1.14-next.14
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PropTypes } from './Wallet';
|
|
3
3
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../../types/wallet").WalletInfo & {
|
|
4
|
-
onClick: (walletType:
|
|
4
|
+
onClick: (walletType: string) => void;
|
|
5
5
|
}>;
|
|
6
6
|
export default _default;
|
|
7
7
|
export declare const Main: (args: PropTypes) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rango-dev/ui",
|
|
3
|
-
"version": "0.1.14-next.
|
|
3
|
+
"version": "0.1.14-next.14",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"typings": "dist/index.d.ts",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@radix-ui/react-radio-group": "^1.1.1",
|
|
54
54
|
"@radix-ui/react-switch": "^1.0.1",
|
|
55
55
|
"@radix-ui/react-tooltip": "^1.0.2",
|
|
56
|
-
"@rango-dev/wallets-shared": "^0.1.13",
|
|
56
|
+
"@rango-dev/wallets-shared": "^0.1.13-next.18",
|
|
57
57
|
"@stitches/react": "^1.2.8",
|
|
58
58
|
"@types/react-color": "^3.0.6",
|
|
59
59
|
"rango-sdk": "^0.1.27",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Network,
|
|
1
|
+
import { Network, WalletTypes } from '@rango-dev/wallets-shared';
|
|
2
2
|
import { SelectableWallet } from '../../types';
|
|
3
3
|
|
|
4
4
|
export const data: SelectableWallet[] = [
|
|
5
5
|
{
|
|
6
6
|
chain: Network.BTC,
|
|
7
7
|
name: Network.BTC,
|
|
8
|
-
walletType:
|
|
8
|
+
walletType: WalletTypes.META_MASK,
|
|
9
9
|
address: '0x5423e28219d6d568dcf62a8134d623e6f4a1c2df',
|
|
10
10
|
image: 'https://app.rango.exchange/wallets/metamask.svg',
|
|
11
11
|
selected: true,
|
|
@@ -31,8 +31,7 @@ export const bestRoute: BestRouteType = {
|
|
|
31
31
|
to: {
|
|
32
32
|
symbol: 'WETH.E',
|
|
33
33
|
logo: 'https://api.rango.exchange/i/j9xgdC',
|
|
34
|
-
blockchainLogo:
|
|
35
|
-
'https://api.rango.exchange/blockchains/avax_cchain.svg',
|
|
34
|
+
blockchainLogo: 'https://api.rango.exchange/blockchains/avax_cchain.svg',
|
|
36
35
|
|
|
37
36
|
address: '0x49d5c2bdffac6ce2bfdb6640f4f80f226bc10bab',
|
|
38
37
|
blockchain: 'AVAX_CCHAIN',
|
|
@@ -73,8 +72,7 @@ export const bestRoute: BestRouteType = {
|
|
|
73
72
|
blockchain: 'AVAX_CCHAIN',
|
|
74
73
|
decimals: 18,
|
|
75
74
|
usdPrice: 1329.24,
|
|
76
|
-
blockchainLogo:
|
|
77
|
-
'https://api.rango.exchange/blockchains/avax_cchain.svg',
|
|
75
|
+
blockchainLogo: 'https://api.rango.exchange/blockchains/avax_cchain.svg',
|
|
78
76
|
},
|
|
79
77
|
to: {
|
|
80
78
|
symbol: 'AVAX',
|
|
@@ -83,8 +81,7 @@ export const bestRoute: BestRouteType = {
|
|
|
83
81
|
blockchain: 'AVAX_CCHAIN',
|
|
84
82
|
decimals: 18,
|
|
85
83
|
usdPrice: 12.5,
|
|
86
|
-
blockchainLogo:
|
|
87
|
-
'https://api.rango.exchange/blockchains/avax_cchain.svg',
|
|
84
|
+
blockchainLogo: 'https://api.rango.exchange/blockchains/avax_cchain.svg',
|
|
88
85
|
},
|
|
89
86
|
fromAmount: '0.062064305934309070',
|
|
90
87
|
fromAmountPrecision: null,
|
|
@@ -153,14 +150,14 @@ export const bestRoute: BestRouteType = {
|
|
|
153
150
|
|
|
154
151
|
export const wallets: SelectableWallet[] = [
|
|
155
152
|
{
|
|
156
|
-
walletType:
|
|
153
|
+
walletType: WalletTypes.META_MASK,
|
|
157
154
|
address: '0x5423e28219d6d568dcf62a8134d623e6f4a1c2df',
|
|
158
155
|
image: 'https://app.rango.exchange/wallets/metamask.svg',
|
|
159
156
|
chain: 'BSC',
|
|
160
157
|
selected: false,
|
|
161
158
|
},
|
|
162
159
|
{
|
|
163
|
-
walletType:
|
|
160
|
+
walletType: WalletTypes.OKX,
|
|
164
161
|
address: '0x2702d89c1c8658b49c45dd460deebcc45faec03c',
|
|
165
162
|
image: 'https://app.rango.exchange/wallets/okx.png',
|
|
166
163
|
chain: 'BSC',
|
|
@@ -168,7 +165,7 @@ export const wallets: SelectableWallet[] = [
|
|
|
168
165
|
},
|
|
169
166
|
|
|
170
167
|
{
|
|
171
|
-
walletType:
|
|
168
|
+
walletType: WalletTypes.KEPLR,
|
|
172
169
|
address: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
|
|
173
170
|
image: 'https://app.rango.exchange/wallets/keplr.png',
|
|
174
171
|
chain: 'OSMOSIS',
|
|
@@ -178,35 +175,35 @@ export const wallets: SelectableWallet[] = [
|
|
|
178
175
|
|
|
179
176
|
export const exampleFor5Wallets: SelectableWallet[] = [
|
|
180
177
|
{
|
|
181
|
-
walletType:
|
|
178
|
+
walletType: WalletTypes.META_MASK,
|
|
182
179
|
address: '0x5423e28219d6d568dcf62a8134d623e6f4a1c2df',
|
|
183
180
|
image: 'https://app.rango.exchange/wallets/metamask.svg',
|
|
184
181
|
selected: false,
|
|
185
182
|
chain: 'BSC',
|
|
186
183
|
},
|
|
187
184
|
{
|
|
188
|
-
walletType:
|
|
185
|
+
walletType: WalletTypes.OKX,
|
|
189
186
|
address: '0x2702d89c1c8658b49c45dd460deebcc45faec03c',
|
|
190
187
|
image: 'https://app.rango.exchange/wallets/okx.png',
|
|
191
188
|
selected: false,
|
|
192
189
|
chain: 'BSC',
|
|
193
190
|
},
|
|
194
191
|
{
|
|
195
|
-
walletType:
|
|
192
|
+
walletType: WalletTypes.EXODUS,
|
|
196
193
|
address: '0x2702d89c1c8658b49c45dd460deebcc45faec03c',
|
|
197
194
|
image: 'https://app.rango.exchange/wallets/exodus.png',
|
|
198
195
|
selected: false,
|
|
199
196
|
chain: 'BSC',
|
|
200
197
|
},
|
|
201
198
|
{
|
|
202
|
-
walletType:
|
|
199
|
+
walletType: WalletTypes.MATH,
|
|
203
200
|
address: '0x2702d89c1c8658b49c45dd460deebcc45faec03c',
|
|
204
201
|
image: 'https://app.rango.exchange/wallets/math-wallet.png',
|
|
205
202
|
selected: false,
|
|
206
203
|
chain: 'BSC',
|
|
207
204
|
},
|
|
208
205
|
{
|
|
209
|
-
walletType:
|
|
206
|
+
walletType: WalletTypes.CLOVER,
|
|
210
207
|
address: '0x2702d89c1c8658b49c45dd460deebcc45faec03c',
|
|
211
208
|
image: 'https://app.rango.exchange/wallets/clover.jpeg',
|
|
212
209
|
selected: false,
|
|
@@ -214,7 +211,7 @@ export const exampleFor5Wallets: SelectableWallet[] = [
|
|
|
214
211
|
},
|
|
215
212
|
|
|
216
213
|
{
|
|
217
|
-
walletType:
|
|
214
|
+
walletType: WalletTypes.KEPLR,
|
|
218
215
|
address: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
|
|
219
216
|
image: 'https://app.rango.exchange/wallets/keplr.png',
|
|
220
217
|
selected: false,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { WalletInfo, WalletState } from '../../types/wallet';
|
|
2
|
-
import {
|
|
2
|
+
import { WalletTypes } from '@rango-dev/wallets-shared';
|
|
3
3
|
|
|
4
4
|
export const walletsInfo: WalletInfo[] = [
|
|
5
5
|
{
|
|
@@ -7,7 +7,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
7
7
|
name: 'Coinbase',
|
|
8
8
|
state: WalletState.DISCONNECTED,
|
|
9
9
|
installLink: '',
|
|
10
|
-
type:
|
|
10
|
+
type: WalletTypes.COINBASE,
|
|
11
11
|
showOnMobile: true,
|
|
12
12
|
},
|
|
13
13
|
{
|
|
@@ -15,7 +15,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
15
15
|
name: 'Coinbase',
|
|
16
16
|
state: WalletState.CONNECTED,
|
|
17
17
|
installLink: '',
|
|
18
|
-
type:
|
|
18
|
+
type: WalletTypes.COINBASE,
|
|
19
19
|
showOnMobile: true,
|
|
20
20
|
},
|
|
21
21
|
{
|
|
@@ -23,14 +23,14 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
23
23
|
name: 'Coinbase',
|
|
24
24
|
state: WalletState.CONNECTING,
|
|
25
25
|
installLink: '',
|
|
26
|
-
type:
|
|
26
|
+
type: WalletTypes.COINBASE,
|
|
27
27
|
showOnMobile: true,
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
30
|
image: 'https://app.rango.exchange/wallets/coinbase.svg',
|
|
31
31
|
name: 'Coinbase',
|
|
32
32
|
state: WalletState.NOT_INSTALLED,
|
|
33
|
-
type:
|
|
33
|
+
type: WalletTypes.COINBASE,
|
|
34
34
|
showOnMobile: true,
|
|
35
35
|
installLink:
|
|
36
36
|
'https://chrome.google.com/webstore/detail/coinbase-wallet-extension/hnfanknocfeofbddgcijnmhnfnkdnaad?hl=en',
|
|
@@ -40,7 +40,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
40
40
|
name: 'Coinbase',
|
|
41
41
|
state: WalletState.DISCONNECTED,
|
|
42
42
|
installLink: '',
|
|
43
|
-
type:
|
|
43
|
+
type: WalletTypes.COINBASE,
|
|
44
44
|
showOnMobile: true,
|
|
45
45
|
},
|
|
46
46
|
{
|
|
@@ -48,7 +48,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
48
48
|
name: 'Coinbase',
|
|
49
49
|
state: WalletState.CONNECTED,
|
|
50
50
|
installLink: '',
|
|
51
|
-
type:
|
|
51
|
+
type: WalletTypes.COINBASE,
|
|
52
52
|
showOnMobile: true,
|
|
53
53
|
},
|
|
54
54
|
{
|
|
@@ -56,7 +56,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
56
56
|
name: 'Coinbase',
|
|
57
57
|
state: WalletState.DISCONNECTED,
|
|
58
58
|
installLink: '',
|
|
59
|
-
type:
|
|
59
|
+
type: WalletTypes.COINBASE,
|
|
60
60
|
showOnMobile: true,
|
|
61
61
|
},
|
|
62
62
|
{
|
|
@@ -64,7 +64,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
64
64
|
name: 'Coinbase',
|
|
65
65
|
state: WalletState.DISCONNECTED,
|
|
66
66
|
installLink: '',
|
|
67
|
-
type:
|
|
67
|
+
type: WalletTypes.COINBASE,
|
|
68
68
|
showOnMobile: true,
|
|
69
69
|
},
|
|
70
70
|
{
|
|
@@ -72,7 +72,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
72
72
|
name: 'Coinbase',
|
|
73
73
|
state: WalletState.DISCONNECTED,
|
|
74
74
|
installLink: '',
|
|
75
|
-
type:
|
|
75
|
+
type: WalletTypes.COINBASE,
|
|
76
76
|
showOnMobile: true,
|
|
77
77
|
},
|
|
78
78
|
{
|
|
@@ -80,7 +80,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
80
80
|
name: 'Coinbase',
|
|
81
81
|
state: WalletState.DISCONNECTED,
|
|
82
82
|
installLink: '',
|
|
83
|
-
type:
|
|
83
|
+
type: WalletTypes.COINBASE,
|
|
84
84
|
showOnMobile: true,
|
|
85
85
|
},
|
|
86
86
|
{
|
|
@@ -88,7 +88,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
88
88
|
name: 'Coinbase',
|
|
89
89
|
state: WalletState.DISCONNECTED,
|
|
90
90
|
installLink: '',
|
|
91
|
-
type:
|
|
91
|
+
type: WalletTypes.COINBASE,
|
|
92
92
|
showOnMobile: true,
|
|
93
93
|
},
|
|
94
94
|
{
|
|
@@ -96,7 +96,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
96
96
|
name: 'Coinbase',
|
|
97
97
|
state: WalletState.DISCONNECTED,
|
|
98
98
|
installLink: '',
|
|
99
|
-
type:
|
|
99
|
+
type: WalletTypes.COINBASE,
|
|
100
100
|
showOnMobile: true,
|
|
101
101
|
},
|
|
102
102
|
{
|
|
@@ -104,7 +104,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
104
104
|
name: 'Coinbase',
|
|
105
105
|
state: WalletState.DISCONNECTED,
|
|
106
106
|
installLink: '',
|
|
107
|
-
type:
|
|
107
|
+
type: WalletTypes.COINBASE,
|
|
108
108
|
showOnMobile: true,
|
|
109
109
|
},
|
|
110
110
|
{
|
|
@@ -112,7 +112,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
112
112
|
name: 'Coinbase',
|
|
113
113
|
state: WalletState.DISCONNECTED,
|
|
114
114
|
installLink: '',
|
|
115
|
-
type:
|
|
115
|
+
type: WalletTypes.COINBASE,
|
|
116
116
|
showOnMobile: true,
|
|
117
117
|
},
|
|
118
118
|
{
|
|
@@ -120,7 +120,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
120
120
|
name: 'Coinbase',
|
|
121
121
|
state: WalletState.DISCONNECTED,
|
|
122
122
|
installLink: '',
|
|
123
|
-
type:
|
|
123
|
+
type: WalletTypes.COINBASE,
|
|
124
124
|
showOnMobile: true,
|
|
125
125
|
},
|
|
126
126
|
{
|
|
@@ -128,7 +128,7 @@ export const walletsInfo: WalletInfo[] = [
|
|
|
128
128
|
name: 'Coinbase',
|
|
129
129
|
state: WalletState.DISCONNECTED,
|
|
130
130
|
installLink: '',
|
|
131
|
-
type:
|
|
131
|
+
type: WalletTypes.COINBASE,
|
|
132
132
|
showOnMobile: true,
|
|
133
133
|
},
|
|
134
134
|
];
|