@lifi/widget 1.16.0 → 1.16.1

package/AppProvider.d.ts

@@ -5,7 +5,3 @@ export interface AppProps {
 }
 export declare const AppProvider: React.FC<PropsWithChildren<AppProps>>;
 export declare const AppRouter: React.FC<PropsWithChildren<{}>>;
-export declare const TelemetryProvider: React.FC<{
-    children: React.ReactElement<any, any> | null;
-    disabled?: boolean;
-}>;

package/AppProvider.js

@@ -3,21 +3,13 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import { Fragment } from 'react';
 import { MemoryRouter, useInRouterContext } from 'react-router-dom';
 import { queryClient } from './config/queryClient';
-import { useTelemetry } from './hooks';
-import { SwapFormProvider } from './providers/SwapFormProvider';
-import { ThemeProvider } from './providers/ThemeProvider';
-import { WalletProvider } from './providers/WalletProvider';
-import { WidgetProvider } from './providers/WidgetProvider';
+import { SDKProvider, SwapFormProvider, TelemetryProvider, ThemeProvider, WalletProvider, WidgetProvider, } from './providers';
 const QueryProvider = QueryClientProvider;
 export const AppProvider = ({ children, config, }) => {
-    return (_jsx(QueryProvider, Object.assign({ client: queryClient }, { children: _jsx(TelemetryProvider, Object.assign({ disabled: config === null || config === void 0 ? void 0 : config.disableTelemetry }, { children: _jsx(WalletProvider, Object.assign({ walletManagement: config === null || config === void 0 ? void 0 : config.walletManagement }, { children: _jsx(WidgetProvider, Object.assign({ config: config }, { children: _jsx(ThemeProvider, { children: _jsx(SwapFormProvider, { children: _jsx(AppRouter, { children: children }) }) }) })) })) })) })));
+    return (_jsx(WidgetProvider, Object.assign({ config: config }, { children: _jsx(SDKProvider, { children: _jsx(QueryProvider, Object.assign({ client: queryClient }, { children: _jsx(TelemetryProvider, { children: _jsx(WalletProvider, { children: _jsx(ThemeProvider, { children: _jsx(SwapFormProvider, { children: _jsx(AppRouter, { children: children }) }) }) }) }) })) }) })));
 };
 export const AppRouter = ({ children }) => {
     const inRouterContext = useInRouterContext();
     const Router = inRouterContext ? Fragment : MemoryRouter;
     return _jsx(Router, { children: children });
 };
-export const TelemetryProvider = ({ children, disabled }) => {
-    useTelemetry(disabled);
-    return children;
-};

package/cjs/AppProvider.d.ts

@@ -5,7 +5,3 @@ export interface AppProps {
 }
 export declare const AppProvider: React.FC<PropsWithChildren<AppProps>>;
 export declare const AppRouter: React.FC<PropsWithChildren<{}>>;
-export declare const TelemetryProvider: React.FC<{
-    children: React.ReactElement<any, any> | null;
-    disabled?: boolean;
-}>;

package/cjs/AppProvider.js

@@ -1,19 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TelemetryProvider = exports.AppRouter = exports.AppProvider = void 0;
+exports.AppRouter = exports.AppProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
 const queryClient_1 = require("./config/queryClient");
-const hooks_1 = require("./hooks");
-const SwapFormProvider_1 = require("./providers/SwapFormProvider");
-const ThemeProvider_1 = require("./providers/ThemeProvider");
-const WalletProvider_1 = require("./providers/WalletProvider");
-const WidgetProvider_1 = require("./providers/WidgetProvider");
+const providers_1 = require("./providers");
 const QueryProvider = react_query_1.QueryClientProvider;
 const AppProvider = ({ children, config, }) => {
-    return ((0, jsx_runtime_1.jsx)(QueryProvider, Object.assign({ client: queryClient_1.queryClient }, { children: (0, jsx_runtime_1.jsx)(exports.TelemetryProvider, Object.assign({ disabled: config === null || config === void 0 ? void 0 : config.disableTelemetry }, { children: (0, jsx_runtime_1.jsx)(WalletProvider_1.WalletProvider, Object.assign({ walletManagement: config === null || config === void 0 ? void 0 : config.walletManagement }, { children: (0, jsx_runtime_1.jsx)(WidgetProvider_1.WidgetProvider, Object.assign({ config: config }, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(SwapFormProvider_1.SwapFormProvider, { children: (0, jsx_runtime_1.jsx)(exports.AppRouter, { children: children }) }) }) })) })) })) })));
+    return ((0, jsx_runtime_1.jsx)(providers_1.WidgetProvider, Object.assign({ config: config }, { children: (0, jsx_runtime_1.jsx)(providers_1.SDKProvider, { children: (0, jsx_runtime_1.jsx)(QueryProvider, Object.assign({ client: queryClient_1.queryClient }, { children: (0, jsx_runtime_1.jsx)(providers_1.TelemetryProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.WalletProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.SwapFormProvider, { children: (0, jsx_runtime_1.jsx)(exports.AppRouter, { children: children }) }) }) }) }) })) }) })));
 };
 exports.AppProvider = AppProvider;
 const AppRouter = ({ children }) => {
@@ -22,8 +18,3 @@ const AppRouter = ({ children }) => {
     return (0, jsx_runtime_1.jsx)(Router, { children: children });
 };
 exports.AppRouter = AppRouter;
-const TelemetryProvider = ({ children, disabled }) => {
-    (0, hooks_1.useTelemetry)(disabled);
-    return children;
-};
-exports.TelemetryProvider = TelemetryProvider;

package/cjs/components/AppContainer.js

@@ -6,7 +6,7 @@ const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const WidgetProvider_1 = require("../providers/WidgetProvider");
+const providers_1 = require("../providers");
 const utils_1 = require("../utils");
 const CssBaselineContainer = (0, styles_1.styled)(material_1.ScopedCssBaseline)(({ theme }) => ({
     // height: '100%',
@@ -44,7 +44,7 @@ exports.FlexContainer = (0, styles_1.styled)(material_1.Container)({
 });
 const AppContainer = ({ children }) => {
     const ref = (0, react_1.useRef)(null);
-    const { containerStyle } = (0, WidgetProvider_1.useWidgetConfig)();
+    const { containerStyle } = (0, providers_1.useWidgetConfig)();
     return ((0, jsx_runtime_1.jsxs)(RelativeContainer, Object.assign({ sx: containerStyle }, { children: [(0, jsx_runtime_1.jsx)(ScrollableContainer, Object.assign({ id: utils_1.ElementId.ScrollableContainer, ref: ref }, { children: (0, jsx_runtime_1.jsx)(CssBaselineContainer, Object.assign({ enableColorScheme: true }, { children: (0, jsx_runtime_1.jsx)(exports.FlexContainer, Object.assign({ disableGutters: true }, { children: children })) })) })), (0, jsx_runtime_1.jsx)(exports.ScrollToLocation, { elementRef: ref })] })));
 };
 exports.AppContainer = AppContainer;

package/cjs/components/SelectChainAndToken.js

@@ -6,15 +6,15 @@ const material_1 = require("@mui/material");
 const react_hook_form_1 = require("react-hook-form");
 const ReverseTokensButton_1 = require("../components/ReverseTokensButton");
 const SelectTokenButton_1 = require("../components/SelectTokenButton");
-const SwapFormProvider_1 = require("../providers/SwapFormProvider");
+const providers_1 = require("../providers");
 const SelectChainAndToken = (props) => {
     const prefersNarrowView = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
     const [fromChain, toChain, fromToken, toToken] = (0, react_hook_form_1.useWatch)({
         name: [
-            SwapFormProvider_1.SwapFormKey.FromChain,
-            SwapFormProvider_1.SwapFormKey.ToChain,
-            SwapFormProvider_1.SwapFormKey.FromToken,
-            SwapFormProvider_1.SwapFormKey.ToToken,
+            providers_1.SwapFormKey.FromChain,
+            providers_1.SwapFormKey.ToChain,
+            providers_1.SwapFormKey.FromToken,
+            providers_1.SwapFormKey.ToToken,
         ],
     });
     const isCompact = fromChain && toChain && fromToken && toToken && !prefersNarrowView;

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.16.0";
+export declare const version = "1.16.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 = '1.16.0';
+exports.version = '1.16.1';

package/cjs/hooks/useChains.js

@@ -12,14 +12,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChains = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-const lifi_1 = require("../config/lifi");
-const WidgetProvider_1 = require("../providers/WidgetProvider");
+const providers_1 = require("../providers");
 const chains_1 = require("../stores/chains");
 const useChains = () => {
-    const { disabledChains } = (0, WidgetProvider_1.useWidgetConfig)();
+    const { disabledChains } = (0, providers_1.useWidgetConfig)();
+    const lifi = (0, providers_1.useLiFi)();
     const [, initializeChains] = (0, chains_1.useSetChainOrder)();
     const { data, isLoading } = (0, react_query_1.useQuery)(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
-        const chains = yield lifi_1.LiFi.getChains();
+        const chains = yield lifi.getChains();
         const filteredChains = chains.filter((chain) => !(disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chain.id)));
         initializeChains(filteredChains.map((chain) => chain.id));
         return filteredChains;

package/cjs/hooks/useFeaturedTokens.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFeaturedTokens = void 0;
 const react_1 = require("react");
-const WidgetProvider_1 = require("../providers/WidgetProvider");
+const providers_1 = require("../providers");
 const useFeaturedTokens = (selectedChainId) => {
-    const { featuredTokens } = (0, WidgetProvider_1.useWidgetConfig)();
+    const { featuredTokens } = (0, providers_1.useWidgetConfig)();
     return (0, react_1.useMemo)(() => featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.filter((token) => token.chainId === selectedChainId), [featuredTokens, selectedChainId]);
 };
 exports.useFeaturedTokens = useFeaturedTokens;

package/cjs/hooks/useGasSufficiency.js

@@ -8,19 +8,18 @@ const big_js_1 = __importDefault(require("big.js"));
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const _1 = require(".");
-const SwapFormProvider_1 = require("../providers/SwapFormProvider");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const useTokenBalances_1 = require("./useTokenBalances");
 const useGasSufficiency = (route) => {
-    const { account } = (0, WalletProvider_1.useWallet)();
+    const { account } = (0, providers_1.useWallet)();
     const [fromChainId, toChainId, fromToken] = (0, react_hook_form_1.useWatch)({
         name: [
-            SwapFormProvider_1.SwapFormKeyHelper.getChainKey('from'),
-            SwapFormProvider_1.SwapFormKeyHelper.getChainKey('to'),
-            SwapFormProvider_1.SwapFormKey.FromToken,
+            providers_1.SwapFormKeyHelper.getChainKey('from'),
+            providers_1.SwapFormKeyHelper.getChainKey('to'),
+            providers_1.SwapFormKey.FromToken,
         ],
     });
-    const fromAmount = (0, _1.useDebouncedWatch)(SwapFormProvider_1.SwapFormKey.FromAmount, 250);
+    const fromAmount = (0, _1.useDebouncedWatch)(providers_1.SwapFormKey.FromAmount, 250);
     const { getChainById } = (0, _1.useChains)();
     const { tokensWithBalance: fromChainTokenBalances } = (0, useTokenBalances_1.useTokenBalances)(fromChainId);
     const { tokensWithBalance: toChainTokenBalances } = (0, useTokenBalances_1.useTokenBalances)(toChainId);

package/cjs/hooks/useInitializer.js

@@ -2,8 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInitializer = void 0;
 /* eslint-disable no-underscore-dangle */
+const sdk_1 = require("@lifi/sdk");
+const react_1 = require("react");
+const version_1 = require("../config/version");
 const useTools_1 = require("./useTools");
 const useInitializer = () => {
     (0, useTools_1.useTools)();
+    (0, react_1.useEffect)(() => {
+        (0, sdk_1.checkPackageUpdates)(version_1.name, version_1.version);
+    }, []);
 };
 exports.useInitializer = useInitializer;

package/cjs/hooks/useRouteExecution.js

@@ -16,14 +16,14 @@ exports.useRouteExecution = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const shallow_1 = __importDefault(require("zustand/shallow"));
-const lifi_1 = require("../config/lifi");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const events_1 = require("../types/events");
 const utils_1 = require("../utils");
 const useWidgetEvents_1 = require("./useWidgetEvents");
 const useRouteExecution = (routeId, executeInBackground) => {
-    const { account, switchChain } = (0, WalletProvider_1.useWallet)();
+    const lifi = (0, providers_1.useLiFi)();
+    const { account, switchChain } = (0, providers_1.useWallet)();
     const resumedAfterMount = (0, react_1.useRef)(false);
     const emitter = (0, useWidgetEvents_1.useWidgetEvents)();
     const routeExecution = (0, stores_1.useRouteStore)((state) => state.routes[routeId]);
@@ -59,7 +59,7 @@ const useRouteExecution = (routeId, executeInBackground) => {
         if (!(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route)) {
             throw Error('Execution route not found.');
         }
-        return lifi_1.LiFi.executeRoute(account.signer, routeExecution.route, {
+        return lifi.executeRoute(account.signer, routeExecution.route, {
             updateCallback,
             switchChainHook,
             infiniteApproval: false,
@@ -78,7 +78,7 @@ const useRouteExecution = (routeId, executeInBackground) => {
         if (!(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route)) {
             throw Error('Execution route not found.');
         }
-        return lifi_1.LiFi.resumeRoute(account.signer, resumedRoute !== null && resumedRoute !== void 0 ? resumedRoute : routeExecution.route, {
+        return lifi.resumeRoute(account.signer, resumedRoute !== null && resumedRoute !== void 0 ? resumedRoute : routeExecution.route, {
             updateCallback,
             switchChainHook,
             infiniteApproval: false,
@@ -138,11 +138,11 @@ const useRouteExecution = (routeId, executeInBackground) => {
             if (!route || !(0, stores_1.isRouteActive)(route)) {
                 return;
             }
-            lifi_1.LiFi.updateRouteExecution(route, { executeInBackground: true });
+            lifi.updateRouteExecution(route, { executeInBackground: true });
             console.log('Move route execution to background.', routeId);
             resumedAfterMount.current = false;
         };
-    }, [routeId]);
+    }, [lifi, routeId]);
     return {
         executeRoute,
         restartRoute: restartRouteMutation,

package/cjs/hooks/useSwapRoutes.js

@@ -18,14 +18,13 @@ const react_query_1 = require("@tanstack/react-query");
 const big_js_1 = __importDefault(require("big.js"));
 const react_hook_form_1 = require("react-hook-form");
 const _1 = require(".");
-const lifi_1 = require("../config/lifi");
-const SwapFormProvider_1 = require("../providers/SwapFormProvider");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const refetchTime = 60000;
 const useSwapRoutes = () => {
     var _a;
-    const { account, provider } = (0, WalletProvider_1.useWallet)();
+    const lifi = (0, providers_1.useLiFi)();
+    const { account, provider } = (0, providers_1.useWallet)();
     const queryClient = (0, react_query_1.useQueryClient)();
     const { slippage, enabledBridges, enabledExchanges, routePriority } = (0, stores_1.useSettings)([
         'slippage',
@@ -35,14 +34,14 @@ const useSwapRoutes = () => {
     ]);
     const [fromChainId, fromTokenAddress, toChainId, toTokenAddress, toAddress] = (0, react_hook_form_1.useWatch)({
         name: [
-            SwapFormProvider_1.SwapFormKey.FromChain,
-            SwapFormProvider_1.SwapFormKey.FromToken,
-            SwapFormProvider_1.SwapFormKey.ToChain,
-            SwapFormProvider_1.SwapFormKey.ToToken,
-            SwapFormProvider_1.SwapFormKey.ToAddress,
+            providers_1.SwapFormKey.FromChain,
+            providers_1.SwapFormKey.FromToken,
+            providers_1.SwapFormKey.ToChain,
+            providers_1.SwapFormKey.ToToken,
+            providers_1.SwapFormKey.ToAddress,
         ],
     });
-    const [fromTokenAmount] = (0, _1.useDebouncedWatch)([SwapFormProvider_1.SwapFormKey.FromAmount], 250);
+    const [fromTokenAmount] = (0, _1.useDebouncedWatch)([providers_1.SwapFormKey.FromAmount], 250);
     const { token } = (0, _1.useToken)(fromChainId, fromTokenAddress);
     const isEnabled = 
     // Boolean(account.address) &&
@@ -81,7 +80,7 @@ const useSwapRoutes = () => {
         catch (_d) {
             toWalletAddress = (0, address_1.isAddress)(toAddress) ? toAddress : fromAddress;
         }
-        return lifi_1.LiFi.getRoutes({
+        return lifi.getRoutes({
             fromChainId,
             fromAmount: (0, big_js_1.default)(Number(fromTokenAmount) * Math.pow(10, ((_c = token === null || token === void 0 ? void 0 : token.decimals) !== null && _c !== void 0 ? _c : 0))).toString(),
             fromTokenAddress,

package/cjs/hooks/useTokenBalances.js

@@ -13,15 +13,15 @@ exports.useTokenBalances = void 0;
 /* eslint-disable consistent-return */
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-const lifi_1 = require("../config/lifi");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const utils_1 = require("../utils");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens_1 = require("./useTokens");
 const defaultRefetchInterval = 60000;
 const minRefetchInterval = 1000;
 const useTokenBalances = (selectedChainId) => {
-    const { account } = (0, WalletProvider_1.useWallet)();
+    const lifi = (0, providers_1.useLiFi)();
+    const { account } = (0, providers_1.useWallet)();
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
     const { tokens, isLoading } = (0, useTokens_1.useTokens)(selectedChainId);
     const [refetchInterval, setRefetchInterval] = (0, react_1.useState)(defaultRefetchInterval);
@@ -30,7 +30,7 @@ const useTokenBalances = (selectedChainId) => {
         if (!accountAddress || !tokens) {
             return;
         }
-        const tokenBalances = yield lifi_1.LiFi.getTokenBalances(accountAddress, tokens);
+        const tokenBalances = yield lifi.getTokenBalances(accountAddress, tokens);
         if (!(tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length)) {
             // Sometimes RPCs (e.g. Arbitrum) don't return balances on first call
             // TODO: fix and remove backplane

package/cjs/hooks/useTokenSearch.js

@@ -11,11 +11,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokenSearch = void 0;
 const react_query_1 = require("@tanstack/react-query");
-const lifi_1 = require("../config/lifi");
+const providers_1 = require("../providers");
 const useTokenSearch = (token, chainId, enabled) => {
+    const lifi = (0, providers_1.useLiFi)();
     const queryClient = (0, react_query_1.useQueryClient)();
     const { data, isLoading, isFetching, isFetched } = (0, react_query_1.useQuery)(['token-search', chainId, token], ({ queryKey: [, chainId, token], signal }) => __awaiter(void 0, void 0, void 0, function* () {
-        const data = yield lifi_1.LiFi.getToken(chainId, token, {
+        const data = yield lifi.getToken(chainId, token, {
             signal,
         });
         if (data) {

package/cjs/hooks/useTokens.js

@@ -11,13 +11,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokens = void 0;
 const react_query_1 = require("@tanstack/react-query");
-const lifi_1 = require("../config/lifi");
+const providers_1 = require("../providers");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens = (selectedChainId) => {
+    const lifi = (0, providers_1.useLiFi)();
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
     const { data: tokens, isLoading, isFetching, } = (0, react_query_1.useQuery)(['tokens', selectedChainId, featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.length], () => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c;
-        const data = yield lifi_1.LiFi.getTokens({ chains: [selectedChainId] });
+        const data = yield lifi.getTokens({ chains: [selectedChainId] });
         const featuredTokenAddresses = new Set(featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.map((token) => token.address));
         return [
             ...((_a = featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.map((token) => {

package/cjs/hooks/useTools.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTools = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-const lifi_1 = require("../config/lifi");
+const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const useTools = () => {
+    const lifi = (0, providers_1.useLiFi)();
     const initializeTools = (0, stores_1.useSettingsStore)((state) => state.initializeTools);
-    const { data } = (0, react_query_1.useQuery)(['tools'], ({ signal }) => lifi_1.LiFi.getTools(undefined, { signal }), {
+    const { data } = (0, react_query_1.useQuery)(['tools'], ({ signal }) => lifi.getTools(undefined, { signal }), {
         onSuccess(data) {
             initializeTools('Bridges', data.bridges.map((bridge) => bridge.key));
             initializeTools('Exchanges', data.exchanges.map((exchange) => exchange.key));

package/cjs/providers/SDKProvider/SDKProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import LIFI from '@lifi/sdk';
+export declare const useLiFi: () => LIFI;
+export declare const SDKProvider: React.FC<React.PropsWithChildren>;

package/cjs/providers/SDKProvider/SDKProvider.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SDKProvider = exports.useLiFi = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = __importDefault(require("@lifi/sdk"));
+const react_1 = require("react");
+const WidgetProvider_1 = require("../WidgetProvider");
+let lifi;
+const SDKContext = (0, react_1.createContext)(null);
+const useLiFi = () => (0, react_1.useContext)(SDKContext);
+exports.useLiFi = useLiFi;
+const SDKProvider = ({ children, }) => {
+    const { sdkConfig, integrator } = (0, WidgetProvider_1.useWidgetConfig)();
+    const value = (0, react_1.useMemo)(() => {
+        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign(Object.assign({}, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions), { integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname }) });
+        if (!lifi) {
+            lifi = new sdk_1.default(Object.assign({ disableVersionCheck: true }, config));
+        }
+        lifi.setConfig(config);
+        return lifi;
+    }, [integrator, sdkConfig]);
+    return (0, jsx_runtime_1.jsx)(SDKContext.Provider, Object.assign({ value: value }, { children: children }));
+};
+exports.SDKProvider = SDKProvider;

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

@@ -0,0 +1 @@
+export * from './SDKProvider';

package/cjs/providers/SDKProvider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./SDKProvider"), exports);

package/cjs/providers/TelemetryProvider/TelemetryProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const TelemetryProvider: React.FC<{
+    children: React.ReactElement<any, any> | null;
+}>;

package/cjs/providers/TelemetryProvider/TelemetryProvider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TelemetryProvider = void 0;
+const __1 = require("..");
+const hooks_1 = require("../../hooks");
+const TelemetryProvider = ({ children }) => {
+    const config = (0, __1.useWidgetConfig)();
+    (0, hooks_1.useTelemetry)(config === null || config === void 0 ? void 0 : config.disableTelemetry);
+    return children;
+};
+exports.TelemetryProvider = TelemetryProvider;

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

@@ -0,0 +1 @@
+export * from './TelemetryProvider';

package/cjs/providers/TelemetryProvider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./TelemetryProvider"), exports);

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

@@ -1,11 +1,8 @@
 import type { Signer } from 'ethers';
 import type { FC, PropsWithChildren } from 'react';
-import type { WidgetWalletManagement } from '../../types';
 import type { WalletContextProps } from './types';
 export declare const useWallet: () => WalletContextProps;
-export declare const WalletProvider: FC<PropsWithChildren<{
-    walletManagement?: WidgetWalletManagement;
-}>>;
+export declare const WalletProvider: FC<PropsWithChildren>;
 export declare const extractAccountFromSigner: (signer?: Signer) => Promise<{
     address: string | undefined;
     isActive: boolean;

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -13,6 +13,7 @@ exports.extractAccountFromSigner = exports.WalletProvider = exports.useWallet =
 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 stub = () => {
     throw new Error('You forgot to wrap your component in <WalletProvider>.');
 };
@@ -27,7 +28,8 @@ const initialContext = {
 const WalletContext = (0, react_1.createContext)(initialContext);
 const useWallet = () => (0, react_1.useContext)(WalletContext);
 exports.useWallet = useWallet;
-const WalletProvider = ({ children, walletManagement }) => {
+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 connect = (0, react_1.useCallback)((wallet) => __awaiter(void 0, void 0, void 0, function* () {

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -15,11 +15,6 @@ exports.WidgetProvider = exports.useWidgetConfig = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const sdk_1 = require("@lifi/sdk");
 const react_1 = require("react");
-const lifi_1 = require("../../config/lifi");
-const version_1 = require("../../config/version");
-const stub = () => {
-    throw new Error('You forgot to wrap your component in <WidgetProvider>.');
-};
 const initialContext = {
     disabledChains: [],
 };
@@ -27,7 +22,7 @@ const WidgetContext = (0, react_1.createContext)(initialContext);
 const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
 exports.useWidgetConfig = useWidgetConfig;
 const WidgetProvider = (_a) => {
-    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken, fromAmount, integrator, sdkConfig } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount", "integrator", "sdkConfig"]);
+    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken, fromAmount } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount"]);
     const value = (0, react_1.useMemo)(() => {
         var _a, _b, _c, _d;
         try {
@@ -57,12 +52,6 @@ const WidgetProvider = (_a) => {
             return config;
         }
     }, [config, fromAmount, fromChain, fromToken, toChain, toToken]);
-    (0, react_1.useEffect)(() => {
-        (0, lifi_1.updateLiFiConfig)(Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign(Object.assign({}, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions), { integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname }) }));
-    }, [integrator, sdkConfig]);
-    (0, react_1.useEffect)(() => {
-        (0, sdk_1.checkPackageUpdates)(version_1.name, version_1.version);
-    }, []);
     return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
 };
 exports.WidgetProvider = WidgetProvider;

package/cjs/providers/index.d.ts

@@ -1,4 +1,6 @@
+export * from './SDKProvider';
 export * from './SwapFormProvider';
+export * from './TelemetryProvider';
 export * from './ThemeProvider';
 export * from './WalletProvider';
 export * from './WidgetProvider';

package/cjs/providers/index.js

@@ -14,7 +14,9 @@ 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("./SDKProvider"), exports);
 __exportStar(require("./SwapFormProvider"), exports);
+__exportStar(require("./TelemetryProvider"), exports);
 __exportStar(require("./ThemeProvider"), exports);
 __exportStar(require("./WalletProvider"), exports);
 __exportStar(require("./WidgetProvider"), exports);

package/cjs/utils/colors.d.ts

@@ -1,3 +1,3 @@
 import type { Theme } from '@mui/material';
 export declare const getContrastAlphaColor: (theme: Theme, alpha: string | number) => string;
-export declare const getContrastTextColor: (theme: Theme, background?: string) => "#fff" | "#000";
+export declare const getContrastTextColor: (theme: Theme, background?: string) => "#000" | "#fff";

package/components/AppContainer.js

@@ -3,7 +3,7 @@ import { Box, Container, ScopedCssBaseline } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import { useLayoutEffect, useRef } from 'react';
 import { useLocation } from 'react-router-dom';
-import { useWidgetConfig } from '../providers/WidgetProvider';
+import { useWidgetConfig } from '../providers';
 import { ElementId } from '../utils';
 const CssBaselineContainer = styled(ScopedCssBaseline)(({ theme }) => ({
     // height: '100%',

package/components/SelectChainAndToken.js

@@ -3,7 +3,7 @@ import { Box, useMediaQuery } from '@mui/material';
 import { useWatch } from 'react-hook-form';
 import { ReverseTokensButton } from '../components/ReverseTokensButton';
 import { SelectTokenButton } from '../components/SelectTokenButton';
-import { SwapFormKey } from '../providers/SwapFormProvider';
+import { SwapFormKey } from '../providers';
 export const SelectChainAndToken = (props) => {
     const prefersNarrowView = useMediaQuery((theme) => theme.breakpoints.down('sm'));
     const [fromChain, toChain, fromToken, toToken] = useWatch({

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.16.0";
+export declare const version = "1.16.1";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '1.16.0';
+export const version = '1.16.1';