@lifi/widget 1.14.0 → 1.15.1
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/cjs/components/Header/Header.js +2 -2
- package/cjs/components/Header/NavigationHeader.js +5 -7
- package/cjs/components/Header/WalletHeader.js +4 -5
- package/cjs/components/ReverseTokensButton/ReverseTokensButton.js +10 -10
- package/cjs/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
- package/cjs/components/SelectTokenButton/SelectTokenButton.js +3 -3
- package/cjs/components/{SwapInProgress/SwapInProgress.d.ts → SendToWallet/SendToWallet.d.ts} +1 -1
- package/cjs/components/SendToWallet/SendToWallet.js +53 -0
- package/cjs/components/SendToWallet/SendToWallet.style.d.ts +19 -0
- package/cjs/components/SendToWallet/SendToWallet.style.js +15 -0
- package/cjs/components/SendToWallet/index.d.ts +1 -0
- package/cjs/components/{SwapInProgress → SendToWallet}/index.js +1 -1
- package/cjs/components/Step/StepTimer.js +1 -1
- package/cjs/components/SwapButton/SwapButton.js +11 -8
- package/cjs/components/SwapInput/FormPriceHelperText.d.ts +1 -1
- package/cjs/components/SwapInput/FormPriceHelperText.js +4 -4
- package/cjs/components/SwapInput/SwapInput.d.ts +1 -1
- package/cjs/components/SwapInput/SwapInput.js +4 -4
- package/cjs/components/SwapInput/SwapInputAdornment.d.ts +1 -1
- package/cjs/components/SwapInput/SwapInputAdornment.js +4 -4
- package/cjs/components/SwapRouteCard/SwapRouteCard.js +4 -3
- package/cjs/components/SwapRouteCard/SwapRouteCard.style.js +3 -3
- package/cjs/components/SwapsInProgress/SwapsInProgress.d.ts +3 -0
- package/cjs/components/SwapsInProgress/SwapsInProgress.js +29 -0
- package/cjs/components/{SwapInProgress/SwapInProgress.style.d.ts → SwapsInProgress/SwapsInProgress.style.d.ts} +0 -0
- package/cjs/components/{SwapInProgress/SwapInProgress.style.js → SwapsInProgress/SwapsInProgress.style.js} +0 -0
- package/cjs/components/SwapsInProgress/index.d.ts +1 -0
- package/cjs/components/SwapsInProgress/index.js +17 -0
- package/cjs/components/TokenList/TokenList.js +10 -11
- package/cjs/components/TokenList/VirtualizedTokenList.js +1 -1
- package/cjs/components/TokenList/types.d.ts +1 -1
- package/cjs/config/version.d.ts +1 -1
- package/cjs/config/version.js +1 -1
- package/cjs/hooks/index.d.ts +1 -0
- package/cjs/hooks/index.js +1 -0
- package/cjs/hooks/useNavigateBack.d.ts +4 -0
- package/cjs/hooks/useNavigateBack.js +18 -0
- package/cjs/hooks/useSwapRoutes.js +18 -7
- package/cjs/i18n/en/translation.json +13 -8
- package/cjs/i18n/index.d.ts +11 -6
- package/cjs/pages/MainPage/MainPage.js +3 -2
- package/cjs/pages/SelectTokenPage/ChainSelect.d.ts +1 -1
- package/cjs/pages/SelectTokenPage/ChainSelect.js +11 -12
- package/cjs/pages/SelectTokenPage/SearchTokenInput.js +3 -3
- package/cjs/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
- package/cjs/pages/SelectTokenPage/SelectTokenPage.js +2 -6
- package/cjs/pages/SelectWalletPage/SelectWalletPage.js +6 -6
- package/cjs/pages/SettingsPage/AdvancedPreferences.js +2 -2
- package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.js +2 -2
- package/cjs/pages/SettingsPage/SettingsPage.js +2 -1
- package/cjs/pages/SettingsPage/ShowDestinationWallet.d.ts +2 -0
- package/cjs/pages/SettingsPage/ShowDestinationWallet.js +22 -0
- package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js +3 -2
- package/cjs/pages/SwapHistoryPage/SwapHistoryPage.js +2 -2
- package/cjs/pages/SwapPage/StatusBottomSheet.js +4 -5
- package/cjs/pages/SwapPage/SwapPage.js +2 -2
- package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js +1 -1
- package/cjs/providers/SwapFormProvider/SwapFormProvider.d.ts +1 -0
- package/cjs/providers/SwapFormProvider/SwapFormProvider.js +10 -4
- package/cjs/providers/SwapFormProvider/types.d.ts +3 -1
- package/cjs/providers/SwapFormProvider/types.js +1 -0
- package/cjs/providers/WalletProvider/WalletProvider.js +10 -4
- package/cjs/providers/WalletProvider/types.d.ts +4 -2
- package/cjs/providers/index.d.ts +4 -0
- package/cjs/providers/index.js +20 -0
- package/cjs/stores/settings/types.d.ts +2 -1
- package/cjs/stores/settings/useSettingsStore.d.ts +4 -2
- package/cjs/stores/settings/useSettingsStore.js +1 -0
- package/cjs/types/widget.d.ts +1 -0
- package/cjs/utils/format.js +7 -2
- package/components/Header/Header.js +1 -1
- package/components/Header/NavigationHeader.js +5 -7
- package/components/Header/WalletHeader.js +1 -2
- package/components/ReverseTokensButton/ReverseTokensButton.js +1 -1
- package/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
- package/components/SelectTokenButton/SelectTokenButton.js +1 -1
- package/components/{SwapInProgress/SwapInProgress.d.ts → SendToWallet/SendToWallet.d.ts} +1 -1
- package/components/SendToWallet/SendToWallet.js +49 -0
- package/components/SendToWallet/SendToWallet.style.d.ts +19 -0
- package/components/SendToWallet/SendToWallet.style.js +12 -0
- package/components/SendToWallet/index.d.ts +1 -0
- package/components/SendToWallet/index.js +1 -0
- package/components/Step/StepTimer.js +1 -1
- package/components/SwapButton/SwapButton.js +9 -6
- package/components/SwapInput/FormPriceHelperText.d.ts +1 -1
- package/components/SwapInput/FormPriceHelperText.js +1 -1
- package/components/SwapInput/SwapInput.d.ts +1 -1
- package/components/SwapInput/SwapInput.js +1 -1
- package/components/SwapInput/SwapInputAdornment.d.ts +1 -1
- package/components/SwapInput/SwapInputAdornment.js +1 -1
- package/components/SwapRouteCard/SwapRouteCard.js +4 -3
- package/components/SwapRouteCard/SwapRouteCard.style.js +3 -3
- package/components/SwapsInProgress/SwapsInProgress.d.ts +3 -0
- package/components/{SwapInProgress/SwapInProgress.js → SwapsInProgress/SwapsInProgress.js} +4 -4
- package/components/{SwapInProgress/SwapInProgress.style.d.ts → SwapsInProgress/SwapsInProgress.style.d.ts} +0 -0
- package/components/{SwapInProgress/SwapInProgress.style.js → SwapsInProgress/SwapsInProgress.style.js} +0 -0
- package/components/SwapsInProgress/index.d.ts +1 -0
- package/components/SwapsInProgress/index.js +1 -0
- package/components/TokenList/TokenList.js +1 -2
- package/components/TokenList/VirtualizedTokenList.js +1 -1
- package/components/TokenList/types.d.ts +1 -1
- package/config/version.d.ts +1 -1
- package/config/version.js +1 -1
- package/hooks/index.d.ts +1 -0
- package/hooks/index.js +1 -0
- package/hooks/useNavigateBack.d.ts +4 -0
- package/hooks/useNavigateBack.js +14 -0
- package/hooks/useSwapRoutes.js +18 -7
- package/i18n/en/translation.json +13 -8
- package/i18n/index.d.ts +11 -6
- package/package.json +9 -12
- package/pages/MainPage/MainPage.js +3 -2
- package/pages/SelectTokenPage/ChainSelect.d.ts +1 -1
- package/pages/SelectTokenPage/ChainSelect.js +9 -10
- package/pages/SelectTokenPage/SearchTokenInput.js +1 -1
- package/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
- package/pages/SelectTokenPage/SelectTokenPage.js +3 -7
- package/pages/SelectWalletPage/SelectWalletPage.js +5 -5
- package/pages/SettingsPage/AdvancedPreferences.js +2 -2
- package/pages/SettingsPage/ColorSchemeButtonGroup.js +1 -1
- package/pages/SettingsPage/SettingsPage.js +2 -1
- package/pages/SettingsPage/ShowDestinationWallet.d.ts +2 -0
- package/pages/SettingsPage/ShowDestinationWallet.js +18 -0
- package/pages/SwapDetailsPage/SwapDetailsPage.js +4 -3
- package/pages/SwapHistoryPage/SwapHistoryPage.js +1 -1
- package/pages/SwapPage/StatusBottomSheet.js +4 -5
- package/pages/SwapPage/SwapPage.js +4 -4
- package/pages/SwapRoutesPage/SwapRoutesPage.js +1 -1
- package/providers/SwapFormProvider/SwapFormProvider.d.ts +1 -0
- package/providers/SwapFormProvider/SwapFormProvider.js +10 -4
- package/providers/SwapFormProvider/types.d.ts +3 -1
- package/providers/SwapFormProvider/types.js +1 -0
- package/providers/WalletProvider/WalletProvider.js +10 -4
- package/providers/WalletProvider/types.d.ts +4 -2
- package/providers/index.d.ts +4 -0
- package/providers/index.js +4 -0
- package/stores/settings/types.d.ts +2 -1
- package/stores/settings/useSettingsStore.d.ts +4 -2
- package/stores/settings/useSettingsStore.js +1 -0
- package/tsconfig.cjs.tsbuildinfo +1 -1
- package/types/widget.d.ts +1 -0
- package/utils/format.js +7 -2
- package/cjs/components/SwapInProgress/SwapInProgress.js +0 -29
- package/cjs/components/SwapInProgress/index.d.ts +0 -1
- package/components/SwapInProgress/index.d.ts +0 -1
- package/components/SwapInProgress/index.js +0 -1
|
@@ -24,7 +24,7 @@ const initialContext = {
|
|
|
24
24
|
const WalletContext = createContext(initialContext);
|
|
25
25
|
export const useWallet = () => useContext(WalletContext);
|
|
26
26
|
export const WalletProvider = ({ children, walletManagement }) => {
|
|
27
|
-
const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, } = useLiFiWalletManagement();
|
|
27
|
+
const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = useLiFiWalletManagement();
|
|
28
28
|
const [account, setAccount] = useState({});
|
|
29
29
|
const connect = useCallback((wallet) => __awaiter(void 0, void 0, void 0, function* () {
|
|
30
30
|
if (walletManagement) {
|
|
@@ -68,8 +68,13 @@ export const WalletProvider = ({ children, walletManagement }) => {
|
|
|
68
68
|
// keep account information up to date
|
|
69
69
|
useEffect(() => {
|
|
70
70
|
const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
let account;
|
|
72
|
+
if (walletManagement) {
|
|
73
|
+
account = yield extractAccountFromSigner(walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer);
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
account = yield extractAccountFromSigner(signer);
|
|
77
|
+
}
|
|
73
78
|
setAccount(account);
|
|
74
79
|
});
|
|
75
80
|
updateAccount();
|
|
@@ -81,7 +86,8 @@ export const WalletProvider = ({ children, walletManagement }) => {
|
|
|
81
86
|
addChain,
|
|
82
87
|
addToken,
|
|
83
88
|
account,
|
|
84
|
-
|
|
89
|
+
provider,
|
|
90
|
+
}), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
|
|
85
91
|
return (_jsx(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
|
|
86
92
|
};
|
|
87
93
|
export const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import type { Web3Provider } from '@ethersproject/providers';
|
|
1
2
|
import type { Token } from '@lifi/sdk';
|
|
2
3
|
import type { Wallet } from '@lifi/wallet-management';
|
|
3
4
|
import type { Signer } from 'ethers';
|
|
4
5
|
export interface WalletContextProps {
|
|
5
6
|
account: WalletAccount;
|
|
7
|
+
provider?: Web3Provider;
|
|
6
8
|
addChain(chainId: number): Promise<boolean>;
|
|
7
9
|
addToken(chainId: number, token: Token): Promise<void>;
|
|
8
10
|
disconnect(): void;
|
|
@@ -10,8 +12,8 @@ export interface WalletContextProps {
|
|
|
10
12
|
connect(wallet?: Wallet | undefined): Promise<void>;
|
|
11
13
|
}
|
|
12
14
|
export interface WalletAccount {
|
|
13
|
-
address?: string;
|
|
14
15
|
isActive?: boolean;
|
|
15
|
-
signer?: Signer;
|
|
16
16
|
chainId?: number;
|
|
17
|
+
address?: string;
|
|
18
|
+
signer?: Signer;
|
|
17
19
|
}
|
|
@@ -7,9 +7,10 @@ export declare const SettingsToolTypes: SettingsToolType[];
|
|
|
7
7
|
export interface SettingsState {
|
|
8
8
|
advancedPreferences: boolean;
|
|
9
9
|
appearance: Appearance;
|
|
10
|
+
gasPrice: string;
|
|
10
11
|
routePriority: Order;
|
|
12
|
+
showDestinationWallet: boolean;
|
|
11
13
|
slippage: string;
|
|
12
|
-
gasPrice: string;
|
|
13
14
|
enabledBridges?: string[];
|
|
14
15
|
_enabledBridges?: Record<string, boolean>;
|
|
15
16
|
enabledExchanges?: string[];
|
|
@@ -8,9 +8,10 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
|
|
|
8
8
|
setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
|
|
9
9
|
advancedPreferences: boolean;
|
|
10
10
|
appearance: import("../..").Appearance;
|
|
11
|
+
gasPrice: string;
|
|
11
12
|
routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
|
|
13
|
+
showDestinationWallet: boolean;
|
|
12
14
|
slippage: string;
|
|
13
|
-
gasPrice: string;
|
|
14
15
|
_enabledBridges?: Record<string, boolean> | undefined;
|
|
15
16
|
_enabledExchanges?: Record<string, boolean> | undefined;
|
|
16
17
|
}>>) => void;
|
|
@@ -26,9 +27,10 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
|
|
|
26
27
|
setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
|
|
27
28
|
advancedPreferences: boolean;
|
|
28
29
|
appearance: import("../..").Appearance;
|
|
30
|
+
gasPrice: string;
|
|
29
31
|
routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
|
|
32
|
+
showDestinationWallet: boolean;
|
|
30
33
|
slippage: string;
|
|
31
|
-
gasPrice: string;
|
|
32
34
|
_enabledBridges?: Record<string, boolean> | undefined;
|
|
33
35
|
_enabledExchanges?: Record<string, boolean> | undefined;
|
|
34
36
|
}>>;
|
|
@@ -16,6 +16,7 @@ import { immer } from 'zustand/middleware/immer';
|
|
|
16
16
|
import { SettingsToolTypes } from './types';
|
|
17
17
|
export const useSettingsStore = create()(persist(immer((set) => ({
|
|
18
18
|
advancedPreferences: false,
|
|
19
|
+
showDestinationWallet: false,
|
|
19
20
|
appearance: 'auto',
|
|
20
21
|
gasPrice: 'normal',
|
|
21
22
|
routePriority: 'RECOMMENDED',
|