@xyo-network/react-chain-provider 1.16.8 → 1.16.10

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

@@ -1,3 +1,2 @@
-export * from './account/index.ts';
 export * from './connected/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/browser/{types/account/BalanceHistoryItemRow.d.ts → hooks/account/BalanceHistoryItemFormatted.d.ts}

@@ -1,6 +1,7 @@
 import type { Address, Hash } from '@xylabs/hex';
 import type { AccountBalanceHistoryItem } from '@xyo-network/xl1-protocol-sdk';
-export interface AccountBalanceHistoryItemRow {
+export type BalanceTransactionType = 'send' | 'receive';
+export interface AccountBalanceHistoryItemFormatted {
     amount: bigint;
     blockNumber: number;
     debug: AccountBalanceHistoryItem;
@@ -9,6 +10,6 @@ export interface AccountBalanceHistoryItemRow {
     timestamp: number;
     to: Address;
     txHash: Hash | undefined;
-    type: 'send' | 'receive';
+    type: BalanceTransactionType;
 }
-//# sourceMappingURL=BalanceHistoryItemRow.d.ts.map
+//# sourceMappingURL=BalanceHistoryItemFormatted.d.ts.map

package/dist/browser/hooks/account/BalanceHistoryItemFormatted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceHistoryItemFormatted.d.ts","sourceRoot":"","sources":["../../../../src/hooks/account/BalanceHistoryItemFormatted.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAE9E,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,CAAA;AAEvD,MAAM,WAAW,kCAAkC;IACjD,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,yBAAyB,CAAA;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,OAAO,CAAA;IACX,MAAM,EAAE,IAAI,GAAG,SAAS,CAAA;IACxB,IAAI,EAAE,sBAAsB,CAAA;CAC7B"}

package/dist/browser/hooks/account/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BalanceHistoryItemFormatted.ts';
+export * from './useAccountBalanceHistory.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/hooks/account/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/account/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA"}

package/dist/browser/hooks/{useAccountBalanceHistory.d.ts → account/useAccountBalanceHistory.d.ts}

@@ -1,9 +1,9 @@
 import { type Address } from '@xylabs/hex';
 import type { AccountBalanceHistoryItem, XyoViewer } from '@xyo-network/xl1-protocol-sdk';
-import type { AccountBalanceHistoryItemRow } from '../types/index.ts';
-export declare const formatAccountBalanceHistory: (address: Address, history: AccountBalanceHistoryItem[]) => AccountBalanceHistoryItemRow[];
+import type { AccountBalanceHistoryItemFormatted } from './BalanceHistoryItemFormatted.ts';
+export declare const formatAccountBalanceHistory: (address: Address, history: AccountBalanceHistoryItem[]) => AccountBalanceHistoryItemFormatted[];
 export declare const useAccountBalanceHistory: (address?: Address, viewer?: XyoViewer, refresh?: number) => [{
-    history: AccountBalanceHistoryItemRow[];
+    history: AccountBalanceHistoryItemFormatted[];
     balance: [import("@xyo-network/xl1-protocol").AttoXL1, import("@xyo-network/xl1-protocol").AttoXL1];
     truncated: boolean;
 } | undefined, Error | undefined, import("@xylabs/react-promise").UsePromiseState | undefined];

package/dist/browser/hooks/account/useAccountBalanceHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountBalanceHistory.d.ts","sourceRoot":"","sources":["../../../../src/hooks/account/useAccountBalanceHistory.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EAEb,MAAM,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAGzF,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAA;AAE1F,eAAO,MAAM,2BAA2B,GAAI,SAAS,OAAO,EAAE,SAAS,yBAAyB,EAAE,KAAG,kCAAkC,EAiCtI,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,UAAU,OAAO,EAAE,SAAS,SAAS,EAAE,UAAU,MAAM;;;;8FAqC/F,CAAA"}

package/dist/browser/hooks/index.d.ts

@@ -1,6 +1,6 @@
+export * from './account/index.ts';
 export * from './client/index.ts';
 export * from './helpers/index.ts';
-export * from './useAccountBalanceHistory.ts';
 export * from './useAddressBalance.ts';
 export * from './useConfirmTransactionBase.ts';
 export * from './useConnectAccount.ts';

package/dist/browser/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA"}

package/dist/browser/hooks/useAddressBalance.d.ts

@@ -2,9 +2,7 @@ import type { Address } from '@xylabs/hex';
 import type { AttoXL1 } from '@xyo-network/xl1-protocol';
 import type { XyoViewer } from '@xyo-network/xl1-protocol-sdk';
 export declare const useAddressBalance: (address?: Address, viewer?: XyoViewer, refresh?: number) => {
-    address: import("@xylabs/typeof").Brand<import("@xylabs/hex").Hex, {
-        readonly __address: true;
-    }> | undefined;
+    address: Address | undefined;
     balanceForAddress: AttoXL1 | null | undefined;
     balanceIntlFriendly: string | undefined;
     shortBalanceIntlFriendly: string | undefined;

package/dist/browser/hooks/useAddressBalance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAddressBalance.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAddressBalance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAK9D,eAAO,MAAM,iBAAiB,GAE5B,UAAU,OAAO,EAEjB,SAAS,SAAS,EAElB,UAAU,MAAM;;;;;;;;;CAkEjB,CAAA"}
+{"version":3,"file":"useAddressBalance.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAddressBalance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAK9D,eAAO,MAAM,iBAAiB,GAE5B,UAAU,OAAO,EAEjB,SAAS,SAAS,EAElB,UAAU,MAAM;;;;;;;CAkEjB,CAAA"}

package/dist/browser/hooks/useConnectAccount.d.ts

@@ -1,11 +1,8 @@
+import { type Address } from '@xylabs/hex';
 import type { GatewayName } from '@xyo-network/xl1-protocol';
 export declare const useConnectAccount: (gatewayName?: GatewayName, timeout?: number) => {
-    address: import("@xylabs/typeof").Brand<import("@xylabs/hex").Hex, {
-        readonly __address: true;
-    }> | undefined;
-    connectSigner: () => Promise<import("@xylabs/typeof").Brand<import("@xylabs/hex").Hex, {
-        readonly __address: true;
-    }> | undefined>;
+    address: Address | undefined;
+    connectSigner: () => Promise<Address | undefined>;
     error: Error | undefined;
     gateway: import("@xyo-network/xl1-protocol-sdk").XyoGateway | null | undefined;
     timedout: boolean;

package/dist/browser/hooks/useConnectAccount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConnectAccount.d.ts","sourceRoot":"","sources":["../../../src/hooks/useConnectAccount.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAK5D,eAAO,MAAM,iBAAiB,GAAI,cAAa,WAA4B,EAAE,UAAU,MAAM;;;;;;;;;;CA0B5F,CAAA"}
+{"version":3,"file":"useConnectAccount.d.ts","sourceRoot":"","sources":["../../../src/hooks/useConnectAccount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,OAAO,EAAa,MAAM,aAAa,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAK5D,eAAO,MAAM,iBAAiB,GAAI,cAAa,WAA4B,EAAE,UAAU,MAAM;;;;;;CA0B5F,CAAA"}

package/dist/browser/index.d.ts

@@ -1,5 +1,4 @@
 export * from './components/index.ts';
 export * from './hooks/index.ts';
 export * from './lib/index.ts';
-export * from './types/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}

package/dist/browser/index.mjs

@@ -1,20 +1,140 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// src/components/account/BalanceHistoryFlexbox.tsx
-import { Typography } from "@mui/material";
-import { FlexCol } from "@xylabs/react-flexbox";
-import { isDefined as isDefined9 } from "@xylabs/typeof";
+// src/components/connected/account/Connected.tsx
+import { Stack, Tooltip, Typography } from "@mui/material";
+import { EthAddressWrapper } from "@xylabs/eth-address";
+import { BlockiesAvatarAddress } from "@xyo-network/react-chain-blockies";
+import React from "react";
+var ConnectedAccount = /* @__PURE__ */ __name(({ address }) => {
+  const shortenedAddress = `${EthAddressWrapper.fromString(address)?.toShortString(4)}`;
+  return /* @__PURE__ */ React.createElement(Stack, {
+    direction: "row",
+    alignItems: "center",
+    spacing: 1
+  }, /* @__PURE__ */ React.createElement(BlockiesAvatarAddress, {
+    address,
+    size: 21
+  }), /* @__PURE__ */ React.createElement(Tooltip, {
+    title: address
+  }, /* @__PURE__ */ React.createElement(Typography, {
+    color: "textSecondary",
+    variant: "caption",
+    fontFamily: "monospace"
+  }, shortenedAddress)));
+}, "ConnectedAccount");
+
+// src/components/connected/ConnectAccountsStack.tsx
+import { Alert, AlertTitle, Button, Stack as Stack2, Typography as Typography2 } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { isDefined as isDefined8, isUndefined as isUndefined8 } from "@xylabs/typeof";
 import { ErrorRender } from "@xyo-network/react-error";
-import { AttoXL1, XL1Amount as XL1Amount2 } from "@xyo-network/xl1-protocol";
-import React2 from "react";
+import React2, { useEffect as useEffect4 } from "react";
+
+// src/hooks/account/useAccountBalanceHistory.ts
+import { hexToBigInt as hexToBigInt2 } from "@xylabs/hex";
+import { usePromise } from "@xylabs/react-promise";
+import { isUndefined } from "@xylabs/typeof";
+
+// src/lib/balanceForRange.ts
+import { hexToBigInt, isHex, toHex } from "@xylabs/hex";
+var balanceForRange = /* @__PURE__ */ __name((address, results) => {
+  const totalReceivedBalance = results?.reduce((a, [_block, _tx, transfer]) => {
+    return a + hexToBigInt(transfer.transfers[address] ?? toHex(0));
+  }, 0n);
+  const totalSentBalance = results?.reduce((a, [_block, _tx, transfer]) => {
+    return transfer.from === address ? a + Object.values(transfer.transfers).reduce((a2, v) => a2 + (isHex(v) ? hexToBigInt(v) : 0n), 0n) : a;
+  }, 0n);
+  return [
+    totalReceivedBalance,
+    totalSentBalance
+  ];
+}, "balanceForRange");
+
+// src/lib/findMinimumBlock.ts
+var findMinimumBlock = /* @__PURE__ */ __name((history) => {
+  if (history.length === 0) return 0;
+  const blockNumbers = history.map(([blockBw]) => blockBw.block);
+  const min = Math.min(...blockNumbers);
+  return Math.max(min - 1, 0);
+}, "findMinimumBlock");
+
+// src/hooks/account/useAccountBalanceHistory.ts
+var formatAccountBalanceHistory = /* @__PURE__ */ __name((address, history) => {
+  let results = [];
+  for (const item of history) {
+    const [blockBw, txBw, transfer] = item;
+    if (address === transfer.from) {
+      for (const [to, amount] of Object.entries(transfer.transfers)) {
+        results.push({
+          amount: hexToBigInt2(amount),
+          blockNumber: blockBw.block,
+          from: transfer.from,
+          timestamp: blockBw.$epoch,
+          key: globalThis.crypto.randomUUID(),
+          to,
+          txHash: txBw?._hash,
+          debug: item,
+          type: "send"
+        });
+      }
+    } else {
+      results.push({
+        amount: hexToBigInt2(transfer.transfers[address]),
+        blockNumber: blockBw.block,
+        from: transfer.from,
+        key: globalThis.crypto.randomUUID(),
+        timestamp: blockBw.$epoch,
+        to: address,
+        txHash: txBw?._hash,
+        debug: item,
+        type: "receive"
+      });
+    }
+  }
+  return results;
+}, "formatAccountBalanceHistory");
+var useAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, refresh) => {
+  return usePromise(async () => {
+    if (isUndefined(viewer) || isUndefined(address)) return;
+    let page = 1;
+    let lastBlock;
+    const maxPage = 10;
+    const pagedHistory = [];
+    const history = await viewer.accountBalanceHistory(address);
+    if (history.length > 0) {
+      pagedHistory.push(...history);
+      lastBlock = findMinimumBlock(history);
+      while (page < maxPage) {
+        const nextHistory = await viewer.accountBalanceHistory(address, [
+          0,
+          lastBlock
+        ]);
+        if (nextHistory.length === 0) break;
+        lastBlock = findMinimumBlock(nextHistory);
+        pagedHistory.push(...nextHistory);
+        page++;
+      }
+    }
+    const formattedHistory = formatAccountBalanceHistory(address, pagedHistory);
+    return {
+      history: formattedHistory,
+      balance: balanceForRange(address, pagedHistory),
+      truncated: page >= maxPage
+    };
+  }, [
+    address,
+    viewer,
+    refresh
+  ]);
+}, "useAccountBalanceHistory");
 
 // src/hooks/client/useClient.ts
 import { isNull as isNull2 } from "@xylabs/typeof";
 import { useCallback, useEffect, useSyncExternalStore } from "react";
 
 // src/hooks/helpers/getXyoClient.ts
-import { isUndefined } from "@xylabs/typeof";
+import { isUndefined as isUndefined2 } from "@xylabs/typeof";
 var CLIENT_LISTENER_TIMEOUT = 500;
 var hasXyoClient = /* @__PURE__ */ __name(() => {
   return "client" in globalThis.xyo;
@@ -34,7 +154,7 @@ var listenForClientInjection = /* @__PURE__ */ __name((onClientReady, timeout, o
   }, timeout);
 }, "listenForClientInjection");
 async function getXyoClient(timeout = CLIENT_LISTENER_TIMEOUT) {
-  if (isUndefined(globalThis.xyo)) {
+  if (isUndefined2(globalThis.xyo)) {
     return null;
   }
   return hasXyoClient() ? globalThis.xyo.client : await new Promise((resolve) => {
@@ -245,7 +365,7 @@ var usePermissions = /* @__PURE__ */ __name(() => {
 }, "usePermissions");
 
 // src/hooks/client/permissions/usePermissionsAccounts.ts
-import { usePromise } from "@xylabs/react-promise";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
 import { isArray, isDefined as isDefined3, isDefinedNotNull, isString } from "@xylabs/typeof";
 
 // src/hooks/client/helpers/findCaveat.ts
@@ -275,7 +395,7 @@ var validateRestrictedAccounts = /* @__PURE__ */ __name((restrictedAccounts) =>
 }, "validateRestrictedAccounts");
 var useAccountPermissions = /* @__PURE__ */ __name(() => {
   const { permissions, error } = usePermissions();
-  return usePromise(async () => {
+  return usePromise2(async () => {
     if (isDefinedNotNull(error)) throw error;
     if (isDefined3(permissions)) {
       const restrictedAccounts = await findCaveat(
@@ -310,104 +430,6 @@ var useGateway = /* @__PURE__ */ __name((gatewayName, timeout) => {
   };
 }, "useGateway");
 
-// src/hooks/useAccountBalanceHistory.ts
-import { hexToBigInt as hexToBigInt2 } from "@xylabs/hex";
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-import { isUndefined as isUndefined2 } from "@xylabs/typeof";
-
-// src/lib/balanceForRange.ts
-import { hexToBigInt, toHex } from "@xylabs/hex";
-var balanceForRange = /* @__PURE__ */ __name((address, results) => {
-  const totalReceivedBalance = results?.reduce((a, [_block, _tx, transfer]) => {
-    return a + hexToBigInt(transfer.transfers[address] ?? toHex(0));
-  }, 0n);
-  const totalSentBalance = results?.reduce((a, [_block, _tx, transfer]) => {
-    return transfer.from === address ? a + Object.values(transfer.transfers).reduce((a2, v) => a2 + (v ? hexToBigInt(v) : 0n), 0n) : a;
-  }, 0n);
-  return [
-    totalReceivedBalance,
-    totalSentBalance
-  ];
-}, "balanceForRange");
-
-// src/lib/findMinimumBlock.ts
-var findMinimumBlock = /* @__PURE__ */ __name((history) => {
-  if (history.length === 0) return 0;
-  const blockNumbers = history.map(([blockBw]) => blockBw.block);
-  const min = Math.min(...blockNumbers);
-  return Math.max(min - 1, 0);
-}, "findMinimumBlock");
-
-// src/hooks/useAccountBalanceHistory.ts
-var formatAccountBalanceHistory = /* @__PURE__ */ __name((address, history) => {
-  let results = [];
-  for (const item of history) {
-    const [blockBw, txBw, transfer] = item;
-    if (address === transfer.from) {
-      for (const [to, amount] of Object.entries(transfer.transfers)) {
-        results.push({
-          amount: hexToBigInt2(amount),
-          blockNumber: blockBw.block,
-          from: transfer.from,
-          timestamp: blockBw.$epoch,
-          key: globalThis.crypto.randomUUID(),
-          to,
-          txHash: txBw?._hash,
-          debug: item,
-          type: "send"
-        });
-      }
-    } else {
-      results.push({
-        amount: hexToBigInt2(transfer.transfers[address]),
-        blockNumber: blockBw.block,
-        from: transfer.from,
-        key: globalThis.crypto.randomUUID(),
-        timestamp: blockBw.$epoch,
-        to: address,
-        txHash: txBw?._hash,
-        debug: item,
-        type: "receive"
-      });
-    }
-  }
-  return results;
-}, "formatAccountBalanceHistory");
-var useAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, refresh) => {
-  return usePromise2(async () => {
-    if (isUndefined2(viewer) || isUndefined2(address)) return;
-    let page = 1;
-    let lastBlock;
-    const maxPage = 10;
-    const pagedHistory = [];
-    const history = await viewer.accountBalanceHistory(address);
-    if (history.length > 0) {
-      pagedHistory.push(...history);
-      lastBlock = findMinimumBlock(history);
-      while (page < maxPage) {
-        const nextHistory = await viewer.accountBalanceHistory(address, [
-          0,
-          lastBlock
-        ]);
-        if (nextHistory.length === 0) break;
-        lastBlock = findMinimumBlock(nextHistory);
-        pagedHistory.push(...nextHistory);
-        page++;
-      }
-    }
-    const formattedHistory = formatAccountBalanceHistory(address, pagedHistory);
-    return {
-      history: formattedHistory,
-      balance: balanceForRange(address, pagedHistory),
-      truncated: page >= maxPage
-    };
-  }, [
-    address,
-    viewer,
-    refresh
-  ]);
-}, "useAccountBalanceHistory");
-
 // src/hooks/useAddressBalance.ts
 import { usePromise as usePromise3 } from "@xylabs/react-promise";
 import { isUndefined as isUndefined3, isUndefinedOrNull } from "@xylabs/typeof";
@@ -537,7 +559,7 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
 // src/hooks/useConnectAccount.ts
 import { assertEx as assertEx2 } from "@xylabs/assert";
 import { asAddress } from "@xylabs/hex";
-import { MainNetwork } from "@xyo-network/chain-network-model";
+import { MainNetwork } from "@xyo-network/xl1-network-model";
 import { useCallback as useCallback2, useState as useState3 } from "react";
 var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, timeout) => {
   const [connectError, setConnectError] = useState3();
@@ -624,7 +646,7 @@ var useSigner = /* @__PURE__ */ __name((_provider, account) => {
 // src/hooks/viewer/useCheckRpc.ts
 import { delay as delay2 } from "@xylabs/delay";
 import { isDefined as isDefined6, isUndefined as isUndefined6 } from "@xylabs/typeof";
-import { LocalNetwork, SequenceNetwork } from "@xyo-network/chain-network-model";
+import { LocalNetwork, SequenceNetwork } from "@xyo-network/xl1-network-model";
 import { HttpRpcTransport as HttpRpcTransport2, JsonRpcNetworkStakeViewer, JsonRpcXyoViewer, NetworkStakeViewerRpcSchemas, XyoViewerRpcSchemas } from "@xyo-network/xl1-rpc";
 import { useEffect as useEffect3, useMemo as useMemo5, useState as useState4 } from "react";
 var INTERVAL = 5e3;
@@ -722,143 +744,17 @@ var useViewerFromWallet = /* @__PURE__ */ __name((networkId, timeout) => {
   return result;
 }, "useViewerFromWallet");
 
-// src/components/account/BalanceHistoryTable.tsx
-import { Table, TableBody, TableCell, TableHead, TableRow, Tooltip } from "@mui/material";
-import { isDefined as isDefined8 } from "@xylabs/typeof";
-import { BlockAddressChip, BlockEpochTableCellInner, BlockNumberTableCellInner } from "@xyo-network/react-chain-blockchain";
-import { RawInfoIconButton } from "@xyo-network/react-payload-raw-info";
-import { XL1Amount } from "@xyo-network/xl1-protocol";
-import React from "react";
-
-// src/types/account/Table.ts
-var TableHeadingLabels = [
-  "Tx Hash",
-  "BlockNumber",
-  "Timestamp",
-  "From",
-  "To",
-  "Amount",
-  "Debug"
-];
-
-// src/components/account/BalanceHistoryTable.tsx
-var AccountBalanceHistoryTable = /* @__PURE__ */ __name(({ history, ...props }) => {
-  const formatAmount = /* @__PURE__ */ __name((amount) => {
-    if (!isDefined8(amount)) {
-      return "N/A";
-    }
-    const xl1Amount = new XL1Amount(amount);
-    return xl1Amount.toString(void 0, {
-      places: 18,
-      maxDecimal: 12,
-      maxCharacters: 12,
-      minDecimals: 1,
-      locale: navigator.language
-    });
-  }, "formatAmount");
-  return isDefined8(history) ? /* @__PURE__ */ React.createElement(Table, props, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, TableHeadingLabels.map((heading) => /* @__PURE__ */ React.createElement(TableCell, {
-    key: heading
-  }, heading)))), /* @__PURE__ */ React.createElement(TableBody, null, history?.map(({ amount, blockNumber, debug, from, key, timestamp, to, type, txHash }) => /* @__PURE__ */ React.createElement(TableRow, {
-    key
-  }, /* @__PURE__ */ React.createElement(TableCell, null, txHash || "N/A"), /* @__PURE__ */ React.createElement(BlockNumberTableCellInner, {
-    blockNumber
-  }), /* @__PURE__ */ React.createElement(BlockEpochTableCellInner, {
-    epoch: timestamp
-  }), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Tooltip, {
-    title: `From Address: ${from}`
-  }, /* @__PURE__ */ React.createElement(BlockAddressChip, {
-    address: from,
-    toolTipTitle: `From: ${from}`
-  }))), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Tooltip, {
-    title: `To Address: ${to}`
-  }, /* @__PURE__ */ React.createElement(BlockAddressChip, {
-    address: to,
-    toolTipTitle: `To: ${to}`
-  }))), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Tooltip, {
-    title: `Raw Amount: ${amount}`
-  }, /* @__PURE__ */ React.createElement("span", null, type === "send" ? "-" : "", formatAmount(amount)))), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(RawInfoIconButton, {
-    rawValue: debug
-  })))))) : null;
-}, "AccountBalanceHistoryTable");
-
-// src/components/account/BalanceHistoryFlexbox.tsx
-var AccountBalanceHistoryFlexBox = /* @__PURE__ */ __name(({ address, refresh, viewer, ...props }) => {
-  const [results, error] = useAccountBalanceHistory(address, viewer, refresh);
-  const { history, balance, truncated } = results || {
-    balance: [
-      AttoXL1(0n),
-      AttoXL1(0n)
-    ],
-    history: void 0
-  };
-  const formatBalance = /* @__PURE__ */ __name((balance2) => {
-    const xl1Amount = new XL1Amount2(balance2);
-    return xl1Amount.toString(void 0, {
-      places: 18,
-      maxDecimal: 12,
-      maxCharacters: 12,
-      minDecimals: 1,
-      locale: navigator.language
-    });
-  }, "formatBalance");
-  const formatBalanceMagnitude = /* @__PURE__ */ __name((set) => {
-    const [received, sent] = set;
-    const netBalance = received - sent;
-    return netBalance < 0n ? `-${formatBalance(sent - received)}` : formatBalance(netBalance);
-  }, "formatBalanceMagnitude");
-  return isDefined9(history) && isDefined9(address) ? /* @__PURE__ */ React2.createElement(FlexCol, props, /* @__PURE__ */ React2.createElement(ErrorRender, {
-    error,
-    scope: "AccountBalanceHistoryTable"
-  }), /* @__PURE__ */ React2.createElement(Typography, {
-    variant: "h6",
-    gutterBottom: true
-  }, formatBalanceMagnitude(balance)), truncated ? /* @__PURE__ */ React2.createElement(Typography, {
-    variant: "caption",
-    gutterBottom: true
-  }, "Ranged Balance from", " ", history.at(-1).blockNumber, " ", "-", " ", history[0].blockNumber) : null, /* @__PURE__ */ React2.createElement(AccountBalanceHistoryTable, {
-    history
-  })) : null;
-}, "AccountBalanceHistoryFlexBox");
-
-// src/components/connected/account/Connected.tsx
-import { Stack, Tooltip as Tooltip2, Typography as Typography2 } from "@mui/material";
-import { EthAddressWrapper } from "@xylabs/eth-address";
-import { BlockiesAvatarAddress } from "@xyo-network/react-chain-blockies";
-import React3 from "react";
-var ConnectedAccount = /* @__PURE__ */ __name(({ address }) => {
-  const shortenedAddress = `${EthAddressWrapper.fromString(address)?.toShortString(4)}`;
-  return /* @__PURE__ */ React3.createElement(Stack, {
-    direction: "row",
-    alignItems: "center",
-    spacing: 1
-  }, /* @__PURE__ */ React3.createElement(BlockiesAvatarAddress, {
-    address,
-    size: 21
-  }), /* @__PURE__ */ React3.createElement(Tooltip2, {
-    title: address
-  }, /* @__PURE__ */ React3.createElement(Typography2, {
-    color: "textSecondary",
-    variant: "caption",
-    fontFamily: "monospace"
-  }, shortenedAddress)));
-}, "ConnectedAccount");
-
 // src/components/connected/ConnectAccountsStack.tsx
-import { Alert, AlertTitle, Button, Stack as Stack2, Typography as Typography3 } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { isDefined as isDefined10, isUndefined as isUndefined8 } from "@xylabs/typeof";
-import { ErrorRender as ErrorRender2 } from "@xyo-network/react-error";
-import React4, { useEffect as useEffect4 } from "react";
-var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React4.createElement(ButtonEx, {
+var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React2.createElement(ButtonEx, {
   variant: "contained",
   size: "small",
   ...props
 }), "DefaultConnectComponent");
-var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React4.createElement(Alert, {
+var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React2.createElement(Alert, {
   severity: "warning"
-}, /* @__PURE__ */ React4.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React4.createElement(Typography3, {
+}, /* @__PURE__ */ React2.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React2.createElement(Typography2, {
   gutterBottom: true
-}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React4.createElement(Button, {
+}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React2.createElement(Button, {
   sx: {
     display: "flex",
     justifySelf: "end"
@@ -872,7 +768,7 @@ var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE_
 var ConnectAccountsStack = /* @__PURE__ */ __name(({ AccountComponent = ConnectedAccount, ConnectComponent = DefaultConnectComponent, NoWalletInstalledComponent = DefaultNoWalletInstalledComponent, onAccountConnected, onCancel, timeout, ...props }) => {
   const { address, connectSigner, error, timedout } = useConnectAccount(void 0, timeout);
   useEffect4(() => {
-    if (isDefined10(error) && isDefined10(onCancel)) {
+    if (isDefined8(error) && isDefined8(onCancel)) {
       onCancel();
     }
   }, [
@@ -880,33 +776,30 @@ var ConnectAccountsStack = /* @__PURE__ */ __name(({ AccountComponent = Connecte
     onCancel
   ]);
   useEffect4(() => {
-    if (isDefined10(address) && isDefined10(onAccountConnected)) {
+    if (isDefined8(address) && isDefined8(onAccountConnected)) {
       onAccountConnected(address);
     }
   }, [
     address,
     onAccountConnected
   ]);
-  return /* @__PURE__ */ React4.createElement(Stack2, {
+  return /* @__PURE__ */ React2.createElement(Stack2, {
     direction: "row",
     alignItems: "start",
     spacing: 2,
     ...props
-  }, isDefined10(address) ? /* @__PURE__ */ React4.createElement(AccountComponent, {
+  }, isDefined8(address) ? /* @__PURE__ */ React2.createElement(AccountComponent, {
     address
-  }) : null, isUndefined8(address) && !timedout ? /* @__PURE__ */ React4.createElement(ConnectComponent, {
+  }) : null, isUndefined8(address) && !timedout ? /* @__PURE__ */ React2.createElement(ConnectComponent, {
     onClick: /* @__PURE__ */ __name(() => void connectSigner(), "onClick")
-  }, "Connect") : null, isUndefined8(address) && timedout ? /* @__PURE__ */ React4.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React4.createElement(ErrorRender2, {
+  }, "Connect") : null, isUndefined8(address) && timedout ? /* @__PURE__ */ React2.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React2.createElement(ErrorRender, {
     error,
     scope: "ConnectSigner:error"
   }));
 }, "ConnectAccountsStack");
 export {
-  AccountBalanceHistoryFlexBox,
-  AccountBalanceHistoryTable,
   ConnectAccountsStack,
   ConnectedAccount,
-  TableHeadingLabels,
   TransactionConfirmationStatus,
   balanceForRange,
   findMinimumBlock,