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

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.3.7",
+  "version": "1.3.9",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -37,39 +37,40 @@
     "package-cycle": "echo Nothing to do"
   },
   "dependencies": {
-    "@xylabs/assert": "^4.8.7",
-    "@xylabs/axios": "^4.8.7",
-    "@xylabs/eth-address": "^4.8.7",
-    "@xylabs/exists": "^4.8.7",
-    "@xylabs/hex": "^4.8.7",
-    "@xylabs/promise": "^4.8.7",
-    "@xylabs/react-animation": "^6.2.11",
-    "@xylabs/react-error": "^6.2.11",
-    "@xylabs/react-flexbox": "^6.2.11",
-    "@xylabs/react-identicon": "^6.2.11",
-    "@xylabs/react-promise": "^6.2.11",
-    "@xylabs/react-quick-tip-button": "^6.2.11",
-    "@xyo-network/account": "^3.14.13",
-    "@xyo-network/api-models": "^3.14.13",
-    "@xyo-network/archivist-model": "^3.14.13",
-    "@xyo-network/boundwitness-builder": "^3.14.13",
-    "@xyo-network/boundwitness-model": "^3.14.13",
-    "@xyo-network/bridge-http": "^3.14.13",
-    "@xyo-network/chain-ethereum": "^1.3.7",
-    "@xyo-network/chain-protocol": "^1.3.7",
-    "@xyo-network/chain-services": "^1.3.7",
-    "@xyo-network/module-model": "^3.14.13",
-    "@xyo-network/payload-builder": "^3.14.13",
-    "@xyo-network/payload-model": "^3.14.13",
+    "@xylabs/assert": "^4.8.9",
+    "@xylabs/axios": "^4.8.9",
+    "@xylabs/eth-address": "^4.8.9",
+    "@xylabs/exists": "^4.8.9",
+    "@xylabs/hex": "^4.8.9",
+    "@xylabs/promise": "^4.8.9",
+    "@xylabs/react-animation": "^6.2.13",
+    "@xylabs/react-error": "^6.2.13",
+    "@xylabs/react-flexbox": "^6.2.13",
+    "@xylabs/react-identicon": "^6.2.13",
+    "@xylabs/react-promise": "^6.2.13",
+    "@xylabs/react-quick-tip-button": "^6.2.13",
+    "@xylabs/react-theme": "^6.2.13",
+    "@xyo-network/account": "^3.14.15",
+    "@xyo-network/api-models": "^3.14.15",
+    "@xyo-network/archivist-model": "^3.14.15",
+    "@xyo-network/boundwitness-builder": "^3.14.15",
+    "@xyo-network/boundwitness-model": "^3.14.15",
+    "@xyo-network/bridge-http": "^3.14.15",
+    "@xyo-network/chain-ethereum": "^1.3.9",
+    "@xyo-network/chain-protocol": "^1.3.9",
+    "@xyo-network/chain-services": "^1.3.9",
+    "@xyo-network/module-model": "^3.14.15",
+    "@xyo-network/payload-builder": "^3.14.15",
+    "@xyo-network/payload-model": "^3.14.15",
     "@xyo-network/react-boundwitness-plugin": "^5.2.5",
-    "@xyo-network/react-chain-blockies": "^1.3.7",
+    "@xyo-network/react-chain-blockies": "^1.3.9",
     "@xyo-network/react-event": "^5.2.5",
     "@xyo-network/react-payload-raw-info": "^5.2.5",
     "@xyo-network/react-payload-table": "^5.2.5",
     "@xyo-network/react-shared": "^5.2.5",
     "@xyo-network/react-table": "^5.2.5",
-    "@xyo-network/xl1-model": "^1.3.7",
-    "@xyo-network/xl1-protocol": "^1.3.7"
+    "@xyo-network/xl1-protocol": "^1.3.9",
+    "@xyo-network/xl1-protocol-sdk": "^1.3.9"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -78,16 +79,16 @@
     "@mui/material": "^7.0.2",
     "@storybook/react": "^8.6.12",
     "@types/react": "^19.1.2",
-    "@xylabs/delay": "^4.8.7",
-    "@xylabs/hex": "^4.8.7",
-    "@xylabs/ts-scripts-yarn3": "^6.3.5",
-    "@xylabs/tsconfig-react": "^6.3.5",
-    "@xyo-network/archivist-memory": "^3.14.13",
-    "@xyo-network/chain-utils": "^1.3.7",
-    "knip": "^5.50.5",
+    "@xylabs/delay": "^4.8.9",
+    "@xylabs/hex": "^4.8.9",
+    "@xylabs/ts-scripts-yarn3": "^6.4.6",
+    "@xylabs/tsconfig-react": "^6.4.6",
+    "@xyo-network/archivist-memory": "^3.14.15",
+    "@xyo-network/chain-utils": "^1.3.9",
+    "knip": "^5.51.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router-dom": "^7.5.2",
+    "react-router-dom": "^7.5.3",
     "storybook": "^8.6.12",
     "typescript": "^5.8.3"
   },

package/src/components/block/ProducerChip.tsx

@@ -2,7 +2,7 @@ import type { ChipProps } from '@mui/material'
 import { Chip } from '@mui/material'
 import { EthAddress } from '@xylabs/eth-address'
 import { BlockiesAvatar } from '@xyo-network/react-chain-blockies'
-import type { HydratedBlock } from '@xyo-network/xl1-model'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import React, { useMemo } from 'react'
 
 export interface BlockProducerChipProps extends ChipProps {

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

@@ -1,4 +1,4 @@
-import type { BlockBoundWitness } from '@xyo-network/xl1-model'
+import type { BlockBoundWitness } from '@xyo-network/xl1-protocol'
 
 export const blockProducer = (block: BlockBoundWitness) => {
   return block.addresses[0]

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

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

@@ -0,0 +1,11 @@
+import type { ChipProps } from '@mui/material'
+import { Chip } from '@mui/material'
+import React from 'react'
+
+export interface BlockNumberChipProps extends ChipProps {
+  blockNumber?: number
+}
+
+export const BlockNumberChip: React.FC<BlockNumberChipProps> = ({ blockNumber, ...props }) => {
+  return <Chip avatar={<></>} label={blockNumber} {...props} />
+}

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

@@ -28,10 +28,9 @@ export const BlockPayloadCountsTableCell: React.FC<BlockPayloadCountsTableCellPr
         block: block[0]._hash,
       }
     : undefined
+  const payloadCount = (publicPayloads ?? 0) + (privatePayloads ?? 0)
   const [ref, handleClick] = useLinkedBlockItem('payload-counts', data)
 
-  const renderText = `${publicPayloads ?? '--'} / ${privatePayloads ?? '--'}`
-
   return (
     <TableCell ref={ref} {...props}>
       <span>
@@ -42,7 +41,24 @@ export const BlockPayloadCountsTableCell: React.FC<BlockPayloadCountsTableCellPr
               </Tooltip>
             )
           : null}
-        {linked ? <Link onClick={handleClick} sx={{ cursor: 'pointer' }}>{renderText}</Link> : renderText}
+        {linked
+          ? (
+              <Tooltip title={`Public Payloads: ${publicPayloads ?? '--'} Private Payloads: ${privatePayloads ?? '--'}`}>
+                <Link
+                  onClick={handleClick}
+                  sx={{ cursor: 'pointer' }}
+                >
+                  {payloadCount}
+                </Link>
+              </Tooltip>
+            )
+          : (
+              <Tooltip title={`Public Payloads: ${publicPayloads ?? '--'} Private Payloads: ${privatePayloads ?? '--'}`}>
+                <span>
+                  {payloadCount}
+                </span>
+              </Tooltip>
+            )}
       </span>
     </TableCell>
   )

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

@@ -1,5 +1,4 @@
 import { TableCell, Tooltip } from '@mui/material'
-import { FlexRow } from '@xylabs/react-flexbox'
 import React from 'react'
 
 import { FeatureNotAvailable } from '../../../FeatureNotAvailable.tsx'
@@ -24,9 +23,7 @@ export const BlockProducerTableCell: React.FC<BlockProducerTableCell> = ({
   return (
     <TableCell ref={ref} {...props}>
       <Tooltip title={`Block Producer: ${producer}`}>
-        <FlexRow sx={{ width: '100%' }}>
-          <BlockProducerChip sx={{ cursor: 'pointer' }} onClick={linked ? handleClick : () => setNotAvailable(true)} block={block} {...producerChipProps} />
-        </FlexRow>
+        <BlockProducerChip sx={{ cursor: 'pointer' }} onClick={linked ? handleClick : () => setNotAvailable(true)} block={block} {...producerChipProps} />
       </Tooltip>
       {(notAvailableDialog && notAvailable)
         ? <FeatureNotAvailable featureName="Producer Details" open={notAvailable} onClick={() => setNotAvailable(false)} />

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

@@ -3,11 +3,9 @@ import {
   Link, TableCell, Tooltip,
 } from '@mui/material'
 import type { Hash } from '@xylabs/hex'
-import { isTransactionBoundWitness } from '@xyo-network/xl1-model'
 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'
 
@@ -46,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

@@ -28,11 +28,11 @@ export const BlockchainTableHead: React.FC = () => {
   return (
     <TableHead>
       <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="center" title="The block number that is included in the block">Block Number</ToolTipTableCell>
-        <ToolTipTableCell align="center" title="Count of transactions that are included in the block">Transactions</ToolTipTableCell>
-        <ToolTipTableCell align="center" title="Count of public and private payload counts for the block">Payloads</ToolTipTableCell>
-        <ToolTipTableCell align="center" 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>
         <ToolTipTableCell align="center" title="Link to display the raw JSON of the block">JSON</ToolTipTableCell>
       </TableRow>

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

@@ -1,31 +1,51 @@
 import type { TableRowProps } from '@mui/material'
-import { TableRow } 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 sx={{ overflowY: 'scroll', ...sx }} {...props}>
-      <BlockHashTableCell {...linkedTableCellProps} />
-      <BlockNumberTableCell align="center" {...linkedTableCellProps} />
-      <BlockTransactionCountTableCell align="center" {...linkedTableCellProps} />
-      <BlockPayloadCountsTableCell align="center" {...linkedTableCellProps} />
-      <BlockProducerTableCell {...linkedTableCellProps} />
-      <BlockVerificationTableCell {...defaultTableCellProps} />
+    <TableRow
+      onClick={linked ? handleClick : undefined}
+      ref={ref as Ref<HTMLTableRowElement> | undefined}
+      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} />
+      {/* 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 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)