@rango-dev/widget-embedded 0.10.1-next.0 → 0.11.0
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/Layout.d.ts.map +1 -1
- package/dist/components/PercentageChange.d.ts +9 -0
- package/dist/components/PercentageChange.d.ts.map +1 -0
- package/dist/components/RoutesOverview.d.ts +120 -0
- package/dist/components/RoutesOverview.d.ts.map +1 -0
- package/dist/components/SwapDetailsPlaceholder.d.ts +120 -0
- package/dist/components/SwapDetailsPlaceholder.d.ts.map +1 -0
- package/dist/components/SwitchFromAndTo.d.ts +3 -2
- package/dist/components/SwitchFromAndTo.d.ts.map +1 -1
- package/dist/components/TokenInfo.d.ts +18 -0
- package/dist/components/TokenInfo.d.ts.map +1 -0
- package/dist/components/TokenPreview.d.ts +21 -0
- package/dist/components/TokenPreview.d.ts.map +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/SwapDetailsPage.d.ts.map +1 -1
- package/dist/utils/numbers.d.ts.map +1 -1
- package/package.json +8 -8
- package/src/components/Layout.tsx +65 -12
- package/src/components/PercentageChange.tsx +33 -0
- package/src/components/RoutesOverview.tsx +57 -0
- package/src/components/SwapDetailsPlaceholder.tsx +47 -0
- package/src/components/SwitchFromAndTo.tsx +4 -34
- package/src/components/TokenInfo.tsx +329 -0
- package/src/components/TokenPreview.tsx +187 -0
- package/src/languages/en.json +14 -0
- package/src/languages/tr.json +11 -0
- package/src/pages/ConfirmSwapPage.tsx +9 -20
- package/src/pages/Home.tsx +144 -101
- package/src/pages/SwapDetailsPage.tsx +2 -5
- package/src/utils/numbers.ts +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -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":"AAQA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA4BxC,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,qBAwG7C"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import BigNumber from 'bignumber.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
interface PropTypes {
|
|
4
|
+
inputUsdValue: BigNumber | null;
|
|
5
|
+
outputUsdValue: BigNumber | null;
|
|
6
|
+
}
|
|
7
|
+
export declare function PercentageChange(props: PropTypes): React.JSX.Element | null;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=PercentageChange.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PercentageChange.d.ts","sourceRoot":"","sources":["../../src/components/PercentageChange.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,SAAS;IACjB,aAAa,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,4BAqBhD"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BestRouteResponse } from 'rango-sdk';
|
|
3
|
+
export declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
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, {}>>;
|
|
114
|
+
interface PropTypes {
|
|
115
|
+
routes: BestRouteResponse | null;
|
|
116
|
+
totalFee?: string;
|
|
117
|
+
}
|
|
118
|
+
declare function RoutesOverview(props: PropTypes): React.JSX.Element | null;
|
|
119
|
+
export default RoutesOverview;
|
|
120
|
+
//# sourceMappingURL=RoutesOverview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RoutesOverview.d.ts","sourceRoot":"","sources":["../../src/components/RoutesOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,4BA0BvC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const LoaderContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
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, {}>>;
|
|
113
|
+
interface PropTypes {
|
|
114
|
+
requestId: string;
|
|
115
|
+
loading: boolean;
|
|
116
|
+
onBack: () => void;
|
|
117
|
+
}
|
|
118
|
+
export declare function SwapDetailsPlaceholder(props: PropTypes): React.JSX.Element;
|
|
119
|
+
export {};
|
|
120
|
+
//# sourceMappingURL=SwapDetailsPlaceholder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwapDetailsPlaceholder.d.ts","sourceRoot":"","sources":["../../src/components/SwapDetailsPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,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,qBA0BtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchFromAndTo.d.ts","sourceRoot":"","sources":["../../src/components/SwitchFromAndTo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SwitchFromAndTo.d.ts","sourceRoot":"","sources":["../../src/components/SwitchFromAndTo.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,QAwB1D"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BlockchainMeta, Token } from 'rango-sdk';
|
|
3
|
+
import BigNumber from 'bignumber.js';
|
|
4
|
+
type PropTypes = ({
|
|
5
|
+
type: 'From';
|
|
6
|
+
inputAmount: string;
|
|
7
|
+
onAmountChange: (amount: string) => void;
|
|
8
|
+
} | {
|
|
9
|
+
type: 'To';
|
|
10
|
+
outputAmount: BigNumber | null;
|
|
11
|
+
outputUsdValue: BigNumber | null;
|
|
12
|
+
}) & {
|
|
13
|
+
chain: BlockchainMeta | null;
|
|
14
|
+
token: Token | null;
|
|
15
|
+
};
|
|
16
|
+
export declare function TokenInfo(props: PropTypes): React.JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=TokenInfo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TokenInfo.d.ts","sourceRoot":"","sources":["../../src/components/TokenInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAIlD,OAAO,SAAS,MAAM,cAAc,CAAC;AAOrC,KAAK,SAAS,GAAG,CACb;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,GACD;IACE,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;CAClC,CACJ,GAAG;IAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CAAC;AA4F1D,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBA0MzC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { LoadingStatus } from '../store/meta';
|
|
3
|
+
import BigNumber from 'bignumber.js';
|
|
4
|
+
interface PropTypes {
|
|
5
|
+
label: string;
|
|
6
|
+
amount: string;
|
|
7
|
+
usdValue: BigNumber | null;
|
|
8
|
+
loadingStatus: LoadingStatus;
|
|
9
|
+
chain: {
|
|
10
|
+
displayName: string;
|
|
11
|
+
logo: string;
|
|
12
|
+
};
|
|
13
|
+
token: {
|
|
14
|
+
symbol: string;
|
|
15
|
+
image: string;
|
|
16
|
+
};
|
|
17
|
+
percentageChange?: ReactNode;
|
|
18
|
+
}
|
|
19
|
+
export declare function TokenPreview(props: PropTypes): React.JSX.Element;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=TokenPreview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TokenPreview.d.ts","sourceRoot":"","sources":["../../src/components/TokenPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,SAAS,MAAM,cAAc,CAAC;AA8ErC,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,qBAiF5C"}
|