@lifi/widget 3.4.0-beta.5 → 3.4.0
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 +15 -0
- package/_esm/components/AppContainer.d.ts +0 -1
- package/_esm/components/AppContainer.js +53 -24
- package/_esm/components/AppContainer.js.map +1 -1
- package/_esm/components/ChainSelect/useChainSelect.js +10 -2
- package/_esm/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_esm/components/Header/Header.d.ts +2 -0
- package/_esm/components/Header/Header.js +8 -1
- package/_esm/components/Header/Header.js.map +1 -1
- package/_esm/components/Header/Header.style.d.ts +3 -0
- package/_esm/components/Header/Header.style.js +27 -11
- package/_esm/components/Header/Header.style.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.js +3 -3
- package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.style.d.ts +8 -1
- package/_esm/components/Routes/RoutesExpanded.style.js +22 -5
- package/_esm/components/Routes/RoutesExpanded.style.js.map +1 -1
- package/_esm/components/TokenList/TokenList.js +1 -3
- package/_esm/components/TokenList/TokenList.js.map +1 -1
- package/_esm/components/TokenList/types.d.ts +1 -0
- package/_esm/components/TokenList/useTokenSelect.js +7 -2
- package/_esm/components/TokenList/useTokenSelect.js.map +1 -1
- package/_esm/config/coinbase.d.ts +2 -0
- package/_esm/config/coinbase.js +6 -0
- package/_esm/config/coinbase.js.map +1 -0
- package/_esm/config/constants.d.ts +1 -0
- package/_esm/config/constants.js +2 -0
- package/_esm/config/constants.js.map +1 -0
- package/_esm/config/metaMask.d.ts +2 -0
- package/_esm/config/metaMask.js +11 -0
- package/_esm/config/metaMask.js.map +1 -0
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/config/version.js.map +1 -1
- package/_esm/config/walletConnect.d.ts +2 -1
- package/_esm/config/walletConnect.js +3 -1
- package/_esm/config/walletConnect.js.map +1 -1
- package/_esm/hooks/{useContentHeight.d.ts → useSetContentHeight.d.ts} +0 -1
- package/_esm/hooks/useSetContentHeight.js +19 -0
- package/_esm/hooks/useSetContentHeight.js.map +1 -0
- package/_esm/hooks/useWallets.d.ts +6 -0
- package/_esm/hooks/useWallets.js +80 -0
- package/_esm/hooks/useWallets.js.map +1 -0
- package/_esm/i18n/en.json +1 -0
- package/_esm/index.d.ts +2 -0
- package/_esm/index.js +2 -0
- package/_esm/index.js.map +1 -1
- package/_esm/pages/MainPage/MainPage.js +2 -2
- package/_esm/pages/MainPage/MainPage.js.map +1 -1
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js +8 -9
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
- package/_esm/pages/SelectTokenPage/useTokenListHeight.d.ts +12 -0
- package/_esm/pages/SelectTokenPage/useTokenListHeight.js +70 -0
- package/_esm/pages/SelectTokenPage/useTokenListHeight.js.map +1 -0
- package/_esm/pages/SelectWalletPage/EVMListItemButton.d.ts +2 -1
- package/_esm/pages/SelectWalletPage/EVMListItemButton.js +2 -1
- package/_esm/pages/SelectWalletPage/EVMListItemButton.js.map +1 -1
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js +7 -44
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js.map +1 -1
- package/_esm/pages/SendToWallet/BookmarksPage.js +4 -2
- package/_esm/pages/SendToWallet/BookmarksPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToWalletPage.js +6 -4
- package/_esm/pages/SendToWallet/SendToWalletPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToWalletPage.style.d.ts +10 -0
- package/_esm/pages/SendToWallet/SendToWalletPage.style.js +17 -5
- package/_esm/pages/SendToWallet/SendToWalletPage.style.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +0 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
- package/_esm/pages/TransactionPage/ExchangeRateBottomSheet.js +1 -1
- package/_esm/pages/TransactionPage/ExchangeRateBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.js +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/TokenValueBottomSheet.js +1 -1
- package/_esm/pages/TransactionPage/TokenValueBottomSheet.js.map +1 -1
- package/_esm/providers/WalletProvider/EVMBaseProvider.js +7 -9
- package/_esm/providers/WalletProvider/EVMBaseProvider.js.map +1 -1
- package/_esm/themes/createTheme.js +1 -0
- package/_esm/themes/createTheme.js.map +1 -1
- package/_esm/themes/types.d.ts +2 -0
- package/_esm/types/widget.d.ts +19 -14
- package/_esm/types/widget.js.map +1 -1
- package/components/AppContainer.tsx +70 -24
- package/components/ChainSelect/useChainSelect.ts +11 -3
- package/components/Header/Header.style.ts +28 -11
- package/components/Header/Header.tsx +11 -0
- package/components/Routes/RoutesExpanded.style.ts +30 -5
- package/components/Routes/RoutesExpanded.tsx +12 -5
- package/components/TokenList/TokenList.tsx +1 -2
- package/components/TokenList/types.ts +1 -0
- package/components/TokenList/useTokenSelect.ts +8 -2
- package/config/coinbase.ts +7 -0
- package/config/constants.ts +1 -0
- package/config/metaMask.ts +13 -0
- package/config/version.ts +1 -1
- package/config/walletConnect.ts +5 -1
- package/hooks/useSetContentHeight.ts +24 -0
- package/hooks/useWallets.ts +147 -0
- package/i18n/en.json +1 -0
- package/index.ts +2 -0
- package/package.json +11 -11
- package/pages/MainPage/MainPage.tsx +3 -2
- package/pages/SelectTokenPage/SelectTokenPage.tsx +16 -20
- package/pages/SelectTokenPage/useTokenListHeight.ts +112 -0
- package/pages/SelectWalletPage/EVMListItemButton.tsx +16 -7
- package/pages/SelectWalletPage/SelectWalletPage.tsx +7 -65
- package/pages/SendToWallet/BookmarksPage.tsx +12 -6
- package/pages/SendToWallet/SendToWalletPage.style.tsx +25 -5
- package/pages/SendToWallet/SendToWalletPage.tsx +42 -33
- package/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +0 -1
- package/pages/TransactionPage/ExchangeRateBottomSheet.tsx +1 -1
- package/pages/TransactionPage/StatusBottomSheet.tsx +1 -1
- package/pages/TransactionPage/TokenValueBottomSheet.tsx +1 -1
- package/providers/WalletProvider/EVMBaseProvider.tsx +7 -9
- package/themes/createTheme.ts +1 -0
- package/themes/types.ts +2 -0
- package/types/widget.ts +23 -13
- package/_esm/hooks/useContentHeight.js +0 -40
- package/_esm/hooks/useContentHeight.js.map +0 -1
- package/_esm/pages/SelectWalletPage/utils.d.ts +0 -3
- package/_esm/pages/SelectWalletPage/utils.js +0 -18
- package/_esm/pages/SelectWalletPage/utils.js.map +0 -1
- package/hooks/useContentHeight.ts +0 -53
- package/pages/SelectWalletPage/utils.ts +0 -26
package/_esm/config/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.4.0
|
|
2
|
+
export declare const version = "3.4.0";
|
package/_esm/config/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AACnC,MAAM,CAAC,MAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AACnC,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import type { WalletConnectParameters } from 'wagmi/connectors';
|
|
2
|
+
export declare const defaultWalletConnectConfig: WalletConnectParameters;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"walletConnect.js","sourceRoot":"","sources":["../../config/walletConnect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"walletConnect.js","sourceRoot":"","sources":["../../config/walletConnect.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAA4B;IACjE,SAAS,EAAE,kCAAkC;CAC9C,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useLayoutEffect } from 'react';
|
|
2
|
+
import { useDefaultElementId } from './useDefaultElementId.js';
|
|
3
|
+
import { getScrollableContainer } from './useScrollableContainer.js';
|
|
4
|
+
export const useSetContentHeight = (ref) => {
|
|
5
|
+
const elementId = useDefaultElementId();
|
|
6
|
+
useLayoutEffect(() => {
|
|
7
|
+
const scrollableContainer = getScrollableContainer(elementId);
|
|
8
|
+
if (!scrollableContainer ||
|
|
9
|
+
!ref.current ||
|
|
10
|
+
ref.current?.clientHeight <= scrollableContainer?.clientHeight) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
scrollableContainer.style.height = `${ref.current.clientHeight}px`;
|
|
14
|
+
return () => {
|
|
15
|
+
scrollableContainer.style.removeProperty('height');
|
|
16
|
+
};
|
|
17
|
+
}, [elementId, ref]);
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=useSetContentHeight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSetContentHeight.js","sourceRoot":"","sources":["../../hooks/useSetContentHeight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAA8C,EAC9C,EAAE;IACF,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAC9D,IACE,CAAC,mBAAmB;YACpB,CAAC,GAAG,CAAC,OAAO;YACZ,GAAG,CAAC,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,YAAY,EAC9D,CAAC;YACD,OAAO;QACT,CAAC;QACD,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,mBAAmB,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CreateConnectorFnExtended } from '@lifi/wallet-management';
|
|
2
|
+
import type { Wallet } from '@solana/wallet-adapter-react';
|
|
3
|
+
import type { Connector } from 'wagmi';
|
|
4
|
+
import type { WidgetChains, WidgetWalletConfig } from '../types/widget.js';
|
|
5
|
+
export declare const useWallets: (walletConfig?: WidgetWalletConfig, chains?: WidgetChains) => (Connector | Wallet | CreateConnectorFnExtended)[];
|
|
6
|
+
export declare const walletComparator: (a: CreateConnectorFnExtended | Connector | Wallet, b: CreateConnectorFnExtended | Connector | Wallet) => number;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { ChainType } from '@lifi/sdk';
|
|
2
|
+
import { createCoinbaseConnector, createMetaMaskConnector, createWalletConnectConnector, getWalletPriority, isWalletInstalled, } from '@lifi/wallet-management';
|
|
3
|
+
import { useMediaQuery } from '@mui/material';
|
|
4
|
+
import { WalletReadyState } from '@solana/wallet-adapter-base';
|
|
5
|
+
import { useWallet } from '@solana/wallet-adapter-react';
|
|
6
|
+
import { useMemo } from 'react';
|
|
7
|
+
import { useConnect, useAccount as useWagmiAccount } from 'wagmi';
|
|
8
|
+
import { defaultCoinbaseConfig } from '../config/coinbase.js';
|
|
9
|
+
import { defaultMetaMaskConfig } from '../config/metaMask.js';
|
|
10
|
+
import { defaultWalletConnectConfig } from '../config/walletConnect.js';
|
|
11
|
+
import { isItemAllowed } from '../utils/item.js';
|
|
12
|
+
export const useWallets = (walletConfig, chains) => {
|
|
13
|
+
const account = useWagmiAccount();
|
|
14
|
+
const { connectors } = useConnect();
|
|
15
|
+
const { wallets: solanaWallets } = useWallet();
|
|
16
|
+
const isDesktopView = useMediaQuery((theme) => theme.breakpoints.up('sm'));
|
|
17
|
+
const wallets = useMemo(() => {
|
|
18
|
+
const evmConnectors = Array.from(connectors);
|
|
19
|
+
if (!connectors.some((connector) => connector.id.toLowerCase().includes('walletconnect'))) {
|
|
20
|
+
evmConnectors.unshift(createWalletConnectConnector(walletConfig?.walletConnect ?? defaultWalletConnectConfig));
|
|
21
|
+
}
|
|
22
|
+
if (!connectors.some((connector) => connector.id.toLowerCase().includes('coinbase')) &&
|
|
23
|
+
!isWalletInstalled('coinbase')) {
|
|
24
|
+
evmConnectors.unshift(createCoinbaseConnector(walletConfig?.coinbase ?? defaultCoinbaseConfig));
|
|
25
|
+
}
|
|
26
|
+
if (!connectors.some((connector) => connector.id.toLowerCase().includes('metamask')) &&
|
|
27
|
+
!isWalletInstalled('metaMask')) {
|
|
28
|
+
evmConnectors.unshift(createMetaMaskConnector(walletConfig?.metaMask ?? defaultMetaMaskConfig));
|
|
29
|
+
}
|
|
30
|
+
const evmInstalled = isItemAllowed(ChainType.EVM, chains?.types)
|
|
31
|
+
? evmConnectors.filter((connector) => isWalletInstalled(connector.id) &&
|
|
32
|
+
// We should not show already connected connectors
|
|
33
|
+
account.connector?.id !== connector.id)
|
|
34
|
+
: [];
|
|
35
|
+
const evmNotDetected = isItemAllowed(ChainType.EVM, chains?.types)
|
|
36
|
+
? evmConnectors.filter((connector) => !isWalletInstalled(connector.id))
|
|
37
|
+
: [];
|
|
38
|
+
const svmInstalled = isItemAllowed(ChainType.SVM, chains?.types)
|
|
39
|
+
? solanaWallets?.filter((connector) => connector.adapter.readyState === WalletReadyState.Installed &&
|
|
40
|
+
// We should not show already connected connectors
|
|
41
|
+
!connector.adapter.connected)
|
|
42
|
+
: [];
|
|
43
|
+
const svmNotDetected = isItemAllowed(ChainType.SVM, chains?.types)
|
|
44
|
+
? solanaWallets?.filter((connector) => connector.adapter.readyState !== WalletReadyState.Installed)
|
|
45
|
+
: [];
|
|
46
|
+
const installedWallets = [...evmInstalled, ...svmInstalled].sort(walletComparator);
|
|
47
|
+
if (isDesktopView) {
|
|
48
|
+
const notDetectedWallets = [...evmNotDetected, ...svmNotDetected].sort(walletComparator);
|
|
49
|
+
installedWallets.push(...notDetectedWallets);
|
|
50
|
+
}
|
|
51
|
+
return installedWallets;
|
|
52
|
+
}, [
|
|
53
|
+
account.connector?.id,
|
|
54
|
+
chains?.types,
|
|
55
|
+
connectors,
|
|
56
|
+
isDesktopView,
|
|
57
|
+
solanaWallets,
|
|
58
|
+
walletConfig?.coinbase,
|
|
59
|
+
walletConfig?.metaMask,
|
|
60
|
+
walletConfig?.walletConnect,
|
|
61
|
+
]);
|
|
62
|
+
return wallets;
|
|
63
|
+
};
|
|
64
|
+
export const walletComparator = (a, b) => {
|
|
65
|
+
let aId = a.id || a.adapter?.name;
|
|
66
|
+
let bId = b.id || b.adapter?.name;
|
|
67
|
+
const priorityA = getWalletPriority(aId);
|
|
68
|
+
const priorityB = getWalletPriority(bId);
|
|
69
|
+
if (priorityA !== priorityB) {
|
|
70
|
+
return priorityA - priorityB;
|
|
71
|
+
}
|
|
72
|
+
if (aId < bId) {
|
|
73
|
+
return -1;
|
|
74
|
+
}
|
|
75
|
+
if (aId > bId) {
|
|
76
|
+
return 1;
|
|
77
|
+
}
|
|
78
|
+
return 0;
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=useWallets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallets.js","sourceRoot":"","sources":["../../hooks/useWallets.ts"],"names":[],"mappings":"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"}
|
package/_esm/i18n/en.json
CHANGED
package/_esm/index.d.ts
CHANGED
|
@@ -6,9 +6,11 @@ export * from './components/ContractComponent/NFT/NFT.js';
|
|
|
6
6
|
export * from './components/ContractComponent/NFT/NFTBase.js';
|
|
7
7
|
export * from './components/ContractComponent/NFT/types.js';
|
|
8
8
|
export * from './components/Skeleton/WidgetSkeleton.js';
|
|
9
|
+
export { defaultMaxHeight } from './config/constants.js';
|
|
9
10
|
export * from './config/version.js';
|
|
10
11
|
export { useAccount } from './hooks/useAccount.js';
|
|
11
12
|
export { useAvailableChains } from './hooks/useAvailableChains.js';
|
|
13
|
+
export { useWallets, walletComparator } from './hooks/useWallets.js';
|
|
12
14
|
export { useWidgetEvents, widgetEvents } from './hooks/useWidgetEvents.js';
|
|
13
15
|
export * from './stores/form/types.js';
|
|
14
16
|
export { useFieldActions } from './stores/form/useFieldActions.js';
|
package/_esm/index.js
CHANGED
|
@@ -5,9 +5,11 @@ export * from './components/ContractComponent/NFT/NFT.js';
|
|
|
5
5
|
export * from './components/ContractComponent/NFT/NFTBase.js';
|
|
6
6
|
export * from './components/ContractComponent/NFT/types.js';
|
|
7
7
|
export * from './components/Skeleton/WidgetSkeleton.js';
|
|
8
|
+
export { defaultMaxHeight } from './config/constants.js';
|
|
8
9
|
export * from './config/version.js';
|
|
9
10
|
export { useAccount } from './hooks/useAccount.js';
|
|
10
11
|
export { useAvailableChains } from './hooks/useAvailableChains.js';
|
|
12
|
+
export { useWallets, walletComparator } from './hooks/useWallets.js';
|
|
11
13
|
export { useWidgetEvents, widgetEvents } from './hooks/useWidgetEvents.js';
|
|
12
14
|
export * from './stores/form/types.js';
|
|
13
15
|
export { useFieldActions } from './stores/form/useFieldActions.js';
|
package/_esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC3E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,cAAc,mBAAmB,CAAC;AAElC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC3E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,cAAc,mBAAmB,CAAC;AAElC,cAAc,mBAAmB,CAAC"}
|
|
@@ -20,11 +20,11 @@ import { ReviewButton } from './ReviewButton.js';
|
|
|
20
20
|
export const MainPage = () => {
|
|
21
21
|
const { t } = useTranslation();
|
|
22
22
|
const wideVariant = useWideVariant();
|
|
23
|
-
const { subvariant, contractComponent, hiddenUI } = useWidgetConfig();
|
|
23
|
+
const { subvariant, subvariantOptions, contractComponent, hiddenUI } = useWidgetConfig();
|
|
24
24
|
const custom = subvariant === 'custom';
|
|
25
25
|
const showPoweredBy = !hiddenUI?.includes(HiddenUI.PoweredBy);
|
|
26
26
|
const title = subvariant === 'custom'
|
|
27
|
-
? t(`header
|
|
27
|
+
? t(`header.${subvariantOptions?.custom ?? 'checkout'}`)
|
|
28
28
|
: subvariant === 'refuel'
|
|
29
29
|
? t(`header.gas`)
|
|
30
30
|
: t(`header.exchange`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAa,GAAG,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { useRef } from 'react';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
5
|
import { ChainSelect } from '../../components/ChainSelect/ChainSelect.js';
|
|
6
6
|
import { PageContainer } from '../../components/PageContainer.js';
|
|
7
7
|
import { TokenList } from '../../components/TokenList/TokenList.js';
|
|
8
|
-
import { useContentHeight } from '../../hooks/useContentHeight.js';
|
|
9
8
|
import { useHeader } from '../../hooks/useHeader.js';
|
|
10
9
|
import { useNavigateBack } from '../../hooks/useNavigateBack.js';
|
|
11
10
|
import { useScrollableOverflowHidden } from '../../hooks/useScrollableContainer.js';
|
|
12
11
|
import { useSwapOnly } from '../../hooks/useSwapOnly.js';
|
|
13
12
|
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
14
13
|
import { SearchTokenInput } from './SearchTokenInput.js';
|
|
15
|
-
|
|
14
|
+
import { useTokenListHeight } from './useTokenListHeight.js';
|
|
16
15
|
export const SelectTokenPage = ({ formType }) => {
|
|
17
16
|
useScrollableOverflowHidden();
|
|
18
17
|
const { navigateBack } = useNavigateBack();
|
|
19
18
|
const headerRef = useRef(null);
|
|
20
|
-
const
|
|
21
|
-
const
|
|
19
|
+
const listParentRef = useRef(null);
|
|
20
|
+
const { tokenListHeight, minListHeight } = useTokenListHeight({
|
|
21
|
+
listParentRef,
|
|
22
|
+
headerRef,
|
|
23
|
+
});
|
|
22
24
|
const swapOnly = useSwapOnly();
|
|
23
25
|
const { subvariant } = useWidgetConfig();
|
|
24
26
|
const { t } = useTranslation();
|
|
@@ -28,10 +30,7 @@ export const SelectTokenPage = ({ formType }) => {
|
|
|
28
30
|
: t(`header.from`)
|
|
29
31
|
: t(`header.to`);
|
|
30
32
|
useHeader(title);
|
|
31
|
-
useLayoutEffect(() => {
|
|
32
|
-
setTokenListHeight(Math.max(contentHeight - (headerRef.current?.offsetHeight ?? 0), minTokenListHeight));
|
|
33
|
-
}, [contentHeight]);
|
|
34
33
|
const hideChainSelect = swapOnly && formType === 'to';
|
|
35
|
-
return (_jsxs(PageContainer, { disableGutters: true, children: [_jsxs(Box, { pb: 2, px: 3, ref: headerRef, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, _jsx(Box, { mt: !hideChainSelect ? 2 : 0, children: _jsx(SearchTokenInput, {}) })] }), _jsx(TokenList, { height: tokenListHeight, onClick: navigateBack, formType: formType })] }));
|
|
34
|
+
return (_jsxs(PageContainer, { disableGutters: true, children: [_jsxs(Box, { pb: 2, px: 3, ref: headerRef, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, _jsx(Box, { mt: !hideChainSelect ? 2 : 0, children: _jsx(SearchTokenInput, {}) })] }), _jsx(Box, { height: minListHeight, children: _jsx(TokenList, { parentRef: listParentRef, height: tokenListHeight, onClick: navigateBack, formType: formType }) })] }));
|
|
36
35
|
};
|
|
37
36
|
//# sourceMappingURL=SelectTokenPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,2BAA2B,EAAE,CAAC;IAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC5D,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,kBAAkB,CAAC;QAC5D,aAAa;QACb,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,KAAK,GACT,QAAQ,KAAK,MAAM;QACjB,CAAC,CAAC,UAAU,KAAK,QAAQ;YACvB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACrB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QACpB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAErB,SAAS,CAAC,KAAK,CAAC,CAAC;IAEjB,MAAM,eAAe,GAAG,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC;IAEtD,OAAO,CACL,MAAC,aAAa,IAAC,cAAc,mBAC3B,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,aAC9B,CAAC,eAAe,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAC/B,KAAC,gBAAgB,KAAG,GAChB,IACF,EACN,KAAC,GAAG,IAAC,MAAM,EAAE,aAAa,YACxB,KAAC,SAAS,IACR,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,GAClB,GACE,IACQ,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { MutableRefObject } from 'react';
|
|
2
|
+
interface UseContentHeightProps {
|
|
3
|
+
listParentRef: MutableRefObject<HTMLUListElement | null>;
|
|
4
|
+
headerRef: MutableRefObject<HTMLElement | null>;
|
|
5
|
+
}
|
|
6
|
+
export declare const minTokenListHeight = 360;
|
|
7
|
+
export declare const minMobileTokenListHeight = 160;
|
|
8
|
+
export declare const useTokenListHeight: ({ listParentRef, headerRef, }: UseContentHeightProps) => {
|
|
9
|
+
minListHeight: number;
|
|
10
|
+
tokenListHeight: number;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { useTheme } from '@mui/material';
|
|
2
|
+
import { useLayoutEffect, useState } from 'react';
|
|
3
|
+
import { useDefaultElementId } from '../../hooks/useDefaultElementId.js';
|
|
4
|
+
import { ElementId, createElementId } from '../../utils/elements.js';
|
|
5
|
+
const debounce = (func, timeout = 300) => {
|
|
6
|
+
let timer;
|
|
7
|
+
return (...args) => {
|
|
8
|
+
clearTimeout(timer);
|
|
9
|
+
timer = setTimeout(() => {
|
|
10
|
+
func.apply(this, args);
|
|
11
|
+
}, timeout);
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
const getContentHeight = (elementId, listParentRef) => {
|
|
15
|
+
const containerElement = document.getElementById(createElementId(ElementId.ScrollableContainer, elementId));
|
|
16
|
+
const headerElement = document.getElementById(createElementId(ElementId.Header, elementId));
|
|
17
|
+
const listParentElement = listParentRef?.current;
|
|
18
|
+
let oldHeight;
|
|
19
|
+
// This covers the case where in full height flex mode when the browser height is reduced
|
|
20
|
+
// - this allows the virtualised token list to be made smaller
|
|
21
|
+
if (listParentElement) {
|
|
22
|
+
oldHeight = listParentElement.style.height;
|
|
23
|
+
listParentElement.style.height = '0';
|
|
24
|
+
}
|
|
25
|
+
if (!containerElement || !headerElement) {
|
|
26
|
+
console.warn(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
|
|
27
|
+
return 0;
|
|
28
|
+
}
|
|
29
|
+
const { height: containerHeight } = containerElement.getBoundingClientRect();
|
|
30
|
+
const { height: headerHeight } = headerElement.getBoundingClientRect();
|
|
31
|
+
// This covers the case where in full height flex mode when the browser height is reduced the
|
|
32
|
+
// - this allows the virtualised token list to be set to minimum size
|
|
33
|
+
if (listParentElement && oldHeight) {
|
|
34
|
+
listParentElement.style.height = oldHeight;
|
|
35
|
+
}
|
|
36
|
+
return containerHeight - headerHeight;
|
|
37
|
+
};
|
|
38
|
+
export const minTokenListHeight = 360;
|
|
39
|
+
export const minMobileTokenListHeight = 160;
|
|
40
|
+
export const useTokenListHeight = ({ listParentRef, headerRef, }) => {
|
|
41
|
+
const elementId = useDefaultElementId();
|
|
42
|
+
const [contentHeight, setContentHeight] = useState(0);
|
|
43
|
+
const theme = useTheme();
|
|
44
|
+
useLayoutEffect(() => {
|
|
45
|
+
const handleResize = () => {
|
|
46
|
+
setContentHeight(getContentHeight(elementId, listParentRef));
|
|
47
|
+
};
|
|
48
|
+
const processResize = debounce(() => handleResize(), 40);
|
|
49
|
+
const appContainer = document.getElementById(createElementId(ElementId.AppExpandedContainer, elementId));
|
|
50
|
+
let resizeObserver;
|
|
51
|
+
if (appContainer) {
|
|
52
|
+
resizeObserver = new ResizeObserver(processResize);
|
|
53
|
+
resizeObserver.observe(appContainer);
|
|
54
|
+
}
|
|
55
|
+
return () => {
|
|
56
|
+
if (resizeObserver) {
|
|
57
|
+
resizeObserver.disconnect();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
}, [elementId, listParentRef]);
|
|
61
|
+
const minListHeight = theme.container?.height === '100%'
|
|
62
|
+
? minMobileTokenListHeight
|
|
63
|
+
: minTokenListHeight;
|
|
64
|
+
const tokenListHeight = Math.max(contentHeight - (headerRef.current?.offsetHeight ?? 0), minListHeight);
|
|
65
|
+
return {
|
|
66
|
+
minListHeight,
|
|
67
|
+
tokenListHeight,
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
//# sourceMappingURL=useTokenListHeight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTokenListHeight.js","sourceRoot":"","sources":["../../../pages/SelectTokenPage/useTokenListHeight.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import type { CreateConnectorFnExtended } from '@lifi/wallet-management';
|
|
1
2
|
import type { Connector } from 'wagmi';
|
|
2
3
|
interface EVMListItemButtonProps {
|
|
3
4
|
connectedConnector?: Connector;
|
|
4
|
-
connector: Connector;
|
|
5
|
+
connector: CreateConnectorFnExtended | Connector;
|
|
5
6
|
onNotInstalled(connector: Connector): void;
|
|
6
7
|
}
|
|
7
8
|
export declare const EVMListItemButton: ({ connectedConnector, connector, onNotInstalled, }: EVMListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -33,6 +33,7 @@ export const EVMListItemButton = ({ connectedConnector, connector, onNotInstalle
|
|
|
33
33
|
});
|
|
34
34
|
navigateBack();
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
const connectorName = connector.displayName || connector.name;
|
|
37
|
+
return (_jsxs(ListItemButton, { onClick: handleEVMConnect, children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: getConnectorIcon(connector), alt: connectorName, children: connectorName?.[0] }) }), _jsx(ListItemText, { primary: connectorName })] }, connector.id));
|
|
37
38
|
};
|
|
38
39
|
//# sourceMappingURL=EVMListItemButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EVMListItemButton.js","sourceRoot":"","sources":["../../../pages/SelectWalletPage/EVMListItemButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"EVMListItemButton.js","sourceRoot":"","sources":["../../../pages/SelectWalletPage/EVMListItemButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EACL,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,kBAAkB,EAClB,SAAS,EACT,cAAc,GACS,EAAE,EAAE;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,CAAC;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,EAAE,CAAC;IAE5C,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,MAAM,mBAAmB,GAAG,MAAM,sBAAsB,CACrD,SAAuB,CAAC,EAAE,CAC5B,CAAC;QACF,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,cAAc,CAAC,SAAsB,CAAC,CAAC;YACvC,OAAO;QACT,CAAC;QACD,IAAI,kBAAkB,EAAE,CAAC;YACvB,MAAM,eAAe,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;QAC3D,CAAC;QACD,MAAM,YAAY,CAChB,EAAE,SAAS,EAAE,EACb;YACE,SAAS,CAAC,IAAI;gBACZ,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE;oBACxC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,SAAS,EAAE,SAAS,CAAC,GAAG;iBACzB,CAAC,CAAC;YACL,CAAC;SACF,CACF,CAAC;QACF,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,aAAa,GAChB,SAAuC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,MAAC,cAAc,IAAoB,OAAO,EAAE,gBAAgB,aAC1D,KAAC,cAAc,cACb,KAAC,MAAM,IACL,GAAG,EAAE,gBAAgB,CAAC,SAAsB,CAAC,EAC7C,GAAG,EAAE,aAAa,YAEjB,aAAa,EAAE,CAAC,CAAC,CAAC,GACZ,GACM,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,aAAa,GAAI,KATrB,SAAS,CAAC,EAAE,CAUhB,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,29 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { Button, DialogActions, DialogContent, DialogContentText, List, useMediaQuery, } from '@mui/material';
|
|
5
|
-
import { WalletReadyState } from '@solana/wallet-adapter-base';
|
|
6
|
-
import { useWallet } from '@solana/wallet-adapter-react';
|
|
7
|
-
import { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
import { Button, DialogActions, DialogContent, DialogContentText, List, } from '@mui/material';
|
|
3
|
+
import { useCallback, useState } from 'react';
|
|
8
4
|
import { useTranslation } from 'react-i18next';
|
|
9
|
-
import {
|
|
5
|
+
import { useAccount as useWagmiAccount } from 'wagmi';
|
|
10
6
|
import { Dialog } from '../../components/Dialog.js';
|
|
11
7
|
import { PageContainer } from '../../components/PageContainer.js';
|
|
12
8
|
import { useHeader } from '../../hooks/useHeader.js';
|
|
9
|
+
import { useWallets } from '../../hooks/useWallets.js';
|
|
13
10
|
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
14
|
-
import { isItemAllowed } from '../../utils/item.js';
|
|
15
11
|
import { EVMListItemButton } from './EVMListItemButton.js';
|
|
16
12
|
import { SVMListItemButton } from './SVMListItemButton.js';
|
|
17
|
-
import { walletComparator } from './utils.js';
|
|
18
13
|
export const SelectWalletPage = () => {
|
|
19
14
|
const { t } = useTranslation();
|
|
20
|
-
const { chains } = useWidgetConfig();
|
|
15
|
+
const { chains, walletConfig } = useWidgetConfig();
|
|
21
16
|
const account = useWagmiAccount();
|
|
22
|
-
const { connectors } = useConnect();
|
|
23
17
|
const [walletIdentity, setWalletIdentity] = useState({ show: false });
|
|
24
|
-
const { wallets: solanaWallets } = useWallet();
|
|
25
18
|
useHeader(t(`header.selectWallet`));
|
|
26
|
-
const isDesktopView = useMediaQuery((theme) => theme.breakpoints.up('sm'));
|
|
27
19
|
const closeDialog = () => {
|
|
28
20
|
setWalletIdentity((state) => ({
|
|
29
21
|
...state,
|
|
@@ -36,42 +28,13 @@ export const SelectWalletPage = () => {
|
|
|
36
28
|
connector,
|
|
37
29
|
});
|
|
38
30
|
}, []);
|
|
39
|
-
const wallets =
|
|
40
|
-
const evmInstalled = isItemAllowed(ChainType.EVM, chains?.types)
|
|
41
|
-
? connectors.filter((connector) => isWalletInstalled(connector.id) &&
|
|
42
|
-
// We should not show already connected connectors
|
|
43
|
-
account.connector?.id !== connector.id)
|
|
44
|
-
: [];
|
|
45
|
-
const evmNotDetected = isItemAllowed(ChainType.EVM, chains?.types)
|
|
46
|
-
? connectors.filter((connector) => !isWalletInstalled(connector.id))
|
|
47
|
-
: [];
|
|
48
|
-
const svmInstalled = isItemAllowed(ChainType.SVM, chains?.types)
|
|
49
|
-
? solanaWallets?.filter((connector) => connector.adapter.readyState === WalletReadyState.Installed &&
|
|
50
|
-
// We should not show already connected connectors
|
|
51
|
-
!connector.adapter.connected)
|
|
52
|
-
: [];
|
|
53
|
-
const svmNotDetected = isItemAllowed(ChainType.SVM, chains?.types)
|
|
54
|
-
? solanaWallets?.filter((connector) => connector.adapter.readyState !== WalletReadyState.Installed)
|
|
55
|
-
: [];
|
|
56
|
-
const installedWallets = [...evmInstalled, ...svmInstalled].sort(walletComparator);
|
|
57
|
-
if (isDesktopView) {
|
|
58
|
-
const notDetectedWallets = [...evmNotDetected, ...svmNotDetected].sort(walletComparator);
|
|
59
|
-
installedWallets.push(...notDetectedWallets);
|
|
60
|
-
}
|
|
61
|
-
return installedWallets;
|
|
62
|
-
}, [
|
|
63
|
-
account.connector?.id,
|
|
64
|
-
chains?.types,
|
|
65
|
-
connectors,
|
|
66
|
-
isDesktopView,
|
|
67
|
-
solanaWallets,
|
|
68
|
-
]);
|
|
31
|
+
const wallets = useWallets(walletConfig, chains);
|
|
69
32
|
return (_jsxs(PageContainer, { disableGutters: true, children: [_jsx(List, { sx: {
|
|
70
33
|
paddingTop: 0,
|
|
71
34
|
paddingLeft: 1.5,
|
|
72
35
|
paddingRight: 1.5,
|
|
73
36
|
paddingBottom: 1.5,
|
|
74
|
-
}, children: wallets?.map((connector) => connector.
|
|
37
|
+
}, children: wallets?.map((connector) => connector.id ? (_jsx(EVMListItemButton, { connector: connector, connectedConnector: account.connector, onNotInstalled: handleNotInstalled }, connector.id)) : (_jsx(SVMListItemButton, { wallet: connector }, connector.adapter.name))) }), _jsxs(Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
|
|
75
38
|
name: walletIdentity.connector?.name,
|
|
76
39
|
}) }) }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", onClick: closeDialog, autoFocus: true, children: t('button.ok') }) })] })] }));
|
|
77
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWalletPage.js","sourceRoot":"","sources":["../../../pages/SelectWalletPage/SelectWalletPage.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SelectWalletPage.js","sourceRoot":"","sources":["../../../pages/SelectWalletPage/SelectWalletPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ import { Menu } from '../../components/Menu.js';
|
|
|
11
11
|
import { useChains } from '../../hooks/useChains.js';
|
|
12
12
|
import { useHeader } from '../../hooks/useHeader.js';
|
|
13
13
|
import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
|
|
14
|
+
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
14
15
|
import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
|
|
15
16
|
import { useBookmarks } from '../../stores/bookmarks/useBookmarks.js';
|
|
16
17
|
import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
@@ -19,7 +20,7 @@ import { defaultChainIdsByType } from '../../utils/chainType.js';
|
|
|
19
20
|
import { shortenAddress } from '../../utils/wallet.js';
|
|
20
21
|
import { BookmarkAddressSheet } from './BookmarkAddressSheet.js';
|
|
21
22
|
import { EmptyListIndicator } from './EmptyListIndicator.js';
|
|
22
|
-
import { BookmarkButtonContainer,
|
|
23
|
+
import { BookmarkButtonContainer, BookmarksListContainer, FullHeightAdjustablePageContainer, OptionsMenuButton, } from './SendToWalletPage.style.js';
|
|
23
24
|
export const BookmarksPage = () => {
|
|
24
25
|
const { t } = useTranslation();
|
|
25
26
|
const [bookmark, setBookmark] = useState();
|
|
@@ -31,6 +32,7 @@ export const BookmarksPage = () => {
|
|
|
31
32
|
const navigate = useNavigate();
|
|
32
33
|
const { setFieldValue } = useFieldActions();
|
|
33
34
|
const { setSendToWallet } = useSendToWalletActions();
|
|
35
|
+
const { variant } = useWidgetConfig();
|
|
34
36
|
useHeader(t(`header.bookmarkedWallets`));
|
|
35
37
|
const handleAddBookmark = () => {
|
|
36
38
|
bookmarkAddressSheetRef.current?.open();
|
|
@@ -75,7 +77,7 @@ export const BookmarksPage = () => {
|
|
|
75
77
|
}
|
|
76
78
|
closeMenu();
|
|
77
79
|
};
|
|
78
|
-
return (_jsxs(
|
|
80
|
+
return (_jsxs(FullHeightAdjustablePageContainer, { disableGutters: true, enableFullHeight: variant !== 'drawer', children: [_jsxs(BookmarksListContainer, { children: [bookmarks.map((bookmark) => (_jsxs(ListItem, { sx: { position: 'relative' }, children: [_jsxs(ListItemButton, { onClick: () => handleBookmarkSelected(bookmark), disabled: requiredToChainType &&
|
|
79
81
|
requiredToChainType !== bookmark.chainType, children: [_jsx(ListItemAvatar, { children: _jsx(AccountAvatar, { chainId: defaultChainIdsByType[bookmark.chainType] }) }), _jsx(ListItemText, { primary: bookmark.name, secondary: shortenAddress(bookmark.address) })] }), _jsx(OptionsMenuButton, { "aria-label": t('button.options'), "aria-controls": open && bookmark.address === bookmark?.address
|
|
80
82
|
? moreMenuId
|
|
81
83
|
: undefined, "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, onClick: (e) => handleMenuOpen(e.target, bookmark), sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BookmarksPage.js","sourceRoot":"","sources":["../../../pages/SendToWallet/BookmarksPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"BookmarksPage.js","sourceRoot":"","sources":["../../../pages/SendToWallet/BookmarksPage.tsx"],"names":[],"mappings":"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"}
|