@xyo-network/react-wallet 2.55.4 → 2.55.6
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/dist/cjs/components/WalletAccountSelect/Select.js +21 -12
- package/dist/cjs/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/cjs/contexts/Account/use.js +3 -3
- package/dist/cjs/contexts/Account/use.js.map +1 -1
- package/dist/cjs/contexts/Wallet/Provider.js +14 -21
- package/dist/cjs/contexts/Wallet/Provider.js.map +1 -1
- package/dist/cjs/contexts/Wallet/use.js +23 -4
- package/dist/cjs/contexts/Wallet/use.js.map +1 -1
- package/dist/cjs/hooks/index.js +2 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useAccount.js +33 -13
- package/dist/cjs/hooks/useAccount.js.map +1 -1
- package/dist/cjs/hooks/useWallet.js +42 -0
- package/dist/cjs/hooks/useWallet.js.map +1 -0
- package/dist/cjs/hooks/useWallets.js +12 -0
- package/dist/cjs/hooks/useWallets.js.map +1 -0
- package/dist/docs.json +1885 -1757
- package/dist/esm/components/WalletAccountSelect/Select.js +22 -12
- package/dist/esm/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/esm/contexts/Account/use.js +1 -1
- package/dist/esm/contexts/Account/use.js.map +1 -1
- package/dist/esm/contexts/Wallet/Provider.js +14 -21
- package/dist/esm/contexts/Wallet/Provider.js.map +1 -1
- package/dist/esm/contexts/Wallet/use.js +19 -3
- package/dist/esm/contexts/Wallet/use.js.map +1 -1
- package/dist/esm/hooks/index.js +2 -1
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useAccount.js +33 -14
- package/dist/esm/hooks/useAccount.js.map +1 -1
- package/dist/esm/hooks/useWallet.js +36 -0
- package/dist/esm/hooks/useWallet.js.map +1 -0
- package/dist/esm/hooks/useWallets.js +8 -0
- package/dist/esm/hooks/useWallets.js.map +1 -0
- package/dist/types/components/WalletAccountSelect/Select.d.ts +0 -10
- package/dist/types/components/WalletAccountSelect/Select.d.ts.map +1 -1
- package/dist/types/contexts/Account/use.d.ts +1 -1
- package/dist/types/contexts/Account/use.d.ts.map +1 -1
- package/dist/types/contexts/Wallet/Provider.d.ts +1 -1
- package/dist/types/contexts/Wallet/Provider.d.ts.map +1 -1
- package/dist/types/contexts/Wallet/State.d.ts +10 -4
- package/dist/types/contexts/Wallet/State.d.ts.map +1 -1
- package/dist/types/contexts/Wallet/use.d.ts +5 -1
- package/dist/types/contexts/Wallet/use.d.ts.map +1 -1
- package/dist/types/hooks/index.d.ts +2 -1
- package/dist/types/hooks/index.d.ts.map +1 -1
- package/dist/types/hooks/useAccount.d.ts +4 -5
- package/dist/types/hooks/useAccount.d.ts.map +1 -1
- package/dist/types/hooks/useWallet.d.ts +14 -0
- package/dist/types/hooks/useWallet.d.ts.map +1 -0
- package/dist/types/hooks/useWallets.d.ts +7 -0
- package/dist/types/hooks/useWallets.d.ts.map +1 -0
- package/package.json +12 -12
- package/src/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.tsx +3 -3
- package/src/components/WalletAccountSelect/Select.tsx +47 -55
- package/src/components/WalletAccountSelect/WalletAccountSelect.stories.tsx +3 -3
- package/src/components/WalletAccountSelect/WalletAccountSelectBar.stories.tsx +6 -8
- package/src/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.tsx +3 -4
- package/src/contexts/Account/use.ts +1 -1
- package/src/contexts/Wallet/Provider.tsx +20 -33
- package/src/contexts/Wallet/State.ts +10 -4
- package/src/contexts/Wallet/use.ts +23 -3
- package/src/hooks/index.ts +2 -1
- package/src/hooks/useAccount.tsx +35 -17
- package/src/hooks/useWallet.tsx +47 -0
- package/src/hooks/useWallets.tsx +18 -0
- package/dist/cjs/hooks/useAccounts.js +0 -13
- package/dist/cjs/hooks/useAccounts.js.map +0 -1
- package/dist/esm/hooks/useAccounts.js +0 -8
- package/dist/esm/hooks/useAccounts.js.map +0 -1
- package/dist/types/hooks/useAccounts.d.ts +0 -8
- package/dist/types/hooks/useAccounts.d.ts.map +0 -1
- package/src/hooks/useAccounts.tsx +0 -16
|
@@ -1,21 +1,31 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { CircularProgress } from '@mui/material';
|
|
2
|
+
import { CircularProgress, MenuItem } from '@mui/material';
|
|
3
3
|
import { SelectEx } from '@xylabs/react-select';
|
|
4
4
|
import { AddressRenderRowBox } from '@xyo-network/react-address-render';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { useWalletContext } from '../../contexts';
|
|
6
|
+
import { useAccount } from '../../hooks';
|
|
7
7
|
const arrayRange = (length, start = 0) => {
|
|
8
8
|
return Array.from(Array(length).keys()).map((x) => x + start);
|
|
9
9
|
};
|
|
10
|
-
export const RenderValue = ({ iconOnly, iconSize, showFavorite, icons, addressNames, selected, wallet }) => {
|
|
11
|
-
const [account] = usePromise(() => wallet.derivePath(selected.toString()));
|
|
12
|
-
const customName = account ? addressNames[account?.address] : undefined;
|
|
13
|
-
const favorite = account ? account?.address in addressNames : undefined;
|
|
14
|
-
return (_jsx(AddressRenderRowBox, { address: account?.address, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, favorite: favorite, showFavorite: showFavorite }));
|
|
15
|
-
};
|
|
16
10
|
export const WalletAccountSelect = ({ addressNames = {}, iconOnly, iconSize = 24, icons, maxAccounts = 1, showFavorite = false, size, ...props }) => {
|
|
17
|
-
const { activeAccountIndex = 0, setActiveAccountIndex,
|
|
18
|
-
const disabled = !
|
|
19
|
-
return (_jsx(_Fragment, { children:
|
|
11
|
+
const { activeAccountIndex = 0, setActiveAccountIndex, derivedWallet } = useWalletContext();
|
|
12
|
+
const disabled = !derivedWallet || activeAccountIndex === undefined;
|
|
13
|
+
return (_jsx(_Fragment, { children: derivedWallet ? (_jsx(SelectEx, { disabled: disabled, renderValue: (selected) => {
|
|
14
|
+
const Item = () => {
|
|
15
|
+
const [account] = useAccount({ path: selected.toString(), wallet: derivedWallet });
|
|
16
|
+
const customName = account ? addressNames[account.address] : undefined;
|
|
17
|
+
const favorite = account && account.address in addressNames;
|
|
18
|
+
return (_jsx(AddressRenderRowBox, { address: account?.address, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, favorite: favorite, showFavorite: showFavorite }));
|
|
19
|
+
};
|
|
20
|
+
return _jsx(Item, {});
|
|
21
|
+
}, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`)), size: size, variant: "outlined", ...props, children: arrayRange(maxAccounts).map((index) => {
|
|
22
|
+
const Item = () => {
|
|
23
|
+
const [account] = useAccount({ path: index.toString(), wallet: derivedWallet });
|
|
24
|
+
const customName = account ? addressNames[account.address] : undefined;
|
|
25
|
+
const favorite = account && account.address in addressNames;
|
|
26
|
+
return (_jsx(MenuItem, { value: index, children: _jsx(AddressRenderRowBox, { address: account?.address, favorite: favorite, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, showFavorite: showFavorite }) }, account?.address));
|
|
27
|
+
};
|
|
28
|
+
return _jsx(Item, {}, index);
|
|
29
|
+
}) })) : (_jsx(CircularProgress, { size: 24 })) }));
|
|
20
30
|
};
|
|
21
31
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAe,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useContextEx } from '@xyo-network/react-shared';
|
|
2
2
|
import { AccountContext } from './Context';
|
|
3
|
-
export const
|
|
3
|
+
export const useContextAccount = (required = false) => {
|
|
4
4
|
const { account } = useContextEx(AccountContext, 'Account', required);
|
|
5
5
|
return [account];
|
|
6
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Account/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Account/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,cAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;IACrE,OAAO,CAAC,OAAO,CAAC,CAAA;AAClB,CAAC,CAAA"}
|
|
@@ -1,47 +1,40 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
3
2
|
import { usePromise } from '@xyo-network/react-shared';
|
|
4
3
|
import { useEffect, useState } from 'react';
|
|
5
|
-
import { AccountContext } from '../Account';
|
|
6
4
|
import { WalletContext } from './Context';
|
|
7
5
|
import { WalletRootPath } from './lib';
|
|
8
|
-
|
|
9
|
-
const AccountWalletProvider = (props) => {
|
|
10
|
-
const { wallet, activeAccountIndex = 0 } = useWallet();
|
|
11
|
-
const [account] = usePromise(() => wallet?.derivePath(activeAccountIndex.toString()));
|
|
12
|
-
return _jsx(AccountContext.Provider, { value: { account, provided: true }, ...props });
|
|
13
|
-
};
|
|
14
|
-
export const WalletProvider = ({ basePath = WalletRootPath, children, defaultActiveAccountIndex = 0, defaultWallet, ...props }) => {
|
|
15
|
-
const [wallet, setWallet] = useState();
|
|
6
|
+
export const WalletProvider = ({ basePath = WalletRootPath, children, defaultActiveAccountIndex = 0, rootWallet, ...props }) => {
|
|
16
7
|
const [activeAccountIndex, setActiveAccountIndex] = useState(defaultActiveAccountIndex);
|
|
17
8
|
useEffect(() => {
|
|
18
9
|
if (defaultActiveAccountIndex !== undefined) {
|
|
19
10
|
setActiveAccountIndex(defaultActiveAccountIndex);
|
|
20
11
|
}
|
|
21
12
|
}, [defaultActiveAccountIndex]);
|
|
22
|
-
|
|
23
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
|
-
async () => {
|
|
13
|
+
const [derivedWallet] = usePromise(async () => {
|
|
25
14
|
// ensure the wallet has the proper base
|
|
26
|
-
if (
|
|
27
|
-
if (!
|
|
15
|
+
if (rootWallet) {
|
|
16
|
+
if (!rootWallet?.path.includes(basePath)) {
|
|
28
17
|
try {
|
|
29
|
-
|
|
30
|
-
setWallet(walletWithBasePath);
|
|
18
|
+
return await rootWallet?.derivePath(basePath);
|
|
31
19
|
}
|
|
32
20
|
catch (e) {
|
|
33
21
|
console.error('Error setting proper wallet base path', e);
|
|
34
22
|
}
|
|
35
23
|
}
|
|
36
24
|
}
|
|
37
|
-
|
|
25
|
+
else {
|
|
26
|
+
return undefined;
|
|
27
|
+
}
|
|
28
|
+
}, [basePath, rootWallet]);
|
|
29
|
+
const [activeAccount] = usePromise(() => derivedWallet?.derivePath(activeAccountIndex.toString()), [derivedWallet, activeAccountIndex]);
|
|
38
30
|
return (_jsx(WalletContext.Provider, { value: {
|
|
31
|
+
activeAccount,
|
|
39
32
|
activeAccountIndex,
|
|
40
33
|
basePath,
|
|
34
|
+
derivedWallet,
|
|
41
35
|
provided: true,
|
|
36
|
+
rootWallet,
|
|
42
37
|
setActiveAccountIndex,
|
|
43
|
-
|
|
44
|
-
wallet,
|
|
45
|
-
}, ...props, children: _jsx(AccountWalletProvider, { children: children }) }));
|
|
38
|
+
}, ...props, children: children }));
|
|
46
39
|
};
|
|
47
40
|
//# sourceMappingURL=Provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Provider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,CAAC,MAAM,cAAc,GAAgD,CAAC,EAC1E,QAAQ,GAAG,cAAc,EACzB,QAAQ,EACR,yBAAyB,GAAG,CAAC,EAC7B,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAA;IAEvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,yBAAyB,KAAK,SAAS,EAAE;YAC3C,qBAAqB,CAAC,yBAAyB,CAAC,CAAA;SACjD;IACH,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAA;IAE/B,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QAC5C,wCAAwC;QACxC,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;gBACxC,IAAI;oBACF,OAAO,MAAM,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;iBAC9C;gBAAC,OAAO,CAAC,EAAE;oBACV,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,CAAC,CAAC,CAAA;iBAC1D;aACF;SACF;aAAM;YACL,OAAO,SAAS,CAAA;SACjB;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1B,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEvI,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,aAAa;YACb,kBAAkB;YAClB,QAAQ;YACR,aAAa;YACb,QAAQ,EAAE,IAAI;YACd,UAAU;YACV,qBAAqB;SACtB,KACG,KAAK,YAER,QAAQ,GACc,CAC1B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,6 +1,22 @@
|
|
|
1
|
-
import { useContextEx } from '@xyo-network/react-shared';
|
|
1
|
+
import { useContextEx, usePromise } from '@xyo-network/react-shared';
|
|
2
2
|
import { WalletContext } from './Context';
|
|
3
|
-
export const
|
|
4
|
-
return useContextEx(WalletContext, '
|
|
3
|
+
export const useWalletContext = (required = true) => {
|
|
4
|
+
return useContextEx(WalletContext, 'WalletContext', required);
|
|
5
|
+
};
|
|
6
|
+
export const useContextWallet = (required = true) => {
|
|
7
|
+
const { derivedWallet } = useWalletContext(required);
|
|
8
|
+
return [derivedWallet];
|
|
9
|
+
};
|
|
10
|
+
export const useIndexedWalletFromContext = (index, required = true) => {
|
|
11
|
+
const [wallet] = useContextWallet(required);
|
|
12
|
+
const [account] = usePromise(() => wallet?.derivePath(index.toString()), [wallet, index]);
|
|
13
|
+
return [account];
|
|
14
|
+
};
|
|
15
|
+
export const useSelectedWalletAccount = (required = true) => {
|
|
16
|
+
const { activeAccountIndex } = useWalletContext(required);
|
|
17
|
+
//we pass in 0 as default since we can not call the hook optionally,
|
|
18
|
+
//we resolve this false result by checking whether activeAccountIndex is defined before returning it
|
|
19
|
+
const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0);
|
|
20
|
+
return [activeAccountIndex !== undefined ? account : undefined];
|
|
5
21
|
};
|
|
6
22
|
//# sourceMappingURL=use.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAGpE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAE,EAAE;IAClD,OAAO,YAAY,CAAC,aAAa,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAA;AAC/D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAgC,EAAE;IAChF,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACpD,OAAO,CAAC,aAAa,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAa,EAAE,QAAQ,GAAG,IAAI,EAAgC,EAAE;IAC1G,MAAM,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAC3C,MAAM,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IACzF,OAAO,CAAC,OAAO,CAAC,CAAA;AAClB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAgC,EAAE;IACxF,MAAM,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACzD,oEAAoE;IACpE,oGAAoG;IACpG,MAAM,CAAC,OAAO,CAAC,GAAG,2BAA2B,CAAC,kBAAkB,IAAI,CAAC,CAAC,CAAA;IACtE,OAAO,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;AACjE,CAAC,CAAA"}
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}
|
|
@@ -1,20 +1,39 @@
|
|
|
1
|
-
import { HDWallet } from '@xyo-network/account';
|
|
2
1
|
import { usePromise } from '@xyo-network/react-shared';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { useContextAccount } from '../contexts';
|
|
4
|
+
export const useAccount = ({ wallet, account, path, required = false } = {}) => {
|
|
5
|
+
let validationError = undefined;
|
|
6
|
+
if (wallet && account) {
|
|
7
|
+
validationError = Error('useAccount can not have both a wallet and an account in the parameters');
|
|
8
|
+
}
|
|
9
|
+
if (path && account) {
|
|
10
|
+
validationError = Error('useAccount can not have both a path and an account in the parameters');
|
|
11
|
+
}
|
|
12
|
+
const [error, setError] = useState();
|
|
13
|
+
const [contextAccount] = useContextAccount(!(account || wallet) && required);
|
|
6
14
|
const [activeAccount] = usePromise(async () => {
|
|
7
|
-
|
|
8
|
-
|
|
15
|
+
try {
|
|
16
|
+
if (!validationError) {
|
|
17
|
+
if (wallet) {
|
|
18
|
+
if (path) {
|
|
19
|
+
return await wallet?.derivePath?.(path);
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
return wallet;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
return contextAccount;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
9
29
|
}
|
|
10
|
-
|
|
11
|
-
|
|
30
|
+
catch (ex) {
|
|
31
|
+
setError(ex);
|
|
12
32
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return usePromise(async () => (path ? await activeAccount?.derivePath?.(path) : activeAccount));
|
|
33
|
+
}, [path, wallet, contextAccount, validationError]);
|
|
34
|
+
if (validationError && !error) {
|
|
35
|
+
setError(validationError);
|
|
36
|
+
}
|
|
37
|
+
return [error ? undefined : activeAccount, error];
|
|
19
38
|
};
|
|
20
39
|
//# sourceMappingURL=useAccount.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAccount.js","sourceRoot":"","sources":["../../../src/hooks/useAccount.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAccount.js","sourceRoot":"","sources":["../../../src/hooks/useAccount.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAS/C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,KAAwB,EAAE,EAAoD,EAAE;IAClJ,IAAI,eAAe,GAAsB,SAAS,CAAA;IAClD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,eAAe,GAAG,KAAK,CAAC,wEAAwE,CAAC,CAAA;KAClG;IAED,IAAI,IAAI,IAAI,OAAO,EAAE;QACnB,eAAe,GAAG,KAAK,CAAC,sEAAsE,CAAC,CAAA;KAChG;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,QAAQ,CAAC,CAAA;IAC5E,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QAC5C,IAAI;YACF,IAAI,CAAC,eAAe,EAAE;gBACpB,IAAI,MAAM,EAAE;oBACV,IAAI,IAAI,EAAE;wBACR,OAAO,MAAM,MAAM,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAA;qBACxC;yBAAM;wBACL,OAAO,MAAM,CAAA;qBACd;iBACF;qBAAM;oBACL,OAAO,cAAc,CAAA;iBACtB;aACF;SACF;QAAC,OAAO,EAAE,EAAE;YACX,QAAQ,CAAC,EAAW,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC,CAAA;IACnD,IAAI,eAAe,IAAI,CAAC,KAAK,EAAE;QAC7B,QAAQ,CAAC,eAAe,CAAC,CAAA;KAC1B;IACD,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACnD,CAAC,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { HDWallet } from '@xyo-network/account';
|
|
2
|
+
import { usePromise } from '@xyo-network/react-shared';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { useContextWallet } from '../contexts';
|
|
5
|
+
export const useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
|
|
6
|
+
const [error, setError] = useState();
|
|
7
|
+
const [contextAccount] = useContextWallet(!wallet && required);
|
|
8
|
+
const [activeAccount] = usePromise(async () => {
|
|
9
|
+
try {
|
|
10
|
+
const newAccount = await (() => {
|
|
11
|
+
if (wallet) {
|
|
12
|
+
return wallet;
|
|
13
|
+
}
|
|
14
|
+
else if (mnemonic) {
|
|
15
|
+
return HDWallet.fromMnemonic(mnemonic);
|
|
16
|
+
}
|
|
17
|
+
else if (seed) {
|
|
18
|
+
return HDWallet.fromSeed(seed);
|
|
19
|
+
}
|
|
20
|
+
return contextAccount;
|
|
21
|
+
})();
|
|
22
|
+
if (path) {
|
|
23
|
+
console.log(`path: ${path}`);
|
|
24
|
+
return newAccount?.derivePath?.(path);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
return newAccount ?? wallet;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
catch (ex) {
|
|
31
|
+
setError(ex);
|
|
32
|
+
}
|
|
33
|
+
}, [mnemonic, contextAccount, seed, path, wallet]);
|
|
34
|
+
return [activeAccount, error];
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=useWallet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallet.js","sourceRoot":"","sources":["../../../src/hooks/useWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAU9C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,KAAuB,EAAE,EAGjG,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAA;IAC9D,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QAC5C,IAAI;YACF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;gBAC7B,IAAI,MAAM,EAAE;oBACV,OAAO,MAAM,CAAA;iBACd;qBAAM,IAAI,QAAQ,EAAE;oBACnB,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAkB,CAAC,CAAA;iBACjD;qBAAM,IAAI,IAAI,EAAE;oBACf,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;iBAC/B;gBACD,OAAO,cAAc,CAAA;YACvB,CAAC,CAAC,EAAE,CAAA;YAEJ,IAAI,IAAI,EAAE;gBACR,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;gBAC5B,OAAO,UAAU,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAA;aACtC;iBAAM;gBACL,OAAO,UAAU,IAAI,MAAM,CAAA;aAC5B;SACF;QAAC,OAAO,EAAE,EAAE;YACX,QAAQ,CAAC,EAAW,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAClD,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { usePromise } from '@xyo-network/react-shared';
|
|
2
|
+
import { useWallet } from './useWallet';
|
|
3
|
+
export const useWallets = ({ wallet, paths }) => {
|
|
4
|
+
const [foundWallet] = useWallet({ wallet });
|
|
5
|
+
const [wallets, error] = usePromise(() => (foundWallet ? Promise.all(paths.map((path) => foundWallet.derivePath(path))) : undefined), [foundWallet, paths]);
|
|
6
|
+
return [wallets, error];
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=useWallets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallets.js","sourceRoot":"","sources":["../../../src/hooks/useWallets.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAGtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAqB,EAAqD,EAAE;IACpH,MAAM,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IAC3C,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,UAAU,CACjC,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAChG,CAAC,WAAW,EAAE,KAAK,CAAC,CACrB,CAAA;IACD,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACzB,CAAC,CAAA"}
|
|
@@ -1,21 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SelectProps } from '@mui/material';
|
|
3
|
-
import { HDWallet } from '@xyo-network/account';
|
|
4
3
|
import { AddressRenderRowBoxPropsBase } from '@xyo-network/react-address-render';
|
|
5
4
|
type SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxPropsBase, 'iconOnly' | 'iconSize' | 'icons' | 'showFavorite'>;
|
|
6
5
|
export interface WalletAccountSelectProps extends SharedAddressRenderRowBoxProps, SelectProps<number> {
|
|
7
6
|
addressNames?: Record<string, string | undefined>;
|
|
8
7
|
maxAccounts?: number;
|
|
9
8
|
}
|
|
10
|
-
export declare const RenderValue: React.FC<{
|
|
11
|
-
addressNames: Record<string, string | undefined>;
|
|
12
|
-
iconOnly?: boolean;
|
|
13
|
-
iconSize: number;
|
|
14
|
-
icons?: boolean;
|
|
15
|
-
selected: number;
|
|
16
|
-
showFavorite?: boolean;
|
|
17
|
-
wallet: HDWallet;
|
|
18
|
-
}>;
|
|
19
9
|
export declare const WalletAccountSelect: React.FC<WalletAccountSelectProps>;
|
|
20
10
|
export {};
|
|
21
11
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,WAAW,EAAE,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAuB,4BAA4B,EAAE,MAAM,mCAAmC,CAAA;AAKrG,KAAK,8BAA8B,GAAG,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,8BAA8B,EAAE,WAAW,CAAC,MAAM,CAAC;IACnG,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAMD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuElE,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const useContextAccount: (required?: boolean) => (import("@xyo-network/wallet-model").WalletInstance | undefined)[];
|
|
2
2
|
//# sourceMappingURL=use.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Account/use.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Account/use.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,4FAG7B,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { WalletInstance } from '@xyo-network/wallet-model';
|
|
|
4
4
|
export interface WalletProviderProps {
|
|
5
5
|
basePath?: string;
|
|
6
6
|
defaultActiveAccountIndex?: number;
|
|
7
|
-
|
|
7
|
+
rootWallet?: WalletInstance;
|
|
8
8
|
}
|
|
9
9
|
export declare const WalletProvider: React.FC<WithChildren<WalletProviderProps>>;
|
|
10
10
|
//# sourceMappingURL=Provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Provider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAM1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC,UAAU,CAAC,EAAE,cAAc,CAAA;CAC5B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAgDtE,CAAA"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import { HDWallet } from '@xyo-network/account';
|
|
2
1
|
import { ContextExState } from '@xyo-network/react-shared';
|
|
3
|
-
import {
|
|
2
|
+
import { WalletInstance } from '@xyo-network/wallet-model';
|
|
3
|
+
import { Dispatch } from 'react';
|
|
4
4
|
export interface WalletContextState extends ContextExState {
|
|
5
|
+
/** Currently selected account */
|
|
6
|
+
activeAccount?: WalletInstance;
|
|
7
|
+
/** Currently selected index */
|
|
5
8
|
activeAccountIndex?: number;
|
|
6
9
|
/** Base path from which the wallet was derived */
|
|
7
10
|
basePath?: string;
|
|
11
|
+
/** The derived wallet being used */
|
|
12
|
+
derivedWallet?: WalletInstance;
|
|
13
|
+
/** The root wallet being used */
|
|
14
|
+
rootWallet?: WalletInstance;
|
|
15
|
+
/** Set currently selected index */
|
|
8
16
|
setActiveAccountIndex?: Dispatch<number>;
|
|
9
|
-
setWallet?: Dispatch<SetStateAction<HDWallet | undefined>>;
|
|
10
|
-
wallet?: HDWallet;
|
|
11
17
|
}
|
|
12
18
|
//# sourceMappingURL=State.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Wallet/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Wallet/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,iCAAiC;IACjC,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,+BAA+B;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,iCAAiC;IACjC,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,mCAAmC;IACnC,qBAAqB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CACzC"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import { WalletInstance } from '@xyo-network/wallet-model';
|
|
2
|
+
export declare const useWalletContext: (required?: boolean) => Omit<import("./State").WalletContextState & import("@xyo-network/react-shared").ContextExState, "provided">;
|
|
3
|
+
export declare const useContextWallet: (required?: boolean) => [WalletInstance | undefined];
|
|
4
|
+
export declare const useIndexedWalletFromContext: (index: number, required?: boolean) => [WalletInstance | undefined];
|
|
5
|
+
export declare const useSelectedWalletAccount: (required?: boolean) => [WalletInstance | undefined];
|
|
2
6
|
//# sourceMappingURL=use.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Wallet/use.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Wallet/use.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,eAAO,MAAM,gBAAgB,qIAE5B,CAAA;AAED,eAAO,MAAM,gBAAgB,0BAAsB,CAAC,cAAc,GAAG,SAAS,CAG7E,CAAA;AAED,eAAO,MAAM,2BAA2B,UAAW,MAAM,yBAAoB,CAAC,cAAc,GAAG,SAAS,CAIvG,CAAA;AAED,eAAO,MAAM,wBAAwB,0BAAsB,CAAC,cAAc,GAAG,SAAS,CAMrF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AccountInstance } from '@xyo-network/account-model';
|
|
2
2
|
import { WalletInstance } from '@xyo-network/wallet-model';
|
|
3
3
|
export interface AccountHookParams {
|
|
4
|
-
account?:
|
|
5
|
-
mnemonic?: string;
|
|
4
|
+
account?: AccountInstance;
|
|
6
5
|
path?: string;
|
|
7
6
|
required?: boolean;
|
|
8
|
-
|
|
7
|
+
wallet?: WalletInstance;
|
|
9
8
|
}
|
|
10
|
-
export declare const useAccount: ({
|
|
9
|
+
export declare const useAccount: ({ wallet, account, path, required }?: AccountHookParams) => [AccountInstance | undefined, Error | undefined];
|
|
11
10
|
//# sourceMappingURL=useAccount.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAccount.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAccount.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAccount.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAK1D,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,yCAAiD,iBAAiB,KAAQ,CAAC,eAAe,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAgC/I,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DataLike } from '@xyo-network/core';
|
|
2
|
+
import { WalletInstance } from '@xyo-network/wallet-model';
|
|
3
|
+
export interface WalletHookParams {
|
|
4
|
+
mnemonic?: string;
|
|
5
|
+
path?: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
seed?: DataLike;
|
|
8
|
+
wallet?: WalletInstance;
|
|
9
|
+
}
|
|
10
|
+
export declare const useWallet: ({ mnemonic, wallet, path, required, seed }?: WalletHookParams) => [
|
|
11
|
+
WalletInstance | undefined,
|
|
12
|
+
Error | undefined
|
|
13
|
+
];
|
|
14
|
+
//# sourceMappingURL=useWallet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallet.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWallet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAK1D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,SAAS,gDAAwD,gBAAgB,KAAQ;IACpG,cAAc,GAAG,SAAS;IAC1B,KAAK,GAAG,SAAS;CA4BlB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { WalletInstance } from '@xyo-network/wallet-model';
|
|
2
|
+
export interface WalletsHookParams {
|
|
3
|
+
paths: string[];
|
|
4
|
+
wallet?: WalletInstance;
|
|
5
|
+
}
|
|
6
|
+
export declare const useWallets: ({ wallet, paths }: WalletsHookParams) => [WalletInstance[] | undefined, Error | undefined];
|
|
7
|
+
//# sourceMappingURL=useWallets.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallets.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWallets.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,sBAAuB,iBAAiB,KAAG,CAAC,cAAc,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAOjH,CAAA"}
|
package/package.json
CHANGED
|
@@ -12,18 +12,18 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@scure/bip39": "^1.2.0",
|
|
14
14
|
"@xylabs/eth-address": "^2.9.1",
|
|
15
|
-
"@xylabs/react-
|
|
16
|
-
"@xylabs/react-
|
|
17
|
-
"@xylabs/react-
|
|
18
|
-
"@xylabs/react-
|
|
19
|
-
"@xylabs/react-
|
|
20
|
-
"@xylabs/react-
|
|
21
|
-
"@xylabs/react-shared": "^2.17.3",
|
|
15
|
+
"@xylabs/react-button": "^2.17.4",
|
|
16
|
+
"@xylabs/react-crypto": "^2.17.4",
|
|
17
|
+
"@xylabs/react-flexbox": "^2.17.4",
|
|
18
|
+
"@xylabs/react-number-status": "^2.17.4",
|
|
19
|
+
"@xylabs/react-select": "^2.17.4",
|
|
20
|
+
"@xylabs/react-shared": "^2.17.4",
|
|
22
21
|
"@xyo-network/account": "^2.63.2",
|
|
22
|
+
"@xyo-network/account-model": "^2.63.2",
|
|
23
23
|
"@xyo-network/core": "^2.63.2",
|
|
24
|
-
"@xyo-network/react-address-render": "^2.55.
|
|
25
|
-
"@xyo-network/react-network": "^2.55.
|
|
26
|
-
"@xyo-network/react-shared": "^2.55.
|
|
24
|
+
"@xyo-network/react-address-render": "^2.55.6",
|
|
25
|
+
"@xyo-network/react-network": "^2.55.6",
|
|
26
|
+
"@xyo-network/react-shared": "^2.55.6",
|
|
27
27
|
"@xyo-network/wallet-model": "^2.63.2"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"@storybook/react": "^7.0.23",
|
|
41
41
|
"@xylabs/ts-scripts-yarn3": "^2.17.17",
|
|
42
42
|
"@xylabs/tsconfig-react": "^2.17.17",
|
|
43
|
-
"@xyo-network/react-storybook": "^2.55.
|
|
43
|
+
"@xyo-network/react-storybook": "^2.55.6",
|
|
44
44
|
"typescript": "^5.1.3"
|
|
45
45
|
},
|
|
46
46
|
"browser": "dist/esm/index.js",
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
},
|
|
86
86
|
"sideEffects": false,
|
|
87
87
|
"types": "dist/types/index.d.ts",
|
|
88
|
-
"version": "2.55.
|
|
88
|
+
"version": "2.55.6"
|
|
89
89
|
}
|
|
@@ -3,7 +3,7 @@ import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
|
|
|
3
3
|
import { BrowserRouter } from 'react-router-dom'
|
|
4
4
|
|
|
5
5
|
import { WalletProvider } from '../../contexts'
|
|
6
|
-
import {
|
|
6
|
+
import { useWallet } from '../../hooks'
|
|
7
7
|
import { WalletAccountDetails } from './WalletAccountDetails'
|
|
8
8
|
|
|
9
9
|
const StorybookEntry = {
|
|
@@ -18,10 +18,10 @@ const StorybookEntry = {
|
|
|
18
18
|
} as Meta<typeof WalletAccountDetails>
|
|
19
19
|
|
|
20
20
|
const Template: StoryFn<typeof WalletAccountDetails> = (args) => {
|
|
21
|
-
const [
|
|
21
|
+
const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })
|
|
22
22
|
return (
|
|
23
23
|
<BrowserRouter>
|
|
24
|
-
<WalletProvider
|
|
24
|
+
<WalletProvider rootWallet={wallet}>
|
|
25
25
|
<WalletAccountDetails {...args}></WalletAccountDetails>
|
|
26
26
|
</WalletProvider>
|
|
27
27
|
</BrowserRouter>
|