@xyo-network/react-chain-blockchain 1.6.6 → 1.7.0

package/dist/browser/index.mjs

@@ -1076,11 +1076,10 @@ var BlockEpochTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) =
 }, "BlockEpochTableCell");
 
 // src/components/block/table/cell/Hash.tsx
-import { Avatar, Chip as Chip3, TableCell as TableCell3, Tooltip as Tooltip3 } from "@mui/material";
+import { Link, TableCell as TableCell3, Tooltip as Tooltip3 } from "@mui/material";
 import { isHash as isHash2 } from "@xylabs/hex";
-import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadRootHash } from "@xyo-network/react-shared";
-import React18 from "react";
+import React18, { useState as useState10 } from "react";
 
 // src/components/FeatureNotAvailable.tsx
 import { Button as Button2, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
@@ -1113,33 +1112,22 @@ var useLinkedBlockItem = /* @__PURE__ */ __name((noun, data) => {
 }, "useLinkedBlockItem");
 
 // src/components/block/table/cell/Hash.tsx
-var BlockHashTableCell = /* @__PURE__ */ __name(({ block, identiconProps, notAvailableDialog, linked, ...props }) => {
+var BlockHashTableCell = /* @__PURE__ */ __name(({ block, notAvailableDialog, linked, ...props }) => {
   const hash = usePayloadRootHash(block?.[0]);
   const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
-  const [notAvailable, setNotAvailable] = React18.useState(false);
+  const [notAvailable, setNotAvailable] = useState10(false);
   const shortenedHash = isHash2(hash) ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : void 0;
   return /* @__PURE__ */ React18.createElement(TableCell3, {
     ref,
     ...props
   }, /* @__PURE__ */ React18.createElement(Tooltip3, {
     title: `Block Hash: ${hash}`
-  }, /* @__PURE__ */ React18.createElement(Chip3, {
-    avatar: /* @__PURE__ */ React18.createElement(Avatar, {
-      sx: {
-        background: "white"
-      }
-    }, /* @__PURE__ */ React18.createElement(Identicon, {
-      size: 16,
-      value: hash,
-      ...identiconProps
-    })),
+  }, linked ? /* @__PURE__ */ React18.createElement(Link, {
     sx: {
-      cursor: "pointer",
-      fontFamily: "monospace"
+      cursor: "pointer"
     },
-    label: shortenedHash ?? /* @__PURE__ */ React18.createElement(ChipSkeleton, null),
     onClick: linked ? handleClick : () => setNotAvailable(true)
-  })), notAvailableDialog && notAvailable ? /* @__PURE__ */ React18.createElement(FeatureNotAvailable, {
+  }, shortenedHash ?? /* @__PURE__ */ React18.createElement(ChipSkeleton, null)) : /* @__PURE__ */ React18.createElement("span", null, shortenedHash ?? /* @__PURE__ */ React18.createElement(ChipSkeleton, null))), notAvailableDialog && notAvailable ? /* @__PURE__ */ React18.createElement(FeatureNotAvailable, {
     featureName: "Block Details",
     open: notAvailable,
     onClick: /* @__PURE__ */ __name(() => setNotAvailable(false), "onClick")
@@ -1154,9 +1142,9 @@ import { isHash as isHash3 } from "@xylabs/hex";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
 import { usePayloadRootHash as usePayloadRootHash2 } from "@xyo-network/react-shared";
-import React19, { useState as useState10 } from "react";
+import React19, { useState as useState11 } from "react";
 var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
-  const [open, setOpen] = useState10(false);
+  const [open, setOpen] = useState11(false);
   const onClose = /* @__PURE__ */ __name(() => setOpen(false), "onClose");
   const hash = usePayloadRootHash2(block?.[0]);
   const title = isHash3(hash) ? `JSON for ${ellipsize(hash, 5)}` : "JSON";
@@ -1186,7 +1174,7 @@ var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
 
 // src/components/block/table/cell/PayloadCounts.tsx
 import { Error as Error2 } from "@mui/icons-material";
-import { Link, TableCell as TableCell5, Tooltip as Tooltip4 } from "@mui/material";
+import { Link as Link2, TableCell as TableCell5, Tooltip as Tooltip4 } from "@mui/material";
 import React20 from "react";
 var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [publicPayloads, privatePayloads, error] = usePayloadCountsFromBlock(block);
@@ -1206,7 +1194,7 @@ var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...pr
     color: "error"
   })) : null, linked ? /* @__PURE__ */ React20.createElement(Tooltip4, {
     title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`
-  }, /* @__PURE__ */ React20.createElement(Link, {
+  }, /* @__PURE__ */ React20.createElement(Link2, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
@@ -1244,7 +1232,7 @@ var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailab
 
 // src/components/block/table/cell/TransactionCount.tsx
 import { Error as Error3 } from "@mui/icons-material";
-import { Link as Link2, TableCell as TableCell7, Tooltip as Tooltip6 } from "@mui/material";
+import { Link as Link3, TableCell as TableCell7, Tooltip as Tooltip6 } from "@mui/material";
 import React22, { useMemo as useMemo10 } from "react";
 var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [transactions, error] = useTxsFromBlock(block);
@@ -1263,7 +1251,7 @@ var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ..
     title: error.message
   }, /* @__PURE__ */ React22.createElement(Error3, {
     color: "error"
-  })) : null, linked ? /* @__PURE__ */ React22.createElement(Link2, {
+  })) : null, linked ? /* @__PURE__ */ React22.createElement(Link3, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
@@ -1330,6 +1318,12 @@ var BlockchainTableHead = /* @__PURE__ */ __name(() => {
       width: "20%"
     }
   }, "Epoch"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    align: "left",
+    title: "The address of the block producer that produced the block",
+    sx: {
+      width: "20%"
+    }
+  }, "Block Producer"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
     align: "left",
     title: "Count of transactions that are included in the block"
   }, "Transactions"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
@@ -1395,6 +1389,9 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaul
   }), /* @__PURE__ */ React26.createElement(BlockEpochTableCell, {
     align: "left",
     ...linkedTableCellProps
+  }), /* @__PURE__ */ React26.createElement(BlockProducerTableCell, {
+    align: "left",
+    ...linkedTableCellProps
   }), /* @__PURE__ */ React26.createElement(BlockTransactionCountTableCell, {
     align: "left",
     ...linkedTableCellProps
@@ -1416,7 +1413,7 @@ import React31, { memo } from "react";
 // src/components/chain/stats/Dialog.tsx
 import { QueryStats } from "@mui/icons-material";
 import { Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as DialogTitle3, IconButton as IconButton3 } from "@mui/material";
-import React29, { useState as useState11 } from "react";
+import React29, { useState as useState12 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 import { ListItem, styled, Typography as Typography6 } from "@mui/material";
@@ -1491,7 +1488,7 @@ var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   })))));
 }, "ChainAnalyzerStatsDialog");
 var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
   return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(IconButton3, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
@@ -1670,9 +1667,9 @@ var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, pa
 }, "BlockChainPagination");
 
 // src/components/chain/pagination/hooks/usePagination.tsx
-import { useMemo as useMemo13, useState as useState12 } from "react";
+import { useMemo as useMemo13, useState as useState13 } from "react";
 var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
-  const [page, setPage] = useState12(0);
+  const [page, setPage] = useState13(0);
   const paginatedBlockComponents = useMemo13(() => {
     const startIndex = page * pageSize;
     const endIndex = startIndex + pageSize;
@@ -1966,9 +1963,9 @@ var StaticBlockchainRenderFlexBox = {
 // src/components/payload/builder/Flexbox.tsx
 import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
 import { JsonViewerEx as JsonViewerEx2 } from "@xyo-network/react-payload-raw-info";
-import React40, { useState as useState13 } from "react";
+import React40, { useState as useState14 } from "react";
 var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild, ...props }) => {
-  const [payload, setPayload] = useState13();
+  const [payload, setPayload] = useState14();
   const onBuildLocal = /* @__PURE__ */ __name((payload2) => {
     onBuild?.(payload2);
     setPayload(payload2);
@@ -1986,13 +1983,13 @@ var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild,
 // src/components/payload/builder/producer-intent/Form.tsx
 import { Button as Button5, FormControl as FormControl5 } from "@mui/material";
 import { createProducerChainStakeIntent } from "@xyo-network/chain-protocol";
-import React43, { useMemo as useMemo20, useState as useState16 } from "react";
+import React43, { useMemo as useMemo20, useState as useState17 } from "react";
 
 // src/components/payload/fields/BlockNumberTextField.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText2, TextField as TextField3 } from "@mui/material";
-import React41, { useState as useState14 } from "react";
+import React41, { useState as useState15 } from "react";
 var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumberChanged, onChange, ...props }) => {
-  const [blockNumber, setBlockNumber] = useState14();
+  const [blockNumber, setBlockNumber] = useState15();
   const handleChange = /* @__PURE__ */ __name((e) => {
     const value = e.target.value.replaceAll(/\D/g, "");
     setBlockNumber(value.length > 0 ? Number(value) : void 0);
@@ -2018,10 +2015,10 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
 // src/components/payload/fields/XyoAddressTextField.tsx
 import { FormControl as FormControl4, FormHelperText as FormHelperText3, TextField as TextField4 } from "@mui/material";
 import { asAddress, isAddress as isAddress3 } from "@xylabs/hex";
-import React42, { useMemo as useMemo19, useState as useState15 } from "react";
+import React42, { useMemo as useMemo19, useState as useState16 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
-  const [address, setAddress] = useState15("");
-  const [addressError, setAddressError] = useState15();
+  const [address, setAddress] = useState16("");
+  const [addressError, setAddressError] = useState16();
   useMemo19(() => setAddress(""), [
     resetValue
   ]);
@@ -2059,10 +2056,10 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
 
 // src/components/payload/builder/producer-intent/Form.tsx
 var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [delegate, setDelegate] = useState16();
-  const [exp, setExp] = useState16();
-  const [nbf, setNbf] = useState16();
-  const [blockRangeError, setBlockRangeError] = useState16();
+  const [delegate, setDelegate] = useState17();
+  const [exp, setExp] = useState17();
+  const [nbf, setNbf] = useState17();
+  const [blockRangeError, setBlockRangeError] = useState17();
   const intentPayload = useMemo20(() => {
     if (exp !== void 0 && nbf !== void 0) {
       if (exp <= nbf) {
@@ -2123,7 +2120,7 @@ import React46 from "react";
 import { Button as Button6, FormControl as FormControl7 } from "@mui/material";
 import { isAddress as isAddress5 } from "@xylabs/hex";
 import { TransferSchema } from "@xyo-network/xl1-protocol";
-import React45, { useMemo as useMemo22, useState as useState18 } from "react";
+import React45, { useMemo as useMemo22, useState as useState19 } from "react";
 
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
@@ -2131,10 +2128,10 @@ import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 }
 import { isAddress as isAddress4, toHex as toHex3 } from "@xylabs/hex";
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
-import React44, { useEffect as useEffect4, useMemo as useMemo21, useState as useState17 } from "react";
+import React44, { useEffect as useEffect4, useMemo as useMemo21, useState as useState18 } from "react";
 var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
-  const [toAddress2, setToAddress] = useState17();
-  const [amount, setAmount] = useState17();
+  const [toAddress2, setToAddress] = useState18();
+  const [amount, setAmount] = useState18();
   const transferAmount = useMemo21(() => {
     if (isAddress4(toAddress2) && amount !== void 0) {
       return {
@@ -2179,8 +2176,8 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
 
 // src/components/payload/builder/transfer/Form.tsx
 var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [fromAddress, setFromAddress] = useState18();
-  const [transfers, setTransfers] = useState18([]);
+  const [fromAddress, setFromAddress] = useState19();
+  const [transfers, setTransfers] = useState19([]);
   const transferPayload = useMemo22(() => {
     if (isAddress5(fromAddress) && transfers.length > 0) {
       const transfersRecord = {};
@@ -2317,10 +2314,10 @@ import { MemoryArchivist as MemoryArchivist2 } from "@xyo-network/archivist-memo
 import { ArchivistConfigSchema as ArchivistConfigSchema2 } from "@xyo-network/archivist-model";
 import { buildRandomBlockChain as buildRandomBlockChain2 } from "@xyo-network/react-chain-shared";
 import { flattenHydratedBlock } from "@xyo-network/xl1-protocol-sdk";
-import React48, { useEffect as useEffect6, useState as useState19 } from "react";
+import React48, { useEffect as useEffect6, useState as useState20 } from "react";
 var chainArchivistRef;
 var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, context) => {
-  const [firstBlock, setFirstBlock] = useState19();
+  const [firstBlock, setFirstBlock] = useState20();
   const [randomBlockChain] = usePromise8(async () => await buildRandomBlockChain2(), []);
   const [chainArchivist] = usePromise8(async () => {
     if (chainArchivistRef) {