@lifi/widget 3.20.4 → 3.21.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 +17 -0
- package/dist/esm/App.d.ts +1 -1
- package/dist/esm/components/Card/Card.js +1 -0
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Card/CardIconButton.d.ts +1 -1
- package/dist/esm/components/Messages/useMessageQueue.js +4 -6
- package/dist/esm/components/Messages/useMessageQueue.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.style.d.ts +1 -1
- package/dist/esm/components/TokenList/TokenList.style.d.ts +2 -2
- package/dist/esm/components/TokenList/TokenListItem.d.ts +2 -1
- package/dist/esm/components/TokenList/TokenListItem.js +7 -3
- package/dist/esm/components/TokenList/TokenListItem.js.map +1 -1
- package/dist/esm/components/TokenList/types.d.ts +3 -0
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/hooks/useAvailableChains.js +6 -1
- package/dist/esm/hooks/useAvailableChains.js.map +1 -1
- package/dist/esm/hooks/useDebouncedWatch.d.ts +1 -1
- package/dist/esm/hooks/useExplorer.d.ts +1 -0
- package/dist/esm/hooks/useExplorer.js +11 -1
- package/dist/esm/hooks/useExplorer.js.map +1 -1
- package/dist/esm/hooks/useIsContractAddress.d.ts +1 -1
- package/dist/esm/hooks/useIsContractAddress.js.map +1 -1
- package/dist/esm/hooks/useToAddressRequirements.d.ts +5 -0
- package/dist/esm/hooks/useToAddressRequirements.js +24 -7
- package/dist/esm/hooks/useToAddressRequirements.js.map +1 -1
- package/dist/esm/hooks/useTokens.js +8 -1
- package/dist/esm/hooks/useTokens.js.map +1 -1
- package/dist/esm/hooks/useWidgetEvents.d.ts +3 -3
- package/dist/esm/providers/WalletProvider/SDKProviders.js +16 -2
- package/dist/esm/providers/WalletProvider/SDKProviders.js.map +1 -1
- package/dist/esm/providers/WalletProvider/SVMBaseProvider.js +2 -1
- package/dist/esm/providers/WalletProvider/SVMBaseProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/SuiBaseProvider.d.ts +2 -0
- package/dist/esm/providers/WalletProvider/SuiBaseProvider.js +22 -0
- package/dist/esm/providers/WalletProvider/SuiBaseProvider.js.map +1 -0
- package/dist/esm/providers/WalletProvider/SuiExternalContext.d.ts +1 -0
- package/dist/esm/providers/WalletProvider/SuiExternalContext.js +3 -0
- package/dist/esm/providers/WalletProvider/SuiExternalContext.js.map +1 -0
- package/dist/esm/providers/WalletProvider/SuiProvider.d.ts +3 -0
- package/dist/esm/providers/WalletProvider/SuiProvider.js +18 -0
- package/dist/esm/providers/WalletProvider/SuiProvider.js.map +1 -0
- package/dist/esm/providers/WalletProvider/UTXOBaseProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/WalletProvider.js +2 -1
- package/dist/esm/providers/WalletProvider/WalletProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js +16 -2
- package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js.map +1 -1
- package/dist/esm/providers/WidgetProvider/WidgetProvider.js +1 -1
- package/dist/esm/providers/WidgetProvider/WidgetProvider.js.map +1 -1
- package/dist/esm/providers/WidgetProvider/utils.d.ts +1 -1
- package/dist/esm/utils/chainType.js +2 -1
- package/dist/esm/utils/chainType.js.map +1 -1
- package/package.json +13 -10
- package/package.json.tmp +12 -9
- package/src/components/Card/Card.tsx +1 -0
- package/src/components/Messages/useMessageQueue.ts +8 -8
- package/src/components/TokenList/TokenListItem.tsx +26 -6
- package/src/components/TokenList/types.ts +4 -0
- package/src/config/version.ts +1 -1
- package/src/hooks/useAvailableChains.ts +6 -1
- package/src/hooks/useExplorer.ts +13 -2
- package/src/hooks/useIsContractAddress.ts +6 -1
- package/src/hooks/useToAddressRequirements.ts +39 -11
- package/src/hooks/useTokens.ts +8 -1
- package/src/providers/WalletProvider/SDKProviders.tsx +20 -2
- package/src/providers/WalletProvider/SVMBaseProvider.tsx +2 -1
- package/src/providers/WalletProvider/SuiBaseProvider.tsx +37 -0
- package/src/providers/WalletProvider/SuiExternalContext.ts +3 -0
- package/src/providers/WalletProvider/SuiProvider.tsx +26 -0
- package/src/providers/WalletProvider/UTXOBaseProvider.tsx +8 -4
- package/src/providers/WalletProvider/WalletProvider.tsx +5 -2
- package/src/providers/WalletProvider/useExternalWalletProvider.ts +16 -3
- package/src/providers/WidgetProvider/WidgetProvider.tsx +1 -1
- package/src/utils/chainType.ts +2 -1
- package/tsconfig.json +2 -2
- package/dist/esm/hooks/useIsCompatibleDestinationAccount.d.ts +0 -8
- package/dist/esm/hooks/useIsCompatibleDestinationAccount.js +0 -37
- package/dist/esm/hooks/useIsCompatibleDestinationAccount.js.map +0 -1
- package/src/hooks/useIsCompatibleDestinationAccount.ts +0 -58
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuiExternalContext.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/SuiExternalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAU,KAAK,CAAC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ChainType } from '@lifi/sdk';
|
|
3
|
+
import { SuiClientContext } from '@mysten/dapp-kit';
|
|
4
|
+
import { useContext } from 'react';
|
|
5
|
+
import { isItemAllowed } from '../../utils/item.js';
|
|
6
|
+
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
7
|
+
import { SuiBaseProvider } from './SuiBaseProvider.js';
|
|
8
|
+
import { SuiExternalContext } from './SuiExternalContext.js';
|
|
9
|
+
export function useInSuiContext() {
|
|
10
|
+
const { chains } = useWidgetConfig();
|
|
11
|
+
const context = useContext(SuiClientContext);
|
|
12
|
+
return Boolean(context) && isItemAllowed(ChainType.MVM, chains?.types);
|
|
13
|
+
}
|
|
14
|
+
export const SuiProvider = ({ children }) => {
|
|
15
|
+
const inSuiContext = useInSuiContext();
|
|
16
|
+
return inSuiContext ? (_jsx(SuiExternalContext.Provider, { value: inSuiContext, children: children })) : (_jsx(SuiBaseProvider, { children: children }));
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=SuiProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuiProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/SuiProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,UAAU,eAAe;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAE5C,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;AACxE,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC7C,QAAQ,GACmB,CAC/B,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,cAAE,QAAQ,GAAmB,CAC9C,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UTXOBaseProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/UTXOBaseProvider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"UTXOBaseProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/UTXOBaseProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAmC,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/D,MAAM,CAAC,MAAM,gBAAgB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IAEpD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,OAAO,GAAG,wBAAwB,CAAC;YACvC,WAAW,EAAE;gBACX,GAAG,EAAE,IAAI;gBACT,8BAA8B,EAAE,KAAK;aACtC;SACF,CAAC,CAAA;IACJ,CAAC;IAED,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,MAAgB,CAAC,CAAA;IAE5C,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAgB,EACtC,gBAAgB,EAAE,KAAK,YAEtB,QAAQ,GACK,CACjB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -6,10 +6,11 @@ import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
|
6
6
|
import { EVMProvider } from './EVMProvider.js';
|
|
7
7
|
import { SDKProviders } from './SDKProviders.js';
|
|
8
8
|
import { SVMProvider } from './SVMProvider.js';
|
|
9
|
+
import { SuiProvider } from './SuiProvider.js';
|
|
9
10
|
import { UTXOProvider } from './UTXOProvider.js';
|
|
10
11
|
import { useExternalWalletProvider } from './useExternalWalletProvider.js';
|
|
11
12
|
export const WalletProvider = ({ children }) => {
|
|
12
|
-
return (_jsx(EVMProvider, { children: _jsx(SVMProvider, { children:
|
|
13
|
+
return (_jsx(EVMProvider, { children: _jsx(SVMProvider, { children: _jsx(UTXOProvider, { children: _jsxs(SuiProvider, { children: [_jsx(SDKProviders, {}), _jsx(WalletMenuProvider, { children: children })] }) }) }) }));
|
|
13
14
|
};
|
|
14
15
|
export const WalletMenuProvider = ({ children }) => {
|
|
15
16
|
const { walletConfig } = useWidgetConfig();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAmC,OAAO,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAE1E,MAAM,CAAC,MAAM,cAAc,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,WAAW,cACV,KAAC,WAAW,cACV,
|
|
1
|
+
{"version":3,"file":"WalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAmC,OAAO,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAE1E,MAAM,CAAC,MAAM,cAAc,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,WAAW,cACV,KAAC,WAAW,cACV,KAAC,YAAY,cACX,MAAC,WAAW,eACV,KAAC,YAAY,KAAG,EAChB,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,IACvC,GACD,GACH,GACF,CACf,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACjC,MAAM,EAAE,kBAAkB,EAAE,GAAG,yBAAyB,EAAE,CAAA;IAE1D,MAAM,MAAM,GAA2B,OAAO,CAAC,GAAG,EAAE;QAClD,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,gBAAyB;YACtC,iBAAiB,EAAE,kBAAkB;YACrC,GAAG,YAAY;SAChB,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE7D,OAAO,CACL,KAAC,wBAAwB,IAAC,MAAM,EAAE,MAAM,YACrC,QAAQ,GACgB,CAC5B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -3,13 +3,20 @@ import { useContext, useMemo } from 'react';
|
|
|
3
3
|
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
4
4
|
import { EVMExternalContext } from './EVMExternalContext.js';
|
|
5
5
|
import { SVMExternalContext } from './SVMExternalContext.js';
|
|
6
|
+
import { SuiExternalContext } from './SuiExternalContext.js';
|
|
6
7
|
import { UTXOExternalContext } from './UTXOExternalContext.js';
|
|
7
|
-
const internalChainTypes = [
|
|
8
|
+
const internalChainTypes = [
|
|
9
|
+
ChainType.EVM,
|
|
10
|
+
ChainType.SVM,
|
|
11
|
+
ChainType.UTXO,
|
|
12
|
+
ChainType.MVM,
|
|
13
|
+
];
|
|
8
14
|
export function useExternalWalletProvider() {
|
|
9
15
|
const { walletConfig } = useWidgetConfig();
|
|
10
16
|
const hasExternalEVMContext = useContext(EVMExternalContext);
|
|
11
17
|
const hasExternalSVMContext = useContext(SVMExternalContext);
|
|
12
18
|
const hasExternalUTXOContext = useContext(UTXOExternalContext);
|
|
19
|
+
const hasExternalSuiContext = useContext(SuiExternalContext);
|
|
13
20
|
const data = useMemo(() => {
|
|
14
21
|
const providers = [];
|
|
15
22
|
if (hasExternalEVMContext) {
|
|
@@ -21,7 +28,13 @@ export function useExternalWalletProvider() {
|
|
|
21
28
|
if (hasExternalUTXOContext) {
|
|
22
29
|
providers.push(ChainType.UTXO);
|
|
23
30
|
}
|
|
24
|
-
|
|
31
|
+
if (hasExternalSuiContext) {
|
|
32
|
+
providers.push(ChainType.MVM);
|
|
33
|
+
}
|
|
34
|
+
const hasExternalProvider = hasExternalEVMContext ||
|
|
35
|
+
hasExternalSVMContext ||
|
|
36
|
+
hasExternalUTXOContext ||
|
|
37
|
+
hasExternalSuiContext;
|
|
25
38
|
const useExternalWalletProvidersOnly = hasExternalProvider && !walletConfig?.usePartialWalletManagement;
|
|
26
39
|
return {
|
|
27
40
|
useExternalWalletProvidersOnly,
|
|
@@ -32,6 +45,7 @@ export function useExternalWalletProvider() {
|
|
|
32
45
|
hasExternalEVMContext,
|
|
33
46
|
hasExternalSVMContext,
|
|
34
47
|
hasExternalUTXOContext,
|
|
48
|
+
hasExternalSuiContext,
|
|
35
49
|
walletConfig?.usePartialWalletManagement,
|
|
36
50
|
]);
|
|
37
51
|
return data;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExternalWalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/useExternalWalletProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAQ9D,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"useExternalWalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/useExternalWalletProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAQ9D,MAAM,kBAAkB,GAAG;IACzB,SAAS,CAAC,GAAG;IACb,SAAS,CAAC,GAAG;IACb,SAAS,CAAC,IAAI;IACd,SAAS,CAAC,GAAG;CACd,CAAA;AAED,MAAM,UAAU,yBAAyB;IACvC,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,qBAAqB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC5D,MAAM,qBAAqB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC5D,MAAM,sBAAsB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IAC9D,MAAM,qBAAqB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,SAAS,GAAgB,EAAE,CAAA;QACjC,IAAI,qBAAqB,EAAE,CAAC;YAC1B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC;QACD,IAAI,qBAAqB,EAAE,CAAC;YAC1B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC;QACD,IAAI,sBAAsB,EAAE,CAAC;YAC3B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAChC,CAAC;QACD,IAAI,qBAAqB,EAAE,CAAC;YAC1B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC;QACD,MAAM,mBAAmB,GACvB,qBAAqB;YACrB,qBAAqB;YACrB,sBAAsB;YACtB,qBAAqB,CAAA;QAEvB,MAAM,8BAA8B,GAClC,mBAAmB,IAAI,CAAC,YAAY,EAAE,0BAA0B,CAAA;QAClE,OAAO;YACL,8BAA8B;YAC9B,kBAAkB,EAAE,SAAS;YAC7B,kBAAkB,EAAE,kBAAkB,CAAC,MAAM,CAC3C,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAC9C;SACF,CAAA;IACH,CAAC,EAAE;QACD,qBAAqB;QACrB,qBAAqB;QACrB,sBAAsB;QACtB,qBAAqB;QACrB,YAAY,EAAE,0BAA0B;KACzC,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetProvider.js","sourceRoot":"","sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAGhF,MAAM,cAAc,GAAuB;IACzC,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;CACf,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAqB,cAAc,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAuB,EAAE,CACtD,UAAU,CAAC,aAAa,CAAC,CAAA;AAE3B,IAAI,cAAc,GAAG,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,cAAc,GAEvB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,GAAuB,EAAE;QAC7C,IAAI,CAAC;YACH,qCAAqC;YACrC,MAAM,KAAK,GAAG;gBACZ,GAAG,YAAY;gBACf,SAAS;aACY,CAAA;YAEvB,iDAAiD;YACjD,kBAAkB,CAAC,KAAK,CAAC,CAAA;YAEzB,gBAAgB;YAChB,MAAM,OAAO,GAAc;gBACzB,GAAG,YAAY,CAAC,SAAS;gBACzB,MAAM,EAAE,YAAY,CAAC,MAAM;gBAC3B,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ;gBAChE,YAAY,EAAE;oBACZ,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,YAAY,CAAC,GAAG;oBACpD,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,KAAK,EAAE,YAAY,CAAC,aAAa;oBACjC,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,GAAG,YAAY,CAAC,SAAS,EAAE,YAAY;iBACxC;gBACD,mBAAmB,EAAE,IAAI;gBACzB,aAAa,EAAE,OAAO;gBACtB,
|
|
1
|
+
{"version":3,"file":"WidgetProvider.js","sourceRoot":"","sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAGhF,MAAM,cAAc,GAAuB;IACzC,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;CACf,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAqB,cAAc,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAuB,EAAE,CACtD,UAAU,CAAC,aAAa,CAAC,CAAA;AAE3B,IAAI,cAAc,GAAG,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,cAAc,GAEvB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,GAAuB,EAAE;QAC7C,IAAI,CAAC;YACH,qCAAqC;YACrC,MAAM,KAAK,GAAG;gBACZ,GAAG,YAAY;gBACf,SAAS;aACY,CAAA;YAEvB,iDAAiD;YACjD,kBAAkB,CAAC,KAAK,CAAC,CAAA;YAEzB,gBAAgB;YAChB,MAAM,OAAO,GAAc;gBACzB,GAAG,YAAY,CAAC,SAAS;gBACzB,MAAM,EAAE,YAAY,CAAC,MAAM;gBAC3B,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ;gBAChE,YAAY,EAAE;oBACZ,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,YAAY,CAAC,GAAG;oBACpD,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,KAAK,EAAE,YAAY,CAAC,aAAa;oBACjC,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,GAAG,YAAY,CAAC,SAAS,EAAE,YAAY;iBACxC;gBACD,mBAAmB,EAAE,IAAI;gBACzB,aAAa,EAAE,OAAO;gBACtB,aAAa,EAAE,KAAK;gBACpB,eAAe;aAChB,CAAA;YACD,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,YAAY,CAAC,OAAO,CAAC,CAAA;gBACrB,cAAc,GAAG,IAAI,CAAA;YACvB,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACrB,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACf,OAAO;gBACL,GAAG,YAAY;gBACf,SAAS;gBACT,UAAU,EAAE,YAAY,CAAC,UAAU;aACpC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAA;IACjD,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAC1E,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { WidgetConfig } from '../../types/widget.js';
|
|
2
|
-
export declare const attemptToFindMatchingToAddressInConfig: (address: string, config: WidgetConfig) => import("../../
|
|
2
|
+
export declare const attemptToFindMatchingToAddressInConfig: (address: string, config: WidgetConfig) => import("../../index.js").ToAddress | {
|
|
3
3
|
address: string;
|
|
4
4
|
chainType: import("@lifi/sdk").ChainType | undefined;
|
|
5
5
|
};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { isUTXOAddress } from '@bigmi/core';
|
|
2
2
|
import { ChainId, ChainType, isSVMAddress } from '@lifi/sdk';
|
|
3
|
+
import { isValidSuiAddress } from '@mysten/sui/utils';
|
|
3
4
|
import { isAddress as isEVMAddress } from 'viem';
|
|
4
5
|
const chainTypeAddressValidation = {
|
|
5
6
|
[ChainType.EVM]: isEVMAddress,
|
|
6
7
|
[ChainType.SVM]: isSVMAddress,
|
|
8
|
+
[ChainType.MVM]: isValidSuiAddress,
|
|
7
9
|
[ChainType.UTXO]: isUTXOAddress,
|
|
8
|
-
[ChainType.MVM]: () => false,
|
|
9
10
|
};
|
|
10
11
|
export const getChainTypeFromAddress = (address) => {
|
|
11
12
|
for (const chainType in chainTypeAddressValidation) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chainType.js","sourceRoot":"","sources":["../../../src/utils/chainType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAA;AAEhD,MAAM,0BAA0B,GAAG;IACjC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"chainType.js","sourceRoot":"","sources":["../../../src/utils/chainType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAA;AAEhD,MAAM,0BAA0B,GAAG;IACjC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,iBAAiB;IAClC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAe,EACQ,EAAE;IACzB,KAAK,MAAM,SAAS,IAAI,0BAA0B,EAAE,CAAC;QACnD,MAAM,WAAW,GACf,0BAA0B,CAAC,SAAsB,CAAC,CAAC,OAAO,CAAC,CAAA;QAC7D,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,SAAsB,CAAA;QAC/B,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;CAC7B,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.21.0",
|
|
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",
|
|
@@ -30,29 +30,32 @@
|
|
|
30
30
|
"lifi"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@bigmi/client": "^0.
|
|
34
|
-
"@bigmi/core": "^0.
|
|
33
|
+
"@bigmi/client": "^0.2.1",
|
|
34
|
+
"@bigmi/core": "^0.2.1",
|
|
35
35
|
"@emotion/react": "^11.14.0",
|
|
36
36
|
"@emotion/styled": "^11.14.0",
|
|
37
|
-
"@lifi/sdk": "^3.
|
|
37
|
+
"@lifi/sdk": "^3.7.0",
|
|
38
38
|
"@mui/icons-material": "^7.1.0",
|
|
39
39
|
"@mui/material": "^7.1.0",
|
|
40
40
|
"@mui/system": "^7.1.0",
|
|
41
|
-
"@
|
|
42
|
-
"@solana/
|
|
41
|
+
"@mysten/sui": "^1.29.1",
|
|
42
|
+
"@solana/wallet-adapter-base": "^0.9.26",
|
|
43
|
+
"@solana/wallet-adapter-coinbase": "^0.1.22",
|
|
44
|
+
"@solana/web3.js": "^1.98.2",
|
|
43
45
|
"@tanstack/react-virtual": "^3.13.8",
|
|
44
|
-
"i18next": "^25.1.
|
|
46
|
+
"i18next": "^25.1.3",
|
|
45
47
|
"microdiff": "^1.5.0",
|
|
46
48
|
"mitt": "^3.0.1",
|
|
47
49
|
"react-i18next": "^15.5.1",
|
|
48
50
|
"react-intersection-observer": "^9.16.0",
|
|
49
51
|
"react-router-dom": "^6.30.0",
|
|
50
|
-
"viem": "^2.29.
|
|
52
|
+
"viem": "^2.29.3",
|
|
51
53
|
"zustand": "^5.0.4",
|
|
52
|
-
"@lifi/wallet-management": "^3.
|
|
54
|
+
"@lifi/wallet-management": "^3.9.0"
|
|
53
55
|
},
|
|
54
56
|
"peerDependencies": {
|
|
55
|
-
"@bigmi/react": ">=0.1
|
|
57
|
+
"@bigmi/react": ">=0.2.1",
|
|
58
|
+
"@mysten/dapp-kit": ">=0.16.0",
|
|
56
59
|
"@solana/wallet-adapter-react": ">=0.15.35",
|
|
57
60
|
"@tanstack/react-query": ">=5.68.0",
|
|
58
61
|
"react": ">=18",
|
package/package.json.tmp
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.21.0",
|
|
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",
|
|
@@ -49,25 +49,27 @@
|
|
|
49
49
|
"lifi"
|
|
50
50
|
],
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@bigmi/client": "^0.
|
|
53
|
-
"@bigmi/core": "^0.
|
|
52
|
+
"@bigmi/client": "^0.2.1",
|
|
53
|
+
"@bigmi/core": "^0.2.1",
|
|
54
54
|
"@emotion/react": "^11.14.0",
|
|
55
55
|
"@emotion/styled": "^11.14.0",
|
|
56
|
-
"@lifi/sdk": "^3.
|
|
56
|
+
"@lifi/sdk": "^3.7.0",
|
|
57
57
|
"@lifi/wallet-management": "workspace:^",
|
|
58
58
|
"@mui/icons-material": "^7.1.0",
|
|
59
59
|
"@mui/material": "^7.1.0",
|
|
60
60
|
"@mui/system": "^7.1.0",
|
|
61
|
-
"@
|
|
62
|
-
"@solana/
|
|
61
|
+
"@mysten/sui": "^1.29.1",
|
|
62
|
+
"@solana/wallet-adapter-base": "^0.9.26",
|
|
63
|
+
"@solana/wallet-adapter-coinbase": "^0.1.22",
|
|
64
|
+
"@solana/web3.js": "^1.98.2",
|
|
63
65
|
"@tanstack/react-virtual": "^3.13.8",
|
|
64
|
-
"i18next": "^25.1.
|
|
66
|
+
"i18next": "^25.1.3",
|
|
65
67
|
"microdiff": "^1.5.0",
|
|
66
68
|
"mitt": "^3.0.1",
|
|
67
69
|
"react-i18next": "^15.5.1",
|
|
68
70
|
"react-intersection-observer": "^9.16.0",
|
|
69
71
|
"react-router-dom": "^6.30.0",
|
|
70
|
-
"viem": "^2.29.
|
|
72
|
+
"viem": "^2.29.3",
|
|
71
73
|
"zustand": "^5.0.4"
|
|
72
74
|
},
|
|
73
75
|
"devDependencies": {
|
|
@@ -79,7 +81,8 @@
|
|
|
79
81
|
"vitest": "^3.1.3"
|
|
80
82
|
},
|
|
81
83
|
"peerDependencies": {
|
|
82
|
-
"@bigmi/react": ">=0.1
|
|
84
|
+
"@bigmi/react": ">=0.2.1",
|
|
85
|
+
"@mysten/dapp-kit": ">=0.16.0",
|
|
83
86
|
"@solana/wallet-adapter-react": ">=0.15.35",
|
|
84
87
|
"@tanstack/react-query": ">=5.68.0",
|
|
85
88
|
"react": ">=18",
|
|
@@ -2,7 +2,6 @@ import type { Route } from '@lifi/sdk'
|
|
|
2
2
|
import { useMemo } from 'react'
|
|
3
3
|
import { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js'
|
|
4
4
|
import { useGasSufficiency } from '../../hooks/useGasSufficiency.js'
|
|
5
|
-
import { useIsCompatibleDestinationAccount } from '../../hooks/useIsCompatibleDestinationAccount.js'
|
|
6
5
|
import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'
|
|
7
6
|
|
|
8
7
|
interface QueuedMessage {
|
|
@@ -12,11 +11,12 @@ interface QueuedMessage {
|
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
export const useMessageQueue = (route?: Route, allowInteraction?: boolean) => {
|
|
15
|
-
const { requiredToAddress, toAddress } = useToAddressRequirements(route)
|
|
16
14
|
const {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
requiredToAddress,
|
|
16
|
+
toAddress,
|
|
17
|
+
accountNotDeployedAtDestination,
|
|
18
|
+
isLoading: isToAddressRequirementsLoading,
|
|
19
|
+
} = useToAddressRequirements(route)
|
|
20
20
|
const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } =
|
|
21
21
|
useFromTokenSufficiency(route)
|
|
22
22
|
const { insufficientGas, isLoading: isGasSufficiencyLoading } =
|
|
@@ -40,7 +40,7 @@ export const useMessageQueue = (route?: Route, allowInteraction?: boolean) => {
|
|
|
40
40
|
})
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
if (
|
|
43
|
+
if (accountNotDeployedAtDestination && !allowInteraction) {
|
|
44
44
|
queue.push({
|
|
45
45
|
id: 'ACCOUNT_NOT_DEPLOYED',
|
|
46
46
|
priority: 3,
|
|
@@ -59,7 +59,7 @@ export const useMessageQueue = (route?: Route, allowInteraction?: boolean) => {
|
|
|
59
59
|
allowInteraction,
|
|
60
60
|
insufficientFromToken,
|
|
61
61
|
insufficientGas,
|
|
62
|
-
|
|
62
|
+
accountNotDeployedAtDestination,
|
|
63
63
|
requiredToAddress,
|
|
64
64
|
toAddress,
|
|
65
65
|
])
|
|
@@ -70,6 +70,6 @@ export const useMessageQueue = (route?: Route, allowInteraction?: boolean) => {
|
|
|
70
70
|
isLoading:
|
|
71
71
|
isGasSufficiencyLoading ||
|
|
72
72
|
isFromTokenSufficiencyLoading ||
|
|
73
|
-
|
|
73
|
+
isToAddressRequirementsLoading,
|
|
74
74
|
}
|
|
75
75
|
}
|
|
@@ -18,7 +18,11 @@ import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js'
|
|
|
18
18
|
import { shortenAddress } from '../../utils/wallet.js'
|
|
19
19
|
import { ListItemButton } from '../ListItem/ListItemButton.js'
|
|
20
20
|
import { IconButton, ListItem } from './TokenList.style.js'
|
|
21
|
-
import type {
|
|
21
|
+
import type {
|
|
22
|
+
TokenListItemAvatarProps,
|
|
23
|
+
TokenListItemButtonProps,
|
|
24
|
+
TokenListItemProps,
|
|
25
|
+
} from './types.js'
|
|
22
26
|
|
|
23
27
|
export const TokenListItem: React.FC<TokenListItemProps> = ({
|
|
24
28
|
onClick,
|
|
@@ -55,6 +59,24 @@ export const TokenListItem: React.FC<TokenListItemProps> = ({
|
|
|
55
59
|
)
|
|
56
60
|
}
|
|
57
61
|
|
|
62
|
+
export const TokenListItemAvatar: React.FC<TokenListItemAvatarProps> = ({
|
|
63
|
+
token,
|
|
64
|
+
}) => {
|
|
65
|
+
const [isImageLoading, setIsImageLoading] = useState(true)
|
|
66
|
+
return (
|
|
67
|
+
<Avatar
|
|
68
|
+
src={token.logoURI}
|
|
69
|
+
alt={token.symbol}
|
|
70
|
+
sx={(theme) =>
|
|
71
|
+
isImageLoading ? { bgcolor: theme.vars.palette.grey[300] } : null
|
|
72
|
+
}
|
|
73
|
+
onLoad={() => setIsImageLoading(false)}
|
|
74
|
+
>
|
|
75
|
+
{token.symbol?.[0]}
|
|
76
|
+
</Avatar>
|
|
77
|
+
)
|
|
78
|
+
}
|
|
79
|
+
|
|
58
80
|
export const TokenListItemButton: React.FC<TokenListItemButtonProps> = ({
|
|
59
81
|
onClick,
|
|
60
82
|
token,
|
|
@@ -63,7 +85,7 @@ export const TokenListItemButton: React.FC<TokenListItemButtonProps> = ({
|
|
|
63
85
|
isBalanceLoading,
|
|
64
86
|
}) => {
|
|
65
87
|
const { t } = useTranslation()
|
|
66
|
-
const {
|
|
88
|
+
const { getTokenAddressLink } = useExplorer()
|
|
67
89
|
|
|
68
90
|
const container = useRef(null)
|
|
69
91
|
const timeoutId = useRef<ReturnType<typeof setTimeout>>(undefined)
|
|
@@ -101,9 +123,7 @@ export const TokenListItemButton: React.FC<TokenListItemButtonProps> = ({
|
|
|
101
123
|
dense
|
|
102
124
|
>
|
|
103
125
|
<ListItemAvatar>
|
|
104
|
-
<
|
|
105
|
-
{token.symbol?.[0]}
|
|
106
|
-
</Avatar>
|
|
126
|
+
<TokenListItemAvatar token={token} />
|
|
107
127
|
</ListItemAvatar>
|
|
108
128
|
<ListItemText
|
|
109
129
|
primary={token.symbol}
|
|
@@ -164,7 +184,7 @@ export const TokenListItemButton: React.FC<TokenListItemButtonProps> = ({
|
|
|
164
184
|
<IconButton
|
|
165
185
|
size="small"
|
|
166
186
|
LinkComponent={Link}
|
|
167
|
-
href={
|
|
187
|
+
href={getTokenAddressLink(tokenAddress!, chain)}
|
|
168
188
|
target="_blank"
|
|
169
189
|
rel="nofollow noreferrer"
|
|
170
190
|
onClick={(e) => e.stopPropagation()}
|
package/src/config/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = '@lifi/widget'
|
|
2
|
-
export const version = '3.
|
|
2
|
+
export const version = '3.21.0'
|
|
@@ -10,7 +10,12 @@ export type GetChainById = (
|
|
|
10
10
|
chains?: ExtendedChain[]
|
|
11
11
|
) => ExtendedChain | undefined
|
|
12
12
|
|
|
13
|
-
const supportedChainTypes = [
|
|
13
|
+
const supportedChainTypes = [
|
|
14
|
+
ChainType.EVM,
|
|
15
|
+
ChainType.SVM,
|
|
16
|
+
ChainType.UTXO,
|
|
17
|
+
ChainType.MVM,
|
|
18
|
+
]
|
|
14
19
|
|
|
15
20
|
export const useAvailableChains = (chainTypes?: ChainType[]) => {
|
|
16
21
|
const { chains } = useWidgetConfig()
|
package/src/hooks/useExplorer.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { Chain } from '@lifi/sdk'
|
|
1
|
+
import type { Chain, EVMChain } from '@lifi/sdk'
|
|
2
|
+
import { ChainId } from '@lifi/sdk'
|
|
2
3
|
import { lifiExplorerUrl } from '../config/constants.js'
|
|
3
4
|
import { useAvailableChains } from '../hooks/useAvailableChains.js'
|
|
4
5
|
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
|
|
@@ -46,7 +47,8 @@ export const useExplorer = () => {
|
|
|
46
47
|
return `${baseUrl}/tx/${txHash}`
|
|
47
48
|
}
|
|
48
49
|
const resolvedChain = resolveChain(chain)
|
|
49
|
-
|
|
50
|
+
const txPathSegment = resolvedChain?.id === ChainId.SUI ? 'txblock' : 'tx'
|
|
51
|
+
return `${resolvedChain ? getBaseUrl(resolvedChain) : lifiExplorerUrl}/${txPathSegment}/${txHash}`
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
const getAddressLink = (address: string, chain?: Chain | number) => {
|
|
@@ -61,8 +63,17 @@ export const useExplorer = () => {
|
|
|
61
63
|
return `${resolvedChain ? getBaseUrl(resolvedChain) : lifiExplorerUrl}/address/${address}`
|
|
62
64
|
}
|
|
63
65
|
|
|
66
|
+
const getTokenAddressLink = (address: string, chain?: Chain | number) => {
|
|
67
|
+
const link = getAddressLink(address, chain)
|
|
68
|
+
if (chain === ChainId.SUI || (chain as EVMChain)?.id === ChainId.SUI) {
|
|
69
|
+
return link.replace('address', 'coin')
|
|
70
|
+
}
|
|
71
|
+
return link
|
|
72
|
+
}
|
|
73
|
+
|
|
64
74
|
return {
|
|
65
75
|
getTransactionLink,
|
|
66
76
|
getAddressLink,
|
|
77
|
+
getTokenAddressLink,
|
|
67
78
|
}
|
|
68
79
|
}
|
|
@@ -6,7 +6,12 @@ export const useIsContractAddress = (
|
|
|
6
6
|
address?: string,
|
|
7
7
|
chainId?: number,
|
|
8
8
|
chainType?: ChainType
|
|
9
|
-
)
|
|
9
|
+
): {
|
|
10
|
+
isContractAddress: boolean
|
|
11
|
+
contractCode?: string
|
|
12
|
+
isLoading: boolean
|
|
13
|
+
isFetched: boolean
|
|
14
|
+
} => {
|
|
10
15
|
const {
|
|
11
16
|
data: contractCode,
|
|
12
17
|
isLoading,
|
|
@@ -4,6 +4,7 @@ import { useChain } from '../hooks/useChain.js'
|
|
|
4
4
|
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
|
|
5
5
|
import { useFieldValues } from '../stores/form/useFieldValues.js'
|
|
6
6
|
import { RequiredUI } from '../types/widget.js'
|
|
7
|
+
import { isDelegationDesignatorCode } from '../utils/eip7702.js'
|
|
7
8
|
import { useIsContractAddress } from './useIsContractAddress.js'
|
|
8
9
|
|
|
9
10
|
export const useToAddressRequirements = (route?: RouteExtended) => {
|
|
@@ -16,37 +17,64 @@ export const useToAddressRequirements = (route?: RouteExtended) => {
|
|
|
16
17
|
|
|
17
18
|
const fromChainId = route?.fromChainId ?? formFromChainId
|
|
18
19
|
const toChainId = route?.toChainId ?? formToChainId
|
|
19
|
-
const toAddress = route
|
|
20
|
-
? route.fromAddress !== route.toAddress
|
|
21
|
-
? route.toAddress
|
|
22
|
-
: formToAddress
|
|
23
|
-
: formToAddress
|
|
24
20
|
|
|
25
21
|
const { chain: fromChain } = useChain(fromChainId)
|
|
26
22
|
const { chain: toChain } = useChain(toChainId)
|
|
27
23
|
const { account } = useAccount({
|
|
28
24
|
chainType: fromChain?.chainType,
|
|
29
25
|
})
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
26
|
+
|
|
27
|
+
const fromAddress = route?.fromAddress ?? account.address
|
|
28
|
+
const toAddress = route
|
|
29
|
+
? route.fromAddress !== route.toAddress
|
|
30
|
+
? route.toAddress
|
|
31
|
+
: formToAddress
|
|
32
|
+
: formToAddress
|
|
33
|
+
|
|
34
|
+
const {
|
|
35
|
+
isContractAddress: isFromContractAddress,
|
|
36
|
+
contractCode: fromContractCode,
|
|
37
|
+
isLoading: isFromContractLoading,
|
|
38
|
+
isFetched: isFromContractFetched,
|
|
39
|
+
} = useIsContractAddress(account.address, fromChainId, account.chainType)
|
|
40
|
+
const {
|
|
41
|
+
isContractAddress: isToContractAddress,
|
|
42
|
+
isLoading: isToContractLoading,
|
|
43
|
+
isFetched: isToContractFetched,
|
|
44
|
+
} = useIsContractAddress(toAddress, toChainId, toChain?.chainType)
|
|
35
45
|
|
|
36
46
|
const isDifferentChainType =
|
|
37
47
|
fromChain && toChain && fromChain.chainType !== toChain.chainType
|
|
38
48
|
|
|
49
|
+
// We don't want to block transfers for EIP-7702 accounts since they are designed
|
|
50
|
+
// to maintain EOA-like properties while delegating execution.
|
|
51
|
+
const fromContractCodeHasDelegationIndicator =
|
|
52
|
+
isDelegationDesignatorCode(fromContractCode)
|
|
53
|
+
|
|
39
54
|
const isCrossChainContractAddress =
|
|
40
|
-
isFromContractAddress &&
|
|
55
|
+
isFromContractAddress &&
|
|
56
|
+
fromChainId !== toChainId &&
|
|
57
|
+
!fromContractCodeHasDelegationIndicator
|
|
41
58
|
|
|
42
59
|
const requiredToAddress =
|
|
43
60
|
requiredUI?.includes(RequiredUI.ToAddress) ||
|
|
44
61
|
isDifferentChainType ||
|
|
45
62
|
isCrossChainContractAddress
|
|
46
63
|
|
|
64
|
+
const accountNotDeployedAtDestination =
|
|
65
|
+
isFromContractAddress &&
|
|
66
|
+
!fromContractCodeHasDelegationIndicator &&
|
|
67
|
+
!isToContractAddress &&
|
|
68
|
+
fromAddress?.toLowerCase() === toAddress?.toLowerCase()
|
|
69
|
+
|
|
47
70
|
return {
|
|
48
71
|
requiredToAddress,
|
|
49
72
|
requiredToChainType: toChain?.chainType,
|
|
73
|
+
accountNotDeployedAtDestination,
|
|
50
74
|
toAddress,
|
|
75
|
+
isFromContractAddress,
|
|
76
|
+
isToContractAddress,
|
|
77
|
+
isLoading: isFromContractLoading || isToContractLoading,
|
|
78
|
+
isFetched: isFromContractFetched && isToContractFetched,
|
|
51
79
|
}
|
|
52
80
|
}
|
package/src/hooks/useTokens.ts
CHANGED
|
@@ -10,7 +10,14 @@ export const useTokens = (selectedChainId?: number) => {
|
|
|
10
10
|
const { data, isLoading } = useQuery({
|
|
11
11
|
queryKey: ['tokens'],
|
|
12
12
|
queryFn: () =>
|
|
13
|
-
getTokens({
|
|
13
|
+
getTokens({
|
|
14
|
+
chainTypes: [
|
|
15
|
+
ChainType.EVM,
|
|
16
|
+
ChainType.SVM,
|
|
17
|
+
ChainType.UTXO,
|
|
18
|
+
ChainType.MVM,
|
|
19
|
+
],
|
|
20
|
+
}),
|
|
14
21
|
refetchInterval: 3_600_000,
|
|
15
22
|
staleTime: 3_600_000,
|
|
16
23
|
})
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { getConnectorClient as getBigmiConnectorClient } from '@bigmi/client'
|
|
2
2
|
import { useConfig as useBigmiConfig } from '@bigmi/react'
|
|
3
3
|
import type { SDKProvider } from '@lifi/sdk'
|
|
4
|
-
import { ChainType, EVM, Solana, UTXO, config } from '@lifi/sdk'
|
|
4
|
+
import { ChainType, EVM, Solana, Sui, UTXO, config } from '@lifi/sdk'
|
|
5
|
+
import { useCurrentWallet } from '@mysten/dapp-kit'
|
|
5
6
|
import type { SignerWalletAdapter } from '@solana/wallet-adapter-base'
|
|
6
7
|
import { useWallet } from '@solana/wallet-adapter-react'
|
|
7
8
|
import { useEffect } from 'react'
|
|
@@ -17,6 +18,7 @@ export const SDKProviders = () => {
|
|
|
17
18
|
const { wallet } = useWallet()
|
|
18
19
|
const wagmiConfig = useWagmiConfig()
|
|
19
20
|
const bigmiConfig = useBigmiConfig()
|
|
21
|
+
const { currentWallet } = useCurrentWallet()
|
|
20
22
|
|
|
21
23
|
useEffect(() => {
|
|
22
24
|
// Configure SDK Providers
|
|
@@ -30,6 +32,9 @@ export const SDKProviders = () => {
|
|
|
30
32
|
const hasConfiguredUTXOProvider = sdkConfig?.providers?.some(
|
|
31
33
|
(provider) => provider.type === ChainType.UTXO
|
|
32
34
|
)
|
|
35
|
+
const hasConfiguredSuiProvider = sdkConfig?.providers?.some(
|
|
36
|
+
(provider) => provider.type === ChainType.MVM
|
|
37
|
+
)
|
|
33
38
|
if (!hasConfiguredEVMProvider) {
|
|
34
39
|
providers.push(
|
|
35
40
|
EVM({
|
|
@@ -57,11 +62,24 @@ export const SDKProviders = () => {
|
|
|
57
62
|
})
|
|
58
63
|
)
|
|
59
64
|
}
|
|
65
|
+
if (!hasConfiguredSuiProvider) {
|
|
66
|
+
providers.push(
|
|
67
|
+
Sui({
|
|
68
|
+
getWallet: async () => currentWallet!,
|
|
69
|
+
})
|
|
70
|
+
)
|
|
71
|
+
}
|
|
60
72
|
if (sdkConfig?.providers?.length) {
|
|
61
73
|
providers.push(...sdkConfig.providers)
|
|
62
74
|
}
|
|
63
75
|
config.setProviders(providers)
|
|
64
|
-
}, [
|
|
76
|
+
}, [
|
|
77
|
+
bigmiConfig,
|
|
78
|
+
currentWallet,
|
|
79
|
+
sdkConfig?.providers,
|
|
80
|
+
wagmiConfig,
|
|
81
|
+
wallet?.adapter,
|
|
82
|
+
])
|
|
65
83
|
|
|
66
84
|
return null
|
|
67
85
|
}
|