@xyo-network/react-wallet 2.25.47 → 2.25.50
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/WalletAccountDetails/WalletAccountDetails.d.ts +1 -1
- package/dist/cjs/components/WalletAccountDetails/WalletAccountDetails.js +4 -2
- package/dist/cjs/components/WalletAccountDetails/WalletAccountDetails.js.map +1 -1
- package/dist/cjs/components/WalletAccountSelect/Select.js +5 -4
- package/dist/cjs/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/cjs/components/WalletAccountSelect/SelectBar.d.ts +1 -1
- package/dist/cjs/components/WalletAccountSelect/SelectBar.js +2 -2
- package/dist/cjs/components/WalletAccountSelect/SelectBar.js.map +1 -1
- package/dist/cjs/contexts/Account/MemoryProvider.d.ts +1 -1
- package/dist/cjs/contexts/Wallet/Provider.d.ts +1 -1
- package/dist/docs.json +763 -763
- package/dist/esm/components/WalletAccountDetails/WalletAccountDetails.d.ts +1 -1
- package/dist/esm/components/WalletAccountDetails/WalletAccountDetails.js +3 -1
- package/dist/esm/components/WalletAccountDetails/WalletAccountDetails.js.map +1 -1
- package/dist/esm/components/WalletAccountSelect/Select.js +2 -1
- package/dist/esm/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/esm/components/WalletAccountSelect/SelectBar.d.ts +1 -1
- package/dist/esm/components/WalletAccountSelect/SelectBar.js +1 -1
- package/dist/esm/components/WalletAccountSelect/SelectBar.js.map +1 -1
- package/dist/esm/contexts/Account/MemoryProvider.d.ts +1 -1
- package/dist/esm/contexts/Wallet/Provider.d.ts +1 -1
- package/package.json +5 -6
- package/src/components/WalletAccountDetails/WalletAccountDetails.tsx +3 -1
- package/src/components/WalletAccountSelect/Select.tsx +2 -1
- package/src/components/WalletAccountSelect/SelectBar.tsx +1 -1
- package/src/contexts/Account/MemoryProvider.tsx +1 -1
- package/src/contexts/Wallet/Provider.tsx +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
import { XyoAccount } from '@xyo-network/core';
|
|
4
4
|
export interface WalletAccountDetailsProps extends FlexBoxProps {
|
|
5
5
|
account?: XyoAccount;
|
|
@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.WalletAccountDetails = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_common_1 = require("@xylabs/react-common");
|
|
7
|
+
const react_crypto_1 = require("@xylabs/react-crypto");
|
|
8
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
6
9
|
const sdk_js_1 = require("@xylabs/sdk-js");
|
|
7
|
-
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
8
10
|
const react_network_1 = require("@xyo-network/react-network");
|
|
9
11
|
const contexts_1 = require("../../contexts");
|
|
10
12
|
const WalletAccountDetails = (_a) => {
|
|
@@ -13,7 +15,7 @@ const WalletAccountDetails = (_a) => {
|
|
|
13
15
|
const { account = accountProp } = (0, contexts_1.useAccount)();
|
|
14
16
|
const { network } = (0, react_network_1.useNetwork)();
|
|
15
17
|
const exploreAddressUrl = `${exploreUrl}/recent?account=${account === null || account === void 0 ? void 0 : account.addressValue.hex}&network=${(_b = network === null || network === void 0 ? void 0 : network.name) !== null && _b !== void 0 ? _b : 'main'}`;
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(react_crypto_1.EthAccountButton, { address: sdk_js_1.EthAddress.fromString(account === null || account === void 0 ? void 0 : account.addressValue.hex) }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ gap: 1 }, { children: [(0, jsx_runtime_1.jsx)(react_common_1.NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }), (0, jsx_runtime_1.jsx)(react_common_1.NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }), (0, jsx_runtime_1.jsx)(react_common_1.NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }), (0, jsx_runtime_1.jsx)(react_common_1.NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })] }))] })));
|
|
17
19
|
};
|
|
18
20
|
exports.WalletAccountDetails = WalletAccountDetails;
|
|
19
21
|
//# sourceMappingURL=WalletAccountDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletAccountDetails.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"WalletAccountDetails.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAmD;AACnD,uDAAuD;AACvD,yDAAsE;AACtE,2CAA2C;AAE3C,8DAAuD;AAEvD,6CAA2C;AAOpC,MAAM,oBAAoB,GAAwC,CAAC,EAA8E,EAAE,EAAE;;QAAlF,EAAE,UAAU,GAAG,6BAA6B,EAAE,OAAO,EAAE,WAAW,OAAY,EAAP,KAAK,sBAA5E,yBAA8E,CAAF;IACpJ,MAAM,EAAE,OAAO,GAAG,WAAW,EAAE,GAAG,IAAA,qBAAU,GAAE,CAAA;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,iBAAiB,GAAG,GAAG,UAAU,mBAAmB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,YAAY,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,MAAM,EAAE,CAAA;IAExH,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,+BAAgB,IAAC,OAAO,EAAE,mBAAU,CAAC,UAAU,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,CAAC,GAAI,EAC/E,wBAAC,uBAAO,kBAAC,GAAG,EAAE,CAAC,iBACb,uBAAC,2BAAY,IAAC,OAAO,QAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,oCAAoC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC/H,uBAAC,2BAAY,IAAC,OAAO,QAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,kCAAkC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC3H,uBAAC,2BAAY,IAAC,OAAO,QAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,wCAAwC,EAAE,MAAM,EAAC,QAAQ,GAAG,EACvI,uBAAC,2BAAY,IAAC,OAAO,QAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,qCAAqC,EAAE,MAAM,EAAC,QAAQ,GAAG,KACzH,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,oBAAoB,wBAgBhC"}
|
|
@@ -4,8 +4,9 @@ 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
|
+
const react_common_1 = require("@xylabs/react-common");
|
|
8
|
+
const react_crypto_1 = require("@xylabs/react-crypto");
|
|
7
9
|
const sdk_js_1 = require("@xylabs/sdk-js");
|
|
8
|
-
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
9
10
|
const contexts_1 = require("../../contexts");
|
|
10
11
|
const arrayRange = (length, start = 0) => {
|
|
11
12
|
return Array.from(Array(length).keys()).map((x) => x + start);
|
|
@@ -14,13 +15,13 @@ const WalletAccountSelect = (_a) => {
|
|
|
14
15
|
var { size, iconSize, icons, iconOnly } = _a, props = tslib_1.__rest(_a, ["size", "iconSize", "icons", "iconOnly"]);
|
|
15
16
|
const { wallet, activeAccountIndex = 0, setActiveAccountIndex } = (0, contexts_1.useWallet)();
|
|
16
17
|
const theme = (0, material_1.useTheme)();
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(react_common_1.SelectEx, Object.assign({ SelectDisplayProps: { style: { paddingBottom: 0, paddingLeft: icons ? 0 : theme.spacing(1), paddingTop: 0 } }, renderValue: (selected) => {
|
|
18
19
|
const account = wallet === null || wallet === void 0 ? void 0 : wallet.getAccount(parseInt(`${selected}`));
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(react_crypto_1.EthAccountBox, { alignItems: "stretch", height: size === 'small' ? 40 : 56, iconOnly: iconOnly, icon: icons, address: sdk_js_1.EthAddress.fromString(account === null || account === void 0 ? void 0 : account.addressValue.hex) }));
|
|
20
21
|
}, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex === null || setActiveAccountIndex === void 0 ? void 0 : setActiveAccountIndex(parseInt(`${event.target.value}`)), size: size, variant: "outlined" }, props, { children: wallet
|
|
21
22
|
? arrayRange(10).map((index) => {
|
|
22
23
|
const account = wallet === null || wallet === void 0 ? void 0 : wallet.getAccount(index);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: index }, { children: (0, jsx_runtime_1.jsx)(
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: index }, { children: (0, jsx_runtime_1.jsx)(react_crypto_1.EthAccountBox, { iconSize: iconSize, icon: icons, address: sdk_js_1.EthAddress.fromString(account.addressValue.hex) }) }), index));
|
|
24
25
|
})
|
|
25
26
|
: null })));
|
|
26
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAC/D,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAC/D,uDAA+C;AAC/C,uDAAoD;AACpD,2CAA2C;AAE3C,6CAA0C;AAQ1C,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,EAA6C,EAAE,EAAE;QAAjD,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3C,yCAA6C,CAAF;IACjH,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAA;IAE7E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,uBAAC,uBAAQ,kBACP,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAC7G,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;YACxB,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,OAAO,CACL,uBAAC,4BAAa,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAU,CAAC,UAAU,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,CAAC,GAAI,CACvK,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,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC3B,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,KAAK,CAAC,CAAA;gBACzC,OAAO,CACL,uBAAC,mBAAQ,kBAAa,KAAK,EAAE,KAAK,gBAChC,uBAAC,4BAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,GAAI,KAD/F,KAAK,CAET,CACZ,CAAA;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI,IACC,CACZ,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,mBAAmB,uBAgC/B"}
|
|
@@ -4,11 +4,11 @@ exports.WalletAccountSelectBar = 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
|
-
const
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const Select_1 = require("./Select");
|
|
9
9
|
const WalletAccountSelectBar = (_a) => {
|
|
10
10
|
var { iconOnly, icons, iconSize, size = 'small' } = _a, props = tslib_1.__rest(_a, ["iconOnly", "icons", "iconSize", "size"]);
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(Select_1.WalletAccountSelect, { fullWidth: true, iconSize: iconSize, iconOnly: iconOnly, icons: icons, size: size !== null && size !== void 0 ? size : 'small' }) })) })));
|
|
12
12
|
};
|
|
13
13
|
exports.WalletAccountSelectBar = WalletAccountSelectBar;
|
|
14
14
|
//# sourceMappingURL=SelectBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqC;AACrC,
|
|
1
|
+
{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqC;AACrC,yDAA6D;AAE7D,qCAA8C;AASvC,MAAM,sBAAsB,GAA0C,CAAC,EAAuD,EAAE,EAAE;QAA3D,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,OAAY,EAAP,KAAK,sBAArD,yCAAuD,CAAF;IACjI,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,4BAAmB,IAAC,SAAS,QAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,GAAI,IACxG,IACA,CACX,CAAA;AACH,CAAC,CAAA;AARY,QAAA,sBAAsB,0BAQlC"}
|