@lifi/widget 1.16.0 → 1.17.1

package/cjs/pages/SettingsPage/ShowDestinationWallet.js

@@ -8,7 +8,7 @@ const Switch_1 = require("../../components/Switch");
 const stores_1 = require("../../stores");
 const ShowDestinationWallet = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [setValue] = (0, stores_1.useSetSettings)();
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
     const { showDestinationWallet } = (0, stores_1.useSettings)(['showDestinationWallet']);
     const onChange = (_, checked) => {
         setValue('showDestinationWallet', checked);

package/cjs/pages/SettingsPage/SlippageInput.js

@@ -11,8 +11,8 @@ const stores_1 = require("../../stores");
 const utils_1 = require("../../utils");
 const SlippageInput = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [setValue] = (0, stores_1.useSetSettings)();
     const { slippage } = (0, stores_1.useSettings)(['slippage']);
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
     const defaultValue = (0, react_1.useRef)(slippage);
     const handleChange = (event) => {
         const { value } = event.target;

package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js

@@ -32,7 +32,6 @@ const SwapDetailsPage = () => {
     var _a, _b;
     const { t } = (0, react_i18next_1.useTranslation)();
     const { navigateBack } = (0, hooks_1.useNavigateBack)();
-    const setHeaderAction = (0, Header_1.useSetHeaderAction)();
     const { state } = (0, react_router_dom_1.useLocation)();
     const [routeExecution, deleteRoute] = (0, stores_1.useRouteStore)((store) => [store.routes[state === null || state === void 0 ? void 0 : state.routeId], store.deleteRoute], shallow_1.default);
     const [open, setOpen] = (0, react_1.useState)(false);
@@ -50,8 +49,8 @@ const SwapDetailsPage = () => {
         yield navigator.clipboard.writeText((_c = routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route.id) !== null && _c !== void 0 ? _c : '');
     });
     (0, react_1.useEffect)(() => {
-        return setHeaderAction((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "end", onClick: toggleDialog }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.DeleteOutline, {}) })));
-    }, [setHeaderAction, toggleDialog]);
+        return Header_1.useHeaderActionStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "end", onClick: toggleDialog }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.DeleteOutline, {}) })));
+    }, [toggleDialog]);
     const startedAt = new Date((_b = (_a = routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0);
     return ((0, jsx_runtime_1.jsxs)(SwapDetailsPage_style_1.Container, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: {
                     display: 'flex',

package/cjs/pages/SwapHistoryPage/SwapHistoryPage.js

@@ -18,14 +18,13 @@ const SwapHistoryPage = () => {
     const { account } = (0, providers_1.useWallet)();
     const swaps = (0, route_1.useSwapHistory)(account.address);
     const deleteRoutes = (0, stores_1.useRouteStore)((store) => store.deleteRoutes);
-    const setHeaderAction = (0, Header_1.useSetHeaderAction)();
     const [open, setOpen] = (0, react_1.useState)(false);
     const toggleDialog = (0, react_1.useCallback)(() => {
         setOpen((open) => !open);
     }, []);
     (0, react_1.useEffect)(() => {
-        return setHeaderAction((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "end", onClick: toggleDialog }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.DeleteOutline, {}) })));
-    }, [setHeaderAction, toggleDialog]);
+        return Header_1.useHeaderActionStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "medium", "aria-label": "settings", edge: "end", onClick: toggleDialog }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.DeleteOutline, {}) })));
+    }, [toggleDialog]);
     if (!swaps.length) {
         return (0, jsx_runtime_1.jsx)(SwapHistoryEmpty_1.SwapHistoryEmpty, {});
     }

package/cjs/pages/SwapPage/SwapPage.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwapPage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -25,7 +34,7 @@ const SwapPage = () => {
         navigateBack();
         deleteRoute();
     };
-    const handleSwapClick = () => {
+    const handleSwapClick = () => __awaiter(void 0, void 0, void 0, function* () {
         if (status === 'idle') {
             executeRoute();
             setValue(providers_1.SwapFormKey.FromAmount, '');
@@ -33,7 +42,7 @@ const SwapPage = () => {
         if (status === 'error') {
             restartRoute();
         }
-    };
+    });
     // eslint-disable-next-line consistent-return
     const getSwapButtonText = () => {
         if (status === 'idle') {

package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -14,7 +14,6 @@ const SwapRoutesPage_style_1 = require("./SwapRoutesPage.style");
 const SwapRoutesPage = () => {
     const navigate = (0, react_router_dom_1.useNavigate)();
     const { pathname } = (0, react_router_dom_1.useLocation)();
-    const setHeaderAction = (0, Header_1.useSetHeaderAction)();
     const { routes: swapRoutes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useSwapRoutes)();
     const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
     const handleRouteClick = (route) => {
@@ -31,8 +30,10 @@ const SwapRoutesPage = () => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     (0, react_1.useEffect)(() => {
-        return setHeaderAction((0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium", edge: "end" }));
-    }, [dataUpdatedAt, isFetching, refetch, refetchTime, setHeaderAction]);
+        return Header_1.useHeaderActionStore
+            .getState()
+            .setAction((0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium", edge: "end" }));
+    }, [dataUpdatedAt, isFetching, refetch, refetchTime]);
     const routeNotFound = !(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching;
     return ((0, jsx_runtime_1.jsx)(SwapRoutesPage_style_1.Stack, Object.assign({ direction: "column", spacing: 2, flex: 1 }, { children: routeNotFound ? ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteNotFoundCard, {})) : isLoading || isFetching ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCardSkeleton, {}, index)))) : (swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.map((route) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCard, { route: route, onClick: () => handleRouteClick(route) }, route.id)))) })));
 };

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/SwapFormProvider/SwapFormProvider.js

@@ -2,11 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwapFormProvider = exports.formDefaultValues = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const sdk_1 = require("@lifi/sdk");
-const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
-const chains_1 = require("../../stores/chains");
-const WalletProvider_1 = require("../WalletProvider");
 const WidgetProvider_1 = require("../WidgetProvider");
 const types_1 = require("./types");
 exports.formDefaultValues = {
@@ -15,65 +11,15 @@ exports.formDefaultValues = {
     [types_1.SwapFormKey.TokenSearchFilter]: '',
 };
 const SwapFormProvider = ({ children, }) => {
-    const [setChain] = (0, chains_1.useSetChainOrder)();
-    const { account } = (0, WalletProvider_1.useWallet)();
     const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress } = (0, WidgetProvider_1.useWidgetConfig)();
     const methods = (0, react_hook_form_1.useForm)({
-        defaultValues: Object.assign(Object.assign({}, exports.formDefaultValues), { fromChain: fromChain !== null && fromChain !== void 0 ? fromChain : sdk_1.ChainId.ETH, fromToken, fromAmount: (typeof fromAmount === 'number'
+        defaultValues: Object.assign(Object.assign({}, exports.formDefaultValues), { fromChain,
+            fromToken, fromAmount: (typeof fromAmount === 'number'
                 ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
-                : fromAmount) || exports.formDefaultValues.fromAmount, toChain: toChain !== null && toChain !== void 0 ? toChain : sdk_1.ChainId.ETH, toToken,
+                : fromAmount) || exports.formDefaultValues.fromAmount, toChain,
+            toToken,
             toAddress }),
     });
-    // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
-    (0, react_1.useEffect)(() => {
-        if (!account.isActive || !account.chainId) {
-            return;
-        }
-        const [fromChainValue, toChainValue] = methods.getValues([
-            types_1.SwapFormKey.FromChain,
-            types_1.SwapFormKey.ToChain,
-        ]);
-        const { isDirty: isFromChainDirty } = methods.getFieldState(types_1.SwapFormKey.FromChain, methods.formState);
-        const { isDirty: isToChainDirty } = methods.getFieldState(types_1.SwapFormKey.ToChain, methods.formState);
-        const { isDirty: isFromTokenDirty } = methods.getFieldState(types_1.SwapFormKey.FromToken, methods.formState);
-        const { isDirty: isToTokenDirty } = methods.getFieldState(types_1.SwapFormKey.ToToken, methods.formState);
-        // Users can switch chains in the wallet.
-        // If we don't have a chain in the ordered chain list we should add it.
-        setChain(account.chainId);
-        // If we ran out of slots for the ordered chain list and the current chain isn't there
-        // we should make a recently switched chain as current.
-        const { chainOrder } = chains_1.useChainOrderStore.getState();
-        const hasFromChainInOrderedList = chainOrder.includes(fromChainValue);
-        const hasToChainInOrderedList = chainOrder.includes(toChainValue);
-        if ((!fromChain && !isFromChainDirty && !isFromTokenDirty) ||
-            !hasFromChainInOrderedList) {
-            methods.setValue(types_1.SwapFormKey.FromChain, account.chainId, {
-                shouldDirty: false,
-            });
-            methods.setValue(types_1.SwapFormKey.FromToken, '', {
-                shouldDirty: false,
-            });
-            methods.setValue(types_1.SwapFormKey.FromAmount, '', {
-                shouldDirty: false,
-            });
-        }
-        if ((!toChain && !isToChainDirty && !isToTokenDirty) ||
-            !hasToChainInOrderedList) {
-            methods.setValue(types_1.SwapFormKey.ToChain, account.chainId, {
-                shouldDirty: false,
-            });
-            methods.setValue(types_1.SwapFormKey.ToToken, '', {
-                shouldDirty: false,
-            });
-        }
-    }, [
-        account.chainId,
-        account.isActive,
-        fromChain,
-        methods,
-        setChain,
-        toChain,
-    ]);
     return (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, Object.assign({}, methods, { children: children }));
 };
 exports.SwapFormProvider = SwapFormProvider;

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

@@ -16,12 +16,12 @@ export declare type SwapFormValues = {
     [SwapFormKey.ToToken]: string;
     [SwapFormKey.ToAddress]: string;
 };
-export declare type SwapFormDirection = 'from' | 'to';
+export declare type SwapFormType = 'from' | 'to';
 export declare const SwapFormKeyHelper: {
-    getChainKey: (formType: SwapFormDirection) => 'fromChain' | 'toChain';
-    getTokenKey: (formType: SwapFormDirection) => 'fromToken' | 'toToken';
-    getAmountKey: (formType: SwapFormDirection) => 'fromAmount' | 'toAmount';
+    getChainKey: (formType: SwapFormType) => 'fromChain' | 'toChain';
+    getTokenKey: (formType: SwapFormType) => 'fromToken' | 'toToken';
+    getAmountKey: (formType: SwapFormType) => 'fromAmount' | 'toAmount';
 };
 export interface SwapFormTypeProps {
-    formType: SwapFormDirection;
+    formType: SwapFormType;
 }

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,10 @@ 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 react_hook_form_1 = require("react-hook-form");
+const chains_1 = require("../../stores/chains");
+const SwapFormProvider_1 = require("../SwapFormProvider");
+const WidgetProvider_1 = require("../WidgetProvider");
 const stub = () => {
     throw new Error('You forgot to wrap your component in <WalletProvider>.');
 };
@@ -27,7 +31,9 @@ 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, fromChain, toChain, chains, disabledChains } = (0, WidgetProvider_1.useWidgetConfig)();
+    const methods = (0, react_hook_form_1.useFormContext)();
     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* () {
@@ -92,6 +98,58 @@ const WalletProvider = ({ children, walletManagement }) => {
         account,
         provider,
     }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
+    // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
+    (0, react_1.useEffect)(() => {
+        const chainAllowed = account.chainId && (0, WidgetProvider_1.isItemAllowed)(account.chainId, chains, disabledChains);
+        if (!account.isActive || !account.chainId || !chainAllowed) {
+            return;
+        }
+        const [fromChainValue, toChainValue] = methods.getValues([
+            SwapFormProvider_1.SwapFormKey.FromChain,
+            SwapFormProvider_1.SwapFormKey.ToChain,
+        ]);
+        const { isDirty: isFromChainDirty } = methods.getFieldState(SwapFormProvider_1.SwapFormKey.FromChain, methods.formState);
+        const { isDirty: isToChainDirty } = methods.getFieldState(SwapFormProvider_1.SwapFormKey.ToChain, methods.formState);
+        const { isDirty: isFromTokenDirty } = methods.getFieldState(SwapFormProvider_1.SwapFormKey.FromToken, methods.formState);
+        const { isDirty: isToTokenDirty } = methods.getFieldState(SwapFormProvider_1.SwapFormKey.ToToken, methods.formState);
+        const { chainOrder, setChain } = chains_1.useChainOrderStore.getState();
+        // Users can switch chains in the wallet.
+        // If we don't have a chain in the ordered chain list we should add it.
+        setChain(account.chainId);
+        // If we ran out of slots for the ordered chain list and the current chain isn't there
+        // we should make a recently switched chain as current.
+        const hasFromChainInOrderedList = chainOrder.includes(fromChainValue);
+        const hasToChainInOrderedList = chainOrder.includes(toChainValue);
+        if ((!fromChain && !isFromChainDirty && !isFromTokenDirty) ||
+            !hasFromChainInOrderedList) {
+            methods.setValue(SwapFormProvider_1.SwapFormKey.FromChain, account.chainId, {
+                shouldDirty: false,
+            });
+            methods.setValue(SwapFormProvider_1.SwapFormKey.FromToken, '', {
+                shouldDirty: false,
+            });
+            methods.setValue(SwapFormProvider_1.SwapFormKey.FromAmount, '', {
+                shouldDirty: false,
+            });
+        }
+        if ((!toChain && !isToChainDirty && !isToTokenDirty) ||
+            !hasToChainInOrderedList) {
+            methods.setValue(SwapFormProvider_1.SwapFormKey.ToChain, account.chainId, {
+                shouldDirty: false,
+            });
+            methods.setValue(SwapFormProvider_1.SwapFormKey.ToToken, '', {
+                shouldDirty: false,
+            });
+        }
+    }, [
+        account.chainId,
+        account.isActive,
+        chains,
+        disabledChains,
+        fromChain,
+        methods,
+        toChain,
+    ]);
     return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
 };
 exports.WalletProvider = WalletProvider;

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/WidgetProvider/index.d.ts

@@ -1,2 +1,3 @@
 export * from './types';
+export * from './utils';
 export * from './WidgetProvider';

package/cjs/providers/WidgetProvider/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);
 __exportStar(require("./WidgetProvider"), exports);

package/cjs/providers/WidgetProvider/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const isItemAllowed: <T>(chainId: T, chains?: {
+    allow?: T[] | undefined;
+    deny?: T[] | undefined;
+} | undefined, disabledChains?: T[] | undefined) => boolean;

package/cjs/providers/WidgetProvider/utils.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isItemAllowed = void 0;
+const isItemAllowed = (chainId, chains, 
+/** @deprecated Remove in the next major release */
+disabledChains) => {
+    var _a, _b;
+    if ((_a = chains === null || chains === void 0 ? void 0 : chains.allow) === null || _a === void 0 ? void 0 : _a.length) {
+        return chains.allow.includes(chainId);
+    }
+    return !((disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chainId)) || ((_b = chains === null || chains === void 0 ? void 0 : chains.deny) === null || _b === void 0 ? void 0 : _b.includes(chainId)));
+};
+exports.isItemAllowed = isItemAllowed;

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/stores/chains/index.d.ts

@@ -1,4 +1,3 @@
 export * from './types';
 export * from './useChainOrder';
 export * from './useChainOrderStore';
-export * from './useInitializeChainOrder';

package/cjs/stores/chains/index.js

@@ -17,4 +17,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
 __exportStar(require("./useChainOrder"), exports);
 __exportStar(require("./useChainOrderStore"), exports);
-__exportStar(require("./useInitializeChainOrder"), exports);

package/cjs/stores/chains/types.d.ts

@@ -3,6 +3,6 @@ export interface ChainOrderState {
     availableChains: number[];
 }
 export interface ChainOrderStore extends ChainOrderState {
-    initializeChains(chainIds: number[]): void;
+    initializeChains(chainIds: number[]): number[];
     setChain(chainId: number): void;
 }

package/cjs/stores/chains/useChainOrderStore.js

@@ -9,22 +9,25 @@ const zustand_1 = __importDefault(require("zustand"));
 const middleware_1 = require("zustand/middleware");
 const immer_1 = require("zustand/middleware/immer");
 exports.maxChainToOrder = 9;
-exports.useChainOrderStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set) => ({
+exports.useChainOrderStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set, get) => ({
     chainOrder: [],
     availableChains: [],
-    initializeChains: (chainIds) => set((state) => {
-        state.availableChains = chainIds;
-        state.chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
-        const chainsToAdd = chainIds.filter((chainId) => !state.chainOrder.includes(chainId));
-        if (state.chainOrder.length === exports.maxChainToOrder ||
-            !chainsToAdd.length) {
-            return;
-        }
-        const chainsToAddLength = exports.maxChainToOrder - state.chainOrder.length;
-        for (let index = 0; index < chainsToAddLength; index++) {
-            state.chainOrder.push(chainsToAdd[index]);
-        }
-    }),
+    initializeChains: (chainIds) => {
+        set((state) => {
+            state.availableChains = chainIds;
+            state.chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
+            const chainsToAdd = chainIds.filter((chainId) => !state.chainOrder.includes(chainId));
+            if (state.chainOrder.length === exports.maxChainToOrder ||
+                !chainsToAdd.length) {
+                return;
+            }
+            const chainsToAddLength = exports.maxChainToOrder - state.chainOrder.length;
+            for (let index = 0; index < chainsToAddLength; index++) {
+                state.chainOrder.push(chainsToAdd[index]);
+            }
+        });
+        return get().chainOrder;
+    },
     setChain: (chainId) => set((state) => {
         if (state.chainOrder.includes(chainId) ||
             !state.availableChains.includes(chainId)) {

package/cjs/stores/route/utils.d.ts

@@ -1,4 +1,5 @@
-import type { Route } from '@lifi/sdk';
+import type { Process, Route } from '@lifi/sdk';
 export declare const isRouteCompleted: (route: Route) => boolean;
 export declare const isRouteFailed: (route: Route) => boolean;
 export declare const isRouteActive: (route?: Route) => boolean;
+export declare const getUpdatedProcess: (currentRoute: Route, updatedRoute: Route) => Process | undefined;

package/cjs/stores/route/utils.js

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRouteActive = exports.isRouteFailed = exports.isRouteCompleted = void 0;
+exports.getUpdatedProcess = exports.isRouteActive = exports.isRouteFailed = exports.isRouteCompleted = void 0;
+const microdiff_1 = __importDefault(require("microdiff"));
 const isRouteCompleted = (route) => {
     return route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
 };
@@ -19,3 +23,15 @@ const isRouteActive = (route) => {
     return !isDone && !isFailed && alreadyStarted;
 };
 exports.isRouteActive = isRouteActive;
+const getUpdatedProcess = (currentRoute, updatedRoute) => {
+    const processDiff = (0, microdiff_1.default)(currentRoute, updatedRoute).find((diff) => diff.path.includes('process'));
+    if (!processDiff) {
+        return undefined;
+    }
+    // e.g. ['steps', 0, 'execution', 'process', 0]
+    const process = processDiff.path
+        .slice(0, processDiff.path.findIndex((path) => path === 'process') + 2)
+        .reduce((obj, path) => obj[path], updatedRoute);
+    return process;
+};
+exports.getUpdatedProcess = getUpdatedProcess;

package/cjs/stores/settings/index.d.ts

@@ -1,5 +1,4 @@
 export * from './types';
 export * from './useAppearance';
-export * from './useSetSettings';
 export * from './useSettings';
 export * from './useSettingsStore';

package/cjs/stores/settings/index.js

@@ -16,6 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
 __exportStar(require("./useAppearance"), exports);
-__exportStar(require("./useSetSettings"), exports);
 __exportStar(require("./useSettings"), exports);
 __exportStar(require("./useSettingsStore"), exports);

package/cjs/stores/settings/useAppearance.js

@@ -8,7 +8,9 @@ const shallow_1 = __importDefault(require("zustand/shallow"));
 const useSettingsStore_1 = require("./useSettingsStore");
 const useAppearance = () => {
     const [appearance, setValue] = (0, useSettingsStore_1.useSettingsStore)((state) => [state.appearance, state.setValue], shallow_1.default);
-    const setAppearance = (appearance) => setValue('appearance', appearance);
+    const setAppearance = (appearance) => {
+        setValue('appearance', appearance);
+    };
     return [appearance, setAppearance];
 };
 exports.useAppearance = useAppearance;