@lifi/widget 3.27.3 → 3.27.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/README.md +1 -1
- package/dist/esm/components/Chains/ChainList.js +3 -3
- package/dist/esm/components/Chains/ChainList.js.map +1 -1
- package/dist/esm/components/Chains/ChainListItem.js +2 -2
- package/dist/esm/components/Chains/ChainListItem.js.map +1 -1
- package/dist/esm/components/Chains/ChainSearchInput.js +1 -1
- package/dist/esm/components/Chains/ChainSearchInput.js.map +1 -1
- package/dist/esm/components/Chains/ChainsExpanded.d.ts +1 -1
- package/dist/esm/components/Chains/ChainsExpanded.js +5 -5
- package/dist/esm/components/Chains/ChainsExpanded.js.map +1 -1
- package/dist/esm/components/Chains/SelectChainContent.d.ts +1 -1
- package/dist/esm/components/Chains/SelectChainContent.js +9 -9
- package/dist/esm/components/Chains/SelectChainContent.js.map +1 -1
- package/dist/esm/components/Chains/VirtualizedChainList.js +3 -3
- package/dist/esm/components/Chains/VirtualizedChainList.js.map +1 -1
- package/dist/esm/components/Expansion/Expansion.js +7 -7
- package/dist/esm/components/Expansion/Expansion.js.map +1 -1
- package/dist/esm/components/Expansion/ExpansionTransition.js +1 -1
- package/dist/esm/components/Expansion/ExpansionTransition.js.map +1 -1
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/hooks/useExpansionRoutes.d.ts +1 -1
- package/dist/esm/hooks/useExpansionRoutes.js +2 -2
- package/dist/esm/hooks/useExpansionRoutes.js.map +1 -1
- package/dist/esm/hooks/useFromAmountThreshold.js +5 -5
- package/dist/esm/hooks/useFromAmountThreshold.js.map +1 -1
- package/dist/esm/hooks/useHasChainExpansion.d.ts +1 -1
- package/dist/esm/hooks/useHasChainExpansion.js +4 -4
- package/dist/esm/hooks/useHasChainExpansion.js.map +1 -1
- package/dist/esm/i18n/pt.json +1 -1
- package/dist/esm/providers/QueryClientProvider.js +1 -1
- package/dist/esm/providers/QueryClientProvider.js.map +1 -1
- package/dist/esm/utils/widgetSize.d.ts +1 -1
- package/dist/esm/utils/widgetSize.js +1 -1
- package/dist/esm/utils/widgetSize.js.map +1 -1
- package/package.json +2 -2
- package/package.json.tmp +1 -1
- package/src/components/Chains/ChainList.tsx +3 -3
- package/src/components/Chains/ChainListItem.tsx +2 -2
- package/src/components/Chains/ChainSearchInput.tsx +1 -1
- package/src/components/Chains/ChainsExpanded.tsx +6 -6
- package/src/components/Chains/SelectChainContent.tsx +9 -9
- package/src/components/Chains/VirtualizedChainList.tsx +3 -3
- package/src/components/Expansion/Expansion.tsx +7 -7
- package/src/components/Expansion/ExpansionTransition.tsx +1 -1
- package/src/config/version.ts +1 -1
- package/src/hooks/useExpansionRoutes.ts +2 -2
- package/src/hooks/useFromAmountThreshold.ts +5 -5
- package/src/hooks/useHasChainExpansion.ts +4 -4
- package/src/i18n/pt.json +1 -1
- package/src/providers/QueryClientProvider.tsx +1 -1
- package/src/utils/widgetSize.ts +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [3.27.5](https://github.com/lifinance/widget/compare/v3.27.4...v3.27.5) (2025-08-18)
|
|
6
|
+
|
|
7
|
+
### [3.27.4](https://github.com/lifinance/widget/compare/v3.27.3...v3.27.4) (2025-08-18)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* enable forceJsExtensions rule ([#517](https://github.com/lifinance/widget/issues/517)) ([0fa463f](https://github.com/lifinance/widget/commit/0fa463fcc7d902c254a737a81713b2bb58add7bb))
|
|
13
|
+
|
|
5
14
|
### [3.27.3](https://github.com/lifinance/widget/compare/v3.27.2...v3.27.3) (2025-08-14)
|
|
6
15
|
|
|
7
16
|
|
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
[**LI.FI Widget**](https://docs.li.fi/widget/overview) is a set of prebuilt UI components
|
|
15
|
+
[**LI.FI Widget**](https://docs.li.fi/widget/overview) is a set of prebuilt UI components for secure cross-chain bridging and swapping. The widget can be customized to match your web app's design and helps drive your multi-chain strategy by attracting users from all ecosystems.
|
|
16
16
|
|
|
17
17
|
[**LI.FI Widget**](https://docs.li.fi/widget/overview) features include:
|
|
18
18
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Skeleton } from '@mui/material';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import { SearchNotFound } from '../Search/SearchNotFound';
|
|
5
|
-
import { List, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style';
|
|
6
|
-
import { VirtualizedChainList } from './VirtualizedChainList';
|
|
4
|
+
import { SearchNotFound } from '../Search/SearchNotFound.js';
|
|
5
|
+
import { List, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style.js';
|
|
6
|
+
import { VirtualizedChainList } from './VirtualizedChainList.js';
|
|
7
7
|
export const ChainList = ({ parentRef, chains, onSelect, selectedChainId, isLoading, inExpansion, }) => {
|
|
8
8
|
const { t } = useTranslation();
|
|
9
9
|
const itemsSize = inExpansion ? 'small' : 'medium';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EACL,IAAI,EACJ,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAWhE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,EACf,SAAS,EACT,WAAW,GACI,EAAE,EAAE;IACnB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;IAElD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,IAAI,IAAC,cAAc,QAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,MAAC,cAAc,IAEb,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,aAE7B,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,YAC7B,KAAC,QAAQ,IACP,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACtC,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACvC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GACtB,GACa,EACjB,KAAC,YAAY,IACX,OAAO,EACL,KAAC,QAAQ,IACP,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GACvC,EAEJ,IAAI,EAAE,SAAS,GACf,KArBG,KAAK,CAsBK,CAClB,CAAC,GACG,CACR,CAAA;IACH,CAAC;IAED,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACzC,0BAA0B,EAAE,CAAC,WAAW,GACxC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,oBAAoB,IACnB,gBAAgB,EAAE,SAAS,EAC3B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,WAAW,GAC7B,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box } from '@mui/material';
|
|
3
3
|
import { memo } from 'react';
|
|
4
|
-
import { Avatar, ListItem, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style';
|
|
5
|
-
import { PinChainButton, pinButtonClassName } from './PinChainButton';
|
|
4
|
+
import { Avatar, ListItem, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style.js';
|
|
5
|
+
import { PinChainButton, pinButtonClassName } from './PinChainButton.js';
|
|
6
6
|
export const ChainListItem = memo(({ chain, onSelect, selected, itemsSize, size, start, isPinned, onPin, withPin, }) => {
|
|
7
7
|
return (_jsx(ListItem, { style: {
|
|
8
8
|
height: `${size}px`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainListItem.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,
|
|
1
|
+
{"version":3,"file":"ChainListItem.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAcxE,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAC/B,CAAC,EACC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,GACY,EAAE,EAAE;IACvB,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,IAAI,IAAI;YACnB,SAAS,EAAE,cAAc,KAAK,KAAK;YACnC,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,QAAQ;SACnB,EACD,EAAE,EAAE;YACF,CAAC,YAAY,kBAAkB,EAAE,CAAC,EAAE;gBAClC,OAAO,EAAE,CAAC;gBACV,SAAS,EAAE,eAAe;aAC3B;SACF,YAED,MAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,SAAS,aAEf,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,YAC7B,KAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,YACzD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACP,GACM,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,GAAI,EACrD,OAAO,IAAI,CACV,KAAC,GAAG,IACF,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,MAAM,EAAE,EAAE;wBACV,KAAK,EAAE,EAAE;qBACV,YAED,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,GAC5B,GACE,CACP,IACc,GACR,CACZ,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Box } from '@mui/material';
|
|
3
3
|
import { useCallback } from 'react';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
|
-
import { SearchInput, StickySearchInput } from '../Search/SearchInput';
|
|
5
|
+
import { SearchInput, StickySearchInput } from '../Search/SearchInput.js';
|
|
6
6
|
export const ChainSearchInput = ({ inputRef, inExpansion, onChange, onClear, searchHeaderHeight, }) => {
|
|
7
7
|
const { t } = useTranslation();
|
|
8
8
|
const handleClear = useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSearchInput.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainSearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ChainSearchInput.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainSearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAUzE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,kBAAkB,GACI,EAAE,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAC7B,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAA;IAE/B,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAC5D,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAClC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,GACpB,GACE,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAClC,OAAO,EAAE,WAAW,GACpB,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { memo } from 'react';
|
|
3
|
-
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider';
|
|
4
|
-
import { getWidgetMaxHeight } from '../../utils/widgetSize';
|
|
5
|
-
import { ExpansionTransition } from '../Expansion/ExpansionTransition';
|
|
6
|
-
import { chainExpansionWidth, SelectChainExpansionContainer, } from './ChainsExpanded.style';
|
|
7
|
-
import { SelectChainContent } from './SelectChainContent';
|
|
3
|
+
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
4
|
+
import { getWidgetMaxHeight } from '../../utils/widgetSize.js';
|
|
5
|
+
import { ExpansionTransition } from '../Expansion/ExpansionTransition.js';
|
|
6
|
+
import { chainExpansionWidth, SelectChainExpansionContainer, } from './ChainsExpanded.style.js';
|
|
7
|
+
import { SelectChainContent } from './SelectChainContent.js';
|
|
8
8
|
export const ChainsExpanded = memo(function ChainsExpanded({ formType, open, }) {
|
|
9
9
|
const { theme } = useWidgetConfig();
|
|
10
10
|
return (_jsx(ExpansionTransition, { in: open, width: chainExpansionWidth, children: _jsx(SelectChainExpansionContainer, { expansionHeight: getWidgetMaxHeight(theme), children: _jsx(SelectChainContent, { inExpansion: true, formType: formType }) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainsExpanded.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"ChainsExpanded.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EACL,mBAAmB,EACnB,6BAA6B,GAC9B,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAO5D,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,cAAc,CAAC,EACzD,QAAQ,EACR,IAAI,GACgB;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAA;IAEnC,OAAO,CACL,KAAC,mBAAmB,IAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,YACvD,KAAC,6BAA6B,IAC5B,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,YAE1C,KAAC,kBAAkB,IAAC,WAAW,QAAC,QAAQ,EAAE,QAAQ,GAAI,GACxB,GACZ,CACvB,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ExtendedChain } from '@lifi/sdk';
|
|
2
|
-
import { type FormType } from '../../stores/form/types';
|
|
2
|
+
import { type FormType } from '../../stores/form/types.js';
|
|
3
3
|
interface SelectChainContentProps {
|
|
4
4
|
formType: FormType;
|
|
5
5
|
onSelect?: (chain: ExtendedChain) => void;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box, debounce, useTheme } from '@mui/material';
|
|
3
3
|
import { memo, useCallback, useMemo, useRef, useState } from 'react';
|
|
4
|
-
import { useDefaultElementId } from '../../hooks/useDefaultElementId';
|
|
5
|
-
import { useScrollableContainer } from '../../hooks/useScrollableContainer';
|
|
6
|
-
import { FormKeyHelper } from '../../stores/form/types';
|
|
7
|
-
import { useFieldValues } from '../../stores/form/useFieldValues';
|
|
8
|
-
import { getWidgetMaxHeight } from '../../utils/widgetSize';
|
|
9
|
-
import { useChainSelect } from '../ChainSelect/useChainSelect';
|
|
10
|
-
import { FullPageContainer } from '../FullPageContainer';
|
|
11
|
-
import { ChainList } from './ChainList';
|
|
12
|
-
import { ChainSearchInput } from './ChainSearchInput';
|
|
4
|
+
import { useDefaultElementId } from '../../hooks/useDefaultElementId.js';
|
|
5
|
+
import { useScrollableContainer } from '../../hooks/useScrollableContainer.js';
|
|
6
|
+
import { FormKeyHelper } from '../../stores/form/types.js';
|
|
7
|
+
import { useFieldValues } from '../../stores/form/useFieldValues.js';
|
|
8
|
+
import { getWidgetMaxHeight } from '../../utils/widgetSize.js';
|
|
9
|
+
import { useChainSelect } from '../ChainSelect/useChainSelect.js';
|
|
10
|
+
import { FullPageContainer } from '../FullPageContainer.js';
|
|
11
|
+
import { ChainList } from './ChainList.js';
|
|
12
|
+
import { ChainSearchInput } from './ChainSearchInput.js';
|
|
13
13
|
const searchHeaderHeight = '80px';
|
|
14
14
|
export const SelectChainContent = memo(function SelectChainContent({ formType, onSelect, inExpansion, }) {
|
|
15
15
|
const theme = useTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectChainContent.js","sourceRoot":"","sources":["../../../../src/components/Chains/SelectChainContent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SelectChainContent.js","sourceRoot":"","sources":["../../../../src/components/Chains/SelectChainContent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAiB,MAAM,4BAA4B,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAQxD,MAAM,kBAAkB,GAAG,MAAM,CAAA;AAEjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,kBAAkB,CAAC,EACjE,QAAQ,EACR,QAAQ,EACR,WAAW,GACa;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACvE,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAA;IACvC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAA;IAC7D,MAAM,CAAC,eAAe,CAAC,GAAG,cAAc,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC7E,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEpE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,oBAAoB,CAAC,WAAW,EAAE,CAAA;QAChD,OAAO,KAAK;YACV,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAClE,EAAE,CAAC;YACP,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAElC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,iCAAiC;QACjC,IAAI,CAAC,WAAW,IAAI,mBAAmB,EAAE,CAAC;YACxC,mBAAmB,CAAC,SAAS,GAAG,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEtC,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CACH,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;QACzB,uBAAuB,CAAC,KAAK,CAAC,CAAA;QAC9B,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,GAAG,CAAC,EACT,CAAC,WAAW,CAAC,CACd,CAAA;IAED,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,KAAoB,EAAE,EAAE;QACvB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAA;QAC3C,qBAAqB,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;IAE3B,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,uBAAuB,CAAC,EAAE,CAAC,CAAA;QAC3B,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAA;QACrD,MAAM,WAAW,GACf,OAAO,mBAAmB,KAAK,QAAQ;YACrC,CAAC,CAAC,GAAG,mBAAmB,IAAI;YAC5B,CAAC,CAAC,mBAAmB,CAAA;QACzB,OAAO,QAAQ,WAAW,MAAM,kBAAkB,GAAG,CAAA;IACvD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,MAAC,iBAAiB,IAAC,cAAc,mBAC/B,KAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,GACtC,EACF,KAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EACA,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,YAGtE,KAAC,SAAS,IACR,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,cAAc,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAAI,qBAAqB,EAC3C,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,GACxB,GACE,IACY,CACrB,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
3
3
|
import { useCallback, useEffect, useMemo, useRef } from 'react';
|
|
4
|
-
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore';
|
|
5
|
-
import { List } from './ChainList.style';
|
|
6
|
-
import { ChainListItem } from './ChainListItem';
|
|
4
|
+
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js';
|
|
5
|
+
import { List } from './ChainList.style.js';
|
|
6
|
+
import { ChainListItem } from './ChainListItem.js';
|
|
7
7
|
export const VirtualizedChainList = ({ chains, onSelect, selectedChainId, itemsSize, scrollElementRef, withPinnedChains, }) => {
|
|
8
8
|
const selectedChainIdRef = useRef(selectedChainId); // Store the initial selected chain ID to scroll to it once chains are loaded
|
|
9
9
|
const hasScrolledRef = useRef(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/VirtualizedChainList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"VirtualizedChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/VirtualizedChainList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo, useRef, useState } from 'react';
|
|
3
|
-
import { useHasChainExpansion } from '../../hooks/useHasChainExpansion';
|
|
4
|
-
import { ExpansionType } from '../../types/widget';
|
|
5
|
-
import { ChainsExpanded } from '../Chains/ChainsExpanded';
|
|
6
|
-
import { chainExpansionWidth } from '../Chains/ChainsExpanded.style';
|
|
7
|
-
import { RoutesExpanded } from '../Routes/RoutesExpanded';
|
|
8
|
-
import { routesExpansionWidth } from '../Routes/RoutesExpanded.style';
|
|
9
|
-
import { ExpansionContainer } from './Expansion.style';
|
|
3
|
+
import { useHasChainExpansion } from '../../hooks/useHasChainExpansion.js';
|
|
4
|
+
import { ExpansionType } from '../../types/widget.js';
|
|
5
|
+
import { ChainsExpanded } from '../Chains/ChainsExpanded.js';
|
|
6
|
+
import { chainExpansionWidth } from '../Chains/ChainsExpanded.style.js';
|
|
7
|
+
import { RoutesExpanded } from '../Routes/RoutesExpanded.js';
|
|
8
|
+
import { routesExpansionWidth } from '../Routes/RoutesExpanded.style.js';
|
|
9
|
+
import { ExpansionContainer } from './Expansion.style.js';
|
|
10
10
|
export function Expansion() {
|
|
11
11
|
const [withChainExpansion, expansionType] = useHasChainExpansion();
|
|
12
12
|
const chainExpansionTypeRef = useRef(expansionType);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expansion.js","sourceRoot":"","sources":["../../../../src/components/Expansion/Expansion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Expansion.js","sourceRoot":"","sources":["../../../../src/components/Expansion/Expansion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,UAAU,SAAS;IACvB,MAAM,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,oBAAoB,EAAE,CAAA;IAClE,MAAM,qBAAqB,GAAG,MAAM,CAAgB,aAAa,CAAC,CAAA;IAClE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,2FAA2F;IAC3F,IACE,aAAa,KAAK,aAAa,CAAC,SAAS;QACzC,aAAa,KAAK,aAAa,CAAC,OAAO,EACvC,CAAC;QACD,qBAAqB,CAAC,OAAO,GAAG,aAAa,CAAA;IAC/C,CAAC;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,UAAU;YACf,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,kBAAkB;gBAClB,CAAC,CAAC,mBAAmB;gBACrB,CAAC,CAAC,CAAC,CAAA;IACT,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,cAAc,aACvC,KAAC,cAAc,IACb,OAAO,EAAE,aAAa,KAAK,aAAa,CAAC,MAAM,EAC/C,gBAAgB,EAAE,aAAa,GAC/B,EACF,KAAC,cAAc,IACb,QAAQ,EACN,qBAAqB,CAAC,OAAO,KAAK,aAAa,CAAC,SAAS;oBACvD,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,IAAI,EAEV,IAAI,EAAE,kBAAkB,GACxB,IACiB,CACtB,CAAA;AACH,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Box } from '@mui/material';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { Transition } from 'react-transition-group';
|
|
5
|
-
import { animationDuration, defaultStyle, transitionStyles, } from './Expansion.style';
|
|
5
|
+
import { animationDuration, defaultStyle, transitionStyles, } from './Expansion.style.js';
|
|
6
6
|
export function ExpansionTransition({ in: inProp, children, width, onExited, }) {
|
|
7
7
|
const nodeRef = useRef(null);
|
|
8
8
|
return (_jsx(Transition, { nodeRef: nodeRef, in: inProp, timeout: animationDuration, onExited: onExited, mountOnEnter: true, unmountOnExit: true, children: (state) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpansionTransition.js","sourceRoot":"","sources":["../../../../src/components/Expansion/ExpansionTransition.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAA0B,MAAM,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACjB,MAAM,
|
|
1
|
+
{"version":3,"file":"ExpansionTransition.js","sourceRoot":"","sources":["../../../../src/components/Expansion/ExpansionTransition.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAA0B,MAAM,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACjB,MAAM,sBAAsB,CAAA;AAQ7B,MAAM,UAAU,mBAAmB,CAAC,EAClC,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,GACoC;IAC5C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5B,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,EAClB,YAAY,QACZ,aAAa,kBAEZ,CAAC,KAAK,EAAE,EAAE;YACT,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE;oBACL,GAAG,YAAY;oBACf,GAAG,gBAAgB,CAAC,KAAsC,CAAC;oBAC3D,KAAK;iBACN,YAEA,QAAQ,GACL,CACP,CAAA;QACH,CAAC,GACU,CACd,CAAA;AACH,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.27.
|
|
2
|
+
export declare const version = "3.27.4";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ExpansionType } from '../types/widget';
|
|
1
|
+
import { ExpansionType } from '../types/widget.js';
|
|
2
2
|
export declare const useExpansionRoutes: () => ExpansionType;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useRoutes as useDOMRoutes } from 'react-router-dom';
|
|
2
|
-
import { ExpansionType } from '../types/widget';
|
|
3
|
-
import { navigationRoutes } from '../utils/navigationRoutes';
|
|
2
|
+
import { ExpansionType } from '../types/widget.js';
|
|
3
|
+
import { navigationRoutes } from '../utils/navigationRoutes.js';
|
|
4
4
|
const routes = [
|
|
5
5
|
{
|
|
6
6
|
path: '/',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExpansionRoutes.js","sourceRoot":"","sources":["../../../src/hooks/useExpansionRoutes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useExpansionRoutes.js","sourceRoot":"","sources":["../../../src/hooks/useExpansionRoutes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,MAAM,MAAM,GAAkB;IAC5B;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,aAAa,CAAC,MAAM;KAC9B;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,SAAS;QAChC,OAAO,EAAE,aAAa,CAAC,SAAS;KACjC;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,OAAO;QAC9B,OAAO,EAAE,aAAa,CAAC,OAAO;KAC/B;IACD;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IACpC,OAAQ,OAAO,EAAE,KAA2B,EAAE,QAAyB,CAAA;AACzE,CAAC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
|
-
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider';
|
|
3
|
-
import { FormKeyHelper } from '../stores/form/types';
|
|
4
|
-
import { useFieldValues } from '../stores/form/useFieldValues';
|
|
5
|
-
import { formatTokenPrice } from '../utils/format';
|
|
6
|
-
import { useToken } from './useToken';
|
|
2
|
+
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
3
|
+
import { FormKeyHelper } from '../stores/form/types.js';
|
|
4
|
+
import { useFieldValues } from '../stores/form/useFieldValues.js';
|
|
5
|
+
import { formatTokenPrice } from '../utils/format.js';
|
|
6
|
+
import { useToken } from './useToken.js';
|
|
7
7
|
export const useFromAmountThreshold = () => {
|
|
8
8
|
const { minFromAmountUSD } = useWidgetConfig();
|
|
9
9
|
const [chainId, tokenAddress, fromAmount] = useFieldValues(FormKeyHelper.getChainKey('from'), FormKeyHelper.getTokenKey('from'), FormKeyHelper.getAmountKey('from'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFromAmountThreshold.js","sourceRoot":"","sources":["../../../src/hooks/useFromAmountThreshold.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useFromAmountThreshold.js","sourceRoot":"","sources":["../../../src/hooks/useFromAmountThreshold.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAA;IAE9C,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,GAAG,cAAc,CACxD,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,EACjC,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,EACjC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CACnC,CAAA;IACD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAEjD,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,MAAM,aAAa,GAAG,gBAAgB,CACpC,UAAU,EACV,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,QAAQ,CAChB,CAAA;QAED,IAAI,CAAC,gBAAgB,IAAI,CAAC,aAAa,EAAE,CAAC;YACxC,OAAO,KAAK,CAAA;QACd,CAAC;QACD,OAAO,aAAa,GAAG,gBAAgB,CAAA;IACzC,CAAC,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpE,OAAO;QACL,qBAAqB;QACrB,gBAAgB;KACjB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ExpansionType } from '../types/widget';
|
|
1
|
+
import { ExpansionType } from '../types/widget.js';
|
|
2
2
|
export declare const useHasChainExpansion: () => readonly [boolean, ExpansionType];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider';
|
|
2
|
-
import { ExpansionType, HiddenUI } from '../types/widget';
|
|
3
|
-
import { useExpansionRoutes } from './useExpansionRoutes';
|
|
4
|
-
import { useSwapOnly } from './useSwapOnly';
|
|
1
|
+
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
2
|
+
import { ExpansionType, HiddenUI } from '../types/widget.js';
|
|
3
|
+
import { useExpansionRoutes } from './useExpansionRoutes.js';
|
|
4
|
+
import { useSwapOnly } from './useSwapOnly.js';
|
|
5
5
|
export const useHasChainExpansion = () => {
|
|
6
6
|
const { hiddenUI, subvariantOptions } = useWidgetConfig();
|
|
7
7
|
const swapOnly = useSwapOnly();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHasChainExpansion.js","sourceRoot":"","sources":["../../../src/hooks/useHasChainExpansion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useHasChainExpansion.js","sourceRoot":"","sources":["../../../src/hooks/useHasChainExpansion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,eAAe,EAAE,CAAA;IACzD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,aAAa,GAAG,kBAAkB,EAAE,CAAA;IAE1C,MAAM,kBAAkB,GACtB,CAAC,aAAa,KAAK,aAAa,CAAC,SAAS;QACxC,aAAa,KAAK,aAAa,CAAC,OAAO,CAAC;QAC1C,CAAC,CAAC,QAAQ,IAAI,aAAa,KAAK,aAAa,CAAC,OAAO,CAAC;QACtD,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC;QACzC,CAAC,CAAC,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,CAAA;IAE/C,OAAO,CAAC,kBAAkB,EAAE,aAAa,CAAU,CAAA;AACrD,CAAC,CAAA"}
|
package/dist/esm/i18n/pt.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { QueryClientContext as TanstackQueryClientContext, QueryClientProvider as TanstackQueryClientProvider, } from '@tanstack/react-query';
|
|
3
3
|
import { useContext } from 'react';
|
|
4
|
-
import { queryClient } from '../config/queryClient';
|
|
4
|
+
import { queryClient } from '../config/queryClient.js';
|
|
5
5
|
export const QueryClientProvider = ({ children, }) => {
|
|
6
6
|
const existingQueryClient = useContext(TanstackQueryClientContext);
|
|
7
7
|
return existingQueryClient ? (children) : (_jsx(TanstackQueryClientProvider, { client: queryClient, children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QueryClientProvider.js","sourceRoot":"","sources":["../../../src/providers/QueryClientProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,IAAI,0BAA0B,EAChD,mBAAmB,IAAI,2BAA2B,GACnD,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"QueryClientProvider.js","sourceRoot":"","sources":["../../../src/providers/QueryClientProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,IAAI,0BAA0B,EAChD,mBAAmB,IAAI,2BAA2B,GACnD,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAAgC,CAAC,EAC/D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,mBAAmB,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAA;IAClE,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAC3B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,KAAC,2BAA2B,IAAC,MAAM,EAAE,WAAW,YAC7C,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widgetSize.js","sourceRoot":"","sources":["../../../src/utils/widgetSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"widgetSize.js","sourceRoot":"","sources":["../../../src/utils/widgetSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAGzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAsC,EACrB,EAAE;IACnB,IAAI,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;QAChC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,CAAA;IACpC,CAAC;IAED,IAAI,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,aAAa,EAAE,CAAC;QAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,CAAA;IACjC,CAAC;IAED,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.27.
|
|
3
|
+
"version": "3.27.4",
|
|
4
4
|
"description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/esm/index.js",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"react-transition-group": "^4.4.5",
|
|
53
53
|
"viem": "^2.33.3",
|
|
54
54
|
"zustand": "^5.0.7",
|
|
55
|
-
"@lifi/wallet-management": "^3.14.
|
|
55
|
+
"@lifi/wallet-management": "^3.14.5"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
58
|
"@bigmi/react": ">=0.4.0",
|
package/package.json.tmp
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.27.
|
|
3
|
+
"version": "3.27.4",
|
|
4
4
|
"description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./src/index.ts",
|
|
@@ -2,14 +2,14 @@ import type { ExtendedChain } from '@lifi/sdk'
|
|
|
2
2
|
import { Skeleton } from '@mui/material'
|
|
3
3
|
import type { RefObject } from 'react'
|
|
4
4
|
import { useTranslation } from 'react-i18next'
|
|
5
|
-
import { SearchNotFound } from '../Search/SearchNotFound'
|
|
5
|
+
import { SearchNotFound } from '../Search/SearchNotFound.js'
|
|
6
6
|
import {
|
|
7
7
|
List,
|
|
8
8
|
ListItemAvatar,
|
|
9
9
|
ListItemButton,
|
|
10
10
|
ListItemText,
|
|
11
|
-
} from './ChainList.style'
|
|
12
|
-
import { VirtualizedChainList } from './VirtualizedChainList'
|
|
11
|
+
} from './ChainList.style.js'
|
|
12
|
+
import { VirtualizedChainList } from './VirtualizedChainList.js'
|
|
13
13
|
|
|
14
14
|
interface ChainListProps {
|
|
15
15
|
parentRef: RefObject<HTMLDivElement | null>
|
|
@@ -7,8 +7,8 @@ import {
|
|
|
7
7
|
ListItemAvatar,
|
|
8
8
|
ListItemButton,
|
|
9
9
|
ListItemText,
|
|
10
|
-
} from './ChainList.style'
|
|
11
|
-
import { PinChainButton, pinButtonClassName } from './PinChainButton'
|
|
10
|
+
} from './ChainList.style.js'
|
|
11
|
+
import { PinChainButton, pinButtonClassName } from './PinChainButton.js'
|
|
12
12
|
|
|
13
13
|
interface ChainListItemProps {
|
|
14
14
|
chain: ExtendedChain
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Box } from '@mui/material'
|
|
2
2
|
import { type RefObject, useCallback } from 'react'
|
|
3
3
|
import { useTranslation } from 'react-i18next'
|
|
4
|
-
import { SearchInput, StickySearchInput } from '../Search/SearchInput'
|
|
4
|
+
import { SearchInput, StickySearchInput } from '../Search/SearchInput.js'
|
|
5
5
|
|
|
6
6
|
interface ChainSearchInputProps {
|
|
7
7
|
inputRef: RefObject<HTMLInputElement | null>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { memo } from 'react'
|
|
2
|
-
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider'
|
|
3
|
-
import type { FormType } from '../../stores/form/types'
|
|
4
|
-
import { getWidgetMaxHeight } from '../../utils/widgetSize'
|
|
5
|
-
import { ExpansionTransition } from '../Expansion/ExpansionTransition'
|
|
2
|
+
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
|
|
3
|
+
import type { FormType } from '../../stores/form/types.js'
|
|
4
|
+
import { getWidgetMaxHeight } from '../../utils/widgetSize.js'
|
|
5
|
+
import { ExpansionTransition } from '../Expansion/ExpansionTransition.js'
|
|
6
6
|
import {
|
|
7
7
|
chainExpansionWidth,
|
|
8
8
|
SelectChainExpansionContainer,
|
|
9
|
-
} from './ChainsExpanded.style'
|
|
10
|
-
import { SelectChainContent } from './SelectChainContent'
|
|
9
|
+
} from './ChainsExpanded.style.js'
|
|
10
|
+
import { SelectChainContent } from './SelectChainContent.js'
|
|
11
11
|
|
|
12
12
|
interface ChainsExpandedProps {
|
|
13
13
|
formType: FormType
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import type { ExtendedChain } from '@lifi/sdk'
|
|
2
2
|
import { Box, debounce, useTheme } from '@mui/material'
|
|
3
3
|
import { memo, useCallback, useMemo, useRef, useState } from 'react'
|
|
4
|
-
import { useDefaultElementId } from '../../hooks/useDefaultElementId'
|
|
5
|
-
import { useScrollableContainer } from '../../hooks/useScrollableContainer'
|
|
6
|
-
import { FormKeyHelper, type FormType } from '../../stores/form/types'
|
|
7
|
-
import { useFieldValues } from '../../stores/form/useFieldValues'
|
|
8
|
-
import { getWidgetMaxHeight } from '../../utils/widgetSize'
|
|
9
|
-
import { useChainSelect } from '../ChainSelect/useChainSelect'
|
|
10
|
-
import { FullPageContainer } from '../FullPageContainer'
|
|
11
|
-
import { ChainList } from './ChainList'
|
|
12
|
-
import { ChainSearchInput } from './ChainSearchInput'
|
|
4
|
+
import { useDefaultElementId } from '../../hooks/useDefaultElementId.js'
|
|
5
|
+
import { useScrollableContainer } from '../../hooks/useScrollableContainer.js'
|
|
6
|
+
import { FormKeyHelper, type FormType } from '../../stores/form/types.js'
|
|
7
|
+
import { useFieldValues } from '../../stores/form/useFieldValues.js'
|
|
8
|
+
import { getWidgetMaxHeight } from '../../utils/widgetSize.js'
|
|
9
|
+
import { useChainSelect } from '../ChainSelect/useChainSelect.js'
|
|
10
|
+
import { FullPageContainer } from '../FullPageContainer.js'
|
|
11
|
+
import { ChainList } from './ChainList.js'
|
|
12
|
+
import { ChainSearchInput } from './ChainSearchInput.js'
|
|
13
13
|
|
|
14
14
|
interface SelectChainContentProps {
|
|
15
15
|
formType: FormType
|
|
@@ -2,9 +2,9 @@ import type { ExtendedChain } from '@lifi/sdk'
|
|
|
2
2
|
import { useVirtualizer } from '@tanstack/react-virtual'
|
|
3
3
|
import type { RefObject } from 'react'
|
|
4
4
|
import { useCallback, useEffect, useMemo, useRef } from 'react'
|
|
5
|
-
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore'
|
|
6
|
-
import { List } from './ChainList.style'
|
|
7
|
-
import { ChainListItem } from './ChainListItem'
|
|
5
|
+
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js'
|
|
6
|
+
import { List } from './ChainList.style.js'
|
|
7
|
+
import { ChainListItem } from './ChainListItem.js'
|
|
8
8
|
|
|
9
9
|
interface VirtualizedChainListProps {
|
|
10
10
|
scrollElementRef: RefObject<HTMLDivElement | null>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useMemo, useRef, useState } from 'react'
|
|
2
|
-
import { useHasChainExpansion } from '../../hooks/useHasChainExpansion'
|
|
3
|
-
import { ExpansionType } from '../../types/widget'
|
|
4
|
-
import { ChainsExpanded } from '../Chains/ChainsExpanded'
|
|
5
|
-
import { chainExpansionWidth } from '../Chains/ChainsExpanded.style'
|
|
6
|
-
import { RoutesExpanded } from '../Routes/RoutesExpanded'
|
|
7
|
-
import { routesExpansionWidth } from '../Routes/RoutesExpanded.style'
|
|
8
|
-
import { ExpansionContainer } from './Expansion.style'
|
|
2
|
+
import { useHasChainExpansion } from '../../hooks/useHasChainExpansion.js'
|
|
3
|
+
import { ExpansionType } from '../../types/widget.js'
|
|
4
|
+
import { ChainsExpanded } from '../Chains/ChainsExpanded.js'
|
|
5
|
+
import { chainExpansionWidth } from '../Chains/ChainsExpanded.style.js'
|
|
6
|
+
import { RoutesExpanded } from '../Routes/RoutesExpanded.js'
|
|
7
|
+
import { routesExpansionWidth } from '../Routes/RoutesExpanded.style.js'
|
|
8
|
+
import { ExpansionContainer } from './Expansion.style.js'
|
|
9
9
|
|
|
10
10
|
export function Expansion() {
|
|
11
11
|
const [withChainExpansion, expansionType] = useHasChainExpansion()
|
package/src/config/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = '@lifi/widget'
|
|
2
|
-
export const version = '3.27.
|
|
2
|
+
export const version = '3.27.4'
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react'
|
|
2
2
|
import type { RouteObject } from 'react-router-dom'
|
|
3
3
|
import { useRoutes as useDOMRoutes } from 'react-router-dom'
|
|
4
|
-
import { ExpansionType } from '../types/widget'
|
|
5
|
-
import { navigationRoutes } from '../utils/navigationRoutes'
|
|
4
|
+
import { ExpansionType } from '../types/widget.js'
|
|
5
|
+
import { navigationRoutes } from '../utils/navigationRoutes.js'
|
|
6
6
|
|
|
7
7
|
const routes: RouteObject[] = [
|
|
8
8
|
{
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useMemo } from 'react'
|
|
2
|
-
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider'
|
|
3
|
-
import { FormKeyHelper } from '../stores/form/types'
|
|
4
|
-
import { useFieldValues } from '../stores/form/useFieldValues'
|
|
5
|
-
import { formatTokenPrice } from '../utils/format'
|
|
6
|
-
import { useToken } from './useToken'
|
|
2
|
+
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
|
|
3
|
+
import { FormKeyHelper } from '../stores/form/types.js'
|
|
4
|
+
import { useFieldValues } from '../stores/form/useFieldValues.js'
|
|
5
|
+
import { formatTokenPrice } from '../utils/format.js'
|
|
6
|
+
import { useToken } from './useToken.js'
|
|
7
7
|
|
|
8
8
|
export const useFromAmountThreshold = () => {
|
|
9
9
|
const { minFromAmountUSD } = useWidgetConfig()
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider'
|
|
2
|
-
import { ExpansionType, HiddenUI } from '../types/widget'
|
|
3
|
-
import { useExpansionRoutes } from './useExpansionRoutes'
|
|
4
|
-
import { useSwapOnly } from './useSwapOnly'
|
|
1
|
+
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
|
|
2
|
+
import { ExpansionType, HiddenUI } from '../types/widget.js'
|
|
3
|
+
import { useExpansionRoutes } from './useExpansionRoutes.js'
|
|
4
|
+
import { useSwapOnly } from './useSwapOnly.js'
|
|
5
5
|
|
|
6
6
|
export const useHasChainExpansion = () => {
|
|
7
7
|
const { hiddenUI, subvariantOptions } = useWidgetConfig()
|
package/src/i18n/pt.json
CHANGED
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from '@tanstack/react-query'
|
|
5
5
|
import type { PropsWithChildren } from 'react'
|
|
6
6
|
import { useContext } from 'react'
|
|
7
|
-
import { queryClient } from '../config/queryClient'
|
|
7
|
+
import { queryClient } from '../config/queryClient.js'
|
|
8
8
|
|
|
9
9
|
export const QueryClientProvider: React.FC<PropsWithChildren> = ({
|
|
10
10
|
children,
|
package/src/utils/widgetSize.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Theme } from '@mui/material'
|
|
2
|
-
import { defaultMaxHeight } from '../config/constants'
|
|
3
|
-
import type { WidgetTheme } from '../types/widget'
|
|
2
|
+
import { defaultMaxHeight } from '../config/constants.js'
|
|
3
|
+
import type { WidgetTheme } from '../types/widget.js'
|
|
4
4
|
|
|
5
5
|
export const getWidgetMaxHeight = (
|
|
6
6
|
theme: Theme | WidgetTheme | undefined
|