@xylabs/sdk-react 2.12.3 → 2.12.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/EthAccount/EthAccountBox.js +10 -8
- package/dist/cjs/components/EthAccount/EthAccountBox.js.map +1 -1
- package/dist/cjs/components/EthAccount/EthAccountButton.js +5 -1
- package/dist/cjs/components/EthAccount/EthAccountButton.js.map +1 -1
- package/dist/cjs/components/Identicon.js +1 -1
- package/dist/cjs/components/Identicon.js.map +1 -1
- package/dist/cjs/contexts/Ethers/MetaMask.js +21 -19
- package/dist/cjs/contexts/Ethers/MetaMask.js.map +1 -1
- package/dist/cjs/nodeIndex.d.ts +2 -0
- package/dist/cjs/nodeIndex.js +6 -0
- package/dist/cjs/nodeIndex.js.map +1 -0
- package/dist/docs.json +4 -4
- package/dist/esm/components/EthAccount/EthAccountBox.js +10 -8
- package/dist/esm/components/EthAccount/EthAccountBox.js.map +1 -1
- package/dist/esm/components/EthAccount/EthAccountButton.js +6 -2
- package/dist/esm/components/EthAccount/EthAccountButton.js.map +1 -1
- package/dist/esm/components/Identicon.js +1 -1
- package/dist/esm/components/Identicon.js.map +1 -1
- package/dist/esm/contexts/Ethers/MetaMask.js +19 -16
- package/dist/esm/contexts/Ethers/MetaMask.js.map +1 -1
- package/dist/esm/nodeIndex.d.ts +2 -0
- package/dist/esm/nodeIndex.js +3 -0
- package/dist/esm/nodeIndex.js.map +1 -0
- package/package.json +13 -12
- package/src/components/EthAccount/EthAccountBox.stories.tsx +10 -1
- package/src/components/EthAccount/EthAccountBox.tsx +8 -14
- package/src/components/EthAccount/EthAccountButton.tsx +11 -1
- package/src/components/Identicon.tsx +1 -5
- package/src/contexts/Ethers/MetaMask.tsx +21 -18
- package/src/contexts/Ethers/global.d.ts +8 -0
- package/src/nodeIndex.ts +2 -0
|
@@ -17,15 +17,17 @@ const EthAccountBox = (_a) => {
|
|
|
17
17
|
const large = (0, hooks_1.useMediaQuery)(theme.breakpoints.up('md'));
|
|
18
18
|
const isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
|
|
19
19
|
const addressToDisplay = (0, sdk_js_1.assertEx)(address !== null && address !== void 0 ? address : sdk_js_1.EthAddress.fromString('0x00'), 'Bad Eth Address');
|
|
20
|
-
const textToDisplay =
|
|
21
|
-
?
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
const textToDisplay = address
|
|
21
|
+
? addressLength === 'long'
|
|
22
|
+
? addressToDisplay.toString()
|
|
23
|
+
: addressLength === 'short'
|
|
24
|
+
? addressToDisplay.toShortString(shortenedLength)
|
|
25
|
+
: large
|
|
26
|
+
? addressToDisplay.toString()
|
|
27
|
+
: addressToDisplay.toShortString()
|
|
28
|
+
: '-- --';
|
|
27
29
|
// Note: We use the all zero address for spacing in case it is
|
|
28
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox_1.FlexRow, Object.assign({ justifyContent: "space-between", alignItems: "center" }, props, { children: [icon
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox_1.FlexRow, Object.assign({ justifyContent: "space-between", alignItems: "center", minHeight: theme.spacing(3) }, props, { children: [icon ? (0, jsx_runtime_1.jsx)(Identicon_1.Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: textToDisplay }))), isLocalAddress ? (0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({ marginLeft: 0.5 }, { children: "(You)" })) : null] })));
|
|
29
31
|
};
|
|
30
32
|
exports.EthAccountBox = EthAccountBox;
|
|
31
33
|
//# sourceMappingURL=EthAccountBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,2CAAqD;AACrD,iCAAkC;AAElC,6CAA8C;AAC9C,uCAA2C;AAC3C,wCAAkD;AAClD,4CAAwC;AAGjC,MAAM,aAAa,GAA6C,CAAC,EASvE,EAAE,EAAE;QATmE,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,OAE3C,EADI,KAAK,sBAR8D,6FASvE,CADS;IAER,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,KAAK,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,EAAE,MAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,IAAA,iBAAQ,EAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,mBAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,2CAAqD;AACrD,iCAAkC;AAElC,6CAA8C;AAC9C,uCAA2C;AAC3C,wCAAkD;AAClD,4CAAwC;AAGjC,MAAM,aAAa,GAA6C,CAAC,EASvE,EAAE,EAAE;QATmE,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,OAE3C,EADI,KAAK,sBAR8D,6FASvE,CADS;IAER,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,KAAK,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,EAAE,MAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,IAAA,iBAAQ,EAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,mBAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,GAAG,OAAO;QAC3B,CAAC,CAAC,aAAa,KAAK,MAAM;YACxB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;YAC7B,CAAC,CAAC,aAAa,KAAK,OAAO;gBAC3B,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,eAAe,CAAC;gBACjD,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;oBAC7B,CAAC,CAAC,gBAAgB,CAAC,aAAa,EAAE;QACpC,CAAC,CAAC,OAAO,CAAA;IAEX,8DAA8D;IAE9D,OAAO,CACL,wBAAC,iBAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAM,KAAK,eAC/F,IAAI,CAAC,CAAC,CAAC,uBAAC,qBAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACpK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,uBAAC,qBAAU,kBAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,gBACzE,aAAa,IACH,CACd,EACA,cAAc,CAAC,CAAC,CAAC,uBAAC,iBAAO,kBAAC,UAAU,EAAE,GAAG,2BAAiB,CAAC,CAAC,CAAC,IAAI,KAC1D,CACX,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,aAAa,iBA0CzB"}
|
|
@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.EthAccount = exports.EthAccountButton = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
6
7
|
const ButtonEx_1 = require("../ButtonEx");
|
|
8
|
+
const FlexBox_1 = require("../FlexBox");
|
|
9
|
+
const Identicon_1 = require("../Identicon");
|
|
7
10
|
const EthAccountBox_1 = require("./EthAccountBox");
|
|
8
11
|
const EthAccountButton = (_a) => {
|
|
9
12
|
var { address, full, icon = false, iconSize = 16, iconOnly = false, shortenedLength, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onClick } = _a, props = tslib_1.__rest(_a, ["address", "full", "icon", "iconSize", "iconOnly", "shortenedLength", "addressLength", "fontFamily", "toEtherScan", "onClick"]);
|
|
@@ -13,7 +16,8 @@ const EthAccountButton = (_a) => {
|
|
|
13
16
|
window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
|
|
14
17
|
}
|
|
15
18
|
};
|
|
16
|
-
|
|
19
|
+
const theme = (0, material_1.useTheme)();
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(ButtonEx_1.ButtonEx, Object.assign({ onClick: onClickLocal, title: `0x${address === null || address === void 0 ? void 0 : address.toHex()}` }, props, { children: [icon ? ((0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({ position: "absolute", top: 0, left: 0, bottom: 0, paddingX: 0.5, bgcolor: theme.palette.secondary.main }, { children: (0, jsx_runtime_1.jsx)(Identicon_1.Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }) }))) : null, (0, jsx_runtime_1.jsx)(EthAccountBox_1.EthAccountBox, { marginLeft: icon ? 3 : 0, address: address, addressLength: addressLength, shortenedLength: shortenedLength, full: full, iconSize: iconSize, iconOnly: iconOnly, fontFamily: fontFamily })] })));
|
|
17
21
|
};
|
|
18
22
|
exports.EthAccountButton = EthAccountButton;
|
|
19
23
|
/** @deprecated use EthAccountButton or EthAccountBox */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AAGxC,0CAAqD;AACrD,wCAAoC;AACpC,4CAAwC;AACxC,mDAA+C;AAOxC,MAAM,gBAAgB,GAAoD,CAAC,EAYjF,EAAE,EAAE;QAZ6E,EAChF,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,WAAW,EACX,OAAO,OAER,EADI,KAAK,sBAXwE,+HAYjF,CADS;IAER,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;QAChB,IAAI,WAAW,IAAI,OAAO,EAAE;YAC1B,MAAM,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC5E;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,mBAAQ,kBAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,EAAE,IAAM,KAAK,eACvE,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,iBAAO,kBAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,gBAC3G,uBAAC,qBAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,GAAI,IAC9I,CACX,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,6BAAa,IACZ,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,KACO,CACZ,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,gBAAgB,oBAyC5B;AAED,wDAAwD;AAC3C,QAAA,UAAU,GAAG,wBAAgB,CAAA"}
|
|
@@ -62,7 +62,7 @@ const Identicon = (_a) => {
|
|
|
62
62
|
(0, react_1.useEffect)(() => {
|
|
63
63
|
updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value });
|
|
64
64
|
});
|
|
65
|
-
return (
|
|
65
|
+
return (0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({}, props, { children: value ? (0, jsx_runtime_1.jsx)("canvas", { className: className, ref: canvas, style: { height: size, width: size } }) : null }));
|
|
66
66
|
};
|
|
67
67
|
exports.Identicon = Identicon;
|
|
68
68
|
//# sourceMappingURL=Identicon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,25 +11,30 @@ const Context_1 = require("./Context");
|
|
|
11
11
|
const Infura_1 = require("./Infura");
|
|
12
12
|
const MetaMaskEthersLoader = (props) => {
|
|
13
13
|
const { children, enabled = true } = props;
|
|
14
|
-
|
|
15
|
-
const global = window;
|
|
16
|
-
const ethereum = global.ethereum;
|
|
14
|
+
const ethereum = window.ethereum;
|
|
17
15
|
const [error, setError] = (0, react_1.useState)();
|
|
18
16
|
const [localAddress, setLocalAddress] = (0, react_1.useState)();
|
|
19
17
|
const [resetCount, setResetCount] = (0, react_1.useState)(0);
|
|
20
18
|
const [providerName, setProviderName] = (0, react_1.useState)();
|
|
21
|
-
if (ethereum) {
|
|
22
|
-
ethereum.autoRefreshOnNetworkChange = false;
|
|
23
|
-
}
|
|
24
19
|
const connect = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
const accounts = yield (walletProvider === null || walletProvider === void 0 ? void 0 : walletProvider.send('eth_requestAccounts', []));
|
|
21
|
+
// We could have multiple accounts. Check for one.
|
|
22
|
+
if (accounts.length !== 0) {
|
|
23
|
+
setLocalAddress(accounts[0]);
|
|
24
|
+
console.log('Connected: ', accounts[0]);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
console.log('No authorized account found.');
|
|
28
|
+
}
|
|
29
|
+
return accounts;
|
|
28
30
|
});
|
|
29
31
|
const [isConnected, setIsConnected] = (0, react_1.useState)();
|
|
32
|
+
const [walletProvider, setWalletProvider] = (0, react_1.useState)();
|
|
33
|
+
const [provider, setProvider] = (0, react_1.useState)();
|
|
34
|
+
const [signer, setSigner] = (0, react_1.useState)();
|
|
30
35
|
(0, react_1.useEffect)(() => {
|
|
31
|
-
if (
|
|
32
|
-
|
|
36
|
+
if (provider && enabled) {
|
|
37
|
+
provider.on('accountsChanged', (accounts) => {
|
|
33
38
|
console.log(`accountsChanged: ${JSON.stringify(accounts)}`);
|
|
34
39
|
setResetCount(resetCount + 1);
|
|
35
40
|
if (accounts.length > 0) {
|
|
@@ -39,7 +44,7 @@ const MetaMaskEthersLoader = (props) => {
|
|
|
39
44
|
setLocalAddress(undefined);
|
|
40
45
|
}
|
|
41
46
|
});
|
|
42
|
-
|
|
47
|
+
provider.on('chainChanged', (chainId) => {
|
|
43
48
|
setResetCount(resetCount + 1);
|
|
44
49
|
if (chainId) {
|
|
45
50
|
setChainId(parseInt(chainId));
|
|
@@ -49,13 +54,10 @@ const MetaMaskEthersLoader = (props) => {
|
|
|
49
54
|
}
|
|
50
55
|
});
|
|
51
56
|
}
|
|
52
|
-
}, [
|
|
53
|
-
const [walletProvider, setWalletProvider] = (0, react_1.useState)();
|
|
54
|
-
const [provider, setProvider] = (0, react_1.useState)();
|
|
55
|
-
const [signer, setSigner] = (0, react_1.useState)();
|
|
57
|
+
}, [provider, resetCount, enabled]);
|
|
56
58
|
(0, react_1.useEffect)(() => {
|
|
57
59
|
if (enabled) {
|
|
58
|
-
const walletProvider = ethereum ? new providers_1.Web3Provider(ethereum) : null;
|
|
60
|
+
const walletProvider = ethereum ? new providers_1.Web3Provider(window.ethereum) : null;
|
|
59
61
|
let provider = null;
|
|
60
62
|
let providerName = null;
|
|
61
63
|
if (walletProvider) {
|
|
@@ -105,9 +107,9 @@ const MetaMaskEthersLoader = (props) => {
|
|
|
105
107
|
(0, lib_1.useAsyncEffect)(
|
|
106
108
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
107
109
|
(isMounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
108
|
-
var
|
|
110
|
+
var _a;
|
|
109
111
|
if (enabled) {
|
|
110
|
-
const chainId = (
|
|
112
|
+
const chainId = (_a = (yield (provider === null || provider === void 0 ? void 0 : provider.getNetwork()))) === null || _a === void 0 ? void 0 : _a.chainId;
|
|
111
113
|
if (!isMounted())
|
|
112
114
|
return;
|
|
113
115
|
setChainId(chainId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetaMask.js","sourceRoot":"","sources":["../../../../src/contexts/Ethers/MetaMask.tsx"],"names":[],"mappings":";;;;;AAAA,wDAAgG;
|
|
1
|
+
{"version":3,"file":"MetaMask.js","sourceRoot":"","sources":["../../../../src/contexts/Ethers/MetaMask.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nodeIndex.js","sourceRoot":"","sources":["../../src/nodeIndex.ts"],"names":[],"mappings":";;;AAAA,kDAAuB;AACvB,gDAAqB"}
|
package/dist/docs.json
CHANGED
|
@@ -159712,7 +159712,7 @@
|
|
|
159712
159712
|
"sources": [
|
|
159713
159713
|
{
|
|
159714
159714
|
"fileName": "src/components/EthAccount/EthAccountButton.tsx",
|
|
159715
|
-
"line":
|
|
159715
|
+
"line": 11,
|
|
159716
159716
|
"character": 2
|
|
159717
159717
|
}
|
|
159718
159718
|
],
|
|
@@ -159747,7 +159747,7 @@
|
|
|
159747
159747
|
"sources": [
|
|
159748
159748
|
{
|
|
159749
159749
|
"fileName": "src/components/EthAccount/EthAccountButton.tsx",
|
|
159750
|
-
"line":
|
|
159750
|
+
"line": 10,
|
|
159751
159751
|
"character": 17
|
|
159752
159752
|
}
|
|
159753
159753
|
],
|
|
@@ -355668,7 +355668,7 @@
|
|
|
355668
355668
|
"sources": [
|
|
355669
355669
|
{
|
|
355670
355670
|
"fileName": "src/components/EthAccount/EthAccountButton.tsx",
|
|
355671
|
-
"line":
|
|
355671
|
+
"line": 58,
|
|
355672
355672
|
"character": 13
|
|
355673
355673
|
}
|
|
355674
355674
|
],
|
|
@@ -355748,7 +355748,7 @@
|
|
|
355748
355748
|
"sources": [
|
|
355749
355749
|
{
|
|
355750
355750
|
"fileName": "src/components/EthAccount/EthAccountButton.tsx",
|
|
355751
|
-
"line":
|
|
355751
|
+
"line": 14,
|
|
355752
355752
|
"character": 13
|
|
355753
355753
|
}
|
|
355754
355754
|
],
|
|
@@ -12,14 +12,16 @@ export const EthAccountBox = ({ address, icon = false, iconSize = 16, iconOnly =
|
|
|
12
12
|
const large = useMediaQuery(theme.breakpoints.up('md'));
|
|
13
13
|
const isLocalAddress = address ? localAddress?.toString() === address.toString() : false;
|
|
14
14
|
const addressToDisplay = assertEx(address ?? EthAddress.fromString('0x00'), 'Bad Eth Address');
|
|
15
|
-
const textToDisplay =
|
|
16
|
-
?
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
const textToDisplay = address
|
|
16
|
+
? addressLength === 'long'
|
|
17
|
+
? addressToDisplay.toString()
|
|
18
|
+
: addressLength === 'short'
|
|
19
|
+
? addressToDisplay.toShortString(shortenedLength)
|
|
20
|
+
: large
|
|
21
|
+
? addressToDisplay.toString()
|
|
22
|
+
: addressToDisplay.toShortString()
|
|
23
|
+
: '-- --';
|
|
22
24
|
// Note: We use the all zero address for spacing in case it is
|
|
23
|
-
return (_jsxs(FlexRow, { justifyContent: "space-between", alignItems: "center", ...props, children: [icon
|
|
25
|
+
return (_jsxs(FlexRow, { justifyContent: "space-between", alignItems: "center", minHeight: theme.spacing(3), ...props, children: [icon ? _jsx(Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address?.toHex() }) : null, iconOnly ? null : (_jsx(Typography, { marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, children: textToDisplay })), isLocalAddress ? _jsx(FlexRow, { marginLeft: 0.5, children: "(You)" }) : null] }));
|
|
24
26
|
};
|
|
25
27
|
//# sourceMappingURL=EthAccountBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAgB,OAAO,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,MAAM,CAAC,MAAM,aAAa,GAA6C,CAAC,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAgB,OAAO,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,MAAM,CAAC,MAAM,aAAa,GAA6C,CAAC,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,GAAG,OAAO;QAC3B,CAAC,CAAC,aAAa,KAAK,MAAM;YACxB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;YAC7B,CAAC,CAAC,aAAa,KAAK,OAAO;gBAC3B,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,eAAe,CAAC;gBACjD,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;oBAC7B,CAAC,CAAC,gBAAgB,CAAC,aAAa,EAAE;QACpC,CAAC,CAAC,OAAO,CAAA;IAEX,8DAA8D;IAE9D,OAAO,CACL,MAAC,OAAO,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAM,KAAK,aAC/F,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACpK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,UAAU,IAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,YACzE,aAAa,GACH,CACd,EACA,cAAc,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,UAAU,EAAE,GAAG,sBAAiB,CAAC,CAAC,CAAC,IAAI,IAC1D,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useTheme } from '@mui/material';
|
|
2
3
|
import { ButtonEx } from '../ButtonEx';
|
|
4
|
+
import { FlexRow } from '../FlexBox';
|
|
5
|
+
import { Identicon } from '../Identicon';
|
|
3
6
|
import { EthAccountBox } from './EthAccountBox';
|
|
4
7
|
export const EthAccountButton = ({ address, full, icon = false, iconSize = 16, iconOnly = false, shortenedLength, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onClick, ...props }) => {
|
|
5
8
|
const onClickLocal = (event) => {
|
|
@@ -8,7 +11,8 @@ export const EthAccountButton = ({ address, full, icon = false, iconSize = 16, i
|
|
|
8
11
|
window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
|
|
9
12
|
}
|
|
10
13
|
};
|
|
11
|
-
|
|
14
|
+
const theme = useTheme();
|
|
15
|
+
return (_jsxs(ButtonEx, { onClick: onClickLocal, title: `0x${address?.toHex()}`, ...props, children: [icon ? (_jsx(FlexRow, { position: "absolute", top: 0, left: 0, bottom: 0, paddingX: 0.5, bgcolor: theme.palette.secondary.main, children: _jsx(Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address?.toHex() }) })) : null, _jsx(EthAccountBox, { marginLeft: icon ? 3 : 0, address: address, addressLength: addressLength, shortenedLength: shortenedLength, full: full, iconSize: iconSize, iconOnly: iconOnly, fontFamily: fontFamily })] }));
|
|
12
16
|
};
|
|
13
17
|
/** @deprecated use EthAccountButton or EthAccountBox */
|
|
14
18
|
export const EthAccount = EthAccountButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,MAAM,CAAC,MAAM,gBAAgB,GAAoD,CAAC,EAChF,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,WAAW,EACX,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,WAAW,IAAI,OAAO,EAAE;YAC1B,MAAM,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC5E;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,QAAQ,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,EAAE,KAAM,KAAK,aACvE,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,YAC3G,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,GAC9I,CACX,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,IACZ,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,IACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,wDAAwD;AACxD,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAA"}
|
|
@@ -57,6 +57,6 @@ export const Identicon = ({ size = 400, className = 'identicon', bg, count, fg,
|
|
|
57
57
|
useEffect(() => {
|
|
58
58
|
updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value });
|
|
59
59
|
});
|
|
60
|
-
return
|
|
60
|
+
return _jsx(FlexRow, { ...props, children: value ? _jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }) : null });
|
|
61
61
|
};
|
|
62
62
|
//# sourceMappingURL=Identicon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,24 +7,30 @@ import { EthersContext } from './Context';
|
|
|
7
7
|
import { infuraKey } from './Infura';
|
|
8
8
|
export const MetaMaskEthersLoader = (props) => {
|
|
9
9
|
const { children, enabled = true } = props;
|
|
10
|
-
|
|
11
|
-
const global = window;
|
|
12
|
-
const ethereum = global.ethereum;
|
|
10
|
+
const ethereum = window.ethereum;
|
|
13
11
|
const [error, setError] = useState();
|
|
14
12
|
const [localAddress, setLocalAddress] = useState();
|
|
15
13
|
const [resetCount, setResetCount] = useState(0);
|
|
16
14
|
const [providerName, setProviderName] = useState();
|
|
17
|
-
if (ethereum) {
|
|
18
|
-
ethereum.autoRefreshOnNetworkChange = false;
|
|
19
|
-
}
|
|
20
15
|
const connect = async () => {
|
|
21
|
-
await
|
|
22
|
-
|
|
16
|
+
const accounts = await walletProvider?.send('eth_requestAccounts', []);
|
|
17
|
+
// We could have multiple accounts. Check for one.
|
|
18
|
+
if (accounts.length !== 0) {
|
|
19
|
+
setLocalAddress(accounts[0]);
|
|
20
|
+
console.log('Connected: ', accounts[0]);
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
console.log('No authorized account found.');
|
|
24
|
+
}
|
|
25
|
+
return accounts;
|
|
23
26
|
};
|
|
24
27
|
const [isConnected, setIsConnected] = useState();
|
|
28
|
+
const [walletProvider, setWalletProvider] = useState();
|
|
29
|
+
const [provider, setProvider] = useState();
|
|
30
|
+
const [signer, setSigner] = useState();
|
|
25
31
|
useEffect(() => {
|
|
26
|
-
if (
|
|
27
|
-
|
|
32
|
+
if (provider && enabled) {
|
|
33
|
+
provider.on('accountsChanged', (accounts) => {
|
|
28
34
|
console.log(`accountsChanged: ${JSON.stringify(accounts)}`);
|
|
29
35
|
setResetCount(resetCount + 1);
|
|
30
36
|
if (accounts.length > 0) {
|
|
@@ -34,7 +40,7 @@ export const MetaMaskEthersLoader = (props) => {
|
|
|
34
40
|
setLocalAddress(undefined);
|
|
35
41
|
}
|
|
36
42
|
});
|
|
37
|
-
|
|
43
|
+
provider.on('chainChanged', (chainId) => {
|
|
38
44
|
setResetCount(resetCount + 1);
|
|
39
45
|
if (chainId) {
|
|
40
46
|
setChainId(parseInt(chainId));
|
|
@@ -44,13 +50,10 @@ export const MetaMaskEthersLoader = (props) => {
|
|
|
44
50
|
}
|
|
45
51
|
});
|
|
46
52
|
}
|
|
47
|
-
}, [
|
|
48
|
-
const [walletProvider, setWalletProvider] = useState();
|
|
49
|
-
const [provider, setProvider] = useState();
|
|
50
|
-
const [signer, setSigner] = useState();
|
|
53
|
+
}, [provider, resetCount, enabled]);
|
|
51
54
|
useEffect(() => {
|
|
52
55
|
if (enabled) {
|
|
53
|
-
const walletProvider = ethereum ? new Web3Provider(ethereum) : null;
|
|
56
|
+
const walletProvider = ethereum ? new Web3Provider(window.ethereum) : null;
|
|
54
57
|
let provider = null;
|
|
55
58
|
let providerName = null;
|
|
56
59
|
if (walletProvider) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetaMask.js","sourceRoot":"","sources":["../../../../src/contexts/Ethers/MetaMask.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAA2B,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"MetaMask.js","sourceRoot":"","sources":["../../../../src/contexts/Ethers/MetaMask.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nodeIndex.js","sourceRoot":"","sources":["../../src/nodeIndex.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
|
package/package.json
CHANGED
|
@@ -13,9 +13,10 @@
|
|
|
13
13
|
"@emotion/styled": "^11.8.1",
|
|
14
14
|
"@ethersproject/abstract-signer": "^5.6.0",
|
|
15
15
|
"@ethersproject/providers": "^5.6.5",
|
|
16
|
+
"@metamask/providers": "^8.1.1",
|
|
16
17
|
"@mui/icons-material": "^5.6.2",
|
|
17
|
-
"@mui/material": "^5.
|
|
18
|
-
"@mui/styles": "^5.
|
|
18
|
+
"@mui/material": "^5.7.0",
|
|
19
|
+
"@mui/styles": "^5.7.0",
|
|
19
20
|
"@xylabs/pixel": "^1.3.7",
|
|
20
21
|
"@xylabs/sdk-js": "^2.5.5",
|
|
21
22
|
"axios": "^0.27.2",
|
|
@@ -48,25 +49,25 @@
|
|
|
48
49
|
"@types/lodash": "^4.14.182",
|
|
49
50
|
"@types/md5": "^2.3.2",
|
|
50
51
|
"@types/numeral": "^2.0.2",
|
|
51
|
-
"@types/react": "^18.0.
|
|
52
|
-
"@types/react-dom": "^18.0.
|
|
52
|
+
"@types/react": "^18.0.9",
|
|
53
|
+
"@types/react-dom": "^18.0.4",
|
|
53
54
|
"@types/react-helmet": "^6.1.5",
|
|
54
55
|
"@xylabs/eslint-config-react": "^2.1.5",
|
|
55
56
|
"@xylabs/rollup-config": "^1.1.17",
|
|
56
|
-
"@xylabs/ts-scripts": "^1.0.
|
|
57
|
+
"@xylabs/ts-scripts": "^1.0.66",
|
|
57
58
|
"@xylabs/tsconfig": "^1.0.13",
|
|
58
59
|
"copyfiles": "^2.4.1",
|
|
59
60
|
"depcheck": "^1.4.3",
|
|
60
|
-
"eslint": "^8.
|
|
61
|
+
"eslint": "^8.15.0",
|
|
61
62
|
"react": "^18.1.0",
|
|
62
63
|
"react-dom": "^18.1.0",
|
|
63
64
|
"rimraf": "^3.0.2",
|
|
64
|
-
"rollup": "^2.72.
|
|
65
|
+
"rollup": "^2.72.1",
|
|
65
66
|
"storybook-dark-mode": "^1.1.0",
|
|
66
67
|
"ts-node": "^10.7.0",
|
|
67
68
|
"typedoc": "^0.22.15",
|
|
68
69
|
"typescript": "^4.6.4",
|
|
69
|
-
"webpack": "^5.72.
|
|
70
|
+
"webpack": "^5.72.1"
|
|
70
71
|
},
|
|
71
72
|
"peerDependencies": {
|
|
72
73
|
"react": "*",
|
|
@@ -81,8 +82,8 @@
|
|
|
81
82
|
"exports": {
|
|
82
83
|
".": {
|
|
83
84
|
"node": {
|
|
84
|
-
"import": "./dist/esm/
|
|
85
|
-
"require": "./dist/cjs/
|
|
85
|
+
"import": "./dist/esm/nodeIndex.js",
|
|
86
|
+
"require": "./dist/cjs/nodeIndex.js"
|
|
86
87
|
},
|
|
87
88
|
"browser": {
|
|
88
89
|
"import": "./dist/esm/index.js",
|
|
@@ -95,7 +96,7 @@
|
|
|
95
96
|
},
|
|
96
97
|
"./package.json": "./package.json"
|
|
97
98
|
},
|
|
98
|
-
"main": "dist/cjs/
|
|
99
|
+
"main": "dist/cjs/nodeIndex.js",
|
|
99
100
|
"module": "dist/esm/index.js",
|
|
100
101
|
"homepage": "https://xylabs.com",
|
|
101
102
|
"keywords": [
|
|
@@ -126,6 +127,6 @@
|
|
|
126
127
|
},
|
|
127
128
|
"sideEffects": false,
|
|
128
129
|
"types": "dist/esm/index.d.ts",
|
|
129
|
-
"version": "2.12.
|
|
130
|
+
"version": "2.12.6",
|
|
130
131
|
"packageManager": "yarn@3.1.1"
|
|
131
132
|
}
|
|
@@ -91,7 +91,16 @@ AutoEmpty.args = {
|
|
|
91
91
|
toEtherScan: true,
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
|
|
94
|
+
const IconOnly = Template.bind({})
|
|
95
|
+
IconOnly.args = {
|
|
96
|
+
address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
|
|
97
|
+
icon: true,
|
|
98
|
+
iconOnly: true,
|
|
99
|
+
title: 'Sample EthAccount',
|
|
100
|
+
toEtherScan: true,
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export { Auto, AutoEmpty, IconOnly, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty }
|
|
95
104
|
|
|
96
105
|
// eslint-disable-next-line import/no-default-export
|
|
97
106
|
export default StorybookEntry
|
|
@@ -27,31 +27,25 @@ export const EthAccountBox: React.FC<EthAccountProps & FlexBoxProps> = ({
|
|
|
27
27
|
|
|
28
28
|
const addressToDisplay = assertEx(address ?? EthAddress.fromString('0x00'), 'Bad Eth Address')
|
|
29
29
|
|
|
30
|
-
const textToDisplay =
|
|
31
|
-
addressLength === 'long'
|
|
30
|
+
const textToDisplay = address
|
|
31
|
+
? addressLength === 'long'
|
|
32
32
|
? addressToDisplay.toString()
|
|
33
33
|
: addressLength === 'short'
|
|
34
34
|
? addressToDisplay.toShortString(shortenedLength)
|
|
35
35
|
: large
|
|
36
36
|
? addressToDisplay.toString()
|
|
37
37
|
: addressToDisplay.toShortString()
|
|
38
|
+
: '-- --'
|
|
38
39
|
|
|
39
40
|
// Note: We use the all zero address for spacing in case it is
|
|
40
41
|
|
|
41
42
|
return (
|
|
42
|
-
<FlexRow justifyContent="space-between" alignItems="center" {...props}>
|
|
43
|
-
{icon
|
|
43
|
+
<FlexRow justifyContent="space-between" alignItems="center" minHeight={theme.spacing(3)} {...props}>
|
|
44
|
+
{icon ? <Identicon minHeight={theme.spacing(3)} minWidth={theme.spacing(3)} bgcolor={theme.palette.secondary.main} size={iconSize} value={address?.toHex()} /> : null}
|
|
44
45
|
{iconOnly ? null : (
|
|
45
|
-
<
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
</Typography>
|
|
49
|
-
{address ? null : (
|
|
50
|
-
<Typography position="absolute" marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily}>
|
|
51
|
-
-- --
|
|
52
|
-
</Typography>
|
|
53
|
-
)}
|
|
54
|
-
</FlexRow>
|
|
46
|
+
<Typography marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily}>
|
|
47
|
+
{textToDisplay}
|
|
48
|
+
</Typography>
|
|
55
49
|
)}
|
|
56
50
|
{isLocalAddress ? <FlexRow marginLeft={0.5}>(You)</FlexRow> : null}
|
|
57
51
|
</FlexRow>
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import { useTheme } from '@mui/material'
|
|
1
2
|
import { MouseEvent } from 'react'
|
|
2
3
|
|
|
3
4
|
import { ButtonEx, ButtonExProps } from '../ButtonEx'
|
|
5
|
+
import { FlexRow } from '../FlexBox'
|
|
6
|
+
import { Identicon } from '../Identicon'
|
|
4
7
|
import { EthAccountBox } from './EthAccountBox'
|
|
5
8
|
import { EthAccountProps } from './EthAccountProps'
|
|
6
9
|
|
|
@@ -28,14 +31,21 @@ export const EthAccountButton: React.FC<EthAccountButtonProps & ButtonExProps> =
|
|
|
28
31
|
}
|
|
29
32
|
}
|
|
30
33
|
|
|
34
|
+
const theme = useTheme()
|
|
35
|
+
|
|
31
36
|
return (
|
|
32
37
|
<ButtonEx onClick={onClickLocal} title={`0x${address?.toHex()}`} {...props}>
|
|
38
|
+
{icon ? (
|
|
39
|
+
<FlexRow position="absolute" top={0} left={0} bottom={0} paddingX={0.5} bgcolor={theme.palette.secondary.main}>
|
|
40
|
+
<Identicon minHeight={theme.spacing(3)} minWidth={theme.spacing(3)} bgcolor={theme.palette.secondary.main} size={iconSize} value={address?.toHex()} />
|
|
41
|
+
</FlexRow>
|
|
42
|
+
) : null}
|
|
33
43
|
<EthAccountBox
|
|
44
|
+
marginLeft={icon ? 3 : 0}
|
|
34
45
|
address={address}
|
|
35
46
|
addressLength={addressLength}
|
|
36
47
|
shortenedLength={shortenedLength}
|
|
37
48
|
full={full}
|
|
38
|
-
icon={icon}
|
|
39
49
|
iconSize={iconSize}
|
|
40
50
|
iconOnly={iconOnly}
|
|
41
51
|
fontFamily={fontFamily}
|
|
@@ -79,9 +79,5 @@ export const Identicon: React.FC<IdenticonProps> = ({ size = 400, className = 'i
|
|
|
79
79
|
updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })
|
|
80
80
|
})
|
|
81
81
|
|
|
82
|
-
return
|
|
83
|
-
<FlexRow {...props}>
|
|
84
|
-
<canvas className={className} ref={canvas} style={{ height: size, width: size }} />
|
|
85
|
-
</FlexRow>
|
|
86
|
-
)
|
|
82
|
+
return <FlexRow {...props}>{value ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} /> : null}</FlexRow>
|
|
87
83
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { InfuraProvider, JsonRpcSigner, Provider, Web3Provider } from '@ethersproject/providers'
|
|
2
|
+
import { MetaMaskInpageProvider } from '@metamask/providers'
|
|
2
3
|
import { EthAddress } from '@xylabs/sdk-js'
|
|
3
4
|
import React, { PropsWithChildren, useEffect, useState } from 'react'
|
|
4
5
|
|
|
@@ -12,28 +13,34 @@ interface Props {
|
|
|
12
13
|
|
|
13
14
|
export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props) => {
|
|
14
15
|
const { children, enabled = true } = props
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
const ethereum = global.ethereum
|
|
16
|
+
|
|
17
|
+
const ethereum = window.ethereum as MetaMaskInpageProvider
|
|
18
18
|
const [error, setError] = useState<Error>()
|
|
19
19
|
const [localAddress, setLocalAddress] = useState<EthAddress>()
|
|
20
20
|
const [resetCount, setResetCount] = useState(0)
|
|
21
21
|
const [providerName, setProviderName] = useState<string>()
|
|
22
22
|
|
|
23
|
-
if (ethereum) {
|
|
24
|
-
ethereum.autoRefreshOnNetworkChange = false
|
|
25
|
-
}
|
|
26
|
-
|
|
27
23
|
const connect = async () => {
|
|
28
|
-
await
|
|
29
|
-
|
|
24
|
+
const accounts = await walletProvider?.send('eth_requestAccounts', [])
|
|
25
|
+
// We could have multiple accounts. Check for one.
|
|
26
|
+
if (accounts.length !== 0) {
|
|
27
|
+
setLocalAddress(accounts[0])
|
|
28
|
+
console.log('Connected: ', accounts[0])
|
|
29
|
+
} else {
|
|
30
|
+
console.log('No authorized account found.')
|
|
31
|
+
}
|
|
32
|
+
return accounts
|
|
30
33
|
}
|
|
31
34
|
|
|
32
35
|
const [isConnected, setIsConnected] = useState<boolean>()
|
|
33
36
|
|
|
37
|
+
const [walletProvider, setWalletProvider] = useState<Web3Provider | null>()
|
|
38
|
+
const [provider, setProvider] = useState<Provider>()
|
|
39
|
+
const [signer, setSigner] = useState<JsonRpcSigner | null>()
|
|
40
|
+
|
|
34
41
|
useEffect(() => {
|
|
35
|
-
if (
|
|
36
|
-
|
|
42
|
+
if (provider && enabled) {
|
|
43
|
+
provider.on('accountsChanged', (accounts: string[]) => {
|
|
37
44
|
console.log(`accountsChanged: ${JSON.stringify(accounts)}`)
|
|
38
45
|
setResetCount(resetCount + 1)
|
|
39
46
|
if (accounts.length > 0) {
|
|
@@ -42,7 +49,7 @@ export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props)
|
|
|
42
49
|
setLocalAddress(undefined)
|
|
43
50
|
}
|
|
44
51
|
})
|
|
45
|
-
|
|
52
|
+
provider.on('chainChanged', (chainId: string) => {
|
|
46
53
|
setResetCount(resetCount + 1)
|
|
47
54
|
if (chainId) {
|
|
48
55
|
setChainId(parseInt(chainId))
|
|
@@ -51,15 +58,11 @@ export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props)
|
|
|
51
58
|
}
|
|
52
59
|
})
|
|
53
60
|
}
|
|
54
|
-
}, [
|
|
55
|
-
|
|
56
|
-
const [walletProvider, setWalletProvider] = useState<Web3Provider | null>()
|
|
57
|
-
const [provider, setProvider] = useState<Provider>()
|
|
58
|
-
const [signer, setSigner] = useState<JsonRpcSigner | null>()
|
|
61
|
+
}, [provider, resetCount, enabled])
|
|
59
62
|
|
|
60
63
|
useEffect(() => {
|
|
61
64
|
if (enabled) {
|
|
62
|
-
const walletProvider = ethereum ? new Web3Provider(ethereum) : null
|
|
65
|
+
const walletProvider = ethereum ? new Web3Provider(window.ethereum) : null
|
|
63
66
|
let provider = null
|
|
64
67
|
let providerName = null
|
|
65
68
|
if (walletProvider) {
|
package/src/nodeIndex.ts
ADDED