@xyo-network/react-chain-blockchain 1.20.15 → 1.20.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.20.15",
+  "version": "1.20.16",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -25,100 +25,209 @@
       "types": "./dist/browser/index.d.ts",
       "browser": {
         "types": "./dist/browser/index.d.ts",
-        "source": "./src/index.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "source": "./src/index.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "module": "./dist/browser/index.mjs",
-  "source": "./src/index.ts",
   "types": "./dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src",
     "!**/*.bench.*",
     "!**/*.spec.*",
-    "!**/*.test.*"
+    "!**/*.test.*",
+    "README.md"
   ],
-  "scripts": {
-    "package-cycle": "echo Nothing to do"
-  },
   "dependencies": {
-    "@xylabs/react-animation": "~7.1.17",
-    "@xylabs/react-error": "~7.1.17",
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xylabs/react-promise": "~7.1.17",
-    "@xylabs/react-quick-tip-button": "~7.1.17",
-    "@xylabs/react-shared": "~7.1.17",
-    "@xylabs/react-theme": "~7.1.17",
-    "@xylabs/sdk-js": "~5.0.90",
-    "@xyo-network/boundwitness-model": "~5.3.20",
-    "@xyo-network/chain-analyze": "~1.20.15",
-    "@xyo-network/chain-protocol": "~1.20.15",
-    "@xyo-network/chain-wrappers": "~1.20.15",
+    "@mui/x-charts": "~8.28.2",
+    "@xylabs/react-animation": "~7.1.20",
+    "@xylabs/react-error": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "~5.0.95",
+    "@xyo-network/boundwitness-model": "~5.3.30",
     "@xyo-network/react-boundwitness-plugin": "~7.5.8",
-    "@xyo-network/react-chain-blockies": "~1.20.15",
-    "@xyo-network/react-chain-provider": "~1.20.15",
-    "@xyo-network/react-chain-shared": "~1.20.15",
     "@xyo-network/react-error": "~7.5.8",
     "@xyo-network/react-event": "~7.5.8",
     "@xyo-network/react-payload-raw-info": "~7.5.8",
     "@xyo-network/react-payload-table": "~7.5.8",
     "@xyo-network/react-shared": "~7.5.8",
     "@xyo-network/react-table": "~7.5.8",
-    "@xyo-network/sdk-js": "~5.3.20",
-    "@xyo-network/xl1-sdk": "~1.26.11"
+    "@xyo-network/sdk-js": "~5.3.30",
+    "@xyo-network/xl1-sdk": "~1.26.19",
+    "@xyo-network/chain-analyze": "~1.20.16",
+    "@xyo-network/chain-wrappers": "~1.20.16",
+    "@xyo-network/react-chain-provider": "~1.20.16",
+    "@xyo-network/react-chain-shared": "~1.20.16",
+    "@xyo-network/chain-protocol": "~1.20.16"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
     "@emotion/styled": "~11.14.1",
     "@mui/icons-material": "~7.3.9",
     "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "^10.3.3",
+    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@opentelemetry/api": "^1",
+    "@storybook/react-vite": "^10.3.5",
     "@textea/json-viewer": "~4.0.1",
+    "@types/node": "^25.5.2",
     "@types/react": "~19.2.14",
-    "@xylabs/react-button": "~7.1.17",
-    "@xylabs/sdk-js": "~5.0.90",
-    "@xylabs/ts-scripts-common": "~7.5.11",
-    "@xylabs/ts-scripts-yarn3": "~7.5.11",
-    "@xylabs/tsconfig": "~7.5.11",
-    "@xylabs/tsconfig-dom": "~7.5.11",
-    "@xylabs/tsconfig-react": "~7.5.11",
-    "@xyo-network/bridge-http": "~5.3.20",
-    "@xyo-network/react-chain-network": "~1.20.15",
-    "@xyo-network/sdk-js": "~5.3.20",
-    "@xyo-network/xl1-sdk": "~1.26.11",
-    "axios": "^1.13.6",
+    "@xylabs/express": "^5.0.95",
+    "@xylabs/mongo": "^5.0.95",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/ts-scripts-common": "~7.9.3",
+    "@xylabs/ts-scripts-pnpm": "~7.9.3",
+    "@xylabs/tsconfig": "~7.9.3",
+    "@xylabs/tsconfig-dom": "~7.9.3",
+    "@xylabs/tsconfig-react": "~7.9.3",
+    "@xylabs/zod": "~5.0.95",
+    "@xyo-network/account": "~5.3.30",
+    "@xyo-network/account-model": "~5.3.30",
+    "@xyo-network/api-models": "~5.3.30",
+    "@xyo-network/archivist-abstract": "~5.3.30",
+    "@xyo-network/archivist-generic": "~5.3.30",
+    "@xyo-network/archivist-memory": "~5.3.30",
+    "@xyo-network/archivist-model": "~5.3.30",
+    "@xyo-network/archivist-view": "~5.3.30",
+    "@xyo-network/archivist-wrapper": "~5.3",
+    "@xyo-network/boundwitness-builder": "~5.3.30",
+    "@xyo-network/boundwitness-validator": "~5.3.30",
+    "@xyo-network/bridge-abstract": "~5.3.30",
+    "@xyo-network/bridge-http": "~5.3.30",
+    "@xyo-network/bridge-model": "~5.3.30",
+    "@xyo-network/config-payload-plugin": "~5.3.30",
+    "@xyo-network/data": "~5.3.30",
+    "@xyo-network/diviner-abstract": "~5.3",
+    "@xyo-network/diviner-boundwitness-memory": "~5.3.30",
+    "@xyo-network/diviner-identity": "~5.3.30",
+    "@xyo-network/diviner-model": "~5.3.30",
+    "@xyo-network/diviner-payload-generic": "~5.3.30",
+    "@xyo-network/diviner-payload-model": "~5.3.30",
+    "@xyo-network/diviner-wrapper": "~5.3",
+    "@xyo-network/dns": "~5.3.30",
+    "@xyo-network/domain-payload-plugin": "~5.3.30",
+    "@xyo-network/elliptic": "~5.3.30",
+    "@xyo-network/hash": "~5.3.30",
+    "@xyo-network/huri": "~5.3.30",
+    "@xyo-network/manifest-model": "~5.3.30",
+    "@xyo-network/module-abstract": "~5.3.30",
+    "@xyo-network/module-model": "~5.3.30",
+    "@xyo-network/module-model-mongodb": "~5.3",
+    "@xyo-network/module-resolver": "~5.3.30",
+    "@xyo-network/module-wrapper": "~5.3",
+    "@xyo-network/network": "~5.3.30",
+    "@xyo-network/node-abstract": "~5.3.30",
+    "@xyo-network/node-memory": "~5.3.30",
+    "@xyo-network/node-model": "~5.3.30",
+    "@xyo-network/node-view": "~5.3.30",
+    "@xyo-network/node-wrapper": "~5.3",
+    "@xyo-network/payload-builder": "~5.3.30",
+    "@xyo-network/payload-model": "~5.3.30",
+    "@xyo-network/payload-validator": "~5.3.30",
+    "@xyo-network/previous-hash-store-model": "~5.3.30",
+    "@xyo-network/sentinel-abstract": "~5.3.30",
+    "@xyo-network/sentinel-memory": "~5.3.30",
+    "@xyo-network/sentinel-model": "~5.3.30",
+    "@xyo-network/wallet-model": "~5.3.30",
+    "@xyo-network/wasm": "~5.3.30",
+    "@xyo-network/witness-adhoc": "~5.3.30",
+    "@xyo-network/witness-model": "~5.3.30",
+    "ajv": "^8",
+    "axios": "^1.14.0",
+    "esbuild": "*",
     "ethers": "^6.16.0",
+    "lmdb": "^3",
+    "mongodb": "^7.1.1",
+    "pako": "~2.1.0",
     "react": "~19.2.4",
     "react-dom": "~19.2.4",
-    "react-router-dom": "^7.13.2",
+    "react-router-dom": "^7.14.0",
     "rollbar": "^3.1.0",
-    "storybook": "^10.3.3",
+    "storybook": "^10.3.5",
     "typescript": "~5.9.3",
-    "vite": "^8.0.3",
-    "zod": "^4.3.6"
+    "vite": "^8.0.7",
+    "zod": "^4.3.6",
+    "@xyo-network/chain-services": "~1.20.16",
+    "@xyo-network/chain-telemetry": "~1.20.16",
+    "@xyo-network/react-chain-blockies": "~1.20.16",
+    "@xyo-network/react-chain-client": "~1.20.16",
+    "@xyo-network/react-chain-network": "~1.20.16"
   },
   "peerDependencies": {
-    "@emotion/react": "~11",
-    "@emotion/styled": "~11",
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "@mui/x-charts": "~8.23.0",
-    "@textea/json-viewer": "~4.0.1",
-    "@xyo-network/sdk-js": "~5.3.2",
-    "axios": "^1",
-    "react": "~19",
-    "react-dom": "~19",
-    "react-router-dom": "^7",
-    "rollbar": "^2",
-    "zod": "^4"
+    "@emotion/styled": "~11.14.1",
+    "@mui/icons-material": "~7.3.9",
+    "@mui/material": "~7.3.9",
+    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@xylabs/express": "^5.0.95",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/zod": "~5.0.95",
+    "@xyo-network/account": "~5.3.30",
+    "@xyo-network/account-model": "~5.3.30",
+    "@xyo-network/api-models": "~5.3.30",
+    "@xyo-network/archivist-abstract": "~5.3.30",
+    "@xyo-network/archivist-generic": "~5.3.30",
+    "@xyo-network/archivist-memory": "~5.3.30",
+    "@xyo-network/archivist-model": "~5.3.30",
+    "@xyo-network/archivist-view": "~5.3.30",
+    "@xyo-network/boundwitness-builder": "~5.3.30",
+    "@xyo-network/boundwitness-validator": "~5.3.30",
+    "@xyo-network/bridge-abstract": "~5.3.30",
+    "@xyo-network/bridge-model": "~5.3.30",
+    "@xyo-network/config-payload-plugin": "~5.3.30",
+    "@xyo-network/data": "~5.3.30",
+    "@xyo-network/diviner-boundwitness-memory": "~5.3.30",
+    "@xyo-network/diviner-identity": "~5.3.30",
+    "@xyo-network/diviner-model": "~5.3.30",
+    "@xyo-network/diviner-payload-generic": "~5.3.30",
+    "@xyo-network/diviner-payload-model": "~5.3.30",
+    "@xyo-network/dns": "~5.3.30",
+    "@xyo-network/domain-payload-plugin": "~5.3.30",
+    "@xyo-network/elliptic": "~5.3.30",
+    "@xyo-network/hash": "~5.3.30",
+    "@xyo-network/huri": "~5.3.30",
+    "@xyo-network/manifest-model": "~5.3.30",
+    "@xyo-network/module-abstract": "~5.3.30",
+    "@xyo-network/module-model": "~5.3.30",
+    "@xyo-network/module-model-mongodb": "~5.3",
+    "@xyo-network/module-resolver": "~5.3.30",
+    "@xyo-network/network": "~5.3.30",
+    "@xyo-network/node-abstract": "~5.3.30",
+    "@xyo-network/node-memory": "~5.3.30",
+    "@xyo-network/node-model": "~5.3.30",
+    "@xyo-network/node-view": "~5.3.30",
+    "@xyo-network/payload-builder": "~5.3.30",
+    "@xyo-network/payload-model": "~5.3.30",
+    "@xyo-network/payload-validator": "~5.3.30",
+    "@xyo-network/previous-hash-store-model": "~5.3.30",
+    "@xyo-network/sentinel-abstract": "~5.3.30",
+    "@xyo-network/sentinel-memory": "~5.3.30",
+    "@xyo-network/sentinel-model": "~5.3.30",
+    "@xyo-network/wallet-model": "~5.3.30",
+    "@xyo-network/wasm": "~5.3.30",
+    "@xyo-network/witness-adhoc": "~5.3.30",
+    "@xyo-network/witness-model": "~5.3.30",
+    "axios": "^1.14.0",
+    "pako": "~2.1.0",
+    "react": "~19.2.4",
+    "@xyo-network/react-chain-blockies": "~1.20.16",
+    "@xyo-network/chain-telemetry": "~1.20.16",
+    "@xyo-network/react-chain-client": "~1.20.16",
+    "@xyo-network/chain-services": "~1.20.16"
   },
   "publishConfig": {
     "access": "restricted"
   },
-  "docs": "dist/docs.json"
-}
+  "docs": "dist/docs.json",
+  "scripts": {
+    "package-cycle": "echo Nothing to do"
+  }
+}

package/src/components/FeatureNotAvailable.tsx

@@ -1,20 +0,0 @@
-import {
-  Button,
-  Dialog, DialogActions, DialogContent, type DialogProps, DialogTitle,
-} from '@mui/material'
-import type { FC } from 'react'
-import React from 'react'
-
-export const FeatureNotAvailable: FC<DialogProps & { featureName?: string }> = ({ featureName = 'Feature', ...props }) => (
-  <Dialog {...props}>
-    <DialogTitle>
-      {`${featureName} Not Available`}
-    </DialogTitle>
-    <DialogContent>This feature is not currently available.  Either you do not have access to it or it is currently undergoing maintenance.</DialogContent>
-    <DialogActions>
-      <Button onClick={e => props.onClose?.(e, 'backdropClick')}>
-        Close
-      </Button>
-    </DialogActions>
-  </Dialog>
-)

package/src/components/account/BalanceHistoryFlexbox.stories.tsx

@@ -1,25 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import type { Address } from '@xylabs/sdk-js'
-import { SequenceNetworkGatewayDecorator } from '@xyo-network/react-chain-network'
-import { useViewerFromGateway } from '@xyo-network/react-chain-provider'
-
-import { AccountBalanceHistoryFlexBox } from './BalanceHistoryFlexbox.tsx'
-
-export default {
-  title: 'AccountBalanceHistory/FlexBox',
-  component: AccountBalanceHistoryFlexBox,
-  decorators: [SequenceNetworkGatewayDecorator],
-} as Meta
-
-const Template: StoryFn<typeof AccountBalanceHistoryFlexBox> = (args) => {
-  const viewer = useViewerFromGateway()
-  return <AccountBalanceHistoryFlexBox viewer={viewer} {...args} />
-}
-
-const Default = Template.bind({})
-Default.args = {
-  address: '2b1a21d8c90e658d8bf1e2aad31c8dc892c353c1' as Address,
-  refresh: 0,
-}
-
-export { Default }

package/src/components/account/BalanceHistoryFlexbox.tsx

@@ -1,53 +0,0 @@
-import { Typography } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { type Address } from '@xylabs/sdk-js'
-import { isDefined } from '@xylabs/sdk-js'
-import { useAccountBalanceHistory } from '@xyo-network/react-chain-provider'
-import { ErrorRender } from '@xyo-network/react-error'
-import type { XyoViewer } from '@xyo-network/xl1-sdk'
-import { AttoXL1 } from '@xyo-network/xl1-sdk'
-import React from 'react'
-
-import { formatBalanceMagnitude } from './helpers/index.ts'
-import { AccountBalanceHistoryTableEx } from './table/index.ts'
-
-export interface AccountBalanceHistoryFlexBoxProps extends FlexBoxProps {
-  address?: Address
-  refresh?: number
-  viewer?: XyoViewer
-}
-
-export const AccountBalanceHistoryFlexBox: React.FC<AccountBalanceHistoryFlexBoxProps> = ({
-  address, refresh, viewer, ...props
-}) => {
-  const [results, error] = useAccountBalanceHistory(address, viewer, undefined, undefined, refresh)
-  const {
-    history, balance, truncated,
-  } = results || { balance: [AttoXL1(0n), AttoXL1(0n)], history: undefined }
-
-  return isDefined(history) && isDefined(address)
-    ? (
-        <FlexCol {...props}>
-          <ErrorRender error={error} scope="AccountBalanceHistoryTable" />
-          <Typography variant="h6" gutterBottom>
-            {formatBalanceMagnitude(balance)}
-          </Typography>
-          {truncated
-            ? (
-                <Typography variant="caption" gutterBottom>
-                  Ranged Balance from
-                  {' '}
-                  {history.at(-1)!.blockNumber}
-                  {' '}
-                  -
-                  {' '}
-                  {history[0].blockNumber}
-                </Typography>
-              )
-            : null}
-          <AccountBalanceHistoryTableEx history={history} />
-        </FlexCol>
-      )
-    : null
-}

package/src/components/account/helpers/formatBalanceMagnitude.ts

@@ -1,14 +0,0 @@
-import { type AttoXL1, XL1Amount } from '@xyo-network/xl1-sdk'
-
-export const formatBalanceMagnitude = (set: [AttoXL1, AttoXL1]) => {
-  const [received, sent] = set
-  const netBalance = received - sent
-  return netBalance < 0n ? `-${formatBalance(sent - received)}` : formatBalance(netBalance)
-}
-
-const formatBalance = (balance: bigint) => {
-  const xl1Amount = new XL1Amount(balance)
-  return xl1Amount.toString(undefined, {
-    places: 18, maxDecimal: 12, maxCharacters: 12, minDecimals: 1, locale: navigator.language,
-  })
-}

package/src/components/account/helpers/index.ts

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

package/src/components/account/hooks/index.ts

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

package/src/components/account/hooks/usePagedAccountBalanceHistory.ts

@@ -1,39 +0,0 @@
-import type { Address } from '@xylabs/sdk-js'
-import { isDefined } from '@xylabs/sdk-js'
-import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider'
-import { useAccountBalanceHistory } from '@xyo-network/react-chain-provider'
-import type { XL1BlockRange, XyoViewer } from '@xyo-network/xl1-sdk'
-import { useCallback, useState } from 'react'
-
-export const usePagedAccountBalanceHistory = (address?: Address, viewer?: XyoViewer, maxPage = 1) => {
-  const [updatedBlockRange, setUpdatedBlockRange] = useState<XL1BlockRange>()
-  const [pagedHistory, setPagedHistory] = useState<AccountBalanceHistoryItemFormatted[]>()
-  const [results, error, loading] = useAccountBalanceHistory(address, viewer, maxPage, updatedBlockRange)
-
-  const { history, truncated } = results || {}
-  const [previousHistory, setPreviousHistory] = useState(history)
-
-  // Reset paged history when address changes
-  if (isDefined(history) && history !== previousHistory) {
-    setPagedHistory([...pagedHistory ?? [], ...history])
-    setPreviousHistory(history)
-  }
-
-  const lastBlock = isDefined(history) ? history.at(-1)?.blockNumber : undefined
-  const historyComplete = (isDefined(history) && history.length === 0) || lastBlock === 0
-
-  const updateRange = useCallback(() => {
-    if (isDefined(lastBlock) && lastBlock > 0 && truncated) {
-      const newEndBlock = lastBlock - 1
-      setUpdatedBlockRange([0, newEndBlock] as XL1BlockRange)
-    }
-  }, [lastBlock, truncated])
-
-  return {
-    pagedHistory,
-    historyComplete,
-    updateRange,
-    error,
-    loading,
-  }
-}

package/src/components/account/index.ts

@@ -1,4 +0,0 @@
-export * from './BalanceHistoryFlexbox.tsx'
-export * from './helpers/index.ts'
-export * from './hooks/index.ts'
-export * from './table/index.ts'

package/src/components/account/table/BalanceHistoryTableEx.stories.tsx

@@ -1,111 +0,0 @@
-import {
-  Alert, AlertTitle, LinearProgress, Snackbar, Stack,
-} from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { ButtonEx } from '@xylabs/react-button'
-import { type Address, isDefined } from '@xylabs/sdk-js'
-import { SequenceNetworkGatewayDecorator, useViewerInPage } from '@xyo-network/react-chain-network'
-import { useAccountBalanceHistory, useViewerFromGateway } from '@xyo-network/react-chain-provider'
-import { ErrorRender } from '@xyo-network/react-error'
-import type { Event } from '@xyo-network/react-event'
-import { useEvent } from '@xyo-network/react-event'
-import type { XL1BlockRange } from '@xyo-network/xl1-sdk'
-import { useState } from 'react'
-
-import { usePagedAccountBalanceHistory } from '../hooks/index.ts'
-import { AccountBalanceHistoryTableEx } from './BalanceHistoryTableEx.tsx'
-
-export default {
-  title: 'AccountBalanceHistory/TableEx',
-  component: AccountBalanceHistoryTableEx,
-  decorators: [SequenceNetworkGatewayDecorator],
-} as Meta
-
-const TEST_ADDRESS = 'aa9401662e9cd3ce8bb8a6ab92a35ed83e85ac67' as Address
-
-const TEST_ADDRESS_1 = '2b1a21d8c90e658d8bf1e2aad31c8dc892c353c1' as Address
-
-const useFetchBalanceHistory = (address?: Address, maxPage = 10, blockRange?: XL1BlockRange) => {
-  const viewer = useViewerFromGateway()
-  return useAccountBalanceHistory(address, viewer, maxPage, blockRange)
-}
-
-const Template: StoryFn<typeof AccountBalanceHistoryTableEx> = (args) => {
-  const results = useFetchBalanceHistory(TEST_ADDRESS)
-  const [history, error, loading] = results
-  return (
-    <>
-      <ErrorRender error={error} scope="AccountBalanceHistoryTableStory" />
-      {loading === 'pending' ? <LinearProgress /> : null}
-      <AccountBalanceHistoryTableEx history={history?.history} {...args} />
-    </>
-  )
-}
-
-const TemplateLinked: StoryFn<typeof AccountBalanceHistoryTableEx> = (args) => {
-  const [event, setEvent] = useState<Event>()
-  const [ref] = useEvent<HTMLTableElement>((noun, verb, data) => setEvent({
-    noun, verb, data,
-  }))
-
-  const results = useFetchBalanceHistory(TEST_ADDRESS_1)
-  const [history, error, loading] = results
-
-  return (
-    <>
-      <ErrorRender error={error} scope="AccountBalanceHistoryTableStory" />
-      {loading === 'pending' ? <LinearProgress /> : null}
-      <AccountBalanceHistoryTableEx history={history?.history} ref={ref} {...args} />
-      <Snackbar autoHideDuration={5000} open={!!event} onClose={() => setEvent(undefined)}>
-        <Alert>
-          <AlertTitle>
-            Event -
-            {' '}
-            {event?.noun}
-          </AlertTitle>
-          <pre>{JSON.stringify(event, null, 2)}</pre>
-        </Alert>
-      </Snackbar>
-    </>
-  )
-}
-
-const TemplatePaged: StoryFn<typeof AccountBalanceHistoryTableEx> = (args) => {
-  const viewer = useViewerInPage()
-  const {
-    pagedHistory, historyComplete, updateRange, error, loading,
-  } = usePagedAccountBalanceHistory(TEST_ADDRESS_1, viewer, 1)
-
-  return (
-    <Stack gap={2}>
-      <ErrorRender error={error} scope="AccountBalanceHistoryTableStory" />
-      {loading === 'pending' ? <LinearProgress /> : null}
-      <AccountBalanceHistoryTableEx history={pagedHistory} {...args} />
-      {isDefined(pagedHistory)
-        ? (
-            <ButtonEx
-              variant="contained"
-              onClick={updateRange}
-              disabled={loading === 'pending' || historyComplete}
-              loading={loading === 'pending'}
-            >
-              {historyComplete ? 'End of History' : 'More History'}
-            </ButtonEx>
-          )
-        : null}
-    </Stack>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithLinked = TemplateLinked.bind({})
-WithLinked.args = { linked: true }
-
-const WithPaged = TemplatePaged.bind({})
-WithPaged.args = {}
-
-export {
-  Default, WithLinked, WithPaged,
-}

package/src/components/account/table/BalanceHistoryTableEx.tsx

@@ -1,37 +0,0 @@
-import {
-  TableBody, TableCell, TableHead, TableRow,
-} from '@mui/material'
-import { isDefined } from '@xylabs/sdk-js'
-import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider'
-import type { TableExProps } from '@xyo-network/react-table'
-import { TableEx } from '@xyo-network/react-table'
-import React from 'react'
-
-import { BalanceHistoryTableRow } from './BalanceHistoryTableRow.tsx'
-import { TableHeadingLabels } from './types/index.ts'
-
-export interface AccountBalanceHistoryTableExProps extends TableExProps {
-  history?: AccountBalanceHistoryItemFormatted[]
-  linked?: boolean
-}
-
-export const AccountBalanceHistoryTableEx: React.FC<AccountBalanceHistoryTableExProps> = ({
-  history, linked, ...props
-}) => {
-  return isDefined(history)
-    ? (
-        <TableEx {...props}>
-          <TableHead>
-            <TableRow>
-              {TableHeadingLabels.map(heading => (
-                <TableCell key={heading}>{heading}</TableCell>
-              ))}
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {history?.map(row => <BalanceHistoryTableRow key={row.key} linked={linked} row={row} />)}
-          </TableBody>
-        </TableEx>
-      )
-    : null
-}

package/src/components/account/table/BalanceHistoryTableRow.stories.tsx

@@ -1,53 +0,0 @@
-import { Table, TableBody } from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import type { Address, Hash } from '@xylabs/sdk-js'
-import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider'
-import type { AccountBalanceHistoryItem } from '@xyo-network/xl1-sdk'
-import React from 'react'
-
-import { BalanceHistoryTableRow } from './BalanceHistoryTableRow.tsx'
-
-const sampleRow: AccountBalanceHistoryItemFormatted = {
-  amount: 866_949_573_941_165_034_031n,
-  blockNumber: 652_126,
-  blockHash: 'abc123456789abcdef123456789abcdef123456789abcdef123456789abcdef' as Hash,
-  debug: undefined as unknown as AccountBalanceHistoryItem,
-  from: '626cfa5650444825a1633287a0b4bc8a55f54735' as Address,
-  key: 'a80ee574-1c52-46bc-a5df-bbd9b9b8082e',
-  timestamp: 1_769_423_309_664,
-  to: 'd50a55aa2f6c9416cf8ecc9ef4790260564a7ec7' as Address,
-  txHash: '123456789abcdef123456789abcdef123456789abcdef123456789abcdef1234' as Hash,
-  transferHash: '123456789abcdef123456789abcdef123456789abcdef123456789abcdef1234' as Hash,
-  type: 'receive',
-}
-
-export default {
-  title: 'AccountBalanceHistory/TableRow',
-  component: BalanceHistoryTableRow,
-} as Meta<typeof BalanceHistoryTableRow>
-
-const Template: StoryFn<typeof BalanceHistoryTableRow> = args => (
-  <Table>
-    <TableBody>
-      <BalanceHistoryTableRow {...args} />
-    </TableBody>
-  </Table>
-)
-
-const Default = Template.bind({})
-Default.args = { row: sampleRow }
-
-const WithLinked = Template.bind({})
-WithLinked.args = { row: sampleRow, linked: true }
-
-const WithNoTxHash = Template.bind({})
-WithNoTxHash.args = {
-  row: {
-    ...sampleRow,
-    txHash: undefined,
-  },
-}
-
-export {
-  Default, WithLinked, WithNoTxHash,
-}