@xyo-network/react-chain-blockchain 1.16.24 → 1.16.26

package/dist/browser/types/BlockComponentProps.d.ts

@@ -1,8 +1,8 @@
 import type { Hash } from '@xylabs/sdk-js';
-import type { HydratedBlock } from '@xyo-network/xl1-protocol';
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol';
 /** Interface for all components that render a single block */
 export interface BlockComponentProps {
-    block: HydratedBlock;
+    block: HydratedBlockWithHashMeta;
     defaultExpanded?: boolean;
 }
 /** Interface for all components that render a single block with transactions */

package/dist/browser/types/BlockComponentProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockComponentProps.d.ts","sourceRoot":"","sources":["../../../src/types/BlockComponentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAE9D,8DAA8D;AAC9D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,aAAa,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,gFAAgF;AAChF,MAAM,WAAW,0BAA2B,SAAQ,mBAAmB;IACrE,YAAY,EAAE,IAAI,EAAE,CAAA;CACrB"}
+{"version":3,"file":"BlockComponentProps.d.ts","sourceRoot":"","sources":["../../../src/types/BlockComponentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,8DAA8D;AAC9D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,yBAAyB,CAAA;IAChC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,gFAAgF;AAChF,MAAM,WAAW,0BAA2B,SAAQ,mBAAmB;IACrE,YAAY,EAAE,IAAI,EAAE,CAAA;CACrB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.16.24",
+  "version": "1.16.26",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@storybook/react-vite": "~10.0.8",
-    "@xylabs/axios": "~5.0.39",
+    "@xylabs/axios": "~5.0.46",
     "@xylabs/react-animation": "~7.1.8",
     "@xylabs/react-error": "~7.1.8",
     "@xylabs/react-flexbox": "~7.1.8",
@@ -56,49 +56,49 @@
     "@xylabs/react-quick-tip-button": "~7.1.8",
     "@xylabs/react-shared": "~7.1.8",
     "@xylabs/react-theme": "~7.1.8",
-    "@xylabs/sdk-js": "~5.0.39",
-    "@xyo-network/account": "~5.1.24",
-    "@xyo-network/archivist-memory": "~5.1.24",
-    "@xyo-network/archivist-model": "~5.1.24",
-    "@xyo-network/boundwitness-builder": "~5.1.24",
-    "@xyo-network/boundwitness-model": "~5.1.24",
-    "@xyo-network/bridge-http": "~5.1.24",
-    "@xyo-network/chain-analyze": "~1.16.24",
-    "@xyo-network/chain-protocol": "~1.16.24",
-    "@xyo-network/chain-services": "~1.16.24",
-    "@xyo-network/chain-utils": "~1.16.24",
-    "@xyo-network/chain-wrappers": "~1.16.24",
-    "@xyo-network/module-model": "~5.1.24",
-    "@xyo-network/payload-builder": "~5.1.24",
-    "@xyo-network/payload-model": "~5.1.24",
-    "@xyo-network/react-boundwitness-plugin": "~7.3.10",
-    "@xyo-network/react-chain-blockies": "~1.16.24",
-    "@xyo-network/react-chain-provider": "~1.16.24",
-    "@xyo-network/react-chain-shared": "~1.16.24",
-    "@xyo-network/react-error": "~7.3.10",
-    "@xyo-network/react-event": "~7.3.10",
-    "@xyo-network/react-payload-raw-info": "~7.3.10",
-    "@xyo-network/react-payload-table": "~7.3.10",
-    "@xyo-network/react-shared": "~7.3.10",
-    "@xyo-network/react-table": "~7.3.10",
-    "@xyo-network/xl1-protocol": "~1.13.13",
-    "@xyo-network/xl1-protocol-sdk": "~1.16.24"
+    "@xylabs/sdk-js": "~5.0.46",
+    "@xyo-network/account": "~5.2.10",
+    "@xyo-network/archivist-memory": "~5.2.10",
+    "@xyo-network/archivist-model": "~5.2.10",
+    "@xyo-network/boundwitness-builder": "~5.2.10",
+    "@xyo-network/boundwitness-model": "~5.2.10",
+    "@xyo-network/bridge-http": "~5.2.10",
+    "@xyo-network/chain-analyze": "~1.16.26",
+    "@xyo-network/chain-protocol": "~1.16.26",
+    "@xyo-network/chain-services": "~1.16.26",
+    "@xyo-network/chain-utils": "~1.16.26",
+    "@xyo-network/chain-wrappers": "~1.16.26",
+    "@xyo-network/module-model": "~5.2.10",
+    "@xyo-network/payload-builder": "~5.2.10",
+    "@xyo-network/payload-model": "~5.2.10",
+    "@xyo-network/react-boundwitness-plugin": "~7.4.0",
+    "@xyo-network/react-chain-blockies": "~1.16.26",
+    "@xyo-network/react-chain-provider": "~1.16.26",
+    "@xyo-network/react-chain-shared": "~1.16.26",
+    "@xyo-network/react-error": "~7.4.0",
+    "@xyo-network/react-event": "~7.4.0",
+    "@xyo-network/react-payload-raw-info": "~7.4.0",
+    "@xyo-network/react-payload-table": "~7.4.0",
+    "@xyo-network/react-shared": "~7.4.0",
+    "@xyo-network/react-table": "~7.4.0",
+    "@xyo-network/xl1-protocol": "~1.14.15",
+    "@xyo-network/xl1-protocol-sdk": "~1.16.26"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
     "@emotion/styled": "~11.14.1",
     "@mui/icons-material": "~7.3.5",
     "@mui/material": "~7.3.5",
-    "@types/react": "~19.2.6",
+    "@types/react": "~19.2.7",
     "@xylabs/react-button": "~7.1.8",
-    "@xylabs/sdk-js": "~5.0.39",
+    "@xylabs/sdk-js": "~5.0.46",
     "@xylabs/ts-scripts-yarn3": "~7.2.8",
     "@xylabs/tsconfig": "~7.2.8",
     "@xylabs/tsconfig-dom": "~7.2.8",
     "@xylabs/tsconfig-react": "~7.2.8",
-    "@xyo-network/api-models": "~5.1.24",
-    "@xyo-network/xl1-network-model": "~1.16.24",
-    "@xyo-network/xl1-rpc": "~1.16.24",
+    "@xyo-network/api-models": "~5.2.10",
+    "@xyo-network/xl1-network-model": "~1.16.26",
+    "@xyo-network/xl1-rpc": "~1.16.26",
     "axios": "^1.13.2",
     "eslint": "^9.39.1",
     "react": "~19.2.0",

package/src/components/block/hooks/useDynamicBlockComponents.ts

@@ -1,5 +1,5 @@
 import type { XyoChainIteratorParams } from '@xyo-network/chain-services'
-import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 import type { ComponentType } from 'react'
 import { useState } from 'react'
 
@@ -16,7 +16,7 @@ export const useDynamicBlockComponents = (BlockComponent: ComponentType<BlockCom
 
   const { onBlock } = useChainAnalyzersContext()
 
-  const onAddBlock = async (block: HydratedBlock | undefined) => {
+  const onAddBlock = async (block: HydratedBlockWithHashMeta | undefined) => {
     if (!block || !chainMap) return
 
     const blockComponentProps: BlockComponentProps = { block }

package/src/components/block/hooks/useStaticBlockComponents.ts

@@ -1,7 +1,7 @@
 import { usePromise } from '@xylabs/react-promise'
 import { isDefined } from '@xylabs/sdk-js'
 import type { XyoChainIteratorParams } from '@xyo-network/chain-services'
-import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 import type { ComponentType } from 'react'
 
 import { useChainAnalyzersContext } from '../../../context/index.ts'
@@ -11,7 +11,7 @@ import { buildBlockChainRenderComponent } from '../helpers/index.ts'
 export const useStaticBlockComponents = (
   BlockComponent: ComponentType<BlockComponentWithTxsProps>,
   params?: XyoChainIteratorParams,
-  blocks?: HydratedBlock[],
+  blocks?: HydratedBlockWithHashMeta[],
 ) => {
   const { onBlock } = useChainAnalyzersContext()
 

package/src/components/block/table/cell/lib/BlockTableCellProps.ts

@@ -1,7 +1,7 @@
 import type { TableCellProps } from '@mui/material'
-import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 
 export interface BlockTableCellProps extends TableCellProps {
-  block?: HydratedBlock
+  block?: HydratedBlockWithHashMeta
   linked?: boolean
 }

package/src/components/payload/builder/producer-intent/Form.tsx

@@ -1,9 +1,10 @@
 import { Button, FormControl } from '@mui/material'
+import { usePromise } from '@xylabs/react-promise'
 import type { Address } from '@xylabs/sdk-js'
 import { createProducerChainStakeIntent } from '@xyo-network/chain-protocol'
-import type { ChainStakeIntent } from '@xyo-network/xl1-protocol'
+import type { XL1BlockNumber } from '@xyo-network/xl1-protocol'
 import type { MouseEventHandler } from 'react'
-import React, { useMemo, useState } from 'react'
+import React, { useState } from 'react'
 
 import { BlockNumberTextField, XyoAddressTextField } from '../../fields/index.ts'
 import type { PayloadBuilderComponentProps } from '../BuilderComponentProps.ts'
@@ -12,11 +13,11 @@ export interface ProducerIntentBuilderFormProps extends PayloadBuilderComponentP
 
 export const ProducerIntentBuilderForm: React.FC<ProducerIntentBuilderFormProps> = ({ onBuild }) => {
   const [delegate, setDelegate] = useState<Address>()
-  const [exp, setExp] = useState<number>()
-  const [nbf, setNbf] = useState<number>()
+  const [exp, setExp] = useState<XL1BlockNumber>()
+  const [nbf, setNbf] = useState<XL1BlockNumber>()
   const [blockRangeError, setBlockRangeError] = useState<Error>()
 
-  const intentPayload: ChainStakeIntent | undefined = useMemo(() => {
+  const [intentPayload] = usePromise(async () => {
     // confirm we have values for all fields
     if (exp !== undefined && nbf !== undefined) {
       // validate that expires is greater than not before
@@ -26,7 +27,7 @@ export const ProducerIntentBuilderForm: React.FC<ProducerIntentBuilderFormProps>
         setBlockRangeError(undefined)
         if (delegate !== undefined) {
           // create the payload
-          const payload = createProducerChainStakeIntent(delegate, exp, nbf)
+          const payload = await createProducerChainStakeIntent(delegate, exp, nbf)
           return payload
         }
       }

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

@@ -2,12 +2,13 @@ import type { StandardTextFieldProps } from '@mui/material'
 import {
   FormControl, FormHelperText, TextField,
 } from '@mui/material'
+import { toXL1BlockNumber, type XL1BlockNumber } from '@xyo-network/xl1-protocol'
 import type { ChangeEventHandler } from 'react'
 import React, { useState } from 'react'
 
 interface BlockNumberTextFieldProps extends StandardTextFieldProps {
   errorMessage?: string
-  onBlockNumberChanged?: (blockNumber?: number) => void
+  onBlockNumberChanged?: (blockNumber?: XL1BlockNumber) => void
 }
 
 export const BlockNumberTextField: React.FC<BlockNumberTextFieldProps> = ({
@@ -18,7 +19,7 @@ export const BlockNumberTextField: React.FC<BlockNumberTextFieldProps> = ({
   const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {
     const value = e.target.value.replaceAll(/\D/g, '') // Remove non-digit characters
     setBlockNumber(value.length > 0 ? Number(value) : undefined)
-    onBlockNumberChanged?.(Number.parseInt(value))
+    onBlockNumberChanged?.(toXL1BlockNumber(value))
     onChange?.(e)
   }
 

package/src/components/transactions/TransactionsQuickTipButton.tsx

@@ -9,7 +9,7 @@ import {
 import type { QuickTipButtonProps } from '@xylabs/react-quick-tip-button'
 import { QuickTipButton } from '@xylabs/react-quick-tip-button'
 import type { Hash } from '@xylabs/sdk-js'
-import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 import React, {
   Fragment, useMemo, useState,
 } from 'react'
@@ -17,7 +17,7 @@ import React, {
 import { useTxsFromBlock } from '../../hooks/index.ts'
 
 export interface TransactionsQuickTipButtonQuickTipButtonProps extends QuickTipButtonProps {
-  block?: HydratedBlock
+  block?: HydratedBlockWithHashMeta
 }
 
 export const TransactionsQuickTipButton: React.FC<TransactionsQuickTipButtonQuickTipButtonProps> = ({ block, ...props }) => {

package/src/components/transactions/submit/Builder.tsx

@@ -4,11 +4,11 @@ import {
 import { FlexCol } from '@xylabs/react-flexbox'
 import { toHex } from '@xylabs/sdk-js'
 import type { ChainId, TransactionBoundWitnessFields } from '@xyo-network/xl1-protocol'
-import { defaultTransactionFees } from '@xyo-network/xl1-protocol'
+import { defaultTransactionFees, toXL1BlockNumber } from '@xyo-network/xl1-protocol'
 import React from 'react'
 
 export interface ChainTransactionBuilder {
-  onSubmitTx?: (chainTx: TransactionBoundWitnessFields) => Promise<void>
+  onSubmitTx?: (chainTx: Omit<TransactionBoundWitnessFields, 'from'>) => Promise<void>
 }
 
 export const ChainTransactionBuilder: React.FC<ChainTransactionBuilder> = ({ onSubmitTx }) => {
@@ -17,10 +17,10 @@ export const ChainTransactionBuilder: React.FC<ChainTransactionBuilder> = ({ onS
     const formData = new FormData(event.currentTarget)
 
     // TODO - more field level validation
-    const chainTx: TransactionBoundWitnessFields = {
+    const chainTx: Omit<TransactionBoundWitnessFields, 'from'> = {
       chain: formData.get('chain') as ChainId,
-      nbf: Number.parseInt(formData.get('nbf') as string),
-      exp: Number.parseInt(formData.get('exp') as string),
+      nbf: toXL1BlockNumber(formData.get('nbf'), true),
+      exp: toXL1BlockNumber(formData.get('exp'), true),
       fees: {
         gasLimit: toHex(defaultTransactionFees.gasLimit),
         gasPrice: toHex(defaultTransactionFees.gasPrice),

package/src/components/transactions/submit/SubmitChain.tsx

@@ -27,7 +27,7 @@ export const SubmitChainTransaction: React.FC = () => {
   const [result, setResult] = useState<ModuleQueryResult>()
   const [error, setError] = useState<Error>()
 
-  const onSubmitTx = async (chainTx: TransactionBoundWitnessFields) => {
+  const onSubmitTx = async (chainTx: Omit<TransactionBoundWitnessFields, 'from'>) => {
     if (network) {
       const randomAccount = await Account.random()
       const [transactionBoundWitness] = await buildTransaction(

package/src/helpers/txsFromBlock.ts

@@ -1,8 +1,8 @@
 import { HydratedBlockWrapper } from '@xyo-network/chain-wrappers'
 import { PayloadBuilder } from '@xyo-network/payload-builder'
-import { type HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 
-export const txsFromBlock = async (block: HydratedBlock) => {
+export const txsFromBlock = async (block: HydratedBlockWithHashMeta) => {
   const wrapper = await HydratedBlockWrapper.parse(block)
   const txs = wrapper.transactions
   const txPayloads = txs.map(tx => tx.boundWitness)

package/src/hooks/useIterateChain.ts

@@ -4,7 +4,7 @@ import type { XyoChainIteratorParams } from '@xyo-network/chain-services'
 import { ChainBlockNumberIterationService } from '@xyo-network/chain-services'
 import { PayloadBuilder } from '@xyo-network/payload-builder'
 import type { Payload, WithStorageMeta } from '@xyo-network/payload-model'
-import type { BlockBoundWitness, HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { BlockBoundWitness, HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 import { isBlockBoundWitness } from '@xyo-network/xl1-protocol'
 import type { PayloadMapRead } from '@xyo-network/xl1-protocol-sdk'
 import { hydrateBlock } from '@xyo-network/xl1-protocol-sdk'
@@ -27,7 +27,7 @@ const iterateChain = async (chainIteratorParams?: XyoChainIteratorParams, maxDep
   let block = await getHydratedBlock(chainMap, chainHead)
 
   // create the blocks array
-  const blocks: HydratedBlock[] = [block]
+  const blocks: HydratedBlockWithHashMeta[] = [block]
 
   // track the depth
   let depth = 1

package/src/hooks/useTxsFromBlock.ts

@@ -1,9 +1,9 @@
 import { usePromise } from '@xylabs/react-promise'
-import { type HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 
 import { txsFromBlock } from '../helpers/index.ts'
 
-export const useTxsFromBlock = (block?: HydratedBlock) => {
+export const useTxsFromBlock = (block?: HydratedBlockWithHashMeta) => {
   return usePromise(async () => {
     if (block) {
       return await txsFromBlock(block)

package/src/types/BlockComponentProps.ts

@@ -1,9 +1,9 @@
 import type { Hash } from '@xylabs/sdk-js'
-import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-protocol'
 
 /** Interface for all components that render a single block */
 export interface BlockComponentProps {
-  block: HydratedBlock
+  block: HydratedBlockWithHashMeta
   defaultExpanded?: boolean
 }