@lifi/widget 1.13.1 → 1.13.4

package/cjs/utils/input.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fitInputText = void 0;
+const fitInputText = (maxFontSize, minFontSize, element) => {
+    if (!element) {
+        return;
+    }
+    let high = maxFontSize;
+    let low = minFontSize;
+    let size = minFontSize;
+    let mid = 0;
+    // Binary search for highest font size best fit
+    while (low <= high) {
+        mid = (high + low) >> 1;
+        const fontSize = `${mid + 1}px`;
+        element.style.fontSize = fontSize;
+        if (element.scrollWidth <= element.clientWidth) {
+            size = mid;
+            low = mid + 1;
+        }
+        else {
+            high = mid - 1;
+        }
+    }
+    const fontSize = `${size}px`;
+    element.style.fontSize = fontSize;
+};
+exports.fitInputText = fitInputText;

package/cjs/utils/navigationRoutes.d.ts

@@ -0,0 +1,13 @@
+export declare const navigationRoutes: {
+    home: string;
+    selectWallet: string;
+    settings: string;
+    fromToken: string;
+    toToken: string;
+    swapRoutes: string;
+    swapExecution: string;
+    swapHistory: string;
+    swapDetails: string;
+};
+export declare const navigationRoutesValues: string[];
+export declare type NavigationRouteType = keyof typeof navigationRoutes;

package/cjs/utils/navigationRoutes.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigationRoutesValues = exports.navigationRoutes = void 0;
+exports.navigationRoutes = {
+    home: '/',
+    selectWallet: 'select-wallet',
+    settings: 'settings',
+    fromToken: 'select-from-token',
+    toToken: 'select-to-token',
+    swapRoutes: 'swap-routes',
+    swapExecution: 'swap-execution',
+    swapHistory: 'swap-history',
+    swapDetails: 'swap-details',
+};
+exports.navigationRoutesValues = Object.values(exports.navigationRoutes);

package/components/Step/CircularProgress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Status } from '@lifi/sdk';
 export declare function CircularProgress({ status }: {
     status: Status;

package/components/SwapButton/ButtonTooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ButtonTooltip: ({ title, children, }: {
     title?: string | undefined;
     children: JSX.Element;

package/components/SwapInput/SwapInputAdornment.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SwapFormTypeProps } from '../../providers/SwapFormProvider';
 export declare const SwapInputAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/config/sentry.js

@@ -10,6 +10,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { version } from './version';
 let sentryLoaded = false;
 export const initSentry = (enabled) => __awaiter(void 0, void 0, void 0, function* () {
+    if (process.env.NODE_ENV === 'development') {
+        return;
+    }
     if (enabled || sentryLoaded) {
         const [Sentry, { CaptureConsole }, { BrowserTracing }] = yield Promise.all([
             import('@sentry/react'),

package/config/version.d.ts

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

package/config/version.js

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

package/hooks/useChains.d.ts

@@ -2,8 +2,8 @@ export declare const useChains: () => {
     error: unknown;
     isError: true;
     isLoading: false;
-    isLoadingError: true;
-    isRefetchError: false;
+    isLoadingError: false;
+    isRefetchError: true;
     isSuccess: false;
     status: "error";
     dataUpdatedAt: number;
@@ -26,11 +26,11 @@ export declare const useChains: () => {
 } | {
     error: null;
     isError: false;
-    isLoading: true;
+    isLoading: false;
     isLoadingError: false;
     isRefetchError: false;
-    isSuccess: false;
-    status: "loading";
+    isSuccess: true;
+    status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
@@ -52,8 +52,8 @@ export declare const useChains: () => {
     error: unknown;
     isError: true;
     isLoading: false;
-    isLoadingError: false;
-    isRefetchError: true;
+    isLoadingError: true;
+    isRefetchError: false;
     isSuccess: false;
     status: "error";
     dataUpdatedAt: number;
@@ -76,11 +76,11 @@ export declare const useChains: () => {
 } | {
     error: null;
     isError: false;
-    isLoading: false;
+    isLoading: true;
     isLoadingError: false;
     isRefetchError: false;
-    isSuccess: true;
-    status: "success";
+    isSuccess: false;
+    status: "loading";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;

package/index.js

@@ -4,6 +4,8 @@ import './fonts/inter.css';
 import { configureReactI18next } from './i18n';
 export * from './types';
 configureReactI18next();
-// ClassNameGenerator.configure((componentName) => componentName.replace('Mui', ''));
+// ClassNameGenerator.configure((componentName) =>
+//   componentName.replace('Mui', 'LiFi'),
+// );
 export const LiFiWidget = App;
 export const LiFiWidgetDrawer = AppDrawer;

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@lifi/widget",
-  "version": "1.13.1",
+  "version": "1.13.4",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
-  "sideEffects": false,
-  "main": "./index.js",
+  "main": "./cjs/index.js",
   "module": "./index.js",
   "lint-staged": {
     "src/**/*.{ts,tsx}": [
@@ -41,30 +40,45 @@
     "@emotion/styled": "^11.10.0",
     "@ethersproject/experimental": "^5.6.3",
     "@ethersproject/providers": "^5.6.8",
-    "@lifi/sdk": "^1.1.3",
-    "@lifi/wallet-management": "^1.1.3",
+    "@lifi/sdk": "^1.1.6",
+    "@lifi/wallet-management": "^1.1.5",
     "@mui/icons-material": "^5.8.4",
-    "@mui/lab": "^5.0.0-alpha.94",
-    "@mui/material": "^5.10.0",
-    "@sentry/integrations": "^7.10.0",
-    "@sentry/react": "^7.10.0",
-    "@sentry/tracing": "^7.10.0",
-    "@tanstack/react-query": "^4.0.10",
+    "@mui/lab": "^5.0.0-alpha.95",
+    "@mui/material": "^5.10.1",
+    "@sentry/integrations": "^7.11.1",
+    "@sentry/react": "^7.11.1",
+    "@sentry/tracing": "^7.11.1",
+    "@tanstack/react-query": "^4.2.1",
     "@tanstack/react-virtual": "^3.0.0-beta.17",
     "big.js": "^6.2.1",
-    "i18next": "^21.9.0",
+    "i18next": "^21.9.1",
     "immer": "^9.0.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.34.0",
-    "react-i18next": "^11.18.3",
+    "react-hook-form": "^7.34.2",
+    "react-i18next": "^11.18.4",
     "react-router-dom": "^6.3.0",
     "react-timer-hook": "^3.0.5",
-    "zustand": "^4.0.0"
+    "zustand": "^4.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
   },
   "eslintConfig": {
     "extends": "../../.eslintrc"
   },
+  "sideEffects": false,
   "private": false,
-  "types": "./index.d.ts"
+  "types": "./index.d.ts",
+  "exports": {
+    "require": "./cjs/index.js",
+    "import": "./index.js"
+  }
 }

package/pages/SelectTokenPage/ChainSelect.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SwapFormTypeProps } from '../../providers/SwapFormProvider';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/pages/SelectWalletPage/SelectWalletPage.js

@@ -43,7 +43,7 @@ export const SelectWalletPage = () => {
     return (_jsxs(Container, Object.assign({ disableGutters: true }, { children: [_jsx(List, Object.assign({ sx: {
                     paddingLeft: 2,
                     paddingRight: 2,
-                } }, { children: supportedWallets.map((wallet) => (_jsxs(WalletListItemButton, Object.assign({ onClick: (event) => handleConnect(event, wallet), disableRipple: true }, { children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, Object.assign({ src: wallet.icon, alt: wallet.name }, { children: wallet.name[0] })) }), _jsx(WalletListItemText, { primary: wallet.name })] }), wallet.name))) })), _jsxs(Dialog, Object.assign({ open: walletIdentity.show, onClose: closeDialog }, { children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
+                } }, { children: supportedWallets.map((wallet) => (_jsxs(WalletListItemButton, Object.assign({ onClick: (event) => handleConnect(event, wallet), disableRipple: true }, { children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, Object.assign({ src: wallet.icon.src || wallet.icon, alt: wallet.name }, { children: wallet.name[0] })) }), _jsx(WalletListItemText, { primary: wallet.name })] }), wallet.name))) })), _jsxs(Dialog, Object.assign({ open: walletIdentity.show, onClose: closeDialog }, { children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
                                 name: (_a = walletIdentity.wallet) === null || _a === void 0 ? void 0 : _a.name,
                             }) }) }), _jsx(DialogActions, { children: _jsx(Button, Object.assign({ onClick: closeDialog, autoFocus: true }, { children: t('button.ok') })) })] }))] })));
 };

package/pages/SettingsPage/AdvancedPreferences.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const AdvancedPreferences: () => JSX.Element;

package/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/pages/SettingsPage/SettingsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;

package/providers/WalletProvider/WalletProvider.d.ts

@@ -11,4 +11,9 @@ export declare const extractAccountFromSigner: (signer?: Signer) => Promise<{
     isActive: boolean;
     signer: Signer | undefined;
     chainId: number | undefined;
+} | {
+    address?: undefined;
+    isActive?: undefined;
+    signer?: undefined;
+    chainId?: undefined;
 }>;

package/providers/WalletProvider/WalletProvider.js

@@ -85,10 +85,16 @@ export const WalletProvider = ({ children, walletManagement }) => {
     return (_jsx(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
 };
 export const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
-    return ({
-        address: (yield (signer === null || signer === void 0 ? void 0 : signer.getAddress())) || undefined,
-        isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
-        signer,
-        chainId: (yield (signer === null || signer === void 0 ? void 0 : signer.getChainId())) || undefined,
-    });
+    try {
+        return {
+            address: (yield (signer === null || signer === void 0 ? void 0 : signer.getAddress())) || undefined,
+            isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
+            signer,
+            chainId: (yield (signer === null || signer === void 0 ? void 0 : signer.getChainId())) || undefined,
+        };
+    }
+    catch (error) {
+        console.log(error);
+        return {};
+    }
 });