@rango-dev/widget-embedded 0.5.1-next.9 → 0.7.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 +27 -0
- package/dist/Wallets.d.ts +2 -1
- package/dist/Wallets.d.ts.map +1 -1
- package/dist/Widget.d.ts +0 -1
- package/dist/Widget.d.ts.map +1 -1
- package/dist/components/BottomLogo.d.ts.map +1 -1
- package/dist/components/ChangeSlippageButton.d.ts.map +1 -1
- package/dist/components/ConfirmSwapWarnings.d.ts +2 -2
- package/dist/components/ConfirmSwapWarnings.d.ts.map +1 -1
- package/dist/components/HeaderButtons.d.ts.map +1 -1
- package/dist/components/Layout.d.ts.map +1 -1
- package/dist/components/SwapDetailsPlaceholder.d.ts.map +1 -1
- package/dist/components/TokenInfo.d.ts.map +1 -1
- package/dist/components/TokenPreview.d.ts +1 -1
- package/dist/components/TokenPreview.d.ts.map +1 -1
- package/dist/components/WidgetEvents.d.ts.map +1 -1
- package/dist/components/warnings/HighSlippageWarning.d.ts.map +1 -1
- package/dist/components/warnings/MinRequiredSlippage.d.ts.map +1 -1
- package/dist/hooks/useConfirmSwap.d.ts +1 -1
- package/dist/hooks/useConfirmSwap.d.ts.map +1 -1
- package/dist/index.d.ts +4 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/WalletsPage.d.ts.map +1 -1
- package/dist/store/bestRoute.d.ts +4 -4
- package/dist/store/bestRoute.d.ts.map +1 -1
- package/dist/store/settings.d.ts +16 -0
- package/dist/store/settings.d.ts.map +1 -1
- package/dist/store/wallets.d.ts +2 -2
- package/dist/store/wallets.d.ts.map +1 -1
- package/dist/types/config.d.ts +23 -4
- package/dist/types/config.d.ts.map +1 -1
- package/dist/types/swap.d.ts +1 -1
- package/dist/types/swap.d.ts.map +1 -1
- package/dist/utils/routing.d.ts +1 -1
- package/dist/utils/routing.d.ts.map +1 -1
- package/dist/utils/swap.d.ts +6 -4
- package/dist/utils/swap.d.ts.map +1 -1
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +10 -13
- package/src/Wallets.tsx +8 -2
- package/src/Widget.tsx +18 -23
- package/src/components/BottomLogo.tsx +2 -4
- package/src/components/ChangeSlippageButton.tsx +3 -3
- package/src/components/ConfirmSwapWarnings.tsx +10 -13
- package/src/components/HeaderButtons.tsx +7 -9
- package/src/components/Layout.tsx +21 -13
- package/src/components/SwapDetailsPlaceholder.tsx +10 -2
- package/src/components/TokenInfo.tsx +26 -23
- package/src/components/TokenPreview.tsx +12 -13
- package/src/components/WidgetEvents.tsx +4 -5
- package/src/components/warnings/BalanceErrors.tsx +3 -3
- package/src/components/warnings/HighSlippageWarning.tsx +9 -2
- package/src/components/warnings/MinRequiredSlippage.tsx +11 -4
- package/src/hooks/useConfirmSwap.ts +10 -3
- package/src/index.ts +44 -3
- package/src/pages/ConfirmSwapPage.tsx +5 -5
- package/src/pages/Home.tsx +2 -1
- package/src/pages/WalletsPage.tsx +2 -3
- package/src/store/bestRoute.ts +18 -8
- package/src/store/settings.ts +17 -0
- package/src/store/wallets.ts +39 -13
- package/src/types/config.ts +22 -4
- package/src/types/swap.ts +1 -1
- package/src/utils/routing.ts +1 -1
- package/src/utils/swap.ts +53 -26
- package/src/utils/wallets.ts +18 -4
- package/dist/hooks/useSelectLanguage.d.ts +0 -5
- package/dist/hooks/useSelectLanguage.d.ts.map +0 -1
- package/dist/i18n.d.ts +0 -3
- package/dist/i18n.d.ts.map +0 -1
- package/src/hooks/useSelectLanguage.ts +0 -17
- package/src/i18n.js +0 -30
package/dist/pages/Home.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":";AAoEA,wBAAgB,IAAI,gBA6JnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../../src/pages/WalletsPage.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,UAAU,SAAS;IACjB,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,YAAY,EAAE,OAAO,CAAC;CACvB;AAyBD,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../../src/pages/WalletsPage.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,UAAU,SAAS;IACjB,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,YAAY,EAAE,OAAO,CAAC;CACvB;AAyBD,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,SAAS,eAyFxE"}
|
|
@@ -7,9 +7,9 @@ export interface RouteState {
|
|
|
7
7
|
fromChain: BlockchainMeta | null;
|
|
8
8
|
toChain: BlockchainMeta | null;
|
|
9
9
|
inputAmount: string;
|
|
10
|
-
inputUsdValue: BigNumber;
|
|
10
|
+
inputUsdValue: BigNumber | null;
|
|
11
11
|
outputAmount: BigNumber | null;
|
|
12
|
-
outputUsdValue: BigNumber;
|
|
12
|
+
outputUsdValue: BigNumber | null;
|
|
13
13
|
fromToken: TokenWithBalance | null;
|
|
14
14
|
toToken: TokenWithBalance | null;
|
|
15
15
|
loading: boolean;
|
|
@@ -43,9 +43,9 @@ export declare const useBestRouteStore: {
|
|
|
43
43
|
fromChain: () => BlockchainMeta | null;
|
|
44
44
|
toChain: () => BlockchainMeta | null;
|
|
45
45
|
inputAmount: () => string;
|
|
46
|
-
inputUsdValue: () => BigNumber;
|
|
46
|
+
inputUsdValue: () => BigNumber | null;
|
|
47
47
|
outputAmount: () => BigNumber | null;
|
|
48
|
-
outputUsdValue: () => BigNumber;
|
|
48
|
+
outputUsdValue: () => BigNumber | null;
|
|
49
49
|
fromToken: () => TokenWithBalance | null;
|
|
50
50
|
toToken: () => TokenWithBalance | null;
|
|
51
51
|
loading: () => boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bestRoute.d.ts","sourceRoot":"","sources":["../../src/store/bestRoute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,SAAS,MAAM,cAAc,CAAC;AAkBrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;
|
|
1
|
+
{"version":3,"file":"bestRoute.d.ts","sourceRoot":"","sources":["../../src/store/bestRoute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,SAAS,MAAM,cAAc,CAAC;AAkBrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAShF,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,iBAAiB,EAAE,KAAK,EAAE,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CACZ,KAAK,EAAE,cAAc,GAAG,IAAI,EAC5B,eAAe,CAAC,EAAE,OAAO,KACtB,IAAI,CAAC;IACV,UAAU,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,EAAE,eAAe,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9E,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,KAAK,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;gCAfV,IAAI;oCAEb,cAAc,GAAG,IAAI,oBACV,OAAO,KACtB,IAAI;kCACW,cAAc,GAAG,IAAI,oBAAoB,OAAO,KAAK,IAAI;oCACvD,KAAK,GAAG,IAAI,KAAK,IAAI;kCACvB,KAAK,GAAG,IAAI,KAAK,IAAI;uCAChB,MAAM,KAAK,IAAI;;wCAEd,iBAAiB,GAAG,IAAI,KAAK,IAAI;mCACtC,WAAW,KAAK,IAAI;qCAClB,IAAI;;CAwM5B,CAAC;AA+HF,eAAO,MAAQ,cAAc,YAG5B,CAAC"}
|
package/dist/store/settings.d.ts
CHANGED
|
@@ -6,6 +6,10 @@ export interface SettingsState {
|
|
|
6
6
|
disabledLiquiditySources: string[];
|
|
7
7
|
theme: Theme;
|
|
8
8
|
affiliateRef: string | null;
|
|
9
|
+
affiliatePercent: number | null;
|
|
10
|
+
affiliateWallets: {
|
|
11
|
+
[key: string]: string;
|
|
12
|
+
} | null;
|
|
9
13
|
setSlippage: (slippage: number) => void;
|
|
10
14
|
setCustomSlippage: (customSlippage: number | null) => void;
|
|
11
15
|
toggleInfiniteApprove: () => void;
|
|
@@ -13,6 +17,10 @@ export interface SettingsState {
|
|
|
13
17
|
setTheme: (theme: Theme) => void;
|
|
14
18
|
toggleAllLiquiditySources: () => void;
|
|
15
19
|
setAffiliateRef: (affiliateRef: string | null) => void;
|
|
20
|
+
setAffiliatePercent: (affiliatePercent: number | null) => void;
|
|
21
|
+
setAffiliateWallets: (affiliateWallets: {
|
|
22
|
+
[key: string]: string;
|
|
23
|
+
} | null) => void;
|
|
16
24
|
}
|
|
17
25
|
export declare const useSettingsStore: {
|
|
18
26
|
(): SettingsState;
|
|
@@ -43,6 +51,10 @@ export declare const useSettingsStore: {
|
|
|
43
51
|
disabledLiquiditySources: () => string[];
|
|
44
52
|
theme: () => Theme;
|
|
45
53
|
affiliateRef: () => string | null;
|
|
54
|
+
affiliatePercent: () => number | null;
|
|
55
|
+
affiliateWallets: () => {
|
|
56
|
+
[key: string]: string;
|
|
57
|
+
} | null;
|
|
46
58
|
setSlippage: () => (slippage: number) => void;
|
|
47
59
|
setCustomSlippage: () => (customSlippage: number | null) => void;
|
|
48
60
|
toggleInfiniteApprove: () => () => void;
|
|
@@ -50,6 +62,10 @@ export declare const useSettingsStore: {
|
|
|
50
62
|
setTheme: () => (theme: Theme) => void;
|
|
51
63
|
toggleAllLiquiditySources: () => () => void;
|
|
52
64
|
setAffiliateRef: () => (affiliateRef: string | null) => void;
|
|
65
|
+
setAffiliatePercent: () => (affiliatePercent: number | null) => void;
|
|
66
|
+
setAffiliateWallets: () => (affiliateWallets: {
|
|
67
|
+
[key: string]: string;
|
|
68
|
+
} | null) => void;
|
|
53
69
|
};
|
|
54
70
|
};
|
|
55
71
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/store/settings.ts"],"names":[],"mappings":"AAOA,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/store/settings.ts"],"names":[],"mappings":"AAOA,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CACnB,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,KAC/C,IAAI,CAAC;CACX;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAbH,MAAM,KAAK,IAAI;kDACH,MAAM,GAAG,IAAI,KAAK,IAAI;2CAC7B,IAAI;4CACH,MAAM,KAAK,IAAI;gCAC3B,KAAK,KAAK,IAAI;+CACC,IAAI;8CACL,MAAM,GAAG,IAAI,KAAK,IAAI;sDACd,MAAM,GAAG,IAAI,KAAK,IAAI;;;qBAGzD,IAAI;;CA+EV,CAAC"}
|
package/dist/store/wallets.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ interface WalletsStore {
|
|
|
27
27
|
initSelectedWallets: () => void;
|
|
28
28
|
setSelectedWallet: (wallet: SelectableWallet) => void;
|
|
29
29
|
clearConnectedWallet: () => void;
|
|
30
|
-
|
|
30
|
+
getWalletsDetails: (accounts: Wallet[], shouldRetry?: boolean) => void;
|
|
31
31
|
setCustomDestination: (customDestination: string) => void;
|
|
32
32
|
}
|
|
33
33
|
export declare const useWalletsStore: {
|
|
@@ -51,7 +51,7 @@ export declare const useWalletsStore: {
|
|
|
51
51
|
initSelectedWallets: () => () => void;
|
|
52
52
|
setSelectedWallet: () => (wallet: SelectableWallet) => void;
|
|
53
53
|
clearConnectedWallet: () => () => void;
|
|
54
|
-
|
|
54
|
+
getWalletsDetails: () => (accounts: Wallet[], shouldRetry?: boolean) => void;
|
|
55
55
|
setCustomDestination: () => (customDestination: string) => void;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/store/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAgBvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC7C,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,UAAU,YAAY;IACpB,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,
|
|
1
|
+
{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/store/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAgBvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC7C,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,UAAU,YAAY;IACpB,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;wCATA,MAAM,EAAE,KAAK,IAAI;6CACZ,UAAU,KAAK,IAAI;yCACvB,IAAI;0CACH,gBAAgB,KAAK,IAAI;0CACzB,IAAI;4CACF,MAAM,EAAE,gBAAgB,OAAO,KAAK,IAAI;wDAC5B,MAAM,KAAK,IAAI;;CAoJ1D,CAAC;AAyBF,eAAO,MAAM,uBAAuB,UAAW,YAAY,YACA,CAAC"}
|
package/dist/types/config.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Asset } from 'rango-sdk';
|
|
2
2
|
import { WalletType } from '@rango-dev/wallets-shared';
|
|
3
3
|
import { ProviderInterface } from '@rango-dev/wallets-core';
|
|
4
|
+
import { Language } from '@rango-dev/ui';
|
|
4
5
|
/**
|
|
5
6
|
* The above type defines a set of optional color properties for a widget.
|
|
6
7
|
* @property {string} background
|
|
@@ -51,6 +52,24 @@ export type WidgetTheme = {
|
|
|
51
52
|
height?: number;
|
|
52
53
|
singleTheme?: boolean;
|
|
53
54
|
};
|
|
55
|
+
/**
|
|
56
|
+
* If you want to charge users fee per transaction, you should
|
|
57
|
+
* pass `WidgetAffiliate` including affiliateRef, affiliatePercent, and affiliateWallets.
|
|
58
|
+
* @property {string | null} ref - To enable dApps to charge affiliate fees and generate income from
|
|
59
|
+
* users' transactions, the affiliate referral code should be provided. You can create this code by
|
|
60
|
+
* visiting the following link: https://app.rango.exchange/affiliate.
|
|
61
|
+
* @property {number | null} percent - If you want to change the default affiliate fee percentage,
|
|
62
|
+
* you can provide a new value here.
|
|
63
|
+
* @property {{ [key: string]: string }} wallets - If you want to change the default affiliate wallet
|
|
64
|
+
* addresses, you can provide new values here. (Map of route blockchains to affiliate address)
|
|
65
|
+
*/
|
|
66
|
+
export type WidgeAffiliate = {
|
|
67
|
+
ref?: string;
|
|
68
|
+
percent?: number;
|
|
69
|
+
wallets?: {
|
|
70
|
+
[key: string]: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
54
73
|
/**
|
|
55
74
|
* `BlockchainAndTokenConfig`
|
|
56
75
|
*
|
|
@@ -74,8 +93,8 @@ export type BlockchainAndTokenConfig = {
|
|
|
74
93
|
* and theme.
|
|
75
94
|
*
|
|
76
95
|
* @property {string} apiKey - The API key used to communicate with Rango API
|
|
77
|
-
* @property {
|
|
78
|
-
*
|
|
96
|
+
* @property {WidgeAffiliate} affiliate - If you want to charge users fee per transaction, you should
|
|
97
|
+
* pass `WidgetAffiliate` including affiliateRef, affiliatePercent, and affiliateWallets.
|
|
79
98
|
* @property {number} amount - The default input amount.
|
|
80
99
|
* @property {BlockchainAndTokenConfig} from - The `from` property is an optional property of type
|
|
81
100
|
* `BlockchainAndTokenConfig` that specifies the default blockchain and token from which the user wants to
|
|
@@ -106,7 +125,7 @@ export type BlockchainAndTokenConfig = {
|
|
|
106
125
|
*/
|
|
107
126
|
export type WidgetConfig = {
|
|
108
127
|
apiKey: string;
|
|
109
|
-
|
|
128
|
+
affiliate?: WidgeAffiliate;
|
|
110
129
|
amount?: number;
|
|
111
130
|
from?: BlockchainAndTokenConfig;
|
|
112
131
|
to?: BlockchainAndTokenConfig;
|
|
@@ -114,7 +133,7 @@ export type WidgetConfig = {
|
|
|
114
133
|
wallets?: (WalletType | ProviderInterface)[];
|
|
115
134
|
multiWallets?: boolean;
|
|
116
135
|
customDestination?: boolean;
|
|
117
|
-
language?:
|
|
136
|
+
language?: Language;
|
|
118
137
|
theme?: WidgetTheme;
|
|
119
138
|
externalWallets?: boolean;
|
|
120
139
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,YAAY,CAAA;KAAE,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,EAAE,CAAC,EAAE,wBAAwB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAAC,EAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC"}
|
package/dist/types/swap.d.ts
CHANGED
package/dist/types/swap.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"swap.d.ts","sourceRoot":"","sources":["../../src/types/swap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"swap.d.ts","sourceRoot":"","sources":["../../src/types/swap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,iBAAiB,EACjB,qBAAqB,CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,CAC1B;IAAE,QAAQ,EAAE,IAAI,CAAA;CAAE,GAClB;IAAE,QAAQ,EAAE,KAAK,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,CAC5C,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,GAAG,IAAI,CAAC"}
|
package/dist/utils/routing.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SimulationAssetAndAmount, SimulationValidationStatus } from '@rango-dev/ui/dist/types/swaps';
|
|
1
|
+
import { SimulationAssetAndAmount, SimulationValidationStatus } from '@rango-dev/ui/dist/widget/ui/src/types/swaps';
|
|
2
2
|
import BigNumber from 'bignumber.js';
|
|
3
3
|
import { BestRouteResponse, BlockchainMeta, Token } from 'rango-sdk';
|
|
4
4
|
import { BestRouteEqualityParams, Wallet } from '../types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"routing.d.ts","sourceRoot":"","sources":["../../src/utils/routing.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,
|
|
1
|
+
{"version":3,"file":"routing.d.ts","sourceRoot":"","sources":["../../src/utils/routing.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,8CAA8C,CAAC;AACtD,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAErE,OAAO,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,KAAK,EAAE,EACf,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,KAAK,EAAE,cAAc,GAAG,IAAI,GAC3B,KAAK,GAAG,IAAI,CAkBd;AAED,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,iBAAiB,GAAG,IAAI,GAClC,MAAM,GAAG,IAAI,GAAG,SAAS,CAG3B;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,WAK1B;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,WAO1B;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,WAO1B;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,GACxB,OAAO,CAMT;AAED,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,SAAS,GAAG,IAAI,EAC9B,YAAY,EAAE,SAAS,GAAG,CAAC,WAQ5B;AAED,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,MAAM,EACtB,GAAG,EAAE,0BAA0B,EAAE,GAAG,IAAI,GACvC,wBAAwB,EAAE,GAAG,IAAI,CAUnC;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,uBAAuB,uBA4BvE;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,iBAAiB,GAAG,IAAI,GAClC,iBAAiB,GAAG,IAAI,CAe1B;AAED,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAiB5E;AAGD,eAAO,MAAM,kBAAkB,YAAa,OAAO,SAAS,OAAO,qCAIlE,CAAC"}
|
package/dist/utils/swap.d.ts
CHANGED
|
@@ -6,8 +6,8 @@ import { LoadingStatus } from '../store/meta';
|
|
|
6
6
|
import { ConvertedToken, SwapButtonState, Wallet } from '../types';
|
|
7
7
|
import { PendingSwapStep } from '@rango-dev/queue-manager-rango-preset';
|
|
8
8
|
import { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
|
|
9
|
-
export declare function getOutputRatio(inputUsdValue: BigNumber, outputUsdValue: BigNumber): 0 | BigNumber;
|
|
10
|
-
export declare function outputRatioHasWarning(inputUsdValue: BigNumber, outputRatio: BigNumber | 0): boolean;
|
|
9
|
+
export declare function getOutputRatio(inputUsdValue: BigNumber | null, outputUsdValue: BigNumber | null): 0 | BigNumber;
|
|
10
|
+
export declare function outputRatioHasWarning(inputUsdValue: BigNumber | null, outputRatio: BigNumber | 0): boolean;
|
|
11
11
|
export declare function hasLimitError(bestRoute: BestRouteResponse | null): boolean;
|
|
12
12
|
export declare function LimitErrorMessage(bestRoute: BestRouteResponse | null): {
|
|
13
13
|
swap: SwapResult | null;
|
|
@@ -15,7 +15,7 @@ export declare function LimitErrorMessage(bestRoute: BestRouteResponse | null):
|
|
|
15
15
|
recommendation: string;
|
|
16
16
|
};
|
|
17
17
|
export declare function getSwapButtonState(loadingMetaStatus: LoadingStatus, connectedWallets: ConnectedWallet[], loading: boolean, bestRoute: BestRouteResponse | null, hasLimitError: boolean, highValueLoss: boolean, priceImpactCanNotBeComputed: boolean, needsToWarnEthOnPath: boolean, inputAmount: string): SwapButtonState;
|
|
18
|
-
export declare function canComputePriceImpact(bestRoute: BestRouteResponse | null, inputAmount: string, inputUsdValue: BigNumber, outputUsdValue: BigNumber): boolean;
|
|
18
|
+
export declare function canComputePriceImpact(bestRoute: BestRouteResponse | null, inputAmount: string, inputUsdValue: BigNumber | null, outputUsdValue: BigNumber | null): boolean;
|
|
19
19
|
export declare function requiredWallets(route: BestRouteResponse | null): string[];
|
|
20
20
|
export declare const getUsdPrice: (blockchain: string, symbol: string, address: string | null, allTokens: Token[]) => number | null;
|
|
21
21
|
export declare function getUsdFeeOfStep(step: SwapResult, allTokens: Token[]): BigNumber;
|
|
@@ -26,7 +26,9 @@ export declare function getMinRequiredSlippage(route: BestRouteResponse): string
|
|
|
26
26
|
export declare function hasProperSlippage(userSlippage: string, minRequiredSlippage: string | null): boolean;
|
|
27
27
|
export declare function hasEnoughBalance(route: BestRouteResponse, selectedWallets: Wallet[]): boolean;
|
|
28
28
|
export declare function hasEnoughBalanceAndProperSlippage(route: BestRouteResponse, selectedWallets: Wallet[], userSlippage: string, minRequiredSlippage: string | null): boolean;
|
|
29
|
-
export declare function createBestRouteRequestBody(fromToken: Token, toToken: Token, inputAmount: string, wallets: ConnectedWallet[], selectedWallets: Wallet[], disabledLiquiditySources: string[], slippage: number, affiliateRef: string | null,
|
|
29
|
+
export declare function createBestRouteRequestBody(fromToken: Token, toToken: Token, inputAmount: string, wallets: ConnectedWallet[], selectedWallets: Wallet[], disabledLiquiditySources: string[], slippage: number, affiliateRef: string | null, affiliatePercent: number | null, affiliateWallets: {
|
|
30
|
+
[key: string]: string;
|
|
31
|
+
} | null, initialRoute?: BestRouteResponse, destination?: string): BestRouteRequest;
|
|
30
32
|
export declare function getWalletsForNewSwap(selectedWallets: Wallet[]): {
|
|
31
33
|
[p: string]: {
|
|
32
34
|
address: string;
|
package/dist/utils/swap.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"swap.d.ts","sourceRoot":"","sources":["../../src/utils/swap.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,KAAK,EACN,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"swap.d.ts","sourceRoot":"","sources":["../../src/utils/swap.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/utils/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EACP,WAAW,EACX,UAAU,EAEV,UAAU,EACV,WAAW,EAEZ,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,UAAU,IAAI,eAAe,EAC7B,WAAW,IAAI,YAAY,EAC3B,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,YAAY,EACb,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAW/D;AAED,eAAO,MAAM,eAAe,eAAqB,CAAC;AAElD,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,WAAW,EAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,EAC/C,IAAI,EAAE,UAAU,EAAE,GACjB,eAAe,EAAE,CAoBnB;AAED,wBAAgB,6BAA6B,CAC3C,eAAe,EAAE,cAAc,EAAE,GAChC,OAAO,EAAE,GAAG,IAAI,CAQlB;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,MAAM,EAAE,EAClB,cAAc,EAAE,MAAM,EAAE,EACxB,mBAAmB,EAAE,OAAO,EAAE,GAAG,IAAI,GACpC,MAAM,EAAE,CA8DV;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/utils/wallets.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rango-dev/widget-embedded",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -17,23 +17,20 @@
|
|
|
17
17
|
"lint": "eslint \"**/*.{ts,tsx}\" --ignore-path ../../.eslintignore"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@rango-dev/provider-all": "^0.
|
|
21
|
-
"@rango-dev/queue-manager-core": "^0.
|
|
22
|
-
"@rango-dev/queue-manager-rango-preset": "^0.
|
|
23
|
-
"@rango-dev/queue-manager-react": "^0.
|
|
24
|
-
"@rango-dev/ui": "^0.
|
|
25
|
-
"@rango-dev/wallets-core": "^0.
|
|
26
|
-
"@rango-dev/wallets-shared": "^0.
|
|
20
|
+
"@rango-dev/provider-all": "^0.7.0",
|
|
21
|
+
"@rango-dev/queue-manager-core": "^0.7.0",
|
|
22
|
+
"@rango-dev/queue-manager-rango-preset": "^0.7.0",
|
|
23
|
+
"@rango-dev/queue-manager-react": "^0.6.0",
|
|
24
|
+
"@rango-dev/ui": "^0.7.0",
|
|
25
|
+
"@rango-dev/wallets-core": "^0.7.0",
|
|
26
|
+
"@rango-dev/wallets-shared": "^0.6.0",
|
|
27
27
|
"bignumber.js": "^9.1.1",
|
|
28
28
|
"copy-to-clipboard": "^3.3.3",
|
|
29
29
|
"dayjs": "^1.11.7",
|
|
30
|
-
"i18next": "^22.4.11",
|
|
31
|
-
"i18next-browser-languagedetector": "^7.0.1",
|
|
32
|
-
"i18next-http-backend": "^2.1.1",
|
|
33
30
|
"immer": "^9.0.19",
|
|
34
31
|
"mitt": "^3.0.0",
|
|
35
|
-
"rango-sdk": "^0.1.
|
|
36
|
-
"rango-types": "^0.1.
|
|
32
|
+
"rango-sdk": "^0.1.35",
|
|
33
|
+
"rango-types": "^0.1.45",
|
|
37
34
|
"react-i18next": "^12.2.0",
|
|
38
35
|
"react-router-dom": "^6.8.0",
|
|
39
36
|
"values.js": "2.1.1",
|
package/src/Wallets.tsx
CHANGED
|
@@ -9,7 +9,6 @@ import {
|
|
|
9
9
|
} from './utils/wallets';
|
|
10
10
|
import { useWalletsStore } from './store/wallets';
|
|
11
11
|
import { isEvmBlockchain } from 'rango-sdk';
|
|
12
|
-
import './i18n';
|
|
13
12
|
import { useWalletProviders } from './hooks/useWalletProviders';
|
|
14
13
|
import { WidgetConfig } from './types';
|
|
15
14
|
import { createContext, useRef } from 'react';
|
|
@@ -28,6 +27,7 @@ export const WidgetContext = createContext<WidgetContextInterface>({
|
|
|
28
27
|
export function WidgetWallets(
|
|
29
28
|
props: PropsWithChildren<{
|
|
30
29
|
providers: WidgetConfig['wallets'];
|
|
30
|
+
onUpdateState?: EventHandler;
|
|
31
31
|
}>
|
|
32
32
|
) {
|
|
33
33
|
const { blockchains } = useMetaStore.use.meta();
|
|
@@ -81,6 +81,11 @@ export function WidgetWallets(
|
|
|
81
81
|
else
|
|
82
82
|
console.warn(`onConnectWallet handler hasn't been set. Are you sure?`);
|
|
83
83
|
}
|
|
84
|
+
|
|
85
|
+
// propagate updates for Dapps using external wallets
|
|
86
|
+
if (props.onUpdateState) {
|
|
87
|
+
props.onUpdateState(type, event, value, state, supportedChains);
|
|
88
|
+
}
|
|
84
89
|
};
|
|
85
90
|
return (
|
|
86
91
|
<WidgetContext.Provider
|
|
@@ -92,7 +97,8 @@ export function WidgetWallets(
|
|
|
92
97
|
<Provider
|
|
93
98
|
allBlockChains={blockchains}
|
|
94
99
|
providers={providers}
|
|
95
|
-
onUpdateState={onUpdateState}
|
|
100
|
+
onUpdateState={onUpdateState}
|
|
101
|
+
autoConnect>
|
|
96
102
|
{props.children}
|
|
97
103
|
</Provider>
|
|
98
104
|
</WidgetContext.Provider>
|
package/src/Widget.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SwapContainer, styled } from '@rango-dev/ui';
|
|
1
|
+
import { SwapContainer, styled, I18nManager } from '@rango-dev/ui';
|
|
2
2
|
import React, {
|
|
3
3
|
PropsWithChildren,
|
|
4
4
|
useContext,
|
|
@@ -12,8 +12,6 @@ import { Layout } from './components/Layout';
|
|
|
12
12
|
import { globalFont } from './globalStyles';
|
|
13
13
|
import { useTheme } from './hooks/useTheme';
|
|
14
14
|
import { WidgetConfig } from './types';
|
|
15
|
-
import useSelectLanguage from './hooks/useSelectLanguage';
|
|
16
|
-
import './i18n';
|
|
17
15
|
import QueueManager from './QueueManager';
|
|
18
16
|
import { useUiStore } from './store/ui';
|
|
19
17
|
import { navigationRoutes } from './constants/navigationRoutes';
|
|
@@ -37,7 +35,6 @@ export function Main(props: PropsWithChildren<WidgetProps>) {
|
|
|
37
35
|
globalFont(config?.theme?.fontFamily || 'Roboto');
|
|
38
36
|
|
|
39
37
|
const { activeTheme } = useTheme(config?.theme || {});
|
|
40
|
-
const { changeLanguage } = useSelectLanguage();
|
|
41
38
|
const [lastConnectedWalletWithNetwork, setLastConnectedWalletWithNetwork] =
|
|
42
39
|
useState<string>('');
|
|
43
40
|
const [disconnectedWallet, setDisconnectedWallet] = useState<WalletType>();
|
|
@@ -52,30 +49,28 @@ export function Main(props: PropsWithChildren<WidgetProps>) {
|
|
|
52
49
|
}
|
|
53
50
|
}, [config]);
|
|
54
51
|
|
|
55
|
-
useEffect(() => {
|
|
56
|
-
changeLanguage(config?.language || 'en');
|
|
57
|
-
}, [config?.language]);
|
|
58
|
-
|
|
59
52
|
useEffect(() => {
|
|
60
53
|
widgetContext.onConnectWallet(setLastConnectedWalletWithNetwork);
|
|
61
54
|
}, []);
|
|
62
55
|
|
|
63
56
|
return (
|
|
64
|
-
<
|
|
65
|
-
<
|
|
66
|
-
<
|
|
67
|
-
|
|
68
|
-
<
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
57
|
+
<I18nManager language={config?.language}>
|
|
58
|
+
<MainContainer id="swap-container" className={activeTheme}>
|
|
59
|
+
<QueueManager>
|
|
60
|
+
<WidgetEvents />
|
|
61
|
+
<SwapContainer fixedHeight={currentPage !== navigationRoutes.home}>
|
|
62
|
+
<AppRouter
|
|
63
|
+
lastConnectedWallet={lastConnectedWalletWithNetwork}
|
|
64
|
+
disconnectedWallet={disconnectedWallet}
|
|
65
|
+
clearDisconnectedWallet={() => {
|
|
66
|
+
setDisconnectedWallet(undefined);
|
|
67
|
+
}}>
|
|
68
|
+
<Layout config={config} />
|
|
69
|
+
</AppRouter>
|
|
70
|
+
</SwapContainer>
|
|
71
|
+
</QueueManager>
|
|
72
|
+
</MainContainer>
|
|
73
|
+
</I18nManager>
|
|
79
74
|
);
|
|
80
75
|
}
|
|
81
76
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { styled } from '@rango-dev/ui';
|
|
3
3
|
import { Typography } from '@rango-dev/ui';
|
|
4
|
-
import {
|
|
4
|
+
import { i18n } from '@lingui/core';
|
|
5
5
|
|
|
6
6
|
const Container = styled('div', {
|
|
7
7
|
display: 'flex',
|
|
@@ -25,12 +25,10 @@ const StyledAnchor = styled('a', {
|
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
export function BottomLogo() {
|
|
28
|
-
const { t } = useTranslation();
|
|
29
|
-
|
|
30
28
|
return (
|
|
31
29
|
<Container>
|
|
32
30
|
<Typography variant="caption" color="$neutral600">
|
|
33
|
-
{t('Powered By')}
|
|
31
|
+
{i18n.t('Powered By')}
|
|
34
32
|
</Typography>
|
|
35
33
|
<StyledAnchor href="https://rango.exchange" target="_blank">
|
|
36
34
|
<Logo xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.68 29">
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { Button } from '@rango-dev/ui';
|
|
3
3
|
import { useNavigate } from 'react-router-dom';
|
|
4
4
|
import { navigationRoutes } from '../constants/navigationRoutes';
|
|
5
|
+
import { i18n } from '@lingui/core';
|
|
5
6
|
|
|
6
7
|
export function ChangeSlippageButton() {
|
|
7
8
|
const navigate = useNavigate();
|
|
@@ -11,9 +12,8 @@ export function ChangeSlippageButton() {
|
|
|
11
12
|
type="primary"
|
|
12
13
|
variant="outlined"
|
|
13
14
|
size="small"
|
|
14
|
-
onClick={() => navigate('/' + navigationRoutes.settings)}
|
|
15
|
-
|
|
16
|
-
Change Slippage
|
|
15
|
+
onClick={() => navigate('/' + navigationRoutes.settings)}>
|
|
16
|
+
{i18n.t('Change Slippage')}
|
|
17
17
|
</Button>
|
|
18
18
|
);
|
|
19
19
|
}
|
|
@@ -1,25 +1,22 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
ConfirmSwapWarningTypes,
|
|
3
|
+
ConfirmSwapWarnings as ConfirmSwapWarningsType,
|
|
4
|
+
} from '../types';
|
|
2
5
|
|
|
3
|
-
export function ConfirmSwapWarnings(warnings:
|
|
6
|
+
export function ConfirmSwapWarnings(warnings: ConfirmSwapWarningsType[]) {
|
|
4
7
|
return warnings.flatMap((warning) => {
|
|
5
8
|
switch (warning.type) {
|
|
6
9
|
case ConfirmSwapWarningTypes.ROUTE_UPDATED:
|
|
7
|
-
return
|
|
10
|
+
return 'Route has been updated.';
|
|
8
11
|
case ConfirmSwapWarningTypes.ROUTE_AND_OUTPUT_AMOUNT_UPDATED:
|
|
9
|
-
return (
|
|
10
|
-
`Output amount changed to ${warning.newOutputAmount} (${warning.percentageChange}% change).`
|
|
11
|
-
);
|
|
12
|
+
return `Output amount changed to ${warning.newOutputAmount} (${warning.percentageChange}% change).`;
|
|
12
13
|
|
|
13
14
|
case ConfirmSwapWarningTypes.ROUTE_SWAPPERS_UPDATED:
|
|
14
|
-
return
|
|
15
|
-
"Route swappers has been updated."
|
|
16
|
-
);
|
|
15
|
+
return 'Route swappers has been updated.';
|
|
17
16
|
case ConfirmSwapWarningTypes.ROUTE_COINS_UPDATED:
|
|
18
|
-
return
|
|
19
|
-
"Route internal coins has been updated."
|
|
20
|
-
);
|
|
17
|
+
return 'Route internal coins has been updated.';
|
|
21
18
|
default:
|
|
22
19
|
return [];
|
|
23
20
|
}
|
|
24
21
|
});
|
|
25
|
-
}
|
|
22
|
+
}
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
} from '@rango-dev/ui';
|
|
10
10
|
import { useNavigate } from 'react-router-dom';
|
|
11
11
|
import { navigationRoutes } from '../constants/navigationRoutes';
|
|
12
|
+
import { i18n } from '@lingui/core';
|
|
12
13
|
|
|
13
14
|
const ButtonsContainer = styled('div', {
|
|
14
15
|
display: 'flex',
|
|
@@ -24,28 +25,25 @@ export function HeaderButtons(props: PropTypes) {
|
|
|
24
25
|
|
|
25
26
|
return (
|
|
26
27
|
<ButtonsContainer>
|
|
27
|
-
<Tooltip content=
|
|
28
|
+
<Tooltip content={i18n.t('Refresh')}>
|
|
28
29
|
<Button
|
|
29
30
|
variant="ghost"
|
|
30
31
|
onClick={onClickRefresh}
|
|
31
|
-
disabled={!onClickRefresh}
|
|
32
|
-
>
|
|
32
|
+
disabled={!onClickRefresh}>
|
|
33
33
|
<RetryIcon size={24} disabled={!onClickRefresh} />
|
|
34
34
|
</Button>
|
|
35
35
|
</Tooltip>
|
|
36
|
-
<Tooltip content=
|
|
36
|
+
<Tooltip content={i18n.t('Transactions History')}>
|
|
37
37
|
<Button
|
|
38
38
|
variant="ghost"
|
|
39
|
-
onClick={() => navigate(navigationRoutes.swaps)}
|
|
40
|
-
>
|
|
39
|
+
onClick={() => navigate(navigationRoutes.swaps)}>
|
|
41
40
|
<HistoryIcon size={24} />
|
|
42
41
|
</Button>
|
|
43
42
|
</Tooltip>
|
|
44
|
-
<Tooltip content=
|
|
43
|
+
<Tooltip content={i18n.t('Settings')}>
|
|
45
44
|
<Button
|
|
46
45
|
variant="ghost"
|
|
47
|
-
onClick={() => navigate(navigationRoutes.settings)}
|
|
48
|
-
>
|
|
46
|
+
onClick={() => navigate(navigationRoutes.settings)}>
|
|
49
47
|
<SettingsIcon size={24} />
|
|
50
48
|
</Button>
|
|
51
49
|
</Tooltip>
|