@xyo-network/react-chain-provider 1.16.9 → 1.16.11

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/sdk-js";
+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/sdk-js";
 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 { usePromise } from "@xylabs/react-promise";
+import { hexToBigInt as hexToBigInt2 } from "@xylabs/sdk-js";
+import { isUndefined } from "@xylabs/sdk-js";
+
+// src/lib/balanceForRange.ts
+import { hexToBigInt, isHex, toHex } from "@xylabs/sdk-js";
+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 { isNull as isNull2 } from "@xylabs/sdk-js";
 import { useCallback, useEffect, useSyncExternalStore } from "react";
 
 // src/hooks/helpers/getXyoClient.ts
-import { isUndefined } from "@xylabs/typeof";
+import { isUndefined as isUndefined2 } from "@xylabs/sdk-js";
 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) => {
@@ -48,10 +168,7 @@ async function getXyoClient(timeout = CLIENT_LISTENER_TIMEOUT) {
 __name(getXyoClient, "getXyoClient");
 
 // src/hooks/helpers/transaction/Confirmation.ts
-import { assertEx } from "@xylabs/assert";
-import { delay } from "@xylabs/delay";
-import { forget } from "@xylabs/forget";
-import { isDefined, isNull } from "@xylabs/typeof";
+import { assertEx, delay, forget, isDefined, isNull } from "@xylabs/sdk-js";
 var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
   static {
     __name(this, "TransactionConfirmationStatus");
@@ -245,11 +362,11 @@ var usePermissions = /* @__PURE__ */ __name(() => {
 }, "usePermissions");
 
 // src/hooks/client/permissions/usePermissionsAccounts.ts
-import { usePromise } from "@xylabs/react-promise";
-import { isArray, isDefined as isDefined3, isDefinedNotNull, isString } from "@xylabs/typeof";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { isArray, isDefined as isDefined3, isDefinedNotNull, isString } from "@xylabs/sdk-js";
 
 // src/hooks/client/helpers/findCaveat.ts
-import { isDefined as isDefined2 } from "@xylabs/typeof";
+import { isDefined as isDefined2 } from "@xylabs/sdk-js";
 var findCaveat = /* @__PURE__ */ __name(async (permissions, targetCapability, targetCaveatType) => {
   const existingPermissions = await permissions.getPermissions();
   if (isDefined2(existingPermissions) && existingPermissions.length > 0) {
@@ -275,7 +392,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(
@@ -292,7 +409,7 @@ var useAccountPermissions = /* @__PURE__ */ __name(() => {
 }, "useAccountPermissions");
 
 // src/hooks/client/useGateway.ts
-import { isDefined as isDefined4, isNull as isNull3 } from "@xylabs/typeof";
+import { isDefined as isDefined4, isNull as isNull3 } from "@xylabs/sdk-js";
 var useGateway = /* @__PURE__ */ __name((gatewayName, timeout) => {
   const { client, isLoading, error, timedout } = useClient(timeout);
   const resolveGateway = /* @__PURE__ */ __name(() => {
@@ -310,107 +427,9 @@ 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";
+import { isUndefined as isUndefined3, isUndefinedOrNull } from "@xylabs/sdk-js";
 import { ShiftedBigInt } from "@xyo-network/xl1-protocol";
 import { useMemo, useRef, useState } from "react";
 var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
@@ -483,10 +502,8 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
 }, "useAddressBalance");
 
 // src/hooks/useConfirmTransactionBase.ts
-import { forget as forget2 } from "@xylabs/forget";
-import { isHash } from "@xylabs/hex";
 import { usePromise as usePromise4 } from "@xylabs/react-promise";
-import { isDefined as isDefined5 } from "@xylabs/typeof";
+import { forget as forget2, isDefined as isDefined5, isHash } from "@xylabs/sdk-js";
 import { PayloadBuilder } from "@xyo-network/payload-builder";
 import { useEffect as useEffect2, useState as useState2 } from "react";
 var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast, onStatusUpdate, runner, viewer) => {
@@ -535,9 +552,9 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
 }, "useConfirmTransactionBase");
 
 // 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 { asAddress } from "@xylabs/sdk-js";
+import { assertEx as assertEx2 } from "@xylabs/sdk-js";
+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();
@@ -569,7 +586,7 @@ var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, ti
 
 // src/hooks/useCurrentBlock.ts
 import { usePromise as usePromise5 } from "@xylabs/react-promise";
-import { isDefinedNotNull as isDefinedNotNull2 } from "@xylabs/typeof";
+import { isDefinedNotNull as isDefinedNotNull2 } from "@xylabs/sdk-js";
 var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
   return usePromise5(async () => {
     if (isDefinedNotNull2(viewer) && refresh > 0) {
@@ -583,7 +600,7 @@ var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
 }, "useCurrentBlock");
 
 // src/hooks/useHttpRpcRunner.ts
-import { isUndefined as isUndefined4 } from "@xylabs/typeof";
+import { isUndefined as isUndefined4 } from "@xylabs/sdk-js";
 import { AllRpcSchemas, HttpRpcTransport, JsonRpcXyoRunner } from "@xyo-network/xl1-rpc";
 import { useMemo as useMemo2 } from "react";
 var useHttpRpcRunner = /* @__PURE__ */ __name((url) => {
@@ -599,7 +616,7 @@ var useHttpRpcRunner = /* @__PURE__ */ __name((url) => {
 }, "useHttpRpcRunner");
 
 // src/hooks/useNetwork.ts
-import { isUndefined as isUndefined5 } from "@xylabs/typeof";
+import { isUndefined as isUndefined5 } from "@xylabs/sdk-js";
 import { SimpleXyoNetwork } from "@xyo-network/xl1-protocol-sdk";
 import { useMemo as useMemo3 } from "react";
 var useNetwork = /* @__PURE__ */ __name((id) => {
@@ -622,9 +639,8 @@ var useSigner = /* @__PURE__ */ __name((_provider, account) => {
 }, "useSigner");
 
 // 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 { delay as delay2, isDefined as isDefined6, isUndefined as isUndefined6 } from "@xylabs/sdk-js";
+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;
@@ -680,7 +696,7 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
 }, "useCheckRpc");
 
 // src/hooks/viewer/useHttpRpcViewer.ts
-import { isUndefined as isUndefined7 } from "@xylabs/typeof";
+import { isUndefined as isUndefined7 } from "@xylabs/sdk-js";
 import { HttpRpcTransport as HttpRpcTransport3, JsonRpcNetworkStakeViewer as JsonRpcNetworkStakeViewer2, JsonRpcXyoViewer as JsonRpcXyoViewer2, NetworkStakeViewerRpcSchemas as NetworkStakeViewerRpcSchemas2, XyoViewerRpcSchemas as XyoViewerRpcSchemas2 } from "@xyo-network/xl1-rpc";
 import { useMemo as useMemo6 } from "react";
 var useHttpRpcViewer = /* @__PURE__ */ __name((url) => {
@@ -703,7 +719,7 @@ var useHttpRpcViewer = /* @__PURE__ */ __name((url) => {
 
 // src/hooks/viewer/useViewerFromWallet.ts
 import { usePromise as usePromise6 } from "@xylabs/react-promise";
-import { isDefined as isDefined7, isDefinedNotNull as isDefinedNotNull3, isNull as isNull4 } from "@xylabs/typeof";
+import { isDefined as isDefined7, isDefinedNotNull as isDefinedNotNull3, isNull as isNull4 } from "@xylabs/sdk-js";
 var useViewerFromWallet = /* @__PURE__ */ __name((networkId, timeout) => {
   const { gateway, error, isLoading, timedout } = useGateway(networkId, timeout);
   const result = usePromise6(async () => {
@@ -722,143 +738,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 +762,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 +770,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,