@xyo-network/react-wallet 2.23.7

package/dist/esm/components/WalletAccountDetails/WalletAccountDetails.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { XyoAccount } from '@xyo-network/core';
+export interface WalletAccountDetailsProps extends FlexBoxProps {
+    account?: XyoAccount;
+    exploreUrl?: string;
+}
+export declare const WalletAccountDetails: React.FC<WalletAccountDetailsProps>;

package/dist/esm/components/WalletAccountDetails/WalletAccountDetails.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@mui/material';
+import { EthAddress } from '@xylabs/sdk-js';
+import { EthAccountButton, FlexCol, NumberStatus } from '@xylabs/sdk-react';
+import { useNetwork } from '@xyo-network/react-network';
+import { useAccount } from '../../contexts';
+export const WalletAccountDetails = ({ exploreUrl = 'https://explore.xyo.network', account: accountProp, ...props }) => {
+    const { account = accountProp } = useAccount();
+    const { network } = useNetwork();
+    const exploreAddressUrl = `${exploreUrl}/recent?account=${account?.addressValue.hex}&network=${network?.name ?? 'main'}`;
+    return (_jsxs(FlexCol, { ...props, children: [_jsx(EthAccountButton, { address: EthAddress.fromString(account?.addressValue.hex) }), _jsxs(Stack, { spacing: 1, direction: "row", children: [_jsx(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })] })] }));
+};
+//# sourceMappingURL=WalletAccountDetails.js.map

package/dist/esm/components/WalletAccountDetails/WalletAccountDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAccountDetails.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAgB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEzF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAO3C,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,UAAU,GAAG,6BAA6B,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1J,MAAM,EAAE,OAAO,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,CAAA;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,iBAAiB,GAAG,GAAG,UAAU,mBAAmB,OAAO,EAAE,YAAY,CAAC,GAAG,YAAY,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,CAAA;IAExH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,gBAAgB,IAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,GAAI,EAC/E,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,KAAK,aAChC,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,oCAAoC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC/H,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,kCAAkC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC3H,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,wCAAwC,EAAE,MAAM,EAAC,QAAQ,GAAG,EACvI,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,qCAAqC,EAAE,MAAM,EAAC,QAAQ,GAAG,IAC3H,IACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/WalletAccountDetails/index.d.ts

@@ -0,0 +1 @@
+export * from './WalletAccountDetails';

package/dist/esm/components/WalletAccountDetails/index.js

@@ -0,0 +1,2 @@
+export * from './WalletAccountDetails';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/WalletAccountDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}

package/dist/esm/components/WalletAccountSelect/Select.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SelectProps } from '@mui/material';
+export interface WalletAccountSelectProps extends SelectProps<number> {
+    iconOnly?: boolean;
+    icons?: boolean;
+    iconSize?: number;
+}
+export declare const WalletAccountSelect: React.FC<WalletAccountSelectProps>;

package/dist/esm/components/WalletAccountSelect/Select.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MenuItem, useTheme } from '@mui/material';
+import { EthAddress } from '@xylabs/sdk-js';
+import { EthAccountBox, SelectEx } from '@xylabs/sdk-react';
+import { useWallet } from '../../contexts';
+const arrayRange = (length, start = 0) => {
+    return Array.from(Array(length).keys()).map((x) => x + start);
+};
+export const WalletAccountSelect = ({ size, iconSize, icons, iconOnly, ...props }) => {
+    const { wallet, activeAccountIndex = 0, setActiveAccountIndex } = useWallet();
+    const theme = useTheme();
+    return (_jsx(SelectEx, { SelectDisplayProps: { style: { paddingBottom: 0, paddingLeft: icons ? 0 : theme.spacing(1), paddingTop: 0 } }, renderValue: (selected) => {
+            const account = wallet?.getAccount(parseInt(`${selected}`));
+            return _jsx(EthAccountBox, { height: size === 'small' ? 40 : 56, iconOnly: iconOnly, icon: icons, address: EthAddress.fromString(account?.addressValue.hex) });
+        }, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`)), size: size, variant: "outlined", ...props, children: wallet
+            ? arrayRange(10).map((index) => {
+                const account = wallet?.getAccount(index);
+                return (_jsx(MenuItem, { value: index, children: _jsx(EthAccountBox, { iconSize: iconSize, icon: icons, address: EthAddress.fromString(account.addressValue.hex) }) }, index));
+            })
+            : null }));
+};
+//# sourceMappingURL=Select.js.map

package/dist/esm/components/WalletAccountSelect/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAe,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;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;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvH,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,GAAG,SAAS,EAAE,CAAA;IAE7E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,QAAQ,IACP,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,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,GAAI,CAAA;QAC1J,CAAC,EACD,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAC/E,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,KACd,KAAK,YAER,MAAM;YACL,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC3B,MAAM,OAAO,GAAG,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAA;gBACzC,OAAO,CACL,KAAC,QAAQ,IAAa,KAAK,EAAE,KAAK,YAChC,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,GAAI,IAD/F,KAAK,CAET,CACZ,CAAA;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI,GACC,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/WalletAccountSelect/SelectBar.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+export interface WalletAccountSelectBarProps extends FlexBoxProps {
+    size?: 'small' | 'medium';
+}
+export declare const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps>;

package/dist/esm/components/WalletAccountSelect/SelectBar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlexRow } from '@xylabs/sdk-react';
+import { WalletAccountSelect } from './Select';
+export const WalletAccountSelectBar = ({ size = 'small', ...props }) => {
+    return (_jsx(FlexRow, { paper: true, alignItems: "stretch", ...props, children: _jsx(WalletAccountSelect, { size: size, fullWidth: true }) }));
+};
+//# sourceMappingURL=SelectBar.js.map

package/dist/esm/components/WalletAccountSelect/SelectBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAM9C,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5G,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,QAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YAC3C,KAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,GACrC,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/WalletAccountSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Select';
+export * from './SelectBar';

package/dist/esm/components/WalletAccountSelect/index.js

@@ -0,0 +1,3 @@
+export * from './Select';
+export * from './SelectBar';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/WalletAccountSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WalletAccountDetails';
+export * from './WalletAccountSelect';

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './WalletAccountDetails';
+export * from './WalletAccountSelect';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}

package/dist/esm/contexts/Account/Context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AccountContextState } from './State';
+export declare const AccountContext: import("react").Context<AccountContextState & import("@xyo-network/react-shared").ContextExState>;

package/dist/esm/contexts/Account/Context.js

@@ -0,0 +1,3 @@
+import { createContextEx } from '@xyo-network/react-shared';
+export const AccountContext = createContextEx();
+//# sourceMappingURL=Context.js.map

package/dist/esm/contexts/Account/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/Account/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,EAAuB,CAAA"}

package/dist/esm/contexts/Account/MemoryProvider.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/sdk-react';
+import { XyoAccount } from '@xyo-network/core';
+export interface AccountMemoryProviderProps {
+    defaultAccount?: XyoAccount;
+}
+export declare const AccountMemoryProvider: React.FC<WithChildren<AccountMemoryProviderProps>>;

package/dist/esm/contexts/Account/MemoryProvider.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { AccountContext } from './Context';
+export const AccountMemoryProvider = ({ defaultAccount, ...props }) => {
+    const [account, setAccount] = useState(defaultAccount);
+    return _jsx(AccountContext.Provider, { value: { account: account, provided: true, setAccount }, ...props });
+};
+//# sourceMappingURL=MemoryProvider.js.map

package/dist/esm/contexts/Account/MemoryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryProvider.js","sourceRoot":"","sources":["../../../../src/contexts/Account/MemoryProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAM1C,MAAM,CAAC,MAAM,qBAAqB,GAAuD,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAyB,cAAc,CAAC,CAAA;IAE9E,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAM,KAAK,GAAI,CAAA;AACxG,CAAC,CAAA"}

package/dist/esm/contexts/Account/State.d.ts

@@ -0,0 +1,7 @@
+import { XyoAccount } from '@xyo-network/core';
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch } from 'react';
+export interface AccountContextState extends ContextExState {
+    account?: XyoAccount;
+    setAccount?: Dispatch<XyoAccount>;
+}

package/dist/esm/contexts/Account/State.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=State.js.map

package/dist/esm/contexts/Account/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/Account/State.ts"],"names":[],"mappings":""}

package/dist/esm/contexts/Account/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Context';
+export * from './MemoryProvider';
+export * from './State';
+export * from './use';

package/dist/esm/contexts/Account/index.js

@@ -0,0 +1,5 @@
+export * from './Context';
+export * from './MemoryProvider';
+export * from './State';
+export * from './use';
+//# sourceMappingURL=index.js.map

package/dist/esm/contexts/Account/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Account/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/contexts/Account/use.d.ts

@@ -0,0 +1 @@
+export declare const useAccount: (required?: boolean) => Omit<import("./State").AccountContextState & import("@xyo-network/react-shared").ContextExState, "provided">;

package/dist/esm/contexts/Account/use.js

@@ -0,0 +1,6 @@
+import { useContextEx } from '@xyo-network/react-shared';
+import { AccountContext } from './Context';
+export const useAccount = (required = false) => {
+    return useContextEx(AccountContext, 'Account', required);
+};
+//# sourceMappingURL=use.js.map

package/dist/esm/contexts/Account/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Account/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IAC7C,OAAO,YAAY,CAAC,cAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC1D,CAAC,CAAA"}

package/dist/esm/contexts/Wallet/Context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WalletContextState } from './State';
+export declare const WalletContext: import("react").Context<WalletContextState & import("@xyo-network/react-shared").ContextExState>;

package/dist/esm/contexts/Wallet/Context.js

@@ -0,0 +1,3 @@
+import { createContextEx } from '@xyo-network/react-shared';
+export const WalletContext = createContextEx();
+//# sourceMappingURL=Context.js.map

package/dist/esm/contexts/Wallet/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,EAAsB,CAAA"}

package/dist/esm/contexts/Wallet/Provider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/sdk-react';
+import { XyoWalletBase } from '@xyo-network/core';
+export interface WalletProviderProps {
+    defaultWallet?: XyoWalletBase;
+    defaultActiveAccountIndex?: number;
+}
+export declare const WalletProvider: React.FC<WithChildren<WalletProviderProps>>;

package/dist/esm/contexts/Wallet/Provider.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { AccountContext } from '../Account';
+import { WalletContext } from './Context';
+import { useWallet } from './use';
+const AccountWalletProvider = (props) => {
+    const { wallet, activeAccountIndex = 0 } = useWallet();
+    return _jsx(AccountContext.Provider, { value: { account: wallet?.getAccount(activeAccountIndex), provided: true }, ...props });
+};
+export const WalletProvider = ({ defaultWallet, defaultActiveAccountIndex = 0, children, ...props }) => {
+    const [wallet, setWallet] = useState(defaultWallet);
+    const [activeAccountIndex, setActiveAccountIndex] = useState(defaultActiveAccountIndex);
+    return (_jsx(WalletContext.Provider, { value: {
+            activeAccountIndex,
+            provided: true,
+            setActiveAccountIndex,
+            setWallet,
+            wallet,
+        }, ...props, children: _jsx(AccountWalletProvider, { children: children }) }));
+};
+//# sourceMappingURL=Provider.js.map

package/dist/esm/contexts/Wallet/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,MAAM,qBAAqB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,SAAS,EAAE,CAAA;IAEtD,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAM,KAAK,GAAI,CAAA;AAC3H,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAgD,CAAC,EAAE,aAAa,EAAE,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClJ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA4B,aAAa,CAAC,CAAA;IAC9E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAA;IAEvF,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,kBAAkB;YAClB,QAAQ,EAAE,IAAI;YACd,qBAAqB;YACrB,SAAS;YACT,MAAM;SACP,KACG,KAAK,YAET,KAAC,qBAAqB,cAAE,QAAQ,GAAyB,GAClC,CAC1B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/contexts/Wallet/State.d.ts

@@ -0,0 +1,9 @@
+import { XyoWalletBase } from '@xyo-network/core';
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch } from 'react';
+export interface WalletContextState extends ContextExState {
+    wallet?: XyoWalletBase;
+    setWallet?: Dispatch<XyoWalletBase>;
+    activeAccountIndex?: number;
+    setActiveAccountIndex?: Dispatch<number>;
+}

package/dist/esm/contexts/Wallet/State.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=State.js.map

package/dist/esm/contexts/Wallet/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/State.ts"],"names":[],"mappings":""}

package/dist/esm/contexts/Wallet/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Context';
+export * from './Provider';
+export * from './State';
+export * from './use';

package/dist/esm/contexts/Wallet/index.js

@@ -0,0 +1,5 @@
+export * from './Context';
+export * from './Provider';
+export * from './State';
+export * from './use';
+//# sourceMappingURL=index.js.map

package/dist/esm/contexts/Wallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/contexts/Wallet/use.d.ts

@@ -0,0 +1 @@
+export declare const useWallet: (required?: boolean) => Omit<import("./State").WalletContextState & import("@xyo-network/react-shared").ContextExState, "provided">;

package/dist/esm/contexts/Wallet/use.js

@@ -0,0 +1,6 @@
+import { useContextEx } from '@xyo-network/react-shared';
+import { WalletContext } from './Context';
+export const useWallet = (required = false) => {
+    return useContextEx(WalletContext, 'Wallet', required);
+};
+//# sourceMappingURL=use.js.map

package/dist/esm/contexts/Wallet/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Wallet/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IAC5C,OAAO,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACxD,CAAC,CAAA"}

package/dist/esm/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Account';
+export * from './Wallet';

package/dist/esm/contexts/index.js

@@ -0,0 +1,3 @@
+export * from './Account';
+export * from './Wallet';
+//# sourceMappingURL=index.js.map

package/dist/esm/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './contexts';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './contexts';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}

package/package.json

@@ -0,0 +1,137 @@
+{
+  "name": "@xyo-network/react-wallet",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.8.0",
+    "@mui/lab": "^5.0.0-alpha.83",
+    "@mui/material": "^5.8.1",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xyo-network/api": "^2.20.33",
+    "@xyo-network/core": "^2.20.33",
+    "@xyo-network/network": "^2.20.33",
+    "@xyo-network/panel": "^2.20.33",
+    "@xyo-network/react-network": "^2.23.7",
+    "@xyo-network/react-shared": "^2.23.7",
+    "@xyo-network/systeminfo-witness": "^2.20.33",
+    "@xyo-network/utils": "^2.20.33",
+    "lodash": "^4.17.21",
+    "luxon": "^2.4.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-icons": "^4.3.1",
+    "react-json-view": "^1.21.3",
+    "react-router-dom": "^6.3.0",
+    "rollbar": "^2.25.0",
+    "typedoc": "^0.22.15"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "devDependencies": {
+    "@babel/core": "^7.18.0",
+    "@babel/preset-env": "^7.18.0",
+    "@storybook/addon-actions": "^6.5.4",
+    "@storybook/addon-docs": "^6.5.4",
+    "@storybook/addon-essentials": "^6.5.4",
+    "@storybook/addon-interactions": "^6.5.4",
+    "@storybook/addon-links": "^6.5.4",
+    "@storybook/addons": "^6.5.4",
+    "@storybook/api": "^6.5.4",
+    "@storybook/builder-webpack5": "^6.5.4",
+    "@storybook/components": "^6.5.4",
+    "@storybook/core-events": "^6.5.4",
+    "@storybook/manager-webpack5": "^6.5.4",
+    "@storybook/react": "^6.5.4",
+    "@storybook/testing-library": "^0.0.11",
+    "@storybook/theming": "^6.5.4",
+    "@types/lodash": "^4.14.182",
+    "@types/luxon": "^2.3.2",
+    "@xylabs/eslint-config-react": "^2.1.5",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/rollup-config": "^1.1.17",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xylabs/ts-scripts": "^1.0.66",
+    "@xylabs/tsconfig": "^1.0.13",
+    "assert": "^2.0.0",
+    "axios": "^0.27.2",
+    "storybook-dark-mode": "^1.1.0",
+    "typescript": "^4.6.4"
+  },
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "peerDependencies": {
+    "axios": ">0.26",
+    "typedoc": "^0.22.13"
+  },
+  "peerDependenciesMeta": {
+    "typedoc": {
+      "optional": true
+    }
+  },
+  "resolutions": {
+    "@storybook/react/webpack": "^5",
+    "bn.js": "^5.2.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "webpack": "^5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "deploy": "yarn deploy3",
+    "lint-pkg": "npmPkgJsonLint .",
+    "build": "yarn clean && tsc -p tsconfig.build.cjs.json && tsc -p tsconfig.build.esm.json && yarn gen:docs",
+    "gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.json",
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.23.7",
+  "packageManager": "yarn@3.1.1"
+}

package/src/components/WalletAccountDetails/WalletAccountDetails.stories.tsx

@@ -0,0 +1,31 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+
+import { WalletAccountDetails } from './WalletAccountDetails'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountDetails,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'wallet/WalletAccountDetails',
+} as ComponentMeta<typeof WalletAccountDetails>
+
+const Template: ComponentStory<typeof WalletAccountDetails> = (args) => {
+  return (
+    <BrowserRouter>
+      <WalletAccountDetails {...args}></WalletAccountDetails>
+    </BrowserRouter>
+  )
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+export { Default }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/WalletAccountDetails/WalletAccountDetails.tsx

@@ -0,0 +1,30 @@
+import { Stack } from '@mui/material'
+import { EthAddress } from '@xylabs/sdk-js'
+import { EthAccountButton, FlexBoxProps, FlexCol, NumberStatus } from '@xylabs/sdk-react'
+import { XyoAccount } from '@xyo-network/core'
+import { useNetwork } from '@xyo-network/react-network'
+
+import { useAccount } from '../../contexts'
+
+export interface WalletAccountDetailsProps extends FlexBoxProps {
+  account?: XyoAccount
+  exploreUrl?: string
+}
+
+export const WalletAccountDetails: React.FC<WalletAccountDetailsProps> = ({ exploreUrl = 'https://explore.xyo.network', account: accountProp, ...props }) => {
+  const { account = accountProp } = useAccount()
+  const { network } = useNetwork()
+  const exploreAddressUrl = `${exploreUrl}/recent?account=${account?.addressValue.hex}&network=${network?.name ?? 'main'}`
+
+  return (
+    <FlexCol {...props}>
+      <EthAccountButton address={EthAddress.fromString(account?.addressValue.hex)} />
+      <Stack spacing={1} direction="row">
+        <NumberStatus rounded title="Tokens" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.tokens`} target="_blank" />
+        <NumberStatus rounded title="NFTs" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.nfts`} target="_blank" />
+        <NumberStatus rounded title="Signatures" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signatures`} target="_blank" />
+        <NumberStatus rounded title="Signins" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signins`} target="_blank" />
+      </Stack>
+    </FlexCol>
+  )
+}

package/src/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.tsx

@@ -0,0 +1,35 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { XyoWalletBase } from '@xyo-network/core'
+import { BrowserRouter } from 'react-router-dom'
+
+import { WalletProvider } from '../../contexts'
+import { WalletAccountDetails } from './WalletAccountDetails'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountDetails,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'wallet/WalletAccountDetailsWithProvider',
+} as ComponentMeta<typeof WalletAccountDetails>
+
+const Template: ComponentStory<typeof WalletAccountDetails> = (args) => {
+  return (
+    <BrowserRouter>
+      <WalletProvider defaultWallet={new XyoWalletBase('test me')}>
+        <WalletAccountDetails {...args}></WalletAccountDetails>
+      </WalletProvider>
+    </BrowserRouter>
+  )
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+export { Default }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/WalletAccountDetails/index.ts

@@ -0,0 +1 @@
+export * from './WalletAccountDetails'