@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,28 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WalletAccountSelect =
|
|
3
|
+
exports.WalletAccountSelect = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const react_select_1 = require("@xylabs/react-select");
|
|
8
8
|
const react_address_render_1 = require("@xyo-network/react-address-render");
|
|
9
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
10
9
|
const contexts_1 = require("../../contexts");
|
|
10
|
+
const hooks_1 = require("../../hooks");
|
|
11
11
|
const arrayRange = (length, start = 0) => {
|
|
12
12
|
return Array.from(Array(length).keys()).map((x) => x + start);
|
|
13
13
|
};
|
|
14
|
-
const RenderValue = ({ iconOnly, iconSize, showFavorite, icons, addressNames, selected, wallet }) => {
|
|
15
|
-
const [account] = (0, react_shared_1.usePromise)(() => wallet.derivePath(selected.toString()));
|
|
16
|
-
const customName = account ? addressNames[account === null || account === void 0 ? void 0 : account.address] : undefined;
|
|
17
|
-
const favorite = account ? (account === null || account === void 0 ? void 0 : account.address) in addressNames : undefined;
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(react_address_render_1.AddressRenderRowBox, { address: account === null || account === void 0 ? void 0 : account.address, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, favorite: favorite, showFavorite: showFavorite }));
|
|
19
|
-
};
|
|
20
|
-
exports.RenderValue = RenderValue;
|
|
21
14
|
const WalletAccountSelect = (_a) => {
|
|
22
15
|
var { addressNames = {}, iconOnly, iconSize = 24, icons, maxAccounts = 1, showFavorite = false, size } = _a, props = tslib_1.__rest(_a, ["addressNames", "iconOnly", "iconSize", "icons", "maxAccounts", "showFavorite", "size"]);
|
|
23
|
-
const { activeAccountIndex = 0, setActiveAccountIndex,
|
|
24
|
-
const disabled = !
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children:
|
|
16
|
+
const { activeAccountIndex = 0, setActiveAccountIndex, derivedWallet } = (0, contexts_1.useWalletContext)();
|
|
17
|
+
const disabled = !derivedWallet || activeAccountIndex === undefined;
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: derivedWallet ? ((0, jsx_runtime_1.jsx)(react_select_1.SelectEx, Object.assign({ disabled: disabled, renderValue: (selected) => {
|
|
19
|
+
const Item = () => {
|
|
20
|
+
const [account] = (0, hooks_1.useAccount)({ path: selected.toString(), wallet: derivedWallet });
|
|
21
|
+
const customName = account ? addressNames[account.address] : undefined;
|
|
22
|
+
const favorite = account && account.address in addressNames;
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_address_render_1.AddressRenderRowBox, { address: account === null || account === void 0 ? void 0 : account.address, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, favorite: favorite, showFavorite: showFavorite }));
|
|
24
|
+
};
|
|
25
|
+
return (0, jsx_runtime_1.jsx)(Item, {});
|
|
26
|
+
}, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex === null || setActiveAccountIndex === void 0 ? void 0 : setActiveAccountIndex(parseInt(`${event.target.value}`)), size: size, variant: "outlined" }, props, { children: arrayRange(maxAccounts).map((index) => {
|
|
27
|
+
const Item = () => {
|
|
28
|
+
const [account] = (0, hooks_1.useAccount)({ path: index.toString(), wallet: derivedWallet });
|
|
29
|
+
const customName = account ? addressNames[account.address] : undefined;
|
|
30
|
+
const favorite = account && account.address in addressNames;
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: index }, { children: (0, jsx_runtime_1.jsx)(react_address_render_1.AddressRenderRowBox, { address: account === null || account === void 0 ? void 0 : account.address, favorite: favorite, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, showFavorite: showFavorite }) }), account === null || account === void 0 ? void 0 : account.address));
|
|
32
|
+
};
|
|
33
|
+
return (0, jsx_runtime_1.jsx)(Item, {}, index);
|
|
34
|
+
}) }))) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 })) }));
|
|
26
35
|
};
|
|
27
36
|
exports.WalletAccountSelect = WalletAccountSelect;
|
|
28
37
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.useContextAccount = void 0;
|
|
4
4
|
const react_shared_1 = require("@xyo-network/react-shared");
|
|
5
5
|
const Context_1 = require("./Context");
|
|
6
|
-
const
|
|
6
|
+
const useContextAccount = (required = false) => {
|
|
7
7
|
const { account } = (0, react_shared_1.useContextEx)(Context_1.AccountContext, 'Account', required);
|
|
8
8
|
return [account];
|
|
9
9
|
};
|
|
10
|
-
exports.
|
|
10
|
+
exports.useContextAccount = useContextAccount;
|
|
11
11
|
//# sourceMappingURL=use.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Account/use.ts"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAA0C;AAEnC,MAAM,
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Account/use.ts"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAA0C;AAEnC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,2BAAY,EAAC,wBAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;IACrE,OAAO,CAAC,OAAO,CAAC,CAAA;AAClB,CAAC,CAAA;AAHY,QAAA,iBAAiB,qBAG7B"}
|
|
@@ -3,51 +3,44 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.WalletProvider = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
7
6
|
const react_shared_1 = require("@xyo-network/react-shared");
|
|
8
7
|
const react_1 = require("react");
|
|
9
|
-
const Account_1 = require("../Account");
|
|
10
8
|
const Context_1 = require("./Context");
|
|
11
9
|
const lib_1 = require("./lib");
|
|
12
|
-
const use_1 = require("./use");
|
|
13
|
-
const AccountWalletProvider = (props) => {
|
|
14
|
-
const { wallet, activeAccountIndex = 0 } = (0, use_1.useWallet)();
|
|
15
|
-
const [account] = (0, react_shared_1.usePromise)(() => wallet === null || wallet === void 0 ? void 0 : wallet.derivePath(activeAccountIndex.toString()));
|
|
16
|
-
return (0, jsx_runtime_1.jsx)(Account_1.AccountContext.Provider, Object.assign({ value: { account, provided: true } }, props));
|
|
17
|
-
};
|
|
18
10
|
const WalletProvider = (_a) => {
|
|
19
|
-
var { basePath = lib_1.WalletRootPath, children, defaultActiveAccountIndex = 0,
|
|
20
|
-
const [wallet, setWallet] = (0, react_1.useState)();
|
|
11
|
+
var { basePath = lib_1.WalletRootPath, children, defaultActiveAccountIndex = 0, rootWallet } = _a, props = tslib_1.__rest(_a, ["basePath", "children", "defaultActiveAccountIndex", "rootWallet"]);
|
|
21
12
|
const [activeAccountIndex, setActiveAccountIndex] = (0, react_1.useState)(defaultActiveAccountIndex);
|
|
22
13
|
(0, react_1.useEffect)(() => {
|
|
23
14
|
if (defaultActiveAccountIndex !== undefined) {
|
|
24
15
|
setActiveAccountIndex(defaultActiveAccountIndex);
|
|
25
16
|
}
|
|
26
17
|
}, [defaultActiveAccountIndex]);
|
|
27
|
-
(0,
|
|
28
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
-
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
18
|
+
const [derivedWallet] = (0, react_shared_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
30
19
|
// ensure the wallet has the proper base
|
|
31
|
-
if (
|
|
32
|
-
if (!(
|
|
20
|
+
if (rootWallet) {
|
|
21
|
+
if (!(rootWallet === null || rootWallet === void 0 ? void 0 : rootWallet.path.includes(basePath))) {
|
|
33
22
|
try {
|
|
34
|
-
|
|
35
|
-
setWallet(walletWithBasePath);
|
|
23
|
+
return yield (rootWallet === null || rootWallet === void 0 ? void 0 : rootWallet.derivePath(basePath));
|
|
36
24
|
}
|
|
37
25
|
catch (e) {
|
|
38
26
|
console.error('Error setting proper wallet base path', e);
|
|
39
27
|
}
|
|
40
28
|
}
|
|
41
29
|
}
|
|
42
|
-
|
|
30
|
+
else {
|
|
31
|
+
return undefined;
|
|
32
|
+
}
|
|
33
|
+
}), [basePath, rootWallet]);
|
|
34
|
+
const [activeAccount] = (0, react_shared_1.usePromise)(() => derivedWallet === null || derivedWallet === void 0 ? void 0 : derivedWallet.derivePath(activeAccountIndex.toString()), [derivedWallet, activeAccountIndex]);
|
|
43
35
|
return ((0, jsx_runtime_1.jsx)(Context_1.WalletContext.Provider, Object.assign({ value: {
|
|
36
|
+
activeAccount,
|
|
44
37
|
activeAccountIndex,
|
|
45
38
|
basePath,
|
|
39
|
+
derivedWallet,
|
|
46
40
|
provided: true,
|
|
41
|
+
rootWallet,
|
|
47
42
|
setActiveAccountIndex,
|
|
48
|
-
|
|
49
|
-
wallet,
|
|
50
|
-
} }, props, { children: (0, jsx_runtime_1.jsx)(AccountWalletProvider, { children: children }) })));
|
|
43
|
+
} }, props, { children: children })));
|
|
51
44
|
};
|
|
52
45
|
exports.WalletProvider = WalletProvider;
|
|
53
46
|
//# 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,4DAAsD;AAEtD,iCAA2C;AAE3C,uCAAyC;AACzC,+BAAsC;AAQ/B,MAAM,cAAc,GAAgD,CAAC,EAM3E,EAAE,EAAE;QANuE,EAC1E,QAAQ,GAAG,oBAAc,EACzB,QAAQ,EACR,yBAAyB,GAAG,CAAC,EAC7B,UAAU,OAEX,EADI,KAAK,sBALkE,mEAM3E,CADS;IAER,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,yBAAyB,CAAC,CAAA;IAEvF,IAAA,iBAAS,EAAC,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,IAAA,yBAAU,EAAC,GAAS,EAAE;QAC5C,wCAAwC;QACxC,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA,EAAE;gBACxC,IAAI;oBACF,OAAO,MAAM,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAC,QAAQ,CAAC,CAAA,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,CAAA,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1B,MAAM,CAAC,aAAa,CAAC,GAAG,IAAA,yBAAU,EAAC,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEvI,OAAO,CACL,uBAAC,uBAAa,CAAC,QAAQ,kBACrB,KAAK,EAAE;YACL,aAAa;YACb,kBAAkB;YAClB,QAAQ;YACR,aAAa;YACb,QAAQ,EAAE,IAAI;YACd,UAAU;YACV,qBAAqB;SACtB,IACG,KAAK,cAER,QAAQ,IACc,CAC1B,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,cAAc,kBAgD1B"}
|
|
@@ -1,10 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.useSelectedWalletAccount = exports.useIndexedWalletFromContext = exports.useContextWallet = exports.useWalletContext = void 0;
|
|
4
4
|
const react_shared_1 = require("@xyo-network/react-shared");
|
|
5
5
|
const Context_1 = require("./Context");
|
|
6
|
-
const
|
|
7
|
-
return (0, react_shared_1.useContextEx)(Context_1.WalletContext, '
|
|
6
|
+
const useWalletContext = (required = true) => {
|
|
7
|
+
return (0, react_shared_1.useContextEx)(Context_1.WalletContext, 'WalletContext', required);
|
|
8
8
|
};
|
|
9
|
-
exports.
|
|
9
|
+
exports.useWalletContext = useWalletContext;
|
|
10
|
+
const useContextWallet = (required = true) => {
|
|
11
|
+
const { derivedWallet } = (0, exports.useWalletContext)(required);
|
|
12
|
+
return [derivedWallet];
|
|
13
|
+
};
|
|
14
|
+
exports.useContextWallet = useContextWallet;
|
|
15
|
+
const useIndexedWalletFromContext = (index, required = true) => {
|
|
16
|
+
const [wallet] = (0, exports.useContextWallet)(required);
|
|
17
|
+
const [account] = (0, react_shared_1.usePromise)(() => wallet === null || wallet === void 0 ? void 0 : wallet.derivePath(index.toString()), [wallet, index]);
|
|
18
|
+
return [account];
|
|
19
|
+
};
|
|
20
|
+
exports.useIndexedWalletFromContext = useIndexedWalletFromContext;
|
|
21
|
+
const useSelectedWalletAccount = (required = true) => {
|
|
22
|
+
const { activeAccountIndex } = (0, exports.useWalletContext)(required);
|
|
23
|
+
//we pass in 0 as default since we can not call the hook optionally,
|
|
24
|
+
//we resolve this false result by checking whether activeAccountIndex is defined before returning it
|
|
25
|
+
const [account] = (0, exports.useIndexedWalletFromContext)(activeAccountIndex !== null && activeAccountIndex !== void 0 ? activeAccountIndex : 0);
|
|
26
|
+
return [activeAccountIndex !== undefined ? account : undefined];
|
|
27
|
+
};
|
|
28
|
+
exports.useSelectedWalletAccount = useSelectedWalletAccount;
|
|
10
29
|
//# sourceMappingURL=use.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/use.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/use.ts"],"names":[],"mappings":";;;AAAA,4DAAoE;AAGpE,uCAAyC;AAElC,MAAM,gBAAgB,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAE,EAAE;IAClD,OAAO,IAAA,2BAAY,EAAC,uBAAa,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAA;AAC/D,CAAC,CAAA;AAFY,QAAA,gBAAgB,oBAE5B;AAEM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAgC,EAAE;IAChF,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAgB,EAAC,QAAQ,CAAC,CAAA;IACpD,OAAO,CAAC,aAAa,CAAC,CAAA;AACxB,CAAC,CAAA;AAHY,QAAA,gBAAgB,oBAG5B;AAEM,MAAM,2BAA2B,GAAG,CAAC,KAAa,EAAE,QAAQ,GAAG,IAAI,EAAgC,EAAE;IAC1G,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,wBAAgB,EAAC,QAAQ,CAAC,CAAA;IAC3C,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,yBAAU,EAAC,GAAG,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IACzF,OAAO,CAAC,OAAO,CAAC,CAAA;AAClB,CAAC,CAAA;AAJY,QAAA,2BAA2B,+BAIvC;AAEM,MAAM,wBAAwB,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAgC,EAAE;IACxF,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,wBAAgB,EAAC,QAAQ,CAAC,CAAA;IACzD,oEAAoE;IACpE,oGAAoG;IACpG,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,mCAA2B,EAAC,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,CAAC,CAAA;IACtE,OAAO,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;AACjE,CAAC,CAAA;AANY,QAAA,wBAAwB,4BAMpC"}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -2,5 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./useAccount"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./
|
|
5
|
+
tslib_1.__exportStar(require("./useWallet"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./useWallets"), exports);
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,sDAA2B;AAC3B,uDAA4B"}
|
|
@@ -2,24 +2,44 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useAccount = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
const account_1 = require("@xyo-network/account");
|
|
6
5
|
const react_shared_1 = require("@xyo-network/react-shared");
|
|
6
|
+
const react_1 = require("react");
|
|
7
7
|
const contexts_1 = require("../contexts");
|
|
8
|
-
const useAccount = ({
|
|
9
|
-
|
|
8
|
+
const useAccount = ({ wallet, account, path, required = false } = {}) => {
|
|
9
|
+
let validationError = undefined;
|
|
10
|
+
if (wallet && account) {
|
|
11
|
+
validationError = Error('useAccount can not have both a wallet and an account in the parameters');
|
|
12
|
+
}
|
|
13
|
+
if (path && account) {
|
|
14
|
+
validationError = Error('useAccount can not have both a path and an account in the parameters');
|
|
15
|
+
}
|
|
16
|
+
const [error, setError] = (0, react_1.useState)();
|
|
17
|
+
const [contextAccount] = (0, contexts_1.useContextAccount)(!(account || wallet) && required);
|
|
10
18
|
const [activeAccount] = (0, react_shared_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
11
|
-
|
|
12
|
-
|
|
19
|
+
var _a;
|
|
20
|
+
try {
|
|
21
|
+
if (!validationError) {
|
|
22
|
+
if (wallet) {
|
|
23
|
+
if (path) {
|
|
24
|
+
return yield ((_a = wallet === null || wallet === void 0 ? void 0 : wallet.derivePath) === null || _a === void 0 ? void 0 : _a.call(wallet, path));
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
return wallet;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
return contextAccount;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
13
34
|
}
|
|
14
|
-
|
|
15
|
-
|
|
35
|
+
catch (ex) {
|
|
36
|
+
setError(ex);
|
|
16
37
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
return (0, react_shared_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () { var _a; return (path ? yield ((_a = activeAccount === null || activeAccount === void 0 ? void 0 : activeAccount.derivePath) === null || _a === void 0 ? void 0 : _a.call(activeAccount, path)) : activeAccount); }));
|
|
38
|
+
}), [path, wallet, contextAccount, validationError]);
|
|
39
|
+
if (validationError && !error) {
|
|
40
|
+
setError(validationError);
|
|
41
|
+
}
|
|
42
|
+
return [error ? undefined : activeAccount, error];
|
|
23
43
|
};
|
|
24
44
|
exports.useAccount = useAccount;
|
|
25
45
|
//# 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,4DAAsD;AAEtD,iCAAgC;AAEhC,0CAA+C;AASxC,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,IAAA,gBAAQ,GAAS,CAAA;IAC3C,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,4BAAiB,EAAC,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,QAAQ,CAAC,CAAA;IAC5E,MAAM,CAAC,aAAa,CAAC,GAAG,IAAA,yBAAU,EAAC,GAAS,EAAE;;QAC5C,IAAI;YACF,IAAI,CAAC,eAAe,EAAE;gBACpB,IAAI,MAAM,EAAE;oBACV,IAAI,IAAI,EAAE;wBACR,OAAO,MAAM,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,uDAAG,IAAI,CAAC,CAAA,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,CAAA,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;AAhCY,QAAA,UAAU,cAgCtB"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useWallet = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const account_1 = require("@xyo-network/account");
|
|
6
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const contexts_1 = require("../contexts");
|
|
9
|
+
const useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
|
|
10
|
+
const [error, setError] = (0, react_1.useState)();
|
|
11
|
+
const [contextAccount] = (0, contexts_1.useContextWallet)(!wallet && required);
|
|
12
|
+
const [activeAccount] = (0, react_shared_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
13
|
+
var _a;
|
|
14
|
+
try {
|
|
15
|
+
const newAccount = yield (() => {
|
|
16
|
+
if (wallet) {
|
|
17
|
+
return wallet;
|
|
18
|
+
}
|
|
19
|
+
else if (mnemonic) {
|
|
20
|
+
return account_1.HDWallet.fromMnemonic(mnemonic);
|
|
21
|
+
}
|
|
22
|
+
else if (seed) {
|
|
23
|
+
return account_1.HDWallet.fromSeed(seed);
|
|
24
|
+
}
|
|
25
|
+
return contextAccount;
|
|
26
|
+
})();
|
|
27
|
+
if (path) {
|
|
28
|
+
console.log(`path: ${path}`);
|
|
29
|
+
return (_a = newAccount === null || newAccount === void 0 ? void 0 : newAccount.derivePath) === null || _a === void 0 ? void 0 : _a.call(newAccount, path);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
return newAccount !== null && newAccount !== void 0 ? newAccount : wallet;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
catch (ex) {
|
|
36
|
+
setError(ex);
|
|
37
|
+
}
|
|
38
|
+
}), [mnemonic, contextAccount, seed, path, wallet]);
|
|
39
|
+
return [activeAccount, error];
|
|
40
|
+
};
|
|
41
|
+
exports.useWallet = useWallet;
|
|
42
|
+
//# sourceMappingURL=useWallet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallet.js","sourceRoot":"","sources":["../../../src/hooks/useWallet.tsx"],"names":[],"mappings":";;;;AAAA,kDAA+C;AAE/C,4DAAsD;AAEtD,iCAAgC;AAEhC,0CAA8C;AAUvC,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,IAAA,gBAAQ,GAAS,CAAA;IAC3C,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,2BAAgB,EAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAA;IAC9D,MAAM,CAAC,aAAa,CAAC,GAAG,IAAA,yBAAU,EAAC,GAAS,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,kBAAQ,CAAC,YAAY,CAAC,QAAkB,CAAC,CAAA;iBACjD;qBAAM,IAAI,IAAI,EAAE;oBACf,OAAO,kBAAQ,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,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,2DAAG,IAAI,CAAC,CAAA;aACtC;iBAAM;gBACL,OAAO,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,MAAM,CAAA;aAC5B;SACF;QAAC,OAAO,EAAE,EAAE;YACX,QAAQ,CAAC,EAAW,CAAC,CAAA;SACtB;IACH,CAAC,CAAA,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;AA9BY,QAAA,SAAS,aA8BrB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useWallets = void 0;
|
|
4
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
5
|
+
const useWallet_1 = require("./useWallet");
|
|
6
|
+
const useWallets = ({ wallet, paths }) => {
|
|
7
|
+
const [foundWallet] = (0, useWallet_1.useWallet)({ wallet });
|
|
8
|
+
const [wallets, error] = (0, react_shared_1.usePromise)(() => (foundWallet ? Promise.all(paths.map((path) => foundWallet.derivePath(path))) : undefined), [foundWallet, paths]);
|
|
9
|
+
return [wallets, error];
|
|
10
|
+
};
|
|
11
|
+
exports.useWallets = useWallets;
|
|
12
|
+
//# sourceMappingURL=useWallets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWallets.js","sourceRoot":"","sources":["../../../src/hooks/useWallets.tsx"],"names":[],"mappings":";;;AAAA,4DAAsD;AAGtD,2CAAuC;AAOhC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAqB,EAAqD,EAAE;IACpH,MAAM,CAAC,WAAW,CAAC,GAAG,IAAA,qBAAS,EAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IAC3C,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,IAAA,yBAAU,EACjC,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;AAPY,QAAA,UAAU,cAOtB"}
|