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

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.5",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -55,15 +55,15 @@
     "@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",
+    "@xylabs/sdk-js": "~5.0.83",
     "@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",
+    "@xyo-network/chain-analyze": "~1.20.5",
+    "@xyo-network/chain-protocol": "~1.20.5",
+    "@xyo-network/chain-wrappers": "~1.20.5",
     "@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.5",
+    "@xyo-network/react-chain-provider": "~1.20.5",
+    "@xyo-network/react-chain-shared": "~1.20.5",
     "@xyo-network/react-error": "~7.5.5",
     "@xyo-network/react-event": "~7.5.5",
     "@xyo-network/react-payload-raw-info": "~7.5.5",
@@ -71,7 +71,7 @@
     "@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/xl1-sdk": "~1.25.22"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
@@ -81,14 +81,15 @@
     "@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",
+    "@xylabs/sdk-js": "~5.0.83",
+    "@xylabs/ts-scripts-yarn3": "~7.4.13",
+    "@xylabs/tsconfig": "~7.4.13",
+    "@xylabs/tsconfig-dom": "~7.4.13",
+    "@xylabs/tsconfig-react": "~7.4.13",
     "@xyo-network/bridge-http": "~5.3.15",
+    "@xyo-network/react-chain-network": "~1.20.5",
     "@xyo-network/sdk-js": "~5.3.15",
-    "@xyo-network/xl1-sdk": "~1.25.20",
+    "@xyo-network/xl1-sdk": "~1.25.22",
     "axios": "^1.13.6",
     "eslint": "^9.39.4",
     "ethers": "^6.16.0",

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,
-}))