@lifi/widget 3.30.4 → 3.30.5
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 +7 -0
- package/dist/esm/components/ChainSelect/ChainSelect.js +9 -9
- package/dist/esm/components/ChainSelect/ChainSelect.js.map +1 -1
- package/dist/esm/components/Chains/ChainList.d.ts +3 -1
- package/dist/esm/components/Chains/ChainList.js +2 -2
- package/dist/esm/components/Chains/ChainList.js.map +1 -1
- package/dist/esm/components/Chains/SelectChainContent.js +1 -1
- package/dist/esm/components/Chains/SelectChainContent.js.map +1 -1
- package/dist/esm/components/Chains/VirtualizedChainList.d.ts +3 -1
- package/dist/esm/components/Chains/VirtualizedChainList.js +15 -14
- package/dist/esm/components/Chains/VirtualizedChainList.js.map +1 -1
- package/dist/esm/components/TokenList/TokenList.js +1 -1
- package/dist/esm/components/TokenList/TokenList.js.map +1 -1
- package/dist/esm/components/TokenList/TokenNotFound.js +2 -9
- package/dist/esm/components/TokenList/TokenNotFound.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/useTokens.js +3 -3
- package/dist/esm/hooks/useTokens.js.map +1 -1
- package/dist/esm/i18n/en.json +1 -1
- package/dist/esm/pages/SelectTokenPage/SearchTokenInput.d.ts +6 -1
- package/dist/esm/pages/SelectTokenPage/SearchTokenInput.js +2 -2
- package/dist/esm/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js +1 -1
- package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
- package/dist/esm/stores/chains/ChainOrderStore.js +4 -0
- package/dist/esm/stores/chains/ChainOrderStore.js.map +1 -1
- package/dist/esm/stores/chains/createChainOrderStore.js +13 -4
- package/dist/esm/stores/chains/createChainOrderStore.js.map +1 -1
- package/dist/esm/stores/chains/types.d.ts +6 -2
- package/dist/esm/utils/token.js +2 -2
- package/dist/esm/utils/token.js.map +1 -1
- package/package.json +1 -1
- package/package.json.tmp +1 -1
- package/src/components/ChainSelect/ChainSelect.tsx +11 -10
- package/src/components/Chains/ChainList.tsx +4 -0
- package/src/components/Chains/SelectChainContent.tsx +1 -0
- package/src/components/Chains/VirtualizedChainList.tsx +28 -18
- package/src/components/TokenList/TokenList.tsx +3 -1
- package/src/components/TokenList/TokenNotFound.tsx +2 -11
- package/src/config/version.ts +1 -1
- package/src/hooks/useTokens.ts +3 -3
- package/src/i18n/en.json +1 -1
- package/src/pages/SelectTokenPage/SearchTokenInput.tsx +9 -2
- package/src/pages/SelectTokenPage/SelectTokenPage.tsx +1 -1
- package/src/stores/chains/ChainOrderStore.tsx +5 -0
- package/src/stores/chains/createChainOrderStore.ts +13 -4
- package/src/stores/chains/types.ts +6 -2
- package/src/utils/token.ts +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
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.30.5](https://github.com/lifinance/widget/compare/v3.30.4...v3.30.5) (2025-09-10)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* add form type to isAllNetworks ([#546](https://github.com/lifinance/widget/issues/546)) ([d31b1bf](https://github.com/lifinance/widget/commit/d31b1bff26d9891d2adce624d513b86a2d63d851))
|
|
11
|
+
|
|
5
12
|
### [3.30.4](https://github.com/lifinance/widget/compare/v3.30.3...v3.30.4) (2025-09-09)
|
|
6
13
|
|
|
7
14
|
### [3.30.3](https://github.com/lifinance/widget/compare/v3.30.2...v3.30.3) (2025-09-09)
|
|
@@ -18,10 +18,11 @@ export const ChainSelect = memo(({ formType }) => {
|
|
|
18
18
|
const { setFieldValue } = useFieldActions();
|
|
19
19
|
const isMobile = useMediaQuery((theme) => theme.breakpoints.down(theme.breakpoints.values.xs));
|
|
20
20
|
const { chainOrder, chains, isLoading, getSelectedChains, setChainOrder, setCurrentChain, } = useChainSelect(formType);
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
const [showAllNetworks, isAllNetworks, setIsAllNetworks] = useChainOrderStore((state) => [
|
|
22
|
+
state[`${formType}ShowAllNetworks`],
|
|
23
|
+
state[`${formType}IsAllNetworks`],
|
|
24
|
+
state.setIsAllNetworks,
|
|
25
|
+
]);
|
|
25
26
|
const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
|
|
26
27
|
useEffect(() => {
|
|
27
28
|
if (chainId) {
|
|
@@ -33,21 +34,20 @@ export const ChainSelect = memo(({ formType }) => {
|
|
|
33
34
|
}
|
|
34
35
|
}, [chainId, chainOrder, formType, setChainOrder]);
|
|
35
36
|
const onChainSelect = useCallback((selectedChainId) => {
|
|
36
|
-
setIsAllNetworks(false);
|
|
37
|
+
setIsAllNetworks(false, formType);
|
|
37
38
|
setCurrentChain(selectedChainId);
|
|
38
|
-
}, [setIsAllNetworks, setCurrentChain]);
|
|
39
|
+
}, [setIsAllNetworks, setCurrentChain, formType]);
|
|
39
40
|
const showAllChains = useCallback(() => {
|
|
40
41
|
navigate(navigationRoutes[`${formType}Chain`]);
|
|
41
42
|
}, [navigate, formType]);
|
|
42
43
|
const selectAllNetworks = useCallback(() => {
|
|
43
|
-
setIsAllNetworks(true);
|
|
44
|
+
setIsAllNetworks(true, formType);
|
|
44
45
|
setFieldValue('tokenSearchFilter', '');
|
|
45
|
-
}, [setIsAllNetworks, setFieldValue]);
|
|
46
|
+
}, [setIsAllNetworks, setFieldValue, formType]);
|
|
46
47
|
const chainsToHide = chains?.length === maxChainsToShow
|
|
47
48
|
? 0
|
|
48
49
|
: (chains?.length ?? 0) - maxChainsToOrder;
|
|
49
50
|
const chainsToShow = useMemo(() => (chainsToHide > 0 ? getSelectedChains() : chains) ?? [], [chainsToHide, getSelectedChains, chains]);
|
|
50
|
-
const showAllNetworks = chainsToShow.length > 1;
|
|
51
51
|
const tilesCount = chainsToShow.length + (showAllNetworks ? 1 : 0) + (chainsToHide > 0 ? 1 : 0);
|
|
52
52
|
if (isLoading) {
|
|
53
53
|
return (_jsx(ChainContainer, { itemCount: tilesCount, children: Array.from({ length: maxGridItemsToShow }).map((_, index) => (_jsx(Skeleton, { variant: "rectangular", width: 56, height: isMobile ? 36 : 56, sx: { borderRadius: 1 } }, index))) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelect.js","sourceRoot":"","sources":["../../../../src/components/ChainSelect/ChainSelect.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAc,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAC3E,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,8CAA8C,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,WAAW,EACX,SAAS,EACT,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3C,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,KAAY,EAAE,EAAE,CAC9C,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CACpD,CAAA;IAED,MAAM,EACJ,UAAU,EACV,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IAE5B,MAAM,EAAE,aAAa,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ChainSelect.js","sourceRoot":"","sources":["../../../../src/components/ChainSelect/ChainSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { ExtendedChain } from '@lifi/sdk';
|
|
2
2
|
import type { RefObject } from 'react';
|
|
3
|
+
import type { FormType } from '../../stores/form/types.js';
|
|
3
4
|
interface ChainListProps {
|
|
4
5
|
parentRef: RefObject<HTMLDivElement | null>;
|
|
6
|
+
formType: FormType;
|
|
5
7
|
chains: ExtendedChain[];
|
|
6
8
|
onSelect: (chain: ExtendedChain) => void;
|
|
7
9
|
selectedChainId?: number;
|
|
@@ -9,5 +11,5 @@ interface ChainListProps {
|
|
|
9
11
|
hasSearchQuery: boolean;
|
|
10
12
|
inExpansion: boolean;
|
|
11
13
|
}
|
|
12
|
-
export declare const ChainList: ({ parentRef, chains, hasSearchQuery, onSelect, selectedChainId, isLoading, inExpansion, }: ChainListProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const ChainList: ({ parentRef, formType, chains, hasSearchQuery, onSelect, selectedChainId, isLoading, inExpansion, }: ChainListProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
15
|
export {};
|
|
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
|
|
|
4
4
|
import { SearchNotFound } from '../Search/SearchNotFound.js';
|
|
5
5
|
import { List, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style.js';
|
|
6
6
|
import { VirtualizedChainList } from './VirtualizedChainList.js';
|
|
7
|
-
export const ChainList = ({ parentRef, chains, hasSearchQuery, onSelect, selectedChainId, isLoading, inExpansion, }) => {
|
|
7
|
+
export const ChainList = ({ parentRef, formType, chains, hasSearchQuery, onSelect, selectedChainId, isLoading, inExpansion, }) => {
|
|
8
8
|
const { t } = useTranslation();
|
|
9
9
|
const itemsSize = inExpansion ? 'small' : 'medium';
|
|
10
10
|
if (isLoading) {
|
|
@@ -13,6 +13,6 @@ export const ChainList = ({ parentRef, chains, hasSearchQuery, onSelect, selecte
|
|
|
13
13
|
if (!chains.length) {
|
|
14
14
|
return (_jsx(SearchNotFound, { message: t('info.message.emptyChainList'), adjustForStickySearchInput: !inExpansion }));
|
|
15
15
|
}
|
|
16
|
-
return (_jsx(VirtualizedChainList, { scrollElementRef: parentRef, chains: chains, hasSearchQuery: hasSearchQuery, onSelect: onSelect, selectedChainId: selectedChainId, itemsSize: itemsSize, withPinnedChains: inExpansion }));
|
|
16
|
+
return (_jsx(VirtualizedChainList, { scrollElementRef: parentRef, formType: formType, chains: chains, hasSearchQuery: hasSearchQuery, onSelect: onSelect, selectedChainId: selectedChainId, itemsSize: itemsSize, withPinnedChains: inExpansion }));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=ChainList.js.map
|
|
@@ -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;
|
|
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;AAE9C,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;AAahE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,cAAc,EACd,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,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,WAAW,GAC7B,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -55,6 +55,6 @@ export const SelectChainContent = memo(function SelectChainContent({ formType, o
|
|
|
55
55
|
: fullContainerHeight;
|
|
56
56
|
return `calc(${heightValue} - ${searchHeaderHeight})`;
|
|
57
57
|
}, [theme]);
|
|
58
|
-
return (_jsxs(FullPageContainer, { disableGutters: true, children: [_jsx(ChainSearchInput, { inputRef: inputRef, inExpansion: inExpansion, onChange: onChange, onClear: onClear, searchHeaderHeight: searchHeaderHeight }), _jsx(Box, { ref: listRef, sx: inExpansion ? { height: listContainerHeight, overflow: 'auto' } : {}, children: _jsx(ChainList, { parentRef: listRef, chains: filteredChains, isLoading: isLoading, onSelect: onSelect ?? onSelectChainFallback, selectedChainId: selectedChainId, hasSearchQuery: !!inputRef.current?.value, inExpansion: inExpansion }) })] }));
|
|
58
|
+
return (_jsxs(FullPageContainer, { disableGutters: true, children: [_jsx(ChainSearchInput, { inputRef: inputRef, inExpansion: inExpansion, onChange: onChange, onClear: onClear, searchHeaderHeight: searchHeaderHeight }), _jsx(Box, { ref: listRef, sx: inExpansion ? { height: listContainerHeight, overflow: 'auto' } : {}, children: _jsx(ChainList, { parentRef: listRef, formType: formType, chains: filteredChains, isLoading: isLoading, onSelect: onSelect ?? onSelectChainFallback, selectedChainId: selectedChainId, hasSearchQuery: !!inputRef.current?.value, inExpansion: inExpansion }) })] }));
|
|
59
59
|
});
|
|
60
60
|
//# sourceMappingURL=SelectChainContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectChainContent.js","sourceRoot":"","sources":["../../../../src/components/Chains/SelectChainContent.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SelectChainContent.js","sourceRoot":"","sources":["../../../../src/components/Chains/SelectChainContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { ExtendedChain } from '@lifi/sdk';
|
|
2
2
|
import type { RefObject } from 'react';
|
|
3
|
+
import type { FormType } from '../../stores/form/types.js';
|
|
3
4
|
interface VirtualizedChainListProps {
|
|
4
5
|
scrollElementRef: RefObject<HTMLDivElement | null>;
|
|
6
|
+
formType: FormType;
|
|
5
7
|
chains: ExtendedChain[];
|
|
6
8
|
onSelect: (chain: ExtendedChain) => void;
|
|
7
9
|
selectedChainId?: number;
|
|
@@ -9,5 +11,5 @@ interface VirtualizedChainListProps {
|
|
|
9
11
|
hasSearchQuery: boolean;
|
|
10
12
|
withPinnedChains: boolean;
|
|
11
13
|
}
|
|
12
|
-
export declare const VirtualizedChainList: ({ chains, hasSearchQuery, onSelect, selectedChainId, itemsSize, scrollElementRef, withPinnedChains, }: VirtualizedChainListProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const VirtualizedChainList: ({ formType, chains, hasSearchQuery, onSelect, selectedChainId, itemsSize, scrollElementRef, withPinnedChains, }: VirtualizedChainListProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
15
|
export {};
|
|
@@ -7,16 +7,17 @@ import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
|
7
7
|
import { AllChainsAvatar } from './AllChainsAvatar.js';
|
|
8
8
|
import { List, ListItem, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style.js';
|
|
9
9
|
import { ChainListItem } from './ChainListItem.js';
|
|
10
|
-
export const VirtualizedChainList = ({ chains, hasSearchQuery, onSelect, selectedChainId, itemsSize, scrollElementRef, withPinnedChains, }) => {
|
|
10
|
+
export const VirtualizedChainList = ({ formType, chains, hasSearchQuery, onSelect, selectedChainId, itemsSize, scrollElementRef, withPinnedChains, }) => {
|
|
11
11
|
const { t } = useTranslation();
|
|
12
12
|
const { setFieldValue } = useFieldActions();
|
|
13
13
|
const selectedChainIdRef = useRef(selectedChainId); // Store the initial selected chain ID to scroll to it once chains are loaded
|
|
14
14
|
const hasScrolledRef = useRef(false);
|
|
15
|
-
const [pinnedChains, setPinnedChain, isAllNetworks, setIsAllNetworks] = useChainOrderStore((state) => [
|
|
15
|
+
const [pinnedChains, setPinnedChain, isAllNetworks, setIsAllNetworks, showAllNetworks,] = useChainOrderStore((state) => [
|
|
16
16
|
state.pinnedChains,
|
|
17
17
|
state.setPinnedChain,
|
|
18
|
-
state
|
|
18
|
+
state[`${formType}IsAllNetworks`],
|
|
19
19
|
state.setIsAllNetworks,
|
|
20
|
+
state[`${formType}ShowAllNetworks`],
|
|
20
21
|
]);
|
|
21
22
|
const onPin = useCallback((chainId) => {
|
|
22
23
|
setPinnedChain(chainId);
|
|
@@ -33,20 +34,20 @@ export const VirtualizedChainList = ({ chains, hasSearchQuery, onSelect, selecte
|
|
|
33
34
|
const rest = chains.filter((c) => !pinnedIds.has(c.id));
|
|
34
35
|
return [...pinned, ...rest];
|
|
35
36
|
}, [chains, pinnedChains]);
|
|
36
|
-
const
|
|
37
|
+
const showAllNetworksOption = showAllNetworks && !hasSearchQuery;
|
|
37
38
|
const getItemKey = useCallback((index) => {
|
|
38
|
-
if (
|
|
39
|
+
if (showAllNetworksOption && index === 0) {
|
|
39
40
|
return 'all-chains';
|
|
40
41
|
}
|
|
41
|
-
const chainIndex = index - (
|
|
42
|
+
const chainIndex = index - (showAllNetworksOption ? 1 : 0);
|
|
42
43
|
return `${sortedChains[chainIndex].id}-${index}`;
|
|
43
|
-
}, [sortedChains,
|
|
44
|
+
}, [sortedChains, showAllNetworksOption]);
|
|
44
45
|
const onChainSelect = useCallback((chain) => {
|
|
45
|
-
setIsAllNetworks(false);
|
|
46
|
+
setIsAllNetworks(false, formType);
|
|
46
47
|
onSelect(chain);
|
|
47
|
-
}, [onSelect, setIsAllNetworks]);
|
|
48
|
+
}, [onSelect, setIsAllNetworks, formType]);
|
|
48
49
|
const { getVirtualItems, getTotalSize, measure, range, getOffsetForIndex } = useVirtualizer({
|
|
49
|
-
count: sortedChains.length + (
|
|
50
|
+
count: sortedChains.length + (showAllNetworksOption ? 1 : 0), // +1 for the all networks item
|
|
50
51
|
overscan: 3,
|
|
51
52
|
paddingEnd: 0,
|
|
52
53
|
getScrollElement: () => scrollElementRef.current,
|
|
@@ -98,18 +99,18 @@ export const VirtualizedChainList = ({ chains, hasSearchQuery, onSelect, selecte
|
|
|
98
99
|
}
|
|
99
100
|
}, [sortedChains, scrollToIndex, range, isAllNetworks]);
|
|
100
101
|
const selectAllNetworks = useCallback(() => {
|
|
101
|
-
setIsAllNetworks(true);
|
|
102
|
+
setIsAllNetworks(true, formType);
|
|
102
103
|
setFieldValue('tokenSearchFilter', '');
|
|
103
|
-
}, [setIsAllNetworks, setFieldValue]);
|
|
104
|
+
}, [setIsAllNetworks, setFieldValue, formType]);
|
|
104
105
|
return (_jsx(List, { className: "long-list", style: { height: getTotalSize() }, disablePadding: true, children: getVirtualItems().map((item) => {
|
|
105
|
-
if (
|
|
106
|
+
if (showAllNetworksOption && item.index === 0) {
|
|
106
107
|
return (_jsx(ListItem, { style: {
|
|
107
108
|
height: `${itemsSize}px`,
|
|
108
109
|
transform: `translateY(${item.start}px)`,
|
|
109
110
|
padding: 0,
|
|
110
111
|
}, children: _jsxs(ListItemButton, { onClick: selectAllNetworks, selected: isAllNetworks, size: itemsSize, children: [_jsx(ListItemAvatar, { size: itemsSize, children: _jsx(AllChainsAvatar, { chains: chains, size: itemsSize }) }), _jsx(ListItemText, { primary: t('main.allNetworks'), size: itemsSize })] }) }, item.key));
|
|
111
112
|
}
|
|
112
|
-
const chain = sortedChains[item.index - (
|
|
113
|
+
const chain = sortedChains[item.index - (showAllNetworksOption ? 1 : 0)];
|
|
113
114
|
return (_jsx(ChainListItem, { chain: chain, onSelect: onChainSelect, selected: !isAllNetworks && chain.id === selectedChainId, itemsSize: itemsSize, size: item.size, start: item.start, withPin: withPinnedChains, isPinned: pinnedChains.includes(chain.id), onPin: onPin }, item.key));
|
|
114
115
|
}) }));
|
|
115
116
|
};
|
|
@@ -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,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;
|
|
1
|
+
{"version":3,"file":"VirtualizedChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/VirtualizedChainList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ import { VirtualizedTokenList } from './VirtualizedTokenList.js';
|
|
|
14
14
|
export const TokenList = memo(({ formType, parentRef, height, onClick }) => {
|
|
15
15
|
const emitter = useWidgetEvents();
|
|
16
16
|
const [selectedChainId, selectedTokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), FormKeyHelper.getTokenKey(formType));
|
|
17
|
-
const isAllNetworks = useChainOrderStore((state) => state
|
|
17
|
+
const isAllNetworks = useChainOrderStore((state) => state[`${formType}IsAllNetworks`]);
|
|
18
18
|
const [tokenSearchFilter] = useDebouncedWatch(320, 'tokenSearchFilter');
|
|
19
19
|
const { tokens, withCategories, isTokensLoading, isBalanceLoading, isSearchLoading, } = useTokenBalances(selectedChainId, formType, isAllNetworks, tokenSearchFilter);
|
|
20
20
|
const handleTokenClick = useTokenSelect(formType, onClick);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenList.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAW,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEhE,MAAM,CAAC,MAAM,SAAS,GAAuB,IAAI,CAC/C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IAEjC,MAAM,CAAC,eAAe,EAAE,oBAAoB,CAAC,GAAG,cAAc,CAC5D,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAA;IAED,MAAM,aAAa,GAAG,kBAAkB,
|
|
1
|
+
{"version":3,"file":"TokenList.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useTranslation } from 'react-i18next';
|
|
3
|
-
import { useAvailableChains } from '../../hooks/useAvailableChains.js';
|
|
4
|
-
import { FormKeyHelper } from '../../stores/form/types.js';
|
|
5
|
-
import { useFieldValues } from '../../stores/form/useFieldValues.js';
|
|
6
3
|
import { SearchNotFound } from '../Search/SearchNotFound.js';
|
|
7
|
-
export const TokenNotFound = (
|
|
4
|
+
export const TokenNotFound = () => {
|
|
8
5
|
const { t } = useTranslation();
|
|
9
|
-
|
|
10
|
-
const { getChainById } = useAvailableChains();
|
|
11
|
-
return (_jsx(SearchNotFound, { message: t('info.message.emptyTokenList', {
|
|
12
|
-
chainName: getChainById(selectedChainId)?.name,
|
|
13
|
-
}) }));
|
|
6
|
+
return (_jsx(SearchNotFound, { message: t('info.message.emptyTokenListAllNetworks') }));
|
|
14
7
|
};
|
|
15
8
|
//# sourceMappingURL=TokenNotFound.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenNotFound.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenNotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"TokenNotFound.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenNotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAE5D,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAE,CAAC,CAAC,wCAAwC,CAAC,GAAI,CACzE,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.30.
|
|
2
|
+
export declare const version = "3.30.5";
|
|
@@ -38,9 +38,9 @@ export const useTokens = (formType, search, chainId) => {
|
|
|
38
38
|
isSearchLoading,
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
/** This hook is used to search for tokens in the background.
|
|
42
|
+
* It updates the main tokens cache with the search results,
|
|
43
|
+
* if any of the tokens are not already in the cache. */
|
|
44
44
|
const useBackgroundTokenSearch = (search, chainId) => {
|
|
45
45
|
const { chains: chainsConfig, keyPrefix } = useWidgetConfig();
|
|
46
46
|
const queryClient = useQueryClient();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../../../src/hooks/useTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,QAAQ,EACR,SAAS,GAEV,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAE/E,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,QAAmB,EACnB,MAAe,EACf,OAAgB,EAChB,EAAE;IACF,MAAM,EACJ,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,YAAY,EACpB,SAAS,GACV,GAAG,eAAe,EAAE,CAAA;IAErB,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,wBAAwB,CAC7D,MAAM,EACN,OAAO,CACR,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC5C,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAC5B,MAAM,UAAU,GAAG;gBACjB,SAAS,CAAC,GAAG;gBACb,SAAS,CAAC,GAAG;gBACb,SAAS,CAAC,IAAI;gBACd,SAAS,CAAC,GAAG;aACd,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;YACtE,MAAM,cAAc,GAA2B,MAAM,SAAS,CAC5D;gBACE,UAAU;gBACV,OAAO,EAAE,cAAc;gBACvB,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,IAAI;aACZ,EACD,EAAE,MAAM,EAAE,CACX,CAAA;YACD,OAAO,cAAc,CAAA;QACvB,CAAC;QACD,eAAe,EAAE,MAAO;QACxB,SAAS,EAAE,MAAO;KACnB,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,mBAAmB,CACxB,IAAI,EAAE,MAAM,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,CACT,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAExD,OAAO;QACL,SAAS;QACT,SAAS;QACT,eAAe;KAChB,CAAA;AACH,CAAC,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../../../src/hooks/useTokens.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/i18n/en.json
CHANGED
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"emptyBridgesList": "We couldn't find any bridges that match your search",
|
|
93
93
|
"emptyChainList": "We couldn't find any chains that match your search",
|
|
94
94
|
"emptyExchangesList": "We couldn't find any exchanges that match your search",
|
|
95
|
-
"
|
|
95
|
+
"emptyTokenListAllNetworks": "We couldn't find any tokens. Please search by contract address if your token doesn't appear, or try selecting a different chain.",
|
|
96
96
|
"emptyTransactionHistory": "Transaction history is only stored locally and will be deleted if you clear your browser data.",
|
|
97
97
|
"routeNotFound": "Reasons for that could be: low liquidity, amount selected is too low, gas costs are too high or there are no routes for the selected combination.",
|
|
98
98
|
"toAddressIsRequired": "The destination wallet address is required to proceed with the transfer.",
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import type { FormType } from '../../stores/form/types.js';
|
|
2
|
+
interface SearchTokenInputProps {
|
|
3
|
+
formType: FormType;
|
|
4
|
+
}
|
|
5
|
+
export declare const SearchTokenInput: ({ formType }: SearchTokenInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -5,12 +5,12 @@ import { SearchInput } from '../../components/Search/SearchInput.js';
|
|
|
5
5
|
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js';
|
|
6
6
|
import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
7
7
|
import { useFieldValues } from '../../stores/form/useFieldValues.js';
|
|
8
|
-
export const SearchTokenInput = () => {
|
|
8
|
+
export const SearchTokenInput = ({ formType }) => {
|
|
9
9
|
const { t } = useTranslation();
|
|
10
10
|
const [value] = useFieldValues('tokenSearchFilter');
|
|
11
11
|
const { setFieldValue, setAsTouched } = useFieldActions();
|
|
12
12
|
const [fromChain, toChain] = useFieldValues('fromChain', 'toChain');
|
|
13
|
-
const isAllNetworks = useChainOrderStore((state) => state
|
|
13
|
+
const isAllNetworks = useChainOrderStore((state) => state[`${formType}IsAllNetworks`]);
|
|
14
14
|
const onChange = useCallback((newValue) => {
|
|
15
15
|
setFieldValue('tokenSearchFilter', newValue, {
|
|
16
16
|
isDirty: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchTokenInput.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;
|
|
1
|
+
{"version":3,"file":"SearchTokenInput.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAMpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IACtE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAA;IACnD,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IACzD,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,cAAc,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACnE,MAAM,aAAa,GAAG,kBAAkB,CACtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,QAAQ,eAAe,CAAC,CAC7C,CAAA;IAED,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAqC,EAAE,EAAE;QACxC,aAAa,CAAC,mBAAmB,EAAE,QAAQ,EAAE;YAC3C,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;SAChB,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAA;IACxC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,KAAC,WAAW;IACV,uEAAuE;QAEvE,IAAI,EAAC,mBAAmB,EACxB,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAC/D,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,EACrD,KAAK,EAAE,KAA2B,EAClC,SAAS,UAPJ,GAAG,SAAS,IAAI,OAAO,IAAI,aAAa,EAAE,CAQ/C,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -38,7 +38,7 @@ export const SelectTokenPage = ({ formType }) => {
|
|
|
38
38
|
px: 3,
|
|
39
39
|
}, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, !hideSearchTokenInput && (_jsx(Box, { sx: {
|
|
40
40
|
mt: !hideChainSelect ? 2 : 0,
|
|
41
|
-
}, children: _jsx(SearchTokenInput, {}) }))] }), _jsx(WrappedTokenList
|
|
41
|
+
}, children: _jsx(SearchTokenInput, { formType: formType }) }))] }), _jsx(WrappedTokenList
|
|
42
42
|
// Rerender component if variant changes (since chains tiles change height)
|
|
43
43
|
, { headerRef: headerRef, formType: formType }, hideChainSelect
|
|
44
44
|
? 'without-offset'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,6 +40,10 @@ export function ChainOrderStoreProvider({ children, ...props }) {
|
|
|
40
40
|
return passesChainsConfigFilter && passesWalletConfigFilter;
|
|
41
41
|
});
|
|
42
42
|
const chainOrder = storeRef.current?.getState().initializeChains(filteredChains.map((chain) => chain.id), key);
|
|
43
|
+
// Show "All networks" button if there are multiple networks
|
|
44
|
+
const showAllNetworks = filteredChains.length > 1;
|
|
45
|
+
storeRef.current?.getState().setIsAllNetworks(showAllNetworks, key);
|
|
46
|
+
storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key);
|
|
43
47
|
const [chainValue] = getFieldValues(`${key}Chain`);
|
|
44
48
|
if (chainValue) {
|
|
45
49
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainOrderStore.js","sourceRoot":"","sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ChainOrderStore.js","sourceRoot":"","sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,10 @@ const defaultChainState = {
|
|
|
12
12
|
};
|
|
13
13
|
export const createChainOrderStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
|
|
14
14
|
chainOrder: defaultChainState,
|
|
15
|
-
|
|
15
|
+
fromIsAllNetworks: true,
|
|
16
|
+
toIsAllNetworks: true,
|
|
17
|
+
fromShowAllNetworks: true,
|
|
18
|
+
toShowAllNetworks: true,
|
|
16
19
|
availableChains: defaultChainState,
|
|
17
20
|
pinnedChains: [],
|
|
18
21
|
initializeChains: (chainIds, type) => {
|
|
@@ -64,8 +67,11 @@ export const createChainOrderStore = ({ namePrefix }) => createWithEqualityFn(pe
|
|
|
64
67
|
};
|
|
65
68
|
});
|
|
66
69
|
},
|
|
67
|
-
setIsAllNetworks: (isAllNetworks) => {
|
|
68
|
-
set({ isAllNetworks });
|
|
70
|
+
setIsAllNetworks: (isAllNetworks, formType) => {
|
|
71
|
+
set({ [`${formType}IsAllNetworks`]: isAllNetworks });
|
|
72
|
+
},
|
|
73
|
+
setShowAllNetworks: (showAllNetworks, formType) => {
|
|
74
|
+
set({ [`${formType}ShowAllNetworks`]: showAllNetworks });
|
|
69
75
|
},
|
|
70
76
|
setPinnedChain: (chainId) => {
|
|
71
77
|
set((state) => {
|
|
@@ -86,7 +92,10 @@ export const createChainOrderStore = ({ namePrefix }) => createWithEqualityFn(pe
|
|
|
86
92
|
version: 2,
|
|
87
93
|
partialize: (state) => ({
|
|
88
94
|
chainOrder: state.chainOrder,
|
|
89
|
-
|
|
95
|
+
fromIsAllNetworks: state.fromIsAllNetworks,
|
|
96
|
+
toIsAllNetworks: state.toIsAllNetworks,
|
|
97
|
+
fromShowAllNetworks: state.fromShowAllNetworks,
|
|
98
|
+
toShowAllNetworks: state.toShowAllNetworks,
|
|
90
99
|
pinnedChains: state.pinnedChains,
|
|
91
100
|
}),
|
|
92
101
|
}), Object.is);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createChainOrderStore.js","sourceRoot":"","sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAI1D,qCAAqC;AACrC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAA;AACpC,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,GAAG,CAAC,CAAA;AACrD,yDAAyD;AACzD,6CAA6C;AAC7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,GAAG,CAAC,CAAA;AAEnD,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,EAAE,EAAE,EAAE;CACP,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,UAAU,EAAqB,EAAE,EAAE,CACzE,oBAAoB,CAClB,OAAO,CACL,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,UAAU,EAAE,iBAAiB;IAC7B,
|
|
1
|
+
{"version":3,"file":"createChainOrderStore.js","sourceRoot":"","sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,13 +8,17 @@ interface ChainOrderProps {
|
|
|
8
8
|
from: number[];
|
|
9
9
|
to: number[];
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
fromShowAllNetworks: boolean;
|
|
12
|
+
toShowAllNetworks: boolean;
|
|
13
|
+
fromIsAllNetworks: boolean;
|
|
14
|
+
toIsAllNetworks: boolean;
|
|
12
15
|
pinnedChains: number[];
|
|
13
16
|
}
|
|
14
17
|
export interface ChainOrderState extends ChainOrderProps {
|
|
15
18
|
initializeChains(chainIds: number[], type: FormType): number[];
|
|
16
19
|
setChain(chainId: number, type: FormType): void;
|
|
17
|
-
setIsAllNetworks(isAllNetworks: boolean): void;
|
|
20
|
+
setIsAllNetworks(isAllNetworks: boolean, formType: FormType): void;
|
|
21
|
+
setShowAllNetworks(showAllNetworks: boolean, formType: FormType): void;
|
|
18
22
|
setPinnedChain(chainId: number): void;
|
|
19
23
|
}
|
|
20
24
|
export {};
|
package/dist/esm/utils/token.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getConfigItemSets, isFormItemAllowed
|
|
1
|
+
import { getConfigItemSets, isFormItemAllowed } from './item.js';
|
|
2
2
|
export const filterAllowedTokens = (dataTokens, configTokens, chainsConfig, formType) => {
|
|
3
3
|
if (!dataTokens) {
|
|
4
4
|
return;
|
|
@@ -10,7 +10,7 @@ export const filterAllowedTokens = (dataTokens, configTokens, chainsConfig, form
|
|
|
10
10
|
])).map((chainId) => Number(chainId));
|
|
11
11
|
const configChainIdsSet = getConfigItemSets(chainsConfig, (chainIds) => new Set(chainIds), formType);
|
|
12
12
|
const allowedChainIds = configChainIdsSet
|
|
13
|
-
? allChainIds.filter((chainId) =>
|
|
13
|
+
? allChainIds.filter((chainId) => isFormItemAllowed(chainId, configChainIdsSet, formType))
|
|
14
14
|
: allChainIds;
|
|
15
15
|
const allowedTokensByChain = {};
|
|
16
16
|
for (const chainId of allowedChainIds) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/utils/token.ts"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/utils/token.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAEhE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,UAA8D,EAC9D,YAA2B,EAC3B,YAA2B,EAC3B,QAAmB,EACiC,EAAE;IACtD,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAM;IACR,CAAC;IAED,MAAM,cAAc,GAAG,YAAY,EAAE,OAAO,IAAI,EAAE,CAAA;IAClD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAC5B,IAAI,GAAG,CAAC;QACN,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;QACvC,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;KAC3B,CAAC,CACH,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnC,MAAM,iBAAiB,GAAG,iBAAiB,CACzC,YAAY,EACZ,CAAC,QAAkB,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,EACzC,QAAQ,CACT,CAAA;IAED,MAAM,eAAe,GAAG,iBAAiB;QACvC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAC7B,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CACxD;QACH,CAAC,CAAC,WAAW,CAAA;IAEf,MAAM,oBAAoB,GAA2C,EAAE,CAAA;IACvE,KAAK,MAAM,OAAO,IAAI,eAAe,EAAE,CAAC;QACtC,MAAM,WAAW,GAAG;YAClB,GAAG,UAAU,CAAC,OAAO,CAAC;YACtB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;SAC/D,CAAA;QAED,MAAM,gBAAgB,GAAG,iBAAiB,CACxC,YAAY,EACZ,CAAC,MAAmB,EAAE,EAAE,CACtB,IAAI,GAAG,CACL,MAAM;aACH,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;aAC5C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CACvC,EACH,QAAQ,CACT,CAAA;QAED,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAC5C,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACzD,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,CACxB,CACF,CAAA;QAED,oBAAoB,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAA;IAC1C,CAAC;IAED,OAAO,oBAAoB,CAAA;AAC7B,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.30.
|
|
3
|
+
"version": "3.30.5",
|
|
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",
|
package/package.json.tmp
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.30.
|
|
3
|
+
"version": "3.30.5",
|
|
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",
|
|
@@ -41,10 +41,13 @@ export const ChainSelect = memo(({ formType }: FormTypeProps) => {
|
|
|
41
41
|
setCurrentChain,
|
|
42
42
|
} = useChainSelect(formType)
|
|
43
43
|
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
const [showAllNetworks, isAllNetworks, setIsAllNetworks] = useChainOrderStore(
|
|
45
|
+
(state) => [
|
|
46
|
+
state[`${formType}ShowAllNetworks`],
|
|
47
|
+
state[`${formType}IsAllNetworks`],
|
|
48
|
+
state.setIsAllNetworks,
|
|
49
|
+
]
|
|
50
|
+
)
|
|
48
51
|
|
|
49
52
|
const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType))
|
|
50
53
|
|
|
@@ -60,10 +63,10 @@ export const ChainSelect = memo(({ formType }: FormTypeProps) => {
|
|
|
60
63
|
|
|
61
64
|
const onChainSelect = useCallback(
|
|
62
65
|
(selectedChainId: number) => {
|
|
63
|
-
setIsAllNetworks(false)
|
|
66
|
+
setIsAllNetworks(false, formType)
|
|
64
67
|
setCurrentChain(selectedChainId)
|
|
65
68
|
},
|
|
66
|
-
[setIsAllNetworks, setCurrentChain]
|
|
69
|
+
[setIsAllNetworks, setCurrentChain, formType]
|
|
67
70
|
)
|
|
68
71
|
|
|
69
72
|
const showAllChains = useCallback(() => {
|
|
@@ -71,9 +74,9 @@ export const ChainSelect = memo(({ formType }: FormTypeProps) => {
|
|
|
71
74
|
}, [navigate, formType])
|
|
72
75
|
|
|
73
76
|
const selectAllNetworks = useCallback(() => {
|
|
74
|
-
setIsAllNetworks(true)
|
|
77
|
+
setIsAllNetworks(true, formType)
|
|
75
78
|
setFieldValue('tokenSearchFilter', '')
|
|
76
|
-
}, [setIsAllNetworks, setFieldValue])
|
|
79
|
+
}, [setIsAllNetworks, setFieldValue, formType])
|
|
77
80
|
|
|
78
81
|
const chainsToHide =
|
|
79
82
|
chains?.length === maxChainsToShow
|
|
@@ -85,8 +88,6 @@ export const ChainSelect = memo(({ formType }: FormTypeProps) => {
|
|
|
85
88
|
[chainsToHide, getSelectedChains, chains]
|
|
86
89
|
)
|
|
87
90
|
|
|
88
|
-
const showAllNetworks = chainsToShow.length > 1
|
|
89
|
-
|
|
90
91
|
const tilesCount =
|
|
91
92
|
chainsToShow.length + (showAllNetworks ? 1 : 0) + (chainsToHide > 0 ? 1 : 0)
|
|
92
93
|
|
|
@@ -2,6 +2,7 @@ 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 type { FormType } from '../../stores/form/types.js'
|
|
5
6
|
import { SearchNotFound } from '../Search/SearchNotFound.js'
|
|
6
7
|
import {
|
|
7
8
|
List,
|
|
@@ -13,6 +14,7 @@ import { VirtualizedChainList } from './VirtualizedChainList.js'
|
|
|
13
14
|
|
|
14
15
|
interface ChainListProps {
|
|
15
16
|
parentRef: RefObject<HTMLDivElement | null>
|
|
17
|
+
formType: FormType
|
|
16
18
|
chains: ExtendedChain[]
|
|
17
19
|
onSelect: (chain: ExtendedChain) => void
|
|
18
20
|
selectedChainId?: number
|
|
@@ -23,6 +25,7 @@ interface ChainListProps {
|
|
|
23
25
|
|
|
24
26
|
export const ChainList = ({
|
|
25
27
|
parentRef,
|
|
28
|
+
formType,
|
|
26
29
|
chains,
|
|
27
30
|
hasSearchQuery,
|
|
28
31
|
onSelect,
|
|
@@ -79,6 +82,7 @@ export const ChainList = ({
|
|
|
79
82
|
return (
|
|
80
83
|
<VirtualizedChainList
|
|
81
84
|
scrollElementRef={parentRef}
|
|
85
|
+
formType={formType}
|
|
82
86
|
chains={chains}
|
|
83
87
|
hasSearchQuery={hasSearchQuery}
|
|
84
88
|
onSelect={onSelect}
|
|
@@ -4,6 +4,7 @@ import type { RefObject } from 'react'
|
|
|
4
4
|
import { useCallback, useEffect, useMemo, useRef } from 'react'
|
|
5
5
|
import { useTranslation } from 'react-i18next'
|
|
6
6
|
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js'
|
|
7
|
+
import type { FormType } from '../../stores/form/types.js'
|
|
7
8
|
import { useFieldActions } from '../../stores/form/useFieldActions.js'
|
|
8
9
|
import { AllChainsAvatar } from './AllChainsAvatar.js'
|
|
9
10
|
import {
|
|
@@ -17,6 +18,7 @@ import { ChainListItem } from './ChainListItem.js'
|
|
|
17
18
|
|
|
18
19
|
interface VirtualizedChainListProps {
|
|
19
20
|
scrollElementRef: RefObject<HTMLDivElement | null>
|
|
21
|
+
formType: FormType
|
|
20
22
|
chains: ExtendedChain[]
|
|
21
23
|
onSelect: (chain: ExtendedChain) => void
|
|
22
24
|
selectedChainId?: number
|
|
@@ -26,6 +28,7 @@ interface VirtualizedChainListProps {
|
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
export const VirtualizedChainList = ({
|
|
31
|
+
formType,
|
|
29
32
|
chains,
|
|
30
33
|
hasSearchQuery,
|
|
31
34
|
onSelect,
|
|
@@ -38,13 +41,20 @@ export const VirtualizedChainList = ({
|
|
|
38
41
|
const { setFieldValue } = useFieldActions()
|
|
39
42
|
const selectedChainIdRef = useRef(selectedChainId) // Store the initial selected chain ID to scroll to it once chains are loaded
|
|
40
43
|
const hasScrolledRef = useRef(false)
|
|
41
|
-
const [
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
const [
|
|
45
|
+
pinnedChains,
|
|
46
|
+
setPinnedChain,
|
|
47
|
+
isAllNetworks,
|
|
48
|
+
setIsAllNetworks,
|
|
49
|
+
showAllNetworks,
|
|
50
|
+
] = useChainOrderStore((state) => [
|
|
51
|
+
state.pinnedChains,
|
|
52
|
+
state.setPinnedChain,
|
|
53
|
+
state[`${formType}IsAllNetworks`],
|
|
54
|
+
state.setIsAllNetworks,
|
|
55
|
+
state[`${formType}ShowAllNetworks`],
|
|
56
|
+
])
|
|
57
|
+
|
|
48
58
|
const onPin = useCallback(
|
|
49
59
|
(chainId: number) => {
|
|
50
60
|
setPinnedChain(chainId)
|
|
@@ -65,30 +75,30 @@ export const VirtualizedChainList = ({
|
|
|
65
75
|
return [...pinned, ...rest]
|
|
66
76
|
}, [chains, pinnedChains])
|
|
67
77
|
|
|
68
|
-
const
|
|
78
|
+
const showAllNetworksOption = showAllNetworks && !hasSearchQuery
|
|
69
79
|
|
|
70
80
|
const getItemKey = useCallback(
|
|
71
81
|
(index: number) => {
|
|
72
|
-
if (
|
|
82
|
+
if (showAllNetworksOption && index === 0) {
|
|
73
83
|
return 'all-chains'
|
|
74
84
|
}
|
|
75
|
-
const chainIndex = index - (
|
|
85
|
+
const chainIndex = index - (showAllNetworksOption ? 1 : 0)
|
|
76
86
|
return `${sortedChains[chainIndex].id}-${index}`
|
|
77
87
|
},
|
|
78
|
-
[sortedChains,
|
|
88
|
+
[sortedChains, showAllNetworksOption]
|
|
79
89
|
)
|
|
80
90
|
|
|
81
91
|
const onChainSelect = useCallback(
|
|
82
92
|
(chain: ExtendedChain) => {
|
|
83
|
-
setIsAllNetworks(false)
|
|
93
|
+
setIsAllNetworks(false, formType)
|
|
84
94
|
onSelect(chain)
|
|
85
95
|
},
|
|
86
|
-
[onSelect, setIsAllNetworks]
|
|
96
|
+
[onSelect, setIsAllNetworks, formType]
|
|
87
97
|
)
|
|
88
98
|
|
|
89
99
|
const { getVirtualItems, getTotalSize, measure, range, getOffsetForIndex } =
|
|
90
100
|
useVirtualizer({
|
|
91
|
-
count: sortedChains.length + (
|
|
101
|
+
count: sortedChains.length + (showAllNetworksOption ? 1 : 0), // +1 for the all networks item
|
|
92
102
|
overscan: 3,
|
|
93
103
|
paddingEnd: 0,
|
|
94
104
|
getScrollElement: () => scrollElementRef.current,
|
|
@@ -152,9 +162,9 @@ export const VirtualizedChainList = ({
|
|
|
152
162
|
}, [sortedChains, scrollToIndex, range, isAllNetworks])
|
|
153
163
|
|
|
154
164
|
const selectAllNetworks = useCallback(() => {
|
|
155
|
-
setIsAllNetworks(true)
|
|
165
|
+
setIsAllNetworks(true, formType)
|
|
156
166
|
setFieldValue('tokenSearchFilter', '')
|
|
157
|
-
}, [setIsAllNetworks, setFieldValue])
|
|
167
|
+
}, [setIsAllNetworks, setFieldValue, formType])
|
|
158
168
|
|
|
159
169
|
return (
|
|
160
170
|
<List
|
|
@@ -163,7 +173,7 @@ export const VirtualizedChainList = ({
|
|
|
163
173
|
disablePadding
|
|
164
174
|
>
|
|
165
175
|
{getVirtualItems().map((item) => {
|
|
166
|
-
if (
|
|
176
|
+
if (showAllNetworksOption && item.index === 0) {
|
|
167
177
|
return (
|
|
168
178
|
<ListItem
|
|
169
179
|
key={item.key}
|
|
@@ -190,7 +200,7 @@ export const VirtualizedChainList = ({
|
|
|
190
200
|
)
|
|
191
201
|
}
|
|
192
202
|
|
|
193
|
-
const chain = sortedChains[item.index - (
|
|
203
|
+
const chain = sortedChains[item.index - (showAllNetworksOption ? 1 : 0)]
|
|
194
204
|
return (
|
|
195
205
|
<ChainListItem
|
|
196
206
|
key={item.key}
|
|
@@ -21,7 +21,9 @@ export const TokenList: FC<TokenListProps> = memo(
|
|
|
21
21
|
FormKeyHelper.getTokenKey(formType)
|
|
22
22
|
)
|
|
23
23
|
|
|
24
|
-
const isAllNetworks = useChainOrderStore(
|
|
24
|
+
const isAllNetworks = useChainOrderStore(
|
|
25
|
+
(state) => state[`${formType}IsAllNetworks`]
|
|
26
|
+
)
|
|
25
27
|
|
|
26
28
|
const [tokenSearchFilter]: string[] = useDebouncedWatch(
|
|
27
29
|
320,
|
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import { useTranslation } from 'react-i18next'
|
|
2
|
-
import { useAvailableChains } from '../../hooks/useAvailableChains.js'
|
|
3
2
|
import type { FormTypeProps } from '../../stores/form/types.js'
|
|
4
|
-
import { FormKeyHelper } from '../../stores/form/types.js'
|
|
5
|
-
import { useFieldValues } from '../../stores/form/useFieldValues.js'
|
|
6
3
|
import { SearchNotFound } from '../Search/SearchNotFound.js'
|
|
7
4
|
|
|
8
|
-
export const TokenNotFound: React.FC<FormTypeProps> = (
|
|
5
|
+
export const TokenNotFound: React.FC<FormTypeProps> = () => {
|
|
9
6
|
const { t } = useTranslation()
|
|
10
|
-
const [selectedChainId] = useFieldValues(FormKeyHelper.getChainKey(formType))
|
|
11
|
-
const { getChainById } = useAvailableChains()
|
|
12
7
|
|
|
13
8
|
return (
|
|
14
|
-
<SearchNotFound
|
|
15
|
-
message={t('info.message.emptyTokenList', {
|
|
16
|
-
chainName: getChainById(selectedChainId)?.name,
|
|
17
|
-
})}
|
|
18
|
-
/>
|
|
9
|
+
<SearchNotFound message={t('info.message.emptyTokenListAllNetworks')} />
|
|
19
10
|
)
|
|
20
11
|
}
|
package/src/config/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = '@lifi/widget'
|
|
2
|
-
export const version = '3.30.
|
|
2
|
+
export const version = '3.30.5'
|
package/src/hooks/useTokens.ts
CHANGED
|
@@ -72,9 +72,9 @@ export const useTokens = (
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
/** This hook is used to search for tokens in the background.
|
|
76
|
+
* It updates the main tokens cache with the search results,
|
|
77
|
+
* if any of the tokens are not already in the cache. */
|
|
78
78
|
const useBackgroundTokenSearch = (search?: string, chainId?: number) => {
|
|
79
79
|
const { chains: chainsConfig, keyPrefix } = useWidgetConfig()
|
|
80
80
|
const queryClient = useQueryClient()
|
package/src/i18n/en.json
CHANGED
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"emptyBridgesList": "We couldn't find any bridges that match your search",
|
|
93
93
|
"emptyChainList": "We couldn't find any chains that match your search",
|
|
94
94
|
"emptyExchangesList": "We couldn't find any exchanges that match your search",
|
|
95
|
-
"
|
|
95
|
+
"emptyTokenListAllNetworks": "We couldn't find any tokens. Please search by contract address if your token doesn't appear, or try selecting a different chain.",
|
|
96
96
|
"emptyTransactionHistory": "Transaction history is only stored locally and will be deleted if you clear your browser data.",
|
|
97
97
|
"routeNotFound": "Reasons for that could be: low liquidity, amount selected is too low, gas costs are too high or there are no routes for the selected combination.",
|
|
98
98
|
"toAddressIsRequired": "The destination wallet address is required to proceed with the transfer.",
|
|
@@ -2,15 +2,22 @@ import { useCallback, useEffect } from 'react'
|
|
|
2
2
|
import { useTranslation } from 'react-i18next'
|
|
3
3
|
import { SearchInput } from '../../components/Search/SearchInput.js'
|
|
4
4
|
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js'
|
|
5
|
+
import type { FormType } from '../../stores/form/types.js'
|
|
5
6
|
import { useFieldActions } from '../../stores/form/useFieldActions.js'
|
|
6
7
|
import { useFieldValues } from '../../stores/form/useFieldValues.js'
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
interface SearchTokenInputProps {
|
|
10
|
+
formType: FormType
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export const SearchTokenInput = ({ formType }: SearchTokenInputProps) => {
|
|
9
14
|
const { t } = useTranslation()
|
|
10
15
|
const [value] = useFieldValues('tokenSearchFilter')
|
|
11
16
|
const { setFieldValue, setAsTouched } = useFieldActions()
|
|
12
17
|
const [fromChain, toChain] = useFieldValues('fromChain', 'toChain')
|
|
13
|
-
const isAllNetworks = useChainOrderStore(
|
|
18
|
+
const isAllNetworks = useChainOrderStore(
|
|
19
|
+
(state) => state[`${formType}IsAllNetworks`]
|
|
20
|
+
)
|
|
14
21
|
|
|
15
22
|
const onChange = useCallback(
|
|
16
23
|
(newValue: string | number | undefined) => {
|
|
@@ -62,6 +62,11 @@ export function ChainOrderStoreProvider({
|
|
|
62
62
|
key
|
|
63
63
|
)
|
|
64
64
|
|
|
65
|
+
// Show "All networks" button if there are multiple networks
|
|
66
|
+
const showAllNetworks = filteredChains.length > 1
|
|
67
|
+
storeRef.current?.getState().setIsAllNetworks(showAllNetworks, key)
|
|
68
|
+
storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key)
|
|
69
|
+
|
|
65
70
|
const [chainValue] = getFieldValues(`${key}Chain`)
|
|
66
71
|
if (chainValue) {
|
|
67
72
|
return
|
|
@@ -21,7 +21,10 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
|
|
|
21
21
|
persist(
|
|
22
22
|
(set, get) => ({
|
|
23
23
|
chainOrder: defaultChainState,
|
|
24
|
-
|
|
24
|
+
fromIsAllNetworks: true,
|
|
25
|
+
toIsAllNetworks: true,
|
|
26
|
+
fromShowAllNetworks: true,
|
|
27
|
+
toShowAllNetworks: true,
|
|
25
28
|
availableChains: defaultChainState,
|
|
26
29
|
pinnedChains: [],
|
|
27
30
|
initializeChains: (chainIds, type) => {
|
|
@@ -82,8 +85,11 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
|
|
|
82
85
|
}
|
|
83
86
|
})
|
|
84
87
|
},
|
|
85
|
-
setIsAllNetworks: (isAllNetworks) => {
|
|
86
|
-
set({ isAllNetworks })
|
|
88
|
+
setIsAllNetworks: (isAllNetworks, formType) => {
|
|
89
|
+
set({ [`${formType}IsAllNetworks`]: isAllNetworks })
|
|
90
|
+
},
|
|
91
|
+
setShowAllNetworks: (showAllNetworks, formType) => {
|
|
92
|
+
set({ [`${formType}ShowAllNetworks`]: showAllNetworks })
|
|
87
93
|
},
|
|
88
94
|
setPinnedChain: (chainId) => {
|
|
89
95
|
set((state: ChainOrderState) => {
|
|
@@ -105,7 +111,10 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
|
|
|
105
111
|
version: 2,
|
|
106
112
|
partialize: (state) => ({
|
|
107
113
|
chainOrder: state.chainOrder,
|
|
108
|
-
|
|
114
|
+
fromIsAllNetworks: state.fromIsAllNetworks,
|
|
115
|
+
toIsAllNetworks: state.toIsAllNetworks,
|
|
116
|
+
fromShowAllNetworks: state.fromShowAllNetworks,
|
|
117
|
+
toShowAllNetworks: state.toShowAllNetworks,
|
|
109
118
|
pinnedChains: state.pinnedChains,
|
|
110
119
|
}),
|
|
111
120
|
}
|
|
@@ -9,13 +9,17 @@ interface ChainOrderProps {
|
|
|
9
9
|
from: number[]
|
|
10
10
|
to: number[]
|
|
11
11
|
}
|
|
12
|
-
|
|
12
|
+
fromShowAllNetworks: boolean
|
|
13
|
+
toShowAllNetworks: boolean
|
|
14
|
+
fromIsAllNetworks: boolean
|
|
15
|
+
toIsAllNetworks: boolean
|
|
13
16
|
pinnedChains: number[]
|
|
14
17
|
}
|
|
15
18
|
|
|
16
19
|
export interface ChainOrderState extends ChainOrderProps {
|
|
17
20
|
initializeChains(chainIds: number[], type: FormType): number[]
|
|
18
21
|
setChain(chainId: number, type: FormType): void
|
|
19
|
-
setIsAllNetworks(isAllNetworks: boolean): void
|
|
22
|
+
setIsAllNetworks(isAllNetworks: boolean, formType: FormType): void
|
|
23
|
+
setShowAllNetworks(showAllNetworks: boolean, formType: FormType): void
|
|
20
24
|
setPinnedChain(chainId: number): void
|
|
21
25
|
}
|
package/src/utils/token.ts
CHANGED
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import type { BaseToken, TokenExtended } from '@lifi/sdk'
|
|
2
2
|
import type { FormType } from '../stores/form/types.js'
|
|
3
3
|
import type { WidgetChains, WidgetTokens } from '../types/widget.js'
|
|
4
|
-
import {
|
|
5
|
-
getConfigItemSets,
|
|
6
|
-
isFormItemAllowed,
|
|
7
|
-
isItemAllowedForSets,
|
|
8
|
-
} from './item.js'
|
|
4
|
+
import { getConfigItemSets, isFormItemAllowed } from './item.js'
|
|
9
5
|
|
|
10
6
|
export const filterAllowedTokens = (
|
|
11
7
|
dataTokens: { [chainId: number]: TokenExtended[] } | undefined,
|
|
@@ -30,9 +26,10 @@ export const filterAllowedTokens = (
|
|
|
30
26
|
(chainIds: number[]) => new Set(chainIds),
|
|
31
27
|
formType
|
|
32
28
|
)
|
|
29
|
+
|
|
33
30
|
const allowedChainIds = configChainIdsSet
|
|
34
31
|
? allChainIds.filter((chainId) =>
|
|
35
|
-
|
|
32
|
+
isFormItemAllowed(chainId, configChainIdsSet, formType)
|
|
36
33
|
)
|
|
37
34
|
: allChainIds
|
|
38
35
|
|