@lifi/widget 1.13.6 → 1.14.1

package/cjs/components/TokenList/VirtualizedTokenList.js

@@ -15,7 +15,7 @@ const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollElementRef,
     const { getVirtualItems, getTotalSize, scrollToIndex } = (0, react_virtual_1.useVirtualizer)({
         count: tokens.length,
         getScrollElement: () => scrollElementRef.current,
-        overscan: 5,
+        overscan: 10,
         paddingEnd: 12,
         estimateSize: (index) => {
             var _a, _b;

package/cjs/config/lifi.js

@@ -5,7 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateLiFiConfig = exports.LiFi = void 0;
 const sdk_1 = __importDefault(require("@lifi/sdk"));
-exports.LiFi = new sdk_1.default();
+exports.LiFi = new sdk_1.default({
+    disableVersionCheck: true,
+});
 const updateLiFiConfig = (configUpdate) => {
     exports.LiFi.setConfig(configUpdate);
 };

package/cjs/config/theme.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTheme = void 0;
+const colors_1 = require("@mui/material/colors");
 const DialogActions_1 = require("@mui/material/DialogActions");
 const styles_1 = require("@mui/material/styles");
 const palette = {
@@ -122,9 +123,9 @@ const createTheme = (mode, theme = {}) => {
                         },
                     }, contained: {
                         '&:hover': {
-                            color: (0, styles_1.getContrastRatio)('rgb(0, 0, 0)', primaryMainColor) >= 3
-                                ? 'rgb(0, 0, 0)'
-                                : 'rgb(255, 255, 255)',
+                            color: (0, styles_1.getContrastRatio)(colors_1.common.white, primaryMainColor) >= 3
+                                ? colors_1.common.white
+                                : colors_1.common.black,
                         },
                     } }),
             },

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.13.6";
+export declare const version = "1.14.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.13.6';
+exports.version = '1.14.1';

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -92,10 +92,10 @@ exports.WalletProvider = WalletProvider;
 const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         return {
-            address: (yield (signer === null || signer === void 0 ? void 0 : signer.getAddress())) || undefined,
+            address: yield (signer === null || signer === void 0 ? void 0 : signer.getAddress()),
             isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
             signer,
-            chainId: (yield (signer === null || signer === void 0 ? void 0 : signer.getChainId())) || undefined,
+            chainId: yield (signer === null || signer === void 0 ? void 0 : signer.getChainId()),
         };
     }
     catch (error) {

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -16,6 +16,7 @@ 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>.');
 };
@@ -63,6 +64,9 @@ const WidgetProvider = (_a) => {
             },
         });
     }, [integrator]);
+    (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/stores/route/useRouteStore.js

@@ -54,4 +54,40 @@ exports.useRouteStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, i
 })), {
     name: 'li.fi-widget-routes',
     partialize: (state) => ({ routes: state.routes }),
+    merge: (persistedState, currentState) => {
+        const state = Object.assign(Object.assign({}, currentState), persistedState);
+        try {
+            const routeString = localStorage.getItem('routes');
+            if (routeString) {
+                const routes = JSON.parse(routeString);
+                routes.forEach((route) => {
+                    if (state.routes[route.id]) {
+                        return;
+                    }
+                    state.routes[route.id] = {
+                        route,
+                        status: 'idle',
+                    };
+                    const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+                    if (isFailed) {
+                        state.routes[route.id].status = 'error';
+                        return;
+                    }
+                    const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+                    if (isDone) {
+                        state.routes[route.id].status = 'success';
+                        return;
+                    }
+                    const isLoading = route.steps.some((step) => step.execution);
+                    if (isLoading) {
+                        state.routes[route.id].status = 'loading';
+                    }
+                });
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        return state;
+    },
 }));

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) => "rgb(0, 0, 0)" | "rgb(255, 255, 255)";
+export declare const getContrastTextColor: (theme: Theme, background?: string) => "#fff" | "#000";

package/cjs/utils/colors.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getContrastTextColor = exports.getContrastAlphaColor = void 0;
+const colors_1 = require("@mui/material/colors");
 const styles_1 = require("@mui/material/styles");
 const getContrastAlphaColor = (theme, alpha) => theme.palette.mode === 'light'
     ? `rgb(0 0 0 / ${alpha})`
     : `rgb(255 255 255 / ${alpha})`;
 exports.getContrastAlphaColor = getContrastAlphaColor;
-const getContrastTextColor = (theme, background) => (0, styles_1.getContrastRatio)('rgb(0, 0, 0)', background !== null && background !== void 0 ? background : theme.palette.primary.main) >=
-    3
-    ? 'rgb(0, 0, 0)'
-    : 'rgb(255, 255, 255)';
+const getContrastTextColor = (theme, background) => (0, styles_1.getContrastRatio)(colors_1.common.white, background !== null && background !== void 0 ? background : theme.palette.primary.main) >= 3
+    ? colors_1.common.white
+    : colors_1.common.black;
 exports.getContrastTextColor = getContrastTextColor;

package/components/TokenList/VirtualizedTokenList.js

@@ -12,7 +12,7 @@ export const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollEleme
     const { getVirtualItems, getTotalSize, scrollToIndex } = useVirtualizer({
         count: tokens.length,
         getScrollElement: () => scrollElementRef.current,
-        overscan: 5,
+        overscan: 10,
         paddingEnd: 12,
         estimateSize: (index) => {
             var _a, _b;

package/config/lifi.js

@@ -1,5 +1,7 @@
 import LIFI from '@lifi/sdk';
-export const LiFi = new LIFI();
+export const LiFi = new LIFI({
+    disableVersionCheck: true,
+});
 export const updateLiFiConfig = (configUpdate) => {
     LiFi.setConfig(configUpdate);
 };

package/config/theme.js

@@ -1,3 +1,4 @@
+import { common } from '@mui/material/colors';
 import { dialogActionsClasses } from '@mui/material/DialogActions';
 import { alpha, createTheme as createMuiTheme, darken, getContrastRatio, lighten, } from '@mui/material/styles';
 const palette = {
@@ -119,9 +120,9 @@ export const createTheme = (mode, theme = {}) => {
                         },
                     }, contained: {
                         '&:hover': {
-                            color: getContrastRatio('rgb(0, 0, 0)', primaryMainColor) >= 3
-                                ? 'rgb(0, 0, 0)'
-                                : 'rgb(255, 255, 255)',
+                            color: getContrastRatio(common.white, primaryMainColor) >= 3
+                                ? common.white
+                                : common.black,
                         },
                     } }),
             },

package/config/version.d.ts

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

package/config/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.13.6",
+  "version": "1.14.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -38,10 +38,10 @@
   "dependencies": {
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
-    "@ethersproject/experimental": "^5.6.3",
-    "@ethersproject/providers": "^5.6.8",
-    "@lifi/sdk": "^1.1.6",
-    "@lifi/wallet-management": "^1.1.6",
+    "@ethersproject/experimental": "^5.7.0",
+    "@ethersproject/providers": "^5.7.0",
+    "@lifi/sdk": "^1.2.1",
+    "@lifi/wallet-management": "^1.1.7",
     "@mui/icons-material": "^5.8.4",
     "@mui/lab": "^5.0.0-alpha.95",
     "@mui/material": "^5.10.1",
@@ -59,7 +59,7 @@
     "react-i18next": "^11.18.4",
     "react-router-dom": "^6.3.0",
     "react-timer-hook": "^3.0.5",
-    "zustand": "^4.1.0"
+    "zustand": "^4.1.1"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0",

package/providers/WalletProvider/WalletProvider.js

@@ -87,10 +87,10 @@ export const WalletProvider = ({ children, walletManagement }) => {
 export const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         return {
-            address: (yield (signer === null || signer === void 0 ? void 0 : signer.getAddress())) || undefined,
+            address: yield (signer === null || signer === void 0 ? void 0 : signer.getAddress()),
             isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
             signer,
-            chainId: (yield (signer === null || signer === void 0 ? void 0 : signer.getChainId())) || undefined,
+            chainId: yield (signer === null || signer === void 0 ? void 0 : signer.getChainId()),
         };
     }
     catch (error) {

package/providers/WidgetProvider/WidgetProvider.js

@@ -10,9 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getChainByKey } from '@lifi/sdk';
+import { checkPackageUpdates, getChainByKey } from '@lifi/sdk';
 import { createContext, useContext, useEffect, useMemo } from 'react';
 import { updateLiFiConfig } from '../../config/lifi';
+import { name, version } from '../../config/version';
 const stub = () => {
     throw new Error('You forgot to wrap your component in <WidgetProvider>.');
 };
@@ -59,5 +60,8 @@ export const WidgetProvider = (_a) => {
             },
         });
     }, [integrator]);
+    useEffect(() => {
+        checkPackageUpdates(name, version);
+    }, []);
     return (_jsx(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
 };

package/stores/route/useRouteStore.js

@@ -48,4 +48,40 @@ export const useRouteStore = create()(persist(immer((set) => ({
 })), {
     name: 'li.fi-widget-routes',
     partialize: (state) => ({ routes: state.routes }),
+    merge: (persistedState, currentState) => {
+        const state = Object.assign(Object.assign({}, currentState), persistedState);
+        try {
+            const routeString = localStorage.getItem('routes');
+            if (routeString) {
+                const routes = JSON.parse(routeString);
+                routes.forEach((route) => {
+                    if (state.routes[route.id]) {
+                        return;
+                    }
+                    state.routes[route.id] = {
+                        route,
+                        status: 'idle',
+                    };
+                    const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+                    if (isFailed) {
+                        state.routes[route.id].status = 'error';
+                        return;
+                    }
+                    const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+                    if (isDone) {
+                        state.routes[route.id].status = 'success';
+                        return;
+                    }
+                    const isLoading = route.steps.some((step) => step.execution);
+                    if (isLoading) {
+                        state.routes[route.id].status = 'loading';
+                    }
+                });
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        return state;
+    },
 }));