@lifi/widget 1.1.0 → 1.1.3

package/AppDrawer.d.ts

@@ -3,7 +3,7 @@ import { RefObject } from 'react';
 import { WidgetConfig } from './types';
 export declare type AppDrawerProps = DrawerProps & {
     elementRef?: RefObject<HTMLDivElement>;
-    config: WidgetConfig;
+    config?: WidgetConfig;
 };
 export interface AppDrawerBase {
     isOpen(): void;

package/AppProvider.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { WidgetConfig } from '.';
 export interface AppProps {
-    config: WidgetConfig;
+    config?: WidgetConfig;
 }
 export declare const AppProvider: React.FC<PropsWithChildren<AppProps>>;

package/AppProvider.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable camelcase */
+/* eslint-disable react/jsx-pascal-case */
+import { Fragment } from 'react';
 import { QueryClientProvider } from 'react-query';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter, useInRouterContext } from 'react-router-dom';
 import { queryClient } from './config/queryClient';
 import { SwapFormProvider } from './providers/SwapFormProvider';
 import { ThemeProvider } from './providers/ThemeProvider';
@@ -8,5 +11,7 @@ import { WalletProvider } from './providers/WalletProvider';
 import { WidgetProvider } from './providers/WidgetProvider';
 const QueryProvider = QueryClientProvider;
 export const AppProvider = ({ children, config, }) => {
-    return (_jsx(WidgetProvider, Object.assign({ config: config }, { children: _jsx(ThemeProvider, { children: _jsx(QueryProvider, Object.assign({ client: queryClient }, { children: _jsx(MemoryRouter, { children: _jsx(WalletProvider, { children: _jsx(SwapFormProvider, { children: children }) }) }) })) }) })));
+    const inRouterContext = useInRouterContext();
+    const Router = inRouterContext ? Fragment : MemoryRouter;
+    return (_jsx(WidgetProvider, Object.assign({ config: config }, { children: _jsx(ThemeProvider, { children: _jsx(QueryProvider, Object.assign({ client: queryClient }, { children: _jsx(Router, { children: _jsx(WalletProvider, { children: _jsx(SwapFormProvider, { children: children }) }) }) })) }) })));
 };

package/components/Header/Header.js

@@ -12,6 +12,6 @@ const stickyHeaderRoutes = [
 ];
 const HeaderContainer = ({ children }) => {
     const { pathname } = useLocation();
-    return (_jsx(Container, Object.assign({ id: ElementId.Header, sticky: stickyHeaderRoutes.includes(pathname) }, { children: children })));
+    return (_jsx(Container, Object.assign({ id: ElementId.Header, sticky: stickyHeaderRoutes.some((route) => pathname.includes(route)) }, { children: children })));
 };
 export const Header = () => (_jsxs(HeaderContainer, { children: [_jsx(WalletHeader, {}), _jsx(NavigationHeader, {})] }));

package/components/Header/NavigationHeader.js

@@ -3,7 +3,7 @@ import { ArrowBack as ArrowBackIcon, Settings as SettingsIcon, } from '@mui/icon
 import { Box, IconButton, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { Route, Routes, useLocation, useNavigate } from 'react-router-dom';
-import { routes } from '../../utils/routes';
+import { routes, routesValues } from '../../utils/routes';
 import { SwapRoutesUpdateProgress } from '../SwapRoutes/SwapRoutesUpdateProgress';
 import { HeaderAppBar } from './Header.style';
 const backButtonRoutes = [
@@ -17,6 +17,8 @@ const backButtonRoutes = [
 export const NavigationHeader = () => {
     const { t } = useTranslation();
     const { pathname } = useLocation();
+    const path = pathname.substring(pathname.lastIndexOf('/') + 1);
+    const hasPath = routesValues.includes(path);
     const navigate = useNavigate();
     const handleSettings = () => {
         navigate(routes.settings);
@@ -25,7 +27,7 @@ export const NavigationHeader = () => {
         navigate(-1);
     };
     const handleHeaderTitle = () => {
-        switch (pathname) {
+        switch (path) {
             case routes.selectWallet:
                 return t(`header.selectWallet`);
             case routes.settings:
@@ -42,5 +44,5 @@ export const NavigationHeader = () => {
                 return t(`header.swap`);
         }
     };
-    return (_jsxs(HeaderAppBar, Object.assign({ elevation: 0 }, { children: [backButtonRoutes.includes(pathname) ? (_jsx(IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "start", onClick: handleBack }, { children: _jsx(ArrowBackIcon, {}) }))) : null, _jsx(Typography, Object.assign({ fontSize: pathname === '/' ? 32 : 24, align: pathname === '/' ? 'left' : 'center', fontWeight: "700", flex: 1, noWrap: true }, { children: handleHeaderTitle() })), _jsxs(Routes, { children: [_jsx(Route, { path: routes.swapRoutes, element: _jsx(SwapRoutesUpdateProgress, { size: "medium", edge: "end", sx: { marginRight: -1 } }) }), _jsx(Route, { path: routes.home, element: _jsx(IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "end", onClick: handleSettings }, { children: _jsx(SettingsIcon, {}) })) }), _jsx(Route, { path: "/:empty", element: _jsx(Box, { width: 36, height: 48 }) })] })] })));
+    return (_jsxs(HeaderAppBar, Object.assign({ elevation: 0 }, { children: [backButtonRoutes.includes(path) ? (_jsx(IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "start", onClick: handleBack }, { children: _jsx(ArrowBackIcon, {}) }))) : null, _jsx(Typography, Object.assign({ fontSize: hasPath ? 24 : 32, align: hasPath ? 'center' : 'left', fontWeight: "700", flex: 1, noWrap: true }, { children: handleHeaderTitle() })), _jsxs(Routes, { children: [_jsx(Route, { path: routes.swapRoutes, element: _jsx(SwapRoutesUpdateProgress, { size: "medium", edge: "end", sx: { marginRight: -1 } }) }), _jsx(Route, { path: routes.home, element: _jsx(IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "end", onClick: handleSettings }, { children: _jsx(SettingsIcon, {}) })) }), _jsx(Route, { path: "/:empty", element: _jsx(Box, { width: 28, height: 48 }) })] })] })));
 };

package/components/Header/WalletHeader.js

@@ -24,5 +24,5 @@ const ConnectButton = () => {
     const connect = () => {
         navigate(routes.selectWallet);
     };
-    return (_jsx(IconButton, Object.assign({ size: "medium", "aria-label": "disconnect", edge: "end", onClick: pathname !== routes.selectWallet ? connect : undefined }, { children: _jsx(AccountBalanceWalletIcon, {}) })));
+    return (_jsx(IconButton, Object.assign({ size: "medium", "aria-label": "disconnect", edge: "end", onClick: !pathname.includes(routes.selectWallet) ? connect : undefined }, { children: _jsx(AccountBalanceWalletIcon, {}) })));
 };

package/config/env.d.ts

@@ -1,12 +1,3 @@
 export declare const env: {
     LIFI_API_URL: string;
-    LIFI_RPC_URL_MAINNET: string;
-    LIFI_RPC_URL_ROPSTEN: string;
-    LIFI_RPC_URL_RINKEBY: string;
-    LIFI_RPC_URL_GORLI: string;
-    LIFI_RPC_URL_KOVAN: string;
-    LIFI_RPC_URL_ARBITRUM_RINKEBY: string;
-    LIFI_RPC_URL_OPTIMISM_KOVAN: string;
-    LIFI_RPC_URL_POLYGON_MUMBAI: string;
-    LIFI_RPC_URL_BSC_TESTNET: string;
 };

package/config/env.js

@@ -1,19 +1,3 @@
 export const env = {
-    LIFI_API_URL: 'https://li.quest/v1/',
-    // RPC - Mainnet (overwrites)
-    LIFI_RPC_URL_MAINNET: 'https://speedy-nodes-nyc.moralis.io/5ed6053dc39eba789ff466c9/eth/mainnet',
-    // LIFI_RPC_URL_POLYGON:
-    // LIFI_RPC_URL_BSC:
-    // LIFI_RPC_URL_XDAI:
-    // LIFI_RPC_URL_FANTOM:
-    // LIFI_RPC_URL_ARBITRUM:
-    // RPC - Testnet (overwrites)
-    LIFI_RPC_URL_ROPSTEN: 'https://ropsten.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_RINKEBY: 'https://rinkeby.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_GORLI: 'https://goerli.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_KOVAN: 'https://kovan.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_ARBITRUM_RINKEBY: 'https://arbitrum-rinkeby.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_OPTIMISM_KOVAN: 'https://optimism-kovan.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_POLYGON_MUMBAI: 'https://rpc-mumbai.maticvigil.com/v1/e4dadaac060844094a667194c20f79cc9bb0bc59',
-    LIFI_RPC_URL_BSC_TESTNET: 'https://data-seed-prebsc-1-s2.binance.org:8545',
+    LIFI_API_URL: 'https://li.quest/v1/', // 'https://developkub.li.finance/v1/',
 };

package/fonts/inter.css

@@ -0,0 +1,200 @@
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-Thin.woff2?v=3.19") format("woff2"),
+       url("Inter-Thin.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-ThinItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraLight.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraLightItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-Light.woff2?v=3.19") format("woff2"),
+       url("Inter-Light.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-LightItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Regular.woff2?v=3.19") format("woff2"),
+       url("Inter-Regular.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Italic.woff2?v=3.19") format("woff2"),
+       url("Inter-Italic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-Medium.woff2?v=3.19") format("woff2"),
+       url("Inter-Medium.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-MediumItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"),
+       url("Inter-SemiBold.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-SemiBoldItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-Bold.woff2?v=3.19") format("woff2"),
+       url("Inter-Bold.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-BoldItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraBold.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-Black.woff2?v=3.19") format("woff2"),
+       url("Inter-Black.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-BlackItalic.woff?v=3.19") format("woff");
+}
+
+/* -------------------------------------------------------
+Variable font.
+Usage:
+
+  html { font-family: 'Inter', sans-serif; }
+  @supports (font-variation-settings: normal) {
+    html { font-family: 'Inter var', sans-serif; }
+  }
+*/
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url("Inter-roman.var.woff2?v=3.19") format("woff2");
+}
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url("Inter-italic.var.woff2?v=3.19") format("woff2");
+}
+
+
+/* --------------------------------------------------------------------------
+[EXPERIMENTAL] Multi-axis, single variable font.
+
+Slant axis is not yet widely supported (as of February 2019) and thus this
+multi-axis single variable font is opt-in rather than the default.
+
+When using this, you will probably need to set font-variation-settings
+explicitly, e.g.
+
+  * { font-variation-settings: "slnt" 0deg }
+  .italic { font-variation-settings: "slnt" 10deg }
+
+*/
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url("Inter.var.woff2?v=3.19") format("woff2");
+}

package/hooks/useChains.js

@@ -23,10 +23,10 @@ import { useQuery } from 'react-query';
 import { LiFi } from '../lifi';
 import { useWidgetConfig } from '../providers/WidgetProvider';
 export const useChains = () => {
-    const { enabledChains } = useWidgetConfig();
+    const { disabledChains } = useWidgetConfig();
     const _a = useQuery(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
         const chains = yield LiFi.getChains();
-        return chains.filter((chain) => enabledChains.includes(chain.id));
+        return chains.filter((chain) => !(disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chain.id)));
     })), { data } = _a, other = __rest(_a, ["data"]);
     const getChainById = useCallback((chainId) => {
         const chain = data === null || data === void 0 ? void 0 : data.find((chain) => chain.id === chainId);

package/hooks/useContentHeight.js

@@ -1,15 +1,23 @@
-import { useState } from 'react';
+import { useLayoutEffect, useState } from 'react';
 import { ElementId } from '../utils/elements';
+const getContentHeight = () => {
+    const headerElement = document.getElementById(ElementId.Header);
+    const containerElement = document.getElementById(ElementId.ScrollableContainer);
+    if (!containerElement || !headerElement) {
+        console.warn(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
+        return 0;
+    }
+    const { height: containerHeight } = containerElement.getBoundingClientRect();
+    const { height: headerHeight } = headerElement.getBoundingClientRect();
+    return containerHeight - headerHeight;
+};
 export const useContentHeight = () => {
-    const [contentHeight] = useState(() => {
-        const headerElement = document.getElementById(ElementId.Header);
-        const containerElement = document.getElementById(ElementId.ScrollableContainer);
-        if (!containerElement || !headerElement) {
-            throw Error(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
+    const [contentHeight, setContentHeight] = useState(getContentHeight);
+    useLayoutEffect(() => {
+        if (!contentHeight) {
+            setContentHeight(getContentHeight());
         }
-        const { height: containerHeight } = containerElement.getBoundingClientRect();
-        const { height: headerHeight } = headerElement.getBoundingClientRect();
-        return containerHeight - headerHeight;
-    });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return contentHeight;
 };

package/i18n/en/translation.json

@@ -1,142 +1,142 @@
 {
-    "header": {
-        "walletConnected": "Wallet connected",
-        "connectWallet": "Connect wallet",
-        "selectWallet": "Select your wallet",
-        "swap": "Swap",
-        "from": "Swap from",
-        "to": "Swap to",
-        "settings": "Settings",
-        "routes": "You get"
+  "header": {
+    "walletConnected": "Wallet connected",
+    "connectWallet": "Connect wallet",
+    "selectWallet": "Select your wallet",
+    "swap": "Swap",
+    "from": "Swap from",
+    "to": "Swap to",
+    "settings": "Settings",
+    "routes": "You get"
+  },
+  "button": {
+    "swap": "Swap",
+    "connectWallet": "Connect wallet",
+    "switchChain": "Switch chain",
+    "startSwap": "Start the swap",
+    "restartSwap": "Restart swap",
+    "removeSwap": "Remove swap",
+    "done": "Done",
+    "okay": "Okay",
+    "seeDetails": "See details",
+    "tryAgain": "Try again",
+    "light": "Light",
+    "dark": "Dark",
+    "auto": "Auto",
+    "ok": "Ok",
+    "hide": "Hide",
+    "max": "max",
+    "lifiSwap": "LI.FI Swap"
+  },
+  "swap": {
+    "from": "From",
+    "to": "To",
+    "amount": "You pay",
+    "maxAmount": "/ {{amount}}",
+    "routes": "You get",
+    "approximateCurrency": "\u2248 {{value, currency(currency: USD)}}",
+    "currency": "{{value, currency(currency: USD)}}",
+    "sendToRecipient": "Send to recipient",
+    "recipientsAddress": "Recipient's {{chain}} address",
+    "addressConfirmation": "I confirm that the address above is correct",
+    "gas": "gas fee",
+    "minutes": "minutes",
+    "tokenSearch": "Search your token",
+    "selectChain": "Chain",
+    "selectToken": "Token",
+    "selectChainAndToken": "Select chain and token",
+    "inProgress": "In progress",
+    "couldntFindTokens": "We couldn't find tokens on this chain or you don't have any.",
+    "insufficientFunds": "Insufficient funds",
+    "insufficientGasOnStartChain": "Insufficient gas on start chain",
+    "insufficientGasOnDestinationChain": "Insufficient gas on destination chain",
+    "insufficientGasOnDestinationChainTooltip": "The selected route requires a swap on the chain you are transferring to. You need to have gas on that chain to pay for the transaction there.",
+    "stepSwap": "Swap",
+    "stepBridge": "Bridge",
+    "stepSwapAndBridge": "Swap and bridge",
+    "estimatedTime": "~{{value}} min.",
+    "networkIsBusy": "Network is busy...",
+    "crossStepDetails": "Bridge {{from}} to {{to}} via {{tool}}",
+    "swapStepDetails": "Swap on {{value}}",
+    "tags": {
+      "recommended": "Recommended",
+      "fastest": "Fast",
+      "cheapest": "Cheap",
+      "safest": "Safe",
+      "general": "General"
     },
-    "button": {
-        "swap": "Swap",
-        "connectWallet": "Connect wallet",
-        "switchChain": "Switch chain",
-        "startSwap": "Start the swap",
-        "restartSwap": "Restart swap",
-        "removeSwap": "Remove swap",
-        "done": "Done",
-        "okay": "Okay",
-        "seeDetails": "See details",
-        "tryAgain": "Try again",
-        "light": "Light",
-        "dark": "Dark",
-        "auto": "Auto",
-        "ok": "Ok",
-        "hide": "Hide",
-        "max": "max",
-        "lifiSwap": "LI.FI Swap"
+    "success": {
+      "title": {
+        "fundsReceived": "Funds received"
+      },
+      "message": {
+        "fundsReceived": "You now have {{amount}} {{tokenSymbol}} in your wallet on {{chainName}} chain."
+      }
     },
-    "swap": {
-        "from": "From",
-        "to": "To",
-        "amount": "You pay",
-        "maxAmount": "/ {{amount}}",
-        "routes": "You get",
-        "approximateCurrency": "\u2248 {{value, currency(currency: USD)}}",
-        "currency": "{{value, currency(currency: USD)}}",
-        "sendToRecipient": "Send to recipient",
-        "recipientsAddress": "Recipient's {{chain}} address",
-        "addressConfirmation": "I confirm that the address above is correct",
-        "gas": "gas fee",
-        "minutes": "minutes",
-        "tokenSearch": "Search your token",
-        "selectChain": "Chain",
-        "selectToken": "Token",
-        "selectChainAndToken": "Select chain and token",
-        "inProgress": "In progress",
-        "couldntFindTokens": "We couldn't find tokens on this chain or you don't have any.",
-        "insufficientFunds": "Insufficient funds",
-        "insufficientGasOnStartChain": "Insufficient gas on start chain",
-        "insufficientGasOnDestinationChain": "Insufficient gas on destination chain",
-        "insufficientGasOnDestinationChainTooltip": "The selected route requires a swap on the chain you are transferring to. You need to have gas on that chain to pay for the transaction there.",
-        "stepSwap": "Swap",
-        "stepBridge": "Bridge",
-        "stepSwapAndBridge": "Swap and bridge",
-        "estimatedTime": "~{{value}} min.",
-        "networkIsBusy": "Network is busy...",
-        "crossStepDetails": "Bridge {{from}} to {{to}} via {{tool}}",
-        "swapStepDetails": "Swap on {{value}}",
-        "tags": {
-            "recommended": "Recommended",
-            "fastest": "Fast",
-            "cheapest": "Cheap",
-            "safest": "Safe",
-            "general": "General"
-        },
-        "success": {
-            "title": {
-                "fundsReceived": "Funds received"
-            },
-            "message": {
-                "fundsReceived": "You now have {{amount}} {{tokenSymbol}} in your wallet on {{chainName}} chain."
-            }
-        },
-        "error": {
-            "title": {
-                "chainSwitch": "Chain switch required.",
-                "transactionFailed": "Transaction has failed.",
-                "transactionUnderpriced": "Transaction is underpriced.",
-                "transactionUnprepared": "Unable to prepare transaction.",
-                "unknown": "Something went wrong.",
-                "userRejectedSignatureRequest": "Signature required."
-            },
-            "message": {
-                "signatureRequired": "Your signature is required to complete the transaction. {{amount}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
-                "transactionFailed": "Please check the block explorer for more information.",
-                "transactionNotSent": "Transaction was not sent, your funds are still in your wallet ({{amount}} {{tokenSymbol}} on {{chainName}})."
-            }
-        },
-        "process": {
-            "tokenAllowance": {
-                "started": "Setting token allowance.",
-                "pending": "Waiting for token allowance approval.",
-                "done": "Token allowance approved."
-            },
-            "switchChain": {
-                "pending": "Chain switch required.",
-                "done": "Chain switched successfully."
-            },
-            "swap": {
-                "started": "Preparing swap.",
-                "actionRequired": "Please sign the transaction.",
-                "pending": "Swapping.",
-                "done": "Swap completed."
-            },
-            "crossChain": {
-                "started": "Preparing transaction.",
-                "actionRequired": "Please sign the transaction.",
-                "pending": "Waiting for transaction.",
-                "done": "Transaction approved."
-            },
-            "receivingChain": {
-                "pending": "Waiting for receiving chain.",
-                "done": "Funds received."
-            }
-        }
+    "error": {
+      "title": {
+        "chainSwitch": "Chain switch required.",
+        "transactionFailed": "Transaction has failed.",
+        "transactionUnderpriced": "Transaction is underpriced.",
+        "transactionUnprepared": "Unable to prepare transaction.",
+        "unknown": "Something went wrong.",
+        "userRejectedSignatureRequest": "Signature required."
+      },
+      "message": {
+        "signatureRequired": "Your signature is required to complete the transaction. {{amount}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
+        "transactionFailed": "Please check the block explorer for more information.",
+        "transactionNotSent": "Transaction was not sent, your funds are still in your wallet ({{amount}} {{tokenSymbol}} on {{chainName}})."
+      }
     },
-    "settings": {
-        "routePriority": "Route priority",
-        "slippage": "Slippage",
-        "gasPrice": {
-            "title": "Gas price",
-            "slow": "Slow",
-            "normal": "Normal",
-            "fast": "Fast"
-        },
-        "advancedPreferences": "Advanced preferences",
-        "bridgePrioritization": "Bridge prioritization",
-        "enabledBridges": "Enabled bridges",
-        "selectEnabledBridges": "Select enabled bridges",
-        "enabledExchanges": "Enabled exchanges",
-        "selectEnabledExchanges": "Select enabled exchanges",
-        "resetToDefault": "Reset to default"
-    },
-    "wallet": {
-        "extensionNotFound": "Please make sure that only the {{name}} browser extension is active before choosing this wallet."
-    },
-    "tooltip": {
-        "progressToNextUpdate": "Displayed data will auto-refresh after {{value}} seconds. Click this circle to update manually."
+    "process": {
+      "tokenAllowance": {
+        "started": "Setting token allowance.",
+        "pending": "Waiting for token allowance approval.",
+        "done": "Token allowance approved."
+      },
+      "switchChain": {
+        "pending": "Chain switch required.",
+        "done": "Chain switched successfully."
+      },
+      "swap": {
+        "started": "Preparing swap.",
+        "actionRequired": "Please sign the transaction.",
+        "pending": "Swapping.",
+        "done": "Swap completed."
+      },
+      "crossChain": {
+        "started": "Preparing transaction.",
+        "actionRequired": "Please sign the transaction.",
+        "pending": "Waiting for transaction.",
+        "done": "Transaction approved."
+      },
+      "receivingChain": {
+        "pending": "Waiting for receiving chain.",
+        "done": "Funds received."
+      }
     }
+  },
+  "settings": {
+    "routePriority": "Route priority",
+    "slippage": "Slippage",
+    "gasPrice": {
+      "title": "Gas price",
+      "slow": "Slow",
+      "normal": "Normal",
+      "fast": "Fast"
+    },
+    "advancedPreferences": "Advanced preferences",
+    "bridgePrioritization": "Bridge prioritization",
+    "enabledBridges": "Enabled bridges",
+    "selectEnabledBridges": "Select enabled bridges",
+    "enabledExchanges": "Enabled exchanges",
+    "selectEnabledExchanges": "Select enabled exchanges",
+    "resetToDefault": "Reset to default"
+  },
+  "wallet": {
+    "extensionNotFound": "Please make sure that only the {{name}} browser extension is active before choosing this wallet."
+  },
+  "tooltip": {
+    "progressToNextUpdate": "Displayed data will auto-refresh after {{value}} seconds. Click this circle to update manually."
+  }
 }

package/icons/LiFiFullLogo.svg

@@ -0,0 +1,10 @@
+<svg width="84" height="32" viewBox="0 0 84 32" fill="inherit"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M50.6689 20.5714H42.6849V8H39V24H50.6689V20.5714Z" />
+  <path d="M53.0717 24H56.7566V8H53.0717V24Z" />
+  <path d="M59.5088 24H63.0117V20.48H59.5088V24Z" />
+  <path d="M69.4396 17.76H77.1506V14.6057H69.4396V11.2457H77.8103V8H65.7547V24H69.4396V17.76Z" />
+  <path d="M80.3151 24H84V8H80.3151V24Z" />
+  <path d="M14.6163 21.6947L5.1336 23.89C4.78772 23.9766 4.52832 24.3232 4.52832 24.6698V31.1978C4.52832 31.7467 4.96066 32.0933 5.50829 31.9777L18.7379 28.9159C19.2856 28.8004 19.5162 28.2805 19.2856 27.7894L16.8933 22.8501C16.5186 22.0702 16.8933 21.2614 17.7291 21.0881L26.376 19.0084C26.9813 18.864 27.5001 18.2285 27.5001 17.593V11.5561C27.5001 11.0073 27.0677 10.6318 26.5201 10.7762L14.0398 13.7514C13.2616 13.9247 12.9157 14.6757 13.2616 15.3978L15.4521 19.9327C15.8268 20.7126 15.4521 21.4925 14.6163 21.6947Z" />
+  <path d="M8.36225 5.3748L10.841 10.4585C11.1581 11.1229 10.841 11.8161 10.1204 11.9606L5.53762 13.0293C4.96116 13.1737 4.5 13.7514 4.5 14.3291V19.7884C4.5 20.7127 5.24939 21.2904 6.1429 21.0882L10.4087 20.1061C10.9851 19.9906 11.4463 19.384 11.4463 18.8063L11.4751 13.2026C11.4751 12.4227 12.1092 11.6428 12.8586 11.4695L26.8376 8.11886C27.1835 8.03221 27.4429 7.68559 27.4429 7.33897V0.810981C27.4429 0.262168 27.0106 -0.113336 26.4629 0.0310883L8.90988 4.24829C8.36225 4.36383 8.13167 4.88375 8.36225 5.3748Z" />
+</svg>

package/icons/LiFiLogo.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="inherit"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M14.6163 21.6947L5.1336 23.89C4.78772 23.9766 4.52832 24.3232 4.52832 24.6698V31.1978C4.52832 31.7467 4.96066 32.0933 5.50829 31.9777L18.7379 28.9159C19.2856 28.8004 19.5162 28.2805 19.2856 27.7894L16.8933 22.8501C16.5186 22.0702 16.8933 21.2614 17.7291 21.0881L26.376 19.0084C26.9813 18.864 27.5001 18.2285 27.5001 17.593V11.5561C27.5001 11.0073 27.0677 10.6318 26.5201 10.7762L14.0398 13.7514C13.2616 13.9247 12.9157 14.6757 13.2616 15.3978L15.4521 19.9327C15.8268 20.7126 15.4521 21.4925 14.6163 21.6947Z" />
+  <path d="M8.36225 5.3748L10.841 10.4585C11.1581 11.1229 10.841 11.8161 10.1204 11.9606L5.53762 13.0293C4.96116 13.1737 4.5 13.7514 4.5 14.3291V19.7884C4.5 20.7127 5.24939 21.2904 6.1429 21.0882L10.4087 20.1061C10.9851 19.9906 11.4463 19.384 11.4463 18.8063L11.4751 13.2026C11.4751 12.4227 12.1092 11.6428 12.8586 11.4695L26.8376 8.11886C27.1835 8.03221 27.4429 7.68559 27.4429 7.33897V0.810981C27.4429 0.262168 27.0106 -0.113336 26.4629 0.0310883L8.90988 4.24829C8.36225 4.36383 8.13167 4.88375 8.36225 5.3748Z" />
+</svg>

package/lifi.js

@@ -1,9 +1,6 @@
 import LIFI from '@lifinance/sdk';
-import { env } from './config/env';
-import { getRpcs } from './config/rpcs';
 export const LiFi = new LIFI({
-    apiUrl: env.LIFI_API_URL,
-    rpcs: getRpcs(),
+    // apiUrl: env.LIFI_API_URL,
     defaultRouteOptions: {
         integrator: 'li.fi',
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "sideEffects": false,
   "main": "./index.js",
@@ -23,6 +23,7 @@
   "bugs": {
     "url": "https://github.com/lifinance/widget/issues"
   },
+  "license": "MIT",
   "keywords": [
     "widget",
     "lifi-widget",
@@ -40,7 +41,7 @@
     "@emotion/styled": "^11.8.1",
     "@ethersproject/experimental": "^5.6.2",
     "@ethersproject/providers": "^5.6.8",
-    "@lifi/wallet-management": "^1.0.1",
+    "@lifi/wallet-management": "^1.0.2",
     "@lifinance/sdk": "^1.0.0-beta.11",
     "@mui/icons-material": "^5.8.3",
     "@mui/lab": "^5.0.0-alpha.85",

package/pages/SelectTokenPage/ChainSelect.js

@@ -21,5 +21,5 @@ export const ChainSelect = ({ formType }) => {
         setValue(SwapFormKeyHelper.getTokenKey(formType), '');
         setValue(SwapFormKeyHelper.getAmountKey(formType), '');
     };
-    return !isLoading ? (_jsxs(CardContainer, { children: [_jsx(CardTitle, { children: t(`swap.selectChain`) }), _jsx(FormControl, Object.assign({ fullWidth: true }, { children: _jsx(Select, Object.assign({ labelId: "label", MenuProps: { elevation: 2 }, defaultValue: formType === 'from' ? fromChain : toChain, value: chainId, onChange: handleChain, IconComponent: KeyboardArrowDownIcon }, { children: chains === null || chains === void 0 ? void 0 : chains.map((chain) => (_jsxs(MenuItem, Object.assign({ value: chain.id }, { children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, Object.assign({ src: chain.logoURI, alt: chain.key }, { children: chain.name[0] })) }), chain.name] }), chain.key))) })) }))] })) : (_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 89, sx: { borderRadius: 1 } }));
+    return !isLoading ? (_jsxs(CardContainer, { children: [_jsx(CardTitle, { children: t(`swap.selectChain`) }), _jsx(FormControl, Object.assign({ fullWidth: true }, { children: _jsx(Select, Object.assign({ labelId: "label", MenuProps: { elevation: 2 }, defaultValue: formType === 'from' ? fromChain : toChain, value: chainId, onChange: handleChain, IconComponent: KeyboardArrowDownIcon }, { children: chains === null || chains === void 0 ? void 0 : chains.map((chain) => (_jsxs(MenuItem, Object.assign({ value: chain.id }, { children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, Object.assign({ src: chain.logoURI, alt: chain.key }, { children: chain.name[0] })) }), chain.name] }), chain.key))) })) }))] })) : (_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 98, sx: { borderRadius: 1 } }));
 };

package/providers/WidgetProvider/WidgetProvider.js

@@ -16,15 +16,13 @@ const stub = () => {
     throw new Error('You forgot to wrap your component in <WidgetProvider>.');
 };
 const initialContext = {
-    enabledChains: [],
+    disabledChains: [],
 };
 const WidgetContext = createContext(initialContext);
 export const useWidgetConfig = () => useContext(WidgetContext);
 export const WidgetProvider = (_a) => {
-    var { children } = _a, _b = _a.config, { fromChain, toChain } = _b, other = __rest(_b, ["fromChain", "toChain"]);
+    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken"]);
     const value = useMemo(() => {
-        var _a, _b;
-        const config = Object.assign({}, other);
         try {
             return Object.assign(Object.assign({}, config), { fromChain: typeof fromChain === 'number'
                     ? fromChain
@@ -34,12 +32,12 @@ export const WidgetProvider = (_a) => {
                     ? toChain
                     : typeof toChain === 'string'
                         ? getChainByKey(toChain.toLowerCase()).id
-                        : ChainId.ETH, fromToken: (_a = config.fromToken) === null || _a === void 0 ? void 0 : _a.toLowerCase(), toToken: (_b = config.toToken) === null || _b === void 0 ? void 0 : _b.toLowerCase() });
+                        : ChainId.ETH, fromToken: fromToken === null || fromToken === void 0 ? void 0 : fromToken.toLowerCase(), toToken: toToken === null || toToken === void 0 ? void 0 : toToken.toLowerCase() });
         }
         catch (e) {
             console.warn(e);
             return config;
         }
-    }, [fromChain, other, toChain]);
+    }, [config, fromChain, fromToken, toChain, toToken]);
     return (_jsx(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
 };

package/providers/WidgetProvider/types.d.ts

@@ -4,5 +4,5 @@ export interface WidgetContextProps extends WidgetConfig {
     toChain?: number;
 }
 export interface WidgetProviderProps {
-    config: WidgetConfig;
+    config?: WidgetConfig;
 }

package/types/widget.d.ts

@@ -15,7 +15,7 @@ export interface WidgetConfig {
     fromToken?: string;
     toChain?: `${ChainKey}` | number;
     toToken?: string;
-    enabledChains: number[];
+    disabledChains?: number[];
     disableInternalWalletManagement?: boolean;
     walletCallbacks?: {
         connect: {

package/utils/routes.d.ts

@@ -7,4 +7,5 @@ export declare const routes: {
     swapRoutes: string;
     swap: string;
 };
+export declare const routesValues: string[];
 export declare type RouteType = keyof typeof routes;

package/utils/routes.js

@@ -1,9 +1,10 @@
 export const routes = {
     home: '/',
-    selectWallet: '/select-wallet',
-    settings: '/settings',
-    fromToken: '/select-from-token',
-    toToken: '/select-to-token',
-    swapRoutes: '/swap-routes',
-    swap: '/swap',
+    selectWallet: 'select-wallet',
+    settings: 'settings',
+    fromToken: 'select-from-token',
+    toToken: 'select-to-token',
+    swapRoutes: 'swap-routes',
+    swap: 'swap',
 };
+export const routesValues = Object.values(routes);

package/config/rpcs.d.ts

@@ -1 +0,0 @@
-export declare const getRpcs: () => Record<number, string[]>;

package/config/rpcs.js

@@ -1,20 +0,0 @@
-import { ChainId } from '@lifinance/sdk';
-import { env } from './env';
-const rpcs = {
-    [ChainId.ETH]: [env.LIFI_RPC_URL_MAINNET],
-    // [ChainId.POL]: [env.LIFI_RPC_URL_POLYGON],
-    // [ChainId.BSC]: [env.LIFI_RPC_URL_BSC],
-    // [ChainId.DAI]: [env.LIFI_RPC_URL_XDAI],
-    // [ChainId.FTM]: [env.LIFI_RPC_URL_FANTOM],
-    // [ChainId.ARB]: [env.LIFI_RPC_URL_ARBITRUM],
-    // Testnet
-    [ChainId.ROP]: [env.LIFI_RPC_URL_ROPSTEN],
-    [ChainId.RIN]: [env.LIFI_RPC_URL_RINKEBY],
-    [ChainId.GOR]: [env.LIFI_RPC_URL_GORLI],
-    [ChainId.KOV]: [env.LIFI_RPC_URL_KOVAN],
-    [ChainId.ARBT]: [env.LIFI_RPC_URL_ARBITRUM_RINKEBY],
-    [ChainId.OPTT]: [env.LIFI_RPC_URL_OPTIMISM_KOVAN],
-    [ChainId.MUM]: [env.LIFI_RPC_URL_POLYGON_MUMBAI],
-    [ChainId.BSCT]: [env.LIFI_RPC_URL_BSC_TESTNET],
-};
-export const getRpcs = () => Object.fromEntries(Object.entries(rpcs).filter(([_, value]) => !value));

package/i18n/react-i18next.d.ts

@@ -1,9 +0,0 @@
-import 'react-i18next';
-import { defaultNS, resources } from '.';
-
-declare module 'react-i18next' {
-  interface CustomTypeOptions {
-    defaultNS: typeof defaultNS;
-    resources: typeof resources['en'];
-  }
-}

package/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />