@rango-dev/widget-embedded 0.1.16-next.17 → 0.1.16-next.19
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/CHANGELOG.md +4 -0
- package/dist/components/Footer.d.ts +111 -1
- package/dist/components/Footer.d.ts.map +1 -1
- package/dist/components/Layout.d.ts.map +1 -1
- package/dist/components/RoutesOverview.d.ts +111 -1
- package/dist/components/RoutesOverview.d.ts.map +1 -1
- package/dist/components/SwapDetailsPlaceholder.d.ts +111 -1
- package/dist/components/SwapDetailsPlaceholder.d.ts.map +1 -1
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/widget-embedded.cjs.development.js +24 -24
- package/dist/widget-embedded.cjs.development.js.map +1 -1
- package/dist/widget-embedded.cjs.production.min.js +24 -24
- package/dist/widget-embedded.cjs.production.min.js.map +1 -1
- package/dist/widget-embedded.esm.js +25 -25
- package/dist/widget-embedded.esm.js.map +1 -1
- package/package.json +11 -9
- package/src/components/Layout.tsx +7 -8
- package/src/components/RoutesOverview.tsx +2 -2
- package/src/components/TokenInfo.tsx +4 -4
- package/src/components/TokenPreview.tsx +3 -3
- package/src/components/warnings/BalanceErrors.tsx +2 -2
- package/src/components/warnings/MinRequiredSlippage.tsx +2 -2
- package/src/pages/ConfirmSwapPage.tsx +14 -12
- package/src/pages/SwapDetailsPage.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
## [0.1.19](https://github.com/rango-exchange/rango-client/compare/widget-embedded@0.1.18...widget-embedded@0.1.19) (2023-05-15)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
## [0.1.16](https://github.com/rango-exchange/rango-client/compare/widget-embedded@0.1.15...widget-embedded@0.1.16) (2023-05-15)
|
|
2
6
|
|
|
3
7
|
|
|
@@ -1,2 +1,112 @@
|
|
|
1
|
-
export declare const Footer: any
|
|
1
|
+
export declare const Footer: import("@stitches/react/types/styled-component").StyledComponent<string, any, {
|
|
2
|
+
sm: string;
|
|
3
|
+
md: string;
|
|
4
|
+
lg: string;
|
|
5
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
6
|
+
sm: string;
|
|
7
|
+
md: string;
|
|
8
|
+
lg: string;
|
|
9
|
+
}, {
|
|
10
|
+
colors: {
|
|
11
|
+
primary: string;
|
|
12
|
+
primary100: string;
|
|
13
|
+
primary200: string;
|
|
14
|
+
primary300: string;
|
|
15
|
+
primary400: string;
|
|
16
|
+
primary500: string;
|
|
17
|
+
primary600: string;
|
|
18
|
+
primary700: string;
|
|
19
|
+
primary800: string;
|
|
20
|
+
primary900: string;
|
|
21
|
+
surface: string;
|
|
22
|
+
neutral100: string;
|
|
23
|
+
neutral200: string;
|
|
24
|
+
neutral300: string;
|
|
25
|
+
neutral400: string;
|
|
26
|
+
neutral500: string;
|
|
27
|
+
neutral600: string;
|
|
28
|
+
neutral700: string;
|
|
29
|
+
neutral800: string;
|
|
30
|
+
neutral900: string;
|
|
31
|
+
background: string;
|
|
32
|
+
foreground: string;
|
|
33
|
+
success: string;
|
|
34
|
+
success100: string;
|
|
35
|
+
success300: string;
|
|
36
|
+
success500: string;
|
|
37
|
+
success700: string;
|
|
38
|
+
warning: string;
|
|
39
|
+
warning100: string;
|
|
40
|
+
warning300: string;
|
|
41
|
+
warning500: string;
|
|
42
|
+
warning700: string;
|
|
43
|
+
error: string;
|
|
44
|
+
error100: string;
|
|
45
|
+
error300: string;
|
|
46
|
+
error500: string;
|
|
47
|
+
error700: string;
|
|
48
|
+
white: string;
|
|
49
|
+
};
|
|
50
|
+
space: {
|
|
51
|
+
2: string;
|
|
52
|
+
4: string;
|
|
53
|
+
6: string;
|
|
54
|
+
8: string;
|
|
55
|
+
10: string;
|
|
56
|
+
12: string;
|
|
57
|
+
16: string;
|
|
58
|
+
20: string;
|
|
59
|
+
24: string;
|
|
60
|
+
28: string;
|
|
61
|
+
30: string;
|
|
62
|
+
32: string;
|
|
63
|
+
};
|
|
64
|
+
fontSizes: {
|
|
65
|
+
10: string;
|
|
66
|
+
12: string;
|
|
67
|
+
14: string;
|
|
68
|
+
16: string;
|
|
69
|
+
18: string;
|
|
70
|
+
20: string;
|
|
71
|
+
24: string;
|
|
72
|
+
32: string;
|
|
73
|
+
36: string;
|
|
74
|
+
40: string;
|
|
75
|
+
48: string;
|
|
76
|
+
};
|
|
77
|
+
fonts: {};
|
|
78
|
+
fontWeights: {
|
|
79
|
+
400: string;
|
|
80
|
+
500: string;
|
|
81
|
+
600: string;
|
|
82
|
+
700: string;
|
|
83
|
+
};
|
|
84
|
+
lineHeights: {};
|
|
85
|
+
letterSpacings: {};
|
|
86
|
+
sizes: {
|
|
87
|
+
4: string;
|
|
88
|
+
6: string;
|
|
89
|
+
8: string;
|
|
90
|
+
12: string;
|
|
91
|
+
16: string;
|
|
92
|
+
20: string;
|
|
93
|
+
24: string;
|
|
94
|
+
28: string;
|
|
95
|
+
32: string;
|
|
96
|
+
36: string;
|
|
97
|
+
40: string;
|
|
98
|
+
48: string;
|
|
99
|
+
};
|
|
100
|
+
borderWidths: {};
|
|
101
|
+
borderStyles: {};
|
|
102
|
+
radii: {
|
|
103
|
+
5: string;
|
|
104
|
+
10: string;
|
|
105
|
+
};
|
|
106
|
+
shadows: {
|
|
107
|
+
s: string;
|
|
108
|
+
};
|
|
109
|
+
zIndices: {};
|
|
110
|
+
transitions: {};
|
|
111
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
2
112
|
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../src/components/Footer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../src/components/Footer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/components/Layout.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/components/Layout.tsx"],"names":[],"mappings":";AAqBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAuBxC,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA8F7C"}
|
|
@@ -1,6 +1,116 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BestRouteResponse } from 'rango-sdk';
|
|
3
|
-
export declare const Container: any
|
|
3
|
+
export declare const Container: import("@stitches/react/types/styled-component").StyledComponent<string, any, {
|
|
4
|
+
sm: string;
|
|
5
|
+
md: string;
|
|
6
|
+
lg: string;
|
|
7
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
8
|
+
sm: string;
|
|
9
|
+
md: string;
|
|
10
|
+
lg: string;
|
|
11
|
+
}, {
|
|
12
|
+
colors: {
|
|
13
|
+
primary: string;
|
|
14
|
+
primary100: string;
|
|
15
|
+
primary200: string;
|
|
16
|
+
primary300: string;
|
|
17
|
+
primary400: string;
|
|
18
|
+
primary500: string;
|
|
19
|
+
primary600: string;
|
|
20
|
+
primary700: string;
|
|
21
|
+
primary800: string;
|
|
22
|
+
primary900: string;
|
|
23
|
+
surface: string;
|
|
24
|
+
neutral100: string;
|
|
25
|
+
neutral200: string;
|
|
26
|
+
neutral300: string;
|
|
27
|
+
neutral400: string;
|
|
28
|
+
neutral500: string;
|
|
29
|
+
neutral600: string;
|
|
30
|
+
neutral700: string;
|
|
31
|
+
neutral800: string;
|
|
32
|
+
neutral900: string;
|
|
33
|
+
background: string;
|
|
34
|
+
foreground: string;
|
|
35
|
+
success: string;
|
|
36
|
+
success100: string;
|
|
37
|
+
success300: string;
|
|
38
|
+
success500: string;
|
|
39
|
+
success700: string;
|
|
40
|
+
warning: string;
|
|
41
|
+
warning100: string;
|
|
42
|
+
warning300: string;
|
|
43
|
+
warning500: string;
|
|
44
|
+
warning700: string;
|
|
45
|
+
error: string;
|
|
46
|
+
error100: string;
|
|
47
|
+
error300: string;
|
|
48
|
+
error500: string;
|
|
49
|
+
error700: string;
|
|
50
|
+
white: string;
|
|
51
|
+
};
|
|
52
|
+
space: {
|
|
53
|
+
2: string;
|
|
54
|
+
4: string;
|
|
55
|
+
6: string;
|
|
56
|
+
8: string;
|
|
57
|
+
10: string;
|
|
58
|
+
12: string;
|
|
59
|
+
16: string;
|
|
60
|
+
20: string;
|
|
61
|
+
24: string;
|
|
62
|
+
28: string;
|
|
63
|
+
30: string;
|
|
64
|
+
32: string;
|
|
65
|
+
};
|
|
66
|
+
fontSizes: {
|
|
67
|
+
10: string;
|
|
68
|
+
12: string;
|
|
69
|
+
14: string;
|
|
70
|
+
16: string;
|
|
71
|
+
18: string;
|
|
72
|
+
20: string;
|
|
73
|
+
24: string;
|
|
74
|
+
32: string;
|
|
75
|
+
36: string;
|
|
76
|
+
40: string;
|
|
77
|
+
48: string;
|
|
78
|
+
};
|
|
79
|
+
fonts: {};
|
|
80
|
+
fontWeights: {
|
|
81
|
+
400: string;
|
|
82
|
+
500: string;
|
|
83
|
+
600: string;
|
|
84
|
+
700: string;
|
|
85
|
+
};
|
|
86
|
+
lineHeights: {};
|
|
87
|
+
letterSpacings: {};
|
|
88
|
+
sizes: {
|
|
89
|
+
4: string;
|
|
90
|
+
6: string;
|
|
91
|
+
8: string;
|
|
92
|
+
12: string;
|
|
93
|
+
16: string;
|
|
94
|
+
20: string;
|
|
95
|
+
24: string;
|
|
96
|
+
28: string;
|
|
97
|
+
32: string;
|
|
98
|
+
36: string;
|
|
99
|
+
40: string;
|
|
100
|
+
48: string;
|
|
101
|
+
};
|
|
102
|
+
borderWidths: {};
|
|
103
|
+
borderStyles: {};
|
|
104
|
+
radii: {
|
|
105
|
+
5: string;
|
|
106
|
+
10: string;
|
|
107
|
+
};
|
|
108
|
+
shadows: {
|
|
109
|
+
s: string;
|
|
110
|
+
};
|
|
111
|
+
zIndices: {};
|
|
112
|
+
transitions: {};
|
|
113
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
4
114
|
interface PropTypes {
|
|
5
115
|
routes: BestRouteResponse | null;
|
|
6
116
|
totalFee?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesOverview.d.ts","sourceRoot":"","sources":["../src/components/RoutesOverview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"RoutesOverview.d.ts","sourceRoot":"","sources":["../src/components/RoutesOverview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAkBpB,CAAC;AAEH,UAAU,SAAS;IACjB,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,iBAAS,cAAc,CAAC,KAAK,EAAE,SAAS,sBA0BvC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1,5 +1,115 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const LoaderContainer: any
|
|
2
|
+
export declare const LoaderContainer: import("@stitches/react/types/styled-component").StyledComponent<string, any, {
|
|
3
|
+
sm: string;
|
|
4
|
+
md: string;
|
|
5
|
+
lg: string;
|
|
6
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
7
|
+
sm: string;
|
|
8
|
+
md: string;
|
|
9
|
+
lg: string;
|
|
10
|
+
}, {
|
|
11
|
+
colors: {
|
|
12
|
+
primary: string;
|
|
13
|
+
primary100: string;
|
|
14
|
+
primary200: string;
|
|
15
|
+
primary300: string;
|
|
16
|
+
primary400: string;
|
|
17
|
+
primary500: string;
|
|
18
|
+
primary600: string;
|
|
19
|
+
primary700: string;
|
|
20
|
+
primary800: string;
|
|
21
|
+
primary900: string;
|
|
22
|
+
surface: string;
|
|
23
|
+
neutral100: string;
|
|
24
|
+
neutral200: string;
|
|
25
|
+
neutral300: string;
|
|
26
|
+
neutral400: string;
|
|
27
|
+
neutral500: string;
|
|
28
|
+
neutral600: string;
|
|
29
|
+
neutral700: string;
|
|
30
|
+
neutral800: string;
|
|
31
|
+
neutral900: string;
|
|
32
|
+
background: string;
|
|
33
|
+
foreground: string;
|
|
34
|
+
success: string;
|
|
35
|
+
success100: string;
|
|
36
|
+
success300: string;
|
|
37
|
+
success500: string;
|
|
38
|
+
success700: string;
|
|
39
|
+
warning: string;
|
|
40
|
+
warning100: string;
|
|
41
|
+
warning300: string;
|
|
42
|
+
warning500: string;
|
|
43
|
+
warning700: string;
|
|
44
|
+
error: string;
|
|
45
|
+
error100: string;
|
|
46
|
+
error300: string;
|
|
47
|
+
error500: string;
|
|
48
|
+
error700: string;
|
|
49
|
+
white: string;
|
|
50
|
+
};
|
|
51
|
+
space: {
|
|
52
|
+
2: string;
|
|
53
|
+
4: string;
|
|
54
|
+
6: string;
|
|
55
|
+
8: string;
|
|
56
|
+
10: string;
|
|
57
|
+
12: string;
|
|
58
|
+
16: string;
|
|
59
|
+
20: string;
|
|
60
|
+
24: string;
|
|
61
|
+
28: string;
|
|
62
|
+
30: string;
|
|
63
|
+
32: string;
|
|
64
|
+
};
|
|
65
|
+
fontSizes: {
|
|
66
|
+
10: string;
|
|
67
|
+
12: string;
|
|
68
|
+
14: string;
|
|
69
|
+
16: string;
|
|
70
|
+
18: string;
|
|
71
|
+
20: string;
|
|
72
|
+
24: string;
|
|
73
|
+
32: string;
|
|
74
|
+
36: string;
|
|
75
|
+
40: string;
|
|
76
|
+
48: string;
|
|
77
|
+
};
|
|
78
|
+
fonts: {};
|
|
79
|
+
fontWeights: {
|
|
80
|
+
400: string;
|
|
81
|
+
500: string;
|
|
82
|
+
600: string;
|
|
83
|
+
700: string;
|
|
84
|
+
};
|
|
85
|
+
lineHeights: {};
|
|
86
|
+
letterSpacings: {};
|
|
87
|
+
sizes: {
|
|
88
|
+
4: string;
|
|
89
|
+
6: string;
|
|
90
|
+
8: string;
|
|
91
|
+
12: string;
|
|
92
|
+
16: string;
|
|
93
|
+
20: string;
|
|
94
|
+
24: string;
|
|
95
|
+
28: string;
|
|
96
|
+
32: string;
|
|
97
|
+
36: string;
|
|
98
|
+
40: string;
|
|
99
|
+
48: string;
|
|
100
|
+
};
|
|
101
|
+
borderWidths: {};
|
|
102
|
+
borderStyles: {};
|
|
103
|
+
radii: {
|
|
104
|
+
5: string;
|
|
105
|
+
10: string;
|
|
106
|
+
};
|
|
107
|
+
shadows: {
|
|
108
|
+
s: string;
|
|
109
|
+
};
|
|
110
|
+
zIndices: {};
|
|
111
|
+
transitions: {};
|
|
112
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
3
113
|
interface PropTypes {
|
|
4
114
|
requestId: string;
|
|
5
115
|
loading: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapDetailsPlaceholder.d.ts","sourceRoot":"","sources":["../src/components/SwapDetailsPlaceholder.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"SwapDetailsPlaceholder.d.ts","sourceRoot":"","sources":["../src/components/SwapDetailsPlaceholder.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM1B,CAAC;AAEH,UAAU,SAAS;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,SAAS,eAmBtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":";AAiCA,wBAAgB,eAAe,
|
|
1
|
+
{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":";AAiCA,wBAAgB,eAAe,gBAyL9B"}
|
|
@@ -1447,8 +1447,9 @@ function TokenPreview(props) {
|
|
|
1447
1447
|
suffix: ItemSuffix,
|
|
1448
1448
|
align: "start",
|
|
1449
1449
|
size: "large"
|
|
1450
|
-
}, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.
|
|
1451
|
-
size: 12
|
|
1450
|
+
}, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.Divider, {
|
|
1451
|
+
size: 12,
|
|
1452
|
+
direction: "horizontal"
|
|
1452
1453
|
}), React__default.createElement(ui.Button, {
|
|
1453
1454
|
className: "selectors",
|
|
1454
1455
|
variant: "outlined",
|
|
@@ -1460,8 +1461,9 @@ function TokenPreview(props) {
|
|
|
1460
1461
|
suffix: ItemSuffix,
|
|
1461
1462
|
size: "large",
|
|
1462
1463
|
align: "start"
|
|
1463
|
-
}, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.
|
|
1464
|
-
size: 12
|
|
1464
|
+
}, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.Divider, {
|
|
1465
|
+
size: 12,
|
|
1466
|
+
direction: "horizontal"
|
|
1465
1467
|
}), React__default.createElement("div", {
|
|
1466
1468
|
className: "amount"
|
|
1467
1469
|
}, React__default.createElement(OutputContainer, null, React__default.createElement(ui.Typography, {
|
|
@@ -1507,8 +1509,9 @@ function RoutesOverview(props) {
|
|
|
1507
1509
|
className: "fee"
|
|
1508
1510
|
}, React__default.createElement(ui.GasIcon, {
|
|
1509
1511
|
size: 12
|
|
1510
|
-
}), React__default.createElement(ui.
|
|
1511
|
-
size: 4
|
|
1512
|
+
}), React__default.createElement(ui.Divider, {
|
|
1513
|
+
size: 4,
|
|
1514
|
+
direction: "horizontal"
|
|
1512
1515
|
}), "$", props.totalFee) : null);
|
|
1513
1516
|
}
|
|
1514
1517
|
|
|
@@ -1679,9 +1682,8 @@ function MinRequiredSlippage(_ref) {
|
|
|
1679
1682
|
} = _ref;
|
|
1680
1683
|
return React__default.createElement(StyledMessage, {
|
|
1681
1684
|
variant: "body2"
|
|
1682
|
-
}, "We recommend you to increase slippage to at least \u00A0", minRequiredSlippage, "\u00A0 for this route.", React__default.createElement(ui.
|
|
1683
|
-
size: 8
|
|
1684
|
-
direction: "vertical"
|
|
1685
|
+
}, "We recommend you to increase slippage to at least \u00A0", minRequiredSlippage, "\u00A0 for this route.", React__default.createElement(ui.Divider, {
|
|
1686
|
+
size: 8
|
|
1685
1687
|
}), React__default.createElement(ChangeSlippageButton, null));
|
|
1686
1688
|
}
|
|
1687
1689
|
|
|
@@ -1718,9 +1720,8 @@ function BalanceErrors(_ref) {
|
|
|
1718
1720
|
className: "title",
|
|
1719
1721
|
variant: "title",
|
|
1720
1722
|
color: 'error'
|
|
1721
|
-
}, "Insufficent Balance:"), React__default.createElement(ui.
|
|
1722
|
-
size: 8
|
|
1723
|
-
direction: "vertical"
|
|
1723
|
+
}, "Insufficent Balance:"), React__default.createElement(ui.Divider, {
|
|
1724
|
+
size: 8
|
|
1724
1725
|
}), React__default.createElement(List, {
|
|
1725
1726
|
showListStyle: showListStyle
|
|
1726
1727
|
}, messages.map((warning, index) => React__default.createElement(ListItem, {
|
|
@@ -1902,9 +1903,8 @@ function ConfirmSwapPage() {
|
|
|
1902
1903
|
amount: fromAmount,
|
|
1903
1904
|
label: i18n.t('From'),
|
|
1904
1905
|
loadingStatus: loadingMetaStatus !== 'success' ? loadingMetaStatus : bestRouteloadingStatus
|
|
1905
|
-
}), React__default.createElement(ui.
|
|
1906
|
-
size: 12
|
|
1907
|
-
direction: "vertical"
|
|
1906
|
+
}), React__default.createElement(ui.Divider, {
|
|
1907
|
+
size: 12
|
|
1908
1908
|
}), React__default.createElement(TokenPreview, {
|
|
1909
1909
|
chain: {
|
|
1910
1910
|
displayName: lastStep?.to.blockchain || '',
|
|
@@ -1930,9 +1930,7 @@ function ConfirmSwapPage() {
|
|
|
1930
1930
|
loading: fetchingConfirmedRoute,
|
|
1931
1931
|
errors: dbErrorMessage ? [dbErrorMessage, ...ConfirmSwapErrors(errors)] : ConfirmSwapErrors(errors),
|
|
1932
1932
|
warnings: ConfirmSwapWarnings(warnings),
|
|
1933
|
-
extraMessages: React__default.createElement(React__default.Fragment, null, loadingMetaStatus === 'failed' && React__default.createElement(ui.LoadingFailedAlert, null), loadingMetaStatus === 'failed' && showHighSlippageWarning && React__default.createElement(ui.
|
|
1934
|
-
direction: "vertical"
|
|
1935
|
-
}), showHighSlippageWarning && React__default.createElement(ConfirmSwapExtraMessages, {
|
|
1933
|
+
extraMessages: React__default.createElement(React__default.Fragment, null, loadingMetaStatus === 'failed' && React__default.createElement(ui.LoadingFailedAlert, null), loadingMetaStatus === 'failed' && showHighSlippageWarning && React__default.createElement(ui.Divider, null), showHighSlippageWarning && React__default.createElement(ConfirmSwapExtraMessages, {
|
|
1936
1934
|
selectedSlippage: selectedSlippage
|
|
1937
1935
|
})),
|
|
1938
1936
|
confirmButtonTitle: warnings.length > 0 || errors.length > 0 ? 'Proceed anyway!' : 'Confirm swap!'
|
|
@@ -2136,7 +2134,7 @@ function TokenInfo(props) {
|
|
|
2136
2134
|
}, React__default.createElement(ui.Typography, {
|
|
2137
2135
|
variant: "body3",
|
|
2138
2136
|
color: "neutral600"
|
|
2139
|
-
}, `${t('Balance')}: ${tokenBalance} ${fromToken?.symbol || ''}`), React__default.createElement(ui.
|
|
2137
|
+
}, `${t('Balance')}: ${tokenBalance} ${fromToken?.symbol || ''}`), React__default.createElement(ui.Divider, {
|
|
2140
2138
|
size: 4
|
|
2141
2139
|
}), React__default.createElement(ui.Button, {
|
|
2142
2140
|
type: "primary",
|
|
@@ -2167,8 +2165,9 @@ function TokenInfo(props) {
|
|
|
2167
2165
|
suffix: ItemSuffix,
|
|
2168
2166
|
align: "start",
|
|
2169
2167
|
size: "large"
|
|
2170
|
-
}, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.
|
|
2171
|
-
size: 12
|
|
2168
|
+
}, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.Divider, {
|
|
2169
|
+
size: 12,
|
|
2170
|
+
direction: "horizontal"
|
|
2172
2171
|
}), React__default.createElement(ui.Button, {
|
|
2173
2172
|
className: "selectors",
|
|
2174
2173
|
onClick: () => {
|
|
@@ -2184,8 +2183,9 @@ function TokenInfo(props) {
|
|
|
2184
2183
|
suffix: ItemSuffix,
|
|
2185
2184
|
size: "large",
|
|
2186
2185
|
align: "start"
|
|
2187
|
-
}, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.
|
|
2188
|
-
size: 12
|
|
2186
|
+
}, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.Divider, {
|
|
2187
|
+
size: 12,
|
|
2188
|
+
direction: "horizontal"
|
|
2189
2189
|
}), React__default.createElement("div", {
|
|
2190
2190
|
className: "amount"
|
|
2191
2191
|
}, props.type === 'From' ? React__default.createElement(ui.TextField, {
|
|
@@ -2836,7 +2836,7 @@ function SwapDetailsPage() {
|
|
|
2836
2836
|
label={t('From')}
|
|
2837
2837
|
loadingStatus={'success'}
|
|
2838
2838
|
/>
|
|
2839
|
-
<
|
|
2839
|
+
<Divider size={12} />
|
|
2840
2840
|
<TokenPreview
|
|
2841
2841
|
chain={{
|
|
2842
2842
|
displayName: lastStep?.toBlockchain || '',
|