@xyo-network/react-chain-blockchain 1.20.4 → 1.20.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.20.4",
+  "version": "1.20.8",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -47,7 +47,6 @@
     "package-cycle": "echo Nothing to do"
   },
   "dependencies": {
-    "@storybook/react-vite": "^10.2.17",
     "@xylabs/react-animation": "~7.1.17",
     "@xylabs/react-error": "~7.1.17",
     "@xylabs/react-flexbox": "~7.1.17",
@@ -55,50 +54,51 @@
     "@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.80",
-    "@xyo-network/boundwitness-model": "~5.3.15",
-    "@xyo-network/chain-analyze": "~1.20.4",
-    "@xyo-network/chain-protocol": "~1.20.4",
-    "@xyo-network/chain-wrappers": "~1.20.4",
+    "@xylabs/sdk-js": "~5.0.86",
+    "@xyo-network/boundwitness-model": "~5.3.16",
+    "@xyo-network/chain-analyze": "~1.20.8",
+    "@xyo-network/chain-protocol": "~1.20.8",
+    "@xyo-network/chain-wrappers": "~1.20.8",
     "@xyo-network/react-boundwitness-plugin": "~7.5.5",
-    "@xyo-network/react-chain-blockies": "~1.20.4",
-    "@xyo-network/react-chain-provider": "~1.20.4",
-    "@xyo-network/react-chain-shared": "~1.20.4",
+    "@xyo-network/react-chain-blockies": "~1.20.8",
+    "@xyo-network/react-chain-provider": "~1.20.8",
+    "@xyo-network/react-chain-shared": "~1.20.8",
     "@xyo-network/react-error": "~7.5.5",
     "@xyo-network/react-event": "~7.5.5",
     "@xyo-network/react-payload-raw-info": "~7.5.5",
     "@xyo-network/react-payload-table": "~7.5.5",
     "@xyo-network/react-shared": "~7.5.5",
     "@xyo-network/react-table": "~7.5.5",
-    "@xyo-network/sdk-js": "~5.3.15",
-    "@xyo-network/xl1-sdk": "~1.25.20"
+    "@xyo-network/sdk-js": "~5.3.16",
+    "@xyo-network/xl1-sdk": "~1.25.33"
   },
   "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",
     "@textea/json-viewer": "~4.0.1",
     "@types/react": "~19.2.14",
     "@xylabs/react-button": "~7.1.17",
-    "@xylabs/sdk-js": "~5.0.80",
-    "@xylabs/ts-scripts-yarn3": "~7.4.10",
-    "@xylabs/tsconfig": "~7.4.10",
-    "@xylabs/tsconfig-dom": "~7.4.10",
-    "@xylabs/tsconfig-react": "~7.4.10",
-    "@xyo-network/bridge-http": "~5.3.15",
-    "@xyo-network/sdk-js": "~5.3.15",
-    "@xyo-network/xl1-sdk": "~1.25.20",
+    "@xylabs/sdk-js": "~5.0.86",
+    "@xylabs/ts-scripts-yarn3": "~7.4.25",
+    "@xylabs/tsconfig": "~7.4.25",
+    "@xylabs/tsconfig-dom": "~7.4.25",
+    "@xylabs/tsconfig-react": "~7.4.25",
+    "@xyo-network/bridge-http": "~5.3.16",
+    "@xyo-network/react-chain-network": "~1.20.8",
+    "@xyo-network/sdk-js": "~5.3.16",
+    "@xyo-network/xl1-sdk": "~1.25.33",
     "axios": "^1.13.6",
-    "eslint": "^9.39.4",
     "ethers": "^6.16.0",
     "react": "~19.2.4",
     "react-dom": "~19.2.4",
-    "react-router-dom": "^7.13.1",
-    "rollbar": "^3.0.0",
-    "storybook": "^10.2.17",
+    "react-router-dom": "^7.13.2",
+    "rollbar": "^3.1.0",
+    "storybook": "^10.3.3",
     "typescript": "~5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.2",
     "zod": "^4.3.6"
   },
   "peerDependencies": {

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

@@ -1,18 +1,18 @@
 import type { Meta, StoryFn } from '@storybook/react-vite'
 import type { Address } from '@xylabs/sdk-js'
-import { useHttpRpcViewer } from '@xyo-network/react-chain-provider'
-import { LocalNetwork } from '@xyo-network/xl1-sdk'
-import React from 'react'
+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 = useHttpRpcViewer(LocalNetwork.url)
+  const viewer = useViewerFromGateway()
   return <AccountBalanceHistoryFlexBox viewer={viewer} {...args} />
 }
 

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

@@ -1,17 +1,15 @@
 import {
-  Alert, AlertTitle,
-  LinearProgress, Snackbar,
-  Stack,
+  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 { useAccountBalanceHistory, useHttpRpcViewer } from '@xyo-network/react-chain-provider'
+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 { LocalNetwork } from '@xyo-network/xl1-sdk'
 import { useState } from 'react'
 
 import { usePagedAccountBalanceHistory } from '../hooks/index.ts'
@@ -20,14 +18,15 @@ import { AccountBalanceHistoryTableEx } from './BalanceHistoryTableEx.tsx'
 export default {
   title: 'AccountBalanceHistory/TableEx',
   component: AccountBalanceHistoryTableEx,
+  decorators: [SequenceNetworkGatewayDecorator],
 } as Meta
 
 const TEST_ADDRESS = 'aa9401662e9cd3ce8bb8a6ab92a35ed83e85ac67' as Address
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 const TEST_ADDRESS_1 = '2b1a21d8c90e658d8bf1e2aad31c8dc892c353c1' as Address
 
 const useFetchBalanceHistory = (address?: Address, maxPage = 10, blockRange?: XL1BlockRange) => {
-  const viewer = useHttpRpcViewer(LocalNetwork.url)
+  const viewer = useViewerFromGateway()
   return useAccountBalanceHistory(address, viewer, maxPage, blockRange)
 }
 
@@ -72,10 +71,10 @@ const TemplateLinked: StoryFn<typeof AccountBalanceHistoryTableEx> = (args) => {
 }
 
 const TemplatePaged: StoryFn<typeof AccountBalanceHistoryTableEx> = (args) => {
-  const viewer = useHttpRpcViewer(LocalNetwork.url)
+  const viewer = useViewerInPage()
   const {
     pagedHistory, historyComplete, updateRange, error, loading,
-  } = usePagedAccountBalanceHistory(TEST_ADDRESS, viewer, 1)
+  } = usePagedAccountBalanceHistory(TEST_ADDRESS_1, viewer, 1)
 
   return (
     <Stack gap={2}>

package/src/components/chain/stats/producer/ProducerFlexbox.tsx

@@ -1,6 +1,4 @@
-import {
-  ListItem, styled, Typography,
-} from '@mui/material'
+import { Typography } from '@mui/material'
 import { ErrorRender } from '@xylabs/react-error'
 import { FlexCol } from '@xylabs/react-flexbox'
 import { isChainSummaryProducers } from '@xyo-network/chain-analyze'
@@ -32,8 +30,3 @@ export const BlockProducerStatsFlexbox: React.FC<BlockProducerStatsFlexboxProps>
     </FlexCol>
   )
 }
-
-export const StyledListItem = styled(ListItem)(() => ({
-  paddingTop: 0,
-  paddingBottom: 0,
-}))

package/src/components/payload/fields/XyoAddressTextField.tsx

@@ -29,14 +29,22 @@ export const XyoAddressTextField: React.FC<XyoAddressTextFieldProps> = ({
 
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const { value } = event.target
+    // allow the parent component to also respond to the change if they need to
     onChange?.(event)
 
+    // validate the address and call onAddressChanged if it's valid
     const xyoAddress = asAddress(value)
     if (isAddress(xyoAddress)) {
       onAddressChanged?.(xyoAddress)
+      setAddressError(undefined)
+    } else if (value === '') {
+      // if the input is empty, we clear the error but don't call onAddressChanged because there's no address
+      setAddressError(undefined)
+    } else {
+      // if the address is invalid, we set an error and call onAddressChanged with undefined to clear any previously set address
+      setAddressError(new Error('Invalid address'))
     }
 
-    setAddressError(undefined)
     setAddress(value)
   }