@xyo-network/react-chain-blockchain 1.3.8 → 1.3.9

package/src/components/block/helpers/payloadCountsFromBlock.ts

@@ -1,5 +1,5 @@
 import { BoundWitnessSchema } from '@xyo-network/boundwitness-model'
-import { type HydratedBlock, isTransactionBoundWitness } from '@xyo-network/xl1-model'
+import { type HydratedBlock, isTransactionBoundWitness } from '@xyo-network/xl1-protocol'
 
 export const payloadCountsFromBlock = ([block, payloads]: HydratedBlock): [number, number] => {
   const publicPayloads = block.payload_schemas.filter(schema => schema !== BoundWitnessSchema)

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

@@ -1,4 +1,4 @@
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import { useMemo } from 'react'
 
 export const useBlockProducer = (block?: HydratedBlock) => {

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

@@ -1,4 +1,4 @@
-import type { HydratedBlock, XyoChainIteratorParams } from '@xyo-network/xl1-model'
+import type { HydratedBlock, XyoChainIteratorParams } from '@xyo-network/xl1-protocol'
 import type { ComponentType } from 'react'
 import { useState } from 'react'
 

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

@@ -1,4 +1,4 @@
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import { useMemo } from 'react'
 
 import { payloadCountsFromBlock } from '../helpers/index.ts'

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

@@ -1,5 +1,5 @@
 import { usePromise } from '@xylabs/react-promise'
-import type { HydratedBlock, XyoChainIteratorParams } from '@xyo-network/xl1-model'
+import type { HydratedBlock, XyoChainIteratorParams } from '@xyo-network/xl1-protocol'
 import type { ComponentType } from 'react'
 
 import { useChainAnalyzersContext } from '../../../context/index.ts'

package/src/components/block/menu/Expanded.tsx

@@ -1,7 +1,7 @@
 import { MoreVert } from '@mui/icons-material'
 import { IconButton, Menu } from '@mui/material'
 import { BWJsonMenuItem, BWPreviousHashMenuItem } from '@xyo-network/react-boundwitness-plugin'
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import React from 'react'
 
 import { useAnchorElement } from '../hooks/index.ts'

package/src/components/block/table/cell/BlockNumber.tsx

@@ -1,10 +1,9 @@
 import {
-  Link, TableCell, Tooltip,
+  TableCell, Tooltip,
+  Typography,
 } from '@mui/material'
 import React from 'react'
 
-import { BlockNumberChip } from './BlockNumberChip.tsx'
-import { useLinkedBlockItem } from './hooks/index.ts'
 import type { BlockTableCellProps } from './lib/index.ts'
 
 export interface BlockNumberTableCellProps extends BlockTableCellProps {}
@@ -13,21 +12,13 @@ export const BlockNumberTableCell: React.FC<BlockNumberTableCellProps> = ({
   block, linked, ...props
 }) => {
   const blockNumber = block?.[0].block
-  const [ref, handleClick] = useLinkedBlockItem('block-number', blockNumber?.toString())
 
   return (
-    <TableCell ref={ref} {...props}>
+    <TableCell {...props}>
       <Tooltip title={`Block Number: ${blockNumber}`}>
-        <span>
-          {linked && blockNumber !== undefined
-            ? (
-                <Link title={blockNumber?.toString()} onClick={handleClick} sx={{ cursor: 'pointer' }}>
-                  <BlockNumberChip blockNumber={blockNumber} size="small" />
-                </Link>
-              )
-            : null}
-          {!linked && <BlockNumberChip blockNumber={blockNumber} size="small" />}
-        </span>
+        <Typography component="span" variant="body1">
+          {blockNumber}
+        </Typography>
       </Tooltip>
     </TableCell>
   )

package/src/components/block/table/cell/JsonView.tsx

@@ -22,23 +22,23 @@ export const BlockJsonViewTableCell: React.FC<BlockJsonViewTableCellProps> = ({
 
   return (
     <TableCell {...props}>
-      <FlexRow sx={{ width: '100%' }}>
+      <FlexRow onClick={e => e.stopPropagation()} sx={{ width: '100%' }}>
         <IconButton onClick={() => setOpen(true)}>
           <DataObject />
         </IconButton>
+        <Dialog open={open} onClose={onClose}>
+          <DialogTitle>{title}</DialogTitle>
+          <DialogContent>
+            <JsonViewerEx value={block} />
+          </DialogContent>
+          <DialogActions sx={{
+            display: 'flex', flexDirection: 'row', justifyContent: 'end',
+          }}
+          >
+            <Button variant="contained" onClick={onClose}>Close</Button>
+          </DialogActions>
+        </Dialog>
       </FlexRow>
-      <Dialog open={open} onClose={onClose}>
-        <DialogTitle>{title}</DialogTitle>
-        <DialogContent>
-          <JsonViewerEx value={block} />
-        </DialogContent>
-        <DialogActions sx={{
-          display: 'flex', flexDirection: 'row', justifyContent: 'end',
-        }}
-        >
-          <Button variant="contained" onClick={onClose}>Close</Button>
-        </DialogActions>
-      </Dialog>
     </TableCell>
   )
 }

package/src/components/block/table/cell/PayloadCounts.tsx

@@ -1,12 +1,8 @@
+import { Error } from '@mui/icons-material'
 import {
-  Error, Public, PublicOff,
-} from '@mui/icons-material'
-import {
-  Chip,
   Link, TableCell, Tooltip,
 } from '@mui/material'
 import type { Hash } from '@xylabs/hex'
-import { FlexRow } from '@xylabs/react-flexbox'
 import React from 'react'
 
 import { usePayloadCountsFromBlock } from '../../hooks/index.ts'
@@ -32,6 +28,7 @@ export const BlockPayloadCountsTableCell: React.FC<BlockPayloadCountsTableCellPr
         block: block[0]._hash,
       }
     : undefined
+  const payloadCount = (publicPayloads ?? 0) + (privatePayloads ?? 0)
   const [ref, handleClick] = useLinkedBlockItem('payload-counts', data)
 
   return (
@@ -49,21 +46,17 @@ export const BlockPayloadCountsTableCell: React.FC<BlockPayloadCountsTableCellPr
               <Tooltip title={`Public Payloads: ${publicPayloads ?? '--'} Private Payloads: ${privatePayloads ?? '--'}`}>
                 <Link
                   onClick={handleClick}
-                  sx={{
-                    cursor: 'pointer', display: 'inline-flex', gap: 0.5,
-                  }}
+                  sx={{ cursor: 'pointer' }}
                 >
-                  <Chip avatar={<Public fontSize="small" />} label={publicPayloads ?? '--'} />
-                  <Chip avatar={<PublicOff fontSize="small" />} label={privatePayloads ?? '--'} />
+                  {payloadCount}
                 </Link>
               </Tooltip>
             )
           : (
               <Tooltip title={`Public Payloads: ${publicPayloads ?? '--'} Private Payloads: ${privatePayloads ?? '--'}`}>
-                <FlexRow gap={0.5} justifyContent="left">
-                  <Chip avatar={<Public fontSize="small" />} label={publicPayloads ?? '--'} />
-                  <Chip avatar={<PublicOff fontSize="small" />} label={privatePayloads ?? '--'} />
-                </FlexRow>
+                <span>
+                  {payloadCount}
+                </span>
               </Tooltip>
             )}
       </span>

package/src/components/block/table/cell/TransactionCount.tsx

@@ -6,7 +6,6 @@ import type { Hash } from '@xylabs/hex'
 import React, { useMemo } from 'react'
 
 import { useTxsFromBlock } from '../../../../hooks/useTxsFromBlock.ts'
-import { TransactionCountChip } from '../../../transactions/index.ts'
 import { useLinkedBlockItem } from './hooks/index.ts'
 import type { BlockTableCellProps } from './lib/index.ts'
 
@@ -45,15 +44,11 @@ export const BlockTransactionCountTableCell: React.FC<BlockTransactionCountTable
         {linked
           ? (
               <Link onClick={handleClick} sx={{ cursor: 'pointer' }}>
-                <TransactionCountChip
-                  transactions={txHashes}
-                />
+                {txHashes?.length}
               </Link>
             )
           : (
-              <TransactionCountChip
-                transactions={txHashes}
-              />
+              txHashes?.length
             )}
       </span>
     </TableCell>

package/src/components/block/table/cell/Verification.tsx

@@ -1,22 +1,24 @@
+import { CheckCircleOutlineRounded } from '@mui/icons-material'
 import { TableCell } from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
 import { BWVerification } from '@xyo-network/react-boundwitness-plugin'
 import React from 'react'
 
-import { useLinkedBlockItem } from './hooks/index.ts'
 import type { BlockTableCellProps } from './lib/index.ts'
 
-export interface BlockVerificationTableCellProps extends BlockTableCellProps {}
+export interface BlockVerificationTableCellProps extends BlockTableCellProps {
+  deepValidation?: boolean
+}
 
 export const BlockVerificationTableCell: React.FC<BlockVerificationTableCellProps> = ({
-  block, linked, ...props
+  block, linked, deepValidation, ...props
 }) => {
-  const [ref, handleClick] = useLinkedBlockItem('block-verification', block?.[0].block.toString())
-
   return (
-    <TableCell ref={ref} {...props}>
-      <FlexRow sx={{ width: '100%' }}>
-        <BWVerification onClick={linked ? handleClick : undefined} iconColors boundwitness={block?.[0]} />
+    <TableCell {...props}>
+      <FlexRow onClick={e => e.stopPropagation()} sx={{ width: '100%' }}>
+        {deepValidation
+          ? <BWVerification iconColors boundwitness={block?.[0]} />
+          : <CheckCircleOutlineRounded color="success" />}
       </FlexRow>
     </TableCell>
   )

package/src/components/block/table/cell/hooks/useLinkedBlockItem.tsx

@@ -8,6 +8,7 @@ export const useLinkedBlockItem = (noun?: BlockHeaderEventNouns, data?: string |
 
   const handleClick = (event: React.MouseEvent) => {
     event.preventDefault()
+    event.stopPropagation()
     if (!noun) {
       console.warn('useLinkedBlockItem: noun is required')
       return

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

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

package/src/components/block/table/head/TableHead.tsx

@@ -30,7 +30,7 @@ export const BlockchainTableHead: React.FC = () => {
       <TableRow>
         <ToolTipTableCell align="left" title="The block number that is included in the block">Block</ToolTipTableCell>
         <ToolTipTableCell title="The hash of the block">Block Hash</ToolTipTableCell>
-        <ToolTipTableCell align="left" title="The address of the block producer that produced the block">Block Producer</ToolTipTableCell>
+        {/* <ToolTipTableCell align="left" title="The address of the block producer that produced the block">Block Producer</ToolTipTableCell> */}
         <ToolTipTableCell align="left" title="Count of transactions that are included in the block">Transactions</ToolTipTableCell>
         <ToolTipTableCell align="left" title="Count of public and private payload counts for the block">Payloads</ToolTipTableCell>
         <ToolTipTableCell align="center" title="The result of the local validation check for the block">Valid</ToolTipTableCell>

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

@@ -1,39 +1,51 @@
 import type { TableRowProps } from '@mui/material'
 import { TableRow, useTheme } from '@mui/material'
 import { alphaCss } from '@xylabs/react-theme'
+import { usePayloadRootHash } from '@xyo-network/react-shared'
+import type { Ref } from 'react'
 import React, { useMemo } from 'react'
 
 import type { BlockComponentProps } from '../../../../types/index.ts'
+import { useLinkedBlockItem } from '../cell/hooks/index.ts'
 import {
-  BlockHashTableCell, BlockJsonViewTableCell, BlockNumberTableCell, BlockPayloadCountsTableCell, BlockProducerTableCell,
+  BlockHashTableCell, BlockJsonViewTableCell, BlockNumberTableCell, BlockPayloadCountsTableCell,
   BlockTransactionCountTableCell,
   BlockVerificationTableCell,
 } from '../cell/index.ts'
 
 export interface BlockChainTableRowProps extends BlockComponentProps, TableRowProps {
+  deepValidation?: boolean
   linked?: boolean
 }
 
 export const BlockChainTableRow: React.FC<BlockChainTableRowProps> = ({
-  block, defaultExpanded, linked, sx, ...props
+  block, deepValidation, defaultExpanded, linked, sx, ...props
 }) => {
   const linkedTableCellProps = useMemo(() => ({ block, linked }), [block, linked])
   const defaultTableCellProps = useMemo(() => ({ block }), [block])
+  const hash = usePayloadRootHash(block?.[0])
+  const [ref, handleClick] = useLinkedBlockItem('block-hash', hash)
   const theme = useTheme()
 
   return (
     <TableRow
+      onClick={linked ? handleClick : undefined}
+      ref={ref as Ref<HTMLTableRowElement> | undefined}
       sx={{
-        'overflowY': 'scroll', '&:hover': { backgroundColor: alphaCss(theme.vars.palette.secondary.light, 0.85) }, ...sx,
+        'cursor': linked ? 'pointer' : 'default',
+        'overflowY': 'scroll',
+        '&:hover': { backgroundColor: alphaCss(theme.vars.palette.secondary.light, 0.85) },
+        ...sx,
       }}
       {...props}
     >
       <BlockNumberTableCell align="left" {...linkedTableCellProps} />
       <BlockHashTableCell align="left" {...linkedTableCellProps} />
-      <BlockProducerTableCell align="left" {...linkedTableCellProps} />
+      {/* Bring back once we have more data to show that is producer specific */}
+      {/* <BlockProducerTableCell align="left" {...linkedTableCellProps} /> */}
       <BlockTransactionCountTableCell align="left" {...linkedTableCellProps} />
       <BlockPayloadCountsTableCell align="left" {...linkedTableCellProps} />
-      <BlockVerificationTableCell {...defaultTableCellProps} />
+      <BlockVerificationTableCell deepValidation={deepValidation} {...defaultTableCellProps} />
       <BlockJsonViewTableCell {...defaultTableCellProps} />
     </TableRow>
   )

package/src/components/chain/hooks/useOnBlock.ts

@@ -1,4 +1,4 @@
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import { useEffect, useRef } from 'react'
 
 export type PollingState = 'paused' | 'running'

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

@@ -1,7 +1,7 @@
 import { Button, FormControl } from '@mui/material'
 import type { Address } from '@xylabs/hex'
 import { createProducerChainStakeIntent } from '@xyo-network/chain-ethereum'
-import type { ChainStakeIntent } from '@xyo-network/xl1-model'
+import type { ChainStakeIntent } from '@xyo-network/xl1-protocol'
 import type { MouseEventHandler } from 'react'
 import React, { useMemo, useState } from 'react'
 

package/src/components/payload/builder/transfer/Form.tsx

@@ -1,7 +1,7 @@
 import { Button, FormControl } from '@mui/material'
 import type { Address } from '@xylabs/hex'
-import type { Transfer } from '@xyo-network/xl1-model'
-import { TransferSchema } from '@xyo-network/xl1-model'
+import type { Transfer } from '@xyo-network/xl1-protocol'
+import { TransferSchema } from '@xyo-network/xl1-protocol'
 import type { MouseEventHandler } from 'react'
 import React, { useMemo, useState } from 'react'
 

package/src/components/transactions/TransactionsQuickTipButton.tsx

@@ -9,7 +9,7 @@ import {
 } from '@xylabs/react-flexbox'
 import type { QuickTipButtonProps } from '@xylabs/react-quick-tip-button'
 import { QuickTipButton } from '@xylabs/react-quick-tip-button'
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import React, {
   Fragment, useMemo, useState,
 } from 'react'

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

@@ -3,8 +3,8 @@ import {
 } from '@mui/material'
 import { type Address, toHex } from '@xylabs/hex'
 import { FlexCol } from '@xylabs/react-flexbox'
-import type { TransactionBoundWitnessFields } from '@xyo-network/xl1-model'
-import { defaultFees } from '@xyo-network/xl1-protocol'
+import type { TransactionBoundWitnessFields } from '@xyo-network/xl1-protocol'
+import { defaultFees } from '@xyo-network/xl1-protocol-sdk'
 import React from 'react'
 
 export interface ChainTransactionBuilder {

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

@@ -11,8 +11,8 @@ import { QueryBoundWitnessBuilder } from '@xyo-network/boundwitness-builder'
 import type { ModuleQueryResult } from '@xyo-network/module-model'
 import { PayloadBuilder } from '@xyo-network/payload-builder'
 import type { Payload } from '@xyo-network/payload-model'
-import type { TransactionBoundWitnessFields } from '@xyo-network/xl1-model'
-import { buildTransaction } from '@xyo-network/xl1-protocol'
+import type { TransactionBoundWitnessFields } from '@xyo-network/xl1-protocol'
+import { buildTransaction } from '@xyo-network/xl1-protocol-sdk'
 import React, { useState } from 'react'
 
 import { ChainTransactionBuilder } from './Builder.tsx'

package/src/context/analyzer/Provider.tsx

@@ -1,4 +1,4 @@
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import type { PropsWithChildren } from 'react'
 import React, {
   useCallback, useMemo, useState,

package/src/context/analyzer/state.ts

@@ -1,5 +1,5 @@
 import type { ContextExState } from '@xyo-network/react-shared'
-import type { ChainAnalyzer, HydratedBlock } from '@xyo-network/xl1-model'
+import type { ChainAnalyzer, HydratedBlock } from '@xyo-network/xl1-protocol'
 
 export type ChainAnalyzerIds = 'producers'
 

package/src/context/chain/State.ts

@@ -1,6 +1,6 @@
 import type { ArchivistInstance } from '@xyo-network/archivist-model'
 import type { ContextExState } from '@xyo-network/react-shared'
-import type { ChainBlockNumberIterator, ChainInformation } from '@xyo-network/xl1-model'
+import type { ChainBlockNumberIterator, ChainInformation } from '@xyo-network/xl1-protocol'
 
 export interface ChainInfoState extends ContextExState {
   chainArchivist?: ArchivistInstance

package/src/helpers/txsFromBlock.ts

@@ -1,6 +1,6 @@
 import { PayloadBuilder } from '@xyo-network/payload-builder'
-import type { HydratedBlock } from '@xyo-network/xl1-model'
-import { isTransactionBoundWitness } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+import { isTransactionBoundWitness } from '@xyo-network/xl1-protocol'
 
 export const txsFromBlock = async (block: HydratedBlock) => {
   const transactionPayloads = block[1].filter(payload => isTransactionBoundWitness(payload))

package/src/hooks/chain-iterator/ChainIteratorStore.ts

@@ -6,7 +6,7 @@ import type {
   EventingChainBlockNumberIterator, HeadEventArgs,
   HydratedBlock,
   XyoChainIteratorParams,
-} from '@xyo-network/xl1-model'
+} from '@xyo-network/xl1-protocol'
 
 export type Listener = (...args: Array<unknown>) => void
 

package/src/hooks/chain-iterator/useChainIteratorParams.ts

@@ -3,8 +3,8 @@ import type { Hash } from '@xylabs/hex'
 import { usePromise } from '@xylabs/react-promise'
 import type { ReadArchivist } from '@xyo-network/archivist-model'
 import { BoundWitnessBuilder } from '@xyo-network/boundwitness-builder'
-import type { BlockBoundWitness } from '@xyo-network/xl1-model'
-import { isBlockBoundWitness } from '@xyo-network/xl1-model'
+import type { BlockBoundWitness } from '@xyo-network/xl1-protocol'
+import { isBlockBoundWitness } from '@xyo-network/xl1-protocol'
 
 import type { BlockChainIterator } from '../../types/index.ts'
 

package/src/hooks/chain-iterator/useChainIteratorStore.ts

@@ -1,5 +1,5 @@
 import { usePromise } from '@xylabs/react-promise'
-import type { XyoChainIteratorParams } from '@xyo-network/xl1-model'
+import type { XyoChainIteratorParams } from '@xyo-network/xl1-protocol'
 import {
   useEffect,
   useMemo, useRef, useSyncExternalStore,

package/src/hooks/chain-iterator/useChainIteratorUpdatingHead.ts

@@ -1,7 +1,7 @@
 import { toHex } from '@xylabs/hex'
 import type { ArchivistInstance } from '@xyo-network/archivist-model'
 import { findMostRecentBlock } from '@xyo-network/chain-protocol'
-import type { ChainBlockNumberIterator } from '@xyo-network/xl1-model'
+import type { ChainBlockNumberIterator } from '@xyo-network/xl1-protocol'
 import { useEffect, useState } from 'react'
 
 export interface ChainIteratorUpdatingHeadParams {

package/src/hooks/useIterateChain.ts

@@ -6,8 +6,8 @@ import { XyoChainBlockNumberIterator } from '@xyo-network/chain-services'
 import { PayloadBuilder } from '@xyo-network/payload-builder'
 import type {
   BlockBoundWitness, HydratedBlock, XyoChainIteratorParams,
-} from '@xyo-network/xl1-model'
-import { isBlockBoundWitness } from '@xyo-network/xl1-model'
+} from '@xyo-network/xl1-protocol'
+import { isBlockBoundWitness } from '@xyo-network/xl1-protocol'
 
 const getHydratedBlock = async (chainArchivist: ReadArchivist, head: BlockBoundWitness) => {
   const headHash = await PayloadBuilder.hash(head)

package/src/hooks/useTxsFromBlock.ts

@@ -1,5 +1,5 @@
 import { usePromise } from '@xylabs/react-promise'
-import { type HydratedBlock } from '@xyo-network/xl1-model'
+import { type HydratedBlock } from '@xyo-network/xl1-protocol'
 
 import { txsFromBlock } from '../helpers/txsFromBlock.ts'
 

package/src/lib/getChainInformation.ts

@@ -1,5 +1,5 @@
 import type { Promisable } from '@xylabs/promise'
-import type { ChainInformation } from '@xyo-network/xl1-model'
+import type { ChainInformation } from '@xyo-network/xl1-protocol'
 
 const id = 'ce080bf3043a40c6c8838c7e813c00ab53df1684'
 

package/src/stories/ChainArchivistDelayedInsertDecorator.tsx

@@ -5,7 +5,7 @@ import { usePromise } from '@xylabs/react-promise'
 import { MemoryArchivist } from '@xyo-network/archivist-memory'
 import { ArchivistConfigSchema } from '@xyo-network/archivist-model'
 import { flattenHydratedBlock } from '@xyo-network/chain-protocol'
-import type { BlockBoundWitness } from '@xyo-network/xl1-model'
+import type { BlockBoundWitness } from '@xyo-network/xl1-protocol'
 import React, { useEffect, useState } from 'react'
 
 import { getChainInformation } from '../lib/index.ts'

package/src/stories/ChainInfoContextDecorator.tsx

@@ -3,7 +3,7 @@ import { assertEx } from '@xylabs/assert'
 import { usePromise } from '@xylabs/react-promise'
 import { XyoChainBlockNumberIterator } from '@xyo-network/chain-services'
 import { findFirstMatching } from '@xyo-network/chain-utils'
-import { isBlockBoundWitness } from '@xyo-network/xl1-model'
+import { isBlockBoundWitness } from '@xyo-network/xl1-protocol'
 import React from 'react'
 
 import { ChainInfoProvider } from '../context/index.ts'

package/src/stories/buildRandomBlockchain.ts

@@ -1,6 +1,6 @@
 import { Account } from '@xyo-network/account'
 import { buildRandomChain } from '@xyo-network/chain-ethereum'
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 
 export const buildRandomBlockChain = async (blockCount = 10) => {
   // Create a producer

package/src/types/BlockComponentProps.ts

@@ -1,5 +1,5 @@
 import type { Hash } from '@xylabs/hex'
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 
 /** Interface for all components that render a single block */
 export interface BlockComponentProps {

package/src/types/BlockComponents.ts

@@ -1,5 +1,5 @@
 import type { NodesWithKeys } from '@xylabs/react-animation'
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 
 /** Interface for all block components meant to be rendered in a chain */
 export interface BlockChainRenderComponent extends NodesWithKeys {

package/src/types/render/BlockChainRenderProps.ts

@@ -1,6 +1,6 @@
 import type { Hash } from '@xylabs/hex'
 import type { ArchivistInstance } from '@xyo-network/archivist-model'
-import type { ChainInformation } from '@xyo-network/xl1-model'
+import type { ChainInformation } from '@xyo-network/xl1-protocol'
 
 /** Props that control the rendering (not blockchain specific) */
 export interface RenderProps {