@xyo-network/react-chain-blockchain 1.0.11 → 1.0.13

package/dist/types/components/block/helpers/tsxFromBlock.d.ts

@@ -1,7 +1,7 @@
 import type { HydratedBlock } from '@xyo-network/chain-model';
 export declare const txsFromBlock: (block: HydratedBlock) => Promise<[import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
     schema: string;
-}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
+}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/chain-model").ElevatedFields & import("@xyo-network/chain-model").FromFields & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
     schema: "network.xyo.boundwitness";
 }> & import("@xyo-network/boundwitness-model").BoundWitnessMeta & {
     $signatures: import("@xylabs/hex").Hex[];

package/dist/types/components/block/hooks/useTxsFromBlock.d.ts

@@ -1,7 +1,7 @@
 import type { HydratedBlock } from '@xyo-network/chain-model';
 export declare const useTxsFromBlock: (block?: HydratedBlock) => [[import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
     schema: string;
-}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
+}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/chain-model").ElevatedFields & import("@xyo-network/chain-model").FromFields & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
     schema: "network.xyo.boundwitness";
 }> & import("@xyo-network/boundwitness-model").BoundWitnessMeta & {
     $signatures: import("@xylabs/hex").Hex[];

package/dist/types/components/block/table/row/TableRow.d.ts

@@ -1,6 +1,7 @@
+import type { TableRowProps } from '@mui/material';
 import React from 'react';
 import type { BlockComponentProps } from '../../../../types/index.ts';
-export interface BlockChainTableRowProps extends BlockComponentProps {
+export interface BlockChainTableRowProps extends BlockComponentProps, TableRowProps {
     linked?: boolean;
 }
 export declare const BlockChainTableRow: React.FC<BlockChainTableRowProps>;

package/dist/types/components/block/table/row/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/row/TableRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAOrE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgBhE,CAAA"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/row/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAOrE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,EAAE,aAAa;IACjF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgBhE,CAAA"}

package/dist/types/components/transactions/submit/Builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Builder.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/Builder.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACvE;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqCrE,CAAA"}
+{"version":3,"file":"Builder.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/Builder.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACvE;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0CrE,CAAA"}

package/dist/types/components/transactions/submit/SubmitChain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitChain.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/SubmitChain.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA+D1C,CAAA"}
+{"version":3,"file":"SubmitChain.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/SubmitChain.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA8D1C,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -46,20 +46,21 @@
     "@xylabs/react-identicon": "^6.0.9",
     "@xylabs/react-promise": "^6.0.9",
     "@xylabs/react-quick-tip-button": "^6.0.9",
-    "@xyo-network/account": "^3.10.4",
-    "@xyo-network/api-models": "^3.10.4",
-    "@xyo-network/archivist-model": "^3.10.4",
-    "@xyo-network/boundwitness-builder": "^3.10.4",
-    "@xyo-network/bridge-http": "^3.10.4",
-    "@xyo-network/chain-ethereum": "^1.0.11",
-    "@xyo-network/chain-model": "^1.0.11",
-    "@xyo-network/chain-protocol": "^1.0.11",
-    "@xyo-network/chain-services": "^1.0.11",
-    "@xyo-network/module-model": "^3.10.4",
-    "@xyo-network/payload-builder": "^3.10.4",
-    "@xyo-network/payload-model": "^3.10.4",
-    "@xyo-network/react-chain-blockies": "^1.0.11",
-    "@xyo-network/react-chain-boundwitness": "^1.0.11",
+    "@xyo-network/account": "^3.10.5",
+    "@xyo-network/api-models": "^3.10.5",
+    "@xyo-network/archivist-model": "^3.10.5",
+    "@xyo-network/boundwitness-builder": "^3.10.5",
+    "@xyo-network/boundwitness-model": "^3.10.5",
+    "@xyo-network/bridge-http": "^3.10.5",
+    "@xyo-network/chain-ethereum": "^1.0.13",
+    "@xyo-network/chain-model": "^1.0.13",
+    "@xyo-network/chain-protocol": "^1.0.13",
+    "@xyo-network/chain-services": "^1.0.13",
+    "@xyo-network/module-model": "^3.10.5",
+    "@xyo-network/payload-builder": "^3.10.5",
+    "@xyo-network/payload-model": "^3.10.5",
+    "@xyo-network/react-chain-blockies": "^1.0.13",
+    "@xyo-network/react-chain-boundwitness": "^1.0.13",
     "@xyo-network/react-event": "^5.0.7",
     "@xyo-network/react-payload-raw-info": "^5.0.7",
     "@xyo-network/react-payload-table": "^5.0.7",
@@ -69,22 +70,22 @@
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.8",
-    "@mui/material": "^6.4.8",
-    "@mui/styles": "^6.4.8",
-    "@storybook/react": "^8.6.7",
+    "@mui/icons-material": "^6.4.9",
+    "@mui/material": "^6.4.9",
+    "@mui/styles": "^6.4.9",
+    "@storybook/react": "^8.6.10",
     "@types/react": "^19.0.12",
     "@xylabs/delay": "^4.7.11",
     "@xylabs/hex": "^4.7.11",
-    "@xylabs/ts-scripts-yarn3": "^6.1.4",
-    "@xylabs/tsconfig-react": "^6.1.4",
-    "@xyo-network/archivist-memory": "^3.10.4",
-    "@xyo-network/chain-utils": "^1.0.11",
-    "eslint": "^9.22.0",
+    "@xylabs/ts-scripts-yarn3": "^6.1.11",
+    "@xylabs/tsconfig-react": "^6.1.11",
+    "@xyo-network/archivist-memory": "^3.10.5",
+    "@xyo-network/chain-utils": "^1.0.13",
+    "eslint": "^9.23.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router-dom": "^7.4.0",
-    "storybook": "^8.6.7",
+    "storybook": "^8.6.10",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {

package/src/components/block/BlockHeadingFlexbox.stories.tsx

@@ -2,7 +2,6 @@ import {
   Alert, AlertTitle, List, ListItem, Stack,
 } from '@mui/material'
 import type { Meta, StoryFn } from '@storybook/react'
-import type { BlockBoundWitness } from '@xyo-network/chain-model'
 import React, { useState } from 'react'
 
 import { buildRandomBlockChainBlocksOnly } from '../../stories/index.ts'
@@ -15,7 +14,7 @@ export default {
   component: BlockHeadingFlexbox,
 } as Meta
 
-const blocks = await buildRandomBlockChainBlocksOnly() as unknown as BlockBoundWitness[]
+const blocks = await buildRandomBlockChainBlocksOnly()
 
 const Template: StoryFn<typeof BlockHeadingFlexbox> = args => <BlockHeadingFlexbox {...args} />
 

package/src/components/block/table/row/TableRow.stories.tsx

@@ -1,12 +1,11 @@
 import { Table, TableBody } from '@mui/material'
 import type { Meta, StoryFn } from '@storybook/react'
-import type { BlockBoundWitness } from '@xyo-network/chain-model'
 import React from 'react'
 
 import { buildRandomBlockChainBlocksOnly } from '../../../../stories/index.ts'
 import { BlockChainTableRow } from './TableRow.tsx'
 
-const [block] = await buildRandomBlockChainBlocksOnly(1) as unknown as BlockBoundWitness[]
+const [block] = await buildRandomBlockChainBlocksOnly(1)
 
 export default {
   title: 'Block/TableRow',

package/src/components/block/table/row/TableRow.tsx

@@ -1,3 +1,4 @@
+import type { TableRowProps } from '@mui/material'
 import { TableRow } from '@mui/material'
 import React, { useMemo } from 'react'
 
@@ -8,18 +9,18 @@ import {
   BlockVerificationTableCell,
 } from '../cell/index.ts'
 
-export interface BlockChainTableRowProps extends BlockComponentProps {
+export interface BlockChainTableRowProps extends BlockComponentProps, TableRowProps {
   linked?: boolean
 }
 
 export const BlockChainTableRow: React.FC<BlockChainTableRowProps> = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  block, defaultExpanded, linked, ...props
+  block, defaultExpanded, linked, sx, ...props
 }) => {
   const linkedTableCellProps = useMemo(() => ({ block, linked }), [block, linked])
   const defaultTableCellProps = useMemo(() => ({ block }), [block])
   return (
-    <TableRow {...props}>
+    <TableRow sx={{ overflowY: 'scroll', ...sx }} {...props}>
       <BlockHashTableCell {...defaultTableCellProps} />
       <BlockNumberTableCell {...linkedTableCellProps} />
       <BlockTransactionCountTableCell {...linkedTableCellProps} />

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

@@ -1,9 +1,10 @@
 import {
   Button, FormControl, TextField,
 } from '@mui/material'
-import type { Address, Hex } from '@xylabs/hex'
+import { type Address, toHex } from '@xylabs/hex'
 import { FlexCol } from '@xylabs/react-flexbox'
 import type { TransactionBoundWitnessFields } from '@xyo-network/chain-model'
+import { defaultFees } from '@xyo-network/chain-protocol'
 import React from 'react'
 
 export interface ChainTransactionBuilder {
@@ -18,9 +19,14 @@ export const ChainTransactionBuilder: React.FC<ChainTransactionBuilder> = ({ onS
     // TODO - more field level validation
     const chainTx: TransactionBoundWitnessFields = {
       chain: formData.get('chain') as Address,
-      gas: formData.get('gas') as Hex,
       nbf: Number.parseInt(formData.get('nbf') as string),
       exp: Number.parseInt(formData.get('exp') as string),
+      fees: {
+        gasLimit: toHex(defaultFees.gasLimit),
+        gasPrice: toHex(defaultFees.gasPrice),
+        base: toHex(defaultFees.base),
+        priority: toHex(defaultFees.priority),
+      },
       nonce: [],
     }
 

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

@@ -19,9 +19,10 @@ import { ChainTransactionBuilder } from './Builder.tsx'
 import { ChainTransactionNetwork } from './Network.tsx'
 
 const BETA_PENDING_TRANSACTIONS_ARCHIVIST = 'https://beta.api.chain.xyo.network/8050fee682a2762f504d5449d8269a6f17f0b693'
+const defaultNetwork = new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST)
 
 export const SubmitChainTransaction: React.FC = () => {
-  const [network, setNetwork] = useState<URL>(new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST))
+  const [network, setNetwork] = useState<URL>(defaultNetwork)
   const [result, setResult] = useState<ModuleQueryResult>()
   const [error, setError] = useState<Error>()
 
@@ -31,7 +32,6 @@ export const SubmitChainTransaction: React.FC = () => {
     const [transactionBoundWitness] = await buildTransaction(
       chainTx.chain,
       [],
-      BigInt(`0x${chainTx.gas}`),
       randomAccount,
       chainTx.nbf,
       chainTx.exp,

package/src/stories/ChainArchivistDecorator.tsx

@@ -40,5 +40,5 @@ export const ChainArchivistDecorator: Decorator = (Story, context) => {
     },
   }
 
-  return blockChainRenderProps?.chainArchivist ? <Story {...props} /> : <><CircularProgress /></>
+  return blockChainRenderProps?.chainArchivist ? <Story {...props} /> : <CircularProgress />
 }