@lifi/widget 2.10.0 → 2.10.2

package/cjs/components/Routes/RoutesExpanded.js

@@ -14,9 +14,15 @@ const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
 const RouteCard_1 = require("../RouteCard");
 const RoutesExpanded_style_1 = require("./RoutesExpanded.style");
 const timeout = { enter: 225, exit: 225, appear: 0 };
+const routes = [
+    {
+        path: '/',
+        element: true,
+    },
+];
 const RoutesExpanded = () => {
-    const element = (0, react_router_dom_1.useMatch)('/');
-    return ((0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.CollapseContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout, in: !!element, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout, in: !!element, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(exports.RoutesExpandedElement, {}) }) }) }) }));
+    const match = (0, react_router_dom_1.useRoutes)(routes);
+    return ((0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.CollapseContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout, in: !!match, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout, in: !!match, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(exports.RoutesExpandedElement, {}) }) }) }) }));
 };
 exports.RoutesExpanded = RoutesExpanded;
 const RoutesExpandedElement = () => {
@@ -26,7 +32,6 @@ const RoutesExpandedElement = () => {
     const { subvariant, containerStyle } = (0, providers_1.useWidgetConfig)();
     const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
     const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useRoutes)();
-    const currentRoute = routes?.[0];
     const handleRouteClick = (route) => {
         if (isValid && !isValidating) {
             setExecutableRoute(route);
@@ -35,6 +40,7 @@ const RoutesExpandedElement = () => {
             });
         }
     };
+    const currentRoute = routes?.[0];
     const expanded = Boolean(currentRoute || isLoading || isFetching || isFetched);
     const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
     return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.Container, { sx: containerStyle, enableColorScheme: true, children: (0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.ScrollableContainer, { children: [(0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.Header, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'nft'

package/cjs/components/TokenList/TokenList.js

@@ -22,7 +22,7 @@ const TokenList = ({ formType, height, onClick, }) => {
     let filteredTokens = (tokensWithBalance ??
         chainTokens ??
         []);
-    const searchFilter = tokenSearchFilter?.toUpperCase() ?? '';
+    const searchFilter = tokenSearchFilter?.replaceAll('$', '')?.toUpperCase() ?? '';
     filteredTokens = tokenSearchFilter
         ? filteredTokens.filter((token) => token.name.toUpperCase().includes(searchFilter) ||
             token.symbol.toUpperCase().includes(searchFilter) ||

package/cjs/config/version.d.ts

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

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 = '2.10.0';
+exports.version = '2.10.2';

package/components/Routes/RoutesExpanded.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Collapse, Grow, Stack, Typography } from '@mui/material';
 import { useFormState } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useMatch, useNavigate } from 'react-router-dom';
+import { useRoutes as useDOMRoutes, useNavigate } from 'react-router-dom';
 import { useRoutes } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
 import { useSetExecutableRoute } from '../../stores';
@@ -11,9 +11,15 @@ import { ProgressToNextUpdate } from '../ProgressToNextUpdate';
 import { RouteCard, RouteCardSkeleton, RouteNotFoundCard } from '../RouteCard';
 import { CollapseContainer, Container, Header, ScrollableContainer, } from './RoutesExpanded.style';
 const timeout = { enter: 225, exit: 225, appear: 0 };
+const routes = [
+    {
+        path: '/',
+        element: true,
+    },
+];
 export const RoutesExpanded = () => {
-    const element = useMatch('/');
-    return (_jsx(CollapseContainer, { children: _jsx(Collapse, { timeout: timeout, in: !!element, orientation: "horizontal", children: _jsx(Grow, { timeout: timeout, in: !!element, mountOnEnter: true, unmountOnExit: true, children: _jsx("div", { children: _jsx(RoutesExpandedElement, {}) }) }) }) }));
+    const match = useDOMRoutes(routes);
+    return (_jsx(CollapseContainer, { children: _jsx(Collapse, { timeout: timeout, in: !!match, orientation: "horizontal", children: _jsx(Grow, { timeout: timeout, in: !!match, mountOnEnter: true, unmountOnExit: true, children: _jsx("div", { children: _jsx(RoutesExpandedElement, {}) }) }) }) }));
 };
 export const RoutesExpandedElement = () => {
     const { t } = useTranslation();
@@ -22,7 +28,6 @@ export const RoutesExpandedElement = () => {
     const { subvariant, containerStyle } = useWidgetConfig();
     const { isValid, isValidating } = useFormState();
     const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = useRoutes();
-    const currentRoute = routes?.[0];
     const handleRouteClick = (route) => {
         if (isValid && !isValidating) {
             setExecutableRoute(route);
@@ -31,6 +36,7 @@ export const RoutesExpandedElement = () => {
             });
         }
     };
+    const currentRoute = routes?.[0];
     const expanded = Boolean(currentRoute || isLoading || isFetching || isFetched);
     const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
     return (_jsx(Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: _jsx(Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(Container, { sx: containerStyle, enableColorScheme: true, children: _jsxs(ScrollableContainer, { children: [_jsxs(Header, { children: [_jsx(Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'nft'

package/components/TokenList/TokenList.js

@@ -19,7 +19,7 @@ export const TokenList = ({ formType, height, onClick, }) => {
     let filteredTokens = (tokensWithBalance ??
         chainTokens ??
         []);
-    const searchFilter = tokenSearchFilter?.toUpperCase() ?? '';
+    const searchFilter = tokenSearchFilter?.replaceAll('$', '')?.toUpperCase() ?? '';
     filteredTokens = tokenSearchFilter
         ? filteredTokens.filter((token) => token.name.toUpperCase().includes(searchFilter) ||
             token.symbol.toUpperCase().includes(searchFilter) ||

package/config/version.d.ts

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

package/config/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "2.10.0",
+  "version": "2.10.2",
   "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",
@@ -44,7 +44,7 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
     "@lifi/sdk": "^2.5.0",
-    "@lifi/wallet-management": "^2.6.0",
+    "@lifi/wallet-management": "^2.6.1",
     "@mui/icons-material": "^5.14.14",
     "@mui/lab": "^5.0.0-alpha.149",
     "@mui/material": "^5.14.14",