@lifi/widget 2.0.0-beta.0 → 2.0.0-beta.1

package/cjs/components/ChainSelect/ChainSelect.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/cjs/components/GasMessage/FundsSufficiencyMessage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const FundsSufficiencyMessage: () => JSX.Element;

package/cjs/components/Step/CircularProgress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Process } from '@lifi/sdk';
 export declare function CircularProgress({ process }: {
     process: Process;

package/cjs/components/Step/StepList.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { Route } from '@lifi/sdk';
 export declare const getStepList: (route?: Route) => JSX.Element[] | undefined;

package/cjs/components/SwapInput/SwapInputEndAdornment.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const SwapInputEndAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/cjs/components/SwapRoutes/SwapRoutesExpanded.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const SwapRoutesExpanded: () => JSX.Element;
 export declare const SwapRoutesExpandedElement: () => JSX.Element;

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "2.0.0-beta.0";
+export declare const version = "2.0.0-beta.1";

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '2.0.0-beta.0';
+exports.version = '2.0.0-beta.1';

package/cjs/i18n/pt.json

@@ -184,11 +184,13 @@
     "swapStepDetails": "Converter na {{chain}} via {{tool}}",
     "swapping": "Convertendo",
     "tags": {
-      "ALTERNATIVE": "ALTERNATIVA",
-      "CHEAPEST": "MAIS BARATO",
-      "FASTEST": "MAIS RÁPIDO",
-      "RECOMMENDED": "RECOMENDADO",
-      "SAFEST": "MAIS SEGURO"
+      "cheapest": "Barato",
+      "fastest": "Rápido",
+      "insurable": "Assegurável",
+      "insurance": "Seguro",
+      "insured": "Segurado",
+      "recommended": "Recomendado",
+      "safest": "Seguro"
     },
     "to": "Para",
     "tokenOnChain": "{{tokenSymbol}} na {{chainName}}",
@@ -218,6 +220,7 @@
     }
   },
   "tooltip": {
+    "additionalProviderFee": "Pontes adicionais, DEXes e taxas de serviço.",
     "estimatedNetworkFee": "Taxa de rede estimada.",
     "estimatedTime": "Tempo de execução da conversão estimado em minutos.",
     "notFound": {

package/cjs/i18n/uk.json

@@ -41,7 +41,7 @@
     "from": "Своп з",
     "gas": "Газ",
     "gasSwap": "Своп газу",
-    "routes": "Ви отримуєте",
+    "routes": "Ви отримаєте",
     "selectChain": "Оберіть чейн",
     "selectWallet": "Виберіть свій гаманець",
     "settings": "Налаштування",
@@ -157,7 +157,7 @@
     "rateChange": "Зміна курсу",
     "receiving": "Отримання",
     "refuelStepDetails": "Отримати газ через {{tool}}",
-    "routes": "Ви отримуєте",
+    "routes": "Ви отримаєте",
     "selectChain": "Чейн",
     "selectChainAndToken": "Виберіть чейн і токен",
     "selectToken": "Токен",
@@ -186,7 +186,7 @@
     "tags": {
       "cheapest": "Дешевий",
       "fastest": "Швидкий",
-      "insurable": "Страхування",
+      "insurable": "Страховка",
       "insurance": "Страхування",
       "insured": "Застрахований",
       "recommended": "Рекомендований",

package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ActiveSwapsPage: () => JSX.Element;

package/cjs/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/cjs/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/cjs/pages/SelectWalletPage/SelectWalletPage.js

@@ -16,6 +16,9 @@ const SelectWalletPage = () => {
     const { navigateBack } = (0, hooks_1.useNavigateBack)();
     const { connect } = (0, providers_1.useWallet)();
     const [walletIdentity, setWalletIdentity] = (0, react_1.useState)({ show: false });
+    // separate into installed and not installed wallets
+    const installedWallets = wallet_management_1.supportedWallets.filter((wallet) => wallet.installed());
+    const notInstalledWallets = wallet_management_1.supportedWallets.filter((wallet) => !wallet.installed() && wallet.name !== 'Default Wallet');
     const closeDialog = () => {
         setWalletIdentity((state) => ({
             ...state,
@@ -23,10 +26,7 @@ const SelectWalletPage = () => {
         }));
     };
     const handleConnect = (0, react_1.useCallback)(async (wallet) => {
-        const { ethereum } = window;
-        const identityCheckPassed = wallet.checkProviderIdentity({
-            provider: ethereum,
-        });
+        const identityCheckPassed = wallet.installed();
         if (!identityCheckPassed) {
             setWalletIdentity({
                 show: true,
@@ -40,7 +40,7 @@ const SelectWalletPage = () => {
     return ((0, jsx_runtime_1.jsxs)(material_1.Container, { disableGutters: true, children: [(0, jsx_runtime_1.jsx)(material_1.List, { sx: {
                     paddingLeft: 1.5,
                     paddingRight: 1.5,
-                }, children: wallet_management_1.supportedWallets.map((wallet) => ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: () => handleConnect(wallet), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: wallet.icon.src || wallet.icon, alt: wallet.name, children: wallet.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: wallet.name })] }, wallet.name))) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('wallet.extensionNotFound', {
+                }, children: [...installedWallets, ...notInstalledWallets].map((wallet) => ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: () => handleConnect(wallet), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: wallet.icon.src || wallet.icon, alt: wallet.name, children: wallet.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: wallet.name })] }, wallet.name))) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('wallet.extensionNotFound', {
                                 name: walletIdentity.wallet?.name,
                             }) }) }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: closeDialog, autoFocus: true, children: t('button.ok') }) })] })] }));
 };

package/cjs/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/cjs/pages/SettingsPage/SettingsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/cjs/pages/SettingsPage/ShowDestinationWallet.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ShowDestinationWallet: () => JSX.Element | null;

package/cjs/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const wallet_management_1 = require("@lifi/wallet-management");
 const react_1 = require("react");
 const WidgetProvider_1 = require("../WidgetProvider");
+const liFiWalletManagement = new wallet_management_1.LiFiWalletManagement();
 const stub = () => {
     throw new Error(`You forgot to wrap your component in <${exports.WalletProvider.name}>.`);
 };
@@ -21,8 +22,26 @@ const useWallet = () => (0, react_1.useContext)(WalletContext);
 exports.useWallet = useWallet;
 const WalletProvider = ({ children }) => {
     const { walletManagement } = (0, WidgetProvider_1.useWidgetConfig)();
-    const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = (0, wallet_management_1.useLiFiWalletManagement)();
     const [account, setAccount] = (0, react_1.useState)({});
+    const [currentWallet, setCurrentWallet] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        const autoConnect = async () => {
+            const persistedActiveWallets = (0, wallet_management_1.readActiveWallets)();
+            const activeWallets = wallet_management_1.supportedWallets.filter((wallet) => persistedActiveWallets.some((perstistedWallet) => perstistedWallet.name === wallet.name));
+            if (!activeWallets.length) {
+                return;
+            }
+            await liFiWalletManagement.autoConnect(activeWallets);
+            activeWallets[0].on('walletAccountChanged', handleWalletUpdate);
+            handleWalletUpdate(activeWallets[0]);
+        };
+        autoConnect();
+    }, []);
+    const handleWalletUpdate = async (wallet) => {
+        setCurrentWallet(wallet);
+        const account = await (0, exports.extractAccountFromSigner)(wallet?.account?.signer);
+        setAccount(account);
+    };
     const connect = (0, react_1.useCallback)(async (wallet) => {
         if (walletManagement) {
             const signer = await walletManagement.connect();
@@ -30,17 +49,22 @@ const WalletProvider = ({ children }) => {
             setAccount(account);
             return;
         }
-        await walletManagementConnect(wallet);
-    }, [walletManagement, walletManagementConnect]);
+        await liFiWalletManagement.connect(wallet);
+        wallet.on('walletAccountChanged', handleWalletUpdate);
+        handleWalletUpdate(wallet);
+    }, [walletManagement]);
     const disconnect = (0, react_1.useCallback)(async () => {
         if (walletManagement) {
             await walletManagement.disconnect();
             setAccount({});
             return;
         }
-        await walletManagementDisconnect();
-    }, [walletManagement, walletManagementDisconnect]);
-    // only for injected wallets
+        if (currentWallet) {
+            await liFiWalletManagement.disconnect(currentWallet);
+            currentWallet.removeAllListeners();
+            handleWalletUpdate(undefined);
+        }
+    }, [walletManagement, currentWallet]);
     const switchChain = (0, react_1.useCallback)(async (chainId) => {
         if (walletManagement?.switchChain) {
             const signer = await walletManagement.switchChain(chainId);
@@ -48,34 +72,46 @@ const WalletProvider = ({ children }) => {
             setAccount(account);
             return true;
         }
-        return (0, wallet_management_1.switchChain)(chainId);
-    }, [walletManagement]);
+        try {
+            await currentWallet?.switchChain(chainId);
+            handleWalletUpdate(currentWallet);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }, [walletManagement, currentWallet]);
     const addChain = (0, react_1.useCallback)(async (chainId) => {
         if (walletManagement?.addChain) {
             return walletManagement.addChain(chainId);
         }
-        return (0, wallet_management_1.addChain)(chainId);
-    }, [walletManagement]);
+        try {
+            await currentWallet?.addChain(chainId);
+            handleWalletUpdate(currentWallet);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }, [walletManagement, currentWallet]);
     const addToken = (0, react_1.useCallback)(async (chainId, token) => {
         if (walletManagement?.addToken) {
             return walletManagement.addToken(token, chainId);
         }
-        return (0, wallet_management_1.switchChainAndAddToken)(chainId, token);
-    }, [walletManagement]);
-    // keep account information up to date
+        await currentWallet?.addToken(chainId, token);
+        handleWalletUpdate(currentWallet);
+        return;
+    }, [walletManagement, currentWallet]);
+    // keep widget in sync with changing external signer object
     (0, react_1.useEffect)(() => {
-        const updateAccount = async () => {
-            let account;
-            if (walletManagement) {
-                account = await (0, exports.extractAccountFromSigner)(walletManagement?.signer);
-            }
-            else {
-                account = await (0, exports.extractAccountFromSigner)(signer);
-            }
-            setAccount(account);
-        };
-        updateAccount();
-    }, [signer, walletManagement]);
+        if (walletManagement) {
+            const updateAccount = async () => {
+                const account = await (0, exports.extractAccountFromSigner)(walletManagement?.signer);
+                setAccount(account);
+            };
+            updateAccount();
+        }
+    }, [walletManagement, walletManagement?.signer]);
     const value = (0, react_1.useMemo)(() => ({
         connect,
         disconnect,
@@ -83,8 +119,16 @@ const WalletProvider = ({ children }) => {
         addChain,
         addToken,
         account,
-        provider,
-    }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
+        provider: currentWallet?.account?.provider,
+    }), [
+        account,
+        addChain,
+        addToken,
+        connect,
+        disconnect,
+        currentWallet,
+        switchChain,
+    ]);
     return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, { value: value, children: children }));
 };
 exports.WalletProvider = WalletProvider;
@@ -98,7 +142,7 @@ const extractAccountFromSigner = async (signer) => {
         };
     }
     catch (error) {
-        console.log(error);
+        console.error(error);
         return {};
     }
 };

package/cjs/providers/WalletProvider/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types';
 export * from './WalletProvider';
+export * from './types';

package/cjs/providers/WalletProvider/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
 __exportStar(require("./WalletProvider"), exports);
+__exportStar(require("./types"), exports);

package/cjs/providers/WalletProvider/types.d.ts

@@ -7,7 +7,7 @@ export interface WalletContextProps {
     provider?: Provider;
     addChain(chainId: number): Promise<boolean>;
     addToken(chainId: number, token: Token): Promise<void>;
-    disconnect(): void;
+    disconnect(wallet?: Wallet): void;
     switchChain(chainId: number): Promise<boolean>;
     connect(wallet?: Wallet | undefined): Promise<void>;
 }

package/components/ChainSelect/ChainSelect.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/components/GasMessage/FundsSufficiencyMessage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const FundsSufficiencyMessage: () => JSX.Element;

package/components/Step/CircularProgress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Process } from '@lifi/sdk';
 export declare function CircularProgress({ process }: {
     process: Process;

package/components/Step/StepList.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { Route } from '@lifi/sdk';
 export declare const getStepList: (route?: Route) => JSX.Element[] | undefined;

package/components/SwapInput/SwapInputEndAdornment.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const SwapInputEndAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/components/SwapRoutes/SwapRoutesExpanded.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const SwapRoutesExpanded: () => JSX.Element;
 export declare const SwapRoutesExpandedElement: () => JSX.Element;

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "2.0.0-beta.0";
+export declare const version = "2.0.0-beta.1";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '2.0.0-beta.0';
+export const version = '2.0.0-beta.1';

package/i18n/pt.json

@@ -184,11 +184,13 @@
     "swapStepDetails": "Converter na {{chain}} via {{tool}}",
     "swapping": "Convertendo",
     "tags": {
-      "ALTERNATIVE": "ALTERNATIVA",
-      "CHEAPEST": "MAIS BARATO",
-      "FASTEST": "MAIS RÁPIDO",
-      "RECOMMENDED": "RECOMENDADO",
-      "SAFEST": "MAIS SEGURO"
+      "cheapest": "Barato",
+      "fastest": "Rápido",
+      "insurable": "Assegurável",
+      "insurance": "Seguro",
+      "insured": "Segurado",
+      "recommended": "Recomendado",
+      "safest": "Seguro"
     },
     "to": "Para",
     "tokenOnChain": "{{tokenSymbol}} na {{chainName}}",
@@ -218,6 +220,7 @@
     }
   },
   "tooltip": {
+    "additionalProviderFee": "Pontes adicionais, DEXes e taxas de serviço.",
     "estimatedNetworkFee": "Taxa de rede estimada.",
     "estimatedTime": "Tempo de execução da conversão estimado em minutos.",
     "notFound": {

package/i18n/uk.json

@@ -41,7 +41,7 @@
     "from": "Своп з",
     "gas": "Газ",
     "gasSwap": "Своп газу",
-    "routes": "Ви отримуєте",
+    "routes": "Ви отримаєте",
     "selectChain": "Оберіть чейн",
     "selectWallet": "Виберіть свій гаманець",
     "settings": "Налаштування",
@@ -157,7 +157,7 @@
     "rateChange": "Зміна курсу",
     "receiving": "Отримання",
     "refuelStepDetails": "Отримати газ через {{tool}}",
-    "routes": "Ви отримуєте",
+    "routes": "Ви отримаєте",
     "selectChain": "Чейн",
     "selectChainAndToken": "Виберіть чейн і токен",
     "selectToken": "Токен",
@@ -186,7 +186,7 @@
     "tags": {
       "cheapest": "Дешевий",
       "fastest": "Швидкий",
-      "insurable": "Страхування",
+      "insurable": "Страховка",
       "insurance": "Страхування",
       "insured": "Застрахований",
       "recommended": "Рекомендований",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -44,7 +44,7 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
     "@lifi/sdk": "^2.0.0-beta.8",
-    "@lifi/wallet-management": "^1.2.11",
+    "@lifi/wallet-management": "^2.0.0-beta.0",
     "@mui/icons-material": "^5.11.16",
     "@mui/lab": "^5.0.0-alpha.127",
     "@mui/material": "^5.12.1",

package/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ActiveSwapsPage: () => JSX.Element;

package/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/pages/SelectWalletPage/SelectWalletPage.js

@@ -13,6 +13,9 @@ export const SelectWalletPage = () => {
     const { navigateBack } = useNavigateBack();
     const { connect } = useWallet();
     const [walletIdentity, setWalletIdentity] = useState({ show: false });
+    // separate into installed and not installed wallets
+    const installedWallets = supportedWallets.filter((wallet) => wallet.installed());
+    const notInstalledWallets = supportedWallets.filter((wallet) => !wallet.installed() && wallet.name !== 'Default Wallet');
     const closeDialog = () => {
         setWalletIdentity((state) => ({
             ...state,
@@ -20,10 +23,7 @@ export const SelectWalletPage = () => {
         }));
     };
     const handleConnect = useCallback(async (wallet) => {
-        const { ethereum } = window;
-        const identityCheckPassed = wallet.checkProviderIdentity({
-            provider: ethereum,
-        });
+        const identityCheckPassed = wallet.installed();
         if (!identityCheckPassed) {
             setWalletIdentity({
                 show: true,
@@ -37,7 +37,7 @@ export const SelectWalletPage = () => {
     return (_jsxs(Container, { disableGutters: true, children: [_jsx(List, { sx: {
                     paddingLeft: 1.5,
                     paddingRight: 1.5,
-                }, children: supportedWallets.map((wallet) => (_jsxs(ListItemButton, { onClick: () => handleConnect(wallet), children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: wallet.icon.src || wallet.icon, alt: wallet.name, children: wallet.name[0] }) }), _jsx(ListItemText, { primary: wallet.name })] }, wallet.name))) }), _jsxs(Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
+                }, children: [...installedWallets, ...notInstalledWallets].map((wallet) => (_jsxs(ListItemButton, { onClick: () => handleConnect(wallet), children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: wallet.icon.src || wallet.icon, alt: wallet.name, children: wallet.name[0] }) }), _jsx(ListItemText, { primary: wallet.name })] }, wallet.name))) }), _jsxs(Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
                                 name: walletIdentity.wallet?.name,
                             }) }) }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", onClick: closeDialog, autoFocus: true, children: t('button.ok') }) })] })] }));
 };

package/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/pages/SettingsPage/SettingsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/pages/SettingsPage/ShowDestinationWallet.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ShowDestinationWallet: () => JSX.Element | null;

package/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;