@lifi/widget 1.13.5 → 1.14.0

package/cjs/i18n/en/translation.json

@@ -1,175 +1,175 @@
 {
-    "header": {
-        "walletConnected": "Wallet connected",
-        "connectWallet": "Connect wallet",
-        "selectWallet": "Select your wallet",
-        "swap": "Swap",
-        "from": "Swap from",
-        "to": "Swap to",
-        "settings": "Settings",
-        "routes": "You get",
-        "swapHistory": "Swap history",
-        "swapDetails": "Swap details"
+  "header": {
+    "walletConnected": "Wallet connected",
+    "connectWallet": "Connect wallet",
+    "selectWallet": "Select your wallet",
+    "swap": "Swap",
+    "from": "Swap from",
+    "to": "Swap to",
+    "settings": "Settings",
+    "routes": "You get",
+    "swapHistory": "Swap history",
+    "swapDetails": "Swap details"
+  },
+  "button": {
+    "connectWallet": "Connect wallet",
+    "switchChain": "Switch chain",
+    "swap": "Swap",
+    "reviewSwap": "Review swap",
+    "startSwap": "Start 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",
+    "cancel": "Cancel",
+    "delete": "Delete",
+    "hide": "Hide",
+    "max": "max",
+    "contactSupport": "Contact support",
+    "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",
+    "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",
+    "featuredTokens": "Featured tokens",
+    "otherTokens": "Other tokens",
+    "inProgress": "In progress",
+    "couldntFindTokens": "We couldn't find tokens on this chain or you don't have any.",
+    "stepSwap": "Swap",
+    "stepBridge": "Bridge",
+    "stepSwapAndBridge": "Swap and bridge",
+    "estimatedTime": "~{{value}} min.",
+    "networkIsBusy": "Network is busy...",
+    "crossStepDetails": "Bridge from {{from}} to {{to}} via {{tool}}",
+    "swapStepDetails": "Swap on {{chain}} via {{tool}}",
+    "tokenOnChain": "{{tokenSymbol}} on {{chainName}}",
+    "tokenOnChainAmount": "{{amount}} {{tokenSymbol}} on {{chainName}}",
+    "routeId": "Route ID",
+    "tags": {
+      "recommended": "Recommended",
+      "fastest": "Fast",
+      "cheapest": "Cheap",
+      "safest": "Safe",
+      "general": "General"
     },
-    "button": {
-        "connectWallet": "Connect wallet",
-        "switchChain": "Switch chain",
-        "swap": "Swap",
-        "reviewSwap": "Review swap",
-        "startSwap": "Start 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",
-        "cancel": "Cancel",
-        "delete": "Delete",
-        "hide": "Hide",
-        "max": "max",
-        "contactSupport": "Contact support",
-        "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",
-        "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",
-        "featuredTokens": "Featured tokens",
-        "otherTokens": "Other tokens",
-        "inProgress": "In progress",
-        "couldntFindTokens": "We couldn't find tokens on this chain or you don't have any.",
-        "stepSwap": "Swap",
-        "stepBridge": "Bridge",
-        "stepSwapAndBridge": "Swap and bridge",
-        "estimatedTime": "~{{value}} min.",
-        "networkIsBusy": "Network is busy...",
-        "crossStepDetails": "Bridge from {{from}} to {{to}} via {{tool}}",
-        "swapStepDetails": "Swap on {{chain}} via {{tool}}",
-        "tokenOnChain": "{{tokenSymbol}} on {{chainName}}",
-        "tokenOnChainAmount": "{{amount}} {{tokenSymbol}} on {{chainName}}",
-        "routeId": "Route ID",
-        "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."
-            }
-        },
-        "info": {
-            "title": {
-                "routeNotFound": "No routes available",
-                "emptySwapHistory": "No recent swaps"
-            },
-            "message": {
-                "routeNotFound": "Try another token combination.",
-                "emptySwapHistory": "Swap history is only stored locally and will be deleted if you clear your browser data."
-            }
-        },
-        "warning": {
-            "title": {
-                "insufficientGas": "Insufficient gas",
-                "deleteSwap": "Delete this swap?",
-                "deleteSwapHistory": "Delete swap history?"
-            },
-            "message": {
-                "insufficientFunds": "You don't have enough funds to execute the swap.",
-                "insufficientGas": "You need to add at least:",
-                "deleteSwap": "Swap history is only stored locally and can't be recovered if you delete it."
-            }
-        },
-        "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.",
-                "slippageTooLarge": "Slippage too large."
-            },
-            "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}}).",
-                "slippageTooLarge": "The slippage is larger than the defined threshold. Please request a new route to get a fresh quote."
-            }
-        },
-        "process": {
-            "tokenAllowance": {
-                "started": "Setting token allowance.",
-                "pending": "Waiting for token allowance.",
-                "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."
-            }
-        }
+    "info": {
+      "title": {
+        "routeNotFound": "No routes available",
+        "emptySwapHistory": "No recent swaps"
+      },
+      "message": {
+        "routeNotFound": "Try another token combination.",
+        "emptySwapHistory": "Swap history is only stored locally and will be deleted if you clear your browser data."
+      }
     },
-    "settings": {
-        "routePriority": "Route priority",
-        "slippage": "Slippage",
-        "gasPrice": {
-            "title": "Gas price",
-            "slow": "Slow",
-            "normal": "Normal",
-            "fast": "Fast"
-        },
-        "advancedPreferences": "Advanced preferences",
-        "enabledBridges": "Enabled bridges",
-        "selectEnabledBridges": "Select enabled bridges",
-        "enabledExchanges": "Enabled exchanges",
-        "selectEnabledExchanges": "Select enabled exchanges",
-        "resetToDefault": "Reset to default"
+    "warning": {
+      "title": {
+        "insufficientGas": "Insufficient gas",
+        "deleteSwap": "Delete this swap?",
+        "deleteSwapHistory": "Delete swap history?"
+      },
+      "message": {
+        "insufficientFunds": "You don't have enough funds to execute the swap.",
+        "insufficientGas": "You need to add at least:",
+        "deleteSwap": "Swap history is only stored locally and can't be recovered if you delete it."
+      }
     },
-    "wallet": {
-        "extensionNotFound": "Please make sure that only the {{name}} browser extension is active before choosing this wallet."
+    "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.",
+        "slippageTooLarge": "Slippage too large."
+      },
+      "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}}).",
+        "slippageTooLarge": "The slippage is larger than the defined threshold. Please request a new route to get a fresh quote."
+      }
     },
-    "tooltip": {
-        "notFound": {
-            "title": "404",
-            "text": "We couldn't find this page."
-        },
-        "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.",
+        "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",
+    "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": {
+    "notFound": {
+      "title": "404",
+      "text": "We couldn't find this page."
+    },
+    "progressToNextUpdate": "Displayed data will auto-refresh after {{value}} seconds. Click this circle to update manually."
+  }
 }

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/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.5";
+export declare const version = "1.14.0";

package/config/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.13.5",
+  "version": "1.14.0",
   "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;
+    },
 }));