@xyo-network/react-wallet 2.45.0 → 2.45.2
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 +2 -2
- package/dist/cjs/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/cjs/contexts/Wallet/Provider.js +9 -6
- package/dist/cjs/contexts/Wallet/Provider.js.map +1 -1
- package/dist/cjs/contexts/Wallet/index.js +1 -0
- package/dist/cjs/contexts/Wallet/index.js.map +1 -1
- package/dist/cjs/contexts/Wallet/lib/WalletPath.js +8 -0
- package/dist/cjs/contexts/Wallet/lib/WalletPath.js.map +1 -0
- package/dist/cjs/contexts/Wallet/lib/index.js +5 -0
- package/dist/cjs/contexts/Wallet/lib/index.js.map +1 -0
- package/dist/docs.json +249 -105
- package/dist/esm/components/WalletAccountSelect/Select.js +1 -1
- package/dist/esm/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/esm/contexts/Wallet/Provider.js +9 -6
- package/dist/esm/contexts/Wallet/Provider.js.map +1 -1
- package/dist/esm/contexts/Wallet/index.js +1 -0
- package/dist/esm/contexts/Wallet/index.js.map +1 -1
- package/dist/esm/contexts/Wallet/lib/WalletPath.js +5 -0
- package/dist/esm/contexts/Wallet/lib/WalletPath.js.map +1 -0
- package/dist/esm/contexts/Wallet/lib/index.js +2 -0
- package/dist/esm/contexts/Wallet/lib/index.js.map +1 -0
- package/dist/types/contexts/Wallet/Provider.d.ts +1 -0
- package/dist/types/contexts/Wallet/Provider.d.ts.map +1 -1
- package/dist/types/contexts/Wallet/State.d.ts +2 -0
- package/dist/types/contexts/Wallet/State.d.ts.map +1 -1
- package/dist/types/contexts/Wallet/index.d.ts +1 -0
- package/dist/types/contexts/Wallet/index.d.ts.map +1 -1
- package/dist/types/contexts/Wallet/lib/WalletPath.d.ts +5 -0
- package/dist/types/contexts/Wallet/lib/WalletPath.d.ts.map +1 -0
- package/dist/types/contexts/Wallet/lib/index.d.ts +2 -0
- package/dist/types/contexts/Wallet/lib/index.d.ts.map +1 -0
- package/package.json +7 -8
- package/src/components/WalletAccountSelect/Select.tsx +1 -1
- package/src/contexts/Wallet/Provider.tsx +15 -7
- package/src/contexts/Wallet/State.ts +2 -0
- package/src/contexts/Wallet/index.ts +1 -0
- package/src/contexts/Wallet/lib/WalletPath.ts +5 -0
- package/src/contexts/Wallet/lib/index.ts +1 -0
|
@@ -5,10 +5,10 @@ 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 eth_address_1 = require("@xylabs/eth-address");
|
|
8
|
-
const react_common_1 = require("@xylabs/react-common");
|
|
9
8
|
const react_crypto_1 = require("@xylabs/react-crypto");
|
|
10
9
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
11
10
|
const react_identicon_1 = require("@xylabs/react-identicon");
|
|
11
|
+
const react_select_1 = require("@xylabs/react-select");
|
|
12
12
|
const contexts_1 = require("../../contexts");
|
|
13
13
|
const arrayRange = (length, start = 0) => {
|
|
14
14
|
return Array.from(Array(length).keys()).map((x) => x + start);
|
|
@@ -16,7 +16,7 @@ const arrayRange = (length, start = 0) => {
|
|
|
16
16
|
const WalletAccountSelect = (_a) => {
|
|
17
17
|
var { iconOnly, iconSize = 24, icons, maxAccounts = 1, size } = _a, props = tslib_1.__rest(_a, ["iconOnly", "iconSize", "icons", "maxAccounts", "size"]);
|
|
18
18
|
const { activeAccountIndex = 0, setActiveAccountIndex, wallet } = (0, contexts_1.useWallet)();
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(react_select_1.SelectEx, Object.assign({ renderValue: (selected) => {
|
|
20
20
|
const account = wallet === null || wallet === void 0 ? void 0 : wallet.deriveAccount(selected.toString());
|
|
21
21
|
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ justifyContent: "flex-start", gap: 1 }, { children: [icons ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: iconSize, value: account === null || account === void 0 ? void 0 : account.addressValue.hex }) })) : null, (0, jsx_runtime_1.jsx)(react_crypto_1.EthAccountBox, { alignItems: "stretch", iconOnly: iconOnly, address: eth_address_1.EthAddress.fromString(account === null || account === void 0 ? void 0 : account.addressValue.hex) })] })));
|
|
22
22
|
}, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex === null || setActiveAccountIndex === void 0 ? void 0 : setActiveAccountIndex(parseInt(`${event.target.value}`)), size: size, variant: "outlined" }, props, { children: wallet
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqD;AACrD,qDAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqD;AACrD,qDAAgD;AAChD,uDAAoD;AACpD,yDAA+C;AAC/C,6DAAmD;AACnD,uDAA+C;AAE/C,6CAA0C;AAS1C,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAA;AAC/D,CAAC,CAAA;AAEM,MAAM,mBAAmB,GAAuC,CAAC,EAAmE,EAAE,EAAE;QAAvE,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAjE,wDAAmE,CAAF;IACvI,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,MAAM,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAA;IAE7E,OAAO,CACL,uBAAC,uBAAQ,kBACP,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;YACxB,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;YAC1D,OAAO,CACL,wBAAC,uBAAO,kBAAC,cAAc,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,iBACxC,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,uBAAO,cACN,uBAAC,2BAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,GAAI,GACvD,CACX,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,4BAAa,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,wBAAU,CAAC,UAAU,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,CAAC,GAAI,KAC7G,CACX,CAAA;QACH,CAAC,EACD,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAC/E,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,IACd,KAAK,cAER,MAAM;YACL,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACpC,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBACvD,OAAO,CACL,uBAAC,mBAAQ,kBAAa,KAAK,EAAE,KAAK,gBAChC,uBAAC,4BAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,wBAAU,CAAC,UAAU,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,CAAC,GAAI,KADhG,KAAK,CAET,CACZ,CAAA;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI,IACC,CACZ,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,mBAAmB,uBAoC/B"}
|
|
@@ -6,16 +6,15 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const Account_1 = require("../Account");
|
|
8
8
|
const Context_1 = require("./Context");
|
|
9
|
+
const lib_1 = require("./lib");
|
|
9
10
|
const use_1 = require("./use");
|
|
10
|
-
const WalletBase = 'm';
|
|
11
|
-
const WalletRootPath = "44'/60'/0'/0";
|
|
12
11
|
const AccountWalletProvider = (props) => {
|
|
13
12
|
const { wallet, activeAccountIndex = 0 } = (0, use_1.useWallet)();
|
|
14
13
|
return (0, jsx_runtime_1.jsx)(Account_1.AccountContext.Provider, Object.assign({ value: { account: wallet === null || wallet === void 0 ? void 0 : wallet.deriveAccount(activeAccountIndex.toString()), provided: true } }, props));
|
|
15
14
|
};
|
|
16
15
|
const WalletProvider = (_a) => {
|
|
17
|
-
var { children, defaultActiveAccountIndex = 0, defaultWallet } = _a, props = tslib_1.__rest(_a, ["children", "defaultActiveAccountIndex", "defaultWallet"]);
|
|
18
|
-
const [wallet, setWallet] = (0, react_1.useState)(
|
|
16
|
+
var { basePath = lib_1.WalletRootPath, children, defaultActiveAccountIndex = 0, defaultWallet } = _a, props = tslib_1.__rest(_a, ["basePath", "children", "defaultActiveAccountIndex", "defaultWallet"]);
|
|
17
|
+
const [wallet, setWallet] = (0, react_1.useState)();
|
|
19
18
|
const [activeAccountIndex, setActiveAccountIndex] = (0, react_1.useState)(defaultActiveAccountIndex);
|
|
20
19
|
(0, react_1.useEffect)(() => {
|
|
21
20
|
if (defaultActiveAccountIndex !== undefined) {
|
|
@@ -26,16 +25,20 @@ const WalletProvider = (_a) => {
|
|
|
26
25
|
// ensure the wallet has the proper base
|
|
27
26
|
if (defaultWallet) {
|
|
28
27
|
try {
|
|
29
|
-
const walletWithBasePath = defaultWallet === null || defaultWallet === void 0 ? void 0 : defaultWallet.derivePath(
|
|
28
|
+
const walletWithBasePath = defaultWallet === null || defaultWallet === void 0 ? void 0 : defaultWallet.derivePath(basePath);
|
|
30
29
|
setWallet(walletWithBasePath);
|
|
31
30
|
}
|
|
32
31
|
catch (e) {
|
|
33
32
|
console.error('Error setting proper wallet base path', e);
|
|
34
33
|
}
|
|
35
34
|
}
|
|
36
|
-
|
|
35
|
+
else {
|
|
36
|
+
throw Error('WalletProvider requires a default HDWallet');
|
|
37
|
+
}
|
|
38
|
+
}, [basePath, defaultWallet]);
|
|
37
39
|
return ((0, jsx_runtime_1.jsx)(Context_1.WalletContext.Provider, Object.assign({ value: {
|
|
38
40
|
activeAccountIndex,
|
|
41
|
+
basePath,
|
|
39
42
|
provided: true,
|
|
40
43
|
setActiveAccountIndex,
|
|
41
44
|
setWallet,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Provider.tsx"],"names":[],"mappings":";;;;;AAEA,iCAA2C;AAE3C,wCAA2C;AAC3C,uCAAyC;AACzC,+BAAiC;
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Provider.tsx"],"names":[],"mappings":";;;;;AAEA,iCAA2C;AAE3C,wCAA2C;AAC3C,uCAAyC;AACzC,+BAAsC;AACtC,+BAAiC;AAQjC,MAAM,qBAAqB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,IAAA,eAAS,GAAE,CAAA;IAEtD,OAAO,uBAAC,wBAAc,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAM,KAAK,EAAI,CAAA;AACzI,CAAC,CAAA;AAEM,MAAM,cAAc,GAAgD,CAAC,EAM3E,EAAE,EAAE;QANuE,EAC1E,QAAQ,GAAG,oBAAc,EACzB,QAAQ,EACR,yBAAyB,GAAG,CAAC,EAC7B,aAAa,OAEd,EADI,KAAK,sBALkE,sEAM3E,CADS;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAwB,CAAA;IAC5D,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,wCAAwC;QACxC,IAAI,aAAa,EAAE;YACjB,IAAI;gBACF,MAAM,kBAAkB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;gBAC9D,SAAS,CAAC,kBAAkB,CAAC,CAAA;aAC9B;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,CAAC,CAAC,CAAA;aAC1D;SACF;aAAM;YACL,MAAM,KAAK,CAAC,4CAA4C,CAAC,CAAA;SAC1D;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,uBAAC,uBAAa,CAAC,QAAQ,kBACrB,KAAK,EAAE;YACL,kBAAkB;YAClB,QAAQ;YACR,QAAQ,EAAE,IAAI;YACd,qBAAqB;YACrB,SAAS;YACT,MAAM;SACP,IACG,KAAK,cAET,uBAAC,qBAAqB,cAAE,QAAQ,GAAyB,IAClC,CAC1B,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,cAAc,kBA6C1B"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./Context"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./lib"), exports);
|
|
5
6
|
tslib_1.__exportStar(require("./Provider"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./State"), exports);
|
|
7
8
|
tslib_1.__exportStar(require("./use"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,qDAA0B;AAC1B,kDAAuB;AACvB,gDAAqB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,gDAAqB;AACrB,qDAA0B;AAC1B,kDAAuB;AACvB,gDAAqB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WalletPath = exports.WalletRootPath = exports.DefaultRootWalletPath = exports.WalletBase = void 0;
|
|
4
|
+
exports.WalletBase = 'm';
|
|
5
|
+
exports.DefaultRootWalletPath = `${exports.WalletBase}/0`;
|
|
6
|
+
exports.WalletRootPath = "44'/60'/0'/0";
|
|
7
|
+
exports.WalletPath = `${exports.WalletBase}/${exports.WalletRootPath}`;
|
|
8
|
+
//# sourceMappingURL=WalletPath.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WalletPath.js","sourceRoot":"","sources":["../../../../../src/contexts/Wallet/lib/WalletPath.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,GAAG,CAAA;AAChB,QAAA,qBAAqB,GAAG,GAAG,kBAAU,IAAI,CAAA;AAEzC,QAAA,cAAc,GAAG,cAAc,CAAA;AAC/B,QAAA,UAAU,GAAG,GAAG,kBAAU,IAAI,sBAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/contexts/Wallet/lib/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
|