@lifi/widget 3.29.0-beta.0 → 3.29.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/dist/esm/components/BaseTransactionButton/BaseTransactionButton.js +2 -1
- package/dist/esm/components/BaseTransactionButton/BaseTransactionButton.js.map +1 -1
- package/dist/esm/components/ChainSelect/ChainSelect.d.ts +1 -1
- package/dist/esm/components/ChainSelect/ChainSelect.js +20 -24
- package/dist/esm/components/ChainSelect/ChainSelect.js.map +1 -1
- package/dist/esm/components/ChainSelect/ChainSelect.style.d.ts +3 -0
- package/dist/esm/components/ChainSelect/ChainSelect.style.js +40 -3
- package/dist/esm/components/ChainSelect/ChainSelect.style.js.map +1 -1
- package/dist/esm/components/Header/WalletHeader.js +3 -1
- package/dist/esm/components/Header/WalletHeader.js.map +1 -1
- package/dist/esm/components/Search/SearchInput.style.js +3 -0
- package/dist/esm/components/Search/SearchInput.style.js.map +1 -1
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.js +7 -0
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.js.map +1 -1
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/config/version.js.map +1 -1
- package/dist/esm/hooks/useInternalWalletProvider.d.ts +1 -0
- package/dist/esm/hooks/useInternalWalletProvider.js +6 -0
- package/dist/esm/hooks/useInternalWalletProvider.js.map +1 -0
- package/dist/esm/i18n/bn.json +2 -4
- package/dist/esm/i18n/de.json +2 -4
- package/dist/esm/i18n/es.json +2 -4
- package/dist/esm/i18n/fr.json +2 -4
- package/dist/esm/i18n/hi.json +2 -4
- package/dist/esm/i18n/id.json +2 -4
- package/dist/esm/i18n/it.json +2 -4
- package/dist/esm/i18n/ja.json +2 -4
- package/dist/esm/i18n/ko.json +2 -4
- package/dist/esm/i18n/pl.json +2 -4
- package/dist/esm/i18n/pt.json +2 -4
- package/dist/esm/i18n/th.json +2 -4
- package/dist/esm/i18n/tr.json +2 -4
- package/dist/esm/i18n/uk.json +2 -4
- package/dist/esm/i18n/vi.json +2 -4
- package/dist/esm/i18n/zh.json +2 -4
- package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js +12 -5
- package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
- package/dist/esm/providers/WalletProvider/EVMProvider.js +3 -1
- package/dist/esm/providers/WalletProvider/EVMProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/SVMBaseProvider.d.ts +1 -1
- package/dist/esm/providers/WalletProvider/SVMBaseProvider.js +18 -14
- package/dist/esm/providers/WalletProvider/SVMBaseProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/SVMProvider.js +3 -1
- package/dist/esm/providers/WalletProvider/SVMProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/SuiProvider.js +3 -1
- package/dist/esm/providers/WalletProvider/SuiProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/UTXOProvider.js +3 -1
- package/dist/esm/providers/WalletProvider/UTXOProvider.js.map +1 -1
- package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js +4 -1
- package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js.map +1 -1
- package/dist/esm/types/widget.d.ts +7 -1
- package/dist/esm/types/widget.js +1 -0
- package/dist/esm/types/widget.js.map +1 -1
- package/package.json +10 -10
- package/package.json.tmp +9 -9
- package/src/components/BaseTransactionButton/BaseTransactionButton.tsx +4 -1
- package/src/components/ChainSelect/ChainSelect.style.tsx +43 -3
- package/src/components/ChainSelect/ChainSelect.tsx +32 -39
- package/src/components/Header/WalletHeader.tsx +5 -1
- package/src/components/Search/SearchInput.style.tsx +3 -0
- package/src/components/SelectTokenButton/SelectTokenButton.style.tsx +7 -0
- package/src/config/version.ts +1 -1
- package/src/hooks/useInternalWalletProvider.ts +6 -0
- package/src/i18n/bn.json +2 -4
- package/src/i18n/de.json +2 -4
- package/src/i18n/es.json +2 -4
- package/src/i18n/fr.json +2 -4
- package/src/i18n/hi.json +2 -4
- package/src/i18n/id.json +2 -4
- package/src/i18n/it.json +2 -4
- package/src/i18n/ja.json +2 -4
- package/src/i18n/ko.json +2 -4
- package/src/i18n/pl.json +2 -4
- package/src/i18n/pt.json +2 -4
- package/src/i18n/th.json +2 -4
- package/src/i18n/tr.json +2 -4
- package/src/i18n/uk.json +2 -4
- package/src/i18n/vi.json +2 -4
- package/src/i18n/zh.json +2 -4
- package/src/pages/SelectTokenPage/SelectTokenPage.tsx +25 -10
- package/src/providers/WalletProvider/EVMProvider.tsx +5 -3
- package/src/providers/WalletProvider/SVMBaseProvider.tsx +19 -16
- package/src/providers/WalletProvider/SVMProvider.tsx +5 -3
- package/src/providers/WalletProvider/SuiProvider.tsx +5 -3
- package/src/providers/WalletProvider/UTXOProvider.tsx +5 -3
- package/src/providers/WalletProvider/useExternalWalletProvider.ts +4 -1
- package/src/types/widget.ts +6 -0
package/dist/esm/i18n/pt.json
CHANGED
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
"process": {
|
|
241
241
|
"bridge": {
|
|
242
242
|
"actionRequired": "Assinar a transação de transferência de fundos entre redes",
|
|
243
|
+
"messageRequired": "",
|
|
243
244
|
"done": "Transação da ponte confirmada",
|
|
244
245
|
"pending": "Transação de transferência de fundos entre redes, pendente",
|
|
245
246
|
"started": "Preparando a transação da ponte"
|
|
@@ -258,14 +259,11 @@
|
|
|
258
259
|
},
|
|
259
260
|
"swap": {
|
|
260
261
|
"actionRequired": "Assinar transação de troca",
|
|
262
|
+
"messageRequired": "",
|
|
261
263
|
"done": "Conversão concluída",
|
|
262
264
|
"pending": "Transação de troca pendente",
|
|
263
265
|
"started": "Preparando a transação de conversão"
|
|
264
266
|
},
|
|
265
|
-
"switchChain": {
|
|
266
|
-
"actionRequired": "Confirmar troca de rede",
|
|
267
|
-
"done": "Rede alterada"
|
|
268
|
-
},
|
|
269
267
|
"permit": {
|
|
270
268
|
"actionRequired": "Assinar mensagem de permissão",
|
|
271
269
|
"done": "Mensagem de permissão assinada",
|
package/dist/esm/i18n/th.json
CHANGED
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
"process": {
|
|
241
241
|
"bridge": {
|
|
242
242
|
"actionRequired": "",
|
|
243
|
+
"messageRequired": "",
|
|
243
244
|
"done": "ธุรกรรมข้ามเชนได้รับการยืนยันแล้ว",
|
|
244
245
|
"pending": "",
|
|
245
246
|
"started": "เตรียมการทำรายการบริดจ์"
|
|
@@ -258,14 +259,11 @@
|
|
|
258
259
|
},
|
|
259
260
|
"swap": {
|
|
260
261
|
"actionRequired": "",
|
|
262
|
+
"messageRequired": "",
|
|
261
263
|
"done": "การแลกเปลี่ยนเสร็จสมบูรณ์",
|
|
262
264
|
"pending": "",
|
|
263
265
|
"started": "กำลังเตรียมการแลกเปลี่ยนธุรกรรม"
|
|
264
266
|
},
|
|
265
|
-
"switchChain": {
|
|
266
|
-
"actionRequired": "",
|
|
267
|
-
"done": ""
|
|
268
|
-
},
|
|
269
267
|
"permit": {
|
|
270
268
|
"actionRequired": "",
|
|
271
269
|
"done": "",
|
package/dist/esm/i18n/tr.json
CHANGED
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
"process": {
|
|
241
241
|
"bridge": {
|
|
242
242
|
"actionRequired": "",
|
|
243
|
+
"messageRequired": "",
|
|
243
244
|
"done": "Köprü işlemi teyit edildi",
|
|
244
245
|
"pending": "",
|
|
245
246
|
"started": "Köprü işlemi hazırlanıyor"
|
|
@@ -258,14 +259,11 @@
|
|
|
258
259
|
},
|
|
259
260
|
"swap": {
|
|
260
261
|
"actionRequired": "",
|
|
262
|
+
"messageRequired": "",
|
|
261
263
|
"done": "Takas işlemi tamamlandı",
|
|
262
264
|
"pending": "",
|
|
263
265
|
"started": "Takas işlemi hazırlanıyor"
|
|
264
266
|
},
|
|
265
|
-
"switchChain": {
|
|
266
|
-
"actionRequired": "",
|
|
267
|
-
"done": ""
|
|
268
|
-
},
|
|
269
267
|
"permit": {
|
|
270
268
|
"actionRequired": "",
|
|
271
269
|
"done": "",
|
package/dist/esm/i18n/uk.json
CHANGED
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
"process": {
|
|
241
241
|
"bridge": {
|
|
242
242
|
"actionRequired": "Підпишіть бридж транзакцію",
|
|
243
|
+
"messageRequired": "",
|
|
243
244
|
"done": "Бридж транзакцію схвалено",
|
|
244
245
|
"pending": "Очікування бридж операції",
|
|
245
246
|
"started": "Підготовка бридж транзакції"
|
|
@@ -258,14 +259,11 @@
|
|
|
258
259
|
},
|
|
259
260
|
"swap": {
|
|
260
261
|
"actionRequired": "Підпишіть своп транзакцію",
|
|
262
|
+
"messageRequired": "",
|
|
261
263
|
"done": "Своп завершено",
|
|
262
264
|
"pending": "Очікування своп операції",
|
|
263
265
|
"started": "Підготовка своп транзакції"
|
|
264
266
|
},
|
|
265
|
-
"switchChain": {
|
|
266
|
-
"actionRequired": "Підтвердіть перемикання чейна",
|
|
267
|
-
"done": "Чейн перемкнено"
|
|
268
|
-
},
|
|
269
267
|
"permit": {
|
|
270
268
|
"actionRequired": "Підпишіть дозвіл на витрати",
|
|
271
269
|
"done": "Дозвіл на витрати підписано",
|
package/dist/esm/i18n/vi.json
CHANGED
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
"process": {
|
|
241
241
|
"bridge": {
|
|
242
242
|
"actionRequired": "",
|
|
243
|
+
"messageRequired": "",
|
|
243
244
|
"done": "Giao dịch cầu đã được xác nhận",
|
|
244
245
|
"pending": "",
|
|
245
246
|
"started": "Chuẩn bị giao dịch cầu"
|
|
@@ -258,14 +259,11 @@
|
|
|
258
259
|
},
|
|
259
260
|
"swap": {
|
|
260
261
|
"actionRequired": "",
|
|
262
|
+
"messageRequired": "",
|
|
261
263
|
"done": "Lệnh swap đã hoàn tất",
|
|
262
264
|
"pending": "",
|
|
263
265
|
"started": "Đang chuẩn bị giao dịch Swap"
|
|
264
266
|
},
|
|
265
|
-
"switchChain": {
|
|
266
|
-
"actionRequired": "",
|
|
267
|
-
"done": ""
|
|
268
|
-
},
|
|
269
267
|
"permit": {
|
|
270
268
|
"actionRequired": "",
|
|
271
269
|
"done": "",
|
package/dist/esm/i18n/zh.json
CHANGED
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
"process": {
|
|
241
241
|
"bridge": {
|
|
242
242
|
"actionRequired": "",
|
|
243
|
+
"messageRequired": "",
|
|
243
244
|
"done": "跨链交易已确认",
|
|
244
245
|
"pending": "",
|
|
245
246
|
"started": "准备执行跨链交易"
|
|
@@ -258,14 +259,11 @@
|
|
|
258
259
|
},
|
|
259
260
|
"swap": {
|
|
260
261
|
"actionRequired": "",
|
|
262
|
+
"messageRequired": "",
|
|
261
263
|
"done": "兑换完成",
|
|
262
264
|
"pending": "",
|
|
263
265
|
"started": "准备兑换"
|
|
264
266
|
},
|
|
265
|
-
"switchChain": {
|
|
266
|
-
"actionRequired": "",
|
|
267
|
-
"done": ""
|
|
268
|
-
},
|
|
269
267
|
"permit": {
|
|
270
268
|
"actionRequired": "",
|
|
271
269
|
"done": "",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box } from '@mui/material';
|
|
2
|
+
import { Box, useMediaQuery } from '@mui/material';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
5
|
import { ChainSelect } from '../../components/ChainSelect/ChainSelect.js';
|
|
@@ -30,14 +30,21 @@ export const SelectTokenPage = ({ formType }) => {
|
|
|
30
30
|
const hideChainSelect = (wideVariant && subvariantOptions?.wide?.enableChainSidebar) ||
|
|
31
31
|
(swapOnly && formType === 'to') ||
|
|
32
32
|
hiddenUI?.includes(HiddenUI.ChainSelect);
|
|
33
|
+
const isMobile = useMediaQuery((theme) => theme.breakpoints.down(theme.breakpoints.values.xs));
|
|
34
|
+
const hideSearchTokenInput = hiddenUI?.includes(HiddenUI.SearchTokenInput);
|
|
35
|
+
const hasHeader = !hideChainSelect || !hideSearchTokenInput;
|
|
33
36
|
return (_jsxs(FullPageContainer, { disableGutters: true, children: [_jsxs(Box, { ref: headerRef, sx: {
|
|
34
|
-
pb: 2,
|
|
37
|
+
pb: hasHeader ? 2 : 0,
|
|
35
38
|
px: 3,
|
|
36
|
-
}, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, _jsx(Box, { sx: {
|
|
39
|
+
}, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, !hideSearchTokenInput && (_jsx(Box, { sx: {
|
|
37
40
|
mt: !hideChainSelect ? 2 : 0,
|
|
38
|
-
}, children: _jsx(SearchTokenInput, {}) })] }), _jsx(WrappedTokenList
|
|
41
|
+
}, children: _jsx(SearchTokenInput, {}) }))] }), _jsx(WrappedTokenList
|
|
39
42
|
// Rerender component if variant changes (since chains tiles change height)
|
|
40
|
-
, { headerRef: headerRef, formType: formType }, hideChainSelect
|
|
43
|
+
, { headerRef: headerRef, formType: formType }, hideChainSelect
|
|
44
|
+
? 'without-offset'
|
|
45
|
+
: isMobile
|
|
46
|
+
? 'with-offset-mobile'
|
|
47
|
+
: 'with-offset')] }));
|
|
41
48
|
};
|
|
42
49
|
const WrappedTokenList = ({ headerRef, formType }) => {
|
|
43
50
|
const { navigateBack } = useNavigateBack();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChainType } from '@lifi/sdk';
|
|
3
3
|
import { useContext } from 'react';
|
|
4
4
|
import { WagmiContext } from 'wagmi';
|
|
5
|
+
import { useInternalWalletProvider } from '../../hooks/useInternalWalletProvider.js';
|
|
5
6
|
import { isItemAllowed } from '../../utils/item.js';
|
|
6
7
|
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
7
8
|
import { EVMBaseProvider } from './EVMBaseProvider.js';
|
|
@@ -13,6 +14,7 @@ export function useInWagmiContext() {
|
|
|
13
14
|
}
|
|
14
15
|
export const EVMProvider = ({ children }) => {
|
|
15
16
|
const inWagmiContext = useInWagmiContext();
|
|
16
|
-
|
|
17
|
+
const useInternalWallet = useInternalWalletProvider(inWagmiContext);
|
|
18
|
+
return useInternalWallet ? (_jsx(EVMBaseProvider, { children: children })) : (_jsx(EVMExternalContext.Provider, { value: inWagmiContext, children: children }));
|
|
17
19
|
};
|
|
18
20
|
//# sourceMappingURL=EVMProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EVMProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/EVMProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACpC,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,iBAAiB;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,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,cAAc,GAAG,iBAAiB,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"EVMProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/EVMProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,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,iBAAiB;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,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,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAC1C,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAA;IAEnE,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,KAAC,eAAe,cAAE,QAAQ,GAAmB,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAC/C,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type FC, type PropsWithChildren } from 'react';
|
|
2
2
|
export declare const SVMBaseProvider: FC<PropsWithChildren>;
|
|
@@ -3,21 +3,25 @@ import { WalletAdapterNetwork } from '@solana/wallet-adapter-base';
|
|
|
3
3
|
import { CoinbaseWalletAdapter } from '@solana/wallet-adapter-coinbase';
|
|
4
4
|
import { ConnectionProvider, WalletProvider, } from '@solana/wallet-adapter-react';
|
|
5
5
|
import { clusterApiUrl } from '@solana/web3.js';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Wallets that implement either of these standards will be available automatically.
|
|
9
|
-
*
|
|
10
|
-
* - Solana Mobile Stack Mobile Wallet Adapter Protocol
|
|
11
|
-
* (https://github.com/solana-mobile/mobile-wallet-adapter)
|
|
12
|
-
* - Solana Wallet Standard
|
|
13
|
-
* (https://github.com/solana-labs/wallet-standard)
|
|
14
|
-
*
|
|
15
|
-
* If you wish to support a wallet that supports neither of those standards,
|
|
16
|
-
* instantiate its legacy wallet adapter here. Common legacy adapters can be found
|
|
17
|
-
* in the npm package `@solana/wallet-adapter-wallets`.
|
|
18
|
-
*/
|
|
19
|
-
const wallets = [new CoinbaseWalletAdapter()];
|
|
6
|
+
import { useMemo } from 'react';
|
|
20
7
|
export const SVMBaseProvider = ({ children }) => {
|
|
8
|
+
const [endpoint, wallets] = useMemo(() => {
|
|
9
|
+
const endpoint = clusterApiUrl(WalletAdapterNetwork.Mainnet);
|
|
10
|
+
/**
|
|
11
|
+
* Wallets that implement either of these standards will be available automatically.
|
|
12
|
+
*
|
|
13
|
+
* - Solana Mobile Stack Mobile Wallet Adapter Protocol
|
|
14
|
+
* (https://github.com/solana-mobile/mobile-wallet-adapter)
|
|
15
|
+
* - Solana Wallet Standard
|
|
16
|
+
* (https://github.com/solana-labs/wallet-standard)
|
|
17
|
+
*
|
|
18
|
+
* If you wish to support a wallet that supports neither of those standards,
|
|
19
|
+
* instantiate its legacy wallet adapter here. Common legacy adapters can be found
|
|
20
|
+
* in the npm package `@solana/wallet-adapter-wallets`.
|
|
21
|
+
*/
|
|
22
|
+
const wallets = [new CoinbaseWalletAdapter()];
|
|
23
|
+
return [endpoint, wallets];
|
|
24
|
+
}, []);
|
|
21
25
|
return (_jsx(ConnectionProvider, { endpoint: endpoint, children: _jsx(WalletProvider, { wallets: wallets, autoConnect: true, children: children }) }));
|
|
22
26
|
};
|
|
23
27
|
//# sourceMappingURL=SVMBaseProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SVMBaseProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/SVMBaseProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EACL,kBAAkB,EAClB,cAAc,GACf,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"SVMBaseProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/SVMBaseProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EACL,kBAAkB,EAClB,cAAc,GACf,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAmC,OAAO,EAAE,MAAM,OAAO,CAAA;AAEhE,MAAM,CAAC,MAAM,eAAe,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,QAAQ,GAAG,aAAa,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAA;QAC5D;;;;;;;;;;;WAWG;QACH,MAAM,OAAO,GAAc,CAAC,IAAI,qBAAqB,EAAE,CAAC,CAAA;QACxD,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,YACpC,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,kBAC1C,QAAQ,GACM,GACE,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChainType } from '@lifi/sdk';
|
|
3
3
|
import { ConnectionContext } from '@solana/wallet-adapter-react';
|
|
4
4
|
import { useContext } from 'react';
|
|
5
|
+
import { useInternalWalletProvider } from '../../hooks/useInternalWalletProvider.js';
|
|
5
6
|
import { isItemAllowed } from '../../utils/item.js';
|
|
6
7
|
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
7
8
|
import { SVMBaseProvider } from './SVMBaseProvider.js';
|
|
@@ -13,6 +14,7 @@ export function useInSolanaContext() {
|
|
|
13
14
|
}
|
|
14
15
|
export const SVMProvider = ({ children }) => {
|
|
15
16
|
const inSolanaContext = useInSolanaContext();
|
|
16
|
-
|
|
17
|
+
const useInternalWallet = useInternalWalletProvider(inSolanaContext);
|
|
18
|
+
return useInternalWallet ? (_jsx(SVMBaseProvider, { children: children })) : (_jsx(SVMExternalContext.Provider, { value: inSolanaContext, children: children }));
|
|
17
19
|
};
|
|
18
20
|
//# sourceMappingURL=SVMProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SVMProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/SVMProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,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,kBAAkB;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC7C,OAAO,CACL,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,CAC5E,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"SVMProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/SVMProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,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,kBAAkB;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC7C,OAAO,CACL,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,CAC5E,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAA;IAEpE,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,KAAC,eAAe,cAAE,QAAQ,GAAmB,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,YAChD,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChainType } from '@lifi/sdk';
|
|
3
3
|
import { SuiClientContext } from '@mysten/dapp-kit';
|
|
4
4
|
import { useContext } from 'react';
|
|
5
|
+
import { useInternalWalletProvider } from '../../hooks/useInternalWalletProvider.js';
|
|
5
6
|
import { isItemAllowed } from '../../utils/item.js';
|
|
6
7
|
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
7
8
|
import { SuiBaseProvider } from './SuiBaseProvider.js';
|
|
@@ -13,6 +14,7 @@ export function useInSuiContext() {
|
|
|
13
14
|
}
|
|
14
15
|
export const SuiProvider = ({ children }) => {
|
|
15
16
|
const inSuiContext = useInSuiContext();
|
|
16
|
-
|
|
17
|
+
const useInternalWallet = useInternalWalletProvider(inSuiContext);
|
|
18
|
+
return useInternalWallet ? (_jsx(SuiBaseProvider, { children: children })) : (_jsx(SuiExternalContext.Provider, { value: inSuiContext, children: children }));
|
|
17
19
|
};
|
|
18
20
|
//# sourceMappingURL=SuiProvider.js.map
|
|
@@ -1 +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;
|
|
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,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,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;IACtC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAA;IAEjE,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,KAAC,eAAe,cAAE,QAAQ,GAAmB,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC7C,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { BigmiContext } from '@bigmi/react';
|
|
3
3
|
import { ChainType } from '@lifi/sdk';
|
|
4
4
|
import { useContext } from 'react';
|
|
5
|
+
import { useInternalWalletProvider } from '../../hooks/useInternalWalletProvider.js';
|
|
5
6
|
import { isItemAllowed } from '../../utils/item.js';
|
|
6
7
|
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
7
8
|
import { UTXOBaseProvider } from './UTXOBaseProvider.js';
|
|
@@ -13,6 +14,7 @@ export function useInBigmiContext() {
|
|
|
13
14
|
}
|
|
14
15
|
export const UTXOProvider = ({ children }) => {
|
|
15
16
|
const inBigmiContext = useInBigmiContext();
|
|
16
|
-
|
|
17
|
+
const useInternalWallet = useInternalWalletProvider(inBigmiContext);
|
|
18
|
+
return useInternalWallet ? (_jsx(UTXOBaseProvider, { children: children })) : (_jsx(UTXOExternalContext.Provider, { value: inBigmiContext, children: children }));
|
|
17
19
|
};
|
|
18
20
|
//# sourceMappingURL=UTXOProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UTXOProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/UTXOProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,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,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;AACzE,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"UTXOProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/UTXOProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;AACzE,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAC1C,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAA;IAEnE,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,CAChD,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAChD,QAAQ,GACoB,CAChC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -35,7 +35,9 @@ export function useExternalWalletProvider() {
|
|
|
35
35
|
hasExternalSVMContext ||
|
|
36
36
|
hasExternalUTXOContext ||
|
|
37
37
|
hasExternalSuiContext;
|
|
38
|
-
const useExternalWalletProvidersOnly = hasExternalProvider &&
|
|
38
|
+
const useExternalWalletProvidersOnly = hasExternalProvider &&
|
|
39
|
+
!walletConfig?.usePartialWalletManagement &&
|
|
40
|
+
!walletConfig?.forceInternalWalletManagement;
|
|
39
41
|
return {
|
|
40
42
|
useExternalWalletProvidersOnly,
|
|
41
43
|
externalChainTypes: providers,
|
|
@@ -47,6 +49,7 @@ export function useExternalWalletProvider() {
|
|
|
47
49
|
hasExternalUTXOContext,
|
|
48
50
|
hasExternalSuiContext,
|
|
49
51
|
walletConfig?.usePartialWalletManagement,
|
|
52
|
+
walletConfig?.forceInternalWalletManagement,
|
|
50
53
|
]);
|
|
51
54
|
return data;
|
|
52
55
|
}
|
|
@@ -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,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,
|
|
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;YACnB,CAAC,YAAY,EAAE,0BAA0B;YACzC,CAAC,YAAY,EAAE,6BAA6B,CAAA;QAC9C,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;QACxC,YAAY,EAAE,6BAA6B;KAC5C,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC"}
|
|
@@ -72,7 +72,8 @@ export declare enum HiddenUI {
|
|
|
72
72
|
BridgesSettings = "bridgesSettings",
|
|
73
73
|
AddressBookConnectedWallets = "addressBookConnectedWallets",
|
|
74
74
|
LowAddressActivityConfirmation = "lowAddressActivityConfirmation",
|
|
75
|
-
GasRefuelMessage = "gasRefuelMessage"
|
|
75
|
+
GasRefuelMessage = "gasRefuelMessage",
|
|
76
|
+
SearchTokenInput = "searchTokenInput"
|
|
76
77
|
}
|
|
77
78
|
export type HiddenUIType = `${HiddenUI}`;
|
|
78
79
|
export declare enum RequiredUI {
|
|
@@ -98,6 +99,11 @@ export interface WidgetWalletConfig {
|
|
|
98
99
|
* @default false
|
|
99
100
|
*/
|
|
100
101
|
usePartialWalletManagement?: boolean;
|
|
102
|
+
/**
|
|
103
|
+
* This option forces the widget to always use internal wallet management ignoring external wallet management contexts
|
|
104
|
+
* @default false
|
|
105
|
+
*/
|
|
106
|
+
forceInternalWalletManagement?: boolean;
|
|
101
107
|
}
|
|
102
108
|
export interface WidgetSDKConfig extends Omit<SDKConfig, 'apiKey' | 'disableVersionCheck' | 'integrator' | 'routeOptions' | 'widgetVersion'> {
|
|
103
109
|
routeOptions?: Omit<RouteOptions, 'bridges' | 'exchanges'>;
|
package/dist/esm/types/widget.js
CHANGED
|
@@ -23,6 +23,7 @@ export var HiddenUI;
|
|
|
23
23
|
HiddenUI["AddressBookConnectedWallets"] = "addressBookConnectedWallets";
|
|
24
24
|
HiddenUI["LowAddressActivityConfirmation"] = "lowAddressActivityConfirmation";
|
|
25
25
|
HiddenUI["GasRefuelMessage"] = "gasRefuelMessage";
|
|
26
|
+
HiddenUI["SearchTokenInput"] = "searchTokenInput";
|
|
26
27
|
})(HiddenUI || (HiddenUI = {}));
|
|
27
28
|
export var RequiredUI;
|
|
28
29
|
(function (RequiredUI) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AA8FA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AA8FA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAkBX;AAlBD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;IAC/C,uDAA2C,CAAA;IAC3C,2DAA+C,CAAA;IAC/C,uCAA2B,CAAA;IAC3B,+CAAmC,CAAA;IACnC,uEAA2D,CAAA;IAC3D,6EAAiE,CAAA;IACjE,iDAAqC,CAAA;IACrC,iDAAqC,CAAA;AACvC,CAAC,EAlBW,QAAQ,KAAR,QAAQ,QAkBnB;AAGD,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,qCAAuB,CAAA;IACvB,+DAAiD,CAAA;AACnD,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAgRD,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,wCAAuB,CAAA;IACvB,oCAAmB,CAAA;AACrB,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.29.0
|
|
3
|
+
"version": "3.29.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,32 +30,32 @@
|
|
|
30
30
|
"lifi"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@bigmi/client": "^0.
|
|
34
|
-
"@bigmi/core": "^0.
|
|
33
|
+
"@bigmi/client": "^0.5.2",
|
|
34
|
+
"@bigmi/core": "^0.5.2",
|
|
35
35
|
"@emotion/react": "^11.14.0",
|
|
36
36
|
"@emotion/styled": "^11.14.1",
|
|
37
|
-
"@lifi/sdk": "^3.11.
|
|
37
|
+
"@lifi/sdk": "^3.11.3",
|
|
38
38
|
"@mui/icons-material": "^7.3.1",
|
|
39
39
|
"@mui/material": "^7.3.1",
|
|
40
40
|
"@mui/system": "^7.3.1",
|
|
41
|
-
"@mysten/sui": "^1.37.
|
|
41
|
+
"@mysten/sui": "^1.37.4",
|
|
42
42
|
"@solana/wallet-adapter-base": "^0.9.27",
|
|
43
43
|
"@solana/wallet-adapter-coinbase": "^0.1.23",
|
|
44
44
|
"@solana/web3.js": "^1.98.4",
|
|
45
45
|
"@tanstack/react-virtual": "^3.13.12",
|
|
46
|
-
"i18next": "^25.
|
|
46
|
+
"i18next": "^25.4.2",
|
|
47
47
|
"microdiff": "^1.5.0",
|
|
48
48
|
"mitt": "^3.0.1",
|
|
49
|
-
"react-i18next": "^15.
|
|
49
|
+
"react-i18next": "^15.7.2",
|
|
50
50
|
"react-intersection-observer": "^9.16.0",
|
|
51
51
|
"react-router-dom": "^6.30.0",
|
|
52
52
|
"react-transition-group": "^4.4.5",
|
|
53
|
-
"viem": "^2.
|
|
53
|
+
"viem": "^2.36.0",
|
|
54
54
|
"zustand": "^5.0.8",
|
|
55
|
-
"@lifi/wallet-management": "^3.15.0
|
|
55
|
+
"@lifi/wallet-management": "^3.15.0"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
|
-
"@bigmi/react": ">=0.
|
|
58
|
+
"@bigmi/react": ">=0.5.0",
|
|
59
59
|
"@mysten/dapp-kit": ">=0.17.0",
|
|
60
60
|
"@solana/wallet-adapter-react": ">=0.15.35",
|
|
61
61
|
"@tanstack/react-query": ">=5.68.0",
|
package/package.json.tmp
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.29.0
|
|
3
|
+
"version": "3.29.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,28 +49,28 @@
|
|
|
49
49
|
"lifi"
|
|
50
50
|
],
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@bigmi/client": "^0.
|
|
53
|
-
"@bigmi/core": "^0.
|
|
52
|
+
"@bigmi/client": "^0.5.2",
|
|
53
|
+
"@bigmi/core": "^0.5.2",
|
|
54
54
|
"@emotion/react": "^11.14.0",
|
|
55
55
|
"@emotion/styled": "^11.14.1",
|
|
56
|
-
"@lifi/sdk": "^3.11.
|
|
56
|
+
"@lifi/sdk": "^3.11.3",
|
|
57
57
|
"@lifi/wallet-management": "workspace:^",
|
|
58
58
|
"@mui/icons-material": "^7.3.1",
|
|
59
59
|
"@mui/material": "^7.3.1",
|
|
60
60
|
"@mui/system": "^7.3.1",
|
|
61
|
-
"@mysten/sui": "^1.37.
|
|
61
|
+
"@mysten/sui": "^1.37.4",
|
|
62
62
|
"@solana/wallet-adapter-base": "^0.9.27",
|
|
63
63
|
"@solana/wallet-adapter-coinbase": "^0.1.23",
|
|
64
64
|
"@solana/web3.js": "^1.98.4",
|
|
65
65
|
"@tanstack/react-virtual": "^3.13.12",
|
|
66
|
-
"i18next": "^25.
|
|
66
|
+
"i18next": "^25.4.2",
|
|
67
67
|
"microdiff": "^1.5.0",
|
|
68
68
|
"mitt": "^3.0.1",
|
|
69
|
-
"react-i18next": "^15.
|
|
69
|
+
"react-i18next": "^15.7.2",
|
|
70
70
|
"react-intersection-observer": "^9.16.0",
|
|
71
71
|
"react-router-dom": "^6.30.0",
|
|
72
72
|
"react-transition-group": "^4.4.5",
|
|
73
|
-
"viem": "^2.
|
|
73
|
+
"viem": "^2.36.0",
|
|
74
74
|
"zustand": "^5.0.8"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"vitest": "^3.2.4"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
|
-
"@bigmi/react": ">=0.
|
|
86
|
+
"@bigmi/react": ">=0.5.0",
|
|
87
87
|
"@mysten/dapp-kit": ">=0.17.0",
|
|
88
88
|
"@solana/wallet-adapter-react": ">=0.15.35",
|
|
89
89
|
"@tanstack/react-query": ">=5.68.0",
|
|
@@ -30,7 +30,10 @@ export const BaseTransactionButton: React.FC<BaseTransactionButtonProps> = ({
|
|
|
30
30
|
return
|
|
31
31
|
}
|
|
32
32
|
const connectionOptions = missingChain ? { chain: missingChain } : undefined
|
|
33
|
-
if (
|
|
33
|
+
if (
|
|
34
|
+
walletConfig?.onConnect &&
|
|
35
|
+
!walletConfig?.forceInternalWalletManagement
|
|
36
|
+
) {
|
|
34
37
|
walletConfig.onConnect(connectionOptions)
|
|
35
38
|
} else {
|
|
36
39
|
openWalletMenu(connectionOptions)
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import { Box,
|
|
1
|
+
import { Avatar, Box, Typography } from '@mui/material'
|
|
2
|
+
import { styled } from '@mui/material/styles'
|
|
2
3
|
import { Card } from '../../components/Card/Card.js'
|
|
3
4
|
import { maxChainsToShow } from '../../stores/chains/createChainOrderStore.js'
|
|
4
5
|
|
|
5
6
|
const chainCardWidthPx = 52
|
|
6
7
|
const chainCardHeightPx = 56
|
|
8
|
+
// For mobile screens (xs, under 360px)
|
|
9
|
+
const chainCardWidthPxMobile = 36
|
|
10
|
+
const chainCardHeightPxMobile = 36
|
|
7
11
|
|
|
8
12
|
// Chain grid layout settings:
|
|
9
13
|
// These should remain consistent with `maxChainsToShow` to ensure
|
|
@@ -11,12 +15,43 @@ const chainCardHeightPx = 56
|
|
|
11
15
|
const maxRows = 2
|
|
12
16
|
const maxChainsPerRow = Math.ceil(maxChainsToShow / maxRows)
|
|
13
17
|
|
|
14
|
-
export const ChainCard = styled(Card)({
|
|
18
|
+
export const ChainCard = styled(Card)(({ theme }) => ({
|
|
15
19
|
display: 'grid',
|
|
16
20
|
placeItems: 'center',
|
|
17
21
|
minWidth: chainCardWidthPx,
|
|
18
22
|
height: chainCardHeightPx,
|
|
19
|
-
|
|
23
|
+
[theme.breakpoints.down(theme.breakpoints.values.xs)]: {
|
|
24
|
+
height: chainCardHeightPxMobile,
|
|
25
|
+
minWidth: chainCardWidthPxMobile,
|
|
26
|
+
},
|
|
27
|
+
}))
|
|
28
|
+
|
|
29
|
+
export const ChainAvatar = styled(Avatar)(({ theme }) => ({
|
|
30
|
+
width: 40,
|
|
31
|
+
height: 40,
|
|
32
|
+
[theme.breakpoints.down(theme.breakpoints.values.xs)]: {
|
|
33
|
+
width: 28,
|
|
34
|
+
height: 28,
|
|
35
|
+
},
|
|
36
|
+
}))
|
|
37
|
+
|
|
38
|
+
export const MoreChainsBox = styled(Box)(({ theme }) => ({
|
|
39
|
+
width: 40,
|
|
40
|
+
height: 40,
|
|
41
|
+
display: 'grid',
|
|
42
|
+
placeItems: 'center',
|
|
43
|
+
[theme.breakpoints.down(theme.breakpoints.values.xs)]: {
|
|
44
|
+
width: 28,
|
|
45
|
+
height: 28,
|
|
46
|
+
},
|
|
47
|
+
}))
|
|
48
|
+
|
|
49
|
+
export const MoreChainsText = styled(Typography)(({ theme }) => ({
|
|
50
|
+
fontWeight: 500,
|
|
51
|
+
[theme.breakpoints.down('xs')]: {
|
|
52
|
+
fontSize: '.85rem',
|
|
53
|
+
},
|
|
54
|
+
}))
|
|
20
55
|
|
|
21
56
|
export const ChainContainer = styled(Box, {
|
|
22
57
|
shouldForwardProp: (prop) => prop !== 'itemCount',
|
|
@@ -29,5 +64,10 @@ export const ChainContainer = styled(Box, {
|
|
|
29
64
|
gridTemplateRows: `repeat(${rowCount}, ${chainCardHeightPx}px)`,
|
|
30
65
|
justifyContent: 'space-between',
|
|
31
66
|
gap: theme.spacing(1.5),
|
|
67
|
+
[theme.breakpoints.down(theme.breakpoints.values.xs)]: {
|
|
68
|
+
gridTemplateColumns: `repeat(${rowCount > 1 ? columnsPerRow : 'auto-fit'}, minmax(${chainCardWidthPxMobile}px, 1fr))`,
|
|
69
|
+
gridTemplateRows: `repeat(${rowCount}, ${chainCardHeightPxMobile}px)`,
|
|
70
|
+
gap: theme.spacing(1),
|
|
71
|
+
},
|
|
32
72
|
}
|
|
33
73
|
})
|